@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Big+Shoulders+Display:wght@600;700;800&family=Nunito:wght@400;600;700;800&display=swap');
:root{--ink:#1a2f5e;--deep:#10244a;--night:#0b1b29;--cream:#fff7e8;--gold:#f6a313;--pink:#ff4f8b;--blue:#0f7daf;--radius:16px;--sans:'Nunito',sans-serif;--display:'Baloo 2',sans-serif;--label:'Big Shoulders Display',sans-serif;--ease:cubic-bezier(.16,1,.3,1);--pointer-x:0;--pointer-y:0}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:0}body{margin:0;background:var(--night);color:var(--cream);font:600 18px/1.6 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:6px}::selection{background:var(--gold);color:var(--deep)}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;background:var(--cream);color:var(--ink);padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.eyebrow{font:700 13px/1.4 var(--label);text-transform:uppercase;letter-spacing:.16em}.chapter-dot{display:inline-block;width:7px;height:7px;background:var(--gold);margin-right:8px;vertical-align:2px;box-shadow:0 0 16px #f6a31399}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px;font-weight:800;border-bottom:1px solid #fff7e86b;padding:10px 0;min-height:44px}.text-link>span{font-size:23px;transition:transform .3s var(--ease)}.text-link:hover>span{transform:translate(3px,-3px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;border-radius:var(--radius);padding:14px 23px;background:var(--gold);color:var(--deep);font:800 15px/1.3 var(--sans);box-shadow:0 6px 30px #10244a35;transition:transform .25s var(--ease),background .25s}.button:hover{transform:translateY(-3px);background:var(--cream)}.button>span{font-size:22px}
.header{position:fixed;top:0;left:0;right:0;z-index:80;padding:22px 4vw;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.header>*{pointer-events:auto}.brand{width:108px;filter:drop-shadow(0 3px 10px #10244a66)}.brand img{width:100%}.desktop-nav{display:flex;gap:25px;align-items:center;background:#10244ac9;border:1px solid #fff7e830;backdrop-filter:blur(10px);border-radius:var(--radius);padding:6px 7px 6px 24px;box-shadow:0 10px 30px #10244a15;font-size:14px;font-weight:800}.desktop-nav>a{min-height:40px;display:flex;align-items:center}.desktop-nav>a:hover{text-decoration:underline;text-underline-offset:5px}.nav-shop{background:var(--cream);color:var(--ink);border-radius:var(--radius);padding:0 18px;gap:20px}.menu-toggle{display:none;background:var(--deep);padding:12px 16px;border-radius:var(--radius);font-size:14px;font-weight:800;gap:18px;min-height:44px}.mobile-nav{position:fixed;inset:0;margin:0;max-width:none;max-height:none;width:100%;height:100dvh;padding:28px 24px;background:var(--night);color:var(--cream);border:0;z-index:100}.mobile-nav::backdrop{background:var(--night)}.menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.menu-close{background:var(--cream);color:var(--ink);padding:12px 18px;border-radius:var(--radius);font-size:14px}.mobile-nav nav{display:grid;margin:60px 0}.mobile-nav nav a{display:flex;align-items:center;justify-content:space-between;font:700 clamp(28px,7vw,46px)/1.2 var(--display);padding:20px 0;border-bottom:1px solid #fff7e840}.mobile-nav nav span{font:700 13px var(--label);color:var(--gold)}.menu-email{font-size:16px}
.hero{height:100svh;min-height:620px;position:relative;background:var(--night);overflow:clip}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0b1b2980);pointer-events:none}.hero-caption{position:absolute;bottom:125px;left:6vw;max-width:410px;padding:22px 26px;border-radius:var(--radius);background:color-mix(in oklch,var(--ink) 45%,transparent);backdrop-filter:blur(6px)}.hero-caption .eyebrow{font-size:11px}.hero-caption h1{font:700 38px/1.07 var(--display);letter-spacing:.01em;margin:12px 0 18px}.enter-link{display:flex;gap:50px;justify-content:space-between;align-items:center;font:800 13px var(--sans);min-height:35px}.enter-link>span{font-size:22px}.hero-controls{position:absolute;bottom:126px;right:4vw;display:flex;gap:8px}.hero-controls button{display:flex;align-items:center;gap:14px;background:#10244ab3;color:var(--cream);backdrop-filter:blur(6px);font:800 12px var(--sans);padding:13px 16px;border-radius:var(--radius);min-height:44px}
.scene{position:relative;--p:0;--enter:0;--exit:0}.scene-stage{position:relative;overflow:clip;min-height:760px;isolation:isolate}.motion-ready .scene{height:210svh}.motion-ready .scene-stage{position:sticky;top:0;height:100svh;min-height:620px}.motion-ready .garden-scene{height:150svh}.motion-ready .cinema-scene{height:260svh}.motion-ready .shop-scene{height:170svh}.landscape{position:absolute;inset:0;z-index:-3}.landscape img{width:100%;height:100%;object-fit:cover}.landscape picture{display:block;width:100%;height:100%}.foliage{position:absolute;inset:-8%;width:116%;height:116%;max-width:none;object-fit:fill;pointer-events:none;z-index:5;opacity:.8}.world-landscape{transform-origin:72% 58%}.world-landscape img{object-position:65% center}.world-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0b1b29a1,transparent 64%),linear-gradient(0deg,#0b1b297d,transparent 35%)}.scene-copy{position:relative;z-index:6}.arrival-copy{padding:clamp(140px,24vh,240px) 0 200px 7vw;max-width:650px}.arrival-copy h2{font:800 clamp(70px,7.2vw,116px)/.98 var(--display);letter-spacing:.005em;margin-top:22px;text-shadow:0 4px 40px #10244a35}.arrival-copy h2 em{font-style:normal;color:#ffda75}.scene-description{font-size:18px;line-height:1.6;max-width:28ch;margin-top:26px;text-shadow:0 2px 15px #10244a80}.world-hotspot{position:absolute;left:69%;top:62%;z-index:7;display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.3;background:#10244ab8;backdrop-filter:blur(6px);padding:10px 15px 10px 10px;border-radius:var(--radius);border:1px solid #fff7e840;box-shadow:0 5px 25px #10244a40;transition:background .25s}.world-hotspot:hover{background:var(--deep)}.hotspot-icon{display:grid;place-items:center;border:1px solid #fff7e8a0;width:40px;height:40px;border-radius:var(--radius);font-size:25px;color:#ffda75}.world-hotspot i{font-style:normal;margin-left:10px}.scene-foot{position:absolute;bottom:110px;left:7vw;right:6vw;z-index:7;display:flex;justify-content:space-between;align-items:end;font:700 12px/1.5 var(--label);text-transform:uppercase;letter-spacing:.14em}.scene-foot a{display:flex;gap:30px;align-items:center;border-bottom:1px solid #fff7e860;padding-bottom:10px}.scene-foot a span{font-size:24px}.motion-ready .world-landscape{transform:scale(calc(1 + var(--p)*.28)) translate3d(calc(var(--pointer-x)*-6px),calc(var(--p)*-3% + var(--pointer-y)*-5px),0);will-change:transform}.motion-ready .world-foliage{transform:scale(calc(1 + var(--p)*.34)) translate3d(calc(var(--pointer-x)*-20px),calc(var(--p)*-6% + var(--pointer-y)*-14px),0);will-change:transform}.motion-ready .arrival-copy{transform:translateY(calc(var(--p)*-50px));opacity:clamp(.28,calc(1 - var(--p)*.7),1)}.motion-ready .world-hotspot{transform:translateY(calc(var(--p)*-40px))}
.garden-scene{background:#25422b}.garden-landscape img{object-position:center 50%}.garden-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b1b29b8,transparent 55%)}.garden-copy{position:absolute;bottom:125px;left:4vw;width:min(30vw,350px);background:color-mix(in oklch,var(--ink) 45%,transparent);backdrop-filter:blur(6px);padding:24px 28px;border-radius:var(--radius)}.garden-copy .eyebrow{font-size:11px;color:#ffda75}.garden-copy h2{font:800 43px/1.02 var(--display);margin:14px 0}.garden-copy em{font-style:normal;color:#ffda75}.garden-copy p:not(.eyebrow){font-size:16px;line-height:1.5}.garden-copy .text-link{margin-top:10px;font-size:13px;gap:25px}.garden-note{position:absolute;bottom:125px;right:6vw;font:700 28px/1.1 var(--display);text-align:right;z-index:6;text-shadow:0 4px 15px #10244a}.garden-foliage{opacity:.55}.motion-ready .garden-landscape{transform:scale(calc(1.08 - var(--p)*.08)) translate3d(calc(var(--pointer-x)*-5px),calc(var(--pointer-y)*-4px),0);will-change:transform}.motion-ready .garden-foliage{transform:scale(calc(1.06 + var(--p)*.12)) translate3d(calc(var(--pointer-x)*-18px),calc(var(--p)*-3% + var(--pointer-y)*-12px),0);will-change:transform}.motion-ready .garden-copy{transform:translateY(calc((1 - var(--p))*24px))}
.cinema-scene{background:var(--night)}.cinema-environment{position:absolute;inset:0;z-index:-3;background:linear-gradient(#0b1b29d9,#0b1b29e6),url('assets/film-universe-v2.webp') center/cover}.cinema-light{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 75% 20%,#0f7daf33,transparent 60%);pointer-events:none}.cinema-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;padding:115px 6vw 0}.cinema-heading h2{font:800 clamp(34px,4vw,58px)/1.12 var(--display);margin-top:10px}.cinema-heading h2 em{color:#ffda75;font-style:normal}.cinema-heading .text-link{white-space:nowrap;flex-shrink:0;margin-right:120px}.episode-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:32px 6vw 150px}.episode-card{min-width:0;display:block;outline-offset:8px}.episode-screen{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--deep);box-shadow:0 20px 70px #0005;border:1px solid #fff7e826;transform:translateZ(0)}.episode-screen>img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s var(--ease)}.episode-card:hover .episode-screen>img{transform:scale(1.035)}.episode-ticket{position:absolute;left:18px;top:18px;background:var(--cream);color:var(--ink);padding:8px 12px;border-radius:var(--radius);font:700 12px var(--label);letter-spacing:.12em;text-transform:uppercase}.play-icon{position:absolute;left:22px;bottom:22px;display:grid;place-items:center;background:var(--gold);color:var(--deep);height:56px;width:56px;border-radius:var(--radius);font-size:18px;padding-left:3px;box-shadow:0 5px 25px #0003}.duration{position:absolute;bottom:22px;right:22px;font-size:12px;padding:6px 10px;border-radius:var(--radius);background:#10244acc}.episode-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 2px 0}.episode-caption .eyebrow{font-size:11px;color:#ffda75}.episode-caption h3{font:700 32px/1.15 var(--display);margin-top:6px}.episode-arrow{font-size:28px}.reel-navigation{display:none}.motion-ready .episode-track{display:flex;width:max-content;padding-bottom:120px;gap:4vw;transform:translate3d(calc(var(--p)*var(--reel-travel,0px)*-1),0,0);will-change:transform}.motion-ready .episode-card{width:min(61vw,calc((100svh - 410px)*1.7778));min-width:440px;flex:none}.motion-ready .reel-navigation{position:absolute;right:6vw;top:145px;bottom:auto;display:flex;gap:25px;align-items:center;z-index:7}.reel-navigation>span{display:none}.reel-navigation>div{display:flex;gap:8px}.reel-navigation button{width:44px;height:44px;border:1px solid #fff7e859;background:#10244a99;color:var(--cream);border-radius:var(--radius);font-size:23px;transition:background .25s}.reel-navigation button:hover{background:var(--blue)}.reel-navigation button:disabled{opacity:.35;cursor:default}
.shop-scene{background:#ecb5b3;color:var(--ink)}.shop-scene .scene-stage{min-height:820px}.shop-wash{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 75% 15%,#fff2cc 0,transparent 52%),linear-gradient(120deg,#f7d9ca 0%,#e6a7a5 60%,#ce7c9b 100%)}.shop-orbit{position:absolute;width:75vw;height:75vw;right:-13vw;top:-8vw;border:1px solid #fff7e86b;outline:1px solid #fff7e840;outline-offset:80px;border-radius:50%;transform:rotateX(30deg);pointer-events:none;z-index:-1}.shop-copy{position:relative;z-index:6;padding:145px 0 130px 7vw;width:44%;pointer-events:none}.shop-copy>*{pointer-events:auto}.shop-copy .chapter-dot{background:var(--blue);box-shadow:none}.shop-copy h2{font:800 clamp(58px,5.8vw,88px)/.98 var(--display);letter-spacing:.005em;margin:24px 0}.shop-copy em{font-style:normal;color:#9d315e}.shop-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;margin-bottom:28px}.shop-copy .button{background:var(--ink);color:var(--cream)}.shop-copy .button:hover{background:var(--blue)}.souvenir-stage{position:absolute;inset:110px 7vw 145px 45%;perspective:1400px;transform-style:preserve-3d}.shop-memory{position:absolute;top:0;left:24%;width:54%;transform:rotate(5deg);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 70px #71314b40}.shop-memory>img{width:100%;aspect-ratio:3/4;object-fit:cover}.shop-memory>span{position:absolute;left:22px;bottom:20px;font:700 30px/1.05 var(--display);color:var(--cream);text-shadow:0 2px 10px #10244a90}.souvenir{position:absolute;width:35%;background:var(--cream);color:var(--ink);padding:8px;border-radius:var(--radius);box-shadow:0 20px 50px #71314b50;transform-style:preserve-3d;transition:box-shadow .3s}.souvenir>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius)}.souvenir>span{display:block;padding:10px 6px 6px}.souvenir strong{font-size:14px;line-height:1.3;display:block}.souvenir small{font-size:12px;display:flex;justify-content:space-between;margin-top:3px}.souvenir small i{font-size:17px;font-style:normal}.souvenir-one{left:0;top:25%;transform:rotate(-10deg);z-index:3}.souvenir-two{right:0;top:43%;transform:rotate(8deg);z-index:4}.souvenir-three{left:28%;bottom:-1%;transform:rotate(-5deg);z-index:5}.souvenir:hover{box-shadow:0 25px 60px #71314b70}.shop-foot{position:absolute;bottom:100px;left:7vw;right:6vw;display:flex;justify-content:space-between;font:700 12px var(--label);letter-spacing:.12em;text-transform:uppercase}.motion-ready .shop-scene .scene-stage{min-height:720px}.motion-ready .shop-memory{transform:translate3d(calc(var(--pointer-x)*7px),calc((1 - var(--p))*35px),0) rotate(calc(8deg - var(--p)*4deg))}.motion-ready .souvenir-one{transform:translate3d(calc((1 - var(--p))*-45px + var(--pointer-x)*-12px),calc((1 - var(--p))*75px + var(--pointer-y)*-10px),50px) rotate(calc(-14deg + var(--p)*5deg))}.motion-ready .souvenir-two{transform:translate3d(calc((1 - var(--p))*50px + var(--pointer-x)*12px),calc((1 - var(--p))*-55px + var(--pointer-y)*8px),100px) rotate(calc(12deg - var(--p)*5deg))}.motion-ready .souvenir-three{transform:translate3d(calc(var(--pointer-x)*-7px),calc((1 - var(--p))*90px + var(--pointer-y)*-8px),150px) rotate(calc(-8deg + var(--p)*4deg))}
.goodnight{min-height:100svh;position:relative;isolation:isolate;padding:140px 7vw 120px;overflow:clip}.goodnight-landscape{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b1b29e8,#0b1b29b8),url('assets/film-universe-v2.webp') 70% center/cover}.goodnight-content{max-width:740px}.goodnight-content>.eyebrow{color:#ffda75}.goodnight h2{font:800 clamp(64px,7vw,105px)/.98 var(--display);margin:22px 0 26px}.goodnight h2 em{font-style:normal;color:#ffda75}.goodnight-content>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:50ch;color:#fff7e8dd}.closing-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:35px}.footer{margin-top:100px;padding-top:30px;border-top:1px solid #fff7e82b;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer img{width:100px}.footer>div{display:flex;gap:25px;align-items:center;font-size:12px}.footer a:hover{text-decoration:underline;text-underline-offset:5px}.footer>div>span{opacity:.65}
.journey-hud{position:fixed;bottom:0;left:0;right:0;z-index:75;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 4vw 23px;background:linear-gradient(transparent,#0b1b297d);pointer-events:none}.journey-hud>*{pointer-events:auto}#journey-label{font:700 12px var(--label);text-transform:uppercase;letter-spacing:.13em;color:var(--cream);text-shadow:0 2px 10px #10244a;min-width:180px}.journey-nav{display:flex;gap:6px;background:#10244ac4;border:1px solid #fff7e833;backdrop-filter:blur(8px);border-radius:var(--radius);padding:4px 10px}.journey-nav a{display:flex;align-items:center;justify-content:center;gap:9px;width:56px;height:38px;font:700 11px var(--label);letter-spacing:.1em;opacity:.6}.journey-nav a i{width:16px;height:2px;background:currentColor;transition:width .2s}.journey-nav a[aria-current]{color:#ffda75;opacity:1}.journey-nav a[aria-current] i{width:23px;background:var(--gold)}#motion-toggle{min-width:100px;min-height:44px;border:1px solid #fff7e840;border-radius:var(--radius);background:#10244ac4;color:var(--cream);font:700 12px var(--sans);padding:10px 15px;backdrop-filter:blur(8px)}#motion-toggle::before{content:'◌';font-size:16px;margin-right:8px}#journey-progress{position:fixed;bottom:0;left:0;height:3px;background:var(--gold);z-index:90;width:0;pointer-events:none}
@media(min-width:1700px){.scene-copy{padding-left:9vw}.garden-copy{left:9vw;padding-left:28px}.hero-caption{left:9vw}.shop-copy{padding-left:9vw}}
@media(max-width:1100px){.arrival-copy h2{font-size:88px}.arrival-copy{max-width:540px}.garden-copy{width:280px;padding:20px 24px}.garden-copy h2{font-size:37px}.cinema-heading{gap:20px}.cinema-heading h2{font-size:44px}.cinema-heading .text-link{font-size:12px;gap:20px}.episode-caption h3{font-size:28px}.shop-copy{width:44%;padding-left:6vw}.shop-copy h2{font-size:65px}.souvenir-stage{left:44%;right:7vw}.souvenir{width:39%}.shop-memory{width:64%;left:20%}.souvenir-one{top:24%}.souvenir-two{top:49%;right:-1%}.souvenir-three{bottom:1%;left:17%}.footer>div{gap:18px}.episode-track{gap:20px}}
@media(max-width:800px){.header{padding:18px 24px}.brand{width:92px}.desktop-nav{gap:18px;padding-left:18px;font-size:13px}.journey-hud{padding-left:24px;padding-right:24px}#journey-label{min-width:140px;font-size:10px}.journey-nav a{width:42px;gap:5px}.journey-nav{padding:4px 7px}.arrival-copy{padding-left:7vw;max-width:470px}.arrival-copy h2{font-size:78px}.world-hotspot{left:65%;top:67%;font-size:12px}.world-hotspot .hotspot-icon{width:30px;height:35px}.garden-note{font-size:23px}.cinema-heading{display:block}.cinema-heading .text-link{margin-top:10px;margin-right:120px}.motion-ready .reel-navigation{top:215px}.motion-ready .episode-card{width:75vw;min-width:0}.motion-ready .cinema-scene{height:250svh}.episode-track{grid-template-columns:1fr}.episode-card{max-width:680px}.reel-navigation>span{display:none}.shop-copy h2{font-size:58px}.shop-copy .eyebrow{font-size:11px}.shop-copy>p:not(.eyebrow){font-size:16px}.souvenir strong{font-size:12px}.shop-memory>span{font-size:25px}.shop-foot{font-size:10px}.footer>div{flex-wrap:wrap;justify-content:flex-end;max-width:400px}}
@media(max-width:600px){body{font-size:18px}.header{padding:16px 20px}.brand{width:88px}.desktop-nav{display:none}.menu-toggle{display:flex}.hero{min-height:680px}.hero-caption{bottom:165px;left:24px;max-width:310px;padding:18px 22px}.hero-caption h1{font-size:32px}.hero-caption .eyebrow{font-size:10px}.hero-controls{bottom:103px;left:24px;right:auto}.hero-controls button{padding:11px 14px;min-height:42px}.journey-hud{padding:13px 20px 18px;gap:12px}#journey-label{display:none}.journey-nav{gap:3px;padding:2px 5px}.journey-nav a{width:37px;gap:5px;height:38px}.journey-nav a i{width:11px}.journey-nav a[aria-current] i{width:15px}#motion-toggle{font-size:11px;min-width:94px;padding:9px 11px}.scene-stage{min-height:760px}.motion-ready .scene-stage{min-height:680px}.motion-ready .world-scene{height:175svh}.world-landscape img{object-position:65% center}.world-shade{background:linear-gradient(90deg,#0b1b2980,transparent 85%),linear-gradient(0deg,#0b1b298f,transparent 55%)}.arrival-copy{padding:150px 24px 300px;max-width:100%}.arrival-copy .eyebrow{font-size:11px}.arrival-copy h2{font-size:clamp(62px,17vw,82px);line-height:1.02;margin-top:18px}.scene-description{font-size:18px;max-width:24ch;margin-top:20px}.world-hotspot{left:auto;right:24px;top:auto;bottom:190px;font-size:12px}.scene-foot{bottom:105px;left:24px;right:24px;font-size:10px;gap:20px}.scene-foot>a{gap:15px;max-width:155px;letter-spacing:.1em}.foliage{inset:-4% -35%;width:170%;height:108%;opacity:.55}.motion-ready .arrival-copy{opacity:clamp(.65,calc(1 - var(--p)*.35),1)}.garden-scene .scene-stage{min-height:800px;background:#162b27}.motion-ready .garden-scene{height:145svh}.motion-ready .garden-scene .scene-stage{min-height:760px}.garden-landscape{inset:0;height:auto;aspect-ratio:auto}.garden-landscape img{height:auto;width:100%;object-fit:contain;mask-image:linear-gradient(#000 80%,transparent 100%)}.garden-shade{background:linear-gradient(0deg,#162b27 5%,#162b2770 34%,transparent 65%)}.garden-copy{position:absolute;left:24px;right:24px;bottom:100px;margin:0;top:auto;width:auto;max-width:none;padding:0;background:none;backdrop-filter:none}.garden-copy .eyebrow{display:none}.garden-copy h2{font-size:clamp(34px,9.5vw,42px)}.garden-copy p:not(.eyebrow){font-size:18px;line-height:1.5}.garden-copy .text-link{margin-top:16px;font-size:14px}.garden-note{display:none}.garden-foliage{opacity:.25}.motion-ready .garden-landscape{transform:scale(calc(1.015 - var(--p)*.015))}.motion-ready .garden-copy{transform:none}.cinema-heading{padding:110px 24px 0}.cinema-heading h2{font-size:38px;max-width:12ch;margin-top:12px}.cinema-heading .eyebrow{font-size:11px}.cinema-heading .text-link{font-size:13px;margin-top:14px}.episode-track{padding:28px 24px 120px;gap:32px}.motion-ready .episode-track{gap:24px;padding-left:24px;padding-right:24px;padding-bottom:100px}.motion-ready .episode-card{width:calc(100vw - 48px);min-width:0}.episode-ticket{top:12px;left:12px;font-size:10px;padding:7px 10px}.play-icon{width:44px;height:44px;font-size:14px;left:14px;bottom:14px}.duration{right:14px;bottom:14px;font-size:11px}.episode-caption{padding-top:16px;gap:14px}.episode-caption .eyebrow{font-size:10px;letter-spacing:.1em}.episode-caption h3{font-size:27px}.episode-arrow{font-size:23px}.motion-ready .reel-navigation{top:242px;bottom:auto;right:24px}.motion-ready .cinema-scene{height:250svh}.shop-scene .scene-stage,.motion-ready .shop-scene .scene-stage{min-height:1060px}.motion-ready .shop-scene{height:auto}.motion-ready .shop-scene .scene-stage{position:relative;height:auto}.shop-copy{padding:110px 24px 0;width:100%}.shop-copy h2{font-size:59px;margin:20px 0}.shop-copy h2 br:last-child{display:none}.shop-copy h2 em{margin-right:.15em}.shop-copy>p:not(.eyebrow){font-size:18px;max-width:27ch;margin-bottom:23px}.shop-copy .button{font-size:14px;min-height:50px}.souvenir-stage{inset:535px 20px 100px 20px;perspective:1000px}.shop-memory{width:53%;left:37%;top:0}.shop-memory>span{font-size:20px;left:14px;bottom:15px}.souvenir{width:43%;padding:6px}.souvenir-one{left:0;top:3%}.souvenir-two{right:0;top:46%}.souvenir-three{left:2%;bottom:1%;width:40%}.souvenir>span{padding:8px 4px 4px}.souvenir strong{font-size:12px}.souvenir small{font-size:11px}.shop-foot{bottom:35px;left:24px;right:24px;font-size:10px;gap:20px}.shop-orbit{width:140vw;height:140vw;top:480px;right:-40vw;outline-offset:30px}.motion-ready .shop-memory{transform:rotate(5deg)}.motion-ready .souvenir-one{transform:rotate(-7deg)}.motion-ready .souvenir-two{transform:rotate(6deg)}.motion-ready .souvenir-three{transform:rotate(-3deg)}.goodnight{padding:110px 24px 115px}.goodnight h2{font-size:clamp(52px,14vw,72px);margin:20px 0 25px}.goodnight-content>.eyebrow{font-size:11px}.goodnight-content>p:not(.eyebrow){font-size:18px;line-height:1.7}.closing-actions{gap:18px;margin-top:28px}.closing-actions .text-link{font-size:13px}.footer{margin-top:65px;align-items:start;gap:25px}.footer img{width:85px}.footer>div{flex-direction:column;align-items:flex-end;gap:12px;text-align:right;font-size:11px}.footer>div>span{max-width:170px}.goodnight-landscape{background-position:68% center}}
@media(max-width:360px){.arrival-copy h2{font-size:60px}.hero-caption{left:20px;right:20px}.hero-caption h1{font-size:29px}.cinema-heading h2{font-size:34px}.episode-caption h3{font-size:24px}.garden-copy{left:24px;right:24px}.shop-copy h2{font-size:53px}.shop-copy{padding-left:20px;padding-right:20px}.souvenir-stage{left:16px;right:16px}.journey-nav a{width:32px}.scene-foot>span{max-width:100px}}
@media(max-height:700px) and (min-width:601px){.arrival-copy{padding-top:140px}.arrival-copy h2{font-size:75px}.garden-copy{bottom:105px;padding:20px 24px}.garden-copy h2{font-size:35px}.garden-copy p:not(.eyebrow){font-size:14px}.cinema-heading{padding-top:100px}.cinema-heading h2{font-size:40px}.motion-ready .episode-card{min-width:380px;width:calc((100svh - 380px)*1.7778)}.episode-caption{padding-top:13px}.episode-caption h3{font-size:27px}.shop-copy{padding-top:115px}.shop-copy h2{font-size:63px}.shop-foot{bottom:82px}}
@media(min-width:601px) and (max-width:900px) and (orientation:portrait){.garden-landscape img{object-position:center 45%}.garden-copy{left:5vw;bottom:120px;width:340px}.garden-note{display:none}.motion-ready .garden-landscape{transform:scale(calc(1.025 - var(--p)*.025))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* The film stays intact while the surrounding universe comes into view. */
.hero-stage,.film-screen{position:absolute;inset:0}
.film-screen{overflow:clip}
.film-expand{display:none;place-items:center;width:44px;min-height:44px;border-radius:var(--radius);background:#10244ab3;backdrop-filter:blur(6px);font-size:25px}
.opening-link{margin-top:24px;min-width:190px}
.garden-friends-static{position:absolute;width:65%;left:29%;bottom:160px;z-index:1}
.friend-group{position:relative;z-index:1;width:100%;height:auto}
.friend-island{position:absolute;z-index:0;left:-7%;top:71%;width:114%;max-width:none;height:auto}
.closing-stage{min-height:0;overflow:visible}
#journey-world{display:none;--camera-zoom:1;--camera-x:0px;--camera-y:0px;--night:0;--friends-opacity:0;--friends-y:180px;--friends-scale:1}
.continuous-world #journey-world{display:block;position:fixed;inset:0;z-index:0;overflow:clip;pointer-events:none;background:#40215e;isolation:isolate}
.journey-landscape{position:absolute;inset:-2%;transform-origin:50% 45%;transform:translate3d(calc(var(--camera-x) + var(--pointer-x)*-5px),calc(var(--camera-y) + var(--pointer-y)*-4px),0) scale(var(--camera-zoom));will-change:transform}
.journey-landscape>img{width:100%;height:100%;object-fit:cover;object-position:center}
.journey-foliage{position:absolute;inset:-3%;max-width:none;width:106%;height:106%;object-fit:fill;z-index:3;opacity:.55;transform:translate3d(calc(var(--camera-x)*1.3 + var(--pointer-x)*-14px),calc(var(--camera-y)*1.6 + var(--pointer-y)*-10px),0) scale(calc(1 + (var(--camera-zoom) - 1)*1.4));transform-origin:center;will-change:transform}
#journey-friends{position:absolute;z-index:2;left:28%;bottom:20vh;width:65%;max-width:1100px;transform-origin:50% 100%;transform:translate3d(0,var(--friends-y),0) scale(var(--friends-scale));opacity:var(--friends-opacity);will-change:transform,opacity}
#journey-friends>.friend-group{filter:drop-shadow(0 8px 9px #29133544)}
.journey-light{position:absolute;inset:0;z-index:4;background:#201339;opacity:var(--night);will-change:opacity}
.journey-shade{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,#1e123ba6,transparent 68%),linear-gradient(0deg,#23153b66,transparent 38%)}
.continuous-world.motion-ready .hero{height:160svh;min-height:0;background:transparent;overflow:visible}
.continuous-world .hero-stage{position:fixed;inset:0;z-index:4;opacity:var(--plane-opacity,1);visibility:hidden;pointer-events:none!important;overflow:clip}
.continuous-world .film-screen{inset:auto;left:0;top:0;width:var(--film-width,100%);height:var(--film-height,100%);transform:translate3d(var(--film-x,0px),var(--film-y,0px),0);border-radius:var(--film-radius,0px);box-shadow:0 18px 65px #170b3f40;will-change:transform,width,height,border-radius;pointer-events:none}
.continuous-world .hero-caption{opacity:var(--hero-copy-opacity,1);transform:translate3d(0,var(--hero-copy-y,0px),0);pointer-events:auto;will-change:transform,opacity}
.continuous-world .hero-caption[inert]{pointer-events:none}
.continuous-world .hero-controls{top:var(--film-controls-y,auto);left:var(--film-controls-x,auto);right:auto;bottom:auto;gap:6px;pointer-events:auto}
.continuous-world .hero-controls button{font-size:11px;padding:11px 12px;gap:10px;min-height:44px}
.continuous-world .hero-stage[data-docked=true] .film-expand{display:grid}
.continuous-world .scene{background:transparent!important;min-height:0;padding:0;overflow:visible}
.continuous-world.motion-ready .world-scene{height:180svh}
.continuous-world.motion-ready .garden-scene{height:170svh}
.continuous-world.motion-ready .cinema-scene{height:260svh}
.continuous-world.motion-ready .shop-scene{height:180svh}
.continuous-world.motion-ready .goodnight{height:150svh}
.continuous-world.motion-ready .scene .scene-stage{position:fixed;top:0;left:0;right:0;bottom:auto;width:100%;height:100svh;min-height:0;background:transparent;z-index:3;visibility:hidden;opacity:var(--plane-opacity,0);pointer-events:none;transform:translate3d(0,var(--stage-y,0px),0);will-change:opacity,transform;overflow:visible}
.continuous-world .scene-stage>.landscape,.continuous-world .scene-stage>.foliage,.continuous-world .world-shade,.continuous-world .garden-shade,.continuous-world .cinema-environment,.continuous-world .cinema-light,.continuous-world .shop-wash,.continuous-world .shop-orbit,.continuous-world .goodnight-landscape,.continuous-world .garden-friends-static{display:none}
.continuous-world .scene-copy,.continuous-world .scene-foot,.continuous-world .cinema-heading,.continuous-world .episode-track,.continuous-world .reel-navigation,.continuous-world .shop-copy,.continuous-world .souvenir-stage,.continuous-world .shop-foot,.continuous-world .goodnight-content,.continuous-world .footer{opacity:var(--content-opacity,1)}
.continuous-world .arrival-copy{position:absolute;left:6vw;top:50%;padding:0;max-width:30vw;transform:translateY(-50%)!important}
.continuous-world .arrival-copy h2{font-size:clamp(48px,5.25vw,80px);line-height:1.02;margin-top:18px}
.continuous-world .arrival-copy h2 em{white-space:nowrap}
.continuous-world .arrival-copy .scene-description{max-width:24ch;font-size:18px;margin-top:20px}
.continuous-world .arrival-copy .eyebrow{font-size:11px;color:#ffe5a4}
.continuous-world .garden-copy{left:4vw;width:min(30vw,350px);transform:none!important}
.continuous-world .garden-copy h2{font-size:36px}
.continuous-world .garden-note{display:none}
.continuous-world .shop-scene{color:var(--cream)}
.continuous-world .shop-copy h2 em{color:#ffda75}
.continuous-world .shop-copy .chapter-dot{background:var(--gold)}
.continuous-world .shop-copy .button{background:var(--gold);color:var(--deep)}
.continuous-world .shop-copy .button:hover{background:var(--cream)}
.continuous-world .shop-foot{color:var(--cream)}
.continuous-world.motion-ready .shop-scene .scene-stage{min-height:720px}
.continuous-world .goodnight .closing-stage{padding:140px 7vw 120px}
.continuous-world.motion-ready .goodnight .closing-stage{height:auto;min-height:100svh}
.continuous-world #watch .scene-stage{overflow:clip}
@media(max-width:1100px){.continuous-world .garden-copy{width:280px}.continuous-world .garden-copy h2{font-size:30px}}
@media(min-width:601px) and (max-width:900px){
  .continuous-world .arrival-copy{max-width:35vw}
  .continuous-world .arrival-copy h2{font-size:clamp(40px,6vw,54px)}
  #journey-friends{left:2%;width:96%;bottom:30vh}
  .continuous-world .garden-copy{left:5vw;bottom:120px;width:340px}
}
@media(max-width:600px){
  .garden-friends-static{left:0;width:100%;bottom:auto;top:130px}
  .garden-landscape img{height:100%;object-fit:cover;mask-image:none}
  .journey-foliage{left:-20%;right:-20%;width:140%;opacity:.35}
  #journey-friends{left:0;bottom:49vh;width:100%;max-width:none}
  .continuous-world.motion-ready .hero{height:160svh;min-height:0}
  .continuous-world.motion-ready .world-scene{height:180svh}
  .continuous-world.motion-ready .garden-scene{height:160svh}
  .continuous-world.motion-ready .cinema-scene{height:250svh}
  .continuous-world.motion-ready .shop-scene{height:190svh}
  .continuous-world.motion-ready .goodnight{height:170svh}
  .continuous-world .hero-controls{gap:6px;justify-content:center;width:220px}
  .continuous-world .hero-controls button{padding:10px;font-size:10px;gap:6px}
  .continuous-world .arrival-copy{top:var(--opening-copy-top,55vh);left:24px;right:24px;max-width:none;transform:none!important}
  .continuous-world .arrival-copy .eyebrow{font-size:10px}
  .continuous-world .arrival-copy h2{font-size:clamp(34px,10.5vw,44px);margin-top:10px;line-height:1}
  .continuous-world .arrival-copy h2 br{display:none}
  .continuous-world .arrival-copy h2 em{display:block}
  .continuous-world .arrival-copy .scene-description{font-size:16px;max-width:30ch;line-height:1.5;margin-top:10px}
  .continuous-world .opening-link{margin-top:6px;font-size:13px;min-width:180px}
  .continuous-world .garden-copy{left:24px;right:24px;bottom:100px;width:auto}
  .continuous-world .garden-copy h2{font-size:36px}
  .continuous-world.motion-ready .shop-scene .scene-stage{min-height:1060px}
  .continuous-world .goodnight .closing-stage{padding:110px 24px 115px}
  .continuous-world .shop-foot{bottom:35px}
}
@media(max-width:600px) and (max-height:700px){
  .continuous-world .arrival-copy .eyebrow{display:none}
  .continuous-world .arrival-copy h2{font-size:32px;margin-top:0}
  .continuous-world .arrival-copy .scene-description{font-size:15px;margin-top:8px}
}
@media(max-width:600px) and (max-height:600px){.continuous-world .arrival-copy .scene-description{display:none}}

@media(max-width:360px){
  .journey-hud #motion-toggle{min-width:44px;width:44px;min-height:44px;padding:9px;font-size:0}
  .journey-hud #motion-toggle::before{font-size:18px;margin:0}
  .journey-hud #motion-toggle[aria-pressed=true]{color:#ffe5a4}
}

/* On phones the film leads, with its controls and introduction following below. */
@media(max-width:600px) and (orientation:portrait){
  .hero-caption{left:24px;right:24px;bottom:166px;max-width:none;padding:0;background:none;backdrop-filter:none;text-shadow:0 2px 20px #10244a80}
  .hero-caption>.eyebrow{display:none}
  .hero-caption h1{font-size:28px;line-height:1.08;margin:0 0 10px;max-width:290px}
  .hero-caption .enter-link{max-width:265px;min-height:44px;font-size:12px}
  .hero-shade{inset:45% 0 0;background:linear-gradient(transparent,#10244a8c 70%,#10244ac4)}
  .continuous-world .hero-controls{width:244px;gap:4px;padding:4px;min-height:54px;justify-content:center;align-items:center;border:1px solid #fff7e833;border-radius:var(--radius);background:color-mix(in oklch,var(--ink) 80%,transparent);backdrop-filter:blur(6px)}
  .continuous-world .hero-controls button{font-size:11px;gap:8px;padding:10px;min-height:44px;background:none;backdrop-filter:none;white-space:nowrap}
  .continuous-world .film-expand{flex:0 0 44px;background:none;backdrop-filter:none}
  .continuous-world .arrival-copy{top:0;transform:translate3d(0,var(--opening-copy-top,55vh),0)!important;will-change:transform}
  .continuous-world .arrival-copy h2{font-size:36px}
  .continuous-world .opening-link{margin-top:12px}
}
@media(max-width:900px) and (orientation:landscape){
  .hero{min-height:100svh}
  .hero-caption{left:5vw;bottom:100px;max-width:300px;padding:14px 18px}
  .hero-caption>.eyebrow{display:none}
  .hero-caption h1{font-size:26px;margin:0 0 10px}
  .continuous-world .arrival-copy{left:5vw;right:auto;top:50%;max-width:34vw;transform:translateY(-50%)!important}
  .continuous-world .arrival-copy h2{font-size:clamp(28px,4.5vw,40px);line-height:1.05;margin-top:12px}
  .continuous-world .arrival-copy .scene-description{font-size:14px;line-height:1.4;margin-top:12px}
  .continuous-world .opening-link{margin-top:10px;min-width:0}
  .continuous-world .hero-controls{width:auto;justify-content:center}
}

/* A quieter route through the world, with stories and products given room. */
.continuous-world.motion-ready .world-scene{height:140svh}
.continuous-world.motion-ready .garden-scene{height:120svh}
.continuous-world.motion-ready .cinema-scene{height:220svh}
.journey-nav{position:relative;isolation:isolate;gap:2px;padding:5px 8px;overflow:hidden;background:color-mix(in oklch,var(--ink) 45%,transparent);backdrop-filter:blur(6px)}
.journey-nav::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:calc(var(--journey-progress,0)*100%);background:#ffda75;opacity:.7;pointer-events:none}
.journey-nav a{width:64px;height:44px;min-width:44px;font:800 12px var(--sans);letter-spacing:0;opacity:.65}
.journey-nav a[aria-current]{color:#ffe5a4;opacity:1}
#journey-progress{display:none}
#journey-label{opacity:.7;font-size:11px;min-width:180px}
.garden-copy{background:none;backdrop-filter:none;box-shadow:none;padding:0}
.continuous-world .garden-copy{left:6vw;width:min(30vw,350px)}
.continuous-world .garden-copy h2{font-size:clamp(32px,3.2vw,48px);line-height:1.05;margin:16px 0 20px}
.garden-copy p:not(.eyebrow){font-size:17px;line-height:1.6}
.garden-copy .text-link{margin-top:18px;min-width:190px}
.friends-vessel{position:relative}
.continuous-world .friends-vessel{animation:world-float 9s ease-in-out infinite alternate}
@keyframes world-float{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-7px,0)}}

/* One prominent film screen; the next story waits just beyond it. */
.cinema-heading{display:block;align-items:initial;max-width:900px;padding:110px 6vw 0}
.cinema-heading h2{font-size:clamp(42px,5vw,70px);line-height:1.03;margin:18px 0 20px}
.cinema-description{font-size:17px;line-height:1.65;max-width:27ch;color:#fff7e8d9}
.cinema-heading .text-link{margin:22px 0 0;font-size:13px;white-space:normal;min-width:215px}
.reel-window{min-width:0}
.play-icon{display:flex;align-items:center;justify-content:center;gap:10px;width:auto;height:46px;padding:0 16px;font-size:13px}
.play-icon>span{font:800 12px var(--sans)}
.episode-caption .eyebrow{font-size:11px;letter-spacing:.1em;line-height:1.5}
.episode-caption h3{font-size:30px;line-height:1.15}
.episode-arrow{font-size:25px;flex:none}
.motion-ready .cinema-scene{--reel-window-width:calc(var(--viewport-width,100vw)*.58);--reel-card-width:min(calc(var(--viewport-width,100vw)*.55),calc((100svh - 290px)*1.7778))}
.motion-ready .cinema-heading{position:absolute;left:6vw;top:50%;transform:translateY(-50%);width:27vw;max-width:none;padding:0}
.motion-ready .cinema-heading .eyebrow{font-size:11px;letter-spacing:.12em}
.motion-ready .reel-window{position:absolute;left:38%;top:50%;transform:translateY(-50%);width:var(--reel-window-width);height:calc(var(--reel-card-width)*.5625 + 120px);overflow:clip;padding-top:8px}
.motion-ready .episode-track{width:max-content;gap:32px;padding:0 calc((var(--reel-window-width) - var(--reel-card-width))/2) 30px;align-items:start}
.motion-ready .episode-card{width:var(--reel-card-width);min-width:0;max-width:none}
.motion-ready .episode-caption{padding-top:20px}
.motion-ready .reel-navigation{position:static;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;max-width:215px}
.motion-ready .reel-navigation>span{display:block;font:700 14px var(--label);letter-spacing:.1em;color:#fff7e88c}
#reel-current{font:700 27px var(--label);color:var(--cream);letter-spacing:.02em}
.reel-navigation button{background:color-mix(in oklch,var(--ink) 45%,transparent);backdrop-filter:blur(6px)}

/* Actual shop photography, aligned labels, and one clear featured piece. */
.shop-scene .scene-stage{min-height:720px;--shop-height:max(100svh,720px);--product-main:min(32vw,calc(var(--shop-height) - 290px),400px);--product-side:min(17vw,calc((var(--shop-height) - 350px)/2),190px)}
.shop-copy{position:absolute;top:50%;left:6vw;transform:translateY(-50%);width:31vw;padding:0;pointer-events:none}
.shop-copy h2{font-size:clamp(48px,5.3vw,78px);line-height:1.01;letter-spacing:0;margin:20px 0 25px}
.shop-copy .eyebrow{font-size:11px;letter-spacing:.12em}
.shop-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;margin-bottom:28px;max-width:29ch}
.shop-note{display:block;font:700 11px/1.5 var(--label);letter-spacing:.12em;text-transform:uppercase;margin-top:24px;opacity:.7}
.shop-display{position:absolute;right:6vw;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:var(--product-main) var(--product-side);gap:22px;align-items:center}
.product-card{display:block;min-width:0;background:#fff7e8;color:var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 45px #1a103e40;outline-offset:5px;transition:box-shadow .3s var(--ease)}
.product-feature{grid-row:1/3}
.product-image{position:relative;overflow:hidden}
.product-image img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .5s var(--ease)}
.product-card:hover{box-shadow:0 22px 60px #1a103e70}
.product-card:hover .product-image img{transform:scale(1.025)}
.product-badge{position:absolute;left:16px;top:16px;padding:8px 11px;background:#fff7e8e8;border-radius:var(--radius);font:700 11px var(--label);letter-spacing:.08em;text-transform:uppercase}
.product-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px}
.product-caption strong{display:block;font:800 16px/1.25 var(--sans)}
.product-caption small{display:block;font-size:11px;line-height:1.5;margin-top:4px;opacity:.75}
.product-price{display:flex;gap:17px;align-items:center;white-space:nowrap;font-size:13px;font-weight:800}
.product-caption i{font-size:21px;font-style:normal;flex:none}
.product-companion .product-caption{padding:12px}
.product-companion .product-caption strong{font-size:12px}
.continuous-world .product-feature{transform:translate3d(0,calc((1 - var(--p))*12px),0)}
.continuous-world .product-companion{transform:translate3d(0,calc((1 - var(--p))*-8px),0)}
.shop-foot{bottom:93px;left:6vw;right:6vw;font-size:10px;letter-spacing:.1em}
.goodnight-content>p.closing-note{font:700 12px/1.6 var(--label);text-transform:uppercase;letter-spacing:.12em;color:#ffe5a4;margin-top:24px}
.goodnight-content>p:not(.eyebrow):not(.closing-note){max-width:43ch}
.closing-actions{gap:32px}
.footer{margin-top:85px}

@media(min-width:601px) and (max-width:900px){
  .motion-ready .cinema-heading{width:30vw;left:5vw}
  .cinema-heading h2{font-size:clamp(36px,5.3vw,48px)}
  .cinema-description{font-size:15px;line-height:1.55}
  .cinema-heading .text-link{min-width:0;width:100%;font-size:12px;gap:12px}
  .motion-ready .reel-navigation{gap:12px}
  .shop-copy{width:31vw;left:5vw}
  .shop-copy h2{font-size:46px}
  .shop-copy>p:not(.eyebrow){font-size:15px}
  .shop-display{right:4vw;gap:14px}
  .product-caption{padding:12px;gap:8px}
  .product-caption strong{font-size:14px}
  .product-feature .product-caption{display:block}
  .product-price{justify-content:space-between;margin-top:8px}
  .product-companion .product-caption{padding:10px}
  .product-companion .product-caption strong{font-size:11px}
  .product-caption small{font-size:10px}
}
@media(min-width:601px) and (max-width:900px) and (orientation:landscape){
  #journey-friends{width:min(65vw,calc((100svh - 190px)*1.7));left:auto;right:4vw;bottom:18vh}
  .continuous-world .garden-copy{left:5vw;width:31vw;bottom:120px}
  .continuous-world .garden-copy h2{font-size:30px}
  .garden-copy p:not(.eyebrow){font-size:15px}
}
@media(min-width:601px) and (max-width:900px) and (orientation:portrait){
  #journey-friends{width:84%;left:8%;bottom:45vh}
  .continuous-world .garden-copy{width:340px;left:6vw;bottom:120px}
}
@media(min-width:601px) and (max-height:600px){
  .cinema-heading h2{font-size:42px;margin:12px 0}
  .cinema-description{font-size:15px;line-height:1.5}
  .cinema-heading .text-link{margin-top:10px;min-height:44px}
  .motion-ready .reel-navigation{margin-top:14px}
  .episode-caption h3{font-size:24px}
  .motion-ready .episode-caption{padding-top:13px}
  .episode-caption .eyebrow{font-size:10px}
  .play-icon{left:14px;bottom:14px;height:44px;padding:0 12px;font-size:11px}
  .play-icon>span{font-size:10px}
}
@media(max-width:600px){
  .journey-hud{gap:10px;padding:13px 20px 18px}
  .journey-nav{padding:4px 6px;gap:2px}
  .journey-nav a{width:44px;height:44px;font-size:10px;min-width:44px}
  #motion-toggle{min-width:94px;font-size:10px;padding:9px 10px}
  .continuous-world .garden-copy{left:24px;right:24px;width:auto;bottom:100px}
  .continuous-world .garden-copy h2{font-size:36px}
  .garden-copy p:not(.eyebrow){font-size:17px}
  .garden-copy .text-link{margin-top:12px}
  .cinema-heading{padding:105px 24px 0}
  .cinema-heading h2{font-size:42px;max-width:none;margin:12px 0 0}
  .cinema-description{display:none}
  .cinema-heading .text-link{margin:10px 0 0;min-width:215px;font-size:13px}
  .motion-ready .cinema-scene{--reel-window-width:calc(var(--viewport-width,100vw) - 48px);--reel-card-width:var(--reel-window-width)}
  .motion-ready .cinema-heading{left:24px;right:24px;top:105px;transform:none;width:auto}
  .motion-ready .reel-navigation{margin-top:12px;max-width:none;gap:20px}
  .motion-ready .reel-window{left:24px;top:345px;transform:none;height:calc(var(--reel-card-width)*.5625 + 125px)}
  .motion-ready .episode-track{gap:24px}
  .episode-caption h3{font-size:26px;line-height:1.15}
  .episode-caption .eyebrow{font-size:10px;letter-spacing:.05em}
  .motion-ready .episode-caption{padding-top:16px;gap:15px}
  .play-icon{left:14px;bottom:14px;padding:0 12px;gap:8px}
  .play-icon>span{font-size:10px}
  .shop-scene .scene-stage{--product-main:calc((var(--viewport-width,100vw) - 64px)*.58);--product-side:calc((var(--viewport-width,100vw) - 64px)*.42);min-height:1060px}
  .shop-copy{left:24px;right:24px;top:110px;width:auto;padding:0;transform:none}
  .shop-copy h2{font-size:54px;line-height:1;margin:18px 0 22px}
  .shop-copy>p:not(.eyebrow){font-size:17px;line-height:1.55;margin-bottom:24px}
  .shop-note{font-size:10px;letter-spacing:.09em;margin-top:18px}
  .shop-display{left:24px;right:24px;top:490px;transform:none;gap:16px}
  .product-badge{top:10px;left:10px;padding:6px 8px;font-size:9px}
  .product-feature .product-caption{display:block;padding:12px}
  .product-caption strong{font-size:13px}
  .product-caption small{font-size:10px}
  .product-price{justify-content:space-between;margin-top:10px;font-size:12px}
  .product-companion .product-caption{padding:10px;gap:6px}
  .product-companion .product-caption strong{font-size:11px}
  .product-caption i{font-size:18px}
  .continuous-world .shop-foot{left:24px;right:24px;bottom:35px}
  .goodnight-content>p.closing-note{font-size:10px;letter-spacing:.08em;margin-top:20px}
  .closing-actions{gap:20px}
  .footer{margin-top:64px}
}
@media(max-width:600px) and (max-height:700px){
  .motion-ready .cinema-heading{top:95px}
  .cinema-heading h2{font-size:34px;margin-top:8px}
  .cinema-heading .text-link{display:none}
  .motion-ready .reel-navigation{margin-top:10px}
  .motion-ready .cinema-scene{--reel-card-width:min(var(--reel-window-width),calc((100svh - 430px)*1.7778))}
  .motion-ready .reel-window{top:255px}
  .episode-caption h3{font-size:22px}
}
@media(max-width:600px) and (max-height:550px){.episode-caption .eyebrow{display:none}.episode-caption h3{font-size:20px}.play-icon>span{display:none}.duration{font-size:10px;padding:4px 6px}}
@media(prefers-reduced-motion:reduce){.friends-vessel{animation:none!important}}

/* The cinema stays inside the same sky. Only a chosen story loads a player. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.episode-card:focus-visible{outline:none}
.episode-card:focus-visible .episode-screen{outline:3px solid var(--gold);outline-offset:-5px}
.story-player{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:24px;color:var(--cream);background:#140e2de8;overflow:auto;overscroll-behavior:contain}
.story-player::backdrop{background:#0d102a70}
.story-player[open]{display:flex;align-items:safe center;justify-content:center}
.player-panel{width:min(1040px,calc((100dvh - 285px)*1.7778));max-width:100%;flex:none;margin:auto}
.player-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.player-topbar>.eyebrow{color:#fff7e8bd}
.player-close{display:inline-flex;align-items:center;gap:20px;min-height:44px;background:transparent;border:1px solid #fff7e833;border-radius:var(--radius);padding:8px 14px;font-size:13px;font-weight:800;transition:background .2s,color .2s}
.player-close span{font-size:24px;font-weight:400;line-height:1}
.player-close:hover{background:var(--cream);color:var(--deep)}
.player-frame{position:relative;width:100%;aspect-ratio:16/9;min-height:202px;overflow:hidden;border:1px solid #fff7e829;border-radius:var(--radius);background:#080911;box-shadow:0 28px 100px #0006}
.player-frame iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}
.player-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}
.player-caption .eyebrow{font-size:11px;letter-spacing:.12em;color:#f9ce67}
.player-caption h2{font:700 clamp(22px,2.3vw,32px)/1.15 var(--display);margin-top:4px}
.player-youtube{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:12px;white-space:nowrap;color:#fff7e8b3;border-bottom:1px solid #fff7e833}
.player-youtube:hover{color:var(--cream);border-color:var(--cream)}
.player-youtube span{font-size:20px}
.player-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid #fff7e81f}
.player-choice{display:flex;align-items:center;gap:10px;text-align:left;min-height:48px;padding:5px;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:#fff7e89e;font-size:12px;line-height:1.35;transition:background .2s,border-color .2s,color .2s}
.player-choice img{flex:none;width:60px;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}
.player-choice:hover{background:#fff7e80a;color:var(--cream)}
.player-choice[aria-pressed="true"]{background:#f6a3130d;border-color:#f6a31366;color:var(--cream)}
.story-open .friends-vessel{animation-play-state:paused}
.motion-paused .story-player[open] .player-panel{animation:none}
@media(min-width:601px) and (min-height:600px){.story-player[open] .player-panel{animation:cinema-in .35s var(--ease) both}}
@keyframes cinema-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
  .story-player{padding:22px 16px}
  .player-panel{width:100%}
  .player-topbar{margin-bottom:18px}
  .player-topbar>.eyebrow{font-size:11px}
  .player-close{font-size:12px;gap:12px;padding-inline:12px}
  .player-caption{display:block;margin-top:20px}
  .player-caption h2{font-size:27px}
  .player-youtube{font-size:12px;margin-top:6px}
  .player-choices{gap:8px;margin-top:20px}
  .player-choice{flex-direction:column;align-items:flex-start;padding:6px;font-size:11px;gap:8px}
  .player-choice img{width:100%;aspect-ratio:16/9}
}
@media(max-height:550px) and (min-width:601px){
  .story-player{padding:16px 24px}
  .player-panel{width:min(720px,100%)}
  .player-frame{width:min(100%,calc((100dvh - 230px)*1.7778));margin-inline:auto}
  .player-topbar{margin-bottom:10px}
  .player-caption{margin-top:10px}
  .player-caption h2{font-size:22px}
  .player-choices{margin-top:14px;padding-top:10px}
  .player-choice img{width:44px}
}
@media(prefers-reduced-motion:reduce){.story-player[open] .player-panel{animation:none}.player-close,.player-choice{transition:none}}

/* A warm, private place for a family's thoughts, above the paused cinema. */
.player-panel{width:min(1040px,calc((100dvh - 320px)*1.7778))}
.player-caption-actions{display:flex;align-items:flex-end;flex-direction:column;gap:2px;flex:none}
.feedback-open{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 14px;border-radius:var(--radius);background:#fff7e816;color:var(--cream);border:1px solid #fff7e83b;font-size:12px;font-weight:800;transition:background .2s,color .2s}
.feedback-open>span{font-size:23px;line-height:1;color:#f9ce67}
.feedback-open:hover{background:var(--cream);color:var(--deep)}
.feedback-open:disabled{opacity:.6;cursor:wait}
.player-caption-actions .player-youtube{min-height:32px;font-size:11px}
.feedback-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:28px;border:1px solid #e7d9c8;border-radius:var(--radius);background:#fff9ed;color:var(--ink);box-shadow:0 30px 120px #09051b66;overscroll-behavior:contain;scrollbar-gutter:stable}
.feedback-dialog::backdrop{background:#100b28b8}
.feedback-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.feedback-top .eyebrow{color:#7e5b99;font-size:12px;letter-spacing:.15em}
.feedback-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--radius);background:#eee6de;color:var(--ink);font-size:27px;line-height:1}
.feedback-dialog h2{font:800 36px/1.08 var(--display);letter-spacing:-.025em;outline:none}
.feedback-episode{font-size:13px;font-weight:800;color:#7e5b99;margin-top:10px}
.feedback-lead{font-size:14px;line-height:1.55;margin-top:12px;color:#51607b;max-width:430px}
.feedback-reactions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0;padding:0;margin:24px 0 22px}
.feedback-reactions legend{padding:0;margin-bottom:12px;font-size:14px;font-weight:800}
.feedback-reactions button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:104px;padding:12px 5px;border:1px solid #d6cbdc;border-radius:var(--radius);background:#fffdf7;color:#54617a;font-size:13px;font-weight:800;transition:background .2s,border-color .2s,transform .2s}
.feedback-reactions svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feedback-reactions button:hover{transform:translateY(-2px);border-color:#b49cc9}
.feedback-reactions button[aria-pressed="true"]{background:#fce5a8;border-color:#d5a64b;color:#513a0e;box-shadow:inset 0 0 0 1px #d5a64b}
.feedback-field{display:block;font-size:14px;font-weight:800}
.feedback-field>span{font-size:11px;font-weight:600;color:#69748a;margin-left:6px}
.feedback-field textarea{display:block;width:100%;resize:vertical;min-height:90px;max-height:240px;margin-top:8px;padding:12px 14px;border:1px solid #cfcbd6;border-radius:var(--radius);background:#fffdf8;color:var(--ink);font:600 14px/1.5 var(--sans)}
.feedback-field textarea::placeholder{color:#7a8293}
.feedback-field textarea:focus-visible{outline:2px solid #a180b7;outline-offset:2px}
.feedback-voice{margin-top:18px;padding:16px;background:#eee8f5;border:1px solid #d9cfe3;border-radius:var(--radius)}
.feedback-voice-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:800;margin-bottom:12px}
.feedback-voice-title>span{font-size:10px;font-weight:600;color:#65718a;white-space:nowrap}
.feedback-dialog .recorder{font-size:13px;color:var(--ink)}
.feedback-dialog .recorder-heading{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}
.feedback-dialog .record-label{flex:1}
.feedback-dialog .record-dot{width:7px;height:7px;flex:none;border-radius:var(--radius);background:#9a77ad}
.feedback-dialog .recorder[data-state="recording"] .record-dot{background:#c94a40}
.feedback-dialog .record-actions{margin-top:12px}
.feedback-dialog .recorder button{min-height:44px;padding:10px 14px;background:#fffaf1;color:var(--ink);border:1px solid #cbbbd8;border-radius:var(--radius);font-size:12px;font-weight:800}
.feedback-dialog .recorder button:disabled{opacity:.45;cursor:default}
.feedback-dialog .recorder .record-button{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.feedback-dialog .recorder .record-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.feedback-dialog .recorder .record-status{font-size:12px;line-height:1.45;margin-top:10px;color:#536078}
.feedback-dialog .recorder .record-time{font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}
.feedback-dialog .recorder audio{display:block;width:100%;margin:12px 0 8px;height:40px}
.feedback-privacy{font-size:11px;line-height:1.55;color:#68738a;margin-top:12px}
.feedback-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;margin-top:20px;padding-block:5px;cursor:pointer}
.feedback-consent input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--ink)}
.feedback-error{padding:12px 14px;margin-top:12px;border-radius:var(--radius);background:#fbe4dc;color:#8d352e;font-size:13px;line-height:1.5}
.feedback-playback-note{font-size:11px;line-height:1.5;color:#68738a;margin-top:12px}
.feedback-submit{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:50px;margin-top:18px;padding:12px 18px;border-radius:var(--radius);background:var(--ink);color:var(--cream);font-size:14px;font-weight:800}
.feedback-submit:hover{background:#2b4377}
.feedback-submit:disabled{opacity:.6;cursor:wait}
.feedback-submit>span{font-size:22px}
.feedback-success{padding-block:12px;outline:none}
.feedback-success[hidden],.feedback-dialog [hidden]{display:none!important}
.feedback-thanks-mark{display:block;color:#bd8525;font-size:54px;line-height:1.4;margin-top:4px}
.feedback-success h3{font:800 36px/1.12 var(--display);letter-spacing:-.025em}
.feedback-success p{margin:16px 0 24px;font-size:14px;line-height:1.6;color:#51607b}
.feedback-create{display:block;padding:18px 0 2px;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){
  .player-panel{width:100%}
  .player-caption-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:8px 14px;margin-top:12px}
  .player-caption-actions .player-youtube{min-height:44px;margin-top:0}
  .feedback-dialog{padding:20px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
  .feedback-dialog h2{font-size:31px}
  .feedback-reactions{gap:8px;margin-top:20px}
  .feedback-reactions button{min-height:96px;font-size:12px}
  .feedback-voice{padding:14px}
  .feedback-voice-title{align-items:flex-start;flex-direction:column;gap:3px}
}
@media(max-height:550px) and (min-width:601px){.player-panel{width:min(720px,100%)}.player-caption-actions{flex-direction:row;align-items:center}.player-caption-actions .player-youtube{min-height:44px}}
@media(prefers-reduced-motion:reduce){.feedback-open,.feedback-reactions button{transition:none}.feedback-reactions button:hover{transform:none}}

/* One optional response method at a time keeps the invitation comfortably short. */
.feedback-dialog{padding:20px 24px}
.feedback-dialog .feedback-top{position:sticky;top:-20px;z-index:2;padding:8px 0;margin-top:-8px;margin-bottom:8px;background:#fff9ed}
.feedback-dialog h2{font-size:34px}
.feedback-dialog .feedback-episode{margin-top:6px;font-size:12px}
.feedback-dialog .feedback-lead{margin-top:8px;font-size:13px}
.feedback-dialog .feedback-reactions{margin:16px 0}
.feedback-dialog .feedback-reactions legend{margin-bottom:10px;font-size:13px}
.feedback-dialog .feedback-reactions button{min-height:86px;padding:8px 5px;gap:6px}
.feedback-dialog .feedback-reactions svg{width:37px;height:37px}
.feedback-method{display:flex;gap:6px;margin-bottom:8px;padding:4px;border:1px solid #d9cfe3;border-radius:var(--radius);background:#eee8f5}
.feedback-method button{flex:1;min-height:40px;padding:7px 10px;background:transparent;color:#68738a;border-radius:var(--radius);font-size:12px;font-weight:800}
.feedback-method button[aria-selected="true"]{background:#fffdf8;color:var(--ink);box-shadow:0 1px 5px #10244a0c}
.feedback-dialog .feedback-field textarea{min-height:80px;height:80px;margin-top:0;padding:10px 12px;font-size:13px}
.feedback-dialog .feedback-voice{margin-top:0;padding:12px 14px}
.feedback-dialog .feedback-voice .record-label{display:none}
.feedback-dialog .feedback-voice .recorder-heading{justify-content:flex-end;float:right;margin-left:12px}
.feedback-dialog .feedback-voice .record-dot{display:none}
.feedback-dialog .feedback-voice .record-status{margin-top:0;font-size:11px;line-height:1.45}
.feedback-dialog .feedback-voice .record-actions{clear:both;margin-top:10px}
.feedback-dialog .feedback-privacy{font-size:11px;line-height:1.5;margin-top:10px}
.feedback-dialog .feedback-consent{margin-top:14px;font-size:12px;line-height:1.5}
.feedback-dialog .feedback-submit{min-height:48px;margin-top:14px;padding:10px 16px}
@media(max-width:600px){.feedback-dialog{padding:16px 18px}.feedback-dialog .feedback-top{top:-16px}.feedback-dialog h2{font-size:30px}.feedback-method button{font-size:11px;padding-inline:5px}.feedback-dialog .feedback-reactions button{min-height:84px}}

/* The cinema opens into an episode-specific sketchbook, without covering the film. */
.story-player .player-panel{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"topbar topbar" "film activity" "caption activity" "choices activity";column-gap:28px;align-items:start;width:min(1280px,calc((100dvh - 274px)*1.7778 + 308px))}
.story-player .player-topbar{grid-area:topbar}
.story-player .player-frame{grid-area:film;width:100%;margin:0}
.story-player .player-caption{grid-area:caption;flex-wrap:wrap;gap:12px 18px}
.story-player .player-choices{grid-area:choices}
.player-activity{grid-area:activity;min-width:0;align-self:start;padding:22px 20px 18px;border:1px solid #f6d79a54;border-radius:var(--radius);background:#fff7e8;color:var(--ink);box-shadow:0 16px 60px #06091e35;transition:box-shadow .35s,border-color .35s}
.player-activity>.eyebrow{font-size:10px;letter-spacing:.12em;color:#8b6234}
.player-activity h3{font:800 33px/1.04 var(--display);letter-spacing:-.025em;margin:14px 0 10px;max-width:11ch}
.player-activity-intro{font-size:12px;line-height:1.55;color:#58607a;max-width:30ch}
.player-colour-invitation{display:block;margin-top:19px;border:1px solid #d9c9b3;border-radius:var(--radius);background:#fffdf7;overflow:hidden;transition:border-color .2s,background .2s}
.player-colour-paper{display:block;padding:8px 16px;background:white}
.player-colour-paper img{display:block;width:100%;height:112px;object-fit:contain}
.player-activity-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#f8e6b9}
.player-activity-label strong,.player-activity-link strong{display:block;font-size:13px;line-height:1.4;font-weight:900}
.player-activity-label small,.player-activity-link small{display:block;margin-top:3px;font-size:11px;line-height:1.45;color:#5e6474}
.player-activity-label>span:last-child{font-size:21px}
.player-activity-link{display:flex;align-items:center;gap:10px;min-height:65px;padding:12px 0;border-bottom:1px solid #dcd0bf;transition:color .2s}
.player-activity-link>span:first-child{width:24px;flex:none;color:#ae6e43;font-size:23px}
.player-activity-link>span:nth-child(2){flex:1;min-width:0}
.player-activity-link>span:last-child{font-size:20px}
.player-activity-note{font-size:10px;line-height:1.6;color:#696a70;margin-top:15px}
.player-activity [hidden]{display:none!important}
.player-colour-invitation:hover{border-color:#b48a4b;background:#f9efdb}
.player-activity-link:hover{color:#a34831}
.player-activity a:focus-visible{outline:3px solid #0f7daf;outline-offset:4px}
.player-activity.is-invited{border-color:#f6c76e;box-shadow:0 0 0 4px #f6a31326,0 16px 60px #06091e35}
.player-activity.is-invited h3{font-size:30px;max-width:13ch}
@media(max-width:1100px){
  .story-player .player-caption-actions{flex-direction:row;align-items:center;gap:14px;flex-wrap:wrap}
  .story-player .player-caption-actions .player-youtube{min-height:44px}
}
@media(max-width:900px){
  .story-player .player-panel{width:min(720px,100%);grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar" "film" "caption" "activity" "choices"}
  .player-activity{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0 22px;padding:22px;margin-top:24px}
  .player-activity>.eyebrow{grid-column:1/-1;margin-bottom:8px}
  .player-activity h3{grid-column:1;grid-row:2;font-size:34px;max-width:10ch;margin:12px 0}
  .player-activity-intro{grid-column:1;grid-row:3;align-self:start}
  .player-colour-invitation{grid-column:2;grid-row:2/4;margin:8px 0 6px}
  .player-activity-link{grid-column:1/-1;min-height:68px}
  .player-activity-note{grid-column:1/-1;margin-top:13px}
  .player-colour-paper img{height:112px}
  .player-activity.is-invited h3{font-size:29px}
}
@media(max-width:600px){
  .story-player .player-panel{width:100%}
  .story-player .player-frame{min-height:202px}
  .story-player .player-caption{margin-top:18px}
  .story-player .player-caption-actions{gap:8px 14px;margin-top:12px}
  .player-activity{padding:18px 16px;column-gap:14px}
  .player-activity h3{font-size:30px}
  .player-activity-intro{font-size:11px}
  .player-colour-paper{padding:8px}
  .player-colour-paper img{height:96px}
  .player-activity-label{padding:10px;gap:5px}
  .player-activity-label strong{font-size:12px}
  .player-activity-label small{font-size:10px}
  .player-activity-label>span:last-child{font-size:18px}
  .player-activity.is-invited h3{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.player-activity,.player-colour-invitation,.player-activity-link{transition:none}}