:root{color-scheme:dark;--night:#15111b;--night-soft:#1d1725;--night-card:#241c2c;--cream:#f7efe2;--muted:#b5aab9;--purple:#946fda;--purple-light:#c3a9ff;--amber:#f6b640;--amber-light:#ffdb8c;--coral:#ff5d73;--lime:#caff43;--line:rgba(255,243,230,.16);--display:"Unbounded",sans-serif;--body:"Manrope",sans-serif;--mono:"DM Mono",monospace;--wrap:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--night);color:var(--cream);font-family:var(--body);overflow-x:hidden}a{color:inherit}button{font:inherit}::selection{background:var(--amber);color:var(--night)}:focus-visible{outline:3px solid var(--amber-light);outline-offset:4px}.masthead{height:70px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--wrap))/2));background:rgba(21,17,27,.95);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font:700 13px var(--display);letter-spacing:-.05em}.brand-crown{color:var(--amber);font-size:20px;line-height:1}.brand-period{color:var(--amber)}.masthead-caption,.hero-overline,.hero-signoff,.hero-edge,.poster-caption-small,.section-overline,.story-stop h3,.story-index,.story-closer,.stage-top,.stage-caption,.player-note,.scene-line,.replay-scene,.final-side,.final-mark,.final-copy small,.footer>span,.footer>a:last-child,.option-label{font-family:var(--mono);letter-spacing:.085em}.masthead-caption{font-size:8px;color:#9e92a3}.version-switch{display:flex;align-items:center;gap:10px;text-decoration:none;font:8px var(--mono);letter-spacing:.08em}.version-switch>a{border:1px solid #625775;padding:8px 9px;text-decoration:none;color:#d2c4e1}.version-switch>span{color:var(--amber-light)}.version-switch:not(:has(a)){border:1px solid #625775;padding:8px 10px;color:var(--amber-light)}.poster-hero{min-height:min(810px,calc(100svh - 70px));max-width:1600px;margin:auto;padding:54px max(7vw,32px) 70px;display:grid;grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);align-items:center;gap:5vw;position:relative;isolation:isolate;overflow:hidden}.poster-hero:after{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 76% 44%,#50306c80 0,transparent 39%),radial-gradient(ellipse at 12% 20%,#d2952f1b 0,transparent 29%),linear-gradient(120deg,#191320,#17111f 54%,#21162b)}.poster-lights{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 24% 73% at 80% 20%,#f4ae3820,transparent 75%);animation:light-shift 8s ease-in-out infinite alternate}.poster-copy{position:relative;z-index:3;max-width:620px}.hero-overline{display:flex;align-items:center;gap:9px;color:var(--amber-light);font-size:9px}.hero-overline i,.stage-top i{width:7px;height:7px;border-radius:50%;background:var(--amber);display:inline-block;box-shadow:0 0 15px #f6b640}.poster-copy h1{margin:25px 0 20px;font:700 clamp(48px,6.2vw,82px)/1.12 var(--display);letter-spacing:-.055em}.poster-copy h1 span{display:inline-block;color:var(--amber);font-size:1.19em;letter-spacing:-.065em;text-shadow:0 4px 0 #965318,0 10px 32px #f5a51b42;transform:rotate(-2deg);transform-origin:left center}.hero-lead{max-width:420px;color:#d0c5d4;font-size:14px;line-height:1.85;margin:0 0 27px}.cta{min-height:53px;display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:0 18px;text-decoration:none;font-size:11px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}.cta:hover{transform:translateY(-3px)}.cta-gold{background:var(--amber);color:#291b13;box-shadow:0 7px 23px #f6b64025}.cta-gold:hover{box-shadow:0 11px 30px #f6b64045}.cta span{font-size:17px}.hero-signoff{margin:27px 0 0;color:#94899a;font-size:8px}.poster-visual{position:relative;height:min(630px,70vw);min-height:470px;max-height:650px;display:flex;align-items:center;justify-content:center;perspective:1000px}.vinyl-disc{width:min(94%,590px);aspect-ratio:1;position:absolute;right:0;top:6%;border-radius:50%;background:repeating-radial-gradient(circle at center,#15131b 0 3px,#29252d 4px 5px,#17141b 6px 8px);box-shadow:0 24px 65px #0009,inset -22px -4px 32px #0008,inset 10px 5px 30px #ffffff15;transform:rotate(-9deg);animation:vinyl-turn 26s linear infinite}.vinyl-disc:before{content:"";position:absolute;inset:16%;border:1px solid #ffffff14;border-radius:50%}.vinyl-disc:after{content:"";position:absolute;top:0;bottom:0;left:49%;width:17%;background:linear-gradient(90deg,transparent,#fff2,transparent);transform:rotate(32deg);opacity:.8}.vinyl-label{position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle at 36% 34%,#c9a8ff,#7050ae 75%);display:grid;align-content:center;justify-items:center;text-align:center;color:#201728;font:9px var(--mono);line-height:1.5;letter-spacing:.08em;box-shadow:inset 0 0 0 1px #fff4}.vinyl-label b{font-size:18px;line-height:1.1}.poster-photo{position:relative;z-index:2;width:min(72%,420px);aspect-ratio:.78;overflow:hidden;border:1px solid #ffe0a15c;background:#15121a;box-shadow:0 28px 70px #09060da6;transform:rotate(2deg) translate(-3%,2%);animation:poster-arrive .9s cubic-bezier(.16,1,.3,1) both}.poster-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#170f1a16 25%,#170f1acc 100%);pointer-events:none}.poster-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:56% 38%;filter:saturate(.89) contrast(1.05)}.photo-kicker,.photo-title,.photo-seal{position:absolute;z-index:1}.photo-kicker{top:16px;left:15px;color:#ffe3ae;font:8px/1.55 var(--mono);letter-spacing:.1em}.photo-title{bottom:20px;left:15px;font:700 clamp(16px,2vw,23px)/1.14 var(--display);letter-spacing:-.04em;text-shadow:0 3px 18px #000}.photo-seal{right:13px;bottom:18px;width:48px;height:48px;border:1px solid var(--amber-light);border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--amber-light);font:9px/1.15 var(--mono);transform:rotate(11deg)}.poster-tape{position:absolute;z-index:4;top:8%;left:14%;width:94px;height:21px;background:#efc98195;transform:rotate(-27deg);mix-blend-mode:screen}.poster-tape:after{content:"";position:absolute;inset:3px;background:repeating-linear-gradient(90deg,transparent 0 7px,#f9e3b53d 8px 9px)}.visual-note{position:absolute;z-index:3;color:var(--amber);font-size:39px;text-shadow:0 0 24px #f6b64059;animation:note-float 3.8s ease-in-out infinite}.note-top{right:9%;top:12%}.note-bottom{left:5%;bottom:19%;color:var(--purple-light);animation-delay:-2s}.poster-caption-small{position:absolute;right:2%;bottom:1%;color:#8c8193;font-size:7px}.hero-edge{position:absolute;right:13px;top:40%;writing-mode:vertical-rl;font-size:7px;color:#756b7c}.story-section{padding:94px max(25px,calc((100vw - 1160px)/2)) 66px;background:#211927;position:relative;overflow:hidden}.story-section:before{content:"";position:absolute;right:-17%;top:-30%;width:47vw;height:47vw;border-radius:50%;background:radial-gradient(circle,#8461bc18,transparent 70%);pointer-events:none}.section-lede{display:grid;grid-template-columns:.8fr 1.2fr;align-items:end;gap:9%;margin-bottom:71px}.section-lede p{max-width:330px;color:#c0b5c4;font-size:13px;line-height:1.8;margin:0}.section-lede h2,.player-heading h2,.arrival-heading h2,.final-copy h2{font:650 clamp(38px,5.1vw,64px)/1.16 var(--display);letter-spacing:-.052em;margin:0}.section-lede em,.player-heading h2 em,.arrival-heading h2 em,.final-copy h2 em{font-style:normal;color:var(--amber)}.story-line{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px}.story-rule{position:absolute;left:5%;right:5%;top:32px;height:2px;background:linear-gradient(90deg,#7156a6,#9a73df 52%,var(--amber));opacity:.8}.story-rule:after{content:"";position:absolute;inset:-5px 0;background:linear-gradient(90deg,transparent,#c1a5ff99,transparent);filter:blur(6px)}.story-rule span{position:absolute;top:-4px;width:10px;height:10px;background:var(--amber);border-radius:50%;box-shadow:0 0 12px #f6b640}.story-rule span:nth-child(1){left:0}.story-rule span:nth-child(2){left:25%}.story-rule span:nth-child(3){left:50%}.story-rule span:nth-child(4){left:75%}.story-rule span:nth-child(5){right:0}.story-stop{position:relative;padding-top:0}.story-index{width:20px;height:20px;position:absolute;top:23px;left:18px;z-index:1;display:grid;place-items:center;background:var(--night-soft);color:var(--amber);border:1px solid #8c73b7;border-radius:50%;font-size:8px}.story-symbol{height:93px;width:82px;position:relative;display:flex;align-items:end;justify-content:center;margin:0 0 18px 2px}.folders i{position:absolute;bottom:8px;width:52px;height:37px;background:#7155aa;border:1px solid #b6a1de;border-radius:3px;transform:rotate(-6deg)}.folders i:first-child{bottom:42px;left:11px;width:27px;height:13px;transform:none;border-bottom:0;background:#7155aa}.folders i:nth-child(2){transform:rotate(-11deg);background:#8a70bd}.folders i:last-child{transform:rotate(5deg);background:#aa8bde}.file-symbol{width:65px;height:72px;margin-left:9px;background:linear-gradient(140deg,#8866c7,#523974);border:1px solid #ccb3ff;display:grid;align-content:center;justify-items:center;box-shadow:0 11px 21px #100b1844;transform:rotate(-6deg)}.file-symbol:after{content:"";position:absolute;right:-1px;top:-1px;border-top:17px solid #d5c0fa;border-left:17px solid transparent}.file-symbol b{font:700 11px var(--mono);color:#fff2d5}.file-symbol i{font-style:normal;font-size:16px;color:var(--amber);margin-top:2px}.sleeve-symbol{width:67px;height:73px;margin-left:8px;background:#483453;border:1px solid #c5aaef;transform:rotate(4deg);box-shadow:0 11px 21px #100b1844}.sleeve-symbol:before{content:"";position:absolute;inset:6px;background:linear-gradient(140deg,#e9a34d,#693d62)}.sleeve-symbol i{position:absolute;z-index:1;left:18px;top:15px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#221b27 0 2px,#4d4156 3px 4px);font-style:normal;color:var(--amber)}.sleeve-symbol b{position:absolute;bottom:8px;left:9px;z-index:2;font:8px var(--mono);color:#fff1d1}.idea-symbol{align-items:center;color:var(--amber);font:700 45px var(--display);transform:rotate(-8deg);text-shadow:0 8px 21px #f6b64028}.home-symbol{align-items:center;width:78px;height:63px;margin:16px 0 14px;background:linear-gradient(145deg,#805cbb,#463158);clip-path:polygon(0 35%,50% 0,100% 35%,100% 100%,0 100%);box-shadow:0 10px 20px #120c18}.home-symbol b{font-size:47px;color:#f4d095;line-height:1}.home-symbol i{position:absolute;z-index:1;left:32px;top:31px;font-style:normal;color:#281e33;font-size:14px}.story-stop h3{font-size:9px;color:var(--amber-light);margin:0 0 9px}.story-stop p{font-size:10px;line-height:1.7;color:#b9aebf;margin:0}.story-last h3{color:#ead0ff}.story-closer{margin:43px 0 0;padding-top:15px;border-top:1px solid #ffffff14;color:#a397aa;font-size:8px}.story-closer span{color:var(--amber);font-size:15px;margin-right:6px}.player-section{padding:100px max(25px,calc((100vw - 1160px)/2));background:radial-gradient(ellipse at 18% 40%,#5c43821b,transparent 38%),var(--night)}.player-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:35px}.section-overline{font-size:8px;color:var(--amber-light);margin:0 0 14px}.player-heading h2{font-size:clamp(38px,4.8vw,59px)}.player-heading h2 em{color:var(--purple-light)}.player-heading>p{max-width:355px;margin:0 0 4px;color:#c1b7c6;font-size:12px;line-height:1.8}.player-stage{overflow:hidden;border:1px solid #fff2;background:#19151f;box-shadow:0 22px 60px #08060d7d}.stage-top{height:45px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;font-size:8px;color:#c4b8c9}.stage-top>span{display:flex;align-items:center;gap:8px}.stage-top i{width:6px;height:6px}.stage-top>a{font-size:7px;color:var(--amber-light);text-decoration:none}.stage-top>a:hover{text-decoration:underline;text-underline-offset:4px}.stage-top b{font-size:12px;margin-left:6px}.app-frame{display:block;width:100%;height:620px;border:0;background:#17131b}.stage-caption{min-height:36px;margin:0;padding:8px 15px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#201a28;color:#aaa0b1;font-size:7px}.player-note{font-size:9px;color:#9e93a3;margin:13px 0 0;letter-spacing:.035em}.player-note a{color:var(--amber-light);text-underline-offset:3px}.arrival-section{padding:90px max(25px,calc((100vw - 1160px)/2)) 75px;overflow:hidden;background:linear-gradient(150deg,#211927,#19131f 69%);position:relative}.arrival-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px 44px;margin-bottom:35px}.arrival-heading .section-overline{grid-column:1/-1;margin:0}.arrival-heading h2{font-size:clamp(38px,4.8vw,60px)}.arrival-heading h2 em{color:var(--purple-light)}.arrival-heading>p:last-child{margin:0 0 4px;color:#c3b8c9;font-size:12px;line-height:1.8}.arrival-scene{height:480px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 32%,#7958b72e,transparent 39%),radial-gradient(ellipse at 33% 87%,#e2a1371c,transparent 47%),linear-gradient(135deg,#17131d,#21192a 60%,#282034);border:1px solid #ffffff1b;box-shadow:0 20px 55px #08060d6b}.scene-stars{position:absolute;inset:0;color:#cbb6fb}.scene-stars i{position:absolute;font-style:normal;animation:twinkle 2.2s ease-in-out infinite alternate}.scene-stars i:nth-child(1){left:10%;top:20%;font-size:16px}.scene-stars i:nth-child(2){left:41%;top:12%;font-size:13px;animation-delay:-1s}.scene-stars i:nth-child(3){right:12%;top:29%;font-size:18px;animation-delay:-.7s}.scene-stars i:nth-child(4){right:39%;top:8%;font-size:11px;animation-delay:-1.4s}.scene-stars i:nth-child(5){left:28%;top:39%;font-size:25px;color:var(--amber)}.arrival-home{position:absolute;z-index:2;right:12%;bottom:70px;width:min(39%,410px);filter:drop-shadow(0 22px 22px #09060c88);transform:translateY(9px);transition:filter 1s,transform 1s}.home-roof{height:119px;position:relative;margin-bottom:-2px;display:flex;justify-content:center;align-items:center;padding-top:48px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(140deg,#9b78df,#5b3d89);transition:filter .8s}.home-roof span{font:700 clamp(13px,1.7vw,20px) var(--display);color:#fff6ea;letter-spacing:.005em;text-shadow:0 2px 16px #28163d}.home-roof b{position:absolute;right:21%;top:41px;color:var(--amber-light);font-size:19px}.home-front{height:207px;position:relative;display:flex;justify-content:space-around;align-items:start;padding-top:24px;border:1px solid #b99bda88;border-top:0;background:linear-gradient(145deg,#453454,#282132 70%);transition:box-shadow .8s,background .8s}.home-window{width:64px;height:69px;position:relative;border:3px solid #8b70ad;background:#402e4744;transition:background .8s,box-shadow .8s,border-color .8s}.home-window:before,.home-window:after{content:"";position:absolute;background:#bea6df}.home-window:before{width:2px;height:100%;left:50%}.home-window:after{height:2px;width:100%;top:50%}.home-window i{position:absolute;inset:7px;background:#ffd57a00;transition:background 1s}.home-door{position:absolute;z-index:1;bottom:0;left:calc(50% - 31px);width:62px;height:117px;display:flex;justify-content:center;align-items:end;padding-bottom:9px;border:2px solid #a48ac5;background:linear-gradient(90deg,#5c4474,#392c48);transform-origin:left center;transform:perspective(300px) rotateY(0);transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .8s}.home-door span{font:7px var(--mono);color:#e3d5ee}.door-glow{position:absolute;z-index:0;left:calc(50% - 67px);bottom:0;width:134px;height:127px;background:radial-gradient(ellipse at bottom,#ffd27f00,transparent 70%);transition:background 1s;pointer-events:none}.home-eq{position:absolute;z-index:3;left:0;right:0;bottom:5px;height:30px;display:flex;align-items:center;justify-content:center;gap:5px;opacity:.25;transition:opacity .5s}.home-eq i{width:3px;height:var(--bar,16px);background:var(--amber);border-radius:4px;transform:scaleY(.4);transform-origin:center;transition:transform .35s cubic-bezier(.16,1,.3,1)}.home-eq i:nth-child(2n){--bar:26px}.home-eq i:nth-child(3n){--bar:11px}.home-eq i:nth-child(5n){--bar:30px}.house-sign{position:absolute;z-index:4;top:15px;right:-48px;padding:8px 11px;background:var(--amber);color:#2c1b0e;font:700 9px var(--display);transform:rotate(7deg) scale(.7);opacity:0;transition:opacity .45s,transform .45s}.mp3-flight{position:absolute;z-index:4;left:4%;top:32%;width:min(32%,310px);transform:translate(-65vw,55px) scale(.68) rotate(-12deg);opacity:.08;transition:transform 2.25s cubic-bezier(.12,.82,.25,1),opacity .75s}.mp3-flight img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 20px #0006)}.flight-note{position:absolute;right:11%;top:4%;font-size:25px;color:var(--amber);transform:rotate(10deg)}.sleeve-pop{position:absolute;z-index:3;top:19%;width:90px;height:112px;display:grid;place-content:center;justify-items:center;text-align:center;border:1px solid #edcf986e;background:linear-gradient(145deg,#7445a5,#2d1d3d);box-shadow:0 12px 25px #0b08118f;color:#fff1d7;opacity:0;transform:translateY(44px) rotate(-14deg) scale(.7);transition:opacity .7s .7s,transform .7s .7s cubic-bezier(.15,.9,.2,1)}.sleeve-pop span{font:700 9px/1.4 var(--display);letter-spacing:.02em}.sleeve-pop b{color:var(--amber);font-size:13px;margin-top:5px}.sleeve-pop-a{left:14%}.sleeve-pop-b{left:26%;top:26%;background:linear-gradient(145deg,#df9842,#71436a);transition-delay:.9s;transform:translateY(44px) rotate(10deg) scale(.7)}.scene-horizon{position:absolute;left:-4%;right:-4%;bottom:42px;height:110px;border-top:1px solid #a98cc62b;border-radius:50%;transform:rotate(-4deg);box-shadow:0 -12px 50px #9776ce12;z-index:-1}.scene-line{position:absolute;left:23px;bottom:15px;display:grid;gap:5px}.scene-line span{font-size:7px;color:#a095a6}.scene-line b{font:10px var(--body);letter-spacing:.015em;color:#e6dbe9}.replay-scene{position:absolute;right:16px;bottom:15px;z-index:6;padding:10px 12px;border:1px solid #fff3;background:#201a28;color:#f4ebf5;font-size:7px;cursor:pointer;transition:background .2s,color .2s}.replay-scene:hover{background:var(--amber);color:#241810}.replay-scene span{font-size:14px;color:var(--amber);vertical-align:-1px;margin-right:5px}.replay-scene:hover span{color:#241810}.arrival-scene.is-arriving .mp3-flight{transform:translate(24vw,-5px) scale(.86) rotate(4deg);opacity:1}.arrival-scene.is-arriving .arrival-home,.arrival-scene.is-settled .arrival-home{filter:drop-shadow(0 0 34px #f7ba5f48) drop-shadow(0 22px 22px #09060c88);transform:translateY(0)}.arrival-scene.is-arriving .home-front,.arrival-scene.is-settled .home-front{background:linear-gradient(145deg,#63417a,#32213e 70%);box-shadow:inset 0 0 42px #ffce7622,0 0 28px #c28cff24}.arrival-scene.is-arriving .home-window,.arrival-scene.is-settled .home-window{background:#ffc64a2e;border-color:#f6c167;box-shadow:0 0 23px #ffc45e77,inset 0 0 25px #ffc45e66}.arrival-scene.is-arriving .home-window i,.arrival-scene.is-settled .home-window i{background:#ffd77b4a}.arrival-scene.is-arriving .home-door,.arrival-scene.is-settled .home-door{transform:perspective(300px) rotateY(-52deg);filter:brightness(1.18)}.arrival-scene.is-arriving .door-glow,.arrival-scene.is-settled .door-glow{background:radial-gradient(ellipse at bottom,#ffd27f6b,transparent 72%)}.arrival-scene.is-arriving .house-sign,.arrival-scene.is-settled .house-sign{opacity:1;transform:rotate(7deg) scale(1)}.arrival-scene.is-arriving .sleeve-pop,.arrival-scene.is-settled .sleeve-pop{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}.arrival-scene.is-arriving .sleeve-pop-b,.arrival-scene.is-settled .sleeve-pop-b{transform:translateY(0) rotate(8deg) scale(1)}.arrival-scene.is-arriving .home-eq,.arrival-scene.is-settled .home-eq{opacity:1}.arrival-scene.is-arriving .home-eq i,.arrival-scene.is-settled .home-eq i{animation:eq-pulse .56s ease-in-out infinite alternate}.arrival-scene.is-arriving .home-eq i:nth-child(2n),.arrival-scene.is-settled .home-eq i:nth-child(2n){animation-delay:-.3s}.sound-rings{position:absolute;z-index:1;left:63%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s .55s}.sound-rings i{position:absolute;inset:12%;border:1px solid #ffd58366;border-radius:50%;animation:ring-wave 2.6s ease-out infinite}.sound-rings i:nth-child(2){animation-delay:.85s}.sound-rings i:nth-child(3){animation-delay:1.7s}.arrival-scene.is-arriving .sound-rings,.arrival-scene.is-settled .sound-rings{opacity:.85}.final-poster{min-height:630px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:86px 24px 100px;background:radial-gradient(ellipse at 49% 107%,#966be339,transparent 48%),linear-gradient(120deg,#21152a,#18121f 53%,#24162c)}.final-poster:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 52% 30%,#f0b54112,transparent 55%)}.final-copy{position:relative;z-index:3;max-width:680px}.final-copy .section-overline{margin-bottom:11px}.final-copy h2{font-size:clamp(40px,6vw,73px);line-height:1.17;margin:0 0 16px}.final-copy h2 em{color:var(--amber)}.final-copy>p:not(.section-overline){max-width:430px;margin:0 auto 24px;color:#c9bece;font-size:12px;line-height:1.8}.final-copy .cta{margin-bottom:13px}.final-copy small{display:block;color:#9c91a1;font-size:7px}.final-side{position:absolute;left:22px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:7px;color:#9d8bad}.final-vinyl{position:absolute;right:-126px;top:8%;width:min(44vw,475px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#16131b 0 3px,#312a36 4px 5px,#17141b 6px 8px);opacity:.58;transform:rotate(16deg)}.final-vinyl:after{content:"";position:absolute;inset:38%;border-radius:50%;background:linear-gradient(145deg,#f1ba50,#9367bb)}.final-mark{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:2px}.final-mark span{color:var(--amber);font-size:22px}.final-mark b{font:700 10px var(--display)}.final-mark i{font-style:normal;font-size:6px;color:#a599ab}.footer{min-height:72px;padding:14px max(24px,calc((100vw - var(--wrap))/2));display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);background:#15111b}.footer>span,.footer>a:last-child{font-size:7px;color:#9c91a1}.footer>a:last-child{text-decoration:none}.footer>a:last-child:hover{color:var(--amber-light)}
.compare-page{min-height:100vh;display:flex;flex-direction:column}.compare-main{width:min(1050px,calc(100% - 42px));margin:auto;padding:74px 0 90px;flex:1}.compare-main>.section-overline{margin-bottom:16px}.compare-main h1{font:650 clamp(36px,5.4vw,63px)/1.18 var(--display);letter-spacing:-.05em;margin:0 0 18px}.compare-main h1 em{font-style:normal;color:var(--amber)}.compare-intro{color:#b8adbf;font-size:13px;line-height:1.7;margin:0 0 38px}.compare-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-option{min-height:315px;padding:25px 25px 21px;display:flex;flex-direction:column;border:1px solid #ffffff18;background:#201a28}.option-a{background:linear-gradient(145deg,#222731,#181d21)}.option-b{background:radial-gradient(ellipse at 80% 4%,#a178e62b,transparent 40%),linear-gradient(145deg,#30223d,#1e1725)}.option-label{display:flex;align-items:center;gap:12px;font:700 32px var(--display);color:var(--amber)}.option-label span{font:8px var(--mono);color:#aba0b0}.compare-option h2{font:650 clamp(20px,2.5vw,29px) var(--display);letter-spacing:-.04em;margin:38px 0 12px}.option-b h2{color:var(--amber-light)}.compare-option p{max-width:410px;margin:0 0 26px;color:#b8adbf;font-size:12px;line-height:1.75}.compare-option>a{margin-top:auto;min-height:45px;padding:0 13px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;border-top:1px solid #ffffff1d;color:var(--cream);font:8px var(--mono);letter-spacing:.07em}.compare-option>a b{font-size:14px;color:var(--amber)}.compare-option>a:hover{color:var(--amber-light)}.compare-note{text-align:center;color:#8e8492;font:8px var(--mono);letter-spacing:.05em;margin:27px 0 0}
.showtime .poster-copy{opacity:0;animation:copy-enter .9s .1s cubic-bezier(.16,1,.3,1) forwards}.story-stop{opacity:.35;transform:translateY(11px);transition:opacity .65s,transform .65s cubic-bezier(.16,1,.3,1)}.story-line.is-visible .story-stop{opacity:1;transform:translateY(0)}.story-line.is-visible .story-stop:nth-of-type(2){transition-delay:.13s}.story-line.is-visible .story-stop:nth-of-type(3){transition-delay:.26s}.story-line.is-visible .story-stop:nth-of-type(4){transition-delay:.39s}.story-line.is-visible .story-stop:nth-of-type(5){transition-delay:.52s}.story-line.is-visible .story-stop:nth-of-type(6){transition-delay:.65s}
@keyframes copy-enter{from{opacity:0;transform:translateY(23px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes poster-arrive{from{opacity:0;transform:rotate(9deg) translate(15%,7%) scale(.94);filter:brightness(.5)}to{opacity:1;transform:rotate(2deg) translate(-3%,2%) scale(1);filter:brightness(1)}}@keyframes vinyl-turn{to{transform:rotate(351deg)}}@keyframes note-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-13px) rotate(9deg)}}@keyframes light-shift{from{opacity:.56;transform:translateX(-2%)}to{opacity:1;transform:translateX(2%)}}@keyframes twinkle{from{opacity:.35;transform:scale(.78)}to{opacity:1;transform:scale(1.18)}}@keyframes ring-wave{from{transform:scale(.35);opacity:.8}to{transform:scale(1.55);opacity:0}}@keyframes eq-pulse{from{transform:scaleY(.32)}to{transform:scaleY(1)}}
@media(max-width:920px){.poster-hero{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr);gap:2vw;padding-inline:5vw}.poster-copy h1{font-size:clamp(45px,6.8vw,70px)}.poster-visual{height:540px;min-height:430px}.poster-photo{width:min(77%,380px)}.vinyl-disc{width:105%;right:-9%}.story-section,.player-section,.arrival-section{padding-inline:5vw}.story-line{gap:14px}.app-frame{height:600px}.arrival-scene{height:435px}.arrival-home{right:8%;width:43%}.mp3-flight{width:34%}.compare-main{padding-top:60px}}
@media(max-width:650px){html{scroll-padding-top:61px}.masthead{height:59px;padding:0 17px}.brand{font-size:11px}.brand-crown{font-size:17px}.masthead-caption{display:none}.version-switch{font-size:7px}.version-switch>a{padding:7px}.poster-hero{min-height:auto;padding:42px 22px 56px;grid-template-columns:1fr;gap:0}.poster-copy h1{font-size:clamp(42px,11.8vw,68px);margin:19px 0 16px;line-height:1.12}.hero-overline{font-size:7px}.hero-lead{font-size:12px;max-width:350px;line-height:1.75;margin-bottom:19px}.cta{min-height:46px;padding:0 13px;gap:19px;font-size:10px}.hero-signoff{margin-top:17px;font-size:7px}.poster-visual{height:350px;min-height:0;max-height:none;margin:12px 0 0}.poster-photo{width:min(67%,300px);transform:rotate(2deg) translate(-2%,1%)}.vinyl-disc{width:min(89vw,360px);right:2%;top:-1%}.vinyl-label{font-size:7px}.vinyl-label b{font-size:14px}.poster-tape{top:5%;left:16%;width:71px;height:15px}.photo-kicker{top:11px;left:10px;font-size:6px}.photo-title{bottom:14px;left:10px;font-size:15px}.photo-seal{right:9px;bottom:10px;width:38px;height:38px;font-size:7px}.visual-note{font-size:28px}.note-top{right:2%;top:13%}.note-bottom{left:4%;bottom:14%}.poster-caption-small{right:0;font-size:6px;bottom:-2px}.hero-edge{display:none}.story-section,.player-section,.arrival-section{padding:63px 20px}.section-lede{display:flex;flex-direction:column-reverse;align-items:start;gap:16px;margin-bottom:40px}.section-lede h2,.player-heading h2,.arrival-heading h2,.final-copy h2{font-size:clamp(35px,9.4vw,48px)}.section-lede p{font-size:11px;max-width:365px}.story-line{grid-template-columns:1fr;gap:0;padding-left:3px}.story-rule{left:21px;right:auto;top:26px;bottom:24px;height:auto;width:1px;background:linear-gradient(180deg,#7156a6,#9a73df 52%,var(--amber))}.story-rule:after{inset:0 -4px;filter:blur(4px)}.story-rule span{left:-4px!important;top:auto;width:9px;height:9px}.story-rule span:nth-child(1){top:0}.story-rule span:nth-child(2){top:25%}.story-rule span:nth-child(3){top:50%}.story-rule span:nth-child(4){top:75%}.story-rule span:nth-child(5){top:auto;bottom:0}.story-stop{min-height:119px;padding:0 0 18px 63px}.story-index{left:11px;top:7px}.story-symbol{position:absolute;left:40px;top:2px;height:61px;width:55px;margin:0;transform:scale(.73);transform-origin:left top}.story-stop h3{margin:10px 0 7px 46px;font-size:8px}.story-stop p{margin-left:46px;font-size:9px}.home-symbol{margin:0;transform:scale(.73);transform-origin:left top}.story-closer{margin-top:15px;font-size:7px;line-height:1.6}.player-heading{display:block;margin-bottom:24px}.player-heading h2{font-size:clamp(34px,8.6vw,44px)}.player-heading>p{font-size:11px;margin-top:14px}.stage-top{height:40px;padding:0 10px;font-size:6px}.stage-top>a{font-size:6px}.app-frame{height:680px}.stage-caption{align-items:flex-start;flex-direction:column;gap:4px;padding:9px 10px;font-size:6px}.player-note{font-size:8px;line-height:1.65}.arrival-heading{display:block;margin-bottom:24px}.arrival-heading .section-overline{margin-bottom:13px}.arrival-heading h2{font-size:clamp(35px,9vw,47px)}.arrival-heading>p:last-child{font-size:10px;margin-top:12px}.arrival-scene{height:390px}.arrival-home{width:min(70%,310px);right:7%;bottom:67px}.home-roof{height:86px;padding-top:34px}.home-roof span{font-size:14px}.home-roof b{top:30px;font-size:15px}.home-front{height:154px;padding-top:18px}.home-window{width:47px;height:52px;border-width:2px}.home-door{left:calc(50% - 24px);width:48px;height:91px}.home-eq{gap:3px;height:23px}.home-eq i{width:2px}.mp3-flight{width:min(53%,215px);left:0;top:35%}.arrival-scene.is-arriving .mp3-flight{transform:translate(28vw,-8px) scale(.9) rotate(4deg)}.sleeve-pop{width:61px;height:78px;top:14%;}.sleeve-pop span{font-size:7px}.sleeve-pop b{font-size:10px}.sleeve-pop-a{left:7%}.sleeve-pop-b{left:20%;top:23%}.house-sign{right:-24px;font-size:7px;padding:7px}.sound-rings{left:62%;width:105px;height:105px}.scene-line{left:11px;bottom:13px}.scene-line span{font-size:6px}.scene-line b{font-size:8px}.replay-scene{right:9px;bottom:10px;padding:8px;font-size:6px}.final-poster{min-height:570px;padding:78px 21px 105px}.final-copy h2{font-size:clamp(37px,10vw,56px)}.final-copy>p:not(.section-overline){font-size:11px}.final-vinyl{width:290px;right:-175px;top:8%;opacity:.42}.final-side{left:8px;font-size:6px}.final-mark{bottom:23px}.footer{min-height:62px;padding:11px 14px}.footer>span,.footer>a:last-child{font-size:6px}.compare-main{width:calc(100% - 36px);padding:49px 0 60px}.compare-main h1{font-size:clamp(34px,9vw,46px)}.compare-intro{font-size:11px;margin-bottom:25px}.compare-options{grid-template-columns:1fr;gap:12px}.compare-option{min-height:250px;padding:19px}.option-label{font-size:25px}.compare-option h2{margin:27px 0 10px;font-size:23px}.compare-option p{font-size:11px}.compare-note{font-size:7px;line-height:1.7}.compare-page .masthead>.version-switch{font-size:6px}}
@media(max-width:370px){.poster-hero{padding-inline:18px}.poster-copy h1{font-size:41px}.poster-visual{height:312px}.app-frame{height:720px}.arrival-scene{height:360px}.arrival-home{width:73%;right:5%}.mp3-flight{width:55%}.sleeve-pop{width:55px;height:71px}.final-copy .cta{gap:11px;font-size:9px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-timeline:none!important}.showtime .poster-copy{opacity:1;transform:none;filter:none}.poster-photo{opacity:1;transform:rotate(2deg) translate(-3%,2%);filter:none}.story-stop{opacity:1;transform:none}.arrival-scene .mp3-flight{transform:translate(24vw,-5px) scale(.86) rotate(4deg);opacity:1}.arrival-scene .arrival-home{filter:drop-shadow(0 0 25px #f7ba5f42);transform:none}.arrival-scene .home-front{background:linear-gradient(145deg,#63417a,#32213e 70%);box-shadow:inset 0 0 42px #ffce7622}.arrival-scene .home-window{background:#ffc64a2e;border-color:#f6c167;box-shadow:0 0 20px #ffc45e66}.arrival-scene .home-door{transform:perspective(300px) rotateY(-52deg)}.arrival-scene .house-sign,.arrival-scene .sleeve-pop{opacity:1;transform:rotate(-8deg) scale(1)}.arrival-scene .sleeve-pop-b{transform:rotate(8deg) scale(1)}.arrival-scene .home-eq{opacity:1}.arrival-scene .home-eq i{transform:scaleY(.7);animation:none}}
.poster-copy h1{font-size:clamp(45px,5.2vw,68px)}.poster-copy h1 .title-keep{white-space:nowrap;color:var(--cream);font-size:1em;letter-spacing:inherit;text-shadow:none;transform:none}@media(max-width:650px){.poster-copy h1{font-size:clamp(35px,11vw,54px)}}@media(max-width:370px){.poster-copy h1{font-size:35px}}
:root{--coral:#ff5d73;--lime:#caff43}
::selection{background:var(--lime)!important;color:#17111f!important}
.masthead{background:rgba(35,19,58,.94);backdrop-filter:blur(14px)}
.poster-hero:after{background:radial-gradient(ellipse at 76% 44%,#7047a680 0,transparent 39%),radial-gradient(ellipse at 10% 83%,#caff431a,transparent 29%),linear-gradient(120deg,#23133a,#17111f 54%,#2b1739)}
.poster-lights{background:radial-gradient(ellipse 24% 73% at 80% 20%,#f4ae3820,transparent 75%),radial-gradient(ellipse 20% 43% at 8% 80%,#caff4310,transparent 75%)}
.hero-overline{color:var(--lime)}.hero-overline i,.stage-top i{background:var(--coral);box-shadow:0 0 18px #ff5d73}
.poster-copy h1 span{color:var(--lime);text-shadow:0 4px 0 #4f7520,0 10px 34px #caff4342}
.cta-gold{background:var(--coral);color:#201020;box-shadow:0 7px 23px #ff5d7333}.cta-gold:hover{box-shadow:0 11px 30px #ff5d7366}
.vinyl-label{background:radial-gradient(circle at 36% 34%,var(--lime),#8457cb 76%)}
.photo-seal{border-color:var(--lime);color:var(--lime)}
.section-lede em,.player-heading h2 em,.arrival-heading h2 em,.final-copy h2 em{color:var(--coral)}
.story-rule{background:linear-gradient(90deg,#7156a6,#946fda 52%,var(--lime))}.story-rule span{background:var(--lime);box-shadow:0 0 13px #caff43}
.story-stop h3,.section-overline{color:#d4ff77}.story-symbol .file-symbol{background:linear-gradient(140deg,#9c6eff,#40265a)}
.player-section{background:radial-gradient(ellipse at 18% 40%,#a66aff26,transparent 38%),radial-gradient(ellipse at 90% 20%,#ff5d7310,transparent 32%),var(--night)}
.arrival-scene{background:radial-gradient(ellipse at 80% 32%,#7958b745,transparent 39%),radial-gradient(ellipse at 17% 88%,#caff4318,transparent 44%),linear-gradient(135deg,#17131d,#21192a 60%,#30203a)}
.final-poster{background:radial-gradient(ellipse at 49% 107%,#966be35c,transparent 48%),radial-gradient(ellipse at 4% 8%,#caff4310,transparent 34%),linear-gradient(120deg,#281638,#18121f 53%,#321941)}
.mascot-invite{position:absolute;z-index:5;left:clamp(280px,31vw,430px);bottom:7%;width:151px;height:160px;display:block;color:inherit;text-decoration:none;filter:drop-shadow(0 16px 23px #08060d80);animation:mascot-enter .85s .55s cubic-bezier(.16,1,.3,1) both;transition:transform .25s ease;transform-origin:50% 75%}.mascot-invite:hover{transform:translateY(-9px) rotate(-4deg)}
.mascot-file{position:absolute;left:31px;bottom:20px;width:86px;height:101px;display:grid;place-items:center;border:2px solid #25173a;border-radius:13px 15px 17px 14px;background:linear-gradient(145deg,#caff43 0 52%,#a5df2e 53%);box-shadow:inset -8px -6px 0 #6c4fbe26,7px 7px 0 #ff5d73;transform:rotate(-8deg);animation:mascot-bob 2.8s ease-in-out infinite}
.mascot-file b{font:800 19px var(--display);color:#291944;letter-spacing:-.09em;transform:rotate(4deg)}.mascot-fold{position:absolute;right:-1px;top:-1px;width:23px;height:23px;background:#fff1b7;clip-path:polygon(0 0,100% 100%,0 100%);border-left:1px solid #25173a;border-bottom:1px solid #25173a}.mascot-note{position:absolute;right:8px;bottom:7px;color:#6a42b7;font:700 19px var(--body);font-style:normal}.mascot-ear{position:absolute;top:31px;width:9px;height:12px;border:2px solid #25173a;border-radius:9px;background:var(--coral)}.ear-left{left:-7px}.ear-right{right:-7px}.mascot-leg{position:absolute;bottom:-14px;width:4px;height:17px;background:#25173a;border-radius:3px}.leg-left{left:23px;transform:rotate(15deg)}.leg-right{right:21px;transform:rotate(-13deg)}.mascot-bubble{position:absolute;z-index:2;right:-2px;top:2px;padding:9px 11px;background:#f7efe2;color:#20152d;border:1px solid #20152d;border-radius:10px 10px 10px 2px;font:600 10px/1.32 var(--body);transform:rotate(5deg)}.mascot-bubble b{color:#7650c7}.mascot-spark{position:absolute;left:10px;top:30px;color:var(--coral);font-size:25px;animation:twinkle 1.6s ease-in-out infinite alternate}.mascot-caption{position:absolute;left:13px;bottom:0;color:#d4ff77;font:7px var(--mono);letter-spacing:.1em;white-space:nowrap}.poster-hero{overflow:hidden}
@keyframes mascot-enter{from{opacity:0;transform:translateY(42px) scale(.65) rotate(12deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes mascot-bob{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:920px){.mascot-invite{left:25%;bottom:2%;transform:scale(.85);transform-origin:left bottom}}
@media(max-width:650px){.mascot-invite{left:auto;right:5%;bottom:2%;width:125px;height:133px;transform:scale(.86);transform-origin:right bottom}.mascot-file{left:22px;bottom:16px;width:74px;height:88px}.mascot-bubble{right:-1px;font-size:9px}.mascot-caption{font-size:6px;left:8px}.poster-hero{padding-bottom:176px}.poster-visual{margin-top:0}.footer .brand{display:none}}
@media(max-width:370px){.mascot-invite{right:3%;transform:scale(.77);transform-origin:right bottom}.poster-hero{padding-bottom:160px}}
@media(prefers-reduced-motion:reduce){.mascot-invite,.mascot-file,.mascot-spark{animation:none!important}.mascot-invite{opacity:1;transform:none}}
/* PROMO v0.3 — MP3-шки собираются по маршруту в музыкальный дом. */
.story-section{background:radial-gradient(ellipse at 88% 70%,#a849d51c,transparent 42%),#211927}
.story-line{min-height:168px;--story-progress:0;isolation:isolate}
.story-line:before{content:"";position:absolute;left:5%;right:5%;top:32px;height:2px;z-index:0;background:linear-gradient(90deg,transparent,#caff43,transparent);background-size:35% 100%;background-repeat:no-repeat;background-position:var(--story-position,0%) 0;filter:drop-shadow(0 0 5px #caff43);opacity:.85;pointer-events:none}
.story-stop{z-index:1;padding-top:0}
.story-symbol{transform:scale(1.38);transform-origin:left bottom;margin-bottom:30px}
.story-stop h3{font-size:11px;letter-spacing:.12em;margin-bottom:11px}
.story-stop p{font-size:12px;line-height:1.65}
.story-index{width:25px;height:25px;top:22px;left:15px;font-size:10px;background:#281b37}
.story-stop.is-active .story-index{color:#23133a;background:var(--lime);border-color:var(--lime);box-shadow:0 0 15px #caff4380}
.story-stop.is-active .story-symbol{animation:stop-arrives .48s cubic-bezier(.16,1,.3,1) both}
.story-stop.is-active h3{color:var(--lime)}
.story-runner{position:absolute;z-index:2;top:0;left:0;width:96px;display:grid;justify-items:center;gap:0;pointer-events:none;will-change:transform;transition:transform .24s cubic-bezier(.2,.7,.2,1)}
.story-runner img{display:block;width:86px;height:53px;object-fit:contain;filter:drop-shadow(0 4px 7px #09060d9c);animation:runner-bop .52s ease-in-out infinite alternate}
.story-runner span{margin-top:-7px;padding:3px 6px;border-radius:7px;background:var(--lime);color:#281a39;font:800 7px var(--mono);white-space:nowrap;transform:rotate(-4deg)}
.story-line.is-visible .story-rule:after{animation:line-sweep 2.5s linear infinite}
.story-line.is-visible .story-stop:nth-of-type(2){transition-delay:0s}.story-line.is-visible .story-stop:nth-of-type(3){transition-delay:.08s}.story-line.is-visible .story-stop:nth-of-type(4){transition-delay:.16s}.story-line.is-visible .story-stop:nth-of-type(5){transition-delay:.24s}.story-line.is-visible .story-stop:nth-of-type(6){transition-delay:.32s}
.player-heading{perspective:900px}.player-stage{transform-origin:50% 15%;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s;filter:drop-shadow(0 18px 26px #0007)}.player-stage.is-live{animation:player-cue .8s cubic-bezier(.16,1,.3,1) both}.player-stage.is-live .stage-top i{animation:on-air 1s ease-in-out 3}
.player-heading>p{transition:color .25s}.player-heading>p:hover{color:#f0e6fb}
.arrival-scene{perspective:1000px;background:radial-gradient(ellipse at 77% 28%,#d34cff38,transparent 37%),radial-gradient(ellipse at 18% 90%,#caff4328,transparent 43%),linear-gradient(135deg,#17111e,#25152e 57%,#321a3b)}
.arrival-scene:before{content:"";position:absolute;z-index:0;inset:-15%;pointer-events:none;background:conic-gradient(from 0deg at 75% 30%,transparent 0 13%,#caff430b 14% 17%,transparent 18% 35%,#ff5d7310 36% 39%,transparent 40% 61%,#b06aff12 62% 66%,transparent 67%);animation:club-lights 16s linear infinite}
.arrival-home{z-index:2;width:min(44%,490px);transform:translateY(8px) rotateX(1deg);filter:drop-shadow(0 25px 23px #09060d99);transition:filter .8s,transform .8s}
.arrival-home:after{content:"";position:absolute;z-index:-1;left:-9%;right:-9%;bottom:-13px;height:19px;border-radius:50%;background:#bd64ff33;filter:blur(15px);opacity:.48;transition:opacity .7s,background .7s}
.home-roof{height:133px;padding-top:53px;background:linear-gradient(145deg,#bc7dff,#6834a3 75%);filter:drop-shadow(0 0 11px #bc70ff65);overflow:visible}
.home-roof span{position:relative;z-index:3;padding:7px 17px;border:1px solid #e9ff9b;border-radius:5px;background:#29183bcc;color:#eaff9e;font-size:clamp(15px,1.9vw,22px);letter-spacing:.06em;text-shadow:0 0 6px #d5ff69,0 0 17px #a8ff43;box-shadow:0 0 10px #bcff5b62,inset 0 0 12px #a5ff4330;animation:neon-flicker 6s steps(1,end) infinite}
.home-front{height:220px;background:linear-gradient(145deg,#613c7a,#2a1a39 70%);border:1px solid #d99affaa;box-shadow:inset 0 0 40px #b867ff24,0 12px 29px #10081873}
.home-window{width:75px;height:78px;background:#643e7e66;border-color:#d39dff;box-shadow:0 0 13px #b973ff25,inset 0 0 12px #b973ff20}
.home-window:before,.home-window:after{background:#ebcaff}
.arrival-scene.is-arriving .home-window,.arrival-scene.is-settled .home-window{background:#ffd87055;border-color:#fff29a;box-shadow:0 0 25px #ffe57aa6,inset 0 0 29px #ffe57a80}
.home-door{background:linear-gradient(90deg,#8057a0,#49315e);box-shadow:inset 0 0 16px #130d1d80}
.home-eq{height:40px;gap:6px}
.home-eq i{width:4px;background:linear-gradient(0deg,var(--coral),var(--lime));box-shadow:0 0 9px #caff4373}
.club-bulbs{position:absolute;z-index:4;display:flex;gap:clamp(17px,3vw,34px);top:54%;left:50%;transform:translateX(-50%);font-size:0}
.club-bulbs i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #caff43;animation:bulb-flash .8s ease-in-out infinite alternate}
.club-bulbs i:nth-child(2n){background:#ff8194;box-shadow:0 0 12px #ff5d73;animation-delay:-.4s}
.house-sign{z-index:5;background:var(--coral);color:#240f2d;border-color:#ffd5db;box-shadow:0 5px 17px #ff5d7355;animation:sign-wave 2.8s ease-in-out infinite}
.mp3-flight{z-index:4;filter:drop-shadow(0 0 15px #caff4360);transform-origin:60% 65%}
.mp3-flight img{animation:gang-dance .7s ease-in-out infinite alternate}
.arrival-scene.is-arriving .mp3-flight{animation:check-in 2.05s cubic-bezier(.18,.78,.22,1) both;transform:translate(24vw,-5px) scale(.86) rotate(4deg);opacity:1}
.flight-talk{position:absolute;right:-13px;top:-10px;padding:6px 8px;border-radius:9px 9px 2px 9px;background:#f6efe3;color:#2a183b;font:700 8px var(--body);white-space:nowrap;transform:rotate(4deg);box-shadow:0 4px 12px #0005}
.club-inhabitants{position:absolute;z-index:3;right:20%;bottom:130px;width:17%;opacity:0;transform:scale(.35) translateY(35px);transform-origin:50% 100%;pointer-events:none}
.club-inhabitants img{display:block;width:100%;filter:drop-shadow(0 0 11px #dfff78)}
.club-inhabitants span{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);padding:3px 6px;background:var(--lime);color:#281a39;border-radius:4px;font:700 6px var(--mono);white-space:nowrap}
.arrival-scene.is-settled .club-inhabitants{opacity:1;transform:scale(1) translateY(0);animation:inside-dance .6s ease-in-out infinite alternate}
.arrival-scene.is-arriving .arrival-home,.arrival-scene.is-settled .arrival-home{filter:drop-shadow(0 0 43px #bc69ff77) drop-shadow(0 22px 22px #09060c99);transform:translateY(0) rotateX(0)}
.arrival-scene.is-arriving .arrival-home:after,.arrival-scene.is-settled .arrival-home:after{opacity:1;background:#caff43a0}
.arrival-scene.is-settled .mp3-flight{opacity:0;transform:translate(38vw,80px) scale(.06) rotate(22deg);transition:transform .55s ease-in,opacity .5s ease-in .18s}
.arrival-scene.is-settled .home-eq i{animation:eq-pulse .48s ease-in-out infinite alternate}
.arrival-scene.is-settled .home-eq i:nth-child(3n){animation-delay:-.2s}
.arrival-scene.is-settled .sound-rings{opacity:1}
.final-cta{position:relative;isolation:isolate;box-shadow:0 9px 25px #ff5d7344,0 0 0 1px #ffc3cd66;transition:transform .2s ease,box-shadow .2s ease}.final-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ff5d7360,0 0 0 2px #ffc3cd}
@keyframes stop-arrives{from{scale:.78;rotate:-8deg}to{scale:1;rotate:0}}
@keyframes runner-bop{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-5px) rotate(3deg)}}
@keyframes line-sweep{from{transform:translateX(-100%);opacity:0}25%{opacity:1}to{transform:translateX(100%);opacity:0}}
@keyframes player-cue{from{transform:translateY(26px) rotateX(4deg) scale(.97);filter:brightness(.75) drop-shadow(0 6px 8px #0006)}to{transform:translateY(0) rotateX(0) scale(1);filter:brightness(1) drop-shadow(0 18px 26px #0007)}}
@keyframes on-air{0%,100%{box-shadow:0 0 15px #ff5d73}50%{box-shadow:0 0 28px #caff43}}
@keyframes club-lights{to{transform:rotate(360deg)}}
@keyframes neon-flicker{0%,94%,96%,100%{opacity:1}95%{opacity:.72}}
@keyframes bulb-flash{from{opacity:.62;scale:.82}to{opacity:1;scale:1.18}}
@keyframes sign-wave{0%,100%{rotate:6deg}50%{rotate:3deg}}
@keyframes gang-dance{from{transform:translateY(-3px) rotate(-3deg)}to{transform:translateY(5px) rotate(3deg)}}
@keyframes check-in{0%{transform:translate(0,0) scale(1) rotate(-5deg);opacity:1}58%{transform:translate(17vw,12px) scale(.82) rotate(5deg);opacity:1}84%{transform:translate(25vw,90px) scale(.24) rotate(12deg);opacity:.8}100%{transform:translate(28vw,110px) scale(.08) rotate(18deg);opacity:0}}
@keyframes inside-dance{from{transform:scale(1) translateY(0) rotate(-4deg)}to{transform:scale(1.04) translateY(-6px) rotate(4deg)}}
@media(max-width:920px){.story-line{min-height:162px}.story-line:before{left:5%;right:5%}.story-symbol{transform:scale(1.22);transform-origin:left bottom;margin-bottom:25px}.story-stop.is-active .story-symbol{animation-name:stop-arrives-tablet}.arrival-home{width:49%;right:7%}.club-inhabitants{right:17%;bottom:117px;width:19%}}
@keyframes stop-arrives-tablet{from{scale:.82;rotate:-7deg}to{scale:1;rotate:0}}
@media(max-width:650px){
 .story-line{min-height:0;padding:0 0 0 3px;gap:0}
 .story-line:before{left:21px;right:auto;top:27px;bottom:26px;width:2px;height:auto;background:linear-gradient(180deg,transparent,var(--lime),transparent);background-size:100% 34%;background-repeat:no-repeat;background-position:0 var(--story-position,0%)}
 .story-symbol{transform:scale(.96);transform-origin:left top;margin:0}
 .story-stop.is-active .story-symbol{animation:stop-arrives-mobile .46s cubic-bezier(.16,1,.3,1) both}
 .story-stop{min-height:129px;padding-left:68px}
 .story-stop h3{font-size:10px;margin:11px 0 8px 44px}
 .story-stop p{font-size:11px;margin-left:44px}
 .story-index{left:9px;top:7px;width:24px;height:24px}
 .story-symbol{left:43px;top:3px;height:70px;width:60px}
 .story-runner{width:72px;transform-origin:50% 50%}
 .story-runner img{width:70px;height:43px}
 .story-runner span{font-size:6px}
 .arrival-home{width:min(74%,330px);right:6%;bottom:67px}
 .home-roof{height:91px;padding-top:36px}
 .home-roof span{font-size:14px;padding:5px 10px}
 .club-bulbs{top:55%;gap:17px}.club-bulbs i{width:6px;height:6px}
 .home-front{height:162px}
 .home-window{width:48px;height:53px}
 .home-eq{height:25px;gap:3px}.home-eq i{width:2px}
 .club-inhabitants{right:15%;bottom:105px;width:26%}
 .arrival-scene.is-arriving .mp3-flight{animation-name:check-in-mobile}
 .arrival-scene.is-settled .mp3-flight{transform:translate(38vw,64px) scale(.06) rotate(22deg)}
 .arrival-scene.is-arriving .sound-rings,.arrival-scene.is-settled .sound-rings{left:66%}
 .player-stage.is-live{animation-duration:.65s}
}
@keyframes stop-arrives-mobile{from{scale:.76;rotate:-6deg}to{scale:1;rotate:0}}
@keyframes check-in-mobile{0%{transform:translate(0,0) scale(1) rotate(-5deg);opacity:1}58%{transform:translate(17vw,5px) scale(.82) rotate(5deg);opacity:1}84%{transform:translate(23vw,85px) scale(.24) rotate(12deg);opacity:.8}100%{transform:translate(24vw,95px) scale(.08) rotate(18deg);opacity:0}}
@media(max-width:370px){.story-stop{min-height:122px}.story-symbol{transform:scale(.86)}.story-stop.is-active .story-symbol{animation-name:stop-arrives-small}.story-stop h3{font-size:9px}.story-stop p{font-size:10px}.arrival-home{width:77%;right:4%}.club-inhabitants{bottom:98px;width:27%}}
@keyframes stop-arrives-small{from{scale:.78;rotate:-5deg}to{scale:1;rotate:0}}
@media(prefers-reduced-motion:reduce){
 .story-line:before,.story-runner,.story-runner img,.story-runner span,.story-line .story-rule:after,.story-stop.is-active .story-symbol,.player-stage.is-live,.player-stage.is-live .stage-top i,.arrival-scene:before,.home-roof span,.club-bulbs i,.house-sign,.mp3-flight img,.arrival-scene.is-arriving .mp3-flight,.arrival-scene.is-settled .club-inhabitants{animation:none!important;transition:none!important}
 .story-line .story-runner{display:none}.story-stop{opacity:1;transform:none}.player-stage{transform:none;filter:none}.arrival-home{transform:none}.arrival-scene .mp3-flight{opacity:0}.arrival-scene .club-inhabitants{opacity:1;transform:none}
}
/* PROMO v0.4 — перенос ритма reveal из варианта A на сцену B. */
.story-stop{opacity:.35;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.story-line.is-visible .story-stop:not(.is-active){opacity:.2;transform:translateY(18px)}
.story-line.is-visible .story-stop.is-active{opacity:1;transform:translateY(0)}
.story-line.is-visible .story-stop:nth-of-type(1){transition-delay:.04s}
.story-line.is-visible .story-stop:nth-of-type(2){transition-delay:.10s}
.story-line.is-visible .story-stop:nth-of-type(3){transition-delay:.16s}
.story-line.is-visible .story-stop:nth-of-type(4){transition-delay:.22s}
.story-line.is-visible .story-stop:nth-of-type(5){transition-delay:.28s}
.story-line.is-visible .story-rule:after{animation:none}
.story-runner{will-change:auto}
.story-line.is-visible .story-runner{will-change:transform}
.story-replay{margin-top:19px;min-height:40px;padding:0 12px;border:1px solid #caff4366;background:transparent;color:#eaffbc;font:700 8px var(--mono);letter-spacing:.08em;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.story-replay:hover{background:var(--lime);border-color:var(--lime);color:#281a39}
.story-replay span{margin-right:7px;color:var(--lime);font-size:15px;vertical-align:-2px}
.story-replay:hover span{color:#281a39}
.arrival-scene:before{animation:none}
.arrival-scene.is-arriving:before,.arrival-scene.is-settled:before{animation:club-lights 24s linear infinite}
.club-bulbs i,.home-roof span,.house-sign{animation:none}
.club-bulbs i{opacity:1;scale:1}
.home-eq i{animation-duration:1.05s}
.arrival-scene.is-settled .home-eq i{animation-duration:1.05s}
.mp3-flight img{animation-duration:1.35s}
.club-inhabitants{animation-duration:1.25s}
.arrival-scene.is-settled .club-inhabitants{animation-duration:1.25s}
@media(max-width:650px){.story-replay{min-height:42px;font-size:7px}.story-line.is-visible .story-stop:nth-of-type(1){transition-delay:.04s}.story-line.is-visible .story-stop:nth-of-type(2){transition-delay:.10s}.story-line.is-visible .story-stop:nth-of-type(3){transition-delay:.16s}.story-line.is-visible .story-stop:nth-of-type(4){transition-delay:.22s}.story-line.is-visible .story-stop:nth-of-type(5){transition-delay:.28s}}
@media(prefers-reduced-motion:reduce){
 .story-stop,.story-line.is-visible .story-stop:not(.is-active),.story-line.is-visible .story-stop.is-active{opacity:1;transform:none;transition:none}
 .story-line.is-visible .story-stop:nth-of-type(n){transition-delay:0s}
 .story-replay{transition:none}
 .arrival-scene:before{animation:none!important}
}

/* Make the five story beats readable and visibly arrive one by one with the MP3 runner. */
.story-stop{opacity:.16;transform:translateY(24px) scale(.96);transition:opacity .48s ease,transform .48s cubic-bezier(.16,1,.3,1)}
.story-line.is-visible .story-stop:not(.is-active){opacity:.16;transform:translateY(24px) scale(.96)}
.story-line.is-visible .story-stop.is-active{opacity:1;transform:translateY(0) scale(1)}
.story-line.is-visible .story-stop:nth-of-type(1){transition-delay:0s}
.story-line.is-visible .story-stop:nth-of-type(2){transition-delay:.08s}
.story-line.is-visible .story-stop:nth-of-type(3){transition-delay:.16s}
.story-line.is-visible .story-stop:nth-of-type(4){transition-delay:.24s}
.story-line.is-visible .story-stop:nth-of-type(5){transition-delay:.32s}
.story-symbol{transform:scale(1.55)}
.story-stop h3{font-size:13px}
.story-stop p{font-size:14px}
.story-line.is-visible .story-stop.is-active .story-index{box-shadow:0 0 18px #caff43a8,0 0 0 4px #caff4324}
@media(max-width:920px){.story-symbol{transform:scale(1.38)}}
@media(max-width:650px){
 .story-stop{transform:translateY(18px) scale(.98)}
 .story-line.is-visible .story-stop:not(.is-active){transform:translateY(18px) scale(.98)}
 .story-symbol{transform:scale(1.12)}
 .story-stop h3{font-size:12px}
 .story-stop p{font-size:13px}
 .story-line.is-visible .story-stop:nth-of-type(1){transition-delay:0s}
 .story-line.is-visible .story-stop:nth-of-type(2){transition-delay:.07s}
 .story-line.is-visible .story-stop:nth-of-type(3){transition-delay:.14s}
 .story-line.is-visible .story-stop:nth-of-type(4){transition-delay:.21s}
 .story-line.is-visible .story-stop:nth-of-type(5){transition-delay:.28s}
}
@media(max-width:370px){.story-symbol{transform:scale(1)}.story-stop h3{font-size:11px}.story-stop p{font-size:12px}}
@media(prefers-reduced-motion:reduce){
 .story-stop,.story-line.is-visible .story-stop:not(.is-active),.story-line.is-visible .story-stop.is-active{opacity:1;transform:none;transition:none}
 .story-line.is-visible .story-stop:nth-of-type(n){transition-delay:0s}
}

/* Telegram CTA: modest rounding instead of sharp poster corners. */
.cta{border-radius:8px}
.final-cta{border-radius:8px;box-shadow:0 9px 25px #ff5d7333}
.final-cta:hover{box-shadow:0 12px 28px #ff5d7355}
.story-replay{border-radius:6px}

/* A clear five-beat reveal: each stop enters as the mascots reach it. */
.story-stop{opacity:.08;transform:translateY(30px) scale(.92);transition:opacity .42s ease,transform .42s cubic-bezier(.16,1,.3,1)}
.story-line.is-visible .story-stop:not(.is-active){opacity:.08;transform:translateY(30px) scale(.92)}
.story-line.is-visible .story-stop.is-active{opacity:1;transform:translateY(0) scale(1)}
.story-stop.is-current .story-index{background:var(--lime);color:#23133a;border-color:var(--lime);box-shadow:0 0 0 5px #caff4329,0 0 22px #caff43b0}
.story-stop.is-current .story-symbol{animation:stop-arrives .55s cubic-bezier(.16,1,.3,1) both}
.story-line.is-playing .story-runner{filter:drop-shadow(0 0 14px #caff43aa)}

/* Turn the flat facade into a small dimensional club house. */
.arrival-home{position:relative;transform-style:preserve-3d}
.arrival-home:before{content:"";position:absolute;z-index:-1;left:-18px;top:116px;bottom:8px;width:23px;background:linear-gradient(180deg,#63318e,#281934 80%);clip-path:polygon(100% 0,100% 100%,0 92%,0 8%);filter:drop-shadow(-5px 5px 5px #09060d88)}
.home-roof{position:relative;background:none;filter:none}
.home-roof:before{content:"";position:absolute;z-index:0;left:-5%;right:-5%;top:-3px;height:111px;background:linear-gradient(145deg,#e0a3ff 0%,#a75ce0 48%,#532b86 100%);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 8px 10px #10081799)}
.home-roof:after{content:"";position:absolute;z-index:2;left:-5%;right:-5%;bottom:0;height:12px;border:1px solid #efcaff;background:linear-gradient(90deg,#8b48c7,#df9aff 48%,#68369d);box-shadow:0 5px 13px #10081788}
.home-front{position:relative;isolation:isolate;overflow:visible;border-radius:5px 5px 13px 13px;transform:perspective(850px) rotateX(-2deg);background:linear-gradient(110deg,#8a56a2 0%,#492b61 18%,#301d40 76%,#22152f 100%);box-shadow:inset 12px 0 22px #edc8ff17,inset -18px 0 25px #08040d70,0 16px 28px #10081888}
.home-front:before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#fff2,transparent 16%,transparent 83%,#08040d42),repeating-linear-gradient(0deg,transparent 0 43px,#edc8ff0b 44px 45px)}
.home-window,.home-door,.door-glow,.home-eq{z-index:1}
.home-window{border-radius:18px 18px 5px 5px;background:linear-gradient(145deg,#ffd978aa,#ffae4255);box-shadow:inset 0 0 18px #fff8b0a0,0 0 22px #ffc85e77,0 5px 13px #130b1e88}
.home-door{border:2px solid #d5a2ff;border-bottom:0;border-radius:29px 29px 2px 2px;background:linear-gradient(90deg,#41264f,#9961ad 48%,#3e244e);box-shadow:inset 0 0 20px #180f2588,0 0 18px #bd78ff38}
.home-eq{z-index:2;filter:drop-shadow(0 0 7px #caff43aa)}
.arrival-scene.is-settled .arrival-home{animation:club-breathe 4.2s ease-in-out infinite}
.arrival-scene.is-settled .house-sign{animation:sign-groove 5s ease-in-out infinite}
@keyframes club-breathe{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes sign-groove{0%,88%,100%{rotate:0deg}92%{rotate:-3deg}96%{rotate:2deg}}

@media(prefers-reduced-motion:reduce){
 .story-stop,.story-line.is-visible .story-stop:not(.is-active),.story-line.is-visible .story-stop.is-active{opacity:1;transform:none;transition:none}
 .story-line.is-visible .story-stop:nth-of-type(n){transition-delay:0s}
 .story-stop.is-current .story-symbol,.arrival-scene.is-settled .arrival-home,.arrival-scene.is-settled .house-sign{animation:none!important}
}

/* Each numbered story icon makes a visible, repeatable entrance. */
.story-stop.is-current .story-symbol{animation:story-icon-arrives .72s cubic-bezier(.18,.82,.25,1) both}
.story-stop.is-current .story-index{animation:story-number-arrives .52s cubic-bezier(.18,.82,.25,1) both}
.story-line.is-playing .story-stop .story-symbol{animation:story-icon-arrives .72s cubic-bezier(.18,.82,.25,1) both}
.story-line.is-playing .story-stop:nth-of-type(1) .story-symbol{animation-delay:.08s}
.story-line.is-playing .story-stop:nth-of-type(2) .story-symbol{animation-delay:.86s}
.story-line.is-playing .story-stop:nth-of-type(3) .story-symbol{animation-delay:1.64s}
.story-line.is-playing .story-stop:nth-of-type(4) .story-symbol{animation-delay:2.42s}
.story-line.is-playing .story-stop:nth-of-type(5) .story-symbol{animation-delay:3.20s}
@keyframes story-icon-arrives{
 0%{scale:.52;rotate:-13deg;translate:0 18px;filter:brightness(.55)}
 68%{scale:1.22;rotate:4deg;translate:0 -5px;filter:brightness(1.3) drop-shadow(0 0 16px #caff43)}
 100%{scale:1;rotate:0;translate:0 0;filter:drop-shadow(0 0 8px #caff4355)}
}
@keyframes story-number-arrives{0%{scale:.55;rotate:-18deg}70%{scale:1.2;rotate:5deg}100%{scale:1;rotate:0}}

/* The mascots follow the open doorway, shrink through it, then appear inside. */
.arrival-scene.is-arriving .mp3-flight{animation:mp3-runs-into-house 2.75s cubic-bezier(.18,.78,.22,1) both}
@keyframes mp3-runs-into-house{
 0%{transform:translate(38vw,80px) scale(1) rotate(-5deg);opacity:1}
 22%{transform:translate(31vw,84px) scale(1) rotate(4deg);opacity:1}
 48%{transform:translate(20vw,92px) scale(.94) rotate(-3deg);opacity:1}
 72%{transform:translate(8vw,100px) scale(.76) rotate(3deg);opacity:1}
 90%{transform:translate(1vw,108px) scale(.3) rotate(-1deg);opacity:.9}
 100%{transform:translate(0,108px) scale(.02) rotate(0);opacity:0}
}
.arrival-scene.is-settled .mp3-flight{transform:translate(0,108px) scale(.02);opacity:0;transition:none}
.club-inhabitants{left:20%;right:auto}
@media(max-width:650px){
 .arrival-scene.is-arriving .mp3-flight{animation-name:mp3-runs-into-house-mobile}
 .arrival-scene.is-settled .mp3-flight{transform:translate(0,102px) scale(.02)}
 .club-inhabitants{left:30%;right:auto}
 @keyframes mp3-runs-into-house-mobile{
  0%{transform:translate(30vw,64px) scale(1) rotate(-5deg);opacity:1}
  25%{transform:translate(24vw,70px) scale(1) rotate(3deg);opacity:1}
  52%{transform:translate(15vw,82px) scale(.94) rotate(-3deg);opacity:1}
  78%{transform:translate(5vw,92px) scale(.78) rotate(2deg);opacity:1}
  92%{transform:translate(0,102px) scale(.34);opacity:.9}
  100%{transform:translate(0,102px) scale(.02);opacity:0}
 }
}
@media(max-width:370px){.club-inhabitants{left:28%;right:auto}}
@media(prefers-reduced-motion:reduce){
 .story-stop.is-current .story-symbol,.story-stop.is-current .story-index,.story-line.is-playing .story-stop .story-symbol{animation:none!important}
 .arrival-scene.is-arriving .mp3-flight{animation:none!important}
}

/* Arrival direction: the club is the destination on the left; the MP3 gang runs in from the right. */
.arrival-home{position:absolute;left:4%;right:auto;bottom:70px;width:min(44%,490px)}
.mp3-flight{left:4%;top:32%}
.club-inhabitants{left:16%;right:auto;bottom:116px;width:20%}
@keyframes mp3-runs-into-house{
  0%{transform:translate(82vw,34px) scale(1) rotate(-5deg);opacity:1}
  20%{transform:translate(67vw,42px) scale(1) rotate(4deg);opacity:1}
  48%{transform:translate(47vw,66px) scale(.94) rotate(-3deg);opacity:1}
  72%{transform:translate(30vw,91px) scale(.76) rotate(3deg);opacity:1}
  91%{transform:translate(22vw,108px) scale(.28) rotate(-1deg);opacity:.95}
  100%{transform:translate(22vw,108px) scale(.02) rotate(0);opacity:0}
}
@media(max-width:920px){
 .arrival-home{left:4%;right:auto;width:49%}
 .mp3-flight{left:4%;top:32%}
 .club-inhabitants{left:18%;right:auto;bottom:116px;width:21%}
 @keyframes mp3-runs-into-house{0%{transform:translate(78vw,34px) scale(1) rotate(-5deg);opacity:1}20%{transform:translate(64vw,42px) scale(1) rotate(4deg);opacity:1}48%{transform:translate(45vw,66px) scale(.94) rotate(-3deg);opacity:1}72%{transform:translate(32vw,91px) scale(.76) rotate(3deg);opacity:1}91%{transform:translate(25vw,108px) scale(.28);opacity:.95}100%{transform:translate(25vw,108px) scale(.02);opacity:0}}
}
@media(max-width:650px){
 .arrival-home{left:4%;right:auto;width:min(70%,310px);bottom:67px}
 .mp3-flight{left:0;top:35%;width:min(53%,215px)}
 .club-inhabitants{left:30%;right:auto;bottom:102px;width:19%}
 @keyframes mp3-runs-into-house-mobile{
  0%{transform:translate(78vw,34px) scale(1) rotate(-5deg);opacity:1}
  24%{transform:translate(65vw,45px) scale(1) rotate(4deg);opacity:1}
  52%{transform:translate(50vw,70px) scale(.94) rotate(-3deg);opacity:1}
  78%{transform:translate(42vw,91px) scale(.76) rotate(3deg);opacity:1}
  92%{transform:translate(39vw,108px) scale(.27);opacity:.95}
  100%{transform:translate(39vw,108px) scale(.02);opacity:0}
 }
}
@media(max-width:370px){.arrival-home{left:4%;right:auto;width:77%}.club-inhabitants{left:32%;right:auto;bottom:98px;width:20%}}

/* Explicit replay is an opt-in motion control, even when the device requests reduced motion. */
@media(prefers-reduced-motion:reduce){
 .story-line.is-reduced-playing .story-stop.is-current .story-symbol{animation:story-icon-glow .7s ease-out both!important}
 .story-line.is-reduced-playing .story-stop.is-current .story-index{animation:story-index-glow .7s ease-out both!important}
 .arrival-scene.is-reduced-arrival .mp3-flight{left:auto!important;right:5%!important;top:34%!important;width:min(32%,310px);opacity:1!important;transform:none!important;animation:reduced-mp3-arrival 1.4s ease-in-out both!important}
 .arrival-scene.is-reduced-arrival .club-inhabitants{opacity:0!important}
 .story-line.is-user-playing .story-stop .story-symbol{animation:story-icon-arrives .72s cubic-bezier(.18,.82,.25,1) both!important}
 .story-line.is-user-playing .story-stop:nth-of-type(1) .story-symbol{animation-delay:.08s!important}
 .story-line.is-user-playing .story-stop:nth-of-type(2) .story-symbol{animation-delay:.86s!important}
 .story-line.is-user-playing .story-stop:nth-of-type(3) .story-symbol{animation-delay:1.64s!important}
 .story-line.is-user-playing .story-stop:nth-of-type(4) .story-symbol{animation-delay:2.42s!important}
 .story-line.is-user-playing .story-stop:nth-of-type(5) .story-symbol{animation-delay:3.20s!important}
 .story-line.is-user-playing .story-stop{transition:opacity .22s ease,transform .22s ease!important}
 .arrival-scene.is-user-arriving .mp3-flight{animation:mp3-runs-into-house 2.75s cubic-bezier(.18,.78,.22,1) both!important}
}
@keyframes story-icon-glow{0%{filter:brightness(.88)}38%{filter:brightness(1.35) drop-shadow(0 0 14px #caff43)}100%{filter:brightness(1) drop-shadow(0 0 5px #caff4355)}}
@keyframes story-index-glow{0%,100%{box-shadow:0 0 0 0 #caff4300}45%{box-shadow:0 0 0 5px #caff4338,0 0 18px #caff43aa}}
@keyframes reduced-mp3-arrival{0%{opacity:0}20%{opacity:1}76%{opacity:1}100%{opacity:0}}
@media(max-width:650px) and (prefers-reduced-motion:reduce){
 .arrival-scene.is-reduced-arrival .mp3-flight{right:4%!important;width:min(53%,215px)}
}
@media(max-width:650px) and (prefers-reduced-motion:reduce){
 .arrival-scene.is-user-arriving .mp3-flight{animation-name:mp3-runs-into-house-mobile!important}
}

/* Rebuilt arrival scene: a readable cottage, an open door, and one continuous path into it. */
.arrival-home{position:absolute;z-index:2;left:2%;right:auto;bottom:25px;width:min(53%,650px);height:auto;filter:drop-shadow(0 20px 24px #08050c80);transform:none;}
.arrival-home:before,.arrival-home:after{content:none}
.arrival-home>img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 16px #a865ff30)}
.house-sign{top:9%;right:0;z-index:3;padding:8px 12px;border:1px solid #eaff9e;border-radius:5px;background:#caff43;color:#281a39;font:800 9px var(--mono);letter-spacing:.08em;box-shadow:0 6px 18px #caff4350}
.mp3-flight{left:0;top:42%;width:min(31%,310px);z-index:4}
.club-inhabitants{left:31%;right:auto;bottom:127px;width:17%;z-index:5}
.arrival-scene.is-arriving .mp3-flight{animation:mp3-runs-into-house 2.75s cubic-bezier(.18,.78,.22,1) both}
.arrival-scene.is-settled .mp3-flight{transform:translate(33vw,25px) scale(.02);opacity:0;transition:none}
.arrival-scene.is-settled .sound-rings,.arrival-scene.is-arriving .sound-rings{left:50%;top:69%}
@keyframes mp3-runs-into-house{
 0%{transform:translate(87vw,18px) scale(1) rotate(4deg);opacity:1}
 20%{transform:translate(72vw,38px) scale(1) rotate(-3deg);opacity:1}
 48%{transform:translate(52vw,46px) scale(.9) rotate(3deg);opacity:1}
 74%{transform:translate(35vw,32px) scale(.68) rotate(-2deg);opacity:1}
 91%{transform:translate(26vw,25px) scale(.28);opacity:.95}
 100%{transform:translate(23vw,25px) scale(.02);opacity:0}
}
@media(max-width:920px){
 .arrival-home{left:2%;right:auto;bottom:25px;width:min(65%,600px)}
 .mp3-flight{left:0;top:43%;width:min(34%,290px)}
 .club-inhabitants{left:40%;right:auto;bottom:120px;width:19%}
 .arrival-scene.is-settled .mp3-flight{transform:translate(32vw,20px) scale(.02)}
 @keyframes mp3-runs-into-house{0%{transform:translate(94vw,16px) scale(1) rotate(4deg);opacity:1}20%{transform:translate(78vw,35px) scale(1) rotate(-3deg);opacity:1}48%{transform:translate(58vw,42px) scale(.9) rotate(3deg);opacity:1}74%{transform:translate(43vw,30px) scale(.68);opacity:1}91%{transform:translate(35vw,22px) scale(.28);opacity:.95}100%{transform:translate(32vw,20px) scale(.02);opacity:0}}
}
@media(max-width:650px){
 .arrival-home{left:2%;right:auto;bottom:40px;width:min(96%,440px)}
 .arrival-home>img{filter:drop-shadow(0 12px 18px #08050c72)}
 .house-sign{top:8%;right:2%;padding:6px 9px;font-size:8px}
 .mp3-flight{left:0;top:42%;width:min(60%,225px)}
 .club-inhabitants{left:60%;right:auto;bottom:91px;width:25%}
 .arrival-scene.is-arriving .mp3-flight{animation-name:mp3-runs-into-house-mobile}
 .arrival-scene.is-settled .mp3-flight{transform:translate(42vw,20px) scale(.02)}
 .arrival-scene.is-settled .sound-rings,.arrival-scene.is-arriving .sound-rings{left:72%;top:67%}
 @keyframes mp3-runs-into-house-mobile{
  0%{transform:translate(101vw,8px) scale(1) rotate(4deg);opacity:1}
  23%{transform:translate(91vw,25px) scale(1) rotate(-3deg);opacity:1}
  50%{transform:translate(75vw,31px) scale(.9) rotate(3deg);opacity:1}
  76%{transform:translate(58vw,24px) scale(.68);opacity:1}
  92%{transform:translate(46vw,20px) scale(.26);opacity:.95}
  100%{transform:translate(42vw,20px) scale(.02);opacity:0}
 }
}
@media(max-width:370px){.arrival-home{width:98%;bottom:36px}.club-inhabitants{left:60%;bottom:83px;width:27%}}