@font-face{font-family:TGC;src:local('Arial');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#101519;color:#eeeae0;font-family:TGC,Arial,sans-serif;--accent:#ffd074;--shift:0;--progress:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffd074;outline-offset:5px}::selection{background:#ffd074;color:#101519}.skip{position:fixed;left:10px;top:-100px;z-index:99;background:#ffd074;color:#101519;padding:15px}.skip:focus{top:10px}header{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:14px 4vw;border-bottom:1px solid #ffffff22;background:#0d131be8;backdrop-filter:blur(18px);gap:20px}header .logo{width:110px;display:block}header nav{display:flex;align-items:center;gap:28px;font-size:12px}header nav a{padding:12px 0;color:#c5c8cb}header nav a[aria-current=page]{color:#ffd074}.settings{display:flex;gap:8px}.settings button{color:#eeeae0;border:1px solid #ffffff40;background:none;min-height:40px;padding:8px 11px;font-size:11px}.menu-toggle{display:none}.hero{height:min(960px,110svh);min-height:690px;position:relative;display:flex;align-items:flex-end;padding:150px 6vw 70px;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;opacity:.65;transform:scale(1.08) translateY(calc(var(--progress)*75px));filter:saturate(.8)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101519 2%,transparent 65%),linear-gradient(90deg,#071018ad,transparent 75%)}.hero-content{z-index:2;position:relative;width:100%}.eyebrow{font:11px/1.7 monospace;letter-spacing:.19em;text-transform:uppercase;color:var(--accent);display:flex;gap:15px;align-items:center}.eyebrow:before{content:'';width:28px;height:1px;background:currentColor}.hero h1{font-size:clamp(56px,9vw,146px);line-height:.89;letter-spacing:-.065em;font-weight:500;max-width:1200px;margin:30px 0}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #eeeae0}.hero .lead{font-size:clamp(16px,1.8vw,22px);line-height:1.5;max-width:560px;color:#d4d5d6}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:24px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 0}.button{border:1px solid #ffffff4a;padding:16px 23px;font-size:13px;display:inline-flex;align-items:center;gap:28px;min-height:52px;transition:background .2s,transform .2s;background:transparent;color:inherit}.button.primary{background:var(--accent);color:#15191a;border-color:var(--accent)}.button:hover{transform:translateY(-3px);background:#ffffff18}.button.primary:hover{background:#ffe1a8}.arrow{width:19px;height:19px;flex-shrink:0}.coordinate{font:11px/1.8 monospace;letter-spacing:.1em;color:#b4bdc4}.scroll-track{height:2px;background:#ffffff20;position:fixed;top:72px;left:0;width:100%;z-index:32;transform-origin:left;transform:scaleX(var(--progress));background:var(--accent)}.chapter{padding:110px 6vw;position:relative;overflow:hidden}.chapter-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff2b;padding-top:18px;font:11px monospace;letter-spacing:.12em;color:#b0b8bd;margin-bottom:50px}.split{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:center}.chapter h2{font-size:clamp(42px,6vw,88px);font-weight:500;letter-spacing:-.055em;line-height:1.02;margin:15px 0 35px}.chapter p{font-size:18px;line-height:1.7;color:#aeb9c0;max-width:620px}.statement{padding-top:150px;padding-bottom:160px}.statement h2{font-size:clamp(56px,10.5vw,158px);line-height:.97}.statement h2 .outline{color:transparent;-webkit-text-stroke:1px #b7c1c7}.statement h2 .fill{color:var(--accent)}.statement p{margin-left:auto}.floating-frame{position:absolute;width:160px;height:230px;border:1px solid #ffd07455;right:10%;top:20%;transform:rotate(calc(20deg + var(--local,0)*-50deg)) translateY(calc(var(--local,0)*-100px));pointer-events:none}.floating-frame:after{content:'';position:absolute;inset:18px;border:1px solid #ffd07433}.scene{position:relative;overflow:hidden}.scene img{width:100%;display:block;aspect-ratio:1.3;object-fit:cover}.scene figcaption{font:10px/1.6 monospace;color:#8d9ca6;letter-spacing:.06em;margin-top:15px}.scene-tilt{transform:perspective(1000px) rotateY(calc(var(--local,0)*-8deg)) rotateZ(calc(var(--local,0)*3deg));transform-origin:50% 70%}.light{background:#e4e0d5;color:#18242b}.light .chapter-label{color:#596970;border-color:#18242b44}.light p{color:#56666d}.mechanics{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:65px}.mechanic{border-top:1px solid #1c2c3344;padding-top:30px}.mechanic .number{font:13px monospace}.mechanic h3{font-size:29px;font-weight:400;letter-spacing:-.035em;margin:25px 0 10px}.mechanic p{font-size:15px}.mech-symbol{height:95px;margin:20px 0;color:#a3752c}.mech-symbol svg{width:90px;height:90px;transform:rotate(calc(var(--local,0)*90deg))}.image-strip{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:22px;align-items:center;margin-top:70px}.image-strip img{width:100%;aspect-ratio:.9;object-fit:cover;transform:translateY(calc(var(--local,0)*var(--distance,40px)))}.image-strip img:nth-child(2){--distance:-60px;aspect-ratio:.75}.image-strip img:nth-child(3){--distance:65px;aspect-ratio:1.1}.ticker{padding:40px 0;background:var(--accent);color:#182027;overflow:hidden;transform:rotate(-3deg) scale(1.02);margin:70px 0;font:500 clamp(35px,6vw,85px)/1 Arial;letter-spacing:-.04em;white-space:nowrap}.ticker span{display:block;transform:translateX(calc(var(--local,0)*-180px))}.portal{min-height:650px;display:grid;place-items:center;text-align:center;background:linear-gradient(#10151955,#101519ee),url('assets/scene-07.webp') center/cover}.portal h2{font-size:clamp(48px,7vw,110px)}.portal p{margin:0 auto}.portal .actions{justify-content:center}.foot{padding:45px 6vw;display:flex;justify-content:space-between;gap:30px;border-top:1px solid #ffffff26;font-size:11px;line-height:1.8;color:#93a1aa}.foot nav{display:flex;flex-wrap:wrap;gap:20px}.tiny{font:11px/1.7 monospace;color:#a5afb7}.subhero{min-height:630px;height:85svh}.subhero h1{max-width:900px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid #ffffff30;padding-top:30px}.facts dt{font:11px monospace;color:#8f9da7;margin-bottom:12px}.facts dd{margin:0;font-size:18px}.pitch-card{padding:40px;border:1px solid #ffffff30;margin-top:25px}.pitch-card h3{font-size:28px;font-weight:400;margin-top:0}.pitch-nav{display:flex;gap:12px;flex-wrap:wrap}.pitch-nav a{padding:10px 16px;border:1px solid #ffffff44;font:11px monospace}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.roadmap article{border-top:2px solid #5f727d;padding-top:20px}.roadmap article:first-child{border-color:var(--accent)}.roadmap h3{font-size:24px;font-weight:400}.roadmap p{font-size:15px}.badge{display:inline-block;padding:8px 12px;border:1px solid #ffd07466;color:#ffd074;font:11px monospace}.reveal{transition:opacity .75s,translate .75s}.js .reveal{opacity:.2;translate:0 25px}.js .reveal.visible{opacity:1;translate:0 0}body.motion-off *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.motion-off .hero>img,.motion-off .scene-tilt,.motion-off .floating-frame,.motion-off .image-strip img,.motion-off .ticker span,.motion-off .mech-symbol svg{transform:none!important}.motion-off .reveal{opacity:1;translate:none}.preview-note{padding:9px 6vw;background:#232c31;color:#c3cbd0;font:11px/1.6 monospace}.gallery-wide{width:100%;aspect-ratio:2;object-fit:cover;margin:30px 0}.mini-game{margin:0!important}.game-wrap{padding:0 6vw 100px}.game-wrap .mini-game{max-width:none}.credits{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:14px;color:#b2bec6;padding:0;list-style:none}.credits li{padding:12px 0;border-bottom:1px solid #ffffff14}.credits span{display:block;font-size:11px;color:#778b98;margin-bottom:4px}.preview-only{color:#ffd074}.nojs{padding:15px;background:#242b31} @media(max-width:900px){header nav{gap:14px}.settings .motion-toggle{display:none}.hero{min-height:700px}.split{grid-template-columns:1fr;gap:35px}.mechanics{gap:20px}.chapter{padding:75px 6vw}.hero-bottom{align-items:start;flex-direction:column}.coordinate{display:none}.facts{grid-template-columns:repeat(2,1fr)}.floating-frame{width:90px;height:140px;right:6%;opacity:.45}}@media(max-width:600px){header{padding:12px 5vw;gap:10px}header .logo{width:82px}.menu-toggle{display:block}header nav{display:none;position:absolute;top:64px;left:0;right:0;background:#10171bf5;padding:25px;flex-direction:column;align-items:stretch;font-size:17px}.nav-open header nav{display:flex}header nav a{padding:12px}.hero{min-height:740px;height:95svh;padding:135px 6vw 55px}.hero h1{font-size:clamp(44px,13vw,78px)}.hero>img{object-position:57% center}.hero .lead{font-size:16px}.chapter-label{font-size:10px;margin-bottom:35px}.chapter h2{font-size:43px}.statement h2{font-size:57px}.chapter p{font-size:16px}.mechanics{grid-template-columns:1fr}.mechanic{display:grid;grid-template-columns:75px 1fr;gap:10px}.mechanic .number{grid-column:1/-1}.mech-symbol svg{width:65px;height:65px}.mechanic h3{margin-top:5px}.mechanic p{grid-column:2;margin-top:-30px}.image-strip{gap:10px;grid-template-columns:1fr 1fr}.image-strip img:last-child{display:none}.foot{flex-direction:column}.roadmap{grid-template-columns:1fr}.pitch-card{padding:25px}.portal{min-height:570px}.credits{grid-template-columns:1fr}.game-wrap{padding:0 4vw 65px}.gallery-wide{aspect-ratio:1.2}.ticker{margin:25px 0}.settings button{min-height:42px}.scroll-track{top:66px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.hero>img,.scene-tilt,.floating-frame,.image-strip img,.ticker span,.mech-symbol svg{transform:none!important}.js .reveal{opacity:1;translate:none}}@media print{header,.settings,.mini-game,.actions,.ticker{display:none}.hero{min-height:0;height:auto;padding:30px}.hero>img{display:none}body,.light{background:white;color:black}.chapter{padding:25px;break-inside:avoid}.chapter p{color:#333}.hero h1{font-size:50px}.js .reveal{opacity:1;translate:none}.split{gap:30px}.foot{color:black}.chapter h2{font-size:38px}}

body{overflow-x:clip}.settings .motion-toggle{display:block}@media(max-width:600px){.settings .motion-toggle{max-width:76px;font-size:9px;padding:5px;line-height:1.2}.settings{gap:5px}.settings button{padding:7px}header .logo{width:73px}.statement{overflow:hidden}}

.statement h2 .outline{background:linear-gradient(100deg,var(--accent) calc(20% + var(--local,0)*100%),transparent 0);background-clip:text;-webkit-background-clip:text}.chamber-stage{height:550px;position:relative;perspective:950px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at center,#26343c 0,transparent 70%)}.chamber{width:250px;height:250px;position:relative;transform-style:preserve-3d;transform:rotateX(calc(60deg + var(--local,0)*-60deg)) rotateZ(calc(-30deg + var(--local,0)*90deg))}.chamber i{position:absolute;inset:0;border:1px solid #ffd07466;background:linear-gradient(140deg,#a4a69a22,#36465199);box-shadow:inset 0 0 35px #ffd07411;transform:translateZ(calc((var(--i) - 3)*var(--spread,40px)))}.chamber i:before{content:'';position:absolute;inset:18%;border:1px solid #ffd07499;box-shadow:0 0 25px #ffd07418}.chamber i:nth-child(even){background:#f8cb6808;transform:translateZ(calc((var(--i) - 3)*var(--spread,40px))) rotateZ(30deg)}.chamber-control{display:flex;gap:25px;align-items:center;justify-content:center;font:12px monospace}.chamber-control input{accent-color:#ffd074;width:min(400px,50vw);min-height:44px}.chamber-stage:after{content:'';position:absolute;left:0;right:0;bottom:25px;height:1px;background:linear-gradient(90deg,transparent,#ffd07477,transparent)}.motion-off .chamber{transform:rotateX(55deg) rotateZ(-25deg)}@media(max-width:600px){.chamber-stage{height:420px}.chamber{width:170px;height:170px}.chamber-control{flex-wrap:wrap}.chamber-control input{width:100%}}@media(prefers-reduced-motion:reduce){.chamber{transform:rotateX(55deg) rotateZ(-25deg)}}

html{overflow-x:clip}.hero{height:auto;min-height:max(760px,100svh)}.subhero{height:auto;min-height:max(720px,90svh)}@media(max-width:600px){.hero,.subhero{height:auto;min-height:780px;padding-top:135px}}

.mechanic.compact{display:block}.mechanic.compact p{margin-top:0}.mechanic.compact h3{overflow-wrap:anywhere}

/* Dark / Cyan scroll direction · 19.09.2026 */
body{--gold:#f0b83c;--magenta:#ed168c;--cyan:#00c9e8;--accent:var(--gold);background:#090d10;color:#f0f0e9}
@media screen{
  .light{background:#101619;color:#f0f0e9}
  .light p{color:#b8c4c9}.light .chapter-label{color:#94a5ad;border-color:#ffffff30}
  .light .scene figcaption{color:#a3b5bd}
  .scroll-track{background:var(--cyan)}
  a:focus-visible,button:focus-visible,input:focus-visible{outline-color:var(--cyan)}
  header nav a:hover,.foot a:hover{color:var(--cyan)}
  .hero .button:not(.primary){border-color:#00c9e880}
  .hero .button:not(.primary):hover{background:#00c9e818}
  .mechanic[data-ability]{border-top:1px solid var(--ability);--ability:var(--gold)}
  .mechanic[data-ability="1"]{--ability:var(--magenta)}
  .mechanic[data-ability="2"]{--ability:var(--cyan)}
  .mechanic[data-ability] .number,.mechanic[data-ability] h3{color:var(--ability)}
  .mechanic[data-ability] h3{font-weight:700}
  .mech-symbol{display:none}
  .mechanic.compact{border-color:#ffffff30}
  .ticker{background:#090d10;color:var(--cyan);border-block:1px solid #00c9e845;font-weight:900;padding:30px 0;margin:20px 0 80px}
  .chapter h2{font-weight:700}
  .image-strip{gap:3vw}.image-strip img{filter:saturate(.85)}
  .portal{background:linear-gradient(#090d1080,#090d10ef),url('assets/scene-07.webp') center/cover;min-height:90svh}
  .portal h2{font-weight:900;color:transparent;-webkit-text-stroke:1px var(--cyan);background:linear-gradient(-25deg,var(--cyan) calc(5% + var(--local,0)*170%),transparent 0);background-clip:text;-webkit-background-clip:text}
  .portal .eyebrow{justify-content:center;color:var(--cyan)}
  .roadmap article:nth-child(2){border-color:var(--magenta)}.roadmap article:nth-child(3){border-color:var(--cyan)}
  .foot{flex-wrap:wrap}.foot>.jano-legal-links{flex-basis:100%}
}
.color-sequence{position:relative;background:#090d10;--cut:0%;--ink:100%}
.color-stage{position:relative;height:max(730px,100svh);overflow:hidden}
.stage-base,.cyan-sheet{position:absolute;inset:0}
.cyan-sheet{background:var(--cyan);color:#041114;clip-path:polygon(0 0,calc(115% - var(--cut)) 0,calc(100% - var(--cut)) 100%,0 100%);pointer-events:none}
.stage-content{height:100%;padding:110px 6vw 45px;display:flex;flex-direction:column;justify-content:center}
.stage-kicker{font:11px/1.5 monospace;letter-spacing:.16em;margin-bottom:35px}
.motion-title{font:900 clamp(64px,12vw,172px)/.83 Arial,sans-serif;text-transform:uppercase;letter-spacing:-.075em;margin:0}
.stage-base .motion-title{color:transparent;-webkit-text-stroke:1px #f0f0e9;background:linear-gradient(115deg,#f0f0e9 var(--ink),transparent 0);background-clip:text;-webkit-background-clip:text}
.stage-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:40px}
.stage-bottom p{font-size:clamp(16px,1.6vw,21px);line-height:1.5;max-width:490px;margin:0}
.stage-bottom>span{font:11px monospace;letter-spacing:.1em;white-space:nowrap}


.space-sequence{position:relative;background:#090d10;--scene-progress:0}
.space-stage{position:relative;height:max(700px,100svh);overflow:hidden}
.space-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.24 - var(--scene-progress)*.24)) rotate(calc(-5deg + var(--scene-progress)*5deg));filter:saturate(.7)}
.space-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090d10e0,transparent 85%),linear-gradient(0deg,#090d10,transparent 45%)}
.space-copy{position:relative;z-index:1;padding:130px 6vw 80px}
.space-copy h2{font:900 clamp(58px,10vw,140px)/.87 Arial,sans-serif;letter-spacing:-.065em;text-transform:uppercase;margin:40px 0;color:#f0f0e9;transform:translateX(calc(var(--scene-progress)*5vw))}
.space-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--cyan);background:linear-gradient(-35deg,var(--cyan) calc(var(--scene-progress)*140%),transparent 0);background-clip:text;-webkit-background-clip:text}
.space-copy p{font-size:18px;line-height:1.6;color:#d5dce0}
.space-caption{position:absolute;bottom:30px;right:6vw;font:10px monospace;letter-spacing:.15em;color:#c1ccd2}


@media(max-width:600px){
 .mechanic[data-ability]{display:block;padding-block:25px 10px}.mechanic[data-ability] h3{margin:20px 0 12px;font-size:29px}.mechanic[data-ability] p{margin:0;font-size:16px}
 .stage-content{padding:105px 6vw 45px}.stage-kicker{margin-bottom:45px;font-size:10px}.motion-title{font-size:clamp(54px,13vw,80px);line-height:.92;letter-spacing:-.065em}
 .color-stage{height:max(650px,100svh)}.stage-bottom{display:block;margin-top:40px}.stage-bottom>span{display:block;margin-top:35px;font-size:10px}
 .space-copy{padding-top:130px}.space-copy h2{font-size:clamp(48px,12vw,74px)}.space-stage>img{object-position:60% center}
 .portal h2{font-size:clamp(38px,10vw,58px)}
}
/* A concise, fully legible static composition when motion is disabled. */
.motion-off .color-sequence,.motion-off .space-sequence{height:auto;min-height:0}
.motion-off .color-stage,.motion-off .space-stage{position:relative}
.motion-off .cyan-sheet{clip-path:none}.motion-off .space-stage>img,.motion-off .space-copy h2{transform:none}
.motion-off .space-copy h2 em,.motion-off .portal h2{color:var(--cyan);background:none;-webkit-text-stroke:0}
@media(prefers-reduced-motion:reduce){
 .js .color-sequence,.js .space-sequence{height:auto;min-height:0}.js .color-stage,.js .space-stage{position:relative}
 .cyan-sheet{clip-path:none}.space-stage>img,.space-copy h2{transform:none}.space-copy h2 em,.portal h2{color:var(--cyan);background:none;-webkit-text-stroke:0}
}
@media print{.color-sequence,.space-sequence{height:auto!important;min-height:0!important}.color-stage,.space-stage{position:relative!important;height:auto}.stage-base{position:relative}.cyan-sheet,.space-stage>img,.space-shade{display:none}.stage-base .motion-title,.space-copy h2{color:black;background:none;font-size:48px;-webkit-text-stroke:0}.stage-content,.space-copy{padding:30px}}