/* One material: a film, a projection wall, an open screen. */
.home{--orbit-visible:1;--arrival-visible:0}
#spacey-cube{--cube-home-y:40%;overflow:hidden}
#spacey-cube .cube-perspective{transform:translate(-50%,-50%);perspective-origin:50% 50%}
#spacey-cube .cube-rig{overflow:visible}
#spacey-cube .cube-front .cube-grid,#spacey-cube .cube-front:after{opacity:calc(var(--intro-cube,1)*.55)}
#spacey-cube .cube-front .cube-face-light{opacity:var(--intro-cube,1)}
#spacey-cube .cube-front .cube-tiles{opacity:var(--intro-cube,1)}
#spacey-cube .cube-front .cube-face-link{opacity:var(--orbit-visible)}
#spacey-cube:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#170c2be8 0%,#21113d75 32%,transparent 65%,#190d303b);opacity:var(--arrival-visible)}
.home .orbit-credits,.home .journey-stage,.home .scroll-cue{opacity:var(--orbit-visible)}
.home[data-arrival="true"] .orbit-credits{visibility:hidden}
.home[data-arrival="true"] .site-header .wordmark{opacity:0;pointer-events:none}
.home .site-header .wordmark{transition:opacity .3s}
.home .chapter h1,.home .chapter h2{font-family:var(--display);font-size:clamp(34px,4.4vw,62px);letter-spacing:-.035em;line-height:1.1}
.home .chapter h1 em,.home .chapter h2 em{letter-spacing:inherit}
.home .chapter-copy{top:72%}
.home .chapter-label{margin-bottom:12px;font-size:9px}
.home .chapter-description{margin-top:13px;font-size:12px}
.arrival-identity{position:fixed;left:7vw;right:7vw;bottom:17%;z-index:8;opacity:var(--arrival-visible);pointer-events:none}
.arrival-identity[inert]{visibility:hidden}
.arrival-wordmark{width:min(570px,65vw);height:auto;margin:0 0 -15px -7px;display:block;filter:drop-shadow(0 4px 20px #1b0d29a0)}
.artist-signature{margin-top:18px;font-size:9px;line-height:1;color:#cbb9dc;font-family:Arial,sans-serif}
.artist-signature a{display:inline-flex;align-items:center;gap:2px;min-height:28px;pointer-events:auto}
.artist-signature img{width:69px;height:29px;object-fit:cover;opacity:.85}
.artist-signature a:hover{color:#fff}.artist-signature a:hover img{opacity:1}
.home .chapter-copy .artist-signature{margin-top:8px}
.synthia-discovery{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;margin-top:13px;font:10px/1 Arial,sans-serif;color:#b9a6ca;min-height:28px}
.synthia-discovery img{width:66px;height:21px;object-fit:contain;opacity:.8}.synthia-discovery:hover,.synthia-discovery:hover img{color:#fff;opacity:1}
.home .is-cinema{background:#08060d;backdrop-filter:none;height:100dvh}
.home .is-cinema::backdrop{background:transparent}
.home .is-cinema .portal-shell{padding:0;max-width:none;width:100%;height:100%;min-height:0;animation:none!important;transform:none!important;opacity:1}
.home .is-cinema #portal-content{position:absolute;inset:0;display:block}
.home .is-cinema .video-frame{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;border:0;box-shadow:none;background:#08060d}
.home .is-cinema .video-frame iframe,.home .is-cinema .video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.home .is-cinema .close-portal{position:absolute;z-index:3;top:max(18px,env(safe-area-inset-top));left:24px;background:#140d20d9;backdrop-filter:blur(16px);border:1px solid #c1a5d83d;border-radius:2px;padding:10px 16px;min-height:44px;color:#f9e46b;font:11px/1.4 Arial,sans-serif}
.home .is-cinema .portal-title{position:absolute;z-index:2;bottom:24px;left:26px;margin:0;max-width:65vw;pointer-events:none;padding:8px 12px;background:#100b19bc;text-align:left;font:12px/1.4 Arial,sans-serif;letter-spacing:0}
.home .is-cinema .media-caption{position:absolute;z-index:2;bottom:26px;right:26px;margin:0;padding:8px 10px;background:#100b19bc;font-size:9px}
.home .is-cinema .media-caption>span{display:none}
.home .is-cinema.is-morphing{background:transparent}
.home .is-cinema.is-morphing .portal-shell{opacity:0;pointer-events:none}
.home.cinema-open #spacey-cube{opacity:0;filter:none;transition:none}
.home.cinema-open .arrival-identity,.home.cinema-open .journey-controls,.home.cinema-open .site-header,.home.cinema-open .scroll-cue{opacity:0;pointer-events:none}
.film-morph{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden}
.film-morph-scrim{position:absolute;inset:0;background:#08060d;opacity:0}
.film-morph-camera{position:absolute;transform:translate(-50%,-50%);perspective-origin:center;transform-style:preserve-3d}
.film-morph-plane{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.film-morph-wing{position:absolute;top:50%;left:50%;backface-visibility:hidden;transform-style:preserve-3d;border:1px solid #c5afde88;overflow:hidden;will-change:transform,opacity}
.film-morph-wing img{width:100%;height:100%;object-fit:cover}
.film-fragment{position:absolute;left:calc(var(--col)*100%/3);top:calc(var(--row)*100%/3);width:33.36%;height:33.36%;overflow:hidden;backface-visibility:hidden;border:.5px solid transparent;will-change:transform}
.film-fragment img{position:absolute;max-width:none;left:calc(var(--col)*-100%);top:calc(var(--row)*-100%);width:300%;height:300%;object-fit:cover}
@media(max-width:720px){
 #spacey-cube{--cube-home-y:32%}
 .arrival-identity{left:7vw;right:7vw;bottom:21%}
 .arrival-wordmark{width:76vw;max-width:none;margin:5px 0 -5px -7px}.arrival-identity .artist-signature{margin-top:14px}
 .home .chapter-copy{top:56.5%;width:92vw}.home .chapter h1,.home .chapter h2{font-size:clamp(26px,7.6vw,37px);line-height:1.1}
 .home .chapter-label{font-size:8px;margin-bottom:10px}.home .chapter-description,.home #arrival .chapter-description{font-size:10px;line-height:1.5;margin:10px auto 0}
 .home .chapter-copy .artist-signature{margin-top:5px;font-size:8px}.home .chapter-copy .artist-signature img{width:56px;height:23px}
 .orbit-credits{bottom:77px;height:92px;row-gap:7px}.credit-mark{gap:3px;min-height:38px}.credit-mark small{font-size:7px}
 .home .is-cinema .close-portal{left:14px;font-size:10px;padding:10px 12px}.home .is-cinema .portal-title{left:14px;bottom:50px;font-size:10px;max-width:85vw;padding:7px 10px}
 .home .is-cinema .media-caption{right:14px;bottom:16px;font-size:8px}.synthia-discovery{margin-top:7px;font-size:9px}.synthia-discovery img{width:58px;height:18px}
}
@media(max-height:650px) and (max-width:720px){
 #spacey-cube{--cube-home-y:30%}.home .chapter-copy{top:53%}.home .chapter h1,.home .chapter h2{font-size:25px}.home .chapter-label{margin-bottom:7px}.home .chapter-description,.home #arrival .chapter-description{font-size:9px;margin-top:7px}.orbit-credits{bottom:70px;height:83px;row-gap:3px}.all-credits-link{bottom:-21px;font-size:7px}.artist-signature a{min-height:23px}
}
@media(prefers-reduced-motion:reduce){.arrival-identity{display:none}.film-morph{display:none}.home .site-header .wordmark{transition:none}}

.home:not(.has-journey) .arrival-identity{display:none}
.credit-mark--converse .credit-logo img{height:45px;max-width:100px}
.credit-mark--tesla .credit-logo img{width:29px;height:31px}
.credit-mark--tesla .credit-name{font-size:17px;letter-spacing:.05em}
.credit-mark--vogue .credit-logo img{height:28px;max-width:125px}
#tesla .credit-entry-brand img{width:55px;height:55px}
#converse .credit-entry-brand img{height:75px;width:130px}
@media(max-width:720px){.credit-mark--converse .credit-logo img{height:27px;width:58px}.credit-mark--tesla .credit-logo img{width:17px;height:20px}.credit-mark--tesla .credit-name{font-size:10px}.credit-mark--vogue .credit-logo img{height:19px;max-width:78px}}

/* The actual player stays attached to the face, including in full-window cinema. */
.cube-stream{position:absolute;inset:0;z-index:4;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .35s ease;background:#08060d}
.cube-stream[data-ready="true"]{opacity:1}
.cube-stream[data-failed="true"]{opacity:0}
.cube-stream iframe{position:absolute;left:50%;top:50%;width:960px;height:540px;max-width:none;border:0;transform:translate(-50%,-50%) scale(var(--film-scale,1));transform-origin:50% 50%;pointer-events:none}
#spacey-cube .cube-stream video{width:100%;height:100%;object-fit:cover;filter:none;opacity:1}
#spacey-cube .cube-left .cube-stream video{object-position:50% 20%}
#spacey-cube .cube-front .cube-face-play{left:auto;right:17px;top:auto;bottom:59px;transform:none;width:57px;height:57px}
#spacey-cube .cube-front .cube-face-play small{font-size:6px}
body.home.cinema-open #spacey-cube.is-continuous-film{opacity:1;z-index:100;background:rgb(8 6 13 / var(--cinema-open,0));filter:none;overflow:hidden}
.is-continuous-film .cube-atmosphere,.is-continuous-film .cube-stars,.is-continuous-film .cube-ground,.is-continuous-film .cube-film-grain{opacity:calc(1 - var(--cinema-open,0))}
#spacey-cube.is-continuous-film .cube-face:after,#spacey-cube.is-continuous-film .cube-face-light,#spacey-cube.is-continuous-film .cube-grid{opacity:calc(1 - var(--cinema-open,0))}
#spacey-cube.is-continuous-film .cube-tiles,#spacey-cube.is-continuous-film .cube-face-controls{visibility:hidden}
#spacey-cube.is-continuous-film .cube-media{inset:0;opacity:1}
#spacey-cube.is-continuous-film .cube-stream{transition:none}
.home .is-cinema.is-continuous,.home .is-cinema.is-continuous::backdrop{background:transparent;backdrop-filter:none}
.home .is-continuous .portal-shell{background:transparent}
.home .is-continuous .portal-title{bottom:83px;font-size:11px;background:#100b19a6}
.continuity-controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:26px;right:26px;display:flex;align-items:center;gap:17px;padding:9px 15px;background:#100b19d9;border:1px solid #cab7dd30;backdrop-filter:blur(14px);color:#f7e7c5}
.continuity-controls button{min-width:44px;min-height:40px;font:11px/1.2 Arial,sans-serif;white-space:nowrap;cursor:pointer}
.continuity-controls button:hover{color:#f4df37}
.film-timeline{flex:1;display:flex;align-items:center;height:40px}
.film-timeline input{width:100%;accent-color:#f4df37;cursor:pointer}
.film-time{font:10px/1 ui-monospace,monospace;min-width:35px;font-variant-numeric:tabular-nums}
.film-source{position:absolute;right:26px;top:26px;min-height:44px;padding:13px 16px;background:#100b19c9;font-size:10px;color:#e1d1ed}
.credit-wing--screen{gap:22px}.all-credits-link{top:calc(42% + 190px)}
.credit-mark--samsung .credit-logo img{height:24px;max-width:120px}
@media(max-width:720px){
 #spacey-cube .cube-front .cube-face-play{width:45px;height:45px;right:12px;bottom:44px}
 .orbit-credits{grid-template-columns:repeat(4,minmax(0,1fr));left:5vw;right:5vw;column-gap:7px;row-gap:7px;height:91px}
 .credit-logo img{max-width:76px}.credit-name{font-size:8px}.credit-logo{gap:3px}.credit-mark small{font-size:7px}
 .credit-mark--soho-house .credit-logo img{height:12px}.credit-mark--vogue .credit-logo img{height:17px}.credit-mark--samsung .credit-logo img{height:15px;max-width:72px}
 .all-credits-link{position:static;width:auto;min-height:38px;padding:10px 0;font-size:7px;line-height:1.7}.all-credits-link span{margin-left:3px}
 .continuity-controls{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));gap:6px;padding:4px 6px}.continuity-controls button{font-size:9px;min-width:33px}.film-time{font-size:8px;min-width:27px}
 .home .is-continuous .portal-title{left:14px;bottom:73px;font-size:10px}.film-source{right:14px;top:20px;padding:10px;font-size:8px}
}
@media(max-width:720px) and (max-height:480px){
 #spacey-cube{--cube-home-y:35%;--cube-size:min(32svh,155px)}
 .home .chapter-copy{top:63%}.home .chapter-label{margin-bottom:5px}.home .chapter-description{margin-top:5px}
 .orbit-credits{display:block;inset:auto 5vw 52px auto;width:100px;height:30px}.orbit-credits .credit-wing{display:none}.all-credits-link{padding:8px 0}
 .arrival-identity{bottom:14%}.arrival-wordmark{width:350px}
}
@media(min-width:721px) and (max-height:780px){
 #spacey-cube{--cube-size:min(32vw,41svh,335px)}
 .home .chapter-copy{top:70%}
 .home .chapter h1,.home .chapter h2{font-size:clamp(32px,3.6vw,48px)}
 .home .chapter-label{margin-bottom:8px}.home .chapter-description,.home #arrival .chapter-description{font-size:11px;margin-top:9px}
 .home .chapter-copy .artist-signature{margin-top:5px}.home .chapter-copy .artist-signature img{width:60px;height:24px}
 .synthia-discovery{margin-top:5px;min-height:24px}
}

/* Credits sit below the artist: three lead marks, then a quiet supporting row. */
.orbit-credits.credit-strip{inset:auto 7vw 84px;height:50px;display:flex;align-items:center;justify-content:center}
.credit-strip-marks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) 44px;align-items:center;gap:clamp(16px,3vw,44px);width:100%;max-width:1000px}
.credit-strip .credit-mark{min-height:44px;gap:0;padding:0;opacity:.58}
.credit-strip .credit-mark--featured{opacity:.9}
.credit-strip .credit-mark:hover,.credit-strip .credit-mark:focus-visible{opacity:1}
.credit-strip .credit-logo{min-height:30px;gap:0}
.credit-strip .credit-logo img{width:100%;height:26px;max-width:112px}
.credit-strip .credit-mark--converse img{height:35px;max-width:76px}
.credit-strip .credit-mark--tesla img{width:26px;height:29px}
.credit-strip .credit-mark--samsung img{height:20px;max-width:102px}
.credit-strip .credit-mark--hbo img{width:51px;height:23px}
.credit-strip .credit-mark--soho-house img{height:16px;max-width:111px}
.credit-strip .credit-mark--playstation img{width:30px;height:27px}
.credit-strip .credit-mark--vogue img{height:23px;max-width:100px}
.credit-strip .all-credits-link{position:static;width:44px;height:44px;min-height:44px;padding:10px;font-size:20px;line-height:24px;opacity:.65}
.credit-strip .all-credits-link span{margin:0}
.home .scroll-cue{display:none}
@media(min-width:721px){
 #spacey-cube{--cube-home-y:35%}
 .home .chapter-copy{top:63%}
}
@media(min-width:721px) and (max-height:780px){
 #spacey-cube{--cube-size:min(32vw,39svh,335px);--cube-home-y:34%}
 .home .chapter-copy{top:61%}
}
@media(max-width:720px){
 .orbit-credits.credit-strip{inset:auto 7vw 65px;height:88px}
 .credit-strip-marks{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 17px}
 .credit-strip .credit-logo img{height:20px;max-width:77px}
 .credit-strip .credit-mark--converse img{height:28px;max-width:62px}
 .credit-strip .credit-mark--tesla img{width:21px;height:23px}
 .credit-strip .credit-mark--samsung img{height:16px;max-width:77px}
 .credit-strip .credit-mark--hbo img{width:42px;height:20px}
 .credit-strip .credit-mark--soho-house img{height:12px;max-width:80px}
 .credit-strip .credit-mark--playstation img{width:25px;height:23px}
 .credit-strip .credit-mark--vogue img{height:20px;max-width:77px}
 .credit-strip .all-credits-link{justify-self:center;font-size:17px}
}
@media(max-width:720px) and (max-height:480px){
 .orbit-credits.credit-strip{inset:auto 5vw 50px auto;width:44px;height:44px}
 .credit-strip-marks{display:block}
 .credit-strip .credit-mark{display:none}
}
/* Title sequence: three lines build up over the arrival film, then the cube settles. */
.title-sequence{margin:0 0 26px;max-width:820px}
.title-sequence p{margin:0 0 6px;font-size:clamp(17px,1.9vw,27px);line-height:1.3;letter-spacing:-.01em;color:var(--cream);text-shadow:0 2px 18px #14111fcc;opacity:0;transform:translateY(12px);animation:sequence-in .8s cubic-bezier(.2,.7,.2,1) forwards}
.title-sequence p:nth-child(1){animation-delay:.3s}
.title-sequence p:nth-child(2){animation-delay:1.45s}
.title-sequence p:nth-child(3){animation-delay:2.6s}
.title-sequence em{font-style:normal;color:var(--accent)}
[data-sequence="skipped"] .title-sequence p{animation:none;opacity:1;transform:none}
@keyframes sequence-in{to{opacity:1;transform:none}}
.sequence-skip{position:absolute;right:0;bottom:0;pointer-events:auto;min-height:44px;padding:0 4px;background:none;border:0;color:var(--cream);opacity:.7;font:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.sequence-skip:hover,.sequence-skip:focus-visible{opacity:1}
@media(max-width:720px){.title-sequence{margin-bottom:18px}.title-sequence p{font-size:15px}.sequence-skip{position:static;margin-top:10px}}