.dimension-hero{min-height:auto;padding-bottom:12px}.orbit-stage{height:490px;perspective:1200px;position:relative;overflow:hidden;margin-top:20px;touch-action:pan-y;cursor:grab}.orbit-stage:active{cursor:grabbing}.orbit-ring{position:absolute;left:50%;top:50%;width:220px;height:330px;margin-left:-110px;margin-top:-165px;transform-style:preserve-3d;transform:translateZ(-1900px) rotateY(var(--orbit-angle,0deg));will-change:transform}.orbit-card{position:absolute;inset:0;display:block;border-radius:13px;background:#1c1c20;transform:rotateY(calc(var(--slot)*8.1818181818deg)) translateZ(1900px);backface-visibility:hidden;box-shadow:0 15px 32px #0004;overflow:hidden;color:white}.orbit-card img{width:100%;height:100%;object-fit:contain;display:block;background:#141418}.orbit-card>span{position:absolute;bottom:0;left:0;right:0;padding:25px 12px 12px;background:linear-gradient(transparent,#000c);font-size:12px;text-align:left}.orbit-card:hover{outline:2px solid white;outline-offset:4px}.orbit-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:-18px 20px 25px;position:relative;z-index:2}.orbit-controls>button{height:43px;min-width:43px;border-radius:30px;border:1px solid #c5c7d0;background:white;color:#1d1d1f;font-size:21px;cursor:pointer}.orbit-controls>div{display:flex;flex-direction:column;gap:7px;width:270px;text-align:center}.orbit-controls #orbit-count{font-size:11px;color:#6e6e73;letter-spacing:1px}.orbit-controls #orbit-title{font-size:14px}.orbit-controls #orbit-play{font-size:12px;padding:0 15px}.collection-intro{padding-top:100px;padding-bottom:55px;text-align:center}.collection-intro h2{font-size:clamp(40px,5.5vw,80px);line-height:1.05;letter-spacing:-.055em;font-weight:650;margin:0 0 20px}.collection-intro h2 span{color:#85858b}.collection-intro p{font-size:18px;color:#6e6e73}.story-index{padding-bottom:50px;text-align:center}.story-index>span{font-size:11px;letter-spacing:1.6px;color:#6e6e73}.story-index nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}.story-index nav a{padding:12px 17px;border:1px solid #d2d2d7;border-radius:25px;font-size:13px}.story-index nav a:hover{background:#1d1d1f;color:white}.work-story{height:var(--story-height);color:#f5f5f7;background:#0c0d11;position:relative;scroll-margin-top:72px}.story-theme-1{background:#172022}.story-theme-2{background:#201918}.story-theme-3{background:#191725}.story-pin{height:100vh;min-height:680px;position:sticky;top:0;display:flex;align-items:center;overflow:hidden;padding:95px 7% 155px;perspective:1500px}.story-copy{position:relative;width:38%;z-index:2}.story-kicker{font-size:11px;letter-spacing:2px;color:#a9b4c6}.story-copy h2{font-size:clamp(35px,4.4vw,69px);letter-spacing:-.045em;line-height:1.08;margin:22px 0}.story-title{font-size:19px;line-height:1.4;color:#c4c8d2;min-height:54px;margin:0 0 15px;max-width:330px}.story-counter{font-size:11px;letter-spacing:1.6px;color:#8e98a8;margin:17px 0}.story-open{display:inline-block;font-size:15px;color:#8bbaff;padding:10px 0}.story-step{display:flex;gap:12px;margin-top:15px}.story-step button{width:43px;height:43px;border:1px solid #ffffff35;background:#ffffff10;color:white;border-radius:50%;font-size:22px;cursor:pointer}.story-step button:disabled{opacity:.25;cursor:default}.story-art{position:absolute;left:44%;right:5%;top:15%;height:65%;display:block;transform:translateY(var(--story-y,15px)) rotateY(var(--story-turn,-10deg)) scale(var(--story-scale,.9));transform-origin:center;will-change:transform;transition:filter .3s}.story-art:hover{filter:brightness(1.08)}.story-art img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 25px 28px #0005)}.story-thumbnails{position:absolute;left:7%;right:7%;bottom:38px;display:flex;gap:12px;overflow-x:auto;padding:12px 2px;scrollbar-width:thin;scrollbar-color:#666 transparent}.story-thumb{flex:0 0 62px;height:82px;position:relative;border:1px solid #ffffff26;border-radius:7px;padding:4px;background:#ffffff08;color:white;cursor:pointer;transition:transform .25s,border .25s}.story-thumb[aria-pressed=true]{border-color:#a2c7ff;transform:translateY(-5px);background:#ffffff20}.story-thumb img{width:100%;height:100%;object-fit:contain;display:block}.story-thumb span{position:absolute;bottom:2px;right:3px;font-size:9px;background:#000a;padding:2px 4px;border-radius:3px}.story-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff15}.story-progress i{display:block;height:100%;background:#91baff;transform-origin:left;transform:scaleX(var(--story-progress,0))}@keyframes story-swap{from{opacity:.15;filter:blur(5px)}to{opacity:1;filter:blur(0)}}.story-art img.switching{animation:story-swap .4s ease-out}.motion-paused .work-story{height:auto}.motion-paused .story-pin{position:relative}.motion-paused .story-art{transform:none}.motion-paused .story-art img.switching{animation:none}
@media(max-width:800px){.orbit-stage{height:420px;perspective:1000px}.orbit-ring{width:180px;height:280px;margin-left:-90px;margin-top:-140px}.orbit-controls{gap:12px}.story-pin{padding:95px 6% 145px}.story-copy{width:40%}.story-copy h2{font-size:40px}.story-title{font-size:16px}.story-art{left:45%;right:4%}.story-thumbnails{left:6%;right:6%}}
@media(max-width:600px){.orbit-stage{height:355px;margin-top:15px;perspective:900px}.orbit-ring{width:155px;height:235px;margin-left:-77.5px;margin-top:-117.5px}.orbit-controls{gap:10px;flex-wrap:wrap;margin-top:-5px}.orbit-controls>div{width:210px}.orbit-controls>button{height:37px;min-width:37px;font-size:19px}.orbit-controls #orbit-play{height:32px;font-size:11px}.orbit-controls #orbit-title{font-size:12px}.orbit-card>span{font-size:10px}.collection-intro{padding-top:65px;padding-bottom:35px}.collection-intro h2{font-size:43px}.collection-intro p{font-size:15px}.story-index{padding-bottom:35px}.story-index nav{gap:8px}.story-index nav a{font-size:12px;padding:10px 13px}.story-pin{height:100svh;min-height:730px;display:block;padding:85px 6% 125px}.story-copy{width:100%}.story-copy h2{font-size:33px;max-width:85%;margin:13px 0;line-height:1.06}.story-copy h2 br{display:none}.story-kicker{font-size:9px}.story-title{font-size:14px;min-height:0;max-width:100%;margin-bottom:8px}.story-counter{font-size:10px;display:inline-block;margin:0 15px 0 0}.story-open{font-size:13px}.story-step{position:absolute;right:0;top:0;margin:0;gap:6px}.story-step button{width:32px;height:32px;font-size:17px}.story-art{left:8%;right:8%;top:38%;height:43%}.story-thumbnails{bottom:25px;gap:9px}.story-thumb{flex-basis:48px;height:64px}.work-story{scroll-margin-top:64px}}
@media(prefers-reduced-motion:reduce){.work-story{height:auto}.story-pin{position:relative}.story-art{transform:none}.story-art img.switching{animation:none}}
/* Larger 360-degree showcase and complete closing collection. */
.orbit-stage{height:650px;perspective:1500px;--orbit-radius:2400px}.orbit-ring{width:340px;height:480px;margin-left:-170px;margin-top:-240px;transform:translateZ(calc(-1*var(--orbit-radius))) rotateY(var(--orbit-angle,0deg))}.orbit-card{transform:rotateY(calc(var(--slot)*8.1818181818deg)) translateZ(var(--orbit-radius));border-radius:17px}.orbit-card>span{font-size:14px;padding:40px 16px 16px}.orbit-controls{margin-top:-20px}.final-archive{padding:90px 6% 100px;background:#0d1017;color:#f5f5f7;overflow:hidden;perspective:1600px}.final-archive-intro{text-align:center;margin:0 auto 55px;max-width:850px;transform:translateY(calc((1 - var(--final-enter,1))*40px));}.final-archive-intro>span{font-size:12px;letter-spacing:2px;color:#9eb7dc}.final-archive-intro h2{font-size:clamp(44px,6vw,90px);font-weight:650;letter-spacing:-.055em;line-height:1.04;margin:24px 0}.final-archive-intro>p{font-size:18px;color:#a1abbc}.final-archive-intro .text-link{color:#8db9ff}.final-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px;transform:translateY(calc((1 - var(--final-enter,1))*55px)) scale(calc(.94 + var(--final-enter,1)*.06));transform-origin:top center;will-change:transform}.final-work-card{display:block;min-width:0;background:#191e28;border:1px solid #ffffff10;border-radius:16px;overflow:hidden;transition:transform .35s,box-shadow .35s}.final-work-card:hover{transform:perspective(900px) translateY(-8px) rotateY(-3deg);box-shadow:0 20px 40px #0005}.final-work-card>div{height:290px;position:relative;background:#111620;padding:12px}.final-work-card img{display:block;width:100%;height:100%;object-fit:contain}.final-work-card h3{font-size:16px;font-weight:500;line-height:1.4;padding:0 17px;margin:16px 0 7px}.final-work-card p{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#a5afc1;padding:0 17px;margin:0 0 20px;line-height:1.5}.final-work-card p>span{font-size:17px;color:white}.final-work-card .pdf-badge{font-size:10px;top:10px;left:10px}.motion-paused .final-work-grid,.motion-paused .final-archive-intro{transform:none}
@media(max-width:1000px){.orbit-stage{height:565px;--orbit-radius:2200px;perspective:1300px}.orbit-ring{width:300px;height:425px;margin-left:-150px;margin-top:-212.5px}.final-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.final-work-card>div{height:245px}}
@media(max-width:600px){.orbit-stage{height:470px;--orbit-radius:1900px;perspective:1000px}.orbit-ring{width:245px;height:355px;margin-left:-122.5px;margin-top:-177.5px}.orbit-card>span{font-size:12px;padding:30px 12px 12px}.orbit-controls{margin-top:-15px}.final-archive{padding:60px 5%}.final-archive-intro{margin-bottom:32px}.final-archive-intro h2{font-size:43px}.final-archive-intro>p{font-size:15px}.final-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.final-work-card{border-radius:12px}.final-work-card>div{height:210px;padding:7px}.final-work-card h3{font-size:13px;padding:0 11px;margin-top:12px}.final-work-card p{font-size:11px;padding:0 11px;margin-bottom:14px}.final-work-card .pdf-badge{font-size:9px;padding:4px 6px}.final-work-card:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.final-work-grid,.final-archive-intro{transform:none}.final-work-card{transition:none}}
/* Gentle, staggered motion for the closing portfolio gallery. */
@keyframes final-card-float{0%,100%{translate:0 0;rotate:-.3deg}50%{translate:0 -8px;rotate:.3deg}}
.final-work-card{position:relative;animation:final-card-float var(--float-duration,7s) ease-in-out infinite;animation-delay:var(--float-delay,0s);transform:perspective(1000px) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg));transition:transform .22s ease-out,box-shadow .35s,border-color .35s;isolation:isolate}.final-work-card:hover{transform:perspective(1000px) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg));box-shadow:0 23px 50px #0006;border-color:#a9c8ff65;animation-play-state:paused}.final-work-card:focus-visible{animation-play-state:paused;outline:2px solid #9bc3ff;outline-offset:5px}.final-work-card:active{scale:.98}.final-work-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,35%),#e2eeff1c,transparent 57%);transition:opacity .3s;z-index:2}.final-work-card:hover::after,.final-work-card:focus-visible::after{opacity:1}.final-work-card>div img{transition:scale .65s cubic-bezier(.2,.7,.2,1)}.final-work-card:hover>div img{scale:1.035}.final-work-card p>span{transition:translate .3s}.final-work-card:hover p>span,.final-work-card:focus-visible p>span{translate:3px -3px}.final-work-card.float-outside,.gallery-sleep .final-work-card{animation-play-state:paused}.motion-paused .final-work-card{animation:none;transform:none}.motion-paused .final-work-card:hover>div img{scale:1}.motion-paused .final-work-card:active{scale:1}
@media(max-width:600px){@keyframes final-card-float{0%,100%{translate:0 0;rotate:-.2deg}50%{translate:0 -5px;rotate:.2deg}}}
@media(prefers-reduced-motion:reduce){.final-work-card{animation:none;transform:none;transition:none}.final-work-card:hover{transform:none}.final-work-card:hover>div img{scale:1}.final-work-card p>span{transition:none;translate:none}.final-work-card:active{scale:1}}
/* A complete orbit, with a large selected artwork at its centre. */
.orbit-stage{height:620px;perspective:none;--orbit-radius:0px;max-width:1500px;margin:20px auto 0;overflow:hidden;isolation:isolate}
.orbit-ring{inset:0;width:100%;height:100%;margin:0;transform:none!important;transform-style:flat}
.orbit-card{inset:auto;left:50%;top:50%;width:clamp(35px,5.3vw,78px);height:clamp(65px,8vw,120px);border-radius:6px;backface-visibility:visible;will-change:transform;transform:none}
.orbit-card>span{display:none}.orbit-feature{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:230px;height:330px;z-index:60;background:#111218;border-radius:14px;padding:12px;box-shadow:0 20px 70px #0003}.orbit-feature img{width:100%;height:calc(100% - 30px);object-fit:contain;pointer-events:none}.orbit-feature span{display:block;text-align:center;color:white;font-size:14px;padding-top:10px}.orbit-feature:hover{box-shadow:0 20px 80px #306bff44}.orbit-controls{margin:0 15px 25px}
.drive-story{height:220vh;background:#090a0c;color:white}.drive-pin{position:sticky;top:0;height:100svh;min-height:730px;overflow:hidden;background:radial-gradient(ellipse at 65% 40%,#353741,#090a0c 65%)}.drive-heading{position:absolute;left:6%;top:13%;z-index:2;pointer-events:none}.drive-heading p{font-size:12px;letter-spacing:3px}.drive-heading h2{font-size:clamp(60px,8vw,120px);line-height:.94;letter-spacing:-.06em;margin:25px 0}.drive-art{position:absolute;inset:12% 5% 23% 34%;transform:translateY(calc(var(--drive-p,0)*-30px)) scale(calc(.85 + var(--drive-p,0)*.15)) rotateY(calc(-12deg + var(--drive-p,0)*20deg));perspective:1200px}.drive-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 35px 35px #0008);animation:drive-float 8s ease-in-out infinite}.drive-bottom{position:absolute;bottom:7%;left:6%;right:6%;display:flex;align-items:end;justify-content:space-between;gap:25px}.drive-bottom p{font-size:14px;color:#a6a9b3}.drive-bottom h3{font-size:24px;margin:12px 0 20px}.drive-bottom a{font-size:15px;border-bottom:1px solid #aaa;padding-bottom:8px}.drive-tabs{display:flex;gap:8px;flex-wrap:wrap;max-width:480px}.drive-tabs button{background:#ffffff08;color:white;border:1px solid #ffffff30;padding:15px 18px;border-radius:4px;cursor:pointer;transition:background .3s,transform .3s}.drive-tabs button:hover{transform:translateY(-4px)}.drive-tabs button[aria-pressed=true]{background:white;color:#111}.drive-line{position:absolute;bottom:0;width:100%;height:3px;background:#ffffff20}.drive-line i{display:block;height:100%;background:white;transform:scaleX(var(--drive-p,0));transform-origin:left}@keyframes drive-float{50%{translate:0 -9px}}
.motion-paused .drive-story{height:auto}.motion-paused .drive-pin{position:relative}.motion-paused .drive-art{transform:none}.motion-paused .drive-art img{animation:none}
@media(max-width:600px){.orbit-stage{height:500px}.orbit-feature{width:160px;height:240px;top:48%}.orbit-card{width:34px;height:57px}.drive-heading{top:11%}.drive-heading h2{font-size:57px}.drive-art{inset:29% 7% 29%}.drive-bottom{display:block;bottom:5%}.drive-bottom h3{font-size:20px}.drive-tabs{margin-top:25px;gap:6px}.drive-tabs button{padding:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.drive-story{height:auto}.drive-pin{position:relative}.drive-art{transform:none}.drive-art img{animation:none}}
/* Larger complete circle, without clipping the rear half. */
.orbit-stage{height:740px;max-width:1800px}.orbit-feature{width:285px;height:400px}.orbit-card{width:clamp(42px,6.4vw,96px);height:clamp(75px,9.6vw,145px)}
/* Campaigns in their environment. */
.story-pin{perspective:1800px;background:radial-gradient(ellipse at 65% 45%,#30344044,transparent 70%)}.story-copy{width:34%}.story-copy h2{font-size:clamp(38px,4.5vw,72px)}.story-kicker{font-size:13px;letter-spacing:1.5px}.story-title{font-size:18px}.context-scene{position:absolute;left:40%;right:3%;top:18%;aspect-ratio:3/2;transform:translateY(var(--story-y,0px)) rotateY(calc(var(--story-turn,0deg)*.4)) scale(var(--story-scale,1));transform-style:preserve-3d;border-radius:18px;overflow:hidden;box-shadow:0 35px 80px #0007;transition:opacity .55s,filter .55s;will-change:transform}.context-backdrop{display:block;width:100%;height:100%;object-fit:cover}.context-art{display:block;position:absolute;left:38%;top:17%;width:24%;height:64%;background:#08090a;overflow:hidden;box-shadow:0 0 7px #0007}.context-art img{width:100%;height:100%;object-fit:contain;display:block}.context-art:hover img{filter:brightness(1.12)}.context-modes{display:inline-flex;margin-top:24px;border:1px solid #ffffff30;border-radius:30px;padding:4px;background:#ffffff08;gap:3px}.context-modes button{border:0;background:none;color:#c3c9d4;border-radius:25px;padding:11px 19px;font-size:14px;cursor:pointer;transition:background .25s,color .25s}.context-modes button[aria-pressed=true]{background:#f5f5f7;color:#15171c}.context-note{font-size:12px;color:#9ca8bc;line-height:1.5}.work-story[data-view=context] .story-art{opacity:0;pointer-events:none;visibility:hidden}.work-story[data-view=artwork] .context-scene{opacity:0;pointer-events:none;visibility:hidden}.story-art{transition:opacity .55s,filter .3s}.work-story[data-layout="1"] .context-scene{top:14%;rotate:-1deg}.work-story[data-layout="2"] .context-scene{top:22%;rotate:1deg}.story-thumbnails{bottom:38px;gap:14px}.story-thumb{flex-basis:75px;height:100px}.story-thumb:hover{transform:translateY(-7px);border-color:white}.context-scene:focus-within{outline:2px solid #a3c6ff;outline-offset:5px}.motion-paused .context-scene{transform:none;rotate:none}
@media(max-width:1000px){.context-scene{left:39%;right:3%;top:28%}.story-copy{width:36%}.story-copy h2{font-size:43px}.work-story[data-layout] .context-scene{top:28%;rotate:0deg}}
@media(max-width:600px){.orbit-stage{height:580px}.orbit-feature{width:195px;height:285px}.orbit-card{width:40px;height:70px}.story-pin{min-height:850px}.story-copy{width:100%}.story-copy h2{font-size:36px;max-width:95%}.story-title{font-size:15px}.context-modes{margin-top:8px}.context-modes button{padding:9px 16px}.context-note{margin:9px 0}.context-scene,.work-story[data-layout] .context-scene{left:4%;right:4%;top:45%;rotate:0deg}.story-art{top:43%;height:38%}.story-thumb{flex-basis:52px;height:72px}.story-thumbnails{bottom:25px}.story-kicker{font-size:11px}}
@media(prefers-reduced-motion:reduce){.context-scene{transform:none;rotate:none;transition:none}.context-modes button,.story-art{transition:none}}
.context-scene{transform:translateY(var(--story-y,0px)) rotateX(var(--scene-x,0deg)) rotateY(calc(var(--story-turn,0deg)*.4 + var(--scene-y,0deg))) scale(var(--story-scale,1))}.context-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#fff1,transparent 40%,#fff05);mix-blend-mode:screen}.context-scene img{user-select:none}.context-art img{transition:filter .25s}.story-copy{animation:context-copy-in .65s ease-out}@keyframes context-copy-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}.motion-paused .story-copy{animation:none}.motion-paused .context-scene{transform:none}
@media(prefers-reduced-motion:reduce){.story-copy{animation:none}.context-scene{transform:none}}
.work-story[data-scene=mall] .context-art{left:36.6536%;top:12.9883%;width:26.6927%;height:70.3125%}.work-story[data-scene=road] .context-art{left:35.4167%;top:12.8906%;width:29.2969%;height:64.2578%}.work-story[data-scene=restaurant] .context-art{left:36.263%;top:11.3281%;width:27.474%;height:59.1797%}
/* Increase the posters themselves, not just the orbit container. */
.orbit-stage{height:940px;max-width:none;width:100%;margin-top:30px}.orbit-card{width:clamp(100px,11vw,175px);height:clamp(155px,16vw,255px);border-radius:10px;transition:scale .35s ease,box-shadow .35s ease;transform-origin:center}.orbit-card:hover,.orbit-card:focus-visible{scale:1.24;z-index:100!important;box-shadow:0 25px 55px #0006;outline:2px solid #b9d5ff}.orbit-feature{width:370px;height:520px;padding:14px;transition:box-shadow .4s,scale .4s;transform:translate(-50%,-50%) perspective(1100px) rotateX(var(--hover-x,0deg)) rotateY(var(--hover-y,0deg));will-change:transform}.orbit-feature:hover{scale:1.035;box-shadow:0 35px 100px #337aff44}.orbit-feature img{height:calc(100% - 35px)}.orbit-feature span{font-size:16px}.orbit-feature::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#fff2,transparent 65%);opacity:var(--light-on,0);transition:opacity .4s}
.context-scene{transition:opacity .55s,filter .55s,box-shadow .5s;transform:translateY(var(--story-y,0px)) perspective(1500px) rotateX(var(--hover-x,0deg)) rotateY(calc(var(--story-turn,0deg)*.4 + var(--hover-y,0deg))) scale(calc(var(--story-scale,1)*var(--hover-scale,1)));will-change:transform}.context-scene:hover{box-shadow:0 40px 95px #0009}.context-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,50%),#fff2,transparent 65%);opacity:var(--light-on,0);mix-blend-mode:screen;transition:opacity .4s}.context-backdrop{transition:opacity .25s}.context-art img{transition:filter .4s}.context-scene:hover .context-art img{filter:brightness(1.06)}.story-art{transform:translateY(var(--story-y,0px)) perspective(1300px) rotateX(var(--hover-x,0deg)) rotateY(calc(var(--story-turn,0deg) + var(--hover-y,0deg))) scale(calc(var(--story-scale,1)*var(--hover-scale,1)));transition:opacity .55s,filter .3s}.story-art:hover{filter:brightness(1.08)}
@media(max-width:1000px){.orbit-stage{height:820px}.orbit-feature{width:310px;height:450px}.orbit-card{width:115px;height:175px}}
@media(max-width:600px){.orbit-stage{height:740px}.orbit-feature{width:235px;height:335px;padding:10px}.orbit-feature span{font-size:14px}.orbit-card{width:72px;height:112px;border-radius:6px}.orbit-card:hover{scale:1.12}.orbit-controls{margin-top:5px}}
.motion-paused .orbit-feature{transform:translate(-50%,-50%)}.motion-paused .orbit-card:hover,.motion-paused .orbit-feature:hover{scale:1}.motion-paused .context-scene,.motion-paused .story-art{transform:none}
@media(prefers-reduced-motion:reduce){.orbit-card,.orbit-feature,.context-scene,.story-art{transition:none}.orbit-feature{transform:translate(-50%,-50%)}.orbit-card:hover,.orbit-feature:hover{scale:1}.context-scene,.story-art{transform:none}}
.context-scene.scene-loading{filter:brightness(.8)}

/* Movie posters get their own premiere-stage treatment instead of appearing as flat portfolio tiles. */
.story-theme-1 .story-pin{background:radial-gradient(ellipse at 73% 42%,#263047 0%,#111722 42%,#080c12 77%)}
.story-theme-1 .story-copy{left:5.5%;top:17%;width:min(31%,410px);z-index:4}
.story-theme-1 .story-kicker{color:#a6b8d4}.story-theme-1 .story-copy h2{font-size:clamp(46px,5.25vw,86px);max-width:430px}.story-theme-1 .story-title{font-size:18px;color:#d5dbe6}.story-theme-1 .story-counter{color:#8fa6ca}.story-theme-1 .story-open{color:#f3f7ff}
.story-theme-1 .context-scene{left:39%;right:2.5%;top:10%;aspect-ratio:1.58;border-radius:20px;box-shadow:0 45px 100px #000c,0 0 0 1px #ffffff18;transform-origin:center right}
.story-theme-1 .context-scene::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(110deg,#fff0 15%,#fff2 48%,#fff0 70%);mix-blend-mode:screen;opacity:.42}
.story-theme-1 .context-art{box-shadow:0 0 0 2px #111a,0 18px 35px #000b;transform-style:preserve-3d;perspective:1200px}
.story-theme-1 .context-art img{transform-origin:center;backface-visibility:hidden;will-change:transform,filter}
.story-theme-1 .context-art img.poster-flip{animation:poster-stage-flip .68s cubic-bezier(.22,.8,.22,1)}
@keyframes poster-stage-flip{0%{transform:rotateY(-72deg) scale(.94);filter:brightness(.55) blur(2px)}58%{transform:rotateY(9deg) scale(1.025);filter:brightness(1.15)}100%{transform:rotateY(0) scale(1);filter:brightness(1)}}
.story-theme-1 .story-thumbnails{left:5.5%;right:5.5%;bottom:26px;gap:10px;padding:13px 4px;background:linear-gradient(90deg,#07101a00,#07101aa8 12%,#07101aa8 88%,#07101a00);border-radius:15px}
.story-theme-1 .story-thumb{flex-basis:62px;height:88px;background:#0f1725cc;border-color:#ffffff22;box-shadow:0 8px 18px #0006}.story-theme-1 .story-thumb:hover{transform:translateY(-9px) scale(1.04);border-color:#e7f0ff}.story-theme-1 .story-thumb[aria-pressed=true]{border-color:#c2d8ff;background:#2a3a55;box-shadow:0 12px 25px #000a}
.story-theme-1 .context-modes{margin-top:22px}.story-theme-1 .context-note{color:#b5c6e0}
@media(max-width:1000px){.story-theme-1 .story-copy{left:5%;width:33%}.story-theme-1 .context-scene{left:39%;right:2%;top:22%}.story-theme-1 .story-copy h2{font-size:46px}}
@media(max-width:600px){.story-theme-1 .story-copy{left:6%;top:10%;width:88%}.story-theme-1 .story-copy h2{font-size:38px}.story-theme-1 .context-scene{left:4%;right:4%;top:43%;aspect-ratio:1.42}.story-theme-1 .story-thumbnails{left:4%;right:4%;bottom:19px}.story-theme-1 .story-thumb{flex-basis:49px;height:68px}}
@media(prefers-reduced-motion:reduce){.story-theme-1 .context-art img.poster-flip{animation:none}}