/* CASEBOOK / IGOR GLUKHOVSKY
   Long-form editorial art direction with real project data.
   Based on selective layout lessons from Taste Skill and Studio/Portal One;
   original CSS, no borrowed proprietary artwork. */
@font-face{font-family:Onest;src:url('./fonts/onest-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F}
@font-face{font-family:Onest;src:url('./fonts/onest-cyrillic.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0400-052F,U+1C80-1C8F,U+20B4,U+2116}
:root{
 --ink:#101211;--coal:#101411;--coal-2:#19201c;--paper:#f1f0e8;--lime:#c5fa74;--blue:#a7c4ff;--copper:#ffb38d;
 --mute:#a8b0a8;--rule:rgba(13,25,19,.2);--desktop-pad:clamp(28px,5.2vw,106px);
 --curve:cubic-bezier(.22,1,.36,1)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--coal);color:var(--paper);font-family:Onest,'Segoe UI',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:clip;font-feature-settings:'kern' 1}
body.menu-open{overflow:hidden}
a{color:inherit}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
::selection{background:var(--lime);color:#101411}
.skip-link{position:fixed;z-index:800;top:-100px;left:20px;background:var(--lime);color:var(--ink);padding:12px}
.skip-link:focus{top:16px}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:68px;display:flex;align-items:center;gap:40px;background:rgba(16,20,17,.96);border-bottom:1px solid rgba(240,240,226,.17);padding:0 var(--desktop-pad);backdrop-filter:blur(12px)}
.site-mark{text-decoration:none;font-weight:800;font-size:23px;letter-spacing:-.11em;line-height:1}.mark-dot{color:var(--lime)}
.desktop-nav{margin-left:auto;display:flex;gap:30px;align-items:center}
.desktop-nav a{text-decoration:none;color:#d5d7cd;font-size:12px;font-weight:650;transition:color .23s ease}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--lime)}
.header-contact{text-decoration:none;border:1px solid rgba(241,240,232,.35);padding:10px 14px;font-size:11px;font-weight:750;white-space:nowrap;letter-spacing:.03em;transition:background .23s ease,color .23s ease}
.header-contact:hover{background:var(--lime);color:var(--ink)}
.menu-trigger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;padding:12px}
.menu-trigger span{display:block;width:24px;height:2px;background:var(--paper);margin:6px 0;transition:transform .3s var(--curve)}
.menu-trigger[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-trigger[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:68px 0 0;z-index:90;background:#101411;overflow:auto;padding:32px 24px}
.mobile-menu[hidden]{display:none}
.mobile-menu nav{display:flex;flex-direction:column}
.mobile-menu a{display:flex;align-items:baseline;gap:25px;border-bottom:1px solid rgba(241,240,232,.18);padding:16px 0;text-decoration:none;color:var(--lime);font-size:14px}
.mobile-menu strong{color:var(--paper);font-size:clamp(26px,8vw,46px);letter-spacing:-.07em}
main{padding-top:68px}
.cover{min-height:min(885px,calc(100svh - 68px));position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:45px var(--desktop-pad) 20px}
.cover:after{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(rgba(239,247,227,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(239,247,227,.04) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 30%,#000 100%)}
.cover-body{z-index:1;position:relative}
.cover-overline,.cover-name,.cover-footnote,.eyebrow,.chapter-rail,.chapter-bottom,.pipeline-heading,.pipeline-node small,.mipt-stamp,.funnel-head,.funnel-detail span,.game-stage-meta,.game-mode-btn,.team-flow-head,.extras-head>span,.extras-row>span,.footer-top,.footer-bottom,.hse-result .eyebrow{font-size:11px;font-weight:750;letter-spacing:.09em}
.cover-overline{display:flex;align-items:center;gap:12px;color:#c8d0c4}
.signal{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(197,250,116,.1)}
.cover-year{margin-left:auto}
.cover-name{margin:74px 0 18px;color:#d4dcd0;display:flex;gap:25px;align-items:center}
.cover-name span{font-weight:500;color:#8c9c91}
.cover h1{position:relative;z-index:1;margin:0;font-size:clamp(58px,8.1vw,154px);font-weight:790;letter-spacing:-.093em;line-height:.94;max-width:1300px}
.cover-highlight{color:var(--lime)}
.cover-outline{color:transparent;-webkit-text-stroke:2px rgba(241,240,232,.83)}
.cover-bottom{display:flex;align-items:flex-end;gap:50px;margin-top:40px;max-width:1000px}
.cover-bottom p{font-size:clamp(17px,1.53vw,22px);line-height:1.58;color:#dce3d6;max-width:690px;margin:0}
.round-scroll{width:76px;height:76px;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;text-decoration:none;color:var(--lime);font-size:39px;flex:none;transition:background .3s var(--curve),color .3s var(--curve),transform .3s var(--curve)}
.round-scroll:hover{background:var(--lime);color:var(--ink);transform:translateY(5px)}
.cover-footnote{position:relative;z-index:1;display:flex;justify-content:space-between;gap:25px;margin-top:48px;border-top:1px solid rgba(241,240,232,.25);padding-top:17px;color:#a9b6a8}
.cover-field{position:absolute;top:60px;right:0;width:46vw;max-width:720px;pointer-events:none;opacity:.75}
.cover-field svg{width:100%;height:auto;overflow:visible;font-family:Onest,sans-serif}
.field-ring{fill:none;stroke:rgba(197,250,116,.23);stroke-width:1}
.ring-outer{stroke-dasharray:3 10}
.field-path{fill:none;stroke:rgba(197,250,116,.2);stroke-width:1.5;stroke-dasharray:4 10}
.field-path-2{stroke:rgba(241,240,232,.16)}
.field-spot{fill:var(--lime)}.field-center{fill:none;stroke:var(--paper)}
.field-links{fill:none;stroke:rgba(197,250,116,.48);stroke-width:1.5}
.cover-field text{fill:var(--lime);font-weight:800;font-size:11px;letter-spacing:2px}
.proof-ticker{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr;border-top:1px solid rgba(241,240,232,.25);border-bottom:1px solid rgba(241,240,232,.25);background:#1b211b}
.proof-ticker a{text-decoration:none;min-height:145px;padding:28px clamp(18px,2.3vw,42px);display:flex;flex-direction:column;justify-content:space-between;gap:21px;border-right:1px solid rgba(241,240,232,.22);transition:background .24s ease}
.proof-ticker a:last-child{border:0}
.proof-ticker a:hover{background:#293428}
.proof-ticker span{color:var(--lime);font-size:12px;letter-spacing:.08em;font-weight:800}
.proof-ticker strong{font-size:clamp(17px,1.4vw,23px);font-weight:680;line-height:1.28;letter-spacing:-.04em}
.chapter{scroll-margin-top:68px}
.chapter-rail{display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid currentColor;padding:25px var(--desktop-pad);opacity:.75}
.chapter-hse{background:var(--paper);color:var(--ink)}
.hse-hero{display:grid;grid-template-columns:.89fr 1.11fr;min-height:690px}
.hse-word{font-size:clamp(180px,29vw,530px);line-height:.82;letter-spacing:-.16em;font-weight:800;position:relative;overflow:hidden;border-right:1px solid rgba(16,18,17,.2);display:flex;align-items:center;justify-content:center;padding-right:.15em;color:#161d18}
.hse-word>span:first-child{position:absolute;top:35px;left:var(--desktop-pad);font-size:16px;line-height:1;letter-spacing:-.03em;color:#575f58}
.hse-word .hse-asterisk{position:absolute;right:28px;top:70px;font-size:100px;line-height:1;color:#8a9c70;letter-spacing:0}
.hse-result{padding:clamp(45px,5.5vw,112px) var(--desktop-pad) 55px clamp(35px,4vw,80px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.eyebrow{margin:0;line-height:1.45}
.hse-result h2{font-size:clamp(50px,5.2vw,112px);font-weight:790;line-height:.98;letter-spacing:-.085em;margin:33px 0 36px}
.hse-result mark{background:var(--lime);color:var(--ink);padding:0 .09em}
.hse-sub{max-width:570px;font-size:16px;line-height:1.6;color:#38413b;margin:0}
.hse-work{border-top:1px solid var(--rule);padding:65px var(--desktop-pad);display:grid;grid-template-columns:.4fr .6fr;gap:80px}
.hse-summary>p{font-size:clamp(19px,1.55vw,24px);line-height:1.54;margin:30px 0 0;letter-spacing:-.033em;max-width:450px}
.hse-milestones{display:grid;grid-template-columns:1fr 1fr;gap:30px 28px}
.hse-milestones>div{border-top:1px solid var(--rule);padding-top:16px}
.hse-milestones span{font-size:13px;color:#657b57;font-weight:800}
.hse-milestones strong{display:block;font-size:19px;line-height:1.28;margin:18px 0 10px;letter-spacing:-.045em}
.hse-milestones p{margin:0;color:#4b564e;font-size:15px;line-height:1.64}
.chapter-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:25px var(--desktop-pad);border-top:1px solid var(--rule)}
.chapter-bottom a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;font-weight:800}
.chapter-bottom a:hover{color:#637b49}
.chapter-ostrovok{background:#101d26;color:#f3f7f2}
.chapter-ostrovok .chapter-rail{border-color:#46606d}
.ostrovok-head{padding:75px var(--desktop-pad) 68px;display:flex;justify-content:space-between;gap:40px;align-items:center}
.ostrovok-title h2{font-size:clamp(110px,18vw,330px);font-weight:800;letter-spacing:-.12em;line-height:.79;margin:34px 0 40px}
.ostrovok-title h2 span{color:#b9e4fa}
.ostrovok-title>p:last-child{font-size:clamp(18px,1.6vw,24px);max-width:600px;line-height:1.6;color:#d0e0e3}
.ostrovok-stamp{width:210px;height:210px;flex:none;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:20px;transform:rotate(8deg);border:2px solid #a7d7ed;border-radius:50%;font-weight:800;color:#c9e8f5}
.ostrovok-stamp>span{font-size:30px;line-height:1}.ostrovok-stamp small{align-self:flex-end;font-size:12px;line-height:1.3;letter-spacing:.05em}
.pipeline{margin:0 var(--desktop-pad);border:1px solid #5b7880}
.pipeline-heading{padding:20px 22px;display:flex;justify-content:space-between;border-bottom:1px solid #5b7880;color:#b4cfce}
.pipeline-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.pipeline-node{padding:31px 25px 35px;border-right:1px solid #5b7880;min-width:0;position:relative}
.pipeline-node:last-child{border-right:0}
.pipeline-node:not(:last-child):after{content:"→";position:absolute;right:-13px;top:43%;font-size:21px;z-index:2;color:#c6eef5;background:#101d26;padding:3px}
.pipeline-node small{color:#94d0ee}
.pipeline-node strong{display:block;font-size:clamp(19px,1.7vw,27px);letter-spacing:-.05em;line-height:1.22;margin:40px 0 13px}
.pipeline-node>span{color:#b8d0d8;font-size:14px;line-height:1.5}
.ostrovok-story{padding:100px var(--desktop-pad) 130px;display:grid;grid-template-columns:1fr .7fr;gap:75px;align-items:end}
.ostrovok-story h3{font-size:clamp(54px,6vw,100px);line-height:.98;letter-spacing:-.083em;margin:25px 0 0}
.story-actions{padding-bottom:10px}
.story-actions p{font-size:18px;line-height:1.74;margin:0 0 28px;color:#c2d6df;max-width:610px}
.chapter-mipt{background:#b0c7ff;color:#0f1b38}
.chapter-mipt .chapter-rail{border-color:rgba(15,27,56,.3)}
.mipt-header{padding:80px var(--desktop-pad) 60px;position:relative}
.mipt-stamp{border:1px solid rgba(15,27,56,.6);padding:11px 16px;display:inline-block}
.mipt-header h2{font-size:clamp(68px,8.1vw,146px);line-height:.96;letter-spacing:-.091em;margin:58px 0 34px;max-width:1330px}
.mipt-header h2 span{color:#f3f3ec}
.mipt-header>p{margin:0;max-width:780px;font-size:clamp(18px,1.6vw,23px);line-height:1.63;color:#203255}
.funnel{margin:0 var(--desktop-pad) 90px;border:2px solid #263c72}
.funnel-head{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #263c72}
.funnel-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.funnel-step{cursor:pointer;background:transparent;border:0;border-right:1px solid rgba(38,60,114,.35);text-align:left;padding:26px 18px 30px;color:#182a53;min-width:0;transition:background .3s var(--curve),color .3s var(--curve)}
.funnel-step:last-child{border-right:0}
.funnel-step:hover{background:rgba(255,255,255,.25)}
.funnel-step.is-active{background:#1c3268;color:#eaf1ff}
.funnel-step b{display:block;font-size:clamp(65px,11vw,197px);font-weight:800;line-height:.95;letter-spacing:-.11em}
.funnel-step span{font-size:11px;font-weight:770;letter-spacing:.045em;display:block;margin-top:17px}
.funnel-detail{border-top:1px solid #263c72;padding:25px 29px 28px;min-height:141px;display:flex;align-items:flex-start;gap:60px}
.funnel-detail span{white-space:nowrap;padding-top:8px;min-width:140px}
.funnel-detail p{font-size:18px;line-height:1.6;max-width:850px;margin:0}
.mipt-methods{padding:0 var(--desktop-pad) 100px;display:grid;grid-template-columns:.5fr .5fr;gap:80px}
.mipt-metrics>div{display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(15,27,56,.35);padding:25px 0}
.mipt-metrics strong{font-size:clamp(90px,11.1vw,177px);letter-spacing:-.12em;line-height:.89;font-weight:800}
.mipt-metrics span{font-size:12px;letter-spacing:.08em;font-weight:800}
.method-list h3{font-size:33px;letter-spacing:-.06em;margin:3px 0 20px}
.method-list>div{display:grid;grid-template-columns:52px 1fr;gap:0 20px;border-top:1px solid rgba(15,27,56,.32);padding:24px 0}
.method-list span{grid-row:span 2;font-size:12px;font-weight:800}
.method-list strong{font-size:22px;letter-spacing:-.05em}
.method-list p{grid-column:2;margin:9px 0 0;font-size:16px;line-height:1.67;color:#33476a}
.mipt-conclusion{background:#1c3268;color:#f1f2e8;padding:34px var(--desktop-pad) 44px;display:grid;grid-template-columns:.35fr .65fr;gap:50px;align-items:center}
.mipt-conclusion>span{font-size:11px;line-height:1.55;letter-spacing:.05em}
.mipt-conclusion p{font-size:clamp(21px,1.7vw,27px);line-height:1.5;letter-spacing:-.03em;margin:0}
.chapter-game{background:#241b1c;color:#f7eee9}
.chapter-game .chapter-rail{border-color:#6e5d59}
.game-top{display:grid;grid-template-columns:.53fr .47fr;gap:45px;padding:70px var(--desktop-pad) 75px}
.game-top h2{font-size:clamp(160px,18.6vw,310px);line-height:.79;letter-spacing:-.12em;margin:45px 0 42px}
.game-top h2 span{color:var(--copper);font-size:.53em;letter-spacing:-.065em}
.game-top>div:first-child>p:last-child{font-size:clamp(18px,1.6vw,24px);line-height:1.7;max-width:540px;color:#d4bbb2}
.game-stage{border:1px solid #795d57;display:flex;flex-direction:column;align-self:stretch;min-height:530px}
.game-stage-meta{display:flex;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #795d57;color:#d4bdb3}
.game-scene{min-height:360px;display:grid;place-items:center;position:relative;perspective:700px;overflow:hidden;flex:1;isolation:isolate}
.game-scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,179,141,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,179,141,.13) 1px,transparent 1px);background-size:36px 36px;opacity:.5}
.scene-grid{width:206px;height:206px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6px;transform:rotate(-12deg);transition:transform .65s var(--curve)}
.scene-grid span{border:2px solid #ffb38d;background:#aa5f4d}
.scene-grid span:nth-child(even){background:#6e3d39}
.scene-grid span:nth-child(2),.scene-grid span:nth-child(6){opacity:.36}
.scene-core{position:absolute;font-size:60px;font-weight:800;color:#fff6ec;letter-spacing:-.08em;text-shadow:3px 3px #8d4139}
.game-scene[data-mode="3d"] .scene-grid{transform:rotateX(52deg) rotateZ(-36deg) translateY(-6px);transform-style:preserve-3d}
.game-scene[data-mode="3d"] .scene-grid span{box-shadow:8px 8px 0 #813d36,15px 15px 0 #4f2927}
.game-mode{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #795d57}
.game-mode-btn{border:0;border-right:1px solid #795d57;cursor:pointer;padding:18px 10px;background:transparent;color:#f4cdbb}
.game-mode-btn:last-child{border:0}
.game-mode-btn.is-active{background:var(--copper);color:#211717}
.game-mode-btn:hover:not(.is-active){background:#402b29}
.game-bottom{display:grid;grid-template-columns:.22fr .28fr .22fr .28fr;gap:25px;padding:40px var(--desktop-pad) 75px;border-top:1px solid #795d57}
.game-bottom span{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--copper)}
.game-bottom p{margin:0;color:#d6c1b8;line-height:1.7}
.chapter-leadership{background:#e5e6d4;color:#152017}
.chapter-leadership .chapter-rail{border-color:rgba(21,32,23,.3)}
.leader-layout{padding:95px var(--desktop-pad) 120px;display:grid;grid-template-columns:.52fr .48fr;gap:70px;align-items:start}
.leader-layout h2{font-size:clamp(90px,10.8vw,175px);letter-spacing:-.105em;line-height:.85;margin:40px 0 55px}
.leader-layout>div:first-child>p:last-child{font-size:clamp(18px,1.55vw,24px);max-width:590px;line-height:1.65}
.team-flow{border-top:2px solid #1a2e20;counter-reset:rows}
.team-flow-head{padding:19px 0;color:#516e52}
.team-flow-item{border-top:1px solid rgba(21,32,23,.26);padding:26px 0 30px;display:grid;grid-template-columns:55px 1fr;gap:0 18px}
.team-flow-item>span{grid-row:span 2;font-size:13px;font-weight:800;color:#57865b}
.team-flow-item strong{font-size:19px;line-height:1.33;letter-spacing:-.04em}
.team-flow-item p{grid-column:2;font-size:15px;line-height:1.62;color:#49554a;margin:10px 0 0}
.extras{padding:90px var(--desktop-pad) 110px;background:#131d18;color:var(--paper)}
.extras-head{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:80px}
.extras-head h2{font-size:clamp(41px,4.8vw,80px);line-height:1.08;letter-spacing:-.075em;font-weight:740;margin:0;max-width:1050px}
.extras-row{display:grid;grid-template-columns:.24fr .38fr .38fr;gap:30px;align-items:baseline;border-top:1px solid rgba(241,240,232,.3);padding:30px 0}
.extras-row>span{color:var(--lime)}
.extras-row strong{font-size:clamp(20px,1.8vw,30px);letter-spacing:-.05em}
.extras-row p{margin:0;line-height:1.7;color:#b4c4b5}
.site-footer{background:var(--lime);color:#142018;padding:34px var(--desktop-pad) 30px}
.footer-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(20,32,24,.35);padding-bottom:23px}
.site-footer h2{font-size:clamp(60px,9.5vw,165px);line-height:.96;letter-spacing:-.095em;margin:90px 0 110px;font-weight:800}
.site-footer h2 span{color:transparent;-webkit-text-stroke:2px #162319}
.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(20,32,24,.35);padding-top:25px}
.footer-bottom p{margin:0}
.footer-bottom>div{display:flex;gap:25px;flex-wrap:wrap}
.footer-bottom a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.footer-bottom a:hover{opacity:.6}
@media(max-width:1250px){
 .cover h1{font-size:clamp(58px,8.7vw,133px)}
 .hse-word{font-size:25vw}
 .ostrovok-title h2{font-size:15vw}
 .ostrovok-stamp{width:155px;height:155px}
 .mipt-header h2{font-size:8vw}
 .mipt-methods{gap:45px}
}
@media(max-width:1000px){
 .desktop-nav{gap:15px}
 .proof-ticker{grid-template-columns:repeat(2,1fr)}
 .proof-ticker a:nth-child(2){border-right:0}
 .proof-ticker a{min-height:115px;border-bottom:1px solid rgba(241,240,232,.2)}
 .hse-hero{grid-template-columns:.39fr .61fr;min-height:560px}
 .hse-word{font-size:17vw}
 .hse-word .hse-asterisk{font-size:65px}
 .hse-result{padding:45px 35px}
 .hse-result h2{font-size:6vw}
 .hse-work{gap:35px}
 .pipeline-track{grid-template-columns:repeat(2,1fr)}
 .pipeline-node:nth-child(2){border-right:0}
 .pipeline-node:nth-child(-n+2){border-bottom:1px solid #5b7880}
 .pipeline-node:nth-child(2):after{display:none}
 .ostrovok-story{gap:35px}
 .mipt-header h2{font-size:8.5vw}
 .mipt-methods{grid-template-columns:.4fr .6fr}
 .game-top{grid-template-columns:1fr 1fr;gap:25px}
 .game-top h2{font-size:17vw}
 .game-bottom{grid-template-columns:.2fr .8fr;gap:10px 25px}
 .game-bottom span:nth-of-type(2){margin-top:20px}
 .game-bottom p:nth-of-type(2){margin-top:20px}
 .leader-layout{gap:30px}
}
@media(max-width:740px){
 :root{--desktop-pad:20px}
 html{scroll-padding-top:68px}
 .site-header{height:64px;gap:15px}
 .desktop-nav,.header-contact{display:none}
 .menu-trigger{display:block;margin-left:auto}
 .mobile-menu{inset:64px 0 0}
 main{padding-top:64px}
 .cover{padding-top:30px;min-height:calc(100svh - 64px)}
 .cover-name{margin:65px 0 22px;flex-direction:column;align-items:flex-start;gap:7px;font-size:10px}
 .cover-name span{font-size:10px}
 .cover h1{font-size:clamp(44px,11vw,77px);line-height:1;letter-spacing:-.085em}
 .cover-outline{-webkit-text-stroke:1px rgba(241,240,232,.86)}
 .cover-bottom{gap:15px;align-items:end;margin-top:40px}
 .cover-bottom p{font-size:16px;line-height:1.66}
 .round-scroll{width:48px;height:48px;font-size:26px}
 .cover-field{width:100vw;right:-48%;top:80px;opacity:.44}
 .cover-footnote{margin-top:45px;font-size:9px;gap:12px}
 .cover-footnote span:last-child{display:none}
 .cover-overline{font-size:9px}
 .cover-year{font-size:10px}
 .proof-ticker{grid-template-columns:1fr 1fr}
 .proof-ticker a{min-height:115px;padding:18px 16px;gap:16px}
 .proof-ticker span{font-size:10px}
 .proof-ticker strong{font-size:16px;line-height:1.28}
 .chapter-rail{padding:18px var(--desktop-pad);font-size:9px;gap:14px}
 .hse-hero{display:flex;flex-direction:column}
 .hse-word{height:185px;font-size:36vw;letter-spacing:-.16em;padding-right:.13em;justify-content:flex-start;padding-left:var(--desktop-pad);border-right:0;border-bottom:1px solid var(--rule)}
 .hse-word>span:first-child{font-size:10px;top:15px;left:var(--desktop-pad)}
 .hse-word .hse-asterisk{font-size:50px;top:13px;right:12px}
 .hse-result{padding:35px var(--desktop-pad) 58px}
 .hse-result h2{font-size:clamp(46px,11vw,78px);line-height:1.03;margin:27px 0}
 .hse-sub{font-size:15px}
 .hse-work{display:block;padding:42px var(--desktop-pad)}
 .hse-summary>p{font-size:19px;margin:20px 0 38px}
 .hse-milestones{gap:25px 18px}
 .hse-milestones strong{font-size:16px;margin:12px 0 8px}
 .hse-milestones p{font-size:13px}
 .chapter-bottom{padding:22px var(--desktop-pad);font-size:10px;align-items:flex-start;flex-direction:column}
 .ostrovok-head{padding:55px var(--desktop-pad) 50px;display:block}
 .ostrovok-title h2{font-size:clamp(87px,21vw,145px);margin:32px 0}
 .ostrovok-title>p:last-child{font-size:17px;max-width:530px}
 .ostrovok-stamp{display:none}
 .pipeline{margin:0 var(--desktop-pad)}
 .pipeline-track{grid-template-columns:1fr}
 .pipeline-node,.pipeline-node:nth-child(2){border-right:0;border-bottom:1px solid #5b7880;padding:23px}
 .pipeline-node:last-child{border:0}
 .pipeline-node:after{display:none!important}
 .pipeline-node strong{font-size:21px;margin:15px 0 7px}
 .ostrovok-story{display:block;padding:62px var(--desktop-pad) 75px}
 .ostrovok-story h3{font-size:clamp(57px,13.5vw,95px);margin:20px 0 35px}
 .story-actions p{font-size:16px;line-height:1.69}
 .mipt-header{padding:56px var(--desktop-pad) 40px}
 .mipt-header h2{font-size:clamp(46px,11vw,83px);margin:32px 0 25px;line-height:1.05}
 .mipt-header>p{font-size:17px}
 .mipt-stamp{font-size:10px;padding:9px 11px}
 .funnel{margin:0 var(--desktop-pad) 55px}
 .funnel-head{font-size:9px;padding:15px}
 .funnel-numbers{grid-template-columns:1fr 1fr}
 .funnel-step{border-bottom:1px solid rgba(38,60,114,.35);padding:22px 16px}
 .funnel-step:nth-child(2){border-right:0}
 .funnel-step:nth-child(n+3){border-bottom:0}
 .funnel-step b{font-size:clamp(64px,20vw,100px)}
 .funnel-step span{font-size:10px;margin-top:13px}
 .funnel-detail{display:block;min-height:0;padding:20px}
 .funnel-detail p{font-size:15px;line-height:1.64;margin-top:11px}
 .mipt-methods{display:block;padding:0 var(--desktop-pad) 65px}
 .mipt-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:45px}
 .mipt-metrics>div{padding:17px 0}
 .mipt-metrics>div:last-child{grid-column:1/-1}
 .mipt-metrics strong{font-size:clamp(62px,17vw,110px)}
 .mipt-metrics span{font-size:10px}
 .method-list h3{font-size:29px}
 .method-list>div{grid-template-columns:34px 1fr;gap:0 13px;padding:18px 0}
 .method-list strong{font-size:19px}
 .method-list p{font-size:14px}
 .mipt-conclusion{padding:25px var(--desktop-pad) 35px;display:block}
 .mipt-conclusion p{margin-top:16px;font-size:20px}
 .game-top{display:block;padding:55px var(--desktop-pad) 52px}
 .game-top h2{font-size:clamp(142px,36vw,220px);margin:32px 0}
 .game-top h2 span{font-size:.42em}
 .game-top>div:first-child>p:last-child{font-size:17px;margin-bottom:42px}
 .game-stage{min-height:470px}
 .game-scene{min-height:320px}
 .game-bottom{padding:32px var(--desktop-pad) 55px;grid-template-columns:1fr;gap:10px}
 .game-bottom span:nth-of-type(2){margin-top:22px}
 .game-bottom p:nth-of-type(2){margin-top:0}
 .leader-layout{display:block;padding:65px var(--desktop-pad) 80px}
 .leader-layout h2{font-size:clamp(78px,20vw,124px);margin:25px 0 33px}
 .leader-layout>div:first-child>p:last-child{font-size:17px;margin-bottom:50px}
 .team-flow-item{grid-template-columns:35px 1fr;padding:22px 0}
 .team-flow-item strong{font-size:17px}
 .extras{padding:65px var(--desktop-pad) 70px}
 .extras-head{display:block;margin-bottom:45px}
 .extras-head h2{font-size:clamp(39px,9vw,60px);line-height:1.08;margin-top:18px}
 .extras-row{display:block;padding:24px 0}
 .extras-row strong{display:block;font-size:22px;margin:15px 0}
 .extras-row p{font-size:15px}
 .site-footer{padding:25px var(--desktop-pad)}
 .footer-top{font-size:10px;line-height:1.65;flex-wrap:wrap}
 .site-footer h2{font-size:clamp(50px,11.2vw,80px);line-height:1.02;margin:85px 0}
 .site-footer h2 span{-webkit-text-stroke:1px #162319}
 .footer-bottom{display:block}
 .footer-bottom>div{margin-top:28px;gap:20px}
}
@media(max-width:370px){
 .cover h1{font-size:42px}
 .cover-bottom p{font-size:15px}
 .hse-result h2{font-size:44px}
 .ostrovok-title h2{font-size:80px}
 .chapter-rail{font-size:9px}
 .game-mode-btn{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
/* Narrow viewport long-headline corrections */
@media(max-width:370px){
 .leader-layout h2{font-size:62px;letter-spacing:-.12em}
 .site-footer h2{font-size:37px;letter-spacing:-.095em}
}