.scroll-reveal{margin:20px 0}.scroll-reveal-text{display:block;font-size:clamp(1.6rem,4vw,3rem);line-height:1.5;font-weight:600}.scroll-reveal-word,.scroll-reveal-piece{display:inline-block}:root{--coal: #0f0e0d;--coal-2: #181614;--paper: #ece3cf;--paper-2: #cbc1ab;--ash: #8d8475;--ember: #d27a45;--rule: rgba(236, 227, 207, .14);--display: "Bona Nova", "Times New Roman", Georgia, serif;--body: "Golos Text", "Helvetica Neue", Arial, sans-serif;--gut-l: max(20px, env(safe-area-inset-left, 0px));--gut-r: max(20px, env(safe-area-inset-right, 0px));color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;background:var(--coal);color:var(--paper);font:400 19px/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,video{display:block;max-width:100%}p,ul,ol{margin:0}h1,h2,h3{margin:0;font-weight:400}button{font:inherit}b{font-weight:600}:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.title{font:400 clamp(34px,5.2vw,60px)/1.08 var(--display);text-wrap:balance}.title p{display:flex;flex-wrap:wrap}.h3{font:400 28px/1.2 var(--display)}.h3.gap{margin-top:28px}.kicker{font:500 14px/1.3 var(--body);letter-spacing:.06em;color:var(--ember)}.lead{color:var(--paper-2);font-size:20px;max-width:62ch}.muted{color:var(--ash)}.small{font-size:14px}.stack{display:grid;gap:14px;align-content:start}figure{margin:0}figcaption{font-size:15px;color:var(--ash);margin-top:10px;max-width:70ch}.hero{position:relative;min-height:min(92vh,900px);display:grid;align-items:end;overflow:hidden}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}.hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 64% 62%,transparent 0 var(--r),rgba(15,14,13,.82) calc(var(--r) + 16%),var(--coal) calc(var(--r) + 34%)),linear-gradient(to top,var(--coal) 4%,transparent 45%);--r: 0%;animation:erase 2.6s cubic-bezier(.2,.7,.2,1) .2s forwards}@property --r{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@keyframes erase{to{--r: 22%}}.hero-text{position:relative;display:grid;gap:14px;padding:0 var(--gut-r) clamp(40px,7vw,88px) var(--gut-l);max-width:1200px;width:100%;min-width:0;margin-inline:auto}.hero h1{line-height:0;margin-left:-10px;min-width:0;max-width:100%}.hero h1 canvas{max-width:100%;height:auto!important}.hero-lead{font-size:clamp(20px,2.2vw,26px);max-width:34ch;line-height:1.45;text-shadow:0 0 16px var(--coal)}.hero-meta{color:var(--ash);font-size:15px}.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:#0f0e0deb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--rule)}.nav-in{max-width:1200px;margin:0 auto;padding:0 var(--gut-r) 0 var(--gut-l);display:flex;gap:22px;overflow-x:auto;scrollbar-width:none}.nav a{color:var(--paper-2);text-decoration:none;font-size:15px;padding:14px 0;white-space:nowrap}.nav a:hover{color:var(--paper)}.statement{max-width:1100px;margin:0 auto;padding:clamp(80px,14vw,170px) var(--gut-r) clamp(60px,10vw,120px) var(--gut-l)}.statement-text{font:400 clamp(32px,5.4vw,68px)/1.18 var(--display)!important;color:var(--paper)}.block{max-width:1200px;margin:0 auto;padding:clamp(64px,9vw,120px) var(--gut-r) clamp(64px,9vw,120px) var(--gut-l);border-top:1px solid var(--rule);display:grid;gap:clamp(28px,4vw,44px)}.block-head{display:grid;gap:16px;max-width:780px}.story{display:grid;gap:clamp(28px,5vw,64px);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center}.story-text{display:grid;gap:20px}.story-text>p{color:var(--paper-2)}.ref{color:var(--ash);font-size:16px;border-left:2px solid var(--ember);padding-left:14px}.story-img img{width:100%}.facts,.rules{margin:0;display:grid}.facts div,.rules div{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:14px;padding:11px 0;border-top:1px solid var(--rule)}dt{color:var(--ash)}dd{margin:0;color:var(--paper)}.rules .q dt,.rules .q dd{color:var(--ember)}.cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.cols-3 div{border-top:2px solid var(--paper);padding-top:14px;display:grid;gap:8px;align-content:start}.cols-3 h3{font:400 26px/1.2 var(--display)}.cols-3 p{color:var(--paper-2)}.why{border-left:2px solid var(--ash);padding:4px 0 4px 18px;display:grid;gap:8px;max-width:78ch;color:var(--paper-2);font-size:17px}.why-label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ash)}.why ul{padding-left:18px;display:grid;gap:6px}.pillars{list-style:none;padding:0;display:grid;gap:0;counter-reset:p}.pillars>li{counter-increment:p;display:grid;gap:10px;padding:26px 0 26px 64px;border-top:1px solid var(--rule);position:relative}.pillars>li:before{content:counter(p);position:absolute;left:0;top:20px;font:italic 400 40px/1 var(--display);color:var(--ash)}.pillars h3{font:400 28px/1.2 var(--display)}.pillars>li>p{color:var(--paper-2)}.keys{display:grid;gap:16px;padding-top:12px}.keys ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px}.keys li{display:flex;align-items:center;gap:6px;color:var(--paper-2);flex-wrap:wrap}.keys li span{margin-left:8px}kbd{font:500 14px var(--body);color:var(--paper);border:1px solid var(--rule);border-bottom-width:3px;padding:3px 9px;border-radius:4px;min-width:30px;text-align:center}.points{padding-left:20px;display:grid;gap:10px;color:var(--paper-2);max-width:78ch}.points b{color:var(--paper)}.scrolly{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(28px,4vw,60px)}.scrolly-stage{position:sticky;top:calc(64px + 6vh);align-self:start;aspect-ratio:16 / 9;background:#000}.scrolly-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}.scrolly-stage img.on{opacity:1}.scrolly-dots{position:absolute;left:0;right:0;bottom:-40px;display:flex;gap:18px;font-size:15px}.scrolly-dots span{color:var(--ash);border-top:2px solid var(--rule);padding-top:6px;flex:1;transition:color .4s,border-color .4s}.scrolly-dots span.on{color:var(--paper);border-color:var(--paper)}.scrolly-steps{list-style:none;margin:0;padding:0;display:grid}.scrolly-steps>li{min-height:70vh;display:grid;align-content:center;gap:12px;opacity:.3;transition:opacity .5s}.scrolly-steps>li.on{opacity:1}.scrolly-steps h3{font:400 44px/1.1 var(--display);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.scrolly-steps small{font:400 14px var(--body);color:var(--ash)}.scrolly-steps ul{padding-left:20px;display:grid;gap:8px;color:var(--paper-2)}.scrolly-steps .cond{color:var(--ember)}.scrolly-inline{display:none}table{width:100%;border-collapse:collapse;font-size:17px}th,td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-top:1px solid var(--rule)}th{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ash);font-weight:400}td{color:var(--paper-2)}td:first-child{color:var(--paper);white-space:nowrap}.tablebox{overflow-x:auto}.term{background:var(--paper);color:#2b2723;padding:26px 30px;display:grid;gap:12px;max-width:760px}.term .kicker{color:#8a4a26}.term ul{padding-left:20px;display:grid;gap:6px}.wide img{width:100%}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,44px);align-items:start}.pair img{width:100%}.signs{padding-left:22px;display:grid;gap:10px;color:var(--paper-2)}.film-block{max-width:1400px}.film-box{position:relative}.film video{width:100%;aspect-ratio:16 / 9;background:#000}.film-big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:16px;background:var(--paper);color:var(--coal);border:0;cursor:pointer;font:500 clamp(18px,2.2vw,24px) var(--body);padding:20px 30px 20px 22px;border-radius:999px;box-shadow:0 0 0 10px #ece3cf24,0 20px 50px #0009;transition:transform .2s,box-shadow .2s}.film-big:hover{transform:translate(-50%,-50%) scale(1.04);box-shadow:0 0 0 16px #ece3cf2e,0 20px 50px #0009}.film-big-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--coal);color:var(--paper);font-size:18px;padding-left:3px}.film figcaption{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;max-width:none}.film-btns{display:flex;gap:8px}.film-btns button{background:transparent;color:var(--paper);border:1px solid var(--rule);padding:9px 14px;cursor:pointer;font-size:15px}.grid-rest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 56px;padding-top:20px}.grid-rest>div{display:grid;gap:16px;align-content:start}.acts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.acts li{padding:18px 22px 22px 0;border-top:2px solid var(--paper);display:grid;gap:8px;align-content:start}.acts li+li{padding-left:22px;border-left:1px solid var(--rule)}.acts .t{font-size:15px;color:var(--ash);font-variant-numeric:tabular-nums}.acts h3{font:400 26px/1.15 var(--display)}.acts p{color:var(--paper-2);font-size:17px}.acts em{font-style:normal;font-size:13px;color:var(--ember)}.board{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.board li{display:grid;gap:10px;align-content:start}.board .t{font-size:15px;color:var(--ember);font-variant-numeric:tabular-nums}.board img,.board-black{width:100%;aspect-ratio:16 / 9;object-fit:cover}.board-black{background:#000;border:1px solid var(--rule);display:grid;place-items:center;color:var(--ash);font:italic 400 22px var(--display)}.board p{color:var(--paper-2);font-size:17px}.board .learn{color:var(--paper)}.board .learn span{color:var(--ash)}.problem{display:grid;gap:14px;max-width:900px}.problem p{color:var(--paper-2)}footer{max-width:1200px;margin:0 auto;padding:40px var(--gut-r) 64px var(--gut-l);border-top:1px solid var(--rule);color:var(--ash);font-size:15px;display:grid;gap:6px}@media(max-width:900px){.story,.pair,.grid-rest,.cols-3,.scrolly{grid-template-columns:minmax(0,1fr)}.scrolly-stage{display:none}.scrolly-inline{display:block;width:100%;margin-bottom:6px}.scrolly-steps{gap:44px}.scrolly-steps>li{min-height:0;opacity:1}.acts,.board{grid-template-columns:minmax(0,1fr)}.acts li,.acts li+li{padding:16px 0;border-left:0}.keys ul{grid-template-columns:minmax(0,1fr)}.facts div,.rules div{grid-template-columns:7em minmax(0,1fr)}.pillars>li{padding-left:48px}}@media(prefers-reduced-motion:reduce){.hero-veil{animation:none;--r: 22%}.scrolly-stage img,.scrolly-steps>li{transition:none}html{scroll-behavior:auto}}