.passport-stamp{width:190px;min-height:115px;border:2px solid currentColor;outline:1px solid currentColor;outline-offset:5px;border-radius:50%;color:#938575;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transform:rotate(-8deg);margin:36px 0 12px;opacity:.6;padding:19px 16px;text-align:center}
.passport-stamp span{font-size:7px;letter-spacing:1.9px;line-height:1.4}.passport-stamp strong{font:400 28px/1.1 var(--serif);overflow-wrap:anywhere;max-width:155px}.passport-stamp.is-stamped{color:var(--accent);opacity:1}
.look-closer-scene{--scene-progress:.5;position:relative;min-height:480px;background:#191b18;overflow:hidden;isolation:isolate;color:var(--paper);padding:55px max(5%,calc((100% - 1296px)/2));display:flex;align-items:center}
.scene-window{position:absolute;right:-3%;top:-14%;width:64%;height:130%;z-index:-1;background-image:linear-gradient(90deg,#191b18,transparent 40%),url('assets/community-collage.png');background-size:cover;background-position:center;transform:translateY(calc((.5 - var(--scene-progress))*40px)) scale(calc(.88 + var(--scene-progress)*.22));filter:saturate(.7)}
.scene-copy{position:relative}.scene-copy .eyebrow{font-size:9px;letter-spacing:1.8px}.scene-copy h2{font:400 clamp(80px,10vw,150px)/.85 var(--serif);letter-spacing:-5px;margin:28px 0 30px}.scene-copy h2 em{color:#ef6652;font-weight:400}.scene-next{display:inline-flex;align-items:center;gap:45px;font-size:12px;text-decoration:none;border-bottom:1px solid #ffffff70;min-height:44px;padding:10px 0}.scene-next span{color:#ef6652}
.scene-caption{position:absolute;bottom:20px;right:5%;font-size:8px;letter-spacing:2px;color:#fff9eed9}
.perspective-playground[hidden]{display:none}.perspective-playground{grid-column:1/-1;max-width:none;width:100%;background:#191b18;color:var(--paper);margin:0}
.lens-stage{--lens:12%;--lens-image:url('assets/subject-risks.jpg');position:relative;min-height:380px;overflow:hidden;isolation:isolate;scroll-margin-top:85px;touch-action:pan-y;cursor:ew-resize;user-select:none}
.lens-image{position:absolute;inset:0;background-image:linear-gradient(0deg,#101510db,transparent 85%),var(--lens-image);background-size:cover;background-position:center 48%;z-index:-1}
.lens-monochrome{filter:grayscale(1) brightness(.72)}.lens-colour{clip-path:inset(0 calc(100% - var(--lens)) 0 0)}
.lens-divider{position:absolute;top:0;bottom:0;left:var(--lens);width:1px;background:#fff9eea6;pointer-events:none}.lens-divider span{position:absolute;top:40%;left:-21px;background:var(--paper);color:var(--ink);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:23px;box-shadow:0 0 0 7px #fff9ee20}
.lens-caption{position:absolute;bottom:30px;left:35px;right:25px;margin:0;pointer-events:none}.lens-caption>span{display:block;font-size:8px;letter-spacing:2px;margin-bottom:13px}.lens-caption strong{font:400 clamp(42px,5vw,74px)/1 var(--serif);letter-spacing:-1.5px}.lens-scene-note{position:absolute;right:20px;top:20px;font-size:7px;letter-spacing:1.6px}
.lens-controls{padding:24px 32px;display:grid;grid-template-columns:1fr auto;gap:15px 30px}.lens-controls label{font-size:13px;display:flex;align-items:center;gap:20px}.lens-controls label span{color:#ef6652;font-size:25px}.lens-controls input{grid-column:1/-1;width:100%;height:28px;min-height:28px;padding:0;margin:0;cursor:ew-resize;accent-color:#ef6652;border:0;background:transparent;touch-action:pan-y}
.lens-controls p{grid-column:1;grid-row:3;font-size:11px;line-height:1.7;color:#c6bfb2;margin:0;max-width:650px}.lens-reset{grid-column:2;grid-row:3;background:transparent;color:var(--paper);border:0;border-bottom:1px solid #ffffff60;font-size:11px;padding:8px 0;min-height:44px;align-self:start}
.lens-controls input:focus-visible,.lens-reset:focus-visible,.scene-next:focus-visible{outline:2px solid #ef6652;outline-offset:5px}
.wider-section .discovery-story{grid-column:2}.wider-section .wider-intro{grid-column:1/-1}.wider-intro h2{max-width:900px}.wider-intro .wider-choice{margin-bottom:0}
.wider-section .discovery-story{grid-column:1/-1;box-shadow:none}.discovery-headline h3{max-width:850px}.discovery-context>p{max-width:900px}
@media(hover:hover) and (pointer:fine){.subject-column:hover{transform:perspective(1000px) translateY(-5px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.subject-column:hover::before{transform:translate(var(--depth-x,0px),var(--depth-y,0px)) scale(1.065)}}
@media(max-width:760px){.passport-stamp{width:155px;min-height:100px;margin:28px 0 12px;gap:6px}.passport-stamp strong{font-size:25px;max-width:125px}.passport-stamp span{font-size:6px;letter-spacing:1.4px}.look-closer-scene{min-height:425px;padding:42px 6%}.scene-copy .eyebrow{font-size:7px;letter-spacing:1.2px;max-width:230px}.scene-copy h2{font-size:100px;letter-spacing:-4px}.scene-window{width:88%;right:-26%;background-position:60% center}.scene-caption{font-size:6px;letter-spacing:1.5px}.lens-stage{min-height:340px}.lens-image{background-position:65% center}.lens-caption{left:22px;bottom:25px}.lens-caption strong{font-size:47px}.lens-controls{padding:20px;gap:13px}.lens-controls label{grid-column:1/-1}.lens-controls p{grid-column:1/-1;grid-row:auto;font-size:10px}.lens-reset{grid-column:1;grid-row:auto;justify-self:start}.lens-caption>span{font-size:7px}.lens-controls input{height:34px;min-height:34px}.lens-scene-note{font-size:6px}}
@media(prefers-reduced-motion:reduce){.scene-window,.subject-column:hover,.subject-column:hover::before{transform:none!important}.passport-stamp{transform:none}.lens-colour{transition:none}.scene-window{will-change:auto}}