@font-face{font-family:Anton;src:url("assets/Anton.ttf") format("truetype");font-weight:400;font-display:swap}
:root{color-scheme:dark;--room:#1b1d1b;--light:#f5f3e9;--copy:#d0d0c7;--muted:#b0b2a9;--rule:#4b4e47;--yellow:#f5d34e;--body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--head:Anton,"Arial Narrow",Impact,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--room);color:var(--light);font-family:var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a,summary,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--yellow)}.wrap{width:min(100%,1570px);margin:auto;padding-inline:clamp(22px,4vw,72px)}.skip{position:absolute;top:0;left:10px;background:var(--light);color:var(--room);padding:8px;z-index:5;transform:translateY(-150%)}.skip:focus{transform:none}.mast{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:82px}.mast:after,.foot:before{content:"";position:absolute;height:1px;background:var(--rule);left:clamp(22px,4vw,72px);right:clamp(22px,4vw,72px);bottom:0}.brand img{width:clamp(205px,21vw,322px);height:auto}.mast nav,.footlinks{display:flex;align-items:center;gap:clamp(13px,2.5vw,36px);font-size:13px}.mast a:hover,.footlinks a:hover,.textlink:hover{text-decoration:underline;text-underline-offset:4px}.hero{display:grid;grid-template-columns:.84fr 1.46fr;gap:clamp(24px,3.8vw,60px);align-items:center;padding-top:clamp(28px,3.5vw,59px)}.eyebrow,.section-label,.shothead,.shotfoot,.tool-caption,.glass figcaption,.subtle{font-size:13px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--copy)}.eyebrow i{width:24px;height:2px;background:var(--yellow);display:block}.hero h1{font-family:var(--head);font-size:clamp(70px,8.85vw,146px);font-weight:400;line-height:.98;letter-spacing:-.037em;margin:19px 0 24px}.lede,.bodycopy{font-size:clamp(16px,1.17vw,19px);line-height:1.5;color:var(--copy)}.lede{max-width:29ch}.shothead,.shot-nav,.shotfoot,.tool-caption,.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.shothead{padding-bottom:12px}.shot-nav{gap:4px}.shot-nav>span{font:11px ui-monospace,Consolas,monospace;color:var(--muted);margin-right:7px}.shot-nav button,#enlarge,#close-dialog{border:1px solid var(--rule);background:transparent;color:var(--light);min-height:32px}.shot-nav button{width:37px;font-size:22px;line-height:1}.shot-nav button:hover,#enlarge:hover,#close-dialog:hover{border-color:var(--copy)}.viewer{--cut:34%;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;background:#282a26}.viewer img{position:absolute;inset:0;height:100%;width:100%;object-fit:contain}.input-frame{clip-path:inset(0 calc(100% - var(--cut)) 0 0)}.cut{position:absolute;top:0;bottom:0;left:var(--cut);width:2px;background:var(--yellow);transform:translateX(-1px);pointer-events:none}.cut:before{content:"";position:absolute;left:-5px;top:0;border:6px solid transparent;border-top:9px solid var(--yellow)}.cut span{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);background:var(--yellow);color:#1b1d1b;font-size:16px;font-weight:bold;line-height:23px;text-align:center;width:30px}.viewer input{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:0;touch-action:pan-y}.viewer:focus-within{outline:2px solid var(--yellow);outline-offset:3px}.shotfoot{color:var(--muted);padding:9px 0;font-size:11px}.shotfoot span{display:flex;align-items:center;gap:5px}.shotfoot i{width:8px;height:8px;display:block;border:1px solid #96988f}.shotfoot span:last-child i{background:var(--yellow);border-color:var(--yellow)}.ribbon{margin:clamp(23px,3.7vw,58px) 0 clamp(20px,2.9vw,48px)}.ribbon img{width:100%;height:auto;max-height:110px;object-fit:fill}
.tools,.optics,.install{border-top:1px solid var(--rule);padding:clamp(30px,4.7vw,76px) 0;scroll-margin-top:12px;display:grid;gap:clamp(26px,5vw,80px);align-items:center}.tools,.install{grid-template-columns:.8fr 1.45fr}.section-label{color:var(--muted);margin-bottom:12px}.tools h2,.optics h2,.install h2{font:400 clamp(43px,4.9vw,83px)/1.03 var(--head);letter-spacing:-.024em;margin-bottom:17px}.bodycopy{max-width:43ch}.tool-list{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:24px}.tool-list button{background:none;border:0;border-bottom:1px solid transparent;padding:7px 1px;color:var(--muted);font-size:13px}.tool-list button[aria-selected=true]{border-color:var(--light);color:var(--light)}.tool-list button:hover{color:white}.screen{display:grid;place-items:center;aspect-ratio:17/10;background:#141614;overflow:hidden}.screen img{height:100%;width:100%;object-fit:contain}.tool-caption{color:var(--muted);font-size:12px;margin-top:10px}#enlarge,#close-dialog{font-size:12px;padding:5px 10px}.optics{grid-template-columns:1.22fr 1fr}.glass{position:relative;min-width:0}.glass img{width:100%;height:auto;aspect-ratio:2.32;object-fit:cover;object-position:54% 69%}.glass figcaption{font-size:11px;color:var(--muted);margin-top:9px}.textlink{display:inline-flex;align-items:center;gap:9px;border-bottom:1px solid var(--muted);padding:5px 0;font-size:14px;margin-top:12px}.textlink:hover{text-decoration:none;border-color:var(--light)}.install{align-items:start}.install-steps{display:grid;grid-template-columns:.9fr 1.1fr;gap:27px}.install-steps h3{font-size:12px;font-weight:400;color:var(--muted);margin-bottom:10px}.install-steps h3 span{font-size:18px;color:var(--light);margin-left:6px}.install-steps p{font-size:14px;line-height:1.5;color:var(--copy)}.install-steps .subtle{font-size:12px;color:var(--muted);margin-top:9px}.foot{min-height:118px;display:flex;align-items:center;justify-content:space-between;position:relative;gap:25px}.foot:before{top:0;bottom:auto}.footer-logo img{height:auto;width:clamp(220px,30vw,450px)}.footlinks{color:var(--copy)}dialog{max-width:min(94vw,1440px);max-height:95vh;background:var(--room);color:var(--light);border:1px solid var(--rule);padding:15px}dialog::backdrop{background:#080908dc}.dialog-head{margin-bottom:10px}.dialog-head h2{font-size:16px;font-weight:500}dialog img{width:auto;max-width:100%;max-height:79vh;object-fit:contain;margin:auto}
@media(max-width:870px){.hero{grid-template-columns:.8fr 1.25fr;gap:24px}.eyebrow{font-size:11px}.eyebrow i{width:16px}.hero h1{font-size:clamp(69px,9vw,87px)}.tools,.install{grid-template-columns:.85fr 1.15fr}.install-steps{grid-template-columns:1fr}.shot-nav>span{display:none}.footlinks{font-size:12px;gap:13px}}
@media(max-width:650px){.mast{min-height:74px;flex-wrap:wrap;gap:11px;padding-top:16px;padding-bottom:12px}.brand img{width:196px}.mast nav{font-size:12px;gap:14px}.hero,.tools,.optics,.install{grid-template-columns:1fr;gap:22px}.hero{padding-top:25px}.hero h1{font-size:clamp(64px,14vw,86px);margin:13px 0}.hero h1 br{display:none}.eyebrow{font-size:11px}.lede{max-width:38ch}.viewer{aspect-ratio:16/9}.shothead{padding-bottom:8px}.shotfoot{font-size:10px}.ribbon{margin:17px 0}.ribbon img{min-height:40px}.tools,.optics,.install{padding:27px 0}.tools h2,.optics h2,.install h2{font-size:44px;margin-bottom:9px}.tool-list{margin-top:10px;gap:0 12px}.optics-copy{grid-row:1}.install-steps{gap:16px}.foot{align-items:flex-start;flex-direction:column;justify-content:center;padding-top:20px;padding-bottom:22px;gap:15px}.footer-logo img{width:210px}.bodycopy,.lede{font-size:16px}.section-label{margin-bottom:6px}.footlinks{flex-wrap:wrap}.tools .screen{min-height:170px}.glass img{aspect-ratio:2}.shot-nav button{min-height:36px}.footlinks a{padding:4px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


body:has(dialog[open]){overflow:hidden}dialog[open] img{width:min(1100px,85vw);height:min(70vh,760px)}