@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('assets/fonts/manrope-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('assets/fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;--ice:#b1d6e6;--peach:#ffc5a2;--dim:#b3c5d1}*{box-sizing:border-box}body{margin:0;background:#091321;color:#f6f2ed;font-family:Manrope,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #ffd8a9;outline-offset:4px}#track{height:2100vh}#screen{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#0b1725}.sky{position:absolute;inset:0;background:radial-gradient(ellipse at 73% 46%,#b97a674d,transparent 40%),linear-gradient(165deg,#08182b,#25384a 52%,#685056 76%,#172536)}.sun{position:absolute;width:36vw;height:36vw;border-radius:50%;top:17%;right:8%;background:radial-gradient(circle,#ffd6ac35, #f0ad7430 35%,#f0ad7400 70%);filter:blur(10px)}.architecture{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.66% - 2px),#b2d7e712 16.66%);mask-image:linear-gradient(black,transparent 90%)}.architecture:after{content:'';position:absolute;width:200%;height:60%;bottom:-27%;left:-50%;transform:perspective(500px) rotateX(60deg);background:repeating-linear-gradient(90deg,transparent 0,transparent 99px,#b1d5e322 100px),repeating-linear-gradient(0deg,transparent 0,transparent 59px,#b1d5e322 60px)}#network{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.edge{position:absolute;inset:0;box-shadow:inset 0 0 180px #06101ad9;pointer-events:none}header{position:absolute;top:28px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;z-index:30}.brand{font-size:30px;font-weight:800;letter-spacing:-1.5px;text-decoration:none;display:flex;align-items:center;gap:25px}.brand span{font-size:8px;letter-spacing:2px;font-weight:500;color:var(--dim)}header>div{display:flex;gap:12px}header button{border:1px solid #c6e0e838;background:#17304466;backdrop-filter:blur(12px);font-size:11px;padding:12px 17px;border-radius:3px}header button span{margin-left:15px}#camera{position:absolute;inset:0;perspective:1100px;perspective-origin:60% 48%}#world{position:absolute;inset:0;transform-style:preserve-3d}.scene{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;visibility:hidden}.layer{position:absolute;will-change:transform,opacity;transform-style:preserve-3d}.actor{width:35%;height:80%;left:32%;top:13%;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(15px 22px 25px #030d1d66)}.actor img{width:100%;height:100%;object-fit:contain}.plinth{width:43%;height:20%;left:30%;top:73%;border-radius:50%;background:radial-gradient(ellipse,#8cafc544,#7aafc312 40%,transparent 65%);border-top:1px solid #badff444}.ring{width:330px;height:330px;left:41%;top:22%;border:1px solid #bde5f166;border-radius:50%;box-shadow:0 0 35px #a6d4e30c,inset 0 0 35px #a6d4e30c}.ring:before{content:'';position:absolute;inset:18px;border-radius:50%;border:1px dashed #d8c6ac66}.orb{left:63%;top:22%;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff0dce0 0,#ffbc8680 20%,#ffa37212 50%,transparent 70%);font-weight:800;font-size:16px;color:#fff4de;text-shadow:0 0 10px #ffb67b}.incoming,.output,.document{background:linear-gradient(130deg,#a8cfe72b,#102b429c);border:1px solid #c0dfef66;box-shadow:0 20px 65px #00132944;backdrop-filter:blur(18px);padding:18px;border-radius:7px}.incoming{left:35%;top:25%;width:210px}.output{left:54%;top:60%;width:230px}.document{left:28%;top:57%;width:155px;transform-origin:bottom right}.micro{font-size:8px;letter-spacing:1.3px;color:#abcbdc;margin-bottom:12px}.incoming strong,.output strong{font-size:15px;font-weight:500;line-height:1.4;display:block}.incoming p,.output p{font-size:11px;line-height:1.5;color:#d2e1e9;margin:9px 0 0}.output strong{color:#ffd1ae}.object-icon{font-size:24px;display:block;margin-bottom:14px;color:#d9eaf1}.document-line{height:3px;background:#c2e2ee55;margin:9px 0;width:100%}.document-line:nth-child(3){width:67%}.document-line:nth-child(4){width:85%}.document .scan{height:2px;background:#ffc997;box-shadow:0 0 13px #ffb684;transform-origin:left}.links{left:22%;top:20%;width:55%;height:60%;overflow:visible}.links path{fill:none;stroke:#ffd3ad99;stroke-width:1.2;stroke-dasharray:6 9}.links .blue{stroke:#b4e5f199}.badge{left:48%;top:12%;font-size:9px;letter-spacing:2px;color:#cfecf1;border:1px solid #b9dae133;padding:8px 12px}.case-index{font-size:190px;font-weight:800;line-height:1;color:#bddceb07;left:35%;top:26%;letter-spacing:-15px}.intro-actor{height:78%;width:32%;top:19%;left:49%;position:absolute;object-fit:contain;filter:drop-shadow(10px 20px 25px #03112577)}#copy{position:absolute;left:5%;top:25%;width:28%;z-index:12;pointer-events:none}#kicker,.eyebrow{font-size:9px;letter-spacing:1.9px;color:var(--peach);line-height:1.6}h1{font-size:clamp(30px,3.1vw,54px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:19px 0 24px;text-wrap:balance}#text{font-size:13px;line-height:1.8;color:#cbd8e1;max-width:320px}#beat-tabs{display:flex;gap:13px;margin-top:29px}#beat-tabs span{font-size:8px;padding-top:10px;border-top:1px solid #839ca666;color:#8ca9ba}#beat-tabs span.on{border-color:var(--peach);color:var(--peach)}#evidence{position:absolute;right:4%;top:23%;width:26%;max-width:380px;z-index:15;padding:22px;background:linear-gradient(130deg,#0b2032e6,#1b3448b3);backdrop-filter:blur(18px);border:1px solid #c2dfea33;box-shadow:0 30px 70px #09172333;border-radius:8px}#metric{font-size:clamp(36px,4.8vw,77px);letter-spacing:-3px;line-height:1.1;margin:15px 0 7px;color:#ffe0c6}#result{font-size:14px;line-height:1.45;margin:0 0 22px;color:#e2ebee}#chart{border-top:1px solid #c6dce522;padding-top:17px;margin-bottom:15px}.chart-label{display:flex;justify-content:space-between;font-size:10px;margin:10px 0 7px;color:#c3d6e2}.bar{height:8px;background:#28455c;overflow:hidden}.bar i{display:block;height:100%;background:#a9d6e8;transform-origin:left}.bar.warm i{background:linear-gradient(90deg,#cda593,#ffd7b2)}.flow{display:flex;align-items:center;gap:5px;font-size:9px;line-height:1.5}.flow span{padding:8px 6px;border:1px solid #a9cdd63b;flex:1;text-align:center}.flow b{color:#edba98;font-size:13px}.chart-caption{font-size:9px;color:#afc4d0;line-height:1.5;margin-top:12px}#note{font-size:10px;line-height:1.6;color:#aec3d0}#source{font-size:10px;color:#d6e8ed;text-underline-offset:4px}#case-cta{width:100%;margin-top:20px;padding:13px 10px;border:1px solid #e8b99566;background:#e7b48d15;text-align:left;color:#ffdabd;font-size:11px}#intro,#final{position:absolute;left:7%;top:24%;z-index:16}#intro h2{font-size:clamp(55px,6.5vw,110px);line-height:1.02;font-weight:500;letter-spacing:-.055em;margin:20px 0 25px}#intro h2 em{font-family:Georgia,serif;color:var(--peach);font-weight:400}#intro>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#c9dce6}#intro button,#final button{background:var(--peach);color:#142337;border:0;padding:16px 24px;margin-top:20px;font-size:12px}#final{left:0;right:0;text-align:center;top:18%}#final h2{font-size:clamp(120px,20vw,310px);letter-spacing:-.085em;margin:10px 0;line-height:1.1;background:linear-gradient(140deg,#b9e0f1,#fff1d7 55%,#e9ac87);color:transparent;background-clip:text}#final>p:not(.eyebrow){font-size:24px;line-height:1.5;margin:10px}footer{position:absolute;bottom:29px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;z-index:30}footer>div:first-child{display:flex;align-items:center;gap:15px}#counter{font-size:12px;color:var(--peach);font-weight:500}#scene-name{font-size:10px;color:#b5cdda}nav{display:flex;align-items:center;gap:17px}nav>button{background:none;border:0;font-size:21px;color:#d1e4ed;padding:7px}#dots{display:flex;gap:9px}#dots button{width:6px;height:6px;border-radius:50%;padding:0;border:0;background:#7995a477;position:relative}#dots button:before{content:'';position:absolute;inset:-7px}#dots button.active{background:var(--peach);box-shadow:0 0 14px #f8b99777}#motion{border:0;background:none;font-size:9px;color:#b4c9d6}#progress{position:absolute;left:0;right:0;height:1px;background:#b5d4e52b;bottom:-12px}#progress i{display:block;width:0;height:1px;background:var(--peach)}.scroll-hint{position:absolute;right:4%;bottom:110px;writing-mode:vertical-rl;font-size:7px;letter-spacing:2px;color:#a6bfcd}.scroll-hint span{font-size:20px;margin-top:13px}dialog{color:#ecf3f8;background:#102536;border:1px solid #7696ac66;border-radius:10px;padding:32px;width:min(490px,calc(100% - 24px));max-height:85svh}dialog::backdrop{background:#04101ec7;backdrop-filter:blur(18px)}dialog h2{font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-1px}.close{position:absolute;top:9px;right:14px;border:0;background:none;font-size:27px}#index-dialog{width:min(1050px,calc(100% - 26px))}#index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}#index-grid button{background:#24425666;border:1px solid #afcfdd2b;border-radius:5px;padding:15px;text-align:left;display:grid;grid-template-columns:30px 1fr 70px;gap:10px;align-items:center}#index-grid small{color:var(--peach)}#index-grid strong{font-size:12px;font-weight:500}#index-grid em{font-size:17px;color:#dbe9f0;font-style:normal;text-align:right}textarea{display:block;width:100%;margin:12px 0 18px;padding:13px;background:#081b2a;border:1px solid #66889b;color:inherit;font:inherit;font-size:13px;max-height:30svh}dialog label{font-size:12px}#copy-brief{background:var(--peach);border:0;padding:13px 18px;color:#102536}dialog small{display:block;font-size:10px;color:#b0c8d6;margin-top:14px}
@media(max-width:750px){header{top:20px;left:6%;right:6%}.brand{font-size:25px}.brand span{display:none}header button{font-size:9px;padding:10px}header>div{gap:7px}header button span{display:none}#copy{left:6%;top:13%;width:88%}#kicker{font-size:7px;margin:0}h1{font-size:29px;max-width:88%;margin:9px 0 10px}#text{font-size:11px;line-height:1.55;max-width:92%;margin:0}#beat-tabs{margin-top:12px;gap:17px}#beat-tabs span{font-size:7px;padding-top:5px}.actor{left:14%;width:66%;height:54%;top:27%}.plinth{left:10%;width:80%;top:71%}.ring{width:200px;height:200px;left:25%;top:38%}.orb{left:73%;top:36%;width:66px;height:66px;font-size:12px}.incoming{left:5%;top:42%;width:130px;padding:12px}.incoming strong,.output strong{font-size:11px}.incoming p,.output p{font-size:9px}.micro{font-size:6px;margin-bottom:8px}.output{left:58%;top:62%;width:140px;padding:12px}.document{left:11%;top:66%;width:92px;padding:12px}.object-icon{font-size:18px;margin-bottom:8px}.badge{left:40%;top:35%;font-size:7px}.case-index{font-size:130px;left:30%;top:38%}.links{left:0;width:100%;top:34%;height:42%}#evidence{top:auto;bottom:13%;left:6%;right:6%;width:auto;max-width:none;padding:15px}.eyebrow{font-size:7px}#metric{font-size:42px;margin:7px 15px 7px 0;float:left;letter-spacing:-2px}#result{font-size:11px;min-height:46px;padding-top:10px;margin:0}#chart{clear:both;padding-top:8px;margin-bottom:7px}.chart-label{font-size:8px;margin:7px 0 4px}.bar{height:5px}#note{font-size:8px;line-height:1.4;margin:7px 0}.chart-caption{font-size:8px;margin-top:8px}.flow{font-size:8px}.flow span{padding:5px}#source{font-size:9px}#case-cta{margin-top:10px;padding:9px;font-size:10px}.scroll-hint{display:none}footer{left:6%;right:6%;bottom:20px;flex-wrap:wrap;gap:10px}footer>div:first-child{gap:8px}#scene-name{font-size:9px}#counter{font-size:10px}nav{gap:9px;order:3;width:100%;justify-content:center}#dots{gap:14px}nav>button{font-size:18px;padding:0 8px}#motion{font-size:8px}#progress{bottom:-8px}#intro{left:6%;top:17%;right:6%}#intro h2{font-size:54px}#intro>p:not(.eyebrow){font-size:12px}#intro>.eyebrow{font-size:7px;max-width:75%}.intro-actor{width:62%;height:60%;top:42%;left:35%}#intro button{font-size:10px;padding:13px 18px}.intro-actor:nth-child(2){left:5%}#final{top:28%}#final h2{font-size:32vw}#final>p:not(.eyebrow){font-size:20px}#index-grid{grid-template-columns:1fr}#index-grid button{padding:12px}dialog h2{font-size:24px}}
@media(max-height:730px) and (max-width:750px){h1{font-size:25px}#text{font-size:10px}#copy{top:12%}#evidence{bottom:15%;padding:12px}#metric{font-size:34px}#note{font-size:7px}#case-cta{padding:7px}#result{padding-top:5px;min-height:35px}.chart-label{margin-top:5px}#intro h2{font-size:45px}#intro{top:16%}}
@media(min-width:751px){.chart-label{font-size:12px}#note{font-size:11px}.chart-caption{font-size:10px}#source{font-size:11px}}
/* Winter sunset reference: coral sky, gold light, lavender snow. */
:root{--ice:#e4cede;--peach:#ffe2a5;--dim:#e1c6d0}
#screen{background:#251b32}.sky{background:radial-gradient(ellipse at 72% 49%,#fff39ca8 0%,#ffb15175 8%,#ff793c40 25%,transparent 49%),linear-gradient(174deg,#61324b 0%,#a44958 26%,#d6685d 46%,#a96572 62%,#74607b 79%,#302840 100%)}
.sun{top:21%;right:10%;width:32vw;height:32vw;background:radial-gradient(circle,#fff9ccab 0%,#ffd75970 16%,#ff9b5235 40%,transparent 70%);filter:blur(15px)}
.architecture{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.66% - 2px),#f5d9d812 16.66%)}.architecture:after{background:repeating-linear-gradient(90deg,transparent 0,transparent 99px,#f5d9e222 100px),repeating-linear-gradient(0deg,transparent 0,transparent 59px,#f5d9e222 60px)}.edge{box-shadow:inset 0 0 150px #231328ac}
header button{background:#422b4199;border-color:#f9d8c348}.brand span,#text{color:#f4e1e8}.brand{filter:drop-shadow(0 2px 10px #31182b77)}
#copy{padding:20px 22px 22px;margin-left:-22px;margin-top:-20px;border:1px solid #ffe0ac55;border-radius:9px;background:linear-gradient(120deg,#352237e8,#39263ac9);backdrop-filter:blur(18px);box-shadow:0 20px 70px #32172644,inset 0 1px #ffeac32a}
#copy:before,#evidence:before{content:'';position:absolute;left:-1px;top:22px;height:52px;width:2px;background:#ffe9a6;box-shadow:0 0 13px #ffda82,0 0 30px #ff9b65}
#copy:after,#evidence:after{content:'';position:absolute;inset:-7px;border-radius:13px;pointer-events:none;background:radial-gradient(circle at 9% 0%,#fff3c5 0 1px,transparent 3px),radial-gradient(circle at 100% 28%,#ffd184 0 1px,transparent 3px),radial-gradient(circle at 72% 100%,#ffe9c3 0 1px,transparent 3px);animation:focus-sparks 4s ease-in-out infinite alternate}
h1{color:#fff6e8;text-shadow:0 2px 20px #27172b55}#kicker,.eyebrow{color:#ffe4ab}#evidence{background:linear-gradient(140deg,#432b43f2,#352b44eb);border-color:#ffd39780;box-shadow:0 20px 70px #29172c66,0 0 35px #ffaf7020,inset 0 1px #fff0cd44}
#metric{color:#ffebba;text-shadow:0 0 28px #ffb56138}#result{color:#fff1e8;font-weight:600}#note,.chart-caption,.chart-label{color:#e4ccd9}#source{color:#ffdfac}.bar{background:#70566f}.bar i{background:#d8b5d1}.bar.warm i{background:linear-gradient(90deg,#ff915e,#ffe68e)}#case-cta{background:#ffbd7730;border-color:#ffd49788;color:#fff0c9}
.incoming,.output,.document{background:linear-gradient(135deg,#a5738599,#453046df);border-color:#ffdab675;box-shadow:0 20px 65px #32132955}.micro,.incoming p,.output p{color:#f2dce4}.output strong{color:#ffedb9}.document-line{background:#e9bfd077}.document .scan{background:#ffe99c;box-shadow:0 0 13px #ffd060}.ring{border-color:#ffdba966}.ring:before{border-color:#fbd2c677}.links path{stroke:#ffe49dbb}.links .blue{stroke:#f4cddd99}.badge{background:#3e294770;border-color:#edc4d344;color:#f8e7e9}.plinth{background:radial-gradient(ellipse,#e5b5d344,#bd8dbb18 40%,transparent 65%);border-color:#ffe0ba55}.case-index{color:#ffe0ce0d}
#intro h2{color:#fff3e3;text-shadow:0 4px 35px #331b3644}#intro>p:not(.eyebrow){color:#f5e2e8}#intro>p,#intro h2{filter:drop-shadow(0 2px 8px #42233b55)}#intro h2 em{color:#ffe5a5}#intro button,#final button,#copy-brief{background:linear-gradient(110deg,#ffd59c,#ffe9ae);color:#442535;box-shadow:0 0 30px #ffc96922}
#final h2{background-image:linear-gradient(140deg,#ebd5f1,#fff1b0 50%,#ff9764)}#motion,#scene-name,.scroll-hint{color:#ead4df}#dots button{background:#e4bfce66}#dots button.active{background:#ffdf93;box-shadow:0 0 16px #ffd08d}#beat-tabs span{color:#d3adc4;border-color:#d4aec455}#beat-tabs span.on{color:#ffe9b1;border-color:#ffe5a5}
dialog{background:#382a41;border-color:#e4bdd177}#index-grid button{background:#75516855;border-color:#eac7d03b}textarea{background:#251c31;border-color:#947088}dialog small{color:#dec6d4}
@keyframes focus-sparks{from{opacity:.4;filter:drop-shadow(0 0 2px #ffd484)}to{opacity:1;filter:drop-shadow(0 0 7px #ffd484)}}
body.calm #copy:after,body.calm #evidence:after{animation:none}
@media(prefers-reduced-motion:reduce){#copy:after,#evidence:after{animation:none}}
@media(max-width:750px){#copy{padding:12px 14px;margin-left:-8px;margin-top:-6px;width:calc(88% + 16px)}#copy:before{top:15px;height:34px}#copy:after,#evidence:after{inset:-4px}#intro h2{text-shadow:0 3px 25px #2a172b77}}
@media(max-width:750px){.actor{top:34%;height:52%}}