@import url('fonts.css');
:root{color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;background:#0b1f4d;color:#f8f8fa;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#0b1f4d}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #ff80c0;outline-offset:5px}button:hover{color:#ff80c0}[hidden]{display:none!important}
#illustration{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:rgb(var(--sky,11 31 77));z-index:0}
#illustration .botanical-scene{position:relative;z-index:1;width:100%;height:100%;display:block;overflow:visible;will-change:transform,opacity}
#illustration .color-field{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
#opening{position:fixed;inset:0;z-index:2;pointer-events:none}
.story-copy{position:absolute;top:10%;left:7%;right:7%;text-align:center;margin:auto;max-width:1160px}
.story-copy p{display:inline-block;max-width:100%;font-family:Manrope,Arial,sans-serif;font-size:clamp(38px,4.8vw,72px);line-height:1.18;letter-spacing:-1.4px;margin:0;text-wrap:balance;font-weight:500;color:#f8f8fa}
@supports (background-clip:text) or (-webkit-background-clip:text){.story-copy p{background-image:linear-gradient(90deg,#ff80c0 0%,#ff80c0 calc(var(--reading-color,0%) - 8%),#f8f8fa var(--reading-color,0%),#f8f8fa 100%);background-clip:text;-webkit-background-clip:text;color:transparent}}
.story-copy cite{font-style:normal;display:block;margin-top:24px;font-size:15px;line-height:1.5;letter-spacing:1.2px;color:#d2daeb}
.film-controls{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:5%;right:5%;z-index:5;display:flex;justify-content:space-between;align-items:center;color:#b5bdcd;font-size:11px}.film-controls>div{display:flex;gap:25px}.film-controls button{border:0;background:none;padding:10px 0;min-height:44px;min-width:44px;transition:color .2s}.film-controls button[aria-pressed=true]{color:#f8f8fa}
#arrival{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(12px,2vh,22px);padding:clamp(24px,4.4vh,48px) 5% 76px;pointer-events:none;overflow:clip;will-change:opacity}#arrival button{pointer-events:auto}
.brand-slot{width:min(clamp(360px,37vw,540px),60dvh);aspect-ratio:4;flex:none;transform:translateX(7.5%)}
.arrival-copy{width:100%;max-width:1440px;text-align:center;will-change:transform}
h1{font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:min(clamp(66px,7.4vw,124px),15.5dvh);line-height:1.03;letter-spacing:-.055em;text-transform:uppercase;margin:0;text-wrap:balance}
h1 em{display:block;font-style:normal;color:#ff80c0}
.tagline{font-size:clamp(19px,1.55vw,25px);font-weight:400;line-height:1.55;letter-spacing:-.25px;color:#c5d0e7;margin:clamp(16px,2.9vh,26px) 0 0;text-wrap:balance}.mobile-break{display:none}
body.is-opening #arrival{visibility:visible;opacity:0;pointer-events:none}body.is-opening #illustration{--sky:8 9 13}body.is-opening.is-handoff #arrival{visibility:visible}body.arrived #arrival{opacity:1}
.brand-stage{position:fixed;left:var(--brand-home-x,calc(50% - 200px));top:var(--brand-home-y,22vh);width:var(--brand-render-width,540px);opacity:var(--brand-opacity,1);transform:var(--brand-transform,none);transform-origin:0 0;z-index:3;pointer-events:none;will-change:transform,opacity}.brand-stage .brand{width:100%;height:auto;display:block}
#replay{position:absolute;right:5%;bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 0;border:0;background:none;color:#b8c5e0;font-size:12px;opacity:0;transition:opacity .7s,color .2s}#replay span{font-size:19px}#replay:hover{color:#ff80c0}body.arrived #replay{opacity:1}
html.preparing #arrival,html.preparing .brand-stage{visibility:hidden}html.preparing #illustration{--sky:8 9 13}
@media(max-width:767px){
 #arrival{padding:28px 7% 76px;gap:20px}.brand-slot{width:min(82vw,400px)}
 h1{font-size:clamp(40px,10.6vw,72px);line-height:1.04;letter-spacing:-.055em}.tagline{font-size:18px;line-height:1.5;margin-top:22px}.mobile-break{display:block}
 .story-copy{top:9%;left:7%;right:7%;max-width:640px}.story-copy p{font-size:clamp(36px,9.75vw,44px);letter-spacing:-1px;line-height:1.18}.story-copy cite{font-size:14px;margin-top:20px}
 .film-controls{left:7%;right:7%;font-size:10px}.film-controls>div{gap:19px}#replay{right:7%;bottom:max(14px,env(safe-area-inset-bottom))}
}
@media(max-width:767px) and (max-height:740px){#arrival{padding-top:20px;padding-bottom:74px;gap:16px}.brand-slot{width:min(79vw,320px)}h1{font-size:clamp(38px,10.6vw,58px)}.tagline{font-size:16px;margin-top:20px}.story-copy p{font-size:36px}}
@media(max-height:520px) and (orientation:landscape){#arrival{padding:24px 6% 64px;gap:14px}.brand-slot{width:240px}h1{font-size:clamp(32px,5.4vw,54px);line-height:1.02}.tagline{font-size:15px;margin-top:12px}.mobile-break{display:none}.story-copy{top:8%}.story-copy p{font-size:36px}.story-copy cite{font-size:13px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){button,#replay{transition:none}}