/* Curved nine-card ring, static fallback and scroll choreography. */
.hero{background:var(--orange);isolation:isolate}.hero-main{position:relative;z-index:1;pointer-events:none}.hero h1{color:var(--cream)}
.hero-scene{position:absolute;inset:25% 0 34%;z-index:3;perspective:1450px;perspective-origin:50% 42%;display:grid;place-items:center;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;outline-offset:-12px!important}.hero-scene.is-dragging{cursor:grabbing}
.card-rotor{position:relative;width:clamp(270px,30vw,450px);aspect-ratio:1.48;transform-style:preserve-3d;transform:rotateX(-10deg) rotateY(-22deg) rotateZ(-9deg);will-change:transform}.portfolio-card{position:absolute;inset:0;transform-style:preserve-3d}.card-main{transform:translateZ(65px)}.card-left{transform:translate3d(-58%,12%,-95px) rotateZ(-14deg) scale(.72)}.card-right{transform:translate3d(58%,5%,-125px) rotateZ(15deg) scale(.72)}
#archive-kaleidoscope{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none}.hero-scene:has(#archive-kaleidoscope){inset:12% 0 22%}.ring-ready #archive-kaleidoscope{display:block}.ring-ready .card-rotor{visibility:hidden;will-change:auto}
.card-face{position:absolute;inset:0;border:1px solid #edece328;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;padding:4.6%;display:flex;flex-direction:column;background:var(--ink);color:var(--cream);box-shadow:0 16px 22px #2a160f28;border-radius:5px;transform:translateZ(1px)}.card-face img{width:100%;height:60%;object-fit:cover;margin:3.4% 0 4%;pointer-events:none}.card-eyebrow{font-size:clamp(6px,.56vw,9px);white-space:nowrap}.card-word{font-size:clamp(29px,3.7vw,57px);letter-spacing:-.025em;line-height:.88}.card-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.card-title-row>.mono{font-size:clamp(5px,.49vw,8px);text-align:right;line-height:1.4;white-space:nowrap}
.card-back{transform:rotateY(180deg) translateZ(2px);background:var(--cream);color:var(--ink);justify-content:space-between}.card-back .card-word{font-size:clamp(51px,5.8vw,88px)}.card-back .card-foot{font-size:clamp(6px,.6vw,9px);line-height:1.6}.card-foot>.mono{display:block;margin-top:7px;font-size:clamp(5px,.47vw,8px)}.card-left .card-back{background:#285097;color:var(--cream)}.card-right .card-back{background:var(--sage)}
.rotation-controls{position:absolute;left:50%;bottom:23%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:18px;white-space:nowrap;color:var(--ink)}.rotation-controls>.mono{font-size:8px;letter-spacing:.06em}.rotation-controls button{border:1px solid #191b1966;border-radius:30px;padding:6px 11px;font-size:9px;background:#c36c4299}.rotation-controls button:hover{background:var(--cream)}.hero-bottom{z-index:4;pointer-events:none}.hero-bottom a{pointer-events:auto}.hero-intro{max-width:380px}
.manifesto{overflow:hidden}.knowledge-fan{height:clamp(340px,39vw,620px);position:relative;display:grid;place-items:center;perspective:1000px}.manifesto-image .fan-card{position:absolute;width:65%;height:auto;aspect-ratio:4/5;object-fit:cover;box-shadow:0 18px 45px #191b1928;transform:translate3d(var(--fan-x,0),var(--fan-y,0),0) rotate(var(--fan-r,0deg));will-change:transform}.fan-card:nth-child(1){--fan-x:-19%;--fan-y:5%;--fan-r:-12deg}.fan-card:nth-child(2){--fan-x:19%;--fan-y:-3%;--fan-r:12deg}.fan-card:nth-child(3){--fan-x:0%;--fan-y:0%;--fan-r:-3deg}.manifesto-image figcaption{position:relative;z-index:3;padding-top:28px}
.kinetic-type{background:var(--cream);padding:31px 0 37px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.kinetic-line{font-size:clamp(75px,12vw,200px);line-height:.9;white-space:nowrap;width:max-content;transform:translateX(-8%);will-change:transform}
.note-image{width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:20px}.note-card{min-height:0}.note-card .note-meta{font-size:9px;margin-bottom:12px}
.visual-journey{position:relative}.journey-pin{padding:45px var(--gutter) 34px}.journey-pin>.section-meta{margin-bottom:27px}.journey-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.journey-heading h2{font-size:clamp(62px,7.1vw,130px);line-height:.86;color:var(--cream)}.journey-heading .display-dot{color:var(--ink)}.journey-heading>div{padding-bottom:4px;min-width:200px;font-size:12px;line-height:1.9}.journey-heading .underlined-link{margin-top:14px;font-size:11px}
.gallery-window{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scroll-snap-type:x mandatory;outline-offset:5px}.gallery-track{display:flex;gap:30px;width:max-content;padding:10px 0 5px;will-change:transform}.gallery-frame{width:clamp(300px,38vw,600px);flex-shrink:0;scroll-snap-align:start}.gallery-frame img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}.gallery-frame>a{display:block;overflow:hidden}.gallery-frame>a:hover img{transform:scale(1.035)}.gallery-frame figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #191b1955;padding-top:13px;margin-top:14px;font-size:11px}.gallery-frame .mono{font-size:8px;text-align:right}
.journey-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px}.journey-footer>.mono{font-size:8px}.gallery-progress{height:2px;background:#191b1930;width:24%;overflow:hidden}.gallery-progress>span{display:block;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left;will-change:transform}.gallery-controls{display:flex;gap:10px}.gallery-controls button{border:1px solid #191b1977;border-radius:50%;width:37px;height:37px;font-size:20px;display:grid;place-items:center;padding:0}.gallery-controls button:hover{background:var(--cream)}.gallery-controls button:disabled{opacity:.35;cursor:default}
.motion-ready .visual-journey{height:245svh}.motion-ready .journey-pin{position:sticky;top:0;min-height:660px;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.motion-ready .gallery-window{overflow:hidden;scroll-snap-type:none;flex-shrink:0}
.visuals-grid .visual-study:first-child{grid-column:auto}.visuals-grid .visual-study:nth-child(6){grid-column:1/-1}.visuals-grid .visual-study:nth-child(6) img{aspect-ratio:2/1}.visual-study:target figcaption{border-top:2px solid var(--cream)}
@media(min-width:701px) and (max-height:740px){.journey-pin{padding-top:25px;padding-bottom:20px}.journey-pin>.section-meta{margin-bottom:15px}.journey-heading{margin-bottom:18px}.journey-heading h2{font-size:clamp(55px,6vw,90px)}.gallery-frame{width:clamp(280px,32vw,470px)}.gallery-track{gap:25px}.journey-footer{margin-top:15px}}
@media(max-width:1000px){.card-rotor{width:39vw}.rotation-controls{bottom:24%}.knowledge-fan{height:420px}.notes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.hero-scene{inset:29% 0 25%;perspective:1000px}.card-rotor{width:65vw;max-width:360px}.card-left{transform:translate3d(-46%,10%,-85px) rotateZ(-14deg) scale(.65)}.card-right{transform:translate3d(46%,6%,-105px) rotateZ(15deg) scale(.65)}.card-main{transform:translateZ(30px)}.card-eyebrow{font-size:6px}.card-word{font-size:8vw}.card-title-row>.mono{font-size:5px}.card-back .card-word{font-size:12vw}.card-back .card-foot{font-size:6px}.card-foot>.mono{font-size:5px}.rotation-controls{bottom:25%;gap:10px}.rotation-controls>.mono{font-size:7px}.rotation-controls button{font-size:8px}.hero-intro{font-size:25px}.knowledge-fan{height:370px}.manifesto-image .fan-card{width:70%;aspect-ratio:4/5}.manifesto-image figcaption{padding-top:25px}.kinetic-type{padding:21px 0 25px}.notes-grid{grid-template-columns:1fr}.note-image{aspect-ratio:3/2;margin-bottom:18px}.journey-pin{padding:45px var(--gutter) 40px}.journey-pin>.section-meta{margin-bottom:35px}.journey-heading{display:block;margin-bottom:27px}.journey-heading h2{font-size:15.2vw}.journey-heading>div{margin-top:23px;font-size:11px}.journey-heading>div>p{display:none}.journey-heading .underlined-link{margin-top:0}.gallery-frame{width:80vw;max-width:450px}.gallery-track{gap:18px}.gallery-frame figcaption{font-size:10px}.gallery-frame .mono{font-size:7px}.journey-footer{gap:14px}.journey-footer>.mono{font-size:7px}.gallery-progress{width:16%}.gallery-controls button{width:32px;height:32px;font-size:17px}.motion-ready .visual-journey{height:auto}.motion-ready .journey-pin{position:relative;height:auto;min-height:0;display:block;overflow:visible}.motion-ready .gallery-window{overflow-x:auto;scroll-snap-type:x mandatory}.visuals-grid .visual-study:nth-child(6){grid-column:auto}.visuals-grid .visual-study:nth-child(6) img{aspect-ratio:3/2}}
@media(prefers-reduced-motion:reduce){.card-rotor,.fan-card,.kinetic-line,.gallery-track{will-change:auto}.motion-ready .visual-journey{height:auto}.motion-ready .journey-pin{position:relative;height:auto;min-height:0;display:block;overflow:visible}.motion-ready .gallery-window{overflow-x:auto;scroll-snap-type:x mandatory}.rotation-controls>.mono{display:none}}
@media print{.hero-scene,.rotation-controls,.kinetic-type{display:none}.visual-journey{display:none}.knowledge-fan{height:350px}.manifesto-image .fan-card{width:65%}}

@media(max-width:700px){.hero-scene:has(#archive-kaleidoscope){inset:24% 0 24%}}