/* Scroll is the timeline; 3D objects describe camera, headset and film. */
.formats,.partners{overflow:clip}
.motion-ready .hero-image{animation:none;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(var(--hero-scale,1.04))!important}.motion-ready .hero-content{transform:translateY(var(--hero-copy-y,0px))!important;opacity:var(--hero-opacity,1)!important}.orbit{z-index:3;perspective:700px;isolation:isolate}.orbit-line,.orbit-dot,.portal-orbit{display:block!important}.orbit-line{animation:none!important}.orbit-core{position:relative;z-index:2}.sphere-cage{position:absolute;inset:-15px;transform-style:preserve-3d;transform:rotateX(22deg) rotateY(var(--sphere-turn,15deg));pointer-events:none}.sphere-cage i{position:absolute;inset:0;border:1px solid #e4ad8366;border-radius:50%;box-shadow:inset 0 0 20px #e4ad8308}.sphere-cage i:nth-child(2){transform:rotateY(55deg)}.sphere-cage i:nth-child(3){transform:rotateY(110deg)}.sphere-cage i:nth-child(4){transform:rotateX(80deg)}
.motion-ready .time-portal{height:290svh;min-height:1900px}.motion-ready .portal-sticky{position:sticky;top:0;height:100svh;min-height:650px}.portal-copy h2{font-family:var(--serif)}.portal-orbit{animation:none!important}.portal-scroll i{animation:none}.portal-coordinate{font-size:10px}.kinetic-band{display:block}.kinetic-band>div{transform:translateX(var(--band-x,-90px))}.perspectives{overflow:clip}.perspective-grid .story-card{transform:perspective(1400px) rotateY(var(--card-angle,0deg))}.perspective-grid .story-card img{transform:scale(1.1) translateX(var(--card-pan,0%));transition:none}.perspective-grid .story-card:hover img{transform:scale(1.14) translateX(var(--card-pan,0%))}.story-card .story-card-text small{font-size:11px}.gallery-progress{display:block}.gallery-progress i{display:block;height:2px;background:#526c67;transform:scaleX(var(--gallery-progress,0));transform-origin:left}.perspective-pin .section-heading{align-items:end}.perspective-pin .section-heading p{color:#526c67;font-size:13px}
.compact-vr{position:relative;isolation:isolate;perspective:900px}.compact-vr>img{position:relative;z-index:2;transform:translateY(var(--vr-y,0px)) scale(var(--vr-scale,1));will-change:transform}.compact-vr figcaption{position:relative;z-index:3}.compact-vr .vr-ellipses{pointer-events:none;inset:-20px 0 20px;transform:rotate(var(--vr-rotate,0deg));z-index:0}.headset-stage{position:absolute;right:-8px;top:-34px;width:190px;height:135px;perspective:650px;z-index:3;pointer-events:none;filter:drop-shadow(0 15px 12px #0004)}.headset-object{position:absolute;width:190px;height:100px;top:10px;transform-style:preserve-3d;transform:translateY(var(--headset-y,0px)) rotateX(var(--headset-x,-12deg)) rotateY(var(--headset-turn,-25deg)) rotateZ(var(--headset-roll,-8deg)) scale(.73)}.headset-face{position:absolute;width:190px;height:100px;border:1px solid #ded6c1;border-radius:22px;backface-visibility:visible}.headset-front{background:linear-gradient(135deg,#e2c4a4,#e8d7be 50%,#b28c67);transform:translateZ(32px);display:flex;align-items:center;justify-content:space-evenly;box-shadow:inset 0 -10px 22px #38251555}.headset-front span{width:49px;height:49px;border:7px solid #273b3b;border-radius:50%;background:radial-gradient(circle at 35% 30%,#79aba7,#0a2227 45%,#020b10 70%);box-shadow:inset 0 0 10px #0b1218,0 0 0 2px #967151}.headset-back{background:#202c2d;transform:translateZ(-32px)}.headset-top,.headset-bottom{height:64px;background:linear-gradient(90deg,#d5b898,#f0ddc1,#a28060);top:-32px;transform:rotateX(90deg)}.headset-bottom{top:68px;background:#8e7459}.headset-left,.headset-right{width:64px;left:-32px;background:#ab8b6b;transform:rotateY(90deg)}.headset-right{left:158px;background:#d2b692}.headset-strap{position:absolute;left:10px;top:-48px;width:170px;height:140px;border:16px solid #485958;border-radius:60%;transform:translateZ(-55px) rotateX(24deg);box-shadow:inset 0 0 0 1px #8a9a91}.format-illustration{perspective:1000px}.format-illustration svg{transform:rotateX(var(--diagram-x,0deg)) rotateY(var(--diagram-y,0deg)) translateY(var(--diagram-lift,0px));transform-origin:center;transition:opacity .3s}.format-panel.format-enter{animation:phaseEnter .45s ease-out}
.spatial-study{perspective:900px;transform:translateY(var(--study-lift,0px));will-change:transform}.study-world{transform:rotateX(var(--study-tilt,-12deg)) rotateY(var(--study-angle,-22deg));will-change:transform}.study-plane{will-change:transform}.study-camera{background:none;color:#183b3d;top:145px;left:106px;padding:0;width:75px;transform:translateZ(130px);transform-style:preserve-3d;text-align:center}.study-camera>span{font-size:9px;letter-spacing:.06em;display:block;transform:translateY(35px)}.camera-object{position:relative;width:60px;height:45px;transform-style:preserve-3d}.camera-object i{position:absolute;display:block}.camera-front{width:60px;height:45px;background:#a76e48;border:1px solid #684528;transform:translateZ(20px);border-radius:4px}.camera-side{width:40px;height:45px;background:#6b4c35;left:40px;transform:rotateY(90deg)}.camera-top{width:60px;height:40px;background:#d7ad81;top:-20px;transform:rotateX(90deg)}.camera-lens{width:32px;height:32px;left:14px;top:6px;background:radial-gradient(circle at 35% 30%,#a3c2b7,#152f36 40%,#071a20 70%);border:5px solid #182b2e;border-radius:50%;transform:translateZ(29px);box-shadow:0 0 0 2px #e6ba8b}.camera-tripod{width:34px;height:40px;left:13px;top:43px;border-left:2px solid #183b3d;border-right:2px solid #183b3d;clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);background:linear-gradient(90deg,transparent 47%,#183b3d 48%,#183b3d 52%,transparent 53%)}
.production-notes{position:relative}.production-notes:after{content:'';position:absolute;left:0;top:0;width:2px;height:100%;background:var(--copper);transform:scaleY(var(--production-progress,0));transform-origin:top}.production-notes li{transition:opacity .35s,border-color .35s}.production-notes li.production-active{border-color:#e4ad8380}.production-notes li.production-active b{color:var(--copper)}.next-step{position:relative;grid-template-columns:1fr 2fr 140px;align-items:center}.next-step:after{content:'';position:absolute;left:0;top:-1px;width:100%;height:2px;background:#a46c47;transform:scaleX(var(--roadmap-progress,0));transform-origin:left}.reel-stage{height:140px;width:140px;perspective:650px;position:relative}.film-reel{position:absolute;width:130px;height:130px;top:5px;left:5px;transform-style:preserve-3d;transform:rotateX(var(--reel-tilt,18deg)) rotateY(var(--reel-y,-28deg)) rotateZ(var(--reel-z,0deg));filter:drop-shadow(0 13px 10px #14312d33)}.reel-face{position:absolute;width:130px;height:130px;border:2px solid #9d7853;border-radius:50%;background:radial-gradient(circle at 33% 30%,#f0dfb9,#b88c59 80%);box-shadow:inset 0 0 0 5px #cda778,inset 0 0 0 7px #8f6e49}.reel-front{transform:translateZ(14px)}.reel-back{transform:translateZ(-14px);background:#8c6847}.reel-hub{position:absolute;inset:8px;background:#3c3a2e;border-radius:50%}.reel-front i{position:absolute;left:50px;top:50px;width:27px;height:27px;border-radius:50%;background:#1d3736;box-shadow:inset 2px 2px 3px #0007,0 0 0 1px #f6d49f;transform:rotate(calc(var(--hole)*72deg)) translateY(-39px)}.reel-front b{position:absolute;left:56px;top:56px;width:14px;height:14px;border-radius:50%;background:#183b3d;box-shadow:0 0 0 5px #a57a50}.film-tail{position:absolute;top:95px;left:45px;width:115px;height:27px;background:repeating-linear-gradient(90deg,#b59163 0 4px,#203b38 4px 22px);border-block:5px dotted #b59163;transform:translateZ(-1px) rotateZ(26deg);transform-origin:left}.compact-contact{position:relative;isolation:isolate;overflow:hidden}.compact-contact>*:not(.contact-orbit){position:relative;z-index:2}.compact-contact .contact-orbit{display:block!important;position:absolute;left:55%;top:20px;width:240px;height:110px;border:1px solid #a16e4933;z-index:0;pointer-events:none;transform:translateX(-50%) rotate(var(--contact-angle,0deg)) scale(var(--contact-scale,1))}.motion-shortcut{letter-spacing:0;padding:0}.motion-shortcut svg{width:16px;height:16px}
@media(min-width:1000px) and (min-height:650px){.motion-ready:not(.reduce-motion) .perspectives{height:210svh;min-height:1450px}.motion-ready:not(.reduce-motion) .perspective-pin{padding:100px 6vw 35px}.motion-ready:not(.reduce-motion) .perspective-window{max-height:580px}.motion-ready:not(.reduce-motion) .perspective-grid>.story-card{flex-basis:65vw}.motion-ready:not(.reduce-motion) .perspective-pin .section-heading h2{font-size:48px}}
@media(max-width:999px){.headset-stage{right:-15px;top:-40px;transform:scale(.8)}.next-step{grid-template-columns:1fr 2fr 100px}.reel-stage{scale:.8;transform-origin:left}.motion-ready .time-portal{height:250svh;min-height:1600px}}
@media(max-width:600px){.motion-ready .time-portal{height:230svh;min-height:1400px}.motion-ready .portal-sticky{height:100svh;min-height:640px}.portal-copy h2{font-size:39px}.portal-copy{top:19%}.portal-people{bottom:14%;width:130vw}.portal-copy>p{font-size:13px;max-width:285px}.portal-timeline>span{font-size:9px}.portal-disclosure{display:none}.orbit{bottom:96px;right:28px;width:85px;height:85px}.orbit-core{font-size:20px}.orbit-core small{display:none}.sphere-cage{inset:-8px}.orbit-line{opacity:.7}.perspectives{padding:45px 23px}.perspective-grid{gap:20px}.perspective-grid>.story-card{height:350px}.perspective-pin .section-heading{display:block;margin-bottom:25px}.perspective-pin .section-heading p{margin-top:18px}.gallery-progress{display:none}.headset-stage{right:-20px;top:-28px;transform:scale(.67);transform-origin:top right}.compact-vr>img{height:235px}.compact-vr{padding-top:22px}.next-step{grid-template-columns:1fr 100px;gap:15px}.next-step>span{grid-column:1/-1}.next-step>p{font-size:14px}.reel-stage{width:100px;transform-origin:center;scale:.68;translate:-8px 0}.compact-contact .contact-orbit{left:67%;width:200px}.study-viewport{height:330px}}
.reduce-motion .hero-image,.reduce-motion .hero-content{transform:none!important;opacity:1!important}.reduce-motion .time-portal{height:auto!important;min-height:0!important}.reduce-motion .portal-sticky{position:relative!important;height:690px!important;min-height:0!important}.reduce-motion .portal-people{opacity:1!important;transform:none!important}.reduce-motion .portal-window{clip-path:circle(35% at 67% 49%)!important}.reduce-motion .portal-future{opacity:0!important}.reduce-motion .orbit,.reduce-motion .sphere-cage,.reduce-motion .compact-vr>img,.reduce-motion .vr-ellipses,.reduce-motion .format-illustration svg,.reduce-motion .spatial-study,.reduce-motion .contact-orbit,.reduce-motion .kinetic-band>div{transform:none!important}.reduce-motion .headset-object{transform:rotateX(-12deg) rotateY(-25deg) rotateZ(-8deg) scale(.73)!important}.reduce-motion .film-reel{transform:rotateX(18deg) rotateY(-28deg)!important}.reduce-motion .production-notes:after,.reduce-motion .next-step:after{display:none}.reduce-motion .perspectives{height:auto!important;min-height:0!important}.reduce-motion .perspective-pin{position:relative!important;height:auto!important}.reduce-motion .perspective-grid{transform:none!important;display:grid!important}.reduce-motion .story-card{transform:none!important}.reduce-motion .story-card>img{transform:none!important}.reduce-motion .title-word>span{animation:none!important}.reduce-motion .format-panel.format-enter{animation:none}.reduce-motion .kinetic-band{display:none}.reduce-motion .portal-orbit{display:none!important}
@media(prefers-reduced-motion:reduce){.portal-scroll i,.orbit-line,.orbit-dot,.title-word>span{animation:none!important}}