/* A light editorial surface makes long Russian copy and document previews easy to scan.
   Layer scale: sticky header 20, skip link 30; dialogs use the native top layer. */
:root{--paper:#f6f7f9;--surface:#eef0f4;--white:#fcfcfd;--ink:#202631;--muted:#586170;--line:#cdd2dd;--accent:#2949cc;--accent-soft:#e8ecfb;--radius:8px;--ease:cubic-bezier(.23,1,.32,1);--z-sticky:20;--z-skip:30;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.15;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#d6dffd;color:var(--ink)}.wrap{max-width:1280px;width:calc(100% - 96px);margin-inline:auto}.section{padding-block:96px}.skip{position:fixed;top:8px;left:16px;padding:12px 24px;background:var(--white);z-index:var(--z-skip);transform:translateY(-160%)}.skip:focus{transform:translateY(0)}.header{background:var(--paper);position:sticky;top:0;z-index:var(--z-sticky);border-bottom:1px solid var(--line)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:24px;font-weight:700;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.brand-year{font-weight:400;color:var(--accent);padding-left:4px}.header nav{display:flex;gap:32px}.header nav a{font-size:14px;font-weight:600;text-decoration:none;min-height:44px;display:flex;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 24px;border:1px solid var(--accent);border-radius:var(--radius);color:var(--white);background:var(--accent);font-size:16px;font-weight:600;text-decoration:none;line-height:1.5;transition:transform 200ms var(--ease),background-color 200ms var(--ease);white-space:nowrap}.button span{font-size:20px;line-height:1}.button.compact{font-size:14px;min-height:44px;padding:8px 16px}.button.secondary{background:transparent;color:var(--accent)}.button:active{transform:scale(.98)}.eyebrow{font-size:14px;font-weight:600;color:var(--accent);margin-bottom:24px}.hero{padding-top:64px;padding-bottom:48px;display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center}.hero h1{font-size:clamp(36px,4vw,60px);font-weight:600;letter-spacing:-.04em;line-height:1.1}.hero h1 span{color:var(--accent)}.hero-description{max-width:480px;font-size:18px;line-height:1.55;color:var(--muted);margin-block:24px 32px}.hero-art{min-width:0}.hero-art img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius)}.hero-art figcaption{margin-top:12px;color:var(--muted);font-size:12px;max-width:420px}.product-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-block:24px;gap:32px}.product-facts p{display:flex;flex-direction:column;gap:4px}.product-facts strong{font-size:20px;font-weight:600}.product-facts span{font-size:14px;color:var(--muted)}h2{font-size:clamp(30px,3.5vw,48px);font-weight:600;letter-spacing:-.035em}.section-intro{max-width:720px;margin-bottom:40px}.section-intro>p:last-child{font-size:18px;color:var(--muted);max-width:600px;margin-top:24px}.explorer{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:stretch}.explorer-controls{min-width:0}fieldset{border:0;margin:0;padding:0;min-width:0}legend{padding:0;margin-bottom:12px;font-weight:600;font-size:14px}.scenario label{display:block;position:relative;margin-bottom:12px;cursor:pointer}.scenario input,.segmented input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.scenario-body{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:background-color 200ms var(--ease)}.choice-title{font-size:20px;font-weight:600;display:flex;justify-content:space-between;gap:16px}.choice-mark{color:var(--muted)}.platforms{font-size:14px;margin-top:8px}.choice-description{font-size:14px;color:var(--muted);margin-top:16px}.scenario input:checked+.scenario-body{background:var(--accent-soft);border-color:var(--accent)}.scenario input:checked+.scenario-body .choice-mark{color:var(--accent)}input:focus-visible+.scenario-body,input:focus-visible+span{outline:3px solid var(--accent);outline-offset:4px}.role{margin-top:24px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);padding:4px;gap:4px}.segmented label{position:relative;cursor:pointer}.segmented label span{display:block;text-align:center;padding:8px 12px;min-height:44px;border-radius:4px;font-size:14px;font-weight:600}.segmented input:checked+span{background:var(--ink);color:var(--white)}.control-note{font-size:12px;color:var(--muted);margin-top:16px;max-width:400px}.document-preview{background:var(--white);padding:40px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column}.document-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:32px}.document-preview h3{font-size:30px;font-weight:600;letter-spacing:-.025em}.document-preview>p:not(.included){font-size:16px;color:var(--muted);margin-top:8px}.document-list{list-style:none;padding:0;margin:32px 0}.document-list li{display:flex;gap:16px;padding-block:24px;border-bottom:1px solid var(--line)}.document-list li:first-child{padding-top:0}.doc-number{font-size:12px;color:var(--accent);padding-top:4px;font-variant-numeric:tabular-nums}.document-list h4{font-size:18px;font-weight:600}.document-list p{font-size:14px;color:var(--muted);margin-top:8px;max-width:320px}.included{margin-top:auto;font-size:14px;color:var(--accent);font-weight:600}.platform-note{max-width:900px;margin-top:24px;color:var(--muted);font-size:12px}.shared-section{padding-block:80px;background:var(--surface)}.shared-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:48px}.shared-heading p{color:var(--muted);max-width:320px;margin-top:24px}.shared-list article{display:flex;gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}.shared-list article:first-child{padding-top:0}.shared-list article:last-child{border:0;padding-bottom:0}.row-index{font-size:12px;color:var(--muted);padding-top:4px}.shared-list h3{font-size:20px;font-weight:600}.shared-list p{font-size:16px;margin-top:8px;color:var(--muted);max-width:440px}.process{display:grid;grid-template-columns:1fr 2fr;gap:48px}.process h2{font-size:36px}.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0;gap:32px}.steps li>span{display:block;color:var(--accent);font-size:14px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:24px}.steps h3{font-size:20px;font-weight:600}.steps p{margin-top:12px;font-size:14px;color:var(--muted)}.plans-section{border-top:1px solid var(--line)}.prototype-note{font-size:12px;color:var(--muted);margin-bottom:24px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan{min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:32px 24px;background:var(--white)}.plan.featured{background:var(--accent-soft);border-color:var(--accent)}.plan-index{font-size:12px;color:var(--muted)}.plan-top{min-height:184px}.plan h3{font-size:24px;letter-spacing:-.025em;font-weight:600;margin-top:24px}.plan-top p{font-size:14px;color:var(--muted);margin-top:16px;max-width:260px}.price{font-size:36px;letter-spacing:-.035em;font-weight:600;margin-bottom:24px;font-variant-numeric:tabular-nums}.price span{font-size:24px;font-weight:400}.plan .button{width:100%;font-size:14px;padding-inline:12px;gap:12px;justify-content:space-between}.plan ul{list-style:none;padding:0;margin:24px 0 0}.plan li{position:relative;padding-left:20px;font-size:14px;margin-bottom:16px}.plan li::before{content:'✓';position:absolute;left:0;color:var(--accent);font-size:12px}.inherit{margin-top:24px;font-size:14px;font-weight:600}.plan .inherit+ul{margin-top:16px}.plan-note{font-size:12px;color:var(--muted);padding-top:16px;border-top:1px solid var(--line);margin-top:24px}.terms-note{color:var(--muted);font-size:12px;max-width:720px;margin-top:24px}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;border-top:1px solid var(--line)}.faq-lead{color:var(--muted);margin-top:24px}.faq-list details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:18px;font-weight:600;line-height:1.4;padding-block:24px}summary::-webkit-details-marker{display:none}summary span{font-size:24px;color:var(--accent);font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);padding-bottom:24px;max-width:600px}.closing{border-top:1px solid var(--line);padding-block:64px 80px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.closing p{font-size:clamp(30px,4vw,48px);font-weight:600;letter-spacing:-.035em;line-height:1.2}.closing p span{color:var(--accent)}.footer{border-top:1px solid var(--line);padding-block:32px;display:flex;justify-content:space-between;gap:32px}.footer p{font-size:12px;color:var(--muted);margin-top:12px}.footer>div:last-child{max-width:440px}.footer>div:last-child>a{font-size:14px}dialog{max-width:560px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink)}dialog::backdrop{background:#20263199}.dialog-body{position:relative;padding:40px}dialog h2{font-size:30px;max-width:420px}.close{position:absolute;right:12px;top:12px;background:transparent;border:0;font-size:30px;width:44px;height:44px;color:var(--muted);border-radius:4px}.dialog-price{font-size:30px;font-weight:600;margin-top:24px}.dialog-body>p:not(.eyebrow,.dialog-price){color:var(--muted);margin-top:16px}.dialog-info{background:var(--surface);padding:24px;margin-block:24px;border-radius:var(--radius);font-size:14px}.dialog-info p{margin-top:8px;color:var(--muted)}.dialog-body>.button{width:100%}.noscript{background:var(--surface);padding:24px;font-size:14px}
@media(hover:hover) and (pointer:fine){.button:hover{background:#203bad}.button.secondary:hover{background:var(--accent-soft)}nav a:hover,.footer a:hover{color:var(--accent)}.scenario label:hover .scenario-body{border-color:var(--accent)}.segmented label:hover span{background:var(--surface)}.segmented label:hover input:checked+span{background:var(--ink)}summary:hover{color:var(--accent)}.close:hover{background:var(--surface)}}
@media(min-width:1440px){.hero{padding-block:80px 64px}.hero-art{margin-left:16px}.hero h1{font-size:60px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header nav{gap:16px}.hero{gap:24px}.hero h1{font-size:36px}.explorer,.shared-grid{gap:32px}.document-preview{padding:32px}.process{display:block}.steps{margin-top:40px}.plan{padding:24px 16px}.plan h3{font-size:20px}.plan-top{min-height:184px}.faq-section{gap:40px}}
@media(max-width:767px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 40px)}.header-inner{height:72px;gap:12px}.brand{font-size:20px}.header nav{display:none}.header .compact{font-size:12px;padding:8px 12px;gap:8px}.header .compact span{display:none}.hero{padding-top:40px;grid-template-columns:1fr;gap:32px;padding-bottom:32px}.hero h1{font-size:clamp(30px,7.5vw,48px)}.hero-description{font-size:16px;margin-block:24px;max-width:460px}.hero .eyebrow{font-size:12px;margin-bottom:16px}.hero-art img{max-height:360px;object-position:center}.hero-art figcaption{font-size:12px}.product-facts{gap:16px;padding-block:24px}.product-facts strong{font-size:14px}.product-facts span{font-size:12px}.section{padding-block:64px}.section-intro{margin-bottom:32px}.section-intro>p:last-child{font-size:16px}h2{font-size:30px}.explorer,.shared-grid,.faq-section{grid-template-columns:1fr;gap:32px}.scenario-body{padding:20px}.choice-title{font-size:18px}.document-preview{padding:24px}.document-preview h3{font-size:24px}.document-list{margin-block:24px}.document-top{margin-bottom:24px}.shared-section{padding-block:64px}.shared-heading p{max-width:420px}.steps{grid-template-columns:1fr;gap:32px}.steps li>span{margin-bottom:16px}.steps p{max-width:480px}.process h2{font-size:30px}.plans{grid-template-columns:minmax(0,1fr);gap:24px}.plan{padding:32px 24px}.plan-top{min-height:0}.plan h3{font-size:24px}.plan-top p{max-width:none}.price{margin-top:24px}.plan .button{font-size:16px}.faq-section{gap:24px}summary{font-size:16px}.closing{flex-direction:column;align-items:flex-start;padding-block:48px 64px}.closing p{font-size:30px}.footer{flex-direction:column;gap:24px}.dialog-body{padding:40px 24px 24px}.dialog-body>.button{font-size:14px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:active{transform:none}}

@media(max-width:359px){.plan .button{font-size:14px;gap:8px}.plan{padding-inline:20px}.dialog-body>.button{white-space:normal}}
@media(min-width:768px) and (max-width:1000px){.plans{grid-template-columns:minmax(0,1fr);gap:24px}.plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;padding:32px}.plan-top{grid-column:1;grid-row:1 / span 5;min-height:0}.plan>.price,.plan>.button,.plan>.inherit,.plan>ul,.plan>.plan-note{grid-column:2}.plan h3{font-size:24px}.plan .button{gap:8px}}
/* Chapters and people. Scroll stays native; no wheel interception or forced snapping. */
.hero{min-height:calc(100svh - 208px)}
.shared-section,.team-section{min-height:calc(100svh - 80px);display:grid;align-content:center}
.team-section{background:var(--surface);border-top:1px solid var(--line)}
.team-grid{display:grid;grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:16px}
.person{min-width:0;transition:transform 240ms var(--ease)}
.person-portrait{aspect-ratio:3/4;position:relative;overflow:hidden;background:#dfe3eb;border-radius:8px;display:grid;place-items:center}
.person-lead .person-portrait{background:var(--accent);color:var(--white)}
.person:nth-child(3) .person-portrait{background:#e5e8ef}.person:nth-child(4) .person-portrait{background:#d4dae6}.person:nth-child(5) .person-portrait{background:#e1e5ee}
.person-monogram{font-size:clamp(48px,5.5vw,80px);font-weight:600;letter-spacing:-.04em;color:#69758d;transition:transform 500ms var(--ease)}
.person-lead .person-monogram{color:var(--white)}
.portrait-caption{position:absolute;bottom:16px;left:16px;right:16px;font-size:12px;color:#4c576e}
.person-lead .portrait-caption{color:var(--white)}
.person-caption{padding-top:24px}.person-caption h3{font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.025em}.person-caption p{font-size:12px;color:var(--muted);margin-top:8px}
.team-note{font-size:12px;color:var(--muted);margin-top:32px;max-width:620px}
.shared-list .transition-document{padding:24px;background:var(--white);border:1px solid var(--line);border-radius:8px;margin-bottom:8px}
.chapter-nav{position:fixed;right:8px;top:50%;transform:translateY(-50%);display:none;z-index:var(--z-sticky)}
.chapter-nav a{position:relative;display:grid;place-items:center;width:44px;height:44px;text-decoration:none}
.chapter-nav a::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--muted);transition:transform 200ms var(--ease),background-color 200ms var(--ease)}
.chapter-nav a[aria-current]::after{background:var(--accent);transform:scale(1.65)}
.chapter-nav span{position:absolute;right:44px;background:var(--white);border:1px solid var(--line);border-radius:4px;padding:4px 12px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(8px);transition:opacity 200ms var(--ease),transform 200ms var(--ease)}
.chapter-nav a:focus-visible span{opacity:1;transform:translateX(0)}
.motion-toggle{display:block;padding:8px 0;min-height:44px;background:none;border:0;text-decoration:underline;text-underline-offset:4px;font-size:12px;color:var(--muted);margin-top:8px;text-align:left}
.motion-toggle[hidden]{display:none}
.motion-toggle:disabled{opacity:1;text-decoration:none}
.motion-enabled .button span{transition:transform 240ms var(--ease)}
.motion-enabled .hero-art img{transition:transform 650ms var(--ease)}
.motion-enabled .plan,.motion-enabled .scenario-body{transition:transform 240ms var(--ease),background-color 240ms var(--ease),border-color 240ms var(--ease)}
.motion-enabled .shared-list article>div,.motion-enabled .shared-list .row-index{transition:transform 240ms var(--ease),color 240ms var(--ease)}
.motion-enabled summary span{transition:transform 200ms var(--ease)}
.header nav a{position:relative}.header nav a::after{content:'';height:1px;position:absolute;bottom:4px;left:0;right:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 240ms var(--ease)}
@media(hover:hover) and (pointer:fine){
 .motion-enabled .button:hover span{transform:translate(3px,-3px)}
 .motion-enabled .hero-art:hover img{transform:translateY(-6px) rotate(-1deg)}
 .motion-enabled .plan:hover{transform:translateY(-8px);border-color:var(--accent)}
 .motion-enabled .scenario label:hover .scenario-body{transform:translateX(4px)}
 .motion-enabled .person:hover{transform:translateY(-8px)}
 .motion-enabled .person:hover .person-monogram{transform:scale(1.07) translateY(-4px)}
 .motion-enabled .shared-list article:hover>div{transform:translateX(6px)}
 .shared-list article:hover .row-index{color:var(--accent)}
 .chapter-nav a:hover span{opacity:1;transform:translateX(0)}
 .header nav a:hover::after{transform:scaleX(1)}
}
@supports(animation-timeline:scroll()){
 .motion-enabled .header::after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--accent);transform-origin:left;animation:reading-progress linear both;animation-timeline:scroll(root)}
 @keyframes reading-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 .motion-enabled .closing p{animation:closing-arrival linear both;animation-timeline:view();animation-range:entry 0% entry 95%}
 @keyframes closing-arrival{from{opacity:.35;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
}
@media(min-width:1500px){.chapter-nav{display:block}}
@media(max-width:1100px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px}.person-lead{grid-row:span 2}.person-lead .person-portrait{aspect-ratio:auto;height:calc(100% - 106px);min-height:280px}.header nav{gap:16px}}
@media(max-width:1000px){.header nav a:last-child{display:none}}
@media(max-width:767px){.hero{min-height:0}.shared-section,.team-section{min-height:0}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.person-lead{grid-column:1 / -1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.person-lead .person-portrait{height:auto;min-height:0;aspect-ratio:3/4}.person-lead .person-caption{padding-top:0}.person-caption h3{font-size:18px}.person-monogram{font-size:48px}.portrait-caption{font-size:12px;left:12px;bottom:12px;right:12px}.shared-list .transition-document{padding:20px}.team-section .section-intro{margin-bottom:32px}}
html:not(.motion-enabled) *,html:not(.motion-enabled) *::before,html:not(.motion-enabled) *::after{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.motion-enabled .person:hover,.motion-enabled .plan:hover,.motion-enabled .hero-art:hover img{transform:none}}
html.motion-enabled:not(.keyboard-nav){scroll-behavior:smooth}
/* Separate 3D covers and sheets make the product illustration physically movable. */
.hero-art{perspective:1200px}
.folder-stage{position:relative;aspect-ratio:1.22;overflow:hidden;border-radius:12px;background:#e8ebf1;isolation:isolate;perspective:1200px;--open-angle:0deg;--sheet-rise:0px;--sheet-fan:0deg}
.folder-stage::before{content:'';position:absolute;inset:18% 12%;border:1px solid #cdd4e0;border-radius:50%;transform:rotate(-24deg);pointer-events:none}
.folder-object{position:absolute;width:41%;height:65%;top:10%;left:10%;transform:rotate(-19deg);perspective:1000px}
.folder-silver{top:25%;left:48%;transform:rotate(14deg);--cover:#b9c0ce;--cover-light:#dfe4ed;--cover-ink:#334460}
.folder-blue{--cover:#2949cc;--cover-light:#4265e5;--cover-ink:#f4f6ff}
.folder-tilt{position:relative;height:100%;width:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,9deg)) rotateY(var(--ry,-8deg)) translateY(var(--lift,0px));transition:transform 350ms cubic-bezier(.22,1,.36,1)}
.folder-base,.folder-cover{position:absolute;inset:0;border-radius:3px 10px 10px 3px;background:var(--cover);box-shadow:2px 3px 0 #1d2c4b33,8px 16px 20px #26375422}
.folder-base::after{content:'';position:absolute;left:0;top:0;bottom:0;width:5%;background:#12214422}
.folder-cover{background:linear-gradient(115deg,var(--cover-light),var(--cover));transform-origin:0% 50%;transform:translateZ(10px) rotateY(var(--open-angle));backface-visibility:visible;color:var(--cover-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:2px 3px 0 #1d2c4b33,3px 6px 12px #26375422}
.folder-cover::after{content:'';position:absolute;inset:8%;border:1px solid #ffffff25;border-radius:2px}
.folder-cover>span{font-size:30px;letter-spacing:.08em;font-weight:400}.folder-cover small{font-size:10px;max-width:80%;text-align:center;letter-spacing:.02em}
.folder-sheet{position:absolute;inset:4% 3% 3% 7%;background:#fcfcfd;border:1px solid #d6dce6;padding:14% 12%;border-radius:2px;box-shadow:1px 2px 2px #24335422;transform-origin:bottom center;display:flex;flex-direction:column;gap:16px}
.folder-sheet span{font-size:12px;font-weight:600;color:#47566f}.folder-sheet i{display:block;height:40%;border-block:1px solid #c9d2df;background:none;position:relative}
.folder-sheet b{font-size:12px;font-weight:400;color:#7a879c;margin-top:auto}
.sheet-back{transform:translate3d(8px,calc(-7px - var(--sheet-rise)),3px) rotate(var(--sheet-fan))}.sheet-middle{transform:translate3d(4px,calc(-3px - var(--sheet-rise) * .6),5px) rotate(calc(var(--sheet-fan) * -.5))}.sheet-front{transform:translateZ(7px)}
.folder-stage-caption{position:absolute;bottom:16px;left:24px;font-size:12px;color:#586170}
#contents{position:relative;isolation:isolate}
.folder-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.folder-backdrop .folder-stage{position:absolute;right:-8%;top:0;width:80%;height:700px;aspect-ratio:auto;opacity:.1;background:transparent;overflow:visible}
.folder-backdrop .folder-stage::before,.folder-backdrop .folder-stage-caption{display:none}
.folder-backdrop .folder-object{max-width:320px;height:420px}
.team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.team-grid .person-lead{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center;margin-bottom:16px}
.team-grid .person-lead .person-portrait{height:440px;min-height:0;aspect-ratio:auto;background:#7d7869}
.person-lead .person-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.team-grid .person-lead .person-caption{padding:0}
.team-grid .person-lead h3{font-size:36px;letter-spacing:-.035em}
.person-caption .expert-label{font-size:14px;color:var(--accent);margin:0 0 16px}
.person-caption .expert-position{font-size:20px;color:var(--ink);max-width:440px;margin-top:24px}
.expert-facts{padding:0;margin:24px 0;list-style:none;color:var(--muted);font-size:16px}
.expert-facts li{margin-bottom:12px;max-width:460px}.expert-channel{font-size:14px;color:var(--accent);display:inline-flex;min-height:44px;align-items:center}
@media(hover:hover) and (pointer:fine){.motion-enabled .person-lead:hover{transform:none}.motion-enabled .folder-object:hover{--lift:-12px}.motion-enabled .person-lead .person-portrait img{transition:transform 650ms var(--ease)}.motion-enabled .person-lead .person-portrait:hover img{transform:scale(1.025)}}
@media(max-width:1100px){.team-grid .person-lead{gap:32px}.team-grid .person-lead h3{font-size:30px}.team-grid .person-lead .person-portrait{height:400px}.folder-cover>span{font-size:24px}}
@media(max-width:767px){.folder-stage{aspect-ratio:1.15}.folder-cover>span{font-size:24px}.folder-cover small{font-size:9px}.folder-sheet span{font-size:10px}.folder-stage-caption{left:16px;font-size:10px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.team-grid .person-lead{grid-template-columns:minmax(0,1fr);gap:24px}.team-grid .person-lead .person-portrait{height:auto;aspect-ratio:4/3}.person-lead .person-portrait img{object-position:50% 35%}.person-caption .expert-position{font-size:18px}.expert-facts{font-size:14px}.folder-backdrop .folder-stage{width:110%;right:-20%;top:100px}.folder-backdrop{opacity:.5}}
@media(prefers-reduced-motion:reduce){.folder-tilt{transform:none}.folder-cover{transform:translateZ(10px)}.folder-sheet{transition:none}}
.person-lead .person-portrait img{transform:scale(1.3);transform-origin:50% 36%}@media(hover:hover) and (pointer:fine){.motion-enabled .person-lead .person-portrait:hover img{transform:scale(1.34)}}
/* Persistent scenery sits behind the reading layer, never intercepting input. */
body{isolation:isolate}
.global-folder-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.04}
.global-folder-backdrop .folder-stage{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:transparent;overflow:visible;border-radius:0;isolation:auto}
.global-folder-backdrop .folder-stage::before,.global-folder-backdrop .folder-stage-caption{display:none}
.global-folder-backdrop .folder-object{position:absolute;left:0;top:0;width:clamp(180px,25vw,420px);height:clamp(240px,34vw,560px);max-width:none;transform-origin:center}
.global-folder-backdrop .folder-cover{box-shadow:2px 3px 0 #1d2c4b33}
.shared-section,.team-section{background:#eef0f466}
.motion-enabled .global-folder-backdrop .folder-tilt{animation:folder-breathe 9s cubic-bezier(.45,0,.55,1) infinite alternate}
.motion-enabled .global-folder-backdrop .folder-silver .folder-tilt{animation-delay:-4.5s}
@keyframes folder-breathe{from{transform:translateY(-8px) rotateX(7deg) rotateY(-8deg)}to{transform:translateY(10px) rotateX(16deg) rotateY(5deg)}}
/* Five people share one baseline. The confirmed portrait is a true alpha asset. */
#team .team-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;align-items:start}
#team .person{min-width:0}
#team .person-lead{display:block;grid-column:auto;grid-row:auto;margin:0;order:3}
#team .person:nth-child(2){order:1}#team .person:nth-child(3){order:2}#team .person:nth-child(4){order:4}#team .person:nth-child(5){order:5}
#team .person-portrait{display:flex;align-items:flex-end;justify-content:center;position:relative;height:300px;min-height:0;aspect-ratio:auto;overflow:visible;background:transparent;border-radius:0;border-bottom:1px solid var(--line)}
#team .person:not(.person-lead) .person-portrait{background:#e3e7ef66;border-radius:8px 8px 0 0;border-bottom:1px solid var(--line);align-items:center}
#team .person-lead .person-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;transform:none;transform-origin:center bottom;transition:transform 450ms cubic-bezier(.22,1,.36,1)}
#team .person-caption{display:block;padding-top:24px}
#team .person-caption h3,#team .person-name{display:block;font-size:20px;font-weight:600;letter-spacing:-.025em;line-height:1.25;color:var(--ink)}
.person-trigger{display:block;width:100%;padding:0;background:transparent;border:0;text-align:left;color:var(--ink);border-radius:8px}
.person-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:8px}
.person-more{display:flex;align-items:center;gap:12px;min-height:44px;font-size:12px;font-weight:400;color:var(--accent)}
#team .person-lead.is-expanded .person-portrait img{transform:translateY(-28px)}
#team .person-lead:hover{transform:none}
.expert-details-slot{min-height:176px;padding-top:32px}
.expert-details{max-width:960px;margin-inline:auto;padding:24px 32px;background:var(--white);border:1px solid var(--line);border-radius:8px}
.expert-details[hidden]{display:none}
#team .expert-details p{font-family:inherit;font-size:16px;font-weight:400;line-height:1.6;color:var(--ink);margin:0;text-wrap:pretty}
#team .expert-details p+p{margin-top:8px}
#team .team-note{margin-top:16px}
@media(max-width:1100px){#team .team-grid{gap:16px}#team .person-portrait{height:240px}#team .person-caption h3,#team .person-name{font-size:18px}.expert-details-slot{min-height:200px}}
@media(max-width:767px){#team .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}#team .person-lead{order:0}#team .person-portrait{height:240px}#team .person-caption{padding-top:16px}.expert-details-slot{min-height:0;padding-top:24px}.expert-details{padding:20px}#team .expert-details p{font-size:14px;line-height:1.6}.global-folder-backdrop .folder-object{width:52vw;height:72vw}}
@media(prefers-reduced-motion:reduce){#team .person-lead.is-expanded .person-portrait img{transform:none}.global-folder-backdrop .folder-tilt{animation:none!important}}
html:not(.motion-enabled) #team .person-lead.is-expanded .person-portrait img{transform:none}
@media(max-width:767px){#team .expert-details-slot{grid-column:1/-1;order:2;padding-top:0}#team .expert-details-slot:has(.expert-details[hidden]){display:none}#team .person:nth-child(2){order:1}#team .person:nth-child(3){order:3}#team .person:nth-child(4){order:4}#team .person:nth-child(5){order:5}}

.folder-sheet i::after{content:'';position:absolute;left:0;right:0;top:13px;height:1px;background:#dfe4ed;box-shadow:0 14px #dfe4ed,0 28px #dfe4ed}
/* RPF brand: one name, two compact lines. */
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;font-size:20px;line-height:1.05;letter-spacing:-.025em;font-weight:650;gap:2px}
.brand-accent{color:var(--accent)}
.project-author{font-size:14px;color:var(--muted);margin-top:20px}
.footer .footer-domain{font-size:18px;font-weight:600;color:var(--accent);margin-top:16px}
.folder-cover .cover-brand{font-size:18px;line-height:1.1;font-weight:600;text-align:center;letter-spacing:-.02em;max-width:85%}
.folder-cover>span{font-size:16px}.cover-domain{font-size:10px;font-style:normal;position:absolute;bottom:12%;letter-spacing:.04em}
/* The portrait scales from the baseline; its lower edge never moves. */
#team .person-lead .person-portrait{overflow:visible;padding:0}
#team .person-lead .person-portrait img{transform:scale(1);transform-origin:50% 100%;transition:transform 550ms cubic-bezier(.22,1,.36,1);align-self:flex-end}
#team .person-lead.is-expanded .person-portrait img{transform:scale(1.055)}
#team .team-grid{position:relative}
#team .person:not(.person-lead){transition:opacity 240ms var(--ease)}
#team .team-grid:has(.person-lead.is-expanded) .person:not(.person-lead){opacity:.12}
#team .expert-details-slot{position:absolute;inset:0;min-height:0;padding:0;pointer-events:none;z-index:2}
#team .expert-details{position:absolute;inset:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;pointer-events:none}
.expert-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.expert-connectors polyline{stroke:var(--accent);stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
.expert-connectors circle{stroke:var(--accent);stroke-width:1;fill:var(--paper)}
.expert-callout{position:absolute;width:calc(40% - 48px);padding:16px;display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:start;background:var(--white);border:1px solid var(--line);border-radius:8px;pointer-events:auto}
.callout-1{left:0;top:0}.callout-2{right:0;top:96px}.callout-3{left:0;top:224px}
#team .expert-callout p{font-family:inherit;font-size:14px;font-weight:400;line-height:1.6;margin:0;color:var(--ink)}
.detail-crop{display:block;width:56px;height:64px;border:1px solid var(--line);border-radius:4px;background-color:var(--surface);background-image:url('konstantin-cutout.png');background-repeat:no-repeat;background-size:400% auto}
.crop-glasses{background-position:50% 13%}.crop-hand{background-position:76% 75%}.crop-lapel{background-position:40% 41%}
#team .team-note{margin-top:32px}
@media(max-width:1100px){.expert-callout{width:calc(40% - 24px);grid-template-columns:48px minmax(0,1fr);gap:12px;padding:12px}.detail-crop{width:48px;height:56px}.callout-3{top:208px}.header nav{gap:16px}}
@media(max-width:1000px){#team .team-grid:has(.person-lead.is-expanded) .person:not(.person-lead){opacity:1}#team .expert-details-slot{position:static;min-height:0;margin-top:24px;pointer-events:auto}#team .expert-details-slot:has([hidden]){display:none}#team .expert-details{position:static;display:grid;gap:12px}#team .expert-details[hidden]{display:none}.expert-connectors{display:none}.expert-callout{position:static;width:100%;grid-template-columns:56px minmax(0,1fr);padding:16px;gap:16px}.detail-crop{width:56px;height:64px}}
@media(max-width:767px){.brand{font-size:18px}.project-author{font-size:12px;margin-top:16px}.folder-cover .cover-brand{font-size:14px}.folder-cover>span{font-size:12px}.cover-domain{font-size:8px}#team .expert-details-slot{margin-top:0}#team .expert-callout p{font-size:14px}.header .compact{font-size:12px}}
@media(prefers-reduced-motion:reduce){#team .person-lead.is-expanded .person-portrait img{transform:scale(1)}}
html:not(.motion-enabled) #team .person-lead.is-expanded .person-portrait img{transform:scale(1)}
.expert-callout{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center}.expert-callout .detail-crop{margin-bottom:0}.crop-glasses{background-size:800% auto;background-position:50% 13%}@media(max-width:1000px){.expert-callout{display:grid}.expert-callout .detail-crop{margin-bottom:0}}

.expert-callout .detail-crop{width:64px;height:64px}.crop-glasses{background-size:1200% auto;background-position:44% 14%}@media(max-width:1000px){.expert-callout{grid-template-columns:64px minmax(0,1fr)}}

/* Letters keep layout stable while the scroll reveals their ink. */
.motion-enabled .closing p{animation:none;transform:none}
.closing p .scroll-letter{color:inherit;transition:opacity 120ms linear}
html:not(.motion-enabled) .closing .scroll-letter{opacity:1!important}
@media(prefers-reduced-motion:reduce){.closing .scroll-letter{opacity:1!important}}

.closing-accessible-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}