.product-page{padding-top:100px;background:#181a1e;color:#ffffff}.product-hero{position:relative;min-height:700px;overflow:hidden;display:flex;align-items:center}.product-hero-copy{position:relative;z-index:2;padding:80px 7%;width:100%}.product-hero h1{font-size:clamp(4rem,7.6vw,8.5rem);line-height:.98;letter-spacing:-.065em;margin:25px 0 32px;max-width:950px}.product-hero h1 em{color:#cbb994}.product-hero-copy>p:not(.eyebrow){font-size:1.2rem;line-height:1.7;margin-bottom:30px}.frames-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 60%;opacity:.82}.frames-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#181a1ee8 2%,#181a1e80 43%,transparent 73%),linear-gradient(0deg,#181a1e66,transparent 35%)}.frames-hero .product-hero-copy{padding-bottom:145px}.image-credit{position:absolute;bottom:25px;right:7%;font-size:.75rem;color:#dfdfdf;z-index:2}.product-section{padding:90px 7%;scroll-margin-top:95px}.product-section h2{font-size:clamp(2.6rem,4.5vw,5rem);line-height:1.06;letter-spacing:-.045em;margin:22px 0 30px}.product-section h2 em{font-family:Georgia,serif;font-weight:400}.product-section p{line-height:1.8;font-size:1rem}.product-section.light{background:#ffffff;color:#1e1e1e}.product-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center;margin-bottom:40px}.product-heading>p{max-width:530px}.frame-playground{background:#e3e3e3;border:1px solid #b6b6b6;padding:30px}.frame-drawing{position:relative;max-width:920px;margin:auto}.frame-drawing svg{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 12px #20202022)}.drawing-caption{display:block;text-align:center;font-size:.8rem;margin:0 0 24px;color:#4c4c4c}.frame-controls{display:grid;grid-template-columns:1fr 1fr;gap:25px}.frame-controls fieldset{border:0;padding:0;margin:0;min-width:0}.frame-controls legend{font-size:.9rem;margin-bottom:13px}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice-row button{color:#1e1e1e;border:1px solid #818181;padding:12px 16px;min-height:44px;font-size:.9rem}.choice-row button[aria-pressed=true]{background:#1e1e1e;color:#ffffff}.frame-controls>p{grid-column:1/-1;border-top:1px solid #a8a8a8;padding-top:20px;min-height:78px;margin-bottom:0}.product-section .product-note{font-size:.82rem;line-height:1.7;color:inherit;opacity:.85;margin-top:25px}.product-note a{text-decoration:underline}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:50px}.editorial-grid article{border-top:1px solid #82828280;padding-top:28px}.editorial-grid h3{font-size:1.5rem;line-height:1.25;margin:22px 0 15px}.editorial-grid p{color:inherit;opacity:.9}.chapter{font:italic 4rem Georgia,serif;color:#cbb994}.material-section{background:radial-gradient(ellipse at 90% 0,#54545433,transparent 60%),#181a1e}.product-links{display:flex;flex-direction:column;border-top:1px solid #8d8d8d}.product-links a{padding:25px 0;border-bottom:1px solid #8d8d8d;font-size:1.15rem;line-height:1.4}.product-links a:hover{color:#515151}.product-contact{background:#30362f;color:#1e1e1e}.product-contact .button{background:#1e1e1e;color:#ffffff}.product-contact .operational-note{color:#3c3c3c;font-size:.8rem;margin-top:25px;max-width:670px}.lenses-hero{background:radial-gradient(ellipse at 85% 55%,#59595977,transparent 60%),#181818;isolation:isolate}.lenses-hero h1{font-size:clamp(3.5rem,6.5vw,7rem)}.lens-sculpture{position:absolute;right:3%;top:5%;width:49%;height:90%;perspective:1000px;z-index:-1}.lens-disc{position:absolute;inset:15% 7%;border:2px solid #dededeaa;border-radius:50%;background:linear-gradient(135deg,#e5e5e505,#c5c5c533 40%,#ffffff77 42%,#d1d1d108 44%,#b2b2b22b);box-shadow:inset 0 0 40px #e8ffff20,15px 25px 40px #0004;transform:rotateY(-38deg) rotateZ(-27deg)}.disc-back{translate:65px -25px;opacity:.4}.disc-middle{translate:30px -10px;opacity:.65}.disc-front{translate:-20px 10px}.lens-sculpture>span{position:absolute;bottom:13%;right:5%;font-size:.75rem;letter-spacing:.2em;color:#d6d6d6;transform:rotate(-15deg)}.distance-explorer{display:grid;grid-template-columns:230px 1fr;border:1px solid #9e9e9e}.distance-controls{display:flex;flex-direction:column;background:#e2e2e2}.distance-controls button{display:flex;align-items:center;gap:22px;text-align:left;padding:30px 22px;border-bottom:1px solid #a1a1a1;color:#1e1e1e;font-size:1.1rem;flex:1}.distance-controls button span{font-size:.8rem}.distance-controls button[aria-pressed=true]{background:#30362f;box-shadow:inset 4px 0 #1e1e1e}.distance-stage{padding:40px 50px;min-height:400px;background:#202020;color:#ffffff;position:relative;overflow:hidden}.distance-scale{display:flex;align-items:center;gap:18px;font-size:.75rem;color:#cbb994}.distance-scale>div{height:1px;background:#7c7c7c;flex:1;position:relative}.distance-scale>div:after{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background:#30362f;top:-7px;left:95%;transition:left .4s ease}.distance-stage[data-view=near] .distance-scale>div:after{left:0}.distance-stage[data-view=desk] .distance-scale>div:after{left:45%}.distance-kicker{font-size:.8rem!important;letter-spacing:.1em;margin-top:30px;color:#b9b9b9}.distance-stage h3{font-size:clamp(2rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.04em;margin:15px 0}.distance-stage>p{max-width:650px}.distance-label{font-size:.75rem;color:#bebebe;display:block;margin-top:25px}.lens-types a{display:inline-block;text-decoration:underline;text-underline-offset:4px}.layer-section{background:radial-gradient(ellipse at 10% 50%,#50505044,transparent 60%),#181a1e}.layer-section label{display:block;font-size:.9rem;margin-top:22px}.layer-section input{width:100%;margin:18px 0;accent-color:#cbb994}.layer-section output{font-size:.8rem;color:#cbb994}.layer-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.layer-visual{height:440px;position:relative;perspective:900px}.glass-layer{position:absolute;left:21%;top:16%;width:55%;height:68%;border:1px solid #eeeeeebb;border-radius:48%;background:linear-gradient(130deg,#efefef33,#dcdcdc05 45%,#c0c0c022);box-shadow:inset 0 0 35px #e3e3e314,0 25px 40px #0003;transform:rotateY(-28deg) rotateX(14deg) rotateZ(-25deg);display:flex;align-items:end;justify-content:center;padding-bottom:20px;font-size:1.1rem;color:#cbb994;transition:translate .2s}.layer-one{translate:calc(var(--spread)*-.9px) calc(var(--spread)*.35px)}.layer-two{translate:0 0}.layer-three{translate:calc(var(--spread)*.9px) calc(var(--spread)*-.35px)}.layer-list{list-style:none;padding:0;margin:0}.layer-list li{display:flex;gap:24px;border-top:1px solid #80808077;padding:22px 0}.layer-list li>span{color:#cbb994;font:italic 1.5rem Georgia,serif}.layer-list h3{font-size:1.35rem;margin:0}.layer-list p{margin-bottom:0;color:#cccccc}.interactive[hidden]{display:none}.product-page :focus-visible{outline:3px solid #9c9c9c;outline-offset:5px}
@media(max-width:1000px){.product-heading{gap:6%}.editorial-grid{gap:24px}.distance-explorer{grid-template-columns:180px 1fr}.distance-stage{padding:30px}.lens-sculpture{opacity:.55;width:65%;right:-15%}.layer-layout{gap:20px}.layer-visual{height:350px}}
@media(max-width:720px){.product-page{padding-top:85px}.product-hero{min-height:720px;align-items:start}.product-hero-copy{padding:65px 6%}.product-hero h1{font-size:clamp(3.5rem,13vw,5.8rem)}.product-hero-copy>p:not(.eyebrow){font-size:1rem}.frames-hero img{object-position:62% 100%;height:65%;top:35%;opacity:.85}.frames-hero:after{background:linear-gradient(180deg,#181a1e 24%,#181a1e88 50%,transparent 72%)}.image-credit{font-size:.75rem;left:6%;right:6%;bottom:20px}.product-section{padding:55px 6%}.product-heading,.frame-controls,.editorial-grid,.layer-layout{grid-template-columns:1fr;gap:20px}.product-heading{margin-bottom:25px}.product-section h2{font-size:2.8rem}.frame-playground{padding:18px}.choice-row button{padding:12px 10px;font-size:.86rem}.frame-controls>p{grid-column:auto}.editorial-grid{margin-top:30px}.distance-explorer{grid-template-columns:1fr}.distance-controls{flex-direction:row}.distance-controls button{padding:18px 10px;justify-content:center;font-size:.88rem;gap:8px}.distance-stage{padding:25px;min-height:395px}.distance-stage h3{font-size:2.6rem}.layer-visual{height:330px;max-width:450px;width:100%;margin:auto}.lens-sculpture{width:95%;height:60%;top:39%;right:-12%;opacity:.75}.lenses-hero{min-height:780px}.lenses-hero h1{font-size:clamp(3rem,11vw,5rem)}.lens-sculpture>span{display:none}.product-links a{font-size:1rem}.product-contact .button{font-size:.9rem;padding:18px}.product-page footer{gap:20px}.product-page .preview-label{font-size:.65rem;letter-spacing:.05em}}
@media(prefers-reduced-motion:reduce){.product-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.distance-explorer:has(.distance-controls[hidden]){grid-template-columns:1fr}@media(max-width:720px){.layer-one{translate:calc(var(--spread)*-.5px) calc(var(--spread)*.25px)}.layer-three{translate:calc(var(--spread)*.5px) calc(var(--spread)*-.25px)}}