/* forma-shared.css — общий файл стилей макетов FormaCraft (v1).
 * Перенесено из первого inline <style> Home 3.html без изменения правил и порядка.
 * Состав: токены вынесены в tokens.css (генерируется build-theme.cjs),
 * ключевые кадры и базовые правила домашней страницы. Внешних ресурсов по путям нет, файл переносится целиком.
 * Подключение: <link rel="stylesheet" href="assets/forma-shared.css"> — см. assets/forma-shared.README.md. */
@keyframes hint{0%{top:-40%}to{top:110%}}@keyframes blob1{0%{transform:translate(0,0) scale(1)}to{transform:translate(12vw,-8vw) scale(1.15)}}@keyframes blob2{0%{transform:translate(0,0) scale(1.1)}to{transform:translate(-10vw,10vw) scale(.95)}}@keyframes dotsDrift{0%{background-position:0 0}to{background-position:60px 30px}}body,html{height:100%}:where(a,button,textarea,select):focus-visible{outline:2px solid var(--lav-84);outline-offset:4px}body{background:var(--ink-12);color:var(--fg-97);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;font-family:var(--ff-sans)}
::selection{background:var(--sage);color:var(--ink-12)}#gl{position:fixed}#gl{inset:0;width:100%;height:100%;display:block}.micro{font-family:var(--ff-sans);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:500}.tag{display:inline-flex;align-items:center;height:46px;padding:0 var(--sp-5);border-radius:999px;background:var(--teal-20);border:1px solid var(--ink-30);color:var(--fg-94);font-size:var(--fs-xs)}.glow-pill,.lm{position:relative}
.glow-pill{display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 var(--sp-8);border-radius:999px;background:radial-gradient(120% 140%at 50% 120%,color-mix(in srgb,var(--lav-61) 20%,transparent),var(--ink-16) 70%);color:var(--fg-94);border:1.5px solid var(--lav-89);font-weight:500;font-size:var(--fs-sm);box-shadow:0 0 10px color-mix(in srgb,var(--lav-67) 55%,transparent),0 0 1px color-mix(in srgb,var(--lav-89) 90%,transparent),inset 0 0 12px color-mix(in srgb,var(--lav-67) 14%,transparent);transition:box-shadow .35s var(--ease),transform .35s var(--ease),background .35s;overflow:hidden}.glow-pill::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--fg-100) 18%,transparent) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.glow-pill:hover{box-shadow:0 0 34px color-mix(in srgb,var(--lav-71) 70%,transparent),inset 0 0 22px color-mix(in srgb,var(--lav-71) 28%,transparent);transform:translateY(-1px)}.glow-pill:hover::after{transform:translateX(120%)}.lm{--h:52px;--u:calc(var(--h) / 516);--pad:calc(900 * var(--u));display:inline-grid;place-items:center;height:var(--h);flex:none;touch-action:manipulation}.lm-plate{position:absolute;inset:0;border-radius:999px;background:var(--ink-16);box-shadow:0 calc(var(--h)*.1) calc(var(--h)*.22) color-mix(in srgb,var(--ink-00) 72%,transparent),0 calc(var(--h)*.3) calc(var(--h)*.66) color-mix(in srgb,var(--ink-00) 62%,transparent),0 calc(var(--h)*.3) calc(var(--h)*.46) color-mix(in srgb,var(--ink-00) 42%,transparent);transition:box-shadow .38s cubic-bezier(.22,.61,.36,1),background .38s cubic-bezier(.22,.61,.36,1)}
.lm.hot .lm-plate{background:var(--ink-12);box-shadow:0 calc(var(--h)*.12) calc(var(--h)*.26) color-mix(in srgb,var(--ink-00) 80%,transparent),0 calc(var(--h)*.2) calc(var(--h)*.46) color-mix(in srgb,var(--ink-00) 72%,transparent),0 calc(var(--h)*.2) calc(var(--h)*.46) color-mix(in srgb,var(--ink-00) 55%,transparent)}.lm.press .lm-plate{background:var(--ink-12);box-shadow:0 calc(var(--h)*.05) calc(var(--h)*.13) color-mix(in srgb,var(--ink-00) 82%,transparent),0 calc(var(--h)*.16) calc(var(--h)*.4) color-mix(in srgb,var(--ink-00) 70%,transparent),0 calc(var(--h)*.2) calc(var(--h)*.46) color-mix(in srgb,var(--ink-00) 50%,transparent);transition-duration:.1s}.lm.lm-nofx .lm-plate{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg-100) 22%,transparent),0 calc(var(--h)*.3) calc(var(--h)*.66) color-mix(in srgb,var(--ink-00) 62%,transparent)}.lm-fx{position:absolute;left:calc(-1*var(--pad));top:calc(-1*var(--pad));width:calc(100% + 2*var(--pad));height:calc(100% + 2*var(--pad));max-width:none;display:block;pointer-events:none}
.lm-btn{position:relative;height:var(--h);padding:0 calc(252*var(--u));border-radius:999px;display:flex;align-items:center;justify-content:center;gap:calc(88*var(--u));color:var(--fg-100);font-family:var(--ff-sans);font-optical-sizing:auto;font-weight:500;font-size:var(--fs-md);line-height:1;letter-spacing:0;white-space:nowrap;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}.lm-btn:focus-visible{outline:2px solid var(--lav-84);outline-offset:4px}.lm-ico{width:calc(115*var(--u));height:calc(115*var(--u));display:block;flex:none;overflow:visible}.lm-lbl{display:block;transform:translateY(calc(2*var(--u)))}
.glow-pill.sm{height:52px;padding:0 var(--sp-8);border-color:var(--lav-78);border-width:2px;box-shadow:0 0 10px color-mix(in srgb,var(--lav-71) 45%,transparent);background:var(--ink-16);color:var(--fg-100)}.dark-pill{display:inline-flex;align-items:center;gap:var(--sp-6);height:45px;padding:0 var(--sp-5) 0 var(--sp-5);border-radius:999px;background:var(--ink-16);border:1px solid var(--ink-30);color:var(--teal-77);font-size:var(--fs-xs);letter-spacing:.16em;transition:opacity .3s,transform .35s var(--ease),border-color .3s}.dark-pill:hover{border-color:color-mix(in srgb,var(--lav-78) 60%,transparent)}.display{font-weight:200;letter-spacing:-.02em;line-height:1.05}.glow-text{text-shadow:0 0 24px color-mix(in srgb,var(--lav-71) 75%,transparent)}.glow-text,.glow-text .w{color:var(--lav-84)}.glow-text .w.pale{color:var(--fg-97)}.glow-text .w.deep{color:var(--lav-78)}.fade,.w{opacity:0;transition-delay:var(--d, 0s)}
.w{display:inline-block;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease);}.is-in .w{opacity:1;transform:none}.is-out .w{opacity:0;transform:translateY(-14px);transition-duration:.45s}.fade{transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.is-in .fade{opacity:1;transform:none}.is-out .fade{opacity:0;transform:translateY(-10px);transition-duration:.4s}#crumbs,#d-features,#detail p,#nav-links,#shelf-label,#statement .micro,#statement p{mix-blend-mode:screen}#crumbs{transition:opacity .4s}.crumb{color:var(--fg-65);transition:color .4s;cursor:pointer}.crumb.is-active{color:var(--fg-100)}
.crumb-sep,.stat span{color:var(--fg-65);font-family:var(--ff-sans);font-size:var(--fs-xs)}.stat,.stat>div{display:flex;flex-direction:column;align-items:flex-start}.stat{width:128px;height:105px;border-radius:16px;background:var(--ink-16);border:1px solid var(--ink-24);padding:var(--sp-4);justify-content:center;box-shadow:0 4px 16px color-mix(in srgb,var(--ink-00) 40%,transparent)}.stat>div{gap:var(--sp-2);margin-top:calc(var(--sp-1)*-1)}.stat b{font-family:var(--ff-sans);font-weight:400;font-size:var(--fs-h3);line-height:1;color:var(--fg-97);letter-spacing:0}.stat span{font-size:var(--fs-xs);letter-spacing:.15em;color:var(--teal-77);text-transform:uppercase}#plist{opacity:0;transition:opacity .5s var(--ease)}#ring.is-plus .ic,#shelf-ui.is-in #plist,body.doc::before{opacity:1}#btn-next{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .4s var(--ease),border-color .3s,visibility 0s .4s}#btn-next[aria-hidden="false"]{visibility:visible;transition:opacity .4s var(--ease),border-color .3s,visibility 0s}
.plist-item{display:flex;align-items:center;gap:var(--sp-3);height:30px;color:var(--fg-65);cursor:pointer;transition:color .35s,transform .35s var(--ease);white-space:nowrap}.plist-item i{width:5px;height:5px;border-radius:50%;background:0 0;box-shadow:none;transition:background .35s,box-shadow .35s}.plist-item:hover{color:var(--teal-77)}.plist-item.is-active{color:var(--fg-97);transform:translateX(-6px)}#cursor,.plist-item.is-active i{background:var(--sage);box-shadow:0 0 10px var(--sage)}.ftile{width:104px;height:104px;border-radius:16px;background:var(--ink-16);border:1px solid var(--ink-24);display:grid;place-items:center;color:var(--sage)}.ftile svg{width:32px;height:32px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--lav-78) 50%,transparent))}.panel{transition:opacity .3s}.panel[aria-hidden=true]{pointer-events:none}
#cursor{width:8px;height:8px;border-radius:50%;z-index:60;transform:translate(-50%,-50%)}#cursor,#ring,body::before{position:fixed;top:0;left:0;pointer-events:none}#ring{width:34px;height:34px;border-radius:50%;z-index:60;display:grid;place-items:center}#ring::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--lav-78) 55%,transparent);transition:transform .3s var(--ease),border-color .3s,background-color .3s}#ring .ic{opacity:0;transition:opacity .2s,transform .4s cubic-bezier(.3,.7,.2,1.25)}#ring.is-plus::before{transform:scale(1.8824);border-color:color-mix(in srgb,var(--lav-78) 95%,transparent);background:color-mix(in srgb,var(--lav-61) 14%,transparent)}#ring.is-close .ic{transform:rotate(45deg)}#ring.is-link::before{transform:scale(1.4706);background:color-mix(in srgb,var(--lav-61) 10%,transparent)}
#ring.is-lm::before{transform:scale(.6471);background:0 0;border-color:color-mix(in srgb,var(--fg-100) 45%,transparent)}@media (hover:none),(pointer:coarse){#cursor,#ring{display:none}}body.no-anim *,body.no-anim ::after,body.no-anim ::before{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}#doc,.hint-line{position:relative}.hint-line{width:1px;height:78px;background:var(--fg-57);margin:0 0 var(--sp-4) auto;overflow:hidden;transform:translateX(-31px)}.hint-line::after{content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:var(--fg-100);animation:hint 2.2s var(--ease) infinite}body.doc,html.doc{overflow:visible!important;height:auto}html{overflow-anchor:none}#doc{display:none;z-index:25;margin-top:100vh;background:var(--ink-12);color:var(--fg-97)}body.doc #doc{display:block}
body::before{content:"";right:0;height:160px;background:linear-gradient(180deg,color-mix(in srgb,var(--ink-12) 97%,transparent) 0,color-mix(in srgb,var(--ink-12) 90%,transparent) 50%,transparent 100%);z-index:26;opacity:0;transition:opacity .6s}@media (max-width:1023px){body::before{height:120px}}body.doc #btn-next,body.doc #hint{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.nav-link{color:var(--fg-65);transition:color .3s}.nav-link.is-active,.nav-link:hover{color:var(--fg-100)}.doc-wrap{width:100%;max-width:1760px;margin:0 auto;padding:0 var(--sp-10)}.doc-sec,.wp-meta li{position:relative}.lm-wrap{display:block;overflow:hidden}.lm,.wp-mask img,.wt-txt .ch{}.lm{display:block}.doc-p{color:var(--fg-71)}#ring .lbl{position:absolute;inset:0;display:grid;place-items:center;font-size:var(--fs-xs);letter-spacing:.2em;color:var(--fg-97);opacity:0;transition:opacity .2s}
#ring.is-view::before{transform:scale(2.5882);border-color:color-mix(in srgb,var(--lav-78) 95%,transparent);background:color-mix(in srgb,var(--lav-51) 22%,transparent)}#ring.is-view .lbl,.wp-media:hover .wp-glow{opacity:1}#ring.is-view .ic{opacity:0}.work-intro{min-height:100vh;display:flex;align-items:center;padding:var(--sp-12) 0 var(--sp-9)}.eyebrow{color:var(--fg-65);margin-bottom:var(--sp-7)}.work-title{font-size:var(--fs-d2);line-height:.94;letter-spacing:-.02em;}.wt-line{overflow:hidden;padding:.04em 0;margin:-.04em 0}.wt-line,.wt-txt{display:block}.wt-txt .ch{display:inline-block}.work-lede{margin-top:var(--sp-8);font-size:var(--fs-lead);color:var(--fg-71);max-width:40ch}.work-gallery,.work-pin{height:480vh;position:relative}.work-pin{height:100vh;overflow:hidden}
.wp,.wp-mask::after{position:absolute;inset:0;pointer-events:none}.wp{display:grid;grid-template-columns:minmax(300px,.9fr) 1.4fr;gap:var(--sp-9);align-items:center;padding:0 var(--sp-10)}.wp.is-live{pointer-events:auto}.wp-text{position:relative;z-index:2}.wp-index{display:block;color:var(--fg-65);margin-bottom:var(--sp-6)}.wp-name{font-size:var(--fs-h2);line-height:.98;letter-spacing:-.02em}.wp-name .wl{overflow:hidden;padding:.06em 0 .04em;margin:-.06em 0-.04em}.wp-name .wl,.wp-name .wl-in{display:block}.wp-name .ch{display:inline-block;}.wp-desc{margin-top:var(--sp-6);font-size:var(--fs-md);line-height:1.55;color:var(--fg-71);max-width:44ch}.wp-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);margin-top:var(--sp-6);color:var(--fg-65)}
.wp-meta li+li::before{content:"";position:absolute;left:-16px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--ink-36);transform:translateY(-50%)}.wp-link{margin-top:var(--sp-7)}.wp-media{position:relative;aspect-ratio:3/2;width:100%;max-height:74vh;margin:0 0 0 auto;perspective:1400px}.wp-mask{position:absolute;inset:0;border-radius:20px;overflow:hidden;clip-path:inset(50%0 50%0 round 20px);transform-style:preserve-3d}.wp-mask img{position:absolute;inset:-8%0;width:100%;height:116%;object-fit:cover}.wp-mask::after{content:"";background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--ink-12) 55%,transparent))}
.wp-glow{position:absolute;inset:-6%;border-radius:30px;background:radial-gradient(60% 60%at 50% 50%,color-mix(in srgb,var(--lav-61) 28%,transparent),transparent 70%);opacity:0;transition:opacity .6s;z-index:-1;}.work-rail{position:absolute;left:34px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);color:var(--fg-62);z-index:3}.rail-track{display:block;width:1px;height:34vh;background:var(--ink-24);position:relative}.jcard-read::after,.rail-fill{position:absolute;left:0;width:100%;background:var(--sage)}.rail-fill{top:0;height:100%;transform-origin:top;transform:scaleY(.25);box-shadow:0 0 10px var(--sage)}
.work-bigidx{position:absolute;right:3vw;bottom:2vh;height:1em;overflow:hidden;font-size:var(--fs-giant);line-height:1;font-weight:200;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--lav-78) 16%,transparent);z-index:1;pointer-events:none}.bigidx-strip{display:flex;flex-direction:column;}.bigidx-strip span{display:block;height:1em}#studio{height:400vh}.studio-pin{height:100vh;position:relative;overflow:hidden}.studio-layer,.studio-stage{position:absolute;transform-style:preserve-3d}.studio-stage{inset:0;perspective:1400px}.studio-layer{margin:0;border-radius:16px;overflow:hidden;box-shadow:0 40px 120px color-mix(in srgb,var(--ink-00) 55%,transparent)}.studio-layer img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.85)}
.studio-img-a{left:-12.5vw;top:21vh;width:25.5vw;aspect-ratio:3/2}.studio-img-b{right:-3.7vw;top:44vh;width:18.3vw;aspect-ratio:2/3}.studio-layer figcaption{position:absolute;left:0;right:0;bottom:0;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);color:color-mix(in srgb,var(--fg-97) 70%,transparent);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ink-12) 75%,transparent))}.studio-chapter{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 8vw;transform-style:preserve-3d;pointer-events:none}.sc-label{color:var(--fg-65);margin-bottom:var(--sp-7)}.sc-title{font-size:var(--fs-d1);line-height:.98;letter-spacing:-.025em;max-width:14ch;transform-style:preserve-3d}.sc-body,.sc-title .sw{}.sc-title .sw{display:inline-block;margin:0 .03em}
.sc-body{margin-top:var(--sp-7);max-width:52ch;font-size:var(--fs-lead);line-height:1.5;color:var(--fg-71)}.cap-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3);max-width:980px;margin-top:var(--sp-7);pointer-events:auto}.cap{display:inline-flex;align-items:center;height:46px;padding:0 var(--sp-5);border-radius:999px;border:1px solid var(--ink-30);background:color-mix(in srgb,var(--ink-16) 70%,transparent);color:var(--fg-86);clip-path:inset(0 100%0 0 round 999px);transition:border-color .3s,color .3s}.cap:hover{border-color:color-mix(in srgb,var(--lav-78) 80%,transparent);color:var(--fg-100)}.studio-progress{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--sp-3)}.studio-progress i{width:6px;height:6px;border-radius:50%;background:var(--ink-30);transition:background .4s,box-shadow .4s,transform .4s}
.studio-progress i.is-on{background:var(--sage);box-shadow:0 0 12px var(--sage);transform:scale(1.3)}.journal-head{padding:var(--sp-12) var(--sp-10) var(--sp-6);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-8)}.journal-title{font-size:var(--fs-d3);line-height:.82;letter-spacing:-.04em}.journal-title .ch,.jt{display:inline-block;}.journal-sub{color:var(--fg-65);padding-bottom:1.2vw;white-space:nowrap}#end,.journal-pin{display:flex;overflow:hidden}.journal-pin{height:100vh;align-items:center}.journal-track{display:flex;gap:var(--sp-7);padding:0 var(--sp-10);}.jcard{flex:0 0 clamp(320px,31vw,600px);}
.jcard-img{display:block;position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--ink-16);clip-path:inset(0 0 100%0 round 18px)}.jcard-img img{transform:scale(1.06);transition:transform 1.1s cubic-bezier(.2,.75,.2,1);filter:saturate(.9)}.jcard:hover .jcard-img img{transform:scale(1)}.jcard-body{padding:var(--sp-6) var(--sp-1) 0}.jcard-meta{display:block;color:var(--fg-65)}.jcard-title{margin-top:var(--sp-3);font-size:var(--fs-h3);line-height:1.02;letter-spacing:-.02em}.jcard-p{margin-top:var(--sp-4);color:var(--fg-71);font-size:var(--fs-md);line-height:1.5;max-width:40ch;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.jcard-read{display:inline-block;margin-top:var(--sp-5);color:var(--lav-84);position:relative;padding-bottom:var(--sp-1);opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease) .1s,transform .6s var(--ease) .1s}.jcard-read::after{content:"";bottom:0;height:1px;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.jcard:hover .jcard-read::after{transform:scaleX(1)}.jcard.is-in .jcard-p,.jcard.is-in .jcard-read{opacity:1;transform:none}.jcard-read:focus-visible{opacity:1;transform:none}.jcard-end{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:4/3;border-radius:18px;border:1px solid var(--ink-24);padding:var(--sp-7);color:var(--fg-97);transition:border-color .4s,background .4s}.jcard-end .display{font-size:var(--fs-h1);line-height:.95}.jcard-end .micro{color:var(--fg-65)}
.jcard-end:hover{border-color:color-mix(in srgb,var(--lav-78) 70%,transparent);background:color-mix(in srgb,var(--lav-61) 6%,transparent)}.reader{position:fixed;inset:0;z-index:35;visibility:hidden;pointer-events:none;transition:visibility 0s .8s}.reader.is-open{visibility:visible;pointer-events:auto;transition:visibility 0s}.reader-scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--ink-12) 64%,transparent);opacity:0;transition:opacity .5s;touch-action:none}.reader.is-open .reader-scrim{opacity:1}.reader-panel{position:absolute;top:0;right:0;bottom:0;width:min(780px,100vw);display:flex;flex-direction:column;background:var(--ink-12);border-left:1px solid var(--ink-24);box-shadow:-8px 0 24px color-mix(in srgb,var(--ink-00) 45%,transparent);transform:translateX(103%);transition:transform .8s cubic-bezier(.2,.75,.2,1)}.reader-panel:focus-visible{outline:2px solid var(--lav-78);outline-offset:-2px}
.reader.is-open .reader-panel{transform:none}.reader-panel::before{content:"";position:absolute;left:-1px;top:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--lav-78) 90%,transparent) 45%,transparent);opacity:.7}.reader-close{position:absolute;top:30px;right:36px;z-index:2;display:inline-flex;align-items:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-4);border-radius:999px;border:1px solid var(--ink-30);background:color-mix(in srgb,var(--ink-12) 80%,transparent);color:var(--lav-89);cursor:pointer;transition:border-color .3s,color .3s}.reader-close:hover{border-color:color-mix(in srgb,var(--lav-78) 80%,transparent);color:var(--fg-100)}.reader-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--sp-11) var(--sp-9) var(--sp-10);scrollbar-width:thin;scrollbar-color:var(--ink-30) transparent}.reader-meta{color:var(--fg-65)}
.reader-title{margin-top:var(--sp-5);font-size:var(--fs-h2);line-height:1.02;letter-spacing:-.02em;color:var(--fg-97)}.reader-fig{margin:var(--sp-7) 0 0;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--ink-16)}.jcard-img img,.reader-fig img{display:block;width:100%;height:100%;object-fit:cover}.reader-lede{margin-top:var(--sp-7);font-size:var(--fs-lg);line-height:1.45;color:var(--fg-97)}.reader-p{margin-top:var(--sp-5);font-size:var(--fs-lg);line-height:1.72;color:var(--teal-77);max-width:62ch}.reader-foot{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--ink-24);display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-6);flex-wrap:wrap;color:var(--fg-65)}
.reader-next{color:var(--fg-97);font-size:var(--fs-xl);letter-spacing:-.01em;text-align:left;cursor:pointer;background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px;transition:background-size .55s var(--ease);padding-bottom:var(--sp-1)}.reader-next:hover{background-size:100% 1px}.reader-list{margin-top:var(--sp-7);border-top:1px solid var(--ink-24)}.reader-item{display:grid;grid-template-columns:1fr auto;gap:var(--sp-2) var(--sp-6);width:100%;padding:var(--sp-6) 0;border-bottom:1px solid var(--ink-24);text-align:left;cursor:pointer;color:var(--fg-97);transition:padding .45s var(--ease),color .3s}.reader-item:hover{padding-left:var(--sp-3);color:var(--fg-100)}.reader-item .t{font-size:var(--fs-h4);line-height:1.08;letter-spacing:-.015em}.reader-item .m{grid-column:1;color:var(--fg-65)}
.reader-item .go{grid-row:1/span 2;grid-column:2;align-self:center;color:var(--lav-84)}@media (max-width:1023px){.reader-scroll{padding:var(--sp-10) var(--sp-5) var(--sp-8)}.reader-close{top:20px;right:18px}.reader-panel{width:100vw;border-left:0}}#end{min-height:100vh;align-items:flex-end;padding:var(--sp-12) 0 var(--sp-6);background:var(--ink-12)}.end-bg{position:absolute;inset:0;pointer-events:none}.end-blob{position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(80px);opacity:.45;}.end-blob.b1{left:-20vw;bottom:-30vw;background:radial-gradient(circle,color-mix(in srgb,var(--teal-59) 55%,transparent),transparent 65%);animation:blob1 26s ease-in-out infinite alternate}.end-blob.b2{right:-22vw;top:-10vw;background:radial-gradient(circle,color-mix(in srgb,var(--teal-49) 50%,transparent),transparent 65%);animation:blob2 32s ease-in-out infinite alternate}
.end-dots{position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--lav-78) 22%,transparent) 1px,transparent 1.6px);background-size:30px 30px;-webkit-mask-image:linear-gradient(180deg,transparent 0,var(--ink-00) 40%,var(--ink-00) 75%,transparent);mask-image:linear-gradient(180deg,transparent 0,var(--ink-00) 40%,var(--ink-00) 75%,transparent);animation:dotsDrift 40s linear infinite;opacity:.7}.end-beam{position:absolute;left:50%;bottom:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--lav-84) 90%,transparent));transform:translateX(-50%) scaleY(0);transform-origin:50% 100%;box-shadow:0 0 40px 6px color-mix(in srgb,var(--lav-67) 45%,transparent);transition:transform 1.4s cubic-bezier(.2,.75,.2,1)}body.at-end .end-beam{transform:translateX(-50%) scaleY(1)}.end-inner{position:relative;width:100%}
.end-word{display:flex;justify-content:space-between;font-size:var(--fs-d3);line-height:.84;letter-spacing:-.04em;color:var(--fg-100)}.el,.em{display:block}.em{overflow:hidden;padding-bottom:.06em}.el{}.end-line{height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--lav-78) 90%,transparent),transparent);transform:scaleX(0);transition:transform 1.2s cubic-bezier(.2,.75,.2,1);margin:4vh 0 6vh}body.at-end .end-line{transform:scaleX(1)}.end-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-7)}.end-col{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.end-h{color:var(--fg-65);margin-bottom:var(--sp-2)}
.end-link{font-size:var(--fs-lg);color:var(--fg-97);background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px;transition:background-size .55s var(--ease),color .3s;padding-bottom:var(--sp-1);}.end-link:hover{background-size:100% 1px;color:var(--fg-100)}.end-note{color:var(--fg-71);font-size:var(--fs-lg);line-height:1.5}.end-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-6);margin-top:9vh;color:var(--fg-65);flex-wrap:wrap}.end-top{color:var(--fg-97);cursor:pointer}.end-top:hover{color:var(--sage)}.end-mid{opacity:0;transition:opacity 1s .4s}body.at-end .end-mid{opacity:1}@media (max-width:1023px){.doc-wrap{padding:0 var(--sp-5)}.work-intro{padding:var(--sp-9) 0 var(--sp-6);min-height:70vh}#studio,.work-gallery,.work-pin{height:auto}.work-pin{overflow:visible}
.wp{position:relative;inset:auto;display:flex;flex-direction:column;padding:0 var(--sp-5) var(--sp-11);pointer-events:auto}.wp-media{max-height:none;margin:0 0 var(--sp-7);order:-1}.wp-mask{clip-path:inset(0 0 0 0 round 16px)!important}.work-bigidx,.work-rail{display:none}.studio-pin{height:auto;overflow:visible}.studio-stage{position:relative;inset:auto;display:flex;flex-direction:column;perspective:none}.studio-chapter{position:relative;inset:auto;padding:10vh var(--sp-5)}.studio-chapter[data-k="0"]{order:0}.studio-img-a{order:1}.studio-chapter[data-k="1"]{order:2}.studio-img-b{order:3}.studio-chapter[data-k="2"]{order:4}.studio-layer{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;margin:0 var(--sp-5);transform:none!important}.studio-img-b{aspect-ratio:16/10}.studio-layer img{filter:saturate(.9)}
.cap{height:40px;padding:0 var(--sp-3);font-size:var(--fs-xs)}#btn-open+div,.studio-progress{display:none}.sc-title .sw{opacity:1!important;transform:none!important}.cap{clip-path:none!important}.journal-head{padding:var(--sp-9) var(--sp-5) var(--sp-6);flex-direction:column;align-items:flex-start}.journal-sub{white-space:normal;padding-bottom:0}#doc{overflow-x:clip}.journal-pin{height:auto;overflow:visible}.journal-track{flex-direction:column;padding:0 var(--sp-5);transform:none!important}.jcard{flex-basis:auto}.jcard-end{aspect-ratio:auto;height:180px}#end{padding:var(--sp-9) 0 var(--sp-6)}.end-cols{grid-template-columns:repeat(2,1fr);gap:var(--sp-7) var(--sp-5)}#hero,.end-bottom{align-items:flex-start}.end-bottom{flex-direction:column}#hero{padding-top:var(--sp-11)}#hero .left>.fade:nth-child(3){margin-top:var(--sp-6)}#hero .left>.fade:last-child{margin-top:var(--sp-4)}
#hero .left{max-width:none;margin-top:0!important;margin-left:0!important}#hero h1{font-size:var(--fs-h1)}#hero p{font-size:var(--fs-md);max-width:34ch;margin-top:var(--sp-5)}#hero .tag{height:38px;font-size:var(--fs-xs);padding:0 var(--sp-4)}#btn-open{height:50px!important;padding:0 var(--sp-7)!important;font-size:var(--fs-xs)}#avatars img{width:36px;height:36px}#plist,#stats{display:none}#shelf-label{top:112px;transform:none;max-width:80vw}#shelf-label h2{font-size:var(--fs-h1)}#detail{top:auto;bottom:0;height:auto;width:100%;max-height:72vh;padding:var(--sp-6) var(--sp-5);align-items:flex-start;overflow-y:auto;background:linear-gradient(to bottom,transparent 0,var(--ink-12) 40px)}#detail .inner{max-width:none}#d-title{font-size:var(--fs-h2)!important}#d-features{margin-top:var(--sp-5)}#d-features li p{font-size:var(--fs-xs)!important;line-height:1.5!important}
.ftile{width:56px!important;height:56px!important}#detail:not(.is-in){opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}#detail.is-in{opacity:1;visibility:visible;transition:opacity .35s}#d-title{}.ftile svg{width:22px;height:22px}#d-cta{height:50px!important;padding:0 var(--sp-7)!important;font-size:var(--fs-xs)}#nav{padding-left:var(--sp-5);padding-right:var(--sp-4);height:72px}#nav svg:not(.lm-ico){width:36px;height:26px}#nav span{font-size:var(--fs-lg)}.glow-pill.sm{height:40px!important;padding:0 var(--sp-4)!important;font-size:var(--fs-xs);letter-spacing:.14em;white-space:nowrap}.lm{--h:40px;margin-right:0!important}.lm-btn{font-size:var(--fs-sm);padding:0 var(--sp-4);gap:var(--sp-1)}.lm-ico{width:9px;height:9px}#btn-next{height:42px;gap:var(--sp-3);padding:0 var(--sp-4) 0 var(--sp-3);font-size:var(--fs-xs);white-space:nowrap;bottom:26px}
#btn-next span:first-child{width:14px;height:14px}#statement h2{font-size:var(--fs-h1)}#statement p{font-size:var(--fs-md)}#crumbs,#hint,#nav-links{display:none}}

/* Cyrillic layout and studio identity */
body{font-family:var(--ff-sans)}.display{font-family:var(--ff-sans);font-weight:300}#hero h1>.block:last-child{font-size:var(--fs-h1-sub);margin-top:.25em}.wp-name{font-size:var(--fs-h2)}.wp-name .wl-in{white-space:nowrap}
.forma-wordmark{display:flex;flex-direction:column;font-size:var(--fs-brand);line-height:.95;letter-spacing:-.04em;font-weight:500}.forma-wordmark>span{font-size:var(--fs-xs);letter-spacing:.16em;margin-top:var(--sp-2);font-weight:400}
#nav-links{gap:var(--sp-7);font-size:var(--fs-md)}#crumbs{gap:var(--sp-3);font-size:var(--fs-xs);letter-spacing:.1em}.lm-btn{font-size:var(--fs-md)}#hero .left{max-width:780px}#hero h1{font-size:var(--fs-h1)}#hero p{max-width:620px}.stat{padding:var(--sp-4);width:128px}.stat span{letter-spacing:.06em;font-size:var(--fs-xs)}#statement h2{max-width:22ch}#shelf-label{max-width:440px}#sh-name{font-size:var(--fs-h2)}.end-word{font-size:var(--fs-d3)}#avatars{display:none}.brief{border:1px solid var(--ink-41);background:var(--ink-16);color:var(--fg-97);border-radius:24px;padding:var(--sp-7);width:min(560px,calc(100vw - 32px));max-height:90vh;overflow:auto}.brief::backdrop{background:color-mix(in srgb,var(--ink-12) 85.1%,transparent);backdrop-filter:blur(15px)}.brief h2{font-size:var(--fs-h2);margin:var(--sp-3) 0}.brief p{color:var(--fg-71);font-size:var(--fs-md);line-height:1.6}.brief textarea{width:100%;min-height:170px;background:var(--ink-16);border:1px solid var(--ink-36);border-radius:12px;padding:var(--sp-4);margin:var(--sp-5) 0;color:var(--fg-100);font:inherit}.brief button{cursor:pointer}.brief-close{float:right;color:var(--lav-78)}.brief-status{min-height:26px;margin-top:var(--sp-4)}
@media(max-width:1100px){#nav-links{gap:var(--sp-5);font-size:var(--fs-sm)}#nav{padding-left:var(--sp-7);padding-right:var(--sp-7)}#hero .left{max-width:620px}}
@media(max-width:767px){#nav{padding-left:var(--sp-5);padding-right:var(--sp-4)}.forma-wordmark{font-size:var(--fs-brand)!important}.forma-wordmark>span{font-size:var(--fs-xs)!important}#nav .forma-mark{width:32px!important;height:32px!important}#nav>a{gap:var(--sp-2)}#hero h1{font-size:var(--fs-h1)}.lm-btn{font-size:var(--fs-xs);padding:0 var(--sp-3)}.lm-lbl{font-size:var(--fs-xs)!important}#hero p{font-size:var(--fs-md)}#sh-name{font-size:var(--fs-h2)}.end-word{font-size:var(--fs-d3)}}

.forma-wordmark{font-size:var(--fs-brand);min-width:122px;line-height:.95;letter-spacing:-.04em}.forma-wordmark>span{font-size:var(--fs-lg);letter-spacing:.025em;margin-top:var(--sp-2);line-height:1.1;font-weight:400}
#nav-links{gap:clamp(18px,2.1vw,34px);font-size:var(--fs-md);white-space:nowrap}#nav-links .nav-link{color:var(--fg-71)}#nav-links .nav-link:hover,#nav-links .is-active{color:var(--fg-100)}
.end-craft{display:block;text-align:right;font-family:var(--ff-sans);font-size:var(--fs-h1);font-weight:300;letter-spacing:.14em;line-height:1.1;margin-top:var(--sp-6);padding-bottom:.08em;background:linear-gradient(165deg,color-mix(in srgb,var(--fg-100) 98%,transparent) 2%,color-mix(in srgb,var(--lav-89) 87%,transparent) 32%,color-mix(in srgb,var(--lav-78) 42%,transparent) 65%,color-mix(in srgb,var(--lav-78) 6%,transparent) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.55px color-mix(in srgb,var(--lav-89) 28%,transparent);filter:drop-shadow(0 5px 22px color-mix(in srgb,var(--lav-71) 12%,transparent))}
#end .end-word .el,.page-end .end-word>span{color:var(--fg-94);-webkit-text-stroke:0}
@media(min-width:768px){#end{padding:var(--sp-12) 0 var(--sp-6)}#end .end-word{font-size:var(--fs-d3)}#end .end-craft{font-size:var(--fs-h1);margin-top:var(--sp-5)}#end .end-line{margin:var(--sp-5) 0 var(--sp-6)}#end .end-link{font-size:var(--fs-lg);line-height:1.4}#end .end-col{gap:var(--sp-2)}#end .end-bottom{margin-top:var(--sp-7)}}
#crumbs .crumb{background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit}#crumbs .crumb:focus-visible{outline:2px solid var(--lav-78);outline-offset:5px}
#crumbs{font-size:var(--fs-xs);letter-spacing:.14em;width:max-content;max-width:calc(100vw - 64px);flex-wrap:wrap;justify-content:center;row-gap:var(--sp-2)}#crumbs .crumb{white-space:nowrap}#crumbs .crumb-sep{font-size:var(--fs-xs)}
@media(min-width:768px) and (max-width:1150px){#nav-links{position:fixed;left:0;top:92px;transform:none;justify-content:center;width:100%;padding:var(--sp-3) var(--sp-5);background:linear-gradient(color-mix(in srgb,var(--ink-12) 96.1%,transparent),color-mix(in srgb,var(--ink-12) 69%,transparent));gap:var(--sp-6)}#crumbs{top:152px}}
@media(max-width:767px){.forma-wordmark{font-size:var(--fs-brand)!important;min-width:104px}.forma-wordmark>span{font-size:var(--fs-sm)!important;letter-spacing:.01em;margin-top:var(--sp-1)}#nav .forma-mark{width:34px!important;height:34px!important}#nav-links{display:flex!important;position:fixed;left:0;top:72px;width:100%;transform:none;justify-content:flex-start;gap:var(--sp-6);padding:var(--sp-3) var(--sp-5);overflow-x:auto;background:color-mix(in srgb,var(--ink-12) 92.9%,transparent);font-size:var(--fs-xs);scrollbar-width:none}#hero{padding-top:var(--sp-12)}.end-craft{font-size:var(--fs-h2);letter-spacing:.10em;margin-top:var(--sp-4)}}

/* шапка, десктоп: меню крупнее на 20% и выше на 10px — больше воздуха до крошек */
@media(min-width:1151px){#nav-links{font-size:calc(var(--fs-md)*1.2);translate:0 -10px}}
/* Хедер на узком экране: кнопка форума без подписи, чтобы не перекрывать логотип */
@media(max-width:479px){#btn-build{padding:0 var(--sp-4)}#btn-build .lm-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}