/* The source collages stay unchanged; CSS selects their upper/lower halves. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:3%;height:auto;min-height:850px;padding-top:158px;padding-bottom:117px;background:radial-gradient(ellipse at 83% 52%,#b9a27413,transparent 55%),#101211}
.hero-copy{width:100%;min-width:0}.hero h1{font-size:clamp(54px,5.25vw,85px);line-height:1.1}.hero h1 .serif{font-size:1.08em}.hero-copy>.eyebrow{font-size:10px;max-width:none;letter-spacing:.15em;margin-bottom:25px}.hero-description{margin-top:23px;line-height:1.85}.hero-actions{gap:22px;flex-wrap:wrap}.hero-actions .button{gap:32px}.hero-assurance{gap:9px;font-size:10px}
.hero-art.body-showcase{position:relative;width:100%;min-width:0;inset:auto;z-index:4;align-self:center;perspective:1400px;padding-top:0;touch-action:pan-y}
.showcase-top{display:flex;align-items:center;justify-content:space-between;color:#adb0a5;font-size:10px;letter-spacing:.15em;padding:0 2px 22px}.showcase-top>span:first-child{display:flex;align-items:center;gap:8px}.showcase-top i{width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px #d4ba8755}.showcase-top>span:last-child{font-variant-numeric:tabular-nums;color:var(--gold)}
.body-stage{position:relative;perspective:1400px;padding:15px 0 50px;cursor:grab;touch-action:pan-y;outline-offset:8px}.body-stage.is-dragging{cursor:grabbing}.body-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:2;transform-style:preserve-3d;user-select:none;-webkit-user-select:none;transform-origin:50% 50%}
.body-frame{margin:0;border:1px solid #d4ba8738;border-radius:120px 120px 5px 5px;overflow:hidden;background:#1b1e19;box-shadow:0 18px 40px #0003}.frame-after{border-color:#d4ba8780}.body-photo{position:relative;width:100%;aspect-ratio:.96;overflow:hidden;background:#78786d}.body-photo img{height:200%;width:auto;max-width:none;position:absolute;left:50%;top:0;transform:translateX(-50%);pointer-events:none;object-fit:initial}.frame-after .body-photo img{top:auto;bottom:0}.body-frame figcaption{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px;letter-spacing:.16em;color:#d3d5cb}.body-frame figcaption>span:last-child{color:#7f8976;font-size:11px}.frame-after figcaption{color:var(--gold)}.body-frame figcaption>.mini-star{font-size:23px;color:var(--gold)}
.stage-shadow{position:absolute;bottom:30px;left:5%;right:5%;height:30px;background:#000;filter:blur(16px);opacity:.6;border-radius:50%}.drag-hint{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.14em;color:#989f8e}
.view-controls{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.view-tabs{display:flex;gap:2px;border:1px solid #ffffff20;padding:4px;border-radius:50px}.view-tabs button{padding:8px 17px;min-height:38px;min-width:60px;border-radius:24px;background:transparent;font-size:12px;color:#aeb4a6;transition:background .2s,color .2s}.view-tabs button[aria-selected=true]{color:#181c14;background:var(--gold)}.auto-rotate{display:flex;align-items:center;gap:8px;background:transparent;color:#cdb98f;font-size:11px;padding:6px 0;min-height:44px;white-space:nowrap}.auto-rotate>span:first-child{width:32px;height:32px;display:grid;place-items:center;border:1px solid #d4ba8740;border-radius:50%;font-size:18px}.auto-rotate[aria-pressed=true]>span:first-child{background:#d4ba8715}
.showcase-note{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;font-size:10px;color:#939a87;line-height:1.6}.showcase-note a{color:#c6bb9f;white-space:nowrap}.hero-bottom{bottom:28px}.hero-bottom .edition{font-size:9px}
.treatment-visual{display:block;isolation:isolate;background:#242920;min-height:480px}.treatment-visual:after{border:0;border-radius:0;inset:0;background:linear-gradient(180deg,#0002,transparent 45%,#000a);z-index:1;pointer-events:none}.treatment-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;z-index:0}.treatment-visual>span{z-index:2;color:white;top:26px;left:25px;background:#10121199;padding:5px 10px;border:1px solid #ffffff40}.treatment-caption{position:absolute;z-index:2;bottom:28px;left:28px;right:28px}.treatment-caption>span{font-size:9px;letter-spacing:.16em;color:#e4d7bb}.treatment-caption p{font-family:var(--serif);font-style:italic;color:white;font-size:32px;line-height:1.05;margin-top:10px}.tech-detail{display:flex;flex-direction:column;justify-content:center}.tech-detail .inline-link{align-self:flex-start}
.case-select{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.case-select button{background:none;border:1px solid #ffffff25;border-radius:20px;padding:7px 12px;font-size:11px;min-height:38px;color:#b5bdab}.case-select button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#d4ba8710}.comparison{height:auto;aspect-ratio:1.35}.comparison-side img.collage-photo{position:absolute;left:50%;height:200%;width:auto;max-width:none;object-fit:initial;transform:translateX(-50%);background:transparent}.collage-before{top:0}.collage-after{bottom:0}.comparison-caption{color:#f1ebdf;background:#111b;padding:6px 10px}.photo-editor{opacity:.8}.photo-editor summary{font-size:11px}
.photo-stories{margin-top:65px;padding-top:35px;border-top:1px solid var(--line)}.photo-stories-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:25px}.photo-stories-heading>p:last-child{font-size:12px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story{display:block;width:100%;padding:0;background:none;text-align:left;color:var(--text)}.story-image{display:block;width:100%;aspect-ratio:1.32;position:relative;overflow:hidden;border-radius:4px;background:#292b25}.story-image>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.story:hover .story-image>img{transform:scale(1.025)}.story-caption{display:flex;justify-content:space-between;gap:15px;padding-top:17px;font-size:20px}.story-caption>span{font-size:11px;color:var(--gold);padding-top:6px}.face-story>img{object-fit:contain}
#photo-dialog{max-width:min(900px,92vw);width:max-content;max-height:94svh;background:#171b16;color:var(--text);border:1px solid #d4ba8745;border-radius:8px;padding:20px;overscroll-behavior:contain}#photo-dialog::backdrop{background:#050704e8;backdrop-filter:blur(12px)}.dialog-header{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:15px}.dialog-header h2{font-size:23px;letter-spacing:-.025em}.dialog-header button{width:44px;height:44px;flex-shrink:0;background:none;color:var(--gold);font-size:30px}#dialog-image{width:auto;height:auto;max-height:73svh;max-width:100%;margin:auto;object-fit:contain}#photo-dialog>p{font-size:11px;margin-top:14px}
@media(min-width:1500px){.hero{min-height:950px;gap:5%;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:89px}.body-photo{aspect-ratio:1.04}}
@media(max-width:1100px) and (min-width:801px){.hero{min-height:800px;gap:3%;padding-top:145px;grid-template-columns:1fr 1.1fr}.hero h1{font-size:5.35vw}.hero-copy>.eyebrow{font-size:8px}.hero-assurance{font-size:10px}.body-photo{aspect-ratio:.95}.body-frame{border-radius:80px 80px 4px 4px}.view-controls{flex-wrap:wrap;justify-content:center;gap:10px}.showcase-note{display:block;text-align:center}.showcase-note a{display:block;margin-top:7px}.showcase-top{font-size:8px}.treatment-visual{min-height:440px}.treatment-caption p{font-size:28px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:0;min-height:0;height:auto;padding-top:125px;padding-bottom:95px;text-align:center}.hero-copy{display:contents}.hero-copy>.eyebrow{grid-row:1;max-width:none;margin:0 0 15px;justify-self:center;font-size:9px}.hero h1{grid-row:2;font-size:clamp(48px,7.8vw,68px);line-height:1.06;max-width:none}.hero-line{display:inline}.hero-line:first-child{display:block}.hero-art.body-showcase{grid-row:3;max-width:570px;margin:27px auto 0;inset:auto;width:100%;padding:0;align-self:auto}.hero-description{grid-row:4;font-size:15px;margin:23px auto 0;max-width:none;line-height:1.8}.hero-description br:last-child{display:none}.hero-actions{grid-row:5;justify-content:center;margin-top:22px;gap:22px}.hero-assurance{display:none}.showcase-top{font-size:9px;padding-bottom:12px}.body-stage{padding-top:7px;padding-bottom:40px}.body-photo{aspect-ratio:1.1}.body-frame{border-radius:85px 85px 4px 4px}.view-controls{margin-top:19px}.body-frame figcaption{height:39px;padding:0 17px;font-size:10px}.showcase-note{font-size:10px;margin-top:14px}.hero-bottom{left:var(--page);right:var(--page);bottom:21px}.hero-bottom .edition{display:none}.hero-bottom .scroll-cue{margin:auto;font-size:8px}.treatment-visual{min-height:390px}.tech-detail{padding:35px 25px}.photo-stories-heading{align-items:flex-start;flex-direction:column;gap:7px}.story-grid{gap:15px}.story-caption{font-size:17px;flex-wrap:wrap;gap:0}.story-caption>span{font-size:10px}.comparison{aspect-ratio:1.4}}
@media(max-width:520px){.hero{padding-top:116px;padding-bottom:92px}.hero h1{font-size:clamp(41px,11.3vw,58px)}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.11em}.hero-copy .line{display:none}.hero-art.body-showcase{margin-top:24px}.showcase-top{font-size:8px;letter-spacing:.11em}.body-pair{gap:8px}.body-photo{aspect-ratio:.98}.body-frame{border-radius:67px 67px 3px 3px}.body-frame figcaption{padding:0 13px;height:33px;font-size:9px}.body-frame figcaption>.mini-star{font-size:19px}.body-frame figcaption>span:last-child{font-size:9px}.body-stage{padding-bottom:33px}.drag-hint{font-size:7px;letter-spacing:.1em}.view-controls{gap:8px;margin-top:16px}.view-tabs{padding:3px;gap:0}.view-tabs button{font-size:11px;padding:6px 11px;min-width:45px;min-height:35px}.auto-rotate{font-size:9px;gap:6px;min-height:38px}.auto-rotate>span:first-child{width:27px;height:27px;font-size:15px}.showcase-note{font-size:8px;gap:8px}.showcase-note a{font-size:9px}.hero-description{font-size:14px;line-height:1.7;margin-top:23px}.hero-actions .button{font-size:12px;padding:16px 20px;gap:20px}.hero-actions .text-link{font-size:11px}.hero-actions{gap:18px;margin-top:20px}.hero-bottom .scroll-cue{font-size:7px}.treatment-visual{min-height:330px}.treatment-visual>img{object-position:center 39%}.treatment-caption p{font-size:31px}.comparison{aspect-ratio:1.12}.case-select{gap:5px}.case-select button{padding:7px 10px;font-size:10px}.comparison-footer>p{max-width:180px}.photo-stories{margin-top:42px;padding-top:28px}.story-grid{grid-template-columns:1fr;gap:25px}.story-image{aspect-ratio:1.1}.story-image>img{object-fit:contain}.story-caption{font-size:21px;flex-wrap:nowrap}.story-caption>span{font-size:12px}.photo-stories-heading>p:last-child{font-size:11px}#photo-dialog{padding:12px;max-width:94vw}.dialog-header h2{font-size:19px}#dialog-image{max-height:73svh}#photo-dialog>p{font-size:10px}}
@media(max-width:360px){.view-controls{flex-wrap:wrap;justify-content:center;gap:5px}.showcase-note{flex-direction:column;gap:3px}.hero-actions{gap:13px}.body-frame{border-radius:54px 54px 3px 3px}}
.story-image{aspect-ratio:1.05}.story-image>img{object-fit:contain}
@media(max-width:360px){.hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.body-pair{transform:none!important;opacity:1!important}.stage-shadow{display:none}}