.guide{color:#f3f0e7;background:#173e31;border-top:1px solid #0e2d23;padding:58px 5vw}.guideIntro{max-width:680px}.guideIntro h2{letter-spacing:-.04em;margin:10px 0 14px;font:44px/.98 Georgia,serif}.guideIntro>p:last-child{color:#c6d2cb;line-height:1.55}.guideSteps{grid-template-columns:repeat(5,1fr);gap:12px;margin:36px 0 28px;padding:0;list-style:none;display:grid}.guideSteps li{color:#17211c;background:#f3f0e7;min-height:245px;padding:14px}.guideSteps li>b{margin-top:13px;font-size:13px;display:block}.guideSteps li p{color:#606963;font-size:11px;line-height:1.5}.diagram{background:#dfddd4;place-items:center;height:125px;display:grid;position:relative;overflow:hidden}.diagram i,.diagram span{display:block;position:absolute}.layers i{background:#e2c6a6;border:3px solid #173e31;width:72px;height:48px}.layers i:first-child{transform:translate(-15px,-20px)}.layers i:nth-child(2){background:#faf8f1;transform:translate(-5px,-8px)}.layers i:nth-child(3){background:#b97155;transform:translate(5px,4px)}.layers i:nth-child(4){background:#846943;transform:translate(15px,16px)}.snap i:first-child{border:8px solid #173e31;width:86px;height:62px}.snap i:last-child{background:#9b7e56;width:65px;height:42px;transform:translateY(22px)}.snap span{color:#f05a28;font-size:30px;top:3px}.hinge i:first-child{background:#9b7e56;width:84px;height:70px}.hinge i:first-child:before,.hinge i:first-child:after{content:"";background:#173e31;border-radius:8px;width:18px;height:12px;position:absolute;bottom:-5px}.hinge i:first-child:before{left:14px}.hinge i:first-child:after{right:14px}.hinge i:nth-child(2){background:#f05a28;width:22px;height:69px;bottom:8px;right:22px}.hinge span{font-size:28px;right:4px}.open i:first-child{background:#9b7e56;width:74px;height:82px;transform:skewY(-5deg)}.open i:last-child{transform-origin:top;background:#173e31;width:18px;height:80px;top:31px;left:66%;transform:rotate(-28deg)}.hang i{background:#9b7e56;width:80px;height:75px}.hang i:before{content:"";border:4px solid #173e31;border-radius:50%;width:12px;height:12px;position:absolute;top:15px;left:34px}.hang i:after{content:"";background:#173e31;width:6px;height:20px;position:absolute;top:28px;left:39px}.hang span{color:#f05a28;font-size:30px;top:2px;left:calc(50% - 4px)}.guideNote{color:#cbd6d0;border:1px solid #587267;align-items:center;gap:18px;padding:16px;display:flex}.guideNote b{color:#fff;text-transform:uppercase;letter-spacing:.12em;font:11px monospace}.guideNote span{font-size:11px}@media (max-width:1100px){.guideSteps{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.guide{padding:42px 20px}.guideSteps{grid-template-columns:1fr}.guideSteps li{min-height:0}.guideIntro h2{font-size:36px}.guideNote{flex-direction:column;align-items:flex-start}}.backLayer{z-index:1!important}.standViz{z-index:2!important}.backKnuckle,.legKnuckle{z-index:4;background:#f05a28;border-radius:8px;height:13px;display:block;position:absolute;bottom:24%;box-shadow:inset 0 0 0 3px #173e31}.backKnuckle{width:24px}.backKnuckle.left{left:31%}.backKnuckle.right{right:31%}.legKnuckle{background:#f3f0e7;width:30px;top:-8px;left:calc(50% - 15px)}.pinViz{z-index:8;background:#f05a28;border-radius:5px;width:94px;height:7px;position:absolute;bottom:-7px;right:-118px;box-shadow:2px 3px #8f3619}.pinViz i{background:#f05a28;border-radius:50%;width:14px;height:14px;position:absolute;top:-4px;right:-5px}.keyholeViz{background:#173e31;border-radius:50%;width:11px;height:11px;display:block;position:absolute;top:12%;left:calc(50% - 5px)}.keyholeViz:after{content:"";background:#173e31;width:5px;height:17px;position:absolute;top:8px;left:3px}.pinLabel{color:#fff;bottom:34%;right:1%;background:#f05a28!important;border:0!important}.hinge .rearKnuckles{background:linear-gradient(90deg,#173e31 0 27%,#0000 27% 35%,#173e31 35% 65%,#0000 65% 73%,#173e31 73%);border-radius:10px;width:70px;height:16px}.hinge .centerKnuckle{background:#f05a28;border-radius:10px;width:22px;height:16px}.hinge .guidePin{background:#6c7770;border-radius:5px;width:92px;height:5px;transform:translateY(28px)}.hinge .guidePin:after{content:"";background:#6c7770;border-radius:50%;width:11px;height:11px;position:absolute;top:-3px;right:-4px}