:root{--sage: #b9cfb8;--leaf-light: #e5eedf;color-scheme:dark;background:#000;font-family:sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}.experience{position:relative;isolation:isolate;width:100%;height:100svh;height:var(--viewport-height, 100dvh);display:grid;place-items:center;overflow:hidden;background:#000}.world{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 45% 38%,#eee4ed80,transparent 65%),linear-gradient(#b8c7df,#c9c8de 50%,#e3dbe4)}.film-poster,.particles,.transformation-video{position:absolute;inset:0;width:100%;height:100%}.particles{touch-action:none;cursor:default;z-index:1}.particles canvas{display:block;pointer-events:none}.particles.wand-active{cursor:none}.magic-wand{position:absolute;left:0;top:0;height:auto;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;will-change:transform}.magic-wand[hidden],.transformation-video[hidden]{display:none}.film-poster,.transformation-video{object-fit:cover;object-position:center;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.story-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:5%;overflow-y:auto;color:#fff7ed;text-align:center;background:radial-gradient(ellipse at center,#292b354d,#171a247d);animation:story-arrive 1s ease both;cursor:default}.story-card{width:min(100%,650px);min-width:0;display:flex;flex-direction:column;align-items:center;font-kerning:normal}.story-mark{font-size:clamp(18px,2vw,26px);line-height:1;color:var(--sage);margin-bottom:12px}.story-eyebrow{font-size:clamp(9px,.8vw,11px);line-height:1.4;letter-spacing:.12em;margin:0 0 12px}.story-heading{width:100%;display:grid;gap:clamp(6px,.7vw,10px)}.story-card h1{margin:0;font-family:Great Vibes,cursive;font-style:normal;font-weight:400;font-size:clamp(26px,min(5.5vw,10vh),76px);line-height:1.18;letter-spacing:normal;font-variant-ligatures:common-ligatures contextual;text-wrap:balance}.story-line{margin:0 auto;max-width:46ch;font-family:inherit;font-style:normal;font-size:clamp(11px,1.05vw,15px);font-weight:400;line-height:1.45;letter-spacing:normal;color:#e2e6df;text-wrap:balance}.story-button{color:var(--leaf-light);background:#355a4766;border:1px solid #b9cfb870;border-radius:999px;padding:11px 24px;margin:clamp(16px,1.6vw,22px) 0 0;font-family:inherit;font-size:clamp(10px,.95vw,13px);font-weight:400;line-height:1.3;letter-spacing:normal;cursor:pointer;transition:background .2s,border-color .2s}.story-button:hover{background:#486c5380;border-color:var(--sage)}.story-button:focus-visible{outline:2px solid var(--sage);outline-offset:5px}.story-button:disabled{cursor:default;opacity:.55}.story-button>span{display:inline-block;margin-left:4px}.story-overlay--ending{background:radial-gradient(ellipse at center,#20232d99,#151922b8)}.story-overlay--ending .story-card{width:min(100%,720px)}.story-overlay--ending h1{font-size:clamp(24px,min(4.5vw,8vh),60px);color:#fffaf2}.story-count{margin:clamp(14px,1.5vw,20px) 0 0;display:flex;flex-direction:column;align-items:center;gap:3px}.story-count strong{margin:0;font:400 clamp(18px,min(3vw,5vh),34px) / 1.1 sans-serif;font-variant-numeric:tabular-nums;color:var(--leaf-light)}.story-count span{font:400 clamp(10px,.9vw,12px) / 1.35 sans-serif;letter-spacing:normal;color:#d5e1d2}@keyframes story-arrive{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.story-overlay{animation:none}}.interaction-hint{position:absolute;top:clamp(10px,2vw,24px);left:clamp(12px,2vw,24px);z-index:2;color:#e1e3df80;pointer-events:none;-webkit-user-select:none;user-select:none;animation:story-arrive .8s ease both}.interaction-hint p{margin:0;font-size:clamp(9px,.75vw,11px);line-height:1.5;letter-spacing:.02em}.interaction-hint small{display:block;font-size:.9em;color:#e1e3df66}@media(prefers-reduced-motion:reduce){.interaction-hint{animation:none}}.creator-credit{position:absolute;right:clamp(10px,2vw,24px);bottom:clamp(8px,1.5vw,18px);z-index:4;display:flex;align-items:center;gap:3px;color:#ffffff80;font-size:clamp(9px,.7vw,11px);font-weight:400;letter-spacing:.015em;text-shadow:none;pointer-events:none}.creator-socials{display:flex;align-items:center;gap:0}.creator-social{display:inline-flex;align-items:center;justify-content:center;width:22px;height:26px;color:inherit;opacity:.85}.creator-social svg{display:block;width:14px;height:14px}a.creator-social{pointer-events:auto;cursor:pointer;transition:opacity .2s,color .2s}a.creator-social:hover{opacity:1;color:#ffffffc4}a.creator-social:focus-visible{outline:1px solid #fff;outline-offset:1px;border-radius:4px}.creator-controls{display:flex;align-items:center;gap:7px;margin-left:6px}.creator-controls:before{content:"";width:1px;height:12px;background:#ffffff26}.sound-toggle{display:grid;place-items:center;width:36px;height:44px;padding:10px;border:0;background:transparent;color:inherit;cursor:pointer;pointer-events:auto}.sound-toggle svg{width:15px;height:15px}.sound-toggle:hover{color:#ffffffc4}.sound-toggle:focus-visible{outline:1px solid var(--sage);outline-offset:-5px;border-radius:50%}@media(orientation:portrait){.experience{overflow-y:auto;overflow-x:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;justify-items:stretch;background:radial-gradient(ellipse at 50% 45%,#252a32,#12191c 75%);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.world{grid-column:1;grid-row:2;width:100%;height:auto;aspect-ratio:16 / 9}.story-overlay,.story-overlay--ending{position:relative;grid-column:1;grid-row:1;inset:auto;background:none;padding:24px 20px;overflow:visible;align-items:end}.story-card{width:100%;max-width:620px;margin-inline:auto}.story-card h1{font-size:clamp(26px,8vw,58px)}.story-eyebrow{font-size:9px}.story-line{font-size:clamp(11px,2.8vw,14px)}.story-button{min-height:44px;font-size:12px;padding:10px 22px;margin-top:18px}.interaction-hint{position:relative;inset:auto;grid-column:1;grid-row:3;justify-self:center;align-self:start;margin:20px 16px 0;text-align:center}.interaction-hint p{font-size:11px}.creator-credit{position:relative;inset:auto;grid-column:1;grid-row:3;align-self:end;justify-self:center;margin:0 12px 12px;font-size:10px}.creator-social{width:24px;height:44px}}@media(orientation:landscape)and (max-height:480px){.story-card h1{font-size:clamp(26px,8vh,46px)}.story-overlay--ending h1{font-size:clamp(24px,7vh,40px)}.story-overlay{padding:12px 70px}.story-line{font-size:13px}.story-button{min-height:44px;margin-top:12px}.creator-credit{right:max(12px,env(safe-area-inset-right));bottom:max(4px,env(safe-area-inset-bottom))}.interaction-hint{left:max(12px,env(safe-area-inset-left))}}.experience--intro .story-overlay,.experience--ending .story-overlay{position:absolute;inset:0;grid-area:auto;place-items:center;overflow-y:auto;background:radial-gradient(ellipse at center,#292b354d,#171a247d)}.experience--ending .story-overlay{background:radial-gradient(ellipse at center,#20232d99,#151922b8)}@media(max-width:600px),(pointer:coarse)and (max-height:480px){.story-card h1{font-size:clamp(22px,6vw,32px)}.story-heading{gap:6px}.story-eyebrow{margin-bottom:10px}.story-mark{display:none}.story-count{margin-top:14px}.story-overlay--ending h1{font-size:clamp(20px,5.5vw,30px)}.story-line{font-size:clamp(11px,2.6vw,12px)}.story-overlay--ending .story-count strong{font-size:clamp(18px,5vw,24px)}.story-overlay--ending .story-count span{font-size:10px}.story-overlay .story-button{position:relative;min-height:30px;padding:7px 16px;font-size:10px;letter-spacing:normal}.story-button:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}}