/* inter-tight-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_astro/inter-tight-cyrillic-ext-700-normal.D_7NT8eF.woff2) format('woff2'), url(/_astro/inter-tight-cyrillic-ext-700-normal.BFcoPt71.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-tight-cyrillic-700-normal */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_astro/inter-tight-cyrillic-700-normal.DtWWjp29.woff2) format('woff2'), url(/_astro/inter-tight-cyrillic-700-normal.DDZiLR3d.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-tight-greek-ext-700-normal */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_astro/inter-tight-greek-ext-700-normal.D0RkHJEE.woff2) format('woff2'), url(/_astro/inter-tight-greek-ext-700-normal.mW3dmpoD.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-tight-greek-700-normal */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_astro/inter-tight-greek-700-normal.RgALSHS4.woff2) format('woff2'), url(/_astro/inter-tight-greek-700-normal.DU8XoIeX.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-tight-vietnamese-700-normal */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_astro/inter-tight-vietnamese-700-normal.Cn_DV52A.woff2) format('woff2'), url(/_astro/inter-tight-vietnamese-700-normal.DwHBAXeT.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-tight-latin-ext-700-normal */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_astro/inter-tight-latin-ext-700-normal.BpKPOkj3.woff2) format('woff2'), url(/_astro/inter-tight-latin-ext-700-normal.CrlzIQ10.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-tight-latin-700-normal */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_astro/inter-tight-latin-700-normal.BZKd_v_8.woff2) format('woff2'), url(/_astro/inter-tight-latin-700-normal.DvYAVZQd.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* roboto-mono-cyrillic-ext-500-normal */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_astro/roboto-mono-cyrillic-ext-500-normal.DC57U9n8.woff2) format('woff2'), url(/_astro/roboto-mono-cyrillic-ext-500-normal.6xdwlG7p.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-mono-cyrillic-500-normal */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_astro/roboto-mono-cyrillic-500-normal.DGZ7-lUP.woff2) format('woff2'), url(/_astro/roboto-mono-cyrillic-500-normal.NpUJFYX7.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-mono-greek-500-normal */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_astro/roboto-mono-greek-500-normal.DpRFkptA.woff2) format('woff2'), url(/_astro/roboto-mono-greek-500-normal.C2M8jX6G.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-mono-vietnamese-500-normal */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_astro/roboto-mono-vietnamese-500-normal.Cq-quQMu.woff2) format('woff2'), url(/_astro/roboto-mono-vietnamese-500-normal.IxzxMIj7.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* roboto-mono-latin-ext-500-normal */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_astro/roboto-mono-latin-ext-500-normal.Db3ge6Oe.woff2) format('woff2'), url(/_astro/roboto-mono-latin-ext-500-normal.B1IjfbhL.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-mono-latin-500-normal */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_astro/roboto-mono-latin-500-normal.pxIOXZmA.woff2) format('woff2'), url(/_astro/roboto-mono-latin-500-normal.D6j6AMzd.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}*{box-sizing:border-box}
html.lenis,
html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
html.scroll-lock{overflow:clip}
@media (hover:none),(pointer:coarse){[data-lenis-prevent]{overscroll-behavior:contain}}
html{scroll-behavior:smooth;overflow-anchor:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-weight:500;font-size:var(--fs-base);line-height:1.45;letter-spacing:var(--ls-text);-webkit-font-smoothing:antialiased}
a{color:inherit}
button,
input,
textarea{font:inherit;color:inherit;letter-spacing:inherit}
:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:var(--r-xs)}
h1,
h2,
h3,
h4,
p{margin:0}
h1,
h2,
h3,
h4{font-weight:500;letter-spacing:var(--ls-head);text-wrap:balance}
p,
li,
small{text-wrap:pretty}
h2{font-size:var(--h2);line-height:1.02}
h3{font-size:var(--fs-h3);line-height:1.08}
h4{font-size:var(--fs-xl);line-height:1.25;letter-spacing:var(--ls-snug)}
section{padding-block:var(--sec-y)}
:is(a,button).btn.gbtn{--mx:30%;--my:50%;--g-bg:var(--ink);--g-fg:#fff;--g-ring:rgba(255,255,255,.12);--g-in:12px 22px;position:relative;isolation:isolate;display:inline-flex;align-items:stretch;height:var(--btn-h);padding:1px;gap:0;border:0;border-radius:var(--r-md);background:var(--g-ring);color:var(--g-fg);overflow:hidden;font-weight:500;font-size:var(--fs-base);text-decoration:none;opacity:1;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
:is(a,button).btn.gbtn.light{--g-bg:var(--on-dark);--g-fg:var(--ink);--g-ring:rgba(15,16,17,.12)}
:is(a,button).btn.gbtn.sm{height:var(--btn-h-sm);font-size:var(--fs-ui);border-radius:var(--r-sm)}
:is(a,button).btn.gbtn::after{content:"";display:block;position:absolute;z-index:0;inset:0;width:auto;height:auto;border-radius:0;background:conic-gradient(from var(--ga),transparent 0 62%,rgba(255,138,91,.0) 66%,var(--accent-hi) 80%,#FFD2BC 84%,rgba(255,138,91,0) 92%,transparent 100%);animation:gaSpin 4.5s linear infinite;flex:none;margin:0}
:is(a,button).btn.gbtn.light::before{background:radial-gradient(circle,#FFB08A 0%,rgba(246,90,42,.6) 30%,transparent 68%)}
:is(a,button).btn.gbtn::before{content:"";position:absolute;z-index:0;left:var(--mx);top:var(--my);width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#FFB08A 0%,rgba(246,90,42,.85) 30%,transparent 68%);opacity:0;transition:opacity .45s var(--ease)}
:is(a,button).btn.gbtn:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(243,53,12,.24)}
:is(a,button).btn.gbtn:hover::before,
.gbtn:hover .rb-glow{opacity:1}
:is(a,button).btn.gbtn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (prefers-reduced-motion:reduce){:is(a,button).btn.gbtn::after,
.rb-amb{animation:none}}
@media (max-width:560px){input,
textarea,
select{font-size:max(16px,1em)}}
@media (max-width:760px){
  input,
textarea,
select{font-size:16px!important}
}
:is(a,button).btn.gbtn::after{inset:auto;left:50%;top:50%;width:calc(100% + 64px);height:auto;aspect-ratio:1;background:conic-gradient(transparent 0 62%,rgba(255,138,91,0) 66%,var(--accent-hi) 80%,#FFD2BC 84%,rgba(255,138,91,0) 92%,transparent 100%);transform:translate(-50%,-50%);animation:gaRot 4.5s linear infinite}
@media (prefers-reduced-motion:reduce){:is(a,button).btn.gbtn::after{animation:none}}
.wrap{max-width:1380px;margin:0 auto;padding-inline:var(--gutter)}
.lbl{font-family:var(--mono);font-weight:400;font-size:var(--fs-cap);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--muted)}
.logo{font-weight:600;font-size:19px;letter-spacing:var(--ls-head);text-decoration:none}
.logo sup{font-size:9px;font-weight:500;color:var(--accent)}
@media (max-width:560px){.logo{justify-self:start}}
.nw{white-space:nowrap}
@property --ga{syntax:'<angle>';inherits:false;initial-value:0deg}
.btn{display:inline-flex;align-items:center;gap:10px;height:var(--btn-h-sm);padding:0 16px;border-radius:var(--r-s);background:var(--ink);color:var(--on-dark);font-weight:500;font-size:var(--fs-ui);text-decoration:none;border:0;cursor:pointer;white-space:nowrap;transition:opacity .25s}
.btn:hover{opacity:.85}
.btn::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none}
.btn.light{background:var(--bg);color:var(--ink)}
.btn.sm{height:var(--btn-h-sm);padding:0 14px;font-size:var(--fs-ui)}
.rb-in{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:0 22px;border-radius:var(--r-sm);background:var(--g-bg);overflow:hidden}
.sm>.rb-in{padding:0 14px;gap:10px;border-radius:var(--r-sm)}
.rb-amb{position:absolute;z-index:0;top:50%;left:0;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,110,60,.55) 0%,rgba(243,53,12,.18) 40%,transparent 70%);filter:blur(10px);transform:translate(-50%,-50%);opacity:.45;animation:rbAmb 6s ease-in-out infinite alternate;pointer-events:none;transition:opacity .4s var(--ease)}
.light>.rb-in .rb-amb{opacity:.35}
.rb-glow{position:absolute;z-index:0;left:var(--mx);top:var(--my);width:170px;height:170px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,120,70,.9) 0%,rgba(229,48,12,.45) 38%,transparent 70%);filter:blur(8px);opacity:0;transition:opacity .45s var(--ease);pointer-events:none}
.rb-t{position:relative;z-index:1;display:inline-flex;height:1.3em;line-height:1.3em;overflow:hidden;white-space:nowrap}
.rb-t span{display:inline-block;text-shadow:0 1.3em 0 currentColor;transition:transform .5s var(--ease-io),color .4s var(--ease);transition-delay:calc(var(--k) * 14ms)}
.rb-dot{position:relative;z-index:1;flex:none;width:5px;height:5px;border-radius:50%;background:var(--accent);transition:background .4s var(--ease)}
.gbtn:hover .rb-amb{opacity:0}
.gbtn:hover .rb-t span{transform:translateY(-1.3em)}
.gbtn.light .rb-glow{background:radial-gradient(circle,rgba(255,150,105,.85) 0%,rgba(246,90,42,.35) 40%,transparent 70%)}
.gbtn.light:hover .rb-dot{background:var(--ink)}
.gbtn:hover .rb-dot{background:#fff}
@media (prefers-reduced-motion:reduce){.rb-t span{transition:none}}
.rb-amb{top:0;bottom:0;left:0;width:100%;height:auto;border-radius:0;background:none;filter:none;transform:none;animation:rbAmb2 6s ease-in-out infinite alternate}
.rb-amb::before{content:"";position:absolute;top:50%;left:0;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,110,60,.5) 0%,rgba(243,53,12,.16) 42%,transparent 70%);transform:translate(-50%,-50%)}
@media (prefers-reduced-motion:reduce){.rb-amb{animation:none;transform:translateX(50%)}}
@keyframes fade{from{opacity:0}}
@keyframes rise{from{transform:translateY(16px);opacity:0}}
@keyframes gaSpin{to{--ga:360deg}}
@keyframes rbAmb{from{left:8%}to{left:92%}}
@keyframes gaRot{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes rbAmb2{from{transform:translateX(8%)}to{transform:translateX(92%)}}

/* v10.74: анимации в блоках далеко за экраном стоят на паузе (класс ставит scripts/offscreen.js) */
.ofs *,.ofs *::before,.ofs *::after{animation-play-state:paused!important}
main#top{position:relative;z-index:1;background:var(--bg);margin-bottom:var(--fth,calc(var(--vu,1vh) * 100));border-radius:0 0 var(--r-2xl) var(--r-2xl);overflow-x:clip;overflow-y:visible;box-shadow:0 30px 70px rgba(0,0,0,.35)}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  main#top{overflow:visible}
}
.hdr{position:sticky;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:30;padding-inline:20px;margin-top:10px}
.hdr-in{max-width:1340px;margin:0 auto;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--r);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:7px 7px 7px 10px}
.hdr nav{display:flex;gap:18px;font-size:var(--fs-ui);align-items:center}
.hdr nav a{text-decoration:none;transition:color .2s}
.hdr nav a:hover{color:var(--muted)}
.hdr nav sup{display:inline-grid;place-items:center;width:15px;height:15px;margin-left:3px;border-radius:50%;background:var(--accent);color:#fff;font-size:var(--fs-micro);font-weight:600;vertical-align:6px;line-height:1}
.burger{width:38px;height:34px;border-radius:var(--r-s);border:0;background:var(--sand);cursor:pointer;display:grid;place-items:center}
.burger i{display:block;width:16px;height:8px;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.hdr-in{transition:background .3s var(--ease),border-color .3s var(--ease)}
.hdr.bare .hdr-in{background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.hdr.hdr-dk nav a,
.hdr.hdr-dk .logo{color:var(--on-dark)}
.hdr.hdr-dk nav a:hover{color:rgba(245,244,240,.65)}
.hdr.hdr-dk .burger{background:rgba(255,255,255,.1)}
.hdr.hdr-dk .burger i{border-color:var(--on-dark)}
.hdr.hdr-dk .btn.gbtn{--g-bg:var(--on-dark);--g-fg:var(--ink);--g-ring:rgba(15,16,17,.12)}
.hdr.hdr-dk .btn.gbtn .rb-in{color:var(--ink)}
.hdr-r{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.btn.hdr-au{height:var(--btn-h-sm);padding:0 14px;font-size:var(--fs-ui);border-radius:var(--r-sm);background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(15,16,17,.16);transition:box-shadow .25s,background .25s,color .25s}
.btn.hdr-au:hover{opacity:1;background:rgba(15,16,17,.05);box-shadow:inset 0 0 0 1px rgba(15,16,17,.3)}
.hdr.hdr-dk .btn.hdr-au{color:var(--on-dark);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.hdr.hdr-dk .btn.hdr-au:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
@media (max-width:700px){.btn.hdr-au{display:none}}
@media (max-width:1060px){.hdr nav a{display:none}}
/* 23 окт: в шапке появилась «Стоимость» — на узких ноутбуках ссылки не помещались до логотипа; «Функционал» остаётся в меню */
.hdr nav a{white-space:nowrap}
@media (min-width:1061px) and (max-width:1200px){.hdr nav a[href="#features"]{display:none}}
@media (max-width:560px){.hdr-in{grid-template-columns:auto 1fr auto}}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px){ .hdr{transition:transform .35s var(--ease)} }
@media (max-width:600px){
  .hdr{transition:transform .35s var(--ease)}
}
@media (max-width:600px){
  .hdr.hdr-up{transform:translate3d(0,calc(-100% - 24px),0)}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .hdr{transition:transform .35s var(--ease)}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .hdr.hdr-up{transform:translate3d(0,calc(-100% - 24px),0)}
}
@media (max-width:340px){ .hdr-r .gbtn .rb-t>span:nth-child(n+9){display:none} }
.menu{position:fixed;inset:0;z-index:60;padding:12px;background:rgba(15,16,17,.45);animation:fade .3s var(--ease)}
.menu-in{height:100%;background:var(--paper);border-radius:var(--r);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);overflow:hidden;position:relative;animation:rise .45s var(--ease)}
.m-col{position:relative;padding:28px;display:grid;align-content:space-between;gap:28px;min-width:0;overflow:auto}
.m-c2{border-left:1px solid var(--line)}
.m-top{display:grid;gap:clamp(28px,calc(var(--vu,1vh) * 5),56px);align-content:start}
.m-links{display:grid;gap:0}
.m-rec{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;max-width:360px;font-size:var(--fs-ui);line-height:1.35;color:var(--muted);text-decoration:none}
.m-rec b{font-weight:500;color:var(--ink)}
.m-av{display:flex}
.m-av i{width:36px;height:36px;margin-left:-8px;border-radius:50%;background:#ccc center/cover;box-shadow:0 0 0 2px var(--paper)}
.m-av i:first-child{margin-left:0}
.m-rec-l{display:block;width:max-content;margin-top:2px;color:var(--ink);transition:transform .3s var(--ease)}
.m-rec:hover .m-rec-l{transform:translateX(3px)}
.m-links a{width:max-content;max-width:100%;font-size:clamp(30px,min(3.2vw,calc(var(--vu,1vh) * 5)),48px);line-height:1.1;letter-spacing:var(--ls-head);text-decoration:none;transition:color .2s}
.m-links a:hover{color:var(--muted)}
.m-grp{display:grid;gap:14px;align-content:start}
.m-cases{display:grid;gap:10px}
.m-case,
.m-post{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;text-align:left;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}
.m-th{display:block;height:72px;border-radius:var(--r-s);background:var(--paper-2) center/cover no-repeat;transition:transform .45s var(--ease)}
.m-case:hover .m-th,
.m-post:hover .m-th{transform:scale(1.04)}
.m-case>span:last-child,
.m-post>span:last-child{font-size:var(--fs-lg);letter-spacing:var(--ls-snug)}
.m-case span.t,
.m-post span.t{display:block;margin-top:2px;color:var(--muted);font-size:var(--fs-ui);letter-spacing:var(--ls-text)}
.m-ct{padding:0;overflow:hidden;background:var(--ink);color:var(--on-dark);align-content:end}
.m-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:invert(1) grayscale(1) brightness(.62) contrast(1.15);opacity:.55;pointer-events:none}
.m-sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,16,17,.2) 0%,rgba(15,16,17,.55) 55%,rgba(15,16,17,.85) 100%);pointer-events:none}
.m-ct-in{position:relative;display:grid;gap:22px;padding:28px}
.m-who{display:flex;align-items:center;gap:10px;font-size:var(--fs-ui);line-height:1.25}
.m-who i{position:relative;width:40px;height:40px;flex:none;border-radius:50%;background:#3A3A3A url(/artur-face.jpg) center/cover}
.m-who i::after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px var(--ink)}
.m-who small{display:block;font-size:var(--fs-xs);color:rgba(255,255,255,.55)}
.m-ct-h{margin:0;max-width:16em;font-size:var(--fs-h3);font-weight:500;line-height:1.12;letter-spacing:var(--ls-head);text-wrap:balance}
.m-ct-b{display:flex;flex-wrap:wrap;gap:8px}
.m-ct-b .btn{height:var(--btn-h)}
.btn.m-au{background:transparent;color:var(--on-dark);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);transition:background .25s,box-shadow .25s}
.btn.m-au:hover{opacity:1;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.m-ct-l{display:flex;flex-wrap:wrap;gap:6px 18px}
.m-ct-l a{font-size:var(--fs-lg);color:rgba(255,255,255,.78);text-decoration:none;transition:color .2s}
.m-ct-l a:hover{color:#fff}
.m-note{margin:0;font-size:var(--fs-cap);line-height:1.4;color:rgba(255,255,255,.34)}
.m-x{position:absolute;right:20px;top:20px;z-index:5;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s}
.m-x:hover{background:rgba(255,255,255,.22)}
@media (max-width:900px){
  .menu-in{grid-template-columns:minmax(0,1fr);align-content:start;overflow:auto}
}
@media (max-width:900px){
  .m-col{overflow:visible;align-content:start}
}
@media (max-width:900px){
  .m-c1{order:1;gap:22px}
}
@media (max-width:900px){
  .m-ct{order:2;margin:0 12px;border-radius:var(--r)}
}
@media (max-width:900px){
  .m-c2{order:3;border-left:0}
}
@media (max-width:900px){
  .m-blog,
.m-rec{display:none}
}
@media (max-width:900px){
  .m-x{background:var(--sand);color:var(--ink)}
}
@media (max-width:900px){
  .m-links a{font-size:clamp(28px,8.4vw,40px)}
}
@media (max-width:900px){
  .m-ct-in{padding:22px 20px}
}
@media (max-width:900px){
  .m-ct-b{display:grid;grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .m-ct-b .btn{width:100%;justify-content:center}
}
/* 23 окт: телефон лёжа и другие низкие экраны в три колонки — тёмная колонка не помещалась по высоте: верх обрезался, крестик наезжал на заголовок.
   Колонка листается сама, содержимое начинается под крестиком */
@media (min-width:901px) and (max-height:600px){
  .m-ct{overflow-y:auto;overscroll-behavior:contain;align-content:start}
  .m-ct-in{padding-top:86px}
}
@media (prefers-reduced-motion:reduce){.menu,
.menu-in{animation:none}}
@media (max-width:440px){ .m-ct-l{display:grid;grid-template-columns:repeat(2,max-content);gap:6px 28px} }
.ft-sent{height:1px;margin-top:-1px}
footer#ft{position:fixed;left:0;right:0;bottom:0;z-index:0;height:calc(var(--vu,1vh) * 100);height:calc(var(--vu,1vh) * 100);display:flex;flex-direction:column;overflow:hidden;background:var(--ink);color:var(--on-dark)}
html:not(.ft-flow):not(.ft-show) footer#ft{visibility:hidden}
.ft-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.ft-bg i{position:absolute;inset:0}
.ft-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ft-bg-dk .ft-v{filter:invert(1) grayscale(1) brightness(.62) contrast(1.15);opacity:.55}
.ft-bg-dk i{background:linear-gradient(180deg,rgba(15,16,17,.72) 0%,rgba(15,16,17,.42) 50%,rgba(15,16,17,.18) 100%)}
.ft-in{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;width:100%;padding-top:var(--fpt,clamp(88px,9vw,120px));padding-bottom:calc(var(--wh,220px) + 18px)}
footer .logo{color:#fff}
.ft-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;margin-bottom:28px}
.ft-brand{display:grid;gap:14px;align-content:start}
.ft-brand p{font-size:clamp(15px,1.15vw,17px);line-height:1.35;letter-spacing:var(--ls-text);max-width:28ch;color:rgba(255,255,255,.7)}
.ft-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ft-col{display:grid;gap:4px;align-content:start}
.ft-col .lbl{color:rgba(255,255,255,.45);margin-bottom:12px}
.ft-col a{width:max-content;max-width:100%;text-decoration:none;font-size:clamp(19px,1.75vw,26px);font-weight:500;line-height:1.22;letter-spacing:var(--ls-title);color:rgba(255,255,255,.78);transition:color .2s}
.ft-col a:hover{color:#fff}
.ft-bot{margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px 48px;align-items:start;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:var(--fs-sm);line-height:1.4;color:rgba(255,255,255,.5)}
.ft-bot nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 32px}
.ft-bot nav a{width:max-content;max-width:100%;text-decoration:none;color:rgba(255,255,255,.6);transition:color .2s}
.ft-bot nav a:hover{color:#fff}
/* 24 окт: кнопка «Наверх» — справа в строке документов */
.ft-bot{grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto}
.ft-up{display:inline-flex;align-items:center;gap:10px;justify-self:end;align-self:center;margin-block:-6px;text-decoration:none;color:rgba(255,255,255,.6);transition:color .2s}
.ft-up i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);transition:background-color .2s,box-shadow .2s}
.ft-up svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ft-up:hover{color:#fff}
.ft-up:hover i{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.ft-up:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:20px}
@media (max-width:1000px){.ft-bot{grid-template-columns:minmax(0,1fr) auto}.ft-bot nav{grid-column:1}.ft-bot>span{grid-column:1}.ft-up{grid-column:2;grid-row:1/span 2;align-self:end;margin-block:0}}
.ft-brand .ft-note{max-width:34ch;margin-top:6px;font-size:var(--fs-cap);line-height:1.4;color:rgba(255,255,255,.34)}
.ft-word{position:absolute;z-index:1;left:0;right:0;bottom:0;text-align:left;padding-left:var(--wx,20px);font-weight:600;letter-spacing:var(--ls-display);line-height:.74;white-space:nowrap;font-size:20vw;color:var(--on-dark);opacity:.84;transform:translateY(6%);pointer-events:none}
.ft-word sup{font-size:.16em;vertical-align:2.9em;letter-spacing:0;color:var(--accent)}
html.ft-flow main#top{margin-bottom:0;border-radius:0;box-shadow:none}
html.ft-flow footer#ft{position:relative;height:auto;min-height:0}
html.ft-flow .ft-word{position:relative;display:block;transform:none;margin-top:24px}
html.ft-flow .ft-in{padding-bottom:28px}
@media (max-width:1000px){.ft-top{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1000px){.ft-bot{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1000px){.ft-bot nav{order:-1}}
@media (max-width:640px){.ft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ft-col:last-child{grid-column:1/-1}}
@media (max-width:640px){.ft-bot nav{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){footer .logo{font-size:25px}}
@media (max-width:760px){footer .logo sup{font-size:11px}}
@media (max-width:640px){
  .ft-cols{column-gap:32px;row-gap:36px}
}
@media (max-width:640px){
  .ft-col:first-child{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(4,auto);grid-auto-flow:column;column-gap:32px}
}
@media (max-width:640px){
  .ft-col:first-child .lbl{grid-column:1/-1;grid-row:1}
}
@media (max-width:640px){
  .ft-col:last-child{grid-column:auto}
}
@media (max-width:640px){
  html.ft-flow .ft-in{padding-top:64px}
}
@media (max-width:360px){ .ft-cols{column-gap:20px} }
@media (max-width:360px){ .ft-col:first-child{column-gap:20px} }
@media (max-width:360px){ .ft-col a{white-space:nowrap} }
/* Блоки страницы (первый экран и все остальные) — стили из прототипа v10.78 как есть, в порядке прототипа (без оболочки, панели прототипа и UI-кита).
   Одним файлом: от порядка правил зависит каскад (например, .fl у аудита и блога); по блокам разложим при чистке кода. */
.lead{text-wrap:pretty}
.shd .lead{text-wrap:balance}
.mono{font-family:var(--mono);font-weight:400;font-size:var(--fs-cap);letter-spacing:var(--ls-caps);text-transform:uppercase}
.muted{color:var(--muted)}
.lead{font-size:var(--fs-lg);color:var(--muted);max-width:46ch;line-height:1.4}
.tag{display:inline-flex;font:500 11px/1 var(--f);letter-spacing:0;text-transform:none;border-radius:var(--r-pill);padding:4px 8px;white-space:nowrap;vertical-align:2px;margin-left:6px}
.t-wait{color:var(--wait);background:var(--wait-bg)}
.hint{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:var(--ls-caps-sm);text-transform:uppercase;color:var(--faint)}
.on-touch{display:none}
@media (hover:none){.on-hover{display:none}}
@media (hover:none){.on-touch{display:inline}}
.hint::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.pre{opacity:0;transform:translateY(26px)}
.rv{transition:opacity .9s var(--ease),transform .9s var(--ease)}
@media (prefers-reduced-motion:reduce){.pre{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rv{transition:none}}
.ph{position:relative;display:block;overflow:hidden;border-radius:var(--r);background:linear-gradient(140deg,#EEEEED 0%,#DADAD8 100%);max-width:100%}
.ph.v2{background:linear-gradient(140deg,#E9E5DF 0%,#CFC8BE 100%)}
.ph.v3{background:linear-gradient(140deg,#E3E6E8 0%,#C6CCD1 100%)}
.ph.v4{background:linear-gradient(140deg,#ECE6E6 0%,#D3C6C4 100%)}
.ph .cap{position:absolute;left:12px;bottom:12px;z-index:2;background:rgba(255,255,255,.88);border-radius:var(--r-sm);padding:5px 9px;font-size:var(--fs-xs);color:var(--muted);max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph.play::after{content:"";position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(255,255,255,.92);transition:transform .4s var(--ease)}
.ph.play::before{content:"";position:absolute;z-index:2;left:50%;top:50%;margin:-9px 0 0 -5px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--ink)}
.dk .ph{background:linear-gradient(140deg,#2A2B2C 0%,var(--dark-2) 100%)}
.dk .ph .cap{background:rgba(0,0,0,.5);color:var(--on-dark-muted)}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px var(--line)}
.dk .btn.ghost{box-shadow:inset 0 0 0 1px var(--dark-line)}
.btns{display:flex;gap:8px;flex-wrap:wrap}
.read{font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:var(--ls-caps-sm);text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
section.dk{padding-block:var(--sec)}
section.dk + section{padding-top:calc(var(--sec) / 2)}
.shd{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px 48px;align-items:end;margin-bottom:48px}
.shd .l{display:grid;gap:16px}
.shd .lbl::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:9px;vertical-align:2px}
.shd.c .lbl::before{margin-right:9px}
.shd .r{display:grid;gap:18px;justify-items:start}
.shd.c{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.shd.c .l{justify-items:center}
.shd.c h2{max-width:none}
@media (max-width:1000px){ #features .shd.c{justify-items:start;text-align:left;margin-bottom:42px} }
@media (max-width:1000px){ #features .shd.c .l{justify-items:start} }
@media (max-width:900px){.shd{grid-template-columns:minmax(0,1fr)}}
/* 24 окт: переход по ссылкам меню на сенсорных экранах — заголовок блока не уходит под шапку (кейсы — как было) */
html{scroll-padding-top:46px}
#works{scroll-margin-top:-46px}
/* 24 окт: перенос только на планшете, где заголовок блока во всю ширину */
.br-t{display:none}
@media (min-width:601px) and (max-width:900px){.br-t{display:inline}}
html.hs-wait .hdr .hdr-in{background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
html.hs-wait .hdr nav a,
html.hs-wait .hdr .logo{color:var(--on-dark)}
html.hs-wait .hdr nav a:hover{color:rgba(245,244,240,.65)}
html.hs-wait .hdr .burger{background:rgba(255,255,255,.1)}
html.hs-wait .hdr .burger i{border-color:var(--on-dark)}
html.hs-wait .hdr .btn.gbtn{--g-bg:var(--on-dark);--g-fg:var(--ink);--g-ring:rgba(15,16,17,.12)}
html.hs-wait .hdr .btn.gbtn .rb-in{color:var(--ink)}
html.hs-wait .hdr .btn.hdr-au{color:var(--on-dark);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
html.hs-wait .hdr .btn.hdr-au:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.who{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:var(--fs-sm);line-height:1.2}
.who i{width:34px;height:34px;border-radius:50%;background:#3A3A3A url(/artur-face.jpg) center/cover;flex:none}
.who small{display:block;color:var(--muted);font-size:var(--fs-xs)}
@media (max-width:1060px){.hdr .who{display:none}}
.hero{padding-top:28px}
.slider{position:relative;min-height:min(calc(var(--vu,1vh) * 80),740px);border-radius:var(--r);overflow:hidden}
.sl-site{position:absolute;z-index:2;left:50%;top:6%;height:calc(94% - 230px);aspect-ratio:16/10;max-width:76%;border-radius:var(--r-md);overflow:hidden;background:#fff;box-shadow:0 34px 90px rgba(0,0,0,.5);opacity:0;transform:translate(-50%,28px) scale(.97);transition:opacity .5s var(--ease),transform .7s var(--ease);pointer-events:none}
.slider .btn.ghost{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.slider .btn.on-touch{display:none}
@media (hover:none){.slider .btn.on-touch{display:inline-flex}}
@media (max-width:900px){.sl-site{top:5%;height:calc(95% - 330px);max-width:90%}}
@media (max-width:560px){.sl-site{height:calc(95% - 360px)}}
.ds-view{position:absolute;inset:30px 0 0 0;overflow:hidden;background:var(--paper)}
.ds-view img{display:block;width:100%;height:auto;will-change:transform}
.slider.paused .ds-view img{animation-play-state:paused}
.sl-tab{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;background:rgba(255,255,255,.55);backdrop-filter:blur(8px);border-radius:var(--r-s);padding:7px;text-align:left;border:0;cursor:pointer;overflow:hidden;transition:background .3s}
.sl-tab .ph{height:46px;border-radius:var(--r-sm)}
.sl-tab b{display:block;font-weight:500;font-size:var(--fs-base)}
.sl-tab .mono{color:var(--muted)}
.sl-tab[aria-selected="true"]{background:rgba(255,255,255,.95)}
.sl-tab .bar{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent)}
.sl-tab[aria-selected="true"] .bar{animation:fill 9s linear forwards}
.slider.paused .sl-tab .bar{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.sl-tab .bar{display:none}}
@media (max-width:900px){.sl-tab{scroll-snap-align:start}}
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:-72px;height:calc(100% - 38%);background:url(/hero-light.jpg) 72% 0/cover no-repeat;mix-blend-mode:multiply;pointer-events:none;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent);animation:sway 16s ease-in-out infinite alternate;transform-origin:70% 0}
@media (prefers-reduced-motion:reduce){.hero::before{animation:none}}
@media (max-width:1000px){.hero::before{height:62%;background-position:80% 0}}
@media (max-width:560px){.slider{min-height:600px}}
@media (max-width:560px){.sl-tab{grid-template-columns:40px minmax(0,1fr)}}
@media (max-width:560px){.sl-tab .ph{height:38px}}
.hs{display:none}
.hero.v-split{padding-top:clamp(8px,1.4vw,20px)}
.v-split .hs{display:block}
.hero.v-split::before{top:-120px;height:calc(100% + 120px);background:repeating-linear-gradient(90deg,rgba(15,16,17,.075) 0 1px,transparent 1px 10px);mix-blend-mode:normal;animation:none;transform:none;-webkit-mask-image:linear-gradient(#000 0,rgba(0,0,0,.55) 34%,transparent 62%);mask-image:linear-gradient(#000 0,rgba(0,0,0,.55) 34%,transparent 62%)}
.hs-h{margin:clamp(30px,4vw,64px) auto clamp(32px,3.8vw,60px);text-align:center;font-size:clamp(38px,5.6vw,84px);line-height:1;letter-spacing:var(--ls-display)}
.hs-h>span{display:block}
.hs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;height:clamp(600px,48vw,700px)}
.hs-txt{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:28px;text-align:center;background:var(--ink);color:var(--on-dark);border-radius:var(--r-lg);padding:clamp(32px,3.6vw,56px) clamp(22px,3.4vw,60px) clamp(26px,2.6vw,38px)}
.hs-in{align-self:center;display:grid;justify-items:center;gap:24px;max-width:540px}
.hs-pill{white-space:nowrap;display:inline-flex;align-items:center;gap:9px;height:30px;padding:0 13px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:var(--ls-caps);text-transform:uppercase;color:rgba(245,245,245,.8)}
.hs-pill::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}
.hs-t{font-size:clamp(27px,3vw,45px);line-height:1.08;letter-spacing:var(--ls-head);font-weight:500;text-wrap:balance}
.hs-aud{display:grid;gap:6px;justify-items:center}
.hs-aud>div{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.hs-aud span{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:var(--r-pill);font-size:var(--fs-ui);color:rgba(245,245,245,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.hs-aud span.main{background:#fff;color:var(--ink);box-shadow:none;gap:8px}
.hs-aud span.main::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}
.hs-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}
.hs-btns .btn{height:var(--btn-h);padding:0 18px}
.hs-btns .btn.ghost{color:var(--on-dark);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
.hs-btns .btn.ghost::after{display:none}
.hs-cl{display:grid;justify-items:center;gap:14px;text-decoration:none;color:inherit}
.hs-av{display:flex;align-items:center}
.hs-av i{position:relative;width:44px;height:44px;border-radius:50%;background:#333 center/cover no-repeat;box-shadow:0 0 0 2px var(--ink);margin-left:-9px}
.hs-av i:first-child{margin-left:0}
.hs-av em{display:grid;place-items:center;width:44px;height:44px;margin-left:-9px;border-radius:50%;background:var(--dark-3);box-shadow:0 0 0 2px var(--ink);font-style:normal;font-size:var(--fs-base);transition:background .25s,color .25s}
.hs-cl:hover .hs-av em{background:#fff;color:var(--ink)}
.hs-q{display:grid;justify-items:center}
.hs-qi{grid-area:1/1;display:grid;justify-items:inherit;gap:10px;transition:opacity .6s var(--ease) .24s,transform .8s var(--ease) .24s;will-change:opacity,transform}
.hs-qi.enter{opacity:0;transform:translateY(14px);transition:none}
.hs-qi.leave{opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .28s var(--ease),transform .4s var(--ease)}
.hs-qt{display:block;max-width:19em;height:2.6em;font-size:var(--fs-h4);line-height:1.3;letter-spacing:var(--ls-snug);color:var(--on-dark);text-wrap:balance;overflow:hidden}
.hs-cl .mono{color:rgba(245,245,245,.56);font-size:var(--fs-cap);text-wrap:balance}
.hs-ph{position:relative;isolation:isolate;border-radius:var(--r-lg);overflow:hidden;background:#BEBEBC}
.hs-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%;transition:transform 1.2s var(--ease)}
.hs-fr{position:absolute;left:19%;right:19%;top:10%;bottom:7%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 7px 7px;border:1px solid rgba(255,255,255,.92);border-radius:var(--r-md);background:rgba(255,255,255,.07);transition:transform .9s var(--ease)}
.hs-card{width:100%;max-width:440px;display:grid;gap:11px;padding:14px 15px 15px;border-radius:var(--r-sm);background:#fff;color:var(--ink);text-align:left;box-shadow:0 14px 34px rgba(15,16,17,.14)}
.hs-who{display:grid;gap:2px;padding-bottom:11px;border-bottom:1px solid var(--line)}
.hs-who b{display:block;font-weight:500;font-size:var(--fs-base);letter-spacing:var(--ls-snug)}
.hs-who small{display:block;color:var(--muted);font-size:var(--fs-sm);line-height:1.3}
.hs-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hs-card li{display:flex;align-items:center;gap:9px;font-size:var(--fs-ui);color:var(--muted)}
.hs-card ul{gap:7px}
.hs-card li::before{content:"";flex:none;width:15px;height:15px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4.2 3.6 6.8 9 1.2' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/7px 5.5px no-repeat}
.v-split .hs-h,
.v-split .hs-grid>*{animation:hsIn 1s var(--ease) both}
.v-split .hs-txt{animation-delay:.12s}
.v-split .hs-ph{animation-delay:.22s}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs-h>span{display:inline}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs-h{text-wrap:balance;font-size:min(56px,calc((100vw - 40px) / 8.8))}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs-grid{grid-template-columns:minmax(0,1fr);height:auto}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs-txt{padding:44px 20px 30px;gap:40px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs-ph{height:min(calc((100vw - 40px) * 1.25),680px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs-fr{left:8%;right:8%;top:6%;bottom:5%}
}
@media (max-width:420px){.hs-btns{width:100%}}
@media (max-width:420px){.hs-btns .btn{flex:1 1 100%;justify-content:center}}
@media (max-width:400px){.hs-txt{padding-inline:14px}}
@media (max-width:400px){.hs-pill{font-size:var(--fs-micro);letter-spacing:var(--ls-caps-sm);padding:0 11px;white-space:nowrap}}
@media (max-width:400px){.hs-t{font-size:24px}}
@media (prefers-reduced-motion:reduce){.v-split .hs-h,
.v-split .hs-grid>*{animation:none}}
@media (prefers-reduced-motion:reduce){.hs-ph img,
.hs-fr{transition:none}}
.fl{position:relative;isolation:isolate;overflow:hidden}
.fl>.fl-v{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:85% 70%;pointer-events:none}
.fl>.fl-sh{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(12,9,8,.8) 0%,rgba(12,9,8,.5) 46%,rgba(12,9,8,.12) 100%)}
.hs-txt.fl{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
@media (min-width:1101px){.hs-ph img{object-position:55% 100%}}
.hs.on{position:relative}
.hs.on .hs-stk{position:sticky}
.hs.on .hs-h{position:absolute;left:max(0px,calc(28px - var(--bl,0px)));right:auto;margin:0;z-index:2;text-align:left;font-size:clamp(36px,4.2vw,60px);font-weight:700;line-height:1.08;letter-spacing:var(--ls-title);color:var(--on-dark)}
.hs.on.hs-c .hs-h{left:calc(-1 * var(--bl,0px));right:calc(-1 * var(--bl,0px));text-align:center}
.hs-foot{display:none}
.hs.on .hs-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;position:absolute;z-index:2;left:max(0px,calc(28px - var(--bl,0px)));right:max(0px,calc(28px - var(--bl,0px)));bottom:clamp(28px,3vw,44px);padding-top:18px}
.hs.on .hs-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.26);transform-origin:50% 50%;transform:scaleX(var(--ln,1));animation:hsLn 1.2s var(--ease) .35s both}
.hs-fc{font-size:var(--fs-base);font-weight:500;line-height:1.4;letter-spacing:var(--ls-text);color:rgba(255,255,255,.7)}
.hs-fc.r{text-align:right}
.hs-dkw{display:none}
.hs.on .hs-dkw{display:block;position:absolute;top:0;bottom:0;z-index:1;overflow:hidden;border-radius:var(--r-lg);background:#000;pointer-events:none}
.hs-dkw video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}
.hs-dkw::after{content:none}
.hs-dkw b{position:absolute;inset:0;z-index:1;background:#000}
.hs-dkw i{display:none}
.hs-wmw{display:none}
.hs.on .hs-wmw{display:block;position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:var(--r-lg);pointer-events:none}
.hs-wm{position:absolute;left:50%;bottom:0;transform:translate(-50%,.13em);font-weight:700;font-size:200px;line-height:.8;letter-spacing:var(--ls-snug);white-space:nowrap;color:rgba(255,255,255,.045)}
.hs-lb{display:block;margin-bottom:8px;font-family:var(--mono);font-weight:400;font-size:var(--fs-cap);letter-spacing:var(--ls-caps);text-transform:uppercase;color:rgba(255,255,255,.48)}
.hs.on .hs-foot::after{content:"";position:absolute;left:0;right:0;top:-.5px;height:2px;background:linear-gradient(90deg,var(--accent) 0 56px,transparent 56px calc(100% - 56px),var(--accent) calc(100% - 56px));transform-origin:50% 50%;transform:scaleX(var(--ln,1));animation:hsLn 1.2s var(--ease) .35s both}
.hs-fc b{font-weight:600;color:#fff}
.hs-cutw{display:none}
.hs.on .hs-cutw{display:block;position:absolute;inset:0;z-index:3;overflow:hidden;border-radius:var(--r-lg);pointer-events:none}
.hs-ptw{display:none}
.hs.on .hs-ptw{display:block;position:absolute;top:0;bottom:0;z-index:1;overflow:hidden;border-radius:var(--r-lg);pointer-events:none}
.hs-ptw img{position:absolute;left:0;top:0;max-width:none;will-change:transform}
.hs.on .hs-ph img{visibility:hidden}
.hs.on .hs-cutw,
.hs.on .hs-wmw,
.hs.on .hs-dkw,
.hs.on .hs-ptw{left:calc(-1 * var(--bl,0px));right:calc(-1 * var(--bl,0px))}
.hs-cutw img{position:absolute;left:0;top:0;max-width:none;will-change:transform}
.hs.on .hs-grid{position:absolute;top:0;bottom:0;left:calc(-1 * var(--bl,0px));right:calc(-1 * var(--bl,0px));display:block;height:auto}
.hs.on .hs-ph{position:absolute;inset:0;background:#D8CDC8}
.hs.on .hs-ph img{inset:auto;left:0;top:0;max-width:none;object-fit:fill;transition:none;will-change:transform}
.hs.on .hs-txt{position:absolute;z-index:4;left:max(24px,var(--bl,0px));top:24px;bottom:24px;width:clamp(480px,43%,600px);animation:none;opacity:0;box-shadow:0 24px 60px rgba(15,16,17,.28),inset 0 0 0 1px rgba(255,255,255,.06)}
.hs.on .hs-fr{display:none}
.hs.on .hs-t{font-size:clamp(28px,2.75vw,41px)}
.hs.on .hs-txt{justify-items:start;text-align:left}
.hs.on .hs-in{justify-items:start}
.hs.on .hs-aud{justify-items:start}
.hs.on .hs-aud>div{justify-content:flex-start}
.hs.on .hs-btns{justify-content:flex-start}
.hs.on .hs-cl,
.hs.on .hs-q{justify-items:start}
.hs.on .hs-qt{text-wrap:pretty}
.hs.on .hs-txt.fl .hs-pill{position:absolute;top:clamp(26px,2.4vw,36px);left:clamp(22px,3.4vw,60px);transform:none;height:auto;padding:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.hs-txt.fl>.fl-sh{background:radial-gradient(72% 46% at 50% 40%,rgba(12,9,8,.62) 0%,rgba(12,9,8,.38) 62%,rgba(12,9,8,.12) 100%),linear-gradient(180deg,rgba(12,9,8,.1) 0%,rgba(12,9,8,0) 55%,rgba(12,9,8,.6) 100%)}
.hs-txt.fl>.fl-v{object-position:100% 80%}
.hs-txt.fl .hs-pill,
.hs-txt.fl .hs-aud span:not(.main),
.hs-txt.fl .hs-btns .btn.ghost{background:rgba(255,255,255,.09);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff}
.hs-txt.fl .hs-pill{color:rgba(255,255,255,.92)}
.hs-txt.fl .hs-av em{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 0 2px rgba(255,255,255,.14)}
.hs-txt.fl .hs-av i{box-shadow:0 0 0 2px #1a1110}
.hs-txt.fl .hs-cl .mono{color:rgba(255,255,255,.66)}
.hs-txt.fl .hs-t,
.hs-txt.fl .hs-qt{text-shadow:0 1px 24px rgba(12,9,8,.35)}
.audit-box.fl{background:var(--dark)}
.audit-box.fl .ex-card{background:rgba(22,17,16,.42);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
@media (max-width:900px){.fl>.fl-sh{background:linear-gradient(180deg,rgba(12,9,8,.78) 0%,rgba(12,9,8,.55) 60%,rgba(12,9,8,.3) 100%)}}
.svc{padding-block:calc(var(--sec) / 2)}
.marq{position:relative;overflow:hidden}
.marq::before,
.marq::after{content:"";position:absolute;top:0;bottom:0;z-index:1;width:8%;pointer-events:none}
.marq::before{left:0;background:linear-gradient(90deg,var(--bg),rgba(248,247,243,0))}
.marq::after{right:0;background:linear-gradient(270deg,var(--bg),rgba(248,247,243,0))}
.marq-track{display:flex;gap:64px;width:max-content;animation:marq 45s linear infinite;will-change:transform}
@media (hover:hover){ .marq:hover .marq-track{animation-play-state:paused} }
.marq.off .marq-track{animation-play-state:paused}
@media (max-width:600px){ .marq-track{gap:44px;animation-duration:40s} }
@media (max-width:600px){ .marq .marq-track span{font-size:24px} }
.marq.js{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.marq.js .marq-track{animation:none}
.marq.js.drag{cursor:grabbing}
.marq-track span{font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:var(--ls-head);color:#9C9D9E;white-space:nowrap;transition:color .3s}
.marq-track span:hover{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.marq{overflow-x:auto}}
@media (prefers-reduced-motion:reduce){.marq-track{animation:none}}
.stack{display:grid;--hold:calc(var(--vu,1vh) * 90);gap:calc(max(16px,calc(var(--vu,1vh) * 100) - var(--stick,88px) - min(calc(var(--vu,1vh) * 80),780px)) + var(--hold))}
.st-end{height:0}
.st{position:sticky;top:var(--stick,88px);isolation:isolate;transform:scale(var(--sc,1));transform-origin:50% 0;overflow:hidden;display:grid;grid-template-columns:190px minmax(0,1fr) 190px;grid-template-rows:minmax(0,1fr) auto;gap:22px 32px;height:min(calc(var(--vu,1vh) * 80),780px);padding:clamp(20px,2.4vw,32px);border-radius:var(--r-lg);background:var(--ink);color:var(--on-dark)}
.st-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;display:block}
.st::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(15,16,17,.55);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
.st.site-on::after{opacity:1}
.st .card{opacity:0;transform:translateY(26px) scale(.97);pointer-events:none;transition:opacity .5s var(--ease),transform .7s var(--ease)}
.st.site-on .card{opacity:1;transform:none;pointer-events:auto}
.shot-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block;background:#fff}
.shot.has-v img{display:none}
@media (max-width:900px){.shot.has-v .shot-v{display:none}}
@media (max-width:900px){.shot.has-v img{display:block}}
@media (hover:hover) and (pointer:fine){
  .st.site-on .card{transition:opacity .5s var(--ease),transform .6s var(--ease),box-shadow .6s var(--ease)}
}
@media (hover:hover) and (pointer:fine){
  .st.site-on .card:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 44px 110px rgba(0,0,0,.6)}
}
@media (hover:hover) and (pointer:fine){
  .st.site-on .card.cur-on{cursor:none}
}
.st-cur{position:fixed;left:0;top:0;z-index:45;pointer-events:none;will-change:transform}
.st-cur span{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:var(--r-pill);background:#fff;color:var(--ink);font-size:var(--fs-ui);font-weight:500;white-space:nowrap;box-shadow:0 12px 34px rgba(15,16,17,.28);opacity:0;transform:translate(-50%,-50%) scale(.5);transition:transform .35s var(--ease),opacity .25s var(--ease)}
.st-cur span::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}
.st-cur.on span{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media (hover:none),(pointer:coarse){.st-cur{display:none}}
.st .btns{align-items:center}
.works-top{padding-top:0}
.cs-div{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-bottom:16px}
.cs-div .lbl::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:9px;vertical-align:2px}
.cs-div sup{font-size:var(--fs-micro);margin-left:3px;color:var(--faint)}
.st::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,16,17,0) 0%,rgba(15,16,17,0) 48%,rgba(15,16,17,.62) 100%)}
.st .meta,
.st-foot h3,
.st-foot p{text-shadow:0 1px 14px rgba(0,0,0,.45)}
.st .meta{display:grid;gap:22px;align-content:center}
.st .meta div{display:grid;gap:4px}
.st .meta .mono{color:rgba(245,245,245,.6)}
.st .meta b{font-weight:500;font-size:var(--fs-base)}
.st .meta.r{text-align:right}
.card{position:relative;display:block;justify-self:center;align-self:center;height:auto;max-height:100%;width:min(100%,720px);aspect-ratio:16/9;border-radius:var(--r-md);border:0;padding:0;cursor:pointer;overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.45);transition:transform .6s var(--ease)}
.card:hover{transform:translateY(-4px)}
.bbar{position:absolute;left:0;right:0;top:0;z-index:2;height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#fff;border-bottom:1px solid var(--line)}
.bbar i{width:7px;height:7px;border-radius:50%;background:#D9D9D8}
.bbar span{position:absolute;left:50%;transform:translateX(-50%);font-size:var(--fs-cap);color:var(--muted);background:var(--sand);border-radius:var(--r-sm);padding:3px 38px}
.st-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:16px 32px;flex-wrap:wrap}
.st-foot>div:first-child{display:grid;gap:6px}
.st-foot h3{font-size:clamp(28px,3vw,44px);letter-spacing:var(--ls-head);line-height:1}
.st-foot p{color:rgba(245,245,245,.72);font-size:var(--fs-base)}
.st .btn.ghost{color:var(--on-dark);box-shadow:inset 0 0 0 1px rgba(245,245,245,.28)}
.card .ph{position:absolute;inset:0;transition:transform 1.2s var(--ease)}
.card:hover .ph{transform:scale(1.02)}
.card:hover .ph.play::after{transform:scale(1.08)}
.shot{position:absolute;inset:30px 0 0 0;overflow:hidden;background:var(--paper-2)}
.shot img{display:block;width:100%;height:auto;will-change:transform}
@media (max-width:1100px){.st{grid-template-columns:150px minmax(0,1fr) 150px;gap:18px 20px}}
@media (max-width:900px){.st{position:relative;top:auto;height:auto;min-height:max(560px,min(calc(var(--vu,1vh) * 80),700px));align-content:end;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;padding:16px;gap:14px}}
@media (max-width:900px){.st .meta{display:none}}
@media (max-width:900px){.st .card{position:absolute;top:56px;left:0;right:0;margin-inline:auto;width:min(calc(100% - 28px),600px);height:auto;max-height:none}}
@media (max-width:900px){.st-foot{order:4}}
@media (max-width:900px){.st .btns{flex-wrap:nowrap}}
@media (max-width:900px){.stack{gap:14px}}
@media (max-width:900px){.bbar span{padding:3px 16px}}
@media (max-width:560px){.st .btns .btn{height:var(--btn-h-sm);padding:0 13px;font-size:var(--fs-ui)}}
@media (max-width:560px){.st-foot h3{font-size:30px}}
.feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rail{position:relative;overflow:hidden;padding:2px 0 6px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.rail.drag{cursor:grabbing}
.rail.drag .upd{pointer-events:none}
@media (max-width:600px){.rail{-webkit-mask-image:none;mask-image:none}}
@media (prefers-reduced-motion:reduce){.rail{overflow-x:auto;cursor:auto;scrollbar-width:none}}
@media (prefers-reduced-motion:reduce){.rail::-webkit-scrollbar{display:none}}
.sb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;align-items:stretch}
.sb-c{background:var(--paper);border-radius:var(--r);padding:clamp(18px,1.8vw,26px)}
.sb-card{display:grid;grid-template-rows:auto 1fr auto;gap:24px;min-height:clamp(340px,26vw,380px)}
.sb-card>h4{font-size:var(--fs-h4);line-height:1.1;letter-spacing:var(--ls-head)}
@media (min-width:1200px){
  .sb-card{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:20px 32px;min-height:0}
}
@media (min-width:1200px){
  .sb-card>h4{grid-column:1;grid-row:1}
}
@media (min-width:1200px){
  .sb-card>p{grid-column:1;grid-row:2;align-self:end;margin-bottom:-.28em}
}
@media (min-width:1200px){
  .sb-card>.fx{grid-column:2;grid-row:1/3;align-self:end}
}
.sb-main{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,4vw,72px);align-items:center;background:var(--ink);color:var(--on-dark);padding:clamp(24px,3.2vw,48px)}
.sb-mt{display:grid;gap:18px;align-content:center}
.sb-mt h3{font-size:clamp(30px,3vw,44px);line-height:1.02;letter-spacing:var(--ls-display);font-weight:500}
.sb-mt p{color:var(--on-dark-muted);font-size:var(--fs-lg);line-height:1.45;max-width:42ch;text-wrap:pretty}
.sb .hy{display:none;gap:8px;width:100%;max-width:460px;justify-self:center}
.sb.v-story .cv{display:none}
.sb.v-story .hy{display:grid}
.sb .hy{max-width:540px}
.mq{position:relative;height:clamp(380px,31vw,440px);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 80%,transparent 100%)}
.mq-t{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;will-change:transform}
.mq-i{flex:none;margin:0 0 12px calc(var(--x,0px) * var(--xs,1));transform:rotate(var(--r,0deg))}
.mq-i img{display:none}
.mq-c{display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 18px 0 9px;border-radius:var(--r-pill);background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 28px rgba(15,16,17,.06),inset 0 1px 0 rgba(255,255,255,.8);font-size:var(--fs-lg);letter-spacing:var(--ls-snug);white-space:nowrap;color:var(--ink)}
.mq-ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff}
.mq-ic svg{width:18px;height:18px}
.mq-ar{flex:none;width:17px;height:17px;margin-left:-2px;color:var(--accent)}
.mq-ar.up{color:var(--green)}
.mq-i .mq-c{transition:box-shadow .3s var(--ease),background .3s var(--ease)}
.mq.on-hold .mq-c{background:rgba(255,255,255,.78)}
@media (max-width:900px){.mq{height:360px}}
@media (max-width:900px){.mq-t{--xs:.45}}
@media (max-width:900px){.mq-c{height:50px;font-size:var(--fs-base);gap:10px;padding-right:15px}}
@media (max-width:900px){.mq-ic{width:33px;height:33px}}
.sb-main{position:relative;isolation:isolate;overflow:hidden;background:#fff;color:var(--ink)}
.sb-v{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:60% 50%;pointer-events:none;opacity:.32;-webkit-mask-image:linear-gradient(270deg,#000 30%,transparent 88%);mask-image:linear-gradient(270deg,#000 30%,transparent 88%)}
.sb-main::after{display:none}
.sb-main .sb-mt p{color:var(--muted)}
.sb-main .sb-mt{align-self:stretch;grid-template-rows:auto auto minmax(24px,1fr) auto;gap:18px 0;padding-block:6px}
.sb-main .sb-mt>h3{grid-row:1}
.sb-main .sb-mt>p{grid-row:2}
.sb-art{grid-row:4;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;width:max-content;max-width:100%;padding:7px 12px 7px 7px;border-radius:var(--r-lg);background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 28px rgba(15,16,17,.06);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);text-decoration:none;transition:background .3s var(--ease),box-shadow .3s var(--ease)}
.sb-art:hover{background:rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(15,16,17,.09)}
.sb-art-i{width:56px;height:56px;border-radius:var(--r-sm);background:#1a1110 url(/bn-flute.jpg) 62% 50%/cover}
.sb-art-t b{display:block;width:fit-content;font-weight:500;font-size:var(--fs-base);letter-spacing:var(--ls-snug);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s var(--ease)}
.sb-art:hover .sb-art-t b{background-size:100% 1px}
.sb-art-k{display:block;margin-bottom:3px;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--faint)}
.sb-art-i{transition:transform .5s var(--ease)}
.sb-art:hover .sb-art-i{transform:scale(1.04)}
.sb-art-t small{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:3px;color:var(--muted);font-size:var(--fs-sm);line-height:1.3}
.sb-art-a{width:22px;height:22px;margin-right:8px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:transform .35s var(--ease),opacity .25s}
.sb-art:hover .sb-art-a{opacity:1}
.sb-art:hover .sb-art-a{transform:translateX(3px)}
.sb-art-t b{text-wrap:balance}
@media (max-width:900px){
  .sb-main .sb-mt{display:contents}
}
@media (max-width:900px){
  .sb-main .sb-mt>h3{order:1;padding:20px 12px 0}
}
@media (max-width:900px){
  .sb-main .sb-mt>p{order:2;padding:0 12px 4px}
}
@media (max-width:900px){
  .sb-main .hy{order:3}
}
@media (max-width:900px){
  .sb-art{order:4;width:auto;max-width:none;grid-template-columns:48px minmax(0,1fr) auto;gap:12px}
}
@media (max-width:900px){
  .sb-art-i{width:48px;height:48px;border-radius:var(--r-sm)}
}
@media (max-width:900px){
  .sb-art-a{width:20px;height:20px;margin-right:4px}
}
@media (max-width:900px){
  .sb-art-t b{font-size:var(--fs-base)}
}
.cv{display:grid;gap:9px;justify-items:stretch;width:100%;max-width:440px;justify-self:center}
.cv-b{position:relative;display:block;height:46px}
.cv-b>i{position:absolute;top:0;bottom:0;left:50%;width:var(--w);transform:translateX(-50%);display:grid;place-items:center;border-radius:var(--r-md);font-style:normal;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 24px rgba(15,16,17,.06);-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%)}
.cv-b>i>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:var(--fs-base);letter-spacing:var(--ls-text);color:var(--ink)}
.cv-r em{font-style:normal;font-weight:600;color:var(--ink);opacity:0}
.sb.on .cv-b>i{animation:sbIn 1.1s var(--ease) both}
.sb.on .cv-r:nth-child(2) .cv-b>i{animation-delay:.12s}
.sb.on .cv-r:nth-child(3) .cv-b>i{animation-delay:.24s}
.sb.on .cv-r:nth-child(4) .cv-b>i{animation-delay:.36s}
.sb.on .cv-r.g .cv-b>i{animation:sbIn 1.1s var(--ease) both,sbGr 7s var(--ease) 1.4s infinite,sbGlow 7s var(--ease) 1.4s infinite}
.sb.on .cv-r.g em{animation:sbUp 7s var(--ease) 1.4s infinite both}
.sb-card p{color:var(--muted);font-size:var(--fs-base);max-width:38ch;text-wrap:pretty}
.fx{align-self:center;display:grid;gap:8px}
.fx-tg .tg{display:flex;align-items:center;justify-content:space-between;gap:12px;height:46px;padding:0 9px 0 15px;border-radius:var(--r-md);background:var(--bg);font-size:var(--fs-ui);color:var(--muted)}
.fx-tg .tg i{position:relative;flex:none;width:36px;height:22px;border-radius:var(--r-pill);background:var(--line)}
.fx-tg .tg i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,16,17,.2)}
.fx-tg .tg:nth-child(1){--d:.3s}
.fx-tg .tg:nth-child(2){--d:1s}
.fx-tg .tg:nth-child(3){--d:1.7s}
.fx-tg .tg.add{background:none;border:1px dashed #D3CFC5;color:var(--faint);justify-content:flex-start;gap:10px;padding-left:11px}
.fx-tg .tg.add em{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:var(--r-sm);background:var(--bg);color:var(--ink);font-size:var(--fs-base);line-height:1}
.sb.on .fx-tg .tg:not(.add){animation:sbTx 7s var(--ease) var(--d) infinite both}
.sb.on .fx-tg .tg:not(.add) i{animation:sbTr 7s var(--ease) var(--d) infinite both}
.sb.on .fx-tg .tg:not(.add) i::after{animation:sbKn 7s var(--ease-back) var(--d) infinite both}
.fx-pr .bn{position:relative;display:grid;gap:12px;padding:16px 18px 18px;border-radius:var(--r-md);background:var(--ink) url(/bn-flute.jpg) 70% 50%/cover no-repeat;color:var(--on-dark);overflow:hidden}
.fx-pr .bn .mono{color:var(--on-dark-muted);font-size:var(--fs-cap)}
.fx-pr .bn-t{display:block;height:1.15em;overflow:hidden;font-size:clamp(21px,1.8vw,25px);font-weight:500;letter-spacing:var(--ls-head);line-height:1.15}
.fx-pr .bn-s{display:block}
.fx-pr .bn-s b{display:block;height:1.15em;font-weight:500;white-space:nowrap}
.fx-pr .bn-p{position:absolute;right:14px;top:13px;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:var(--fs-xs);font-weight:500}
.sb.on .fx-pr .bn-s{animation:sbSl 11s var(--ease-io) infinite}
.fx-pr .ck{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:var(--r-md);background:var(--bg);font-size:var(--fs-ui);color:var(--muted)}
.fx-pr .ck svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:0}
.fx-pr .ck:nth-of-type(2){--d:.2s}
.fx-pr .ck:nth-of-type(3){--d:.9s}
.sb.on .fx-pr .ck{animation:sbCt 6s var(--ease) var(--d) infinite both}
.sb.on .fx-pr .ck svg{animation:sbCk 6s var(--ease) var(--d) infinite both}
@media (max-width:900px){
  .sb{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}



}
@media (max-width:900px){

  .sb-card{grid-column:1/-1;min-height:0;gap:22px}



}
@media (max-width:900px){
  .sb-main{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}



}
@media (max-width:900px){
  .sb-main .sb-mt{padding:20px 12px 8px}



}
@media (max-width:900px){
  .sb-v{-webkit-mask-image:linear-gradient(0deg,#000 35%,transparent 90%);mask-image:linear-gradient(0deg,#000 35%,transparent 90%)}



}
@media (max-width:900px){
  .sb-main .fx{padding:8px 4px 6px}



}
@media (max-width:900px){

  .cv{gap:8px}



}
@media (max-width:900px){
  .cv-b{height:44px}



}
@media (max-width:900px){
  .cv-b>i>span{font-size:var(--fs-ui)}



}
@media (max-width:900px){
  .sb-card{padding:32px 12px 24px}



}
@media (max-width:900px){
  .sb-card>h4{font-size:clamp(30px,3vw,44px);line-height:1.02;letter-spacing:var(--ls-display);font-weight:500;text-wrap:balance}



}
@media (max-width:900px){
  .sb-card>h4,
.sb-card>p{padding-inline:12px}



}
@media (prefers-reduced-motion:reduce){
  .cv-r.g .cv-b>i{width:var(--w2)}
}
@media (prefers-reduced-motion:reduce){.cv-r.g em{opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .fx-tg .tg:not(.add){color:var(--ink)}
}
@media (prefers-reduced-motion:reduce){.fx-tg .tg:not(.add) i{background:var(--ink)}
}
@media (prefers-reduced-motion:reduce){.fx-tg .tg:not(.add) i::after{transform:translateX(14px)}
}
@media (prefers-reduced-motion:reduce){

  .fx-pr .ck{color:var(--ink)}
}
.upd{background:var(--paper);border-radius:var(--r);padding:10px;display:grid;gap:14px;align-content:start;text-align:left;border:0;cursor:pointer;transition:background .3s}
.upd:hover{background:var(--paper-2)}
.upd .ph{aspect-ratio:16/10;border-radius:var(--r-s)}
.upd .ph .chip{position:absolute;left:10px;top:10px;z-index:2;background:var(--bg);border-radius:var(--r-sm);padding:5px 8px;font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:var(--ls-caps-sm);text-transform:uppercase}
.upd-b{padding:2px 8px 8px;display:grid;gap:8px}
.upd-b p{color:var(--muted);font-size:var(--fs-base)}
.upd-f{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:4px;color:var(--faint)}
.upd-f .read{color:var(--ink)}
@media (max-width:1000px){.feed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.feed{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 20px 4px;scroll-padding-inline:20px;scrollbar-width:none}}
@media (max-width:600px){.feed::-webkit-scrollbar{display:none}}
@media (max-width:600px){.upd{scroll-snap-align:start}}
.sty{position:relative;height:calc(calc(var(--vu,1vh) * 100) + calc(var(--vu,1vh) * 75) + 6 * calc(var(--vu,1vh) * 55))}
.sty-in{position:sticky;top:76px;height:calc(calc(var(--vu,1vh) * 100) - 76px);display:grid;align-items:center;overflow:hidden;isolation:isolate}
.sty-in::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(15,16,17,.07) 0 1px,transparent 1px 10px);-webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 50%,#000 0,rgba(0,0,0,.45) 55%,transparent 88%);mask-image:radial-gradient(ellipse 62% 70% at 50% 50%,#000 0,rgba(0,0,0,.45) 55%,transparent 88%)}
.sty-intro{grid-area:1/1;align-self:start;z-index:0;display:grid;justify-items:center;gap:18px;text-align:center;margin-top:0;will-change:opacity,transform,filter}
.sty-intro h2{max-width:13em;text-wrap:balance}
.sty-intro .lead{max-width:34em;text-wrap:pretty}
.sty-intro .lbl::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:9px;vertical-align:2px}
.sty-grid{grid-area:1/1;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(32px,4.4vw,80px);align-items:center;width:100%}
.sty-fn,
.sty-ph,
.sty-tx{will-change:opacity,transform}
.sty-fn{justify-self:end;display:grid;grid-template-columns:auto 210px;gap:20px;height:min(540px,calc(calc(var(--vu,1vh) * 100) - 200px))}
.sty-ls{position:relative;display:grid;grid-template-rows:repeat(5,minmax(0,1fr)) 0px}
.sty-fv{position:relative}
.sty-fv svg,
.sty-fv canvas{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.sty-l{display:grid;justify-items:end;align-content:center;gap:2px;background:none;border:0;padding:0;text-align:right;font:inherit;font-size:var(--fs-base);color:var(--faint);cursor:pointer;transition:color .35s var(--ease)}
.sty-l .mono{font-size:var(--fs-cap);color:var(--faint)}
.sty-l:hover{color:var(--muted)}
.sty-l.done{color:var(--muted)}
.sty-l.on{color:var(--ink)}
.sty-l.on .mono{color:var(--accent)}
.sty-l6{position:absolute;right:0;top:calc(100% + 22px);white-space:nowrap}
.sty-l6 .mono,
.sty-l6.on .mono{color:var(--ok)}
.sty-l6.on{color:#2E7D36}
.sty.st6 .sty-l.scan .mono{color:var(--ok)}
.fa-gl{opacity:0;transition:opacity .35s var(--ease)}
.fa-gl.on{opacity:1}
.fa-dim{fill:var(--bg);opacity:.62;transition:opacity .55s var(--ease)}
.fa-dim.on{opacity:0}
.fa-line{stroke:#fff;stroke-width:1.5;stroke-opacity:.9}
.sty-p h3 .t-m{display:none}
.fa-num{font:500 10px 'Roboto Mono',ui-monospace,monospace;fill:rgba(15,16,17,.45);text-anchor:middle;dominant-baseline:central}
.fa-num.on{fill:#fff}
.fa-re{font:600 14px 'Inter Tight',system-ui,sans-serif;fill:var(--ok);text-anchor:middle;dominant-baseline:central}
.sty-l.scan{color:var(--ink)}
.sty-l.scan .mono{color:var(--accent)}
.sty-l{transition:color .3s var(--ease)}
.fa-dim{transition:opacity .35s var(--ease)}
.sty-ph{display:grid;justify-items:center;gap:12px}
.sty-ph .fnl-ph{position:relative;height:min(620px,calc(calc(var(--vu,1vh) * 100) - 190px));width:auto;max-width:none}
.sty .fnl-ph{position:relative;padding:4px;border-radius:13.5%/6.4%;background:linear-gradient(150deg,#45464a 0%,#111214 22%,#0b0c0d 60%,#2a2b2e 100%);box-shadow:0 0 0 1px #D8D6D0,0 1px 0 1.5px rgba(255,255,255,.7),0 40px 70px -24px rgba(15,16,17,.32),0 14px 28px -10px rgba(15,16,17,.14)}
.sty .fnl-ph::after{content:"";position:absolute;z-index:3;left:50%;top:2.2%;width:29%;height:3.3%;transform:translateX(-50%);border-radius:var(--r-pill);background:#0a0b0c}
.sty-ph .fnl-ph img{border-radius:12.4%/5.8%}
.sty-ph .fnl-ph img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);opacity:0;transform:scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.sty-ph .fnl-ph img.on{opacity:1;transform:none}
.sty-ph>.mono{font-size:var(--fs-micro);color:var(--faint)}
.sty-tx{display:grid;max-width:400px}
.sty-p{grid-area:1/1;display:grid;gap:16px;align-content:center;opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease),transform .55s var(--ease);pointer-events:none}
.sty-p.on{opacity:1;transform:none;pointer-events:auto}
.sty-p .lbl{color:var(--muted)}
@media (min-width:1000px){.sty-p .lbl{display:none}}
.sty-p h3{font-size:clamp(30px,3vw,44px);line-height:1.04;letter-spacing:var(--ls-display);font-weight:500;text-wrap:balance}
.sty-p p{color:var(--muted);font-size:var(--fs-lg);line-height:1.45;text-wrap:pretty}
.sty-mph{display:none}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty{height:auto}
}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-in{position:static;height:auto;display:block;overflow:visible}
}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-intro{text-align:left;justify-items:start;margin:0 0 28px;opacity:1!important;transform:none!important;filter:none!important}
}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-in::before{display:none}
}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-intro h2{max-width:none}
}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-grid{display:block}
}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-fn,
.sty-ph{display:none}
}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-tx{max-width:none;display:grid;gap:10px}
}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-p{grid-area:auto;opacity:1;transform:none;pointer-events:auto;background:var(--paper);border-radius:var(--r);padding:22px 18px 0;gap:12px;overflow:hidden}
}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-p h3{font-size:30px}
}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-p p{font-size:var(--fs-lg)}
}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-mph{display:grid;justify-items:center;margin-top:8px;height:340px;overflow:hidden}
}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-mph .fnl-ph{max-width:220px;width:220px;height:auto;border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding-bottom:0}
}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-mph .fnl-ph img{border-radius:var(--r-2xl) var(--r-2xl) 0 0;height:auto}
}
.sty-rail{display:none}
@media (max-width:999px),(max-width:1100px) and (orientation:portrait) and (min-height:600px){ .hdr.fn-up{transform:translate3d(0,calc(-100% - 24px),0)} }
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  #sty-grid{position:sticky;top:5px;z-index:1;display:flex;flex-direction:column;align-items:stretch;gap:14px;max-width:none;width:auto;margin:0 5px;
    height:calc(calc(var(--vu,1vh) * 100) - 10px);height:calc(calc(var(--vu,1vh) * 100) - 10px);padding:14px 18px 0;background:var(--paper);border-radius:var(--r-lg);overflow:hidden}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-in{display:flow-root}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-in::after{content:"";display:block;height:var(--fnrun,calc(var(--vu,1vh) * 300))}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-intro{padding-inline:var(--gutter)}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-fn{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;height:auto;justify-self:stretch}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-fv{grid-row:1;height:60px}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-ls{grid-row:2;display:grid;grid-template-rows:none;grid-template-columns:repeat(5,minmax(0,1fr)) 34px}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-l{justify-items:center;text-align:center}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-l>span:not(.mono){display:none}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-l6{position:static;white-space:normal}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-l6 .mono{font-size:0}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-l6 .mono::before{content:"↻";font-size:var(--fs-sm)}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-tx{order:1;display:grid;max-width:none;gap:0}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-p{grid-area:1/1;background:none;border-radius:0;padding:0;gap:10px;align-content:start;overflow:visible;opacity:0;transform:translateY(12px);pointer-events:none}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-p.on{opacity:1;transform:none;pointer-events:auto}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-mph{display:none}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-ph{order:2;display:block;flex:1 1 0;min-height:0;position:relative;justify-items:start}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-ph>.mono{display:none}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-ph .fnl-ph{display:block;height:var(--phh,360px);width:auto;aspect-ratio:390/844;margin:0}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty #sty-grid .fnl-ph{box-shadow:0 0 0 1px #D8D6D0,0 1px 0 1.5px rgba(255,255,255,.7),0 12px 22px -12px rgba(15,16,17,.32)}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-p .lbl{display:none}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-p,
.sty-p.on{transition:none;transform:none;will-change:opacity}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-ph .fnl-ph img,
.sty-ph .fnl-ph img.on{transition:none;transform:none;will-change:opacity}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  html.fn-time .sty-p{transition:opacity .12s ease}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  html.fn-time .sty-p.on{transition:opacity .2s ease .1s}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  html.fn-time .sty-ph .fnl-ph img{transition:opacity 0s linear .26s}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  html.fn-time .sty-ph .fnl-ph img.on{z-index:1;transition:opacity .25s ease}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-ls{display:none}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-p h3 .t-d{display:none}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-p h3 .t-m{display:inline}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rail{display:block;position:absolute;z-index:2;right:43px;top:var(--rt,50%);width:var(--rw,92px);height:var(--phh,360px)}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rail::before{content:"";position:absolute;right:7px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--line)}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rf{position:absolute;right:7px;top:8px;width:2px;height:calc(100% - 16px);border-radius:2px;background:var(--accent);transform-origin:50% 0;transform:scaleY(0)}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rs{position:absolute;left:0;right:0;top:calc(var(--k) * (100% - 16px) / 5);height:16px;display:flex;align-items:center;justify-content:flex-end;gap:10px}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rs .lb{pointer-events:none;font-size:var(--fs-sm);line-height:1;color:var(--faint);white-space:nowrap}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rs .dt{position:relative;flex:none;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2.5px var(--line),0 0 0 3px var(--paper);transform:scale(.75);cursor:pointer;-webkit-tap-highlight-color:transparent}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rs .dt::after{content:"";position:absolute;inset:-14px;border-radius:50%}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rs.done .lb{color:var(--muted)}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rs.done .dt{background:var(--accent);box-shadow:0 0 0 3px var(--paper)}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rs.on .lb{color:var(--ink);font-weight:500}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rs.on .dt{background:var(--accent);box-shadow:0 0 0 4px rgba(243,53,12,.18),0 0 0 7px var(--paper);transform:none;touch-action:none;cursor:grab}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rs.ok .lb{color:#2E7D36}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rs.ok .dt{box-shadow:inset 0 0 0 2.5px var(--ok),0 0 0 3px var(--paper)}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rs.ok.on .dt{background:var(--ok);box-shadow:0 0 0 4px rgba(76,180,90,.2),0 0 0 7px var(--paper)}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rail.drag .sty-rs.on .dt{cursor:grabbing;transform:scale(1.3)}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .sty-rs .dt{transition:transform .15s var(--ease)}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  html.fn-on .dock.show{transform:translate(-50%,140%)}
}
@media (max-width:560px){ html.fn-on .dock.show{transform:translateY(140%)} }
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference) and (min-width:601px){
  #sty-grid{padding:28px 32px 0;gap:22px}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference) and (min-width:601px){
  .sty-fv{height:84px}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference) and (min-width:601px){
  .sty-rail{right:76px}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference) and (min-width:601px){
  .sty-ph .fnl-ph{margin:var(--phy,0px) 0 0 var(--phx,0px)}
}
@media (max-width:1100px) and (orientation:portrait) and (min-height:600px) and (prefers-reduced-motion:no-preference) and (min-width:601px){
  .sty-rs .lb{font-size:var(--fs-base)}
}
.fn{position:relative;border-radius:var(--r);overflow:hidden;min-height:560px;display:grid}
.fn>.ph{position:absolute;inset:0;border-radius:0;transition:background .6s}
.fn>.ph .cap{left:auto;right:14px;top:14px;bottom:auto}
.fn-card{position:relative;z-index:2;margin:12px;width:clamp(380px,calc(40vw - 40px),520px);background:var(--paper);border-radius:var(--r-md);padding:clamp(16px,1.8vw,22px);display:flex;flex-direction:column;gap:18px}
.fn-card .hint{margin-top:auto;padding:6px 0 0 4px}
.fn-list{list-style:none;margin:0;padding:0;display:grid}
.fn-i{position:relative;border-radius:var(--r-md);background:rgba(248,247,243,0);transition:background-color .5s var(--ease)}
.fn-i::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line);transition:opacity .4s var(--ease)}
.fn-i:last-child::after,
.fn-i.on::after,
.fn-i:has(+ .fn-i.on)::after{opacity:0}
.fn-i.on{background:var(--bg)}
.fn-i>button{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:9px 4px;font-size:clamp(22px,2.5vw,36px);font-weight:500;letter-spacing:var(--ls-head);line-height:1.12;color:#C4C4C2;transition:color .4s var(--ease),padding .55s var(--ease)}
.fn-i>button:hover{color:#8F8F8E}
.fn-i.on>button{color:var(--ink);padding:24px 22px 10px}
.fn-x{height:0;overflow:hidden;transition:height .55s var(--ease)}
.fn-i.on .fn-x{height:var(--dh,74px)}
.fn-x p{padding:0 22px 26px;color:var(--muted);font-size:var(--fs-base);line-height:1.45;text-wrap:pretty;opacity:0;transform:translateY(-6px);transition:opacity .3s var(--ease),transform .5s var(--ease)}
.fn-i.on .fn-x p{opacity:1;transform:none;transition-delay:.15s}
@media (prefers-reduced-motion:reduce){.fn-i,
.fn-i>button,
.fn-x,
.fn-x p{transition:none}}
@media (max-width:1000px){.fn-i>button{font-size:min(30px,6.2vw)}}
@media (max-width:1000px){.fn-i.on .fn-x{height:var(--h,var(--dh,74px))}}
@media (max-width:560px){.fn-i.on>button{padding:20px 16px 8px}}
@media (max-width:560px){.fn-x p{padding:0 16px 22px}}
.fn>.ph.img{background-color:var(--fill,#C8B49D);background-image:linear-gradient(90deg,var(--fill,#C8B49D) calc(100% - var(--iw,840px)),transparent calc(100% - var(--iw,840px) + 140px)),var(--img);background-size:100% 100%,var(--iw,840px) auto;background-position:0 0,right var(--py,50%);background-repeat:no-repeat}
.fn>.ph.img .cap{display:none}
@media (max-width:1000px){.fn{min-height:0}}
@media (max-width:1000px){.fn>.ph{position:relative;inset:auto;order:2;aspect-ratio:16/9}}
@media (max-width:1000px){.fn>.ph.img{background-image:var(--img);background-size:cover;background-position:var(--pos,70% 30%)}}
@media (max-width:1000px){.fn-card{margin:0;width:100%;border-radius:0}}
@media (max-width:640px){.fn-card .hint{display:none}}
.fn-im{display:none}
@media (max-width:1000px){
  .fn>.ph{display:none}
}
@media (max-width:1000px){
  .fn-x p{padding-bottom:14px}
}
@media (max-width:1000px){
  .fn-im{display:block;margin:0 22px 22px;aspect-ratio:2/1;border-radius:var(--r-sm,10px);background:var(--fill,#C8B49D) var(--img) var(--pos,50% 40%)/cover no-repeat;
    opacity:0;transform:translateY(-6px);transition:opacity .3s var(--ease),transform .5s var(--ease)}
}
@media (max-width:1000px){
  .fn-i.on .fn-im{opacity:1;transform:none;transition-delay:.2s}
}
@media (max-width:1000px){
  .fn{border-radius:0;overflow:visible}
}
@media (max-width:1000px){
  .fn-card{background:none;padding:0;gap:0}
}
@media (max-width:1000px){
  .fn-i.on{background:var(--paper)}
}
@media (max-width:1000px){
  .fn-i>button{padding:14px 4px;color:#A9A8A4}
}
@media (max-width:1000px){
  .fn-i.on>button{padding:22px 22px 10px;color:var(--ink)}
}
@media (max-width:1000px){
  .fn-i.on .fn-x{height:var(--h,var(--dh,74px))}
}
@media (min-width:561px) and (max-width:1000px){ .fn-im{aspect-ratio:3/1} }
@media (max-width:560px){ .fn-x p{padding-bottom:12px} }
@media (max-width:560px){ .fn-im{margin:0 16px 16px} }
@media (max-width:560px){ .fn-i>button{padding:13px 2px} }
@media (max-width:560px){ .fn-i.on>button{padding:20px 16px 8px} }
@media (prefers-reduced-motion:reduce){ .fn-im{transition:none} }
.dk{background:var(--dark);color:var(--on-dark)}
.dk .muted,
.dk .lead,
.dk .lbl{color:var(--on-dark-muted)}
.gantt-box{background:var(--dark-2);border:1px solid var(--dark-line);border-radius:var(--r);padding:20px;display:grid;gap:20px}
.gantt{display:grid;gap:6px;overflow-x:auto;padding-bottom:4px}
.g-weeks,
.g-row{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr))}
.g-weeks span{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:var(--ls-caps-sm);color:var(--on-dark-muted);padding-left:2px;text-transform:uppercase}
.g-row{min-height:46px;align-items:center;border-top:1px dashed var(--dark-line)}
.g-bar{display:flex;align-items:center;border:1px solid var(--dark-line);background:var(--dark-3);color:var(--on-dark);border-radius:var(--r-s);padding:9px 12px;font-size:var(--fs-ui);cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;transition:background .3s var(--ease),color .3s var(--ease)}
.g-bar[aria-selected="true"]{background:var(--on-dark);color:var(--ink);border-color:var(--on-dark)}
.g-bar .gt{overflow:hidden;text-overflow:ellipsis}
.g-bar .gw,
.g-bar .gtr{display:none}
@media (max-width:1100px){.g-bar{font-size:var(--fs-sm);padding:9px 10px}}
@media (max-width:900px){
  .gantt{overflow:visible}
}
@media (max-width:900px){
  .g-weeks{display:none}
}
@media (max-width:900px){
  .g-row{display:block;min-height:0;border-top:0}
}
@media (max-width:900px){
  .g-bar{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;white-space:normal;padding:13px 14px;font-size:var(--fs-base)}
}
@media (max-width:900px){
  .g-bar .gw{display:block;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:var(--ls-caps-sm);text-transform:uppercase;color:var(--on-dark-muted)}
}
@media (max-width:900px){
  .g-bar[aria-selected="true"] .gw{color:var(--muted)}
}
@media (max-width:900px){
  .g-bar .gtr{display:block;grid-column:1/-1;position:relative;height:3px;border-radius:2px;background:var(--dark-line)}
}
@media (max-width:900px){
  .g-bar .gtr i{position:absolute;top:0;bottom:0;border-radius:2px;background:var(--on-dark-muted)}
}
@media (max-width:900px){
  .g-bar[aria-selected="true"] .gtr{background:#DCDCDB}
}
@media (max-width:900px){
  .g-bar[aria-selected="true"] .gtr i{background:var(--ink)}
}
.out{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;margin-top:12px}
.res{background:var(--paper);color:var(--ink);border-radius:var(--r);padding:12px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:20px}
.orders{position:relative;background:var(--sand);border-radius:var(--r-s);min-height:320px;padding:16px;display:grid;align-content:start;gap:8px;overflow:hidden}
.orders .lbl{display:flex;justify-content:space-between}
.ord{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--bg);border-radius:var(--r-md);padding:10px 12px;box-shadow:0 6px 18px rgba(15,16,17,.06);font-size:var(--fs-ui);animation:ordIn .6s var(--ease)}
.ord i{width:34px;height:34px;border-radius:var(--r-sm);background:linear-gradient(140deg,#E9E5DF,#CFC8BE)}
.ord small{display:block;color:var(--muted);font-size:var(--fs-xs)}
.ord b{font-weight:500;white-space:nowrap}
.ord .new{color:var(--ok);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:var(--ls-caps-sm);text-transform:uppercase}
.res-txt{padding:12px 8px 12px 0;display:grid;gap:16px;align-content:start}
.res-txt .lbl{color:var(--muted)}
.res ul{list-style:none;margin:0;padding:0;display:grid}
.res li{display:grid;grid-template-columns:24px minmax(0,1fr);padding:11px 0;border-top:1px solid var(--line);font-size:var(--fs-base)}
.res li::before{content:"";width:12px;height:12px;margin-top:4px;border-radius:50%;background:var(--ink)}
.aft{background:var(--dark-2);border:1px solid var(--dark-line);border-radius:var(--r);padding:12px;display:grid;grid-template-rows:auto 1fr;gap:16px}
.aft .ph{min-height:170px;border-radius:var(--r-s)}
.aft div{padding:4px 8px 8px;display:grid;gap:10px;align-content:start}
@media (max-width:1100px){.out{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.res{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.res-txt{padding:4px}}
@media (prefers-reduced-motion:reduce){.ord{animation:none}}
.stg{position:relative;isolation:isolate;overflow:hidden;margin-inline:12px;border-radius:var(--r-lg)}
.stg-v{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none;filter:invert(1) grayscale(1) brightness(.62) contrast(1.15);opacity:.55}
.stg-sh{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 70% 20%,rgba(15,16,17,.15) 0%,rgba(15,16,17,.55) 55%,rgba(15,16,17,.85) 100%)}
.stg .gantt-box{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09);-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.stg .g-row{border-top-color:rgba(255,255,255,.08)}
.stg .g-bar{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease),color .35s var(--ease)}
.stg .g-bar:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 10px 34px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.18)}
.stg .g-bar[aria-selected="true"]{background:rgba(245,245,245,.96);color:var(--ink);border-color:transparent;box-shadow:0 10px 36px rgba(255,255,255,.14)}
.stg .aft{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
@media (max-width:560px){.stg{margin-inline:0;border-radius:0}}
@media (prefers-reduced-motion:reduce){.stg-v{display:none}}
.stg .gantt{position:relative}
.stg .g-weeks span{padding:0 12px 6px;transition:color .35s var(--ease)}
.stg .g-weeks span.on{color:var(--accent-hi)}
.stg .g-row{min-height:58px;border-top:0}
@media (min-width:901px){
  .stg .gantt::before{content:"";position:absolute;inset:0 0 4px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px) 0 0/calc(100% / 6) 100%;border-right:1px solid rgba(255,255,255,.075)}
}
@media (min-width:901px){
  .stg .g-bar{position:relative;z-index:1;height:48px;padding:0 16px;margin-inline:4px;font-size:var(--fs-lg);letter-spacing:var(--ls-snug)}
}
@media (min-width:901px){
  .stg .g-row{min-height:64px}
}
@media (min-width:901px){
  .stg .g-ph{position:absolute;z-index:2;top:-14px;bottom:4px;left:0;width:2px;margin-left:-1px;background:linear-gradient(#FF5A2A,rgba(243,53,12,.08));pointer-events:none;transition:left .6s var(--ease)}
}
@media (min-width:901px){
  .stg .g-ph::before{content:"";position:absolute;left:50%;top:0;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#FF5A2A;box-shadow:0 0 0 4px rgba(243,53,12,.22),0 0 16px rgba(255,90,42,.8)}
}
@media (max-width:900px){.stg .g-ph{display:none}}
@media (max-width:900px){.stg .g-row{min-height:0}}
.stg .g-bar[aria-selected="true"]{background:linear-gradient(90deg,#FF9A6E 0%,#F65A2A 55%,#E5300C 100%);color:#fff;border-color:transparent;box-shadow:0 14px 44px rgba(243,53,12,.38);opacity:1}
.stg .g-bar:not([aria-selected="true"]){opacity:.42}
.stg .g-bar{transition:background .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease),color .4s var(--ease),opacity .4s var(--ease)}
.g-cols{display:none}
@media (min-width:901px){
  .stg .gantt{overflow:visible}
}
@media (min-width:901px){
  .g-cols{position:absolute;z-index:0;inset:-14px 0 0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
}
@media (min-width:901px){
  .g-cols i{cursor:pointer;border-radius:var(--r-md);transition:background .4s var(--ease)}
}
@media (min-width:901px){
  .g-cols i.on{background:linear-gradient(rgba(255,120,70,.06),rgba(255,120,70,.015) 70%,transparent)}
}
@media (max-width:900px){.stg .g-bar:not([aria-selected="true"]){opacity:.7}}
.stg .g-bar[aria-selected="true"] .gw{color:rgba(255,255,255,.8)}
.stg .g-bar[aria-selected="true"] .gtr{background:rgba(255,255,255,.3)}
.stg .g-bar[aria-selected="true"] .gtr i{background:#fff}
.stg .g-weeks,
.stg .g-row{grid-template-columns:repeat(7,minmax(0,1fr))}
.g-s{display:none}
@media (min-width:901px){.g-f{display:none}}
@media (min-width:901px){.g-s{display:inline}}
@media (min-width:901px) and (max-width:1279px){.stg .g-bar{font-size:var(--fs-base);padding:0 12px}}
@media (min-width:901px) and (max-width:1279px){.stg .g-bar.opt{padding:0 8px;font-size:var(--fs-base)}}
@media (min-width:901px) and (max-width:1099px){.stg .g-bar,
.stg .g-bar.opt{font-size:var(--fs-sm);padding:0 6px;margin-inline:3px}}
.stg .g-weeks .g-opt,
.stg .g-weeks .g-opt.on{color:var(--green-hi)}
.g-ls{list-style:none;margin:0;padding:0}
@media (min-width:901px){
  .stg .gantt::before{background-size:calc(100% / 7) 100%}
}
@media (min-width:901px){
  .stg .g-row{min-height:56px}
}
@media (min-width:901px){
  .g-ls{position:absolute;z-index:1;display:grid;gap:9px;padding-left:16px;pointer-events:none}
}
@media (min-width:901px){
  .g-ls li{position:relative;font-size:var(--fs-ui);line-height:1.3;text-wrap:balance;color:var(--on-dark-muted);opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease),transform .45s var(--ease)}
}
@media (min-width:901px){
  .g-ls li::before{content:"";position:absolute;left:-16px;top:.65em;width:10px;height:1px;background:rgba(255,120,70,.75)}
}
@media (min-width:901px){
  .g-ls.on li{opacity:1;transform:none;transition-delay:calc(var(--k) * 60ms + 80ms)}
}
@media (min-width:901px){
  .g-ls.up li{transform:translateY(-6px)}
}
@media (min-width:901px){
  .g-ls.up.on li{transform:none}
}
.g-ls li.g-res{color:var(--on-dark);font-weight:500;margin-top:3px}
@media (min-width:901px) and (max-width:1180px){.g-ls li{font-size:var(--fs-sm)}}
.g-ls li.g-res::after{content:"\00a0✓";color:var(--accent-hi)}
.g-ls.opt li::before{background:rgba(61,214,140,.75)}
.g-ls.opt li.g-res::after{color:var(--green-hi)}
.stg .g-bar.opt{background:rgba(61,214,140,.05);border:1px dashed rgba(61,214,140,.55);color:#9BF0C4}
.stg .g-bar.opt[aria-selected="true"]{background:linear-gradient(90deg,#4BE39A 0%,#1FB46A 60%,#14965A 100%);border-color:transparent;color:#fff;box-shadow:0 14px 44px rgba(31,180,106,.38)}
.stg .g-ph.opt{background:linear-gradient(var(--green-hi),rgba(61,214,140,.08))}
.stg .g-ph.opt::before{background:var(--green-hi);box-shadow:0 0 0 4px rgba(61,214,140,.22),0 0 16px rgba(61,214,140,.8)}
.g-cols i.on.opt{background:linear-gradient(rgba(61,214,140,.07),rgba(61,214,140,.015) 70%,transparent)}
@media (max-width:900px){
  .stg .g-row{display:block}
}
@media (max-width:900px){
  .g-ls{display:none;padding:12px 6px 10px 18px}
}
@media (max-width:900px){
  .g-row.on .g-ls{display:grid;gap:8px}
}
@media (max-width:900px){
  .g-ls li{position:relative;font-size:var(--fs-base);color:var(--on-dark-muted)}
}
@media (max-width:900px){
  .g-ls li::before{content:"";position:absolute;left:-14px;top:.62em;width:7px;height:7px;margin-top:-3px;border-radius:50%;background:var(--accent-hi)}
}
@media (max-width:900px){
  .g-ls.opt li::before{background:var(--green-hi)}
}
@media (max-width:900px){
  .stg .g-bar.opt .gtr i{background:var(--green-hi)}
}
.gk,
.gk-on{display:none}
@media (max-width:900px){
  .gk-off{display:none}
}
@media (max-width:900px){.gk-on{display:inline}
}
@media (max-width:900px){
  .stg .gantt{display:none}
}
@media (max-width:900px){
  .stg .gantt-box{display:block;background:none;border:0;border-radius:0;padding:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (max-width:900px){
  .gk{display:block;margin-inline:calc(-1 * var(--gutter))}
}
@media (max-width:900px){
  .gk-sc{overflow:hidden;padding-inline:var(--gutter);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
  .gk-sc.drag{cursor:grabbing}
  .gk-tr{position:relative;display:flex;gap:10px;width:max-content;will-change:transform}
}
@media (max-width:900px){
  .gk-sc::-webkit-scrollbar{display:none}
}
@media (max-width:900px){
  .gk-c{flex:0 0 auto;width:248px;display:flex;flex-direction:column;padding:20px 20px 24px;border-radius:var(--r-lg);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);color:var(--on-dark)}
}
@media (max-width:900px){
  .gk-c>*{transition:opacity .35s var(--ease)}
}
@media (max-width:900px){
  .gk-c:not(.vis)>*{opacity:.4}
}
@media (max-width:900px){
  .gk-top{display:block;font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:var(--ls-caps-sm);text-transform:uppercase}
}
@media (max-width:900px){
  .gk-w{color:var(--accent-hi)}
}
@media (max-width:900px){
  .gk-c.opt .gk-w{color:var(--green-hi)}
}
@media (max-width:900px){
  .gk-t{margin:12px 0 0;font-size:min(28px,7.2vw);line-height:1.05;letter-spacing:var(--ls-head);font-weight:500;color:var(--on-dark);text-wrap:balance}
}
@media (max-width:900px){
  .gk-tl{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-top:16px}
}
@media (max-width:900px){
  .gk-tl i{height:4px;border-radius:2px;background:rgba(255,255,255,.14)}
}
@media (max-width:900px){
  .gk-tl i.on{background:linear-gradient(90deg,#FF9A6E,#F65A2A)}
}
@media (max-width:900px){
  .gk-c.opt .gk-tl i.on{background:linear-gradient(90deg,#4BE39A,#1FB46A)}
}
@media (max-width:900px){
  .gk-ls{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}
}
@media (max-width:900px){
  .gk-ls li{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;font-size:var(--fs-lg);line-height:1.3;color:var(--on-dark-muted)}
}
@media (max-width:900px){
  .gk-ls li::before{content:"";width:6px;height:6px;margin-top:calc(.65em - 3px);border-radius:50%;background:var(--accent-hi)}
}
@media (max-width:900px){
  .gk-c.opt .gk-ls li:not(.gk-r)::before{background:var(--green-hi)}
}
@media (max-width:900px){
  .gk-ls li.gk-r{color:var(--on-dark);font-weight:500}
}
@media (max-width:900px){
  .gk-ls li.gk-r::before{width:12px;height:12px;margin-top:calc(.65em - 6px);margin-left:-3px;background:none;-webkit-mask:none;border-radius:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.5 6.4 4.6 9.3 10.5 2.8' fill='none' stroke='%23FF8A5B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}
}
@media (max-width:900px){
  .gk-c.opt .gk-ls li.gk-r::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.5 6.4 4.6 9.3 10.5 2.8' fill='none' stroke='%233DD68C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
}
@media (max-width:900px){
  .gk-rl{position:relative;display:block;width:min(300px,76%);height:34px;margin:20px auto 0;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%,#000 74%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 26%,#000 74%,transparent 100%)}
}
@media (max-width:900px){
  .gk-rl.on{cursor:grabbing}
}
@media (max-width:900px){
  .gk-rt{position:absolute;left:50%;top:9px;height:16px;margin-left:-.5px;width:var(--rw,221px);will-change:transform;background-image:linear-gradient(90deg,rgba(255,255,255,.5) 0 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 0 1px,transparent 1px);background-size:var(--tp,44px) 16px,calc(var(--tp,44px) / 4) 8px;background-repeat:repeat-x;background-position:0 0,0 4px}
}
@media (max-width:900px){
  .gk-mk{position:absolute;left:50%;top:5px;width:2px;height:26px;margin-left:-1px;border-radius:2px;background:var(--accent-hi);pointer-events:none}
}
@media (max-width:900px){
  .gk-mk::before{content:"";position:absolute;left:50%;top:-3px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--accent-hi)}
}
@media (max-width:900px){
  .gk-rl.opt .gk-mk,
.gk-rl.opt .gk-mk::before{background:var(--green-hi)}
}
@media (max-width:900px){
  .gk-mk,
.gk-mk::before{transition:background .35s var(--ease)}
}
@media (max-width:900px){
  .stg .out{margin-top:28px}
}
@media (max-width:900px){
  .stg .orders{order:-1}
}
@media (max-width:900px){
  .stg .res-txt h3{font-size:clamp(30px,3vw,44px);line-height:1.02;letter-spacing:var(--ls-display);font-weight:500;text-wrap:balance}
}
@media (max-width:900px){
  .stg .res-cta>span{display:none}
}
@media (min-width:561px) and (max-width:900px){.gk-c{width:280px}}
@media (hover:none) and (prefers-reduced-motion:no-preference){
  .res-btn.rb-live{animation:rbLift 4.8s var(--ease-io) infinite}
}
@media (hover:none) and (prefers-reduced-motion:no-preference){
  .res-btn.rb-live::before{top:50%;animation:rbSweep 4.8s ease-in-out infinite}
}
@media (hover:none) and (prefers-reduced-motion:no-preference){
  .res-btn.rb-live .rb-glow{top:50%;animation:rbSweep 4.8s ease-in-out infinite}
}
@media (hover:none) and (prefers-reduced-motion:no-preference){
  .res-btn.rb-live .rb-amb{opacity:0}
}
@media (hover:none) and (prefers-reduced-motion:no-preference){
  .res-btn.rb-live .rb-t span{animation:rbRoll 4.8s var(--ease-io) infinite;animation-delay:calc(var(--k) * 14ms)}
}
@media (hover:none) and (prefers-reduced-motion:no-preference){
  .res-btn.rb-live .rb-dot{animation:rbDot 4.8s var(--ease) infinite}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){.gk-c>*,
.gk-mk,
.gk-mk::before{transition:none}}
.stg .out{grid-template-columns:minmax(0,1fr)}
.stg .res li::before{width:16px;height:16px;margin-top:2px;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4.2 3.6 6.8 9 1.2' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/8px 6.5px no-repeat}
@media (min-width:901px){
  .stg .res{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);padding:12px}
}
@media (min-width:901px){
  .stg .res-txt{align-content:center;padding:24px 0 24px 28px}
}
@media (min-width:901px){
  .stg .res-txt h3{font-size:clamp(30px,3vw,44px);line-height:1.04;letter-spacing:var(--ls-display);max-width:14em}
}
@media (min-width:901px){
  .stg .res ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
}
.stg .res{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.stg .res-txt{padding:24px 0 24px 24px}
.stg .orders{min-height:0;padding:14px;gap:10px;background:#F1EEE8;border-radius:var(--r-md)}
.ord-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 4px 4px;font-size:var(--fs-sm);color:var(--muted)}
.ord-site{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:.02em;color:var(--ink)}
.ord-site i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(24,160,88,.18)}
.ord-cnt b{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.ord-list{display:grid;gap:7px}
.stg .ord{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border-radius:var(--r-md);padding:8px 12px 8px 8px;box-shadow:0 1px 0 rgba(15,16,17,.04),0 8px 22px rgba(15,16,17,.05);font-size:var(--fs-ui);animation:none;transition:box-shadow .5s var(--ease)}
.stg .ord.in{animation:ordIn .6s var(--ease)}
.stg .ord.new{box-shadow:0 0 0 1.5px rgba(24,160,88,.45),0 10px 26px rgba(24,160,88,.12)}
.stg .ord img{width:44px;height:44px;border-radius:var(--r-sm);object-fit:cover;display:block}
.ord-t{min-width:0}
.ord-t b{display:block;font-weight:500;letter-spacing:var(--ls-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ord-t small{display:block;margin-top:2px;color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ord-r{display:grid;justify-items:end;gap:4px}
.ord-r b{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.ord-st{font-style:normal;font-size:var(--fs-cap);line-height:1;padding:4px 7px;border-radius:var(--r-pill);white-space:nowrap;transition:background .4s,color .4s}
.ord-st.pay{background:rgba(24,160,88,.12);color:#12804A}
.ord-st.pack{background:rgba(243,140,40,.14);color:#B25A0E}
.ord-st.ship{background:var(--sand);color:var(--muted)}
@media (max-width:560px){.ord-city{display:none}}
.ord-note{justify-self:end;font-size:var(--fs-micro);color:var(--faint);margin-top:-2px}
@media (max-width:900px){.stg .res{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.stg .res-txt{padding:16px 8px 8px}}
.res-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.hs-btns :is(a,button).btn.gbtn{height:var(--btn-h)}
@media (max-width:560px){.res-cta .gbtn{width:100%}}
.res-cta>span{color:var(--muted);font-size:var(--fs-base);line-height:1.35;max-width:24em;text-wrap:balance}
@media (min-width:901px){.stg .res{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
.stg .orders{align-self:center;padding:22px clamp(16px,2.2vw,30px);background:#F1EEE8}
.ord-list{gap:6px}
.stg .ord{grid-template-columns:36px minmax(0,1fr) auto;gap:11px;padding:6px 10px 6px 6px;border-radius:var(--r-md);font-size:var(--fs-ui);transform-origin:50% 0;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.stg .ord img{width:36px;height:36px;border-radius:var(--r-sm)}
.stg .ord.new{box-shadow:0 1px 0 rgba(15,16,17,.04),0 10px 26px rgba(15,16,17,.08)}
.stg .ord{width:calc(100% - var(--i,0) * 26px);margin-inline:auto;opacity:calc(1 - var(--i,0) * .15);transition:width .6s var(--ease),opacity .6s var(--ease),box-shadow .5s var(--ease)}
.stg .ord.in{animation:ordFade .7s var(--ease)}
@media (max-width:900px){.stg .ord:nth-child(n+5){display:none}}
@media (max-width:900px){.stg .ord{width:calc(100% - var(--i,0) * 14px)}}
.ord-t small{font-size:var(--fs-cap)}
.ord-r{gap:3px}
.ord-st{font-size:var(--fs-cap);padding:3px 7px}
.stg .ord.new .ord-st.pay{animation:stPop .9s var(--ease)}
@media (min-width:901px){.stg .res ul{column-gap:28px}}
@media (min-width:901px){.stg .res-txt h3{max-width:13em}}
.stg .res-txt{gap:clamp(28px,3vw,44px)}
.stg.dk{padding-bottom:clamp(20px,3.4vw,50px)}
@media (min-width:901px){
  .stg .res{min-height:clamp(420px,34vw,500px);align-items:stretch}
}
@media (min-width:901px){
  .stg .res-txt{display:flex;flex-direction:column;justify-content:flex-start;align-self:stretch;padding:28px 0 28px 28px}
}
@media (min-width:901px){
  .stg .res-cta{margin-top:auto;padding-top:28px}
}
@media (min-width:901px){
  .stg .orders{align-self:stretch;display:grid;align-content:center}
}
.ab{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}
.ab-c{min-width:0;background:var(--paper);border-radius:var(--r);padding:clamp(20px,1.8vw,26px);display:flex;flex-direction:column;gap:20px}
.ab-c>.ab-b{margin-top:auto;display:grid;gap:10px}
.ab-c h4{font-size:var(--fs-h4)}
.ab-c p{font-size:var(--fs-base);line-height:1.45;color:var(--muted);text-wrap:pretty}
.ab-exp{grid-column:1/4;grid-row:1}
.ab-rec{grid-column:1/4;grid-row:2}
.ab-me{grid-column:4/10;grid-row:1/3}
.ab-sys{grid-column:10/13;grid-row:1}
.ab-grow{grid-column:10/13;grid-row:2}
.ab-pr{grid-column:span 4}
.ab-top{position:relative}
#about{overflow-x:clip}
.ab-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;margin-top:clamp(28px,3.4vw,48px);padding-top:clamp(28px,3.4vw,48px);border-top:1px solid var(--line)}
.ab-scn{position:relative}
.ab-scn::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:var(--ink);opacity:var(--dk,0);pointer-events:none}
.ab-scn.on .ab-row{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:6;margin:0;padding:0;border:0;pointer-events:none}
.ab-scn.on .ab-row>*{pointer-events:auto}
.ab-scn.on .ab-pr{background:rgba(255,255,255,.045);-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.06);color:#fff;opacity:0}
.ab-scn.on .ab-pr p{color:rgba(255,255,255,.66)}
.ab-scn.on .ab-pr .ab-ico{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.ab-bg{display:none;position:absolute;z-index:-1;left:calc(50% - 50vw);width:100vw;top:calc(-1 * var(--stk,0px));height:calc(var(--vu,1vh) * 100);overflow:hidden;pointer-events:none;opacity:0}
.ab-scn.on .ab-bg{display:block}
.ab-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:invert(1) grayscale(1) brightness(.62) contrast(1.15);opacity:.55}
.ab-bg i{position:absolute;inset:0;background:radial-gradient(120% 80% at 70% 20%,rgba(15,16,17,.15) 0%,rgba(15,16,17,.55) 55%,rgba(15,16,17,.85) 100%)}
.ab-bg i::after{content:'';position:absolute;inset:0;background:radial-gradient(42% 34% at 50% 52%,rgba(12,13,14,.55) 0%,rgba(12,13,14,0) 100%)}
.ab-side{display:none;position:absolute;z-index:4;top:50%;transform:translateY(-50%);font-size:clamp(22px,calc((var(--zone,340px) - 72px) / 8.9),36px);line-height:1.04;letter-spacing:var(--ls-head);font-weight:500;color:var(--ink);pointer-events:none;white-space:nowrap}
.ab-side.l{left:36px}
.ab-side.r{right:36px;text-align:right}
.ab-scn.on .ab-side{display:block}
.ab-pq,
.ab-pqn{display:none}
.ab-scn.on .ab-pq{display:block;position:absolute;inset:0;z-index:6;pointer-events:none}
.ab-pqi{position:absolute;left:50%;top:50%;width:min(920px,92%);transform:translate(-50%,-50%);text-align:center;opacity:0}
.ab-pqi h3{margin:0 0 22px;font-size:clamp(40px,4.6vw,68px);line-height:1.02;letter-spacing:var(--ls-head);color:rgba(255,255,255,.16)}
.ab-pqi p{margin:0 auto;max-width:none;font-size:clamp(17px,1.45vw,21px);line-height:1.45;color:rgba(255,255,255,.16)}
.ab-scn.on .ab-pqn{display:flex;position:absolute;z-index:6;left:50%;bottom:clamp(8px,2vw,28px);transform:translateX(-50%);gap:10px;align-items:center;font-family:var(--mono);font-weight:400;font-size:var(--fs-xs);letter-spacing:var(--ls-caps);color:rgba(255,255,255,.55);opacity:0}
.ab-pqn i{display:block;width:28px;height:2px;border-radius:2px;background:rgba(255,255,255,.18);overflow:hidden;position:relative}
.ab-pqn i b{position:absolute;inset:0;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}
.ab-scn.on .ab-row{display:none}
#reviews.ab-ov + #audit{position:relative;z-index:4;background:var(--bg)}
#reviews.ab-ov{position:relative;z-index:4;margin-top:calc(-1 * var(--ov,0px));background:var(--bg);border-radius:var(--r-2xl) var(--r-2xl) 0 0;box-shadow:0 -24px 60px rgba(0,0,0,.24)}
.ab-fr::after{content:"";position:absolute;inset:0;border-radius:var(--r-md);background:linear-gradient(180deg,rgba(10,9,9,0) 40%,rgba(10,9,9,.6) 100%);opacity:var(--pc,0);pointer-events:none}
.ab-scn.on .ab-hb{transition:none}
.ab-me{position:relative;min-height:clamp(580px,46vw,680px)}
.ab-vis{position:absolute;inset:0;z-index:3;isolation:isolate;overflow:hidden;border-radius:var(--r-lg);background:#BFB6B1}
.ab-vis{--m:20px}
.ab-vis>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:51% 50%}
.ab-seq{display:none;position:absolute;left:50%;top:0;z-index:1;transform:translateX(-50%);pointer-events:none}
.ab-scn.on .ab-seq{display:block}
.ab-scn.on .ab-vis>img{visibility:hidden}
.ab-glc{display:none;position:absolute;left:50%;top:-24px;z-index:2;transform:translateX(-50%);pointer-events:none;opacity:0}
.ab-scn.on .ab-glc{display:block}
.ab-hi{display:none;position:absolute;inset:0;z-index:5;flex-direction:column;align-items:stretch;justify-content:space-between;padding:clamp(24px,2.4vw,36px) clamp(28px,3vw,44px);text-align:center;pointer-events:none}
.ab-scn.on .ab-hi{display:flex}
.ab-hi.ab-po{display:none;padding:0}
.ab-scn.on .ab-hi.ab-po{display:block}
.ab-big2{position:absolute;left:0;right:0;top:8.5%;font-weight:700;font-size:clamp(50px,6.1vw,90px);line-height:1.05;letter-spacing:var(--ls-display);color:var(--ink)}
.ab-big2 .ln{display:block}
.ab-foot{position:absolute;left:clamp(28px,3vw,44px);right:clamp(28px,3vw,44px);bottom:clamp(28px,3vw,44px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-top:18px}
.ab-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(15,16,17,.24);transform:scaleX(var(--ln,1))}
.ab-col{max-width:40%;font-size:var(--fs-base);font-weight:500;line-height:1.4;letter-spacing:var(--ls-text);color:rgba(15,16,17,.72)}
.ab-col.l{text-align:left}
.ab-col.r{text-align:right}
.ab-col b{font-weight:600;color:var(--ink)}
.ab-cutc{display:none;position:absolute;left:50%;top:0;z-index:6;transform:translateX(-50%);pointer-events:none}
.ab-scn.on .ab-cutc{display:block}
.ab-hi h3{margin:0;font-size:clamp(42px,4.9vw,72px);line-height:1.04;letter-spacing:var(--ls-display);font-weight:700;color:var(--ink)}
.ab-scn.on .ab-top{position:sticky;z-index:0}
/* 24 окт: тёмный фон сцены (высотой в экран) на высоких экранах вылезал ниже сцены — тёмной полосой над лентой заметок. Обрезаем по низу сцены, по ширине — как было */
.ab-scn.on{overflow-x:visible;overflow-y:clip}
.ab-scn.on .ab-me{position:static}
.ab-scn.on .ab-vis{inset:auto}
.ab-fr{position:absolute;z-index:3;top:var(--m);bottom:var(--m);left:50%;width:var(--fw,calc(100% - var(--m) * 2));transform:translateX(-50%);display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:var(--m);border:0;border-radius:var(--r-md)}
.ab-hb{position:relative;z-index:1;display:flex;flex-direction:column;align-self:flex-start;align-items:flex-start;gap:6px;font-size:var(--fs-sm);color:rgba(15,16,17,.55);transition:opacity .5s var(--ease)}
.ab-hb>span{margin:0 0 2px 2px}
.ab-chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:0;border-radius:var(--r-pill);background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px rgba(15,16,17,.06),0 2px 8px rgba(15,16,17,.06);font-size:var(--fs-sm);color:var(--ink);cursor:pointer;transition:background .25s,box-shadow .25s,color .25s}
.ab-chip:hover,
.ab-chip.on{background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent-tint-2);color:var(--accent)}
.ab-pv{position:absolute;left:0;top:0;z-index:6;pointer-events:none;opacity:0;transform:translateY(8px) scale(.96);transform-origin:50% 100%;transition:opacity .22s var(--ease),transform .3s var(--ease)}
.ab-pv.on{opacity:1;transform:none}
.ab-pv .pv{display:none;position:relative;overflow:hidden;border-radius:var(--r-md);background:#2a2a2a;box-shadow:0 0 0 3px #fff,0 18px 40px rgba(15,16,17,.28)}
.ab-pv .pv.on{display:block}
.ab-pv .pv.v{width:150px;aspect-ratio:9/16}
.ab-pv .pv.h{width:260px;aspect-ratio:16/9}
.ab-pv .pv.d{width:190px;height:130px;background:var(--paper)}
.ab-pv .pv.d.on{display:grid;place-items:center;align-content:center;gap:10px}
.ab-pv .pv.d small{font-size:var(--fs-sm);color:var(--muted)}
.ab-pv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ab-yr{list-style:none;margin:0;padding:0;display:grid;grid-auto-rows:1fr;flex:1}
.ab-yr li{display:grid;align-content:end;gap:4px;padding:18px 0}
.ab-yr li:first-child{padding-top:0;border-bottom:1px solid var(--line)}
.ab-yr li:last-child{padding-bottom:0}
.ab-big{font-weight:500;font-size:clamp(38px,3.3vw,52px);line-height:1;letter-spacing:var(--ls-display);font-variant-numeric:tabular-nums;white-space:nowrap}
.ab-yr span:not(.ab-big),
.ab-rec .ab-b>span:not(.ab-av):not(.ab-big){font-size:var(--fs-base);line-height:1.4;color:var(--muted)}
.ab-av{display:flex;margin-bottom:6px}
.ab-av i{width:40px;height:40px;border-radius:50%;background:#ddd center/cover no-repeat;box-shadow:0 0 0 3px var(--paper);margin-left:-10px}
.ab-av i:first-child{margin-left:0}
.ab-pr>.ab-b{margin-top:clamp(24px,2.6vw,36px)}
.ab-ico{flex:none;width:48px;height:48px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);transition:background .35s var(--ease),box-shadow .35s var(--ease)}
.ab-c:hover .ab-ico{background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent-tint-2)}
.ab-ico svg{width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ab-viz{position:relative;height:132px;margin:2px 0 0}
.ab-viz svg.ln{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ab-viz .ln path{fill:none;stroke:var(--line);stroke-width:1.2;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.ab-viz .ln circle{fill:var(--accent)}
.ab-viz .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.ab-viz .nd{position:absolute;z-index:2;display:inline-flex;align-items:center;height:30px;padding:0 11px;border-radius:var(--r-pill);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--fs-sm);white-space:nowrap}
.ab-viz .n1{left:0;top:4px}
.ab-viz .n2{right:0;top:4px}
.ab-viz .n3{left:0;bottom:4px}
.ab-viz .n4{right:0;bottom:4px}
.ab-gr{position:relative;height:132px;margin:2px 0 0}
.ab-gr svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ab-gr .gl{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.ab-gr .ar{fill:url(#abGrad)}
.ab-gr .ln2{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}
.ab-gr .dt{position:absolute;right:0;top:8px;width:10px;height:10px;margin:-5px -5px 0 0;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(243,53,12,.15)}
.rv .ab-gr .ln2{transition:stroke-dashoffset 1.6s var(--ease) .3s}
.rv.pre .ab-gr .ln2{stroke-dashoffset:1}
.rv .ab-gr .ar{transition:opacity 1.2s var(--ease) .6s}
.rv .ab-gr .dt{transition:opacity .4s var(--ease) 1.7s,transform .4s var(--ease) 1.7s}
.rv.pre .ab-gr .ar,
.rv.pre .ab-gr .dt{opacity:0}
.rv.pre .ab-gr .dt{transform:scale(.4)}
.vm{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:rgba(10,9,9,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s .35s}
.vm.on{opacity:1;visibility:visible;transition:opacity .35s var(--ease)}
.vm-in{position:relative;height:min(calc(var(--vu,1vh) * 82),760px);aspect-ratio:9/16;max-width:100%;border-radius:var(--r-lg);overflow:hidden;background:#1a1818;transform:scale(.96);transition:transform .45s var(--ease)}
.vm.on .vm-in{transform:none}
.vm-in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:brightness(.62)}
.vm-in::before{content:"";position:absolute;z-index:1;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.vm-in::after{content:"";position:absolute;z-index:1;left:50%;top:50%;margin:-14px 0 0 -9px;border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent rgba(255,255,255,.92)}
.vm-cap{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border-radius:var(--r-md);background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff;font-size:var(--fs-ui)}
.vm-cap .tag{margin:0}
.vm-x{position:absolute;right:10px;top:10px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
@media (min-width:1101px) and (max-height:860px){
  .ab-me{min-height:min(clamp(580px,46vw,680px),max(480px,calc(calc(var(--vu,1vh) * 100) - 140px)))}
}
@media (min-width:1101px) and (max-height:860px){
  .ab-c{padding:18px 20px;gap:12px}
}
@media (min-width:1101px) and (max-height:860px){
  .ab-c h4{font-size:var(--fs-lg)}
}
@media (min-width:1101px) and (max-height:860px){
  .ab-c p{font-size:var(--fs-ui);line-height:1.4}
}
@media (min-width:1101px) and (max-height:860px){
  .ab-viz,
.ab-gr{height:92px}
}
@media (min-width:1101px) and (max-height:860px){
  .ab-big{font-size:clamp(34px,2.9vw,44px)}
}
@media (min-width:1101px) and (max-height:860px){
  .ab-yr li{padding:12px 0}
}
@media (min-width:1101px) and (max-height:860px){
  .ab-yr span:not(.ab-big),
.ab-rec .ab-b>span:not(.ab-av):not(.ab-big){font-size:var(--fs-ui)}
}
@media (min-width:1101px) and (max-height:860px){
  .ab-av i{width:34px;height:34px}
}
@media (min-width:1101px) and (max-height:700px){
  .ab-viz,
.ab-gr{height:72px}
}
@media (min-width:1101px) and (max-height:700px){
  .ab-viz .nd{height:26px;font-size:var(--fs-xs);padding:0 9px}
}
@media (min-width:1101px) and (max-height:700px){
  .ab-c{padding:16px 18px;gap:10px}
}
@media (min-width:1101px) and (max-height:700px){
  .ab-c>.ab-b{gap:6px}
}
@media (max-width:1100px){
  .ab-me{grid-column:1/8;grid-row:1/3}
}
@media (max-width:1100px){
  .ab-exp{grid-column:8/13;grid-row:1}
}
@media (max-width:1100px){
  .ab-rec{grid-column:8/13;grid-row:2}
}
@media (max-width:1100px){
  .ab-sys{grid-column:1/7;grid-row:3}
}
@media (max-width:1100px){
  .ab-grow{grid-column:7/13;grid-row:3}
}
@media (max-width:1100px){
  .ab-pr{grid-column:span 4}
}
@media (max-width:1100px){
  .ab-sys>.ab-b,
.ab-grow>.ab-b{margin-top:clamp(24px,2.6vw,40px)}
}
@media (max-width:900px){
  .ab>*{grid-row:auto!important}
}
@media (max-width:900px){
  .ab-me{order:-1;grid-column:1/-1;min-height:0;height:min(calc((100vw - 40px) * 1.25),640px)}
}
@media (max-width:900px){
  .ab-exp,
.ab-rec,
.ab-sys,
.ab-grow{grid-column:span 6}
}
@media (max-width:900px){
  .ab-pr{grid-column:1/-1}
}
@media (max-width:900px){
  .ab-vis{--m:14px}
}
.ab-mph,
.ab-mcut,
.ab-mh,
.ab-mft,
.ab-mf,
.ab-mpn{display:none}
@media (max-width:900px){
  .ab-vis>img:first-child{display:none}
}
@media (max-width:900px){
  .ab-vis>img.ab-mph,
.ab-vis>img.ab-mcut{display:block;inset:auto;max-width:none;object-fit:fill;pointer-events:none}
}
@media (max-width:900px){
  .ab-vis>img.ab-mph{z-index:1}
}
@media (max-width:900px){
  .ab-mh{display:block;position:absolute;z-index:2;left:18px;right:18px;top:clamp(20px,5.5vw,36px);margin:0;text-align:center;font-weight:700;font-size:min(64px,calc((100vw - 68px) / 9.6));line-height:1.02;letter-spacing:var(--ls-display);color:var(--ink);text-wrap:balance;pointer-events:none}
}
@media (max-width:900px){
  .ab-mh .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
}
@media (max-width:900px){
  .ab-mh .ln>span{display:block}
}
@media (max-width:900px){
  .ab-vis>img.ab-mcut{z-index:3}
}
@media (max-width:900px){
  .ab-mft{display:flex;position:absolute;z-index:4;left:16px;right:16px;bottom:14px;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:10px;border-top:1px solid rgba(15,16,17,.18);font-size:var(--fs-xs);line-height:1.35;color:rgba(15,16,17,.62);pointer-events:none}
}
@media (max-width:900px){
  .ab-mft>span{max-width:48%}
}
@media (max-width:900px){
  .ab-mft>span:last-child{text-align:right}
}
@media (max-width:900px){
  .ab-mft b{display:block;font-weight:600;color:var(--ink)}
}
@media (max-width:900px){
  html.ab-js .ab-mh .ln>span{transform:translateY(108%);transition:transform .7s var(--ease)}
}
@media (max-width:900px){
  html.ab-js .ab-mh .ln:nth-child(2)>span{transition-delay:.1s}
}
@media (max-width:900px){
  html.ab-js .ab-vis.in .ab-mh .ln>span{transform:none}
}
@media (max-width:900px){

  .ab-exp,
.ab-rec{display:none}
}
@media (max-width:900px){
  .ab-mf{display:block;grid-column:1/-1;padding:0}
}
@media (max-width:900px){
  .ab-mf-y{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .ab-mf-y>div{display:grid;align-content:start;gap:6px;padding:22px 20px 20px}
}
@media (max-width:900px){
  .ab-mf-y>div+div{border-left:1px solid var(--line)}
}
@media (max-width:900px){
  .ab-mf-r{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 16px;padding:20px;border-top:1px solid var(--line)}
}
@media (max-width:900px){
  .ab-mf-r .ab-av{justify-self:end;margin:0}
}
@media (max-width:900px){
  .ab-mf-t{grid-column:1/-1}
}
@media (max-width:900px){
  .ab-mf .ab-big{font-size:clamp(40px,11vw,56px)}
}
@media (max-width:900px){
  .ab-mf-y span:not(.ab-big),
.ab-mf-t{font-size:var(--fs-ui);line-height:1.35;color:var(--muted)}
}
@media (max-width:900px){

  .ab-sys h4,
.ab-grow h4{font-size:clamp(30px,3vw,44px);line-height:1.02;letter-spacing:var(--ls-display);font-weight:500;text-wrap:balance}
}
@media (max-width:900px){

  .ab-row{position:relative;isolation:isolate;overflow:hidden;display:block;margin-top:0;padding:32px 24px 26px;border-top:0;border-radius:var(--r-lg);background:#121314;color:#fff}
}
@media (max-width:900px){
  .ab-row::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/sb-waves-poster.jpg) 50% 50%/cover no-repeat;filter:invert(1) grayscale(1) brightness(.62) contrast(1.15);opacity:.55}
}
@media (max-width:900px){
  .ab-row::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 80% at 70% 20%,rgba(15,16,17,.15) 0%,rgba(15,16,17,.55) 55%,rgba(15,16,17,.85) 100%)}
}
@media (max-width:900px){
  .ab-row .ab-pr{background:none;padding:0;border-radius:0;box-shadow:none;gap:0;color:#fff}
}
@media (max-width:900px){
  .ab-row .ab-pr+.ab-pr{margin-top:28px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}
}
@media (max-width:900px){
  .ab-row .ab-ico{display:none}
}
@media (max-width:900px){
  .ab-row .ab-pr>.ab-b{margin-top:0;gap:14px}
}
@media (max-width:900px){
  .ab-row .ab-pr h4{font-size:clamp(30px,3vw,44px);line-height:1.02;letter-spacing:var(--ls-display);font-weight:500;color:#fff;text-wrap:balance}
}
@media (max-width:900px){
  .ab-row .ab-pr p{font-size:var(--fs-lg);line-height:1.45;color:rgba(255,255,255,.72)}
}
@media (max-width:900px){
  html.ab-js .ab-row .ab-pr .ch{color:rgba(255,255,255,.16);transition:color .35s var(--ease)}
}
@media (max-width:900px){
  html.ab-js .ab-row .ab-pr h4 .ch{transition-delay:calc(var(--i) * 16ms)}
}
@media (max-width:900px){
  html.ab-js .ab-row .ab-pr p .ch{transition-delay:calc(var(--d,0ms) + var(--i) * 5ms)}
}
@media (max-width:900px){
  html.ab-js .ab-row .ab-pr.on h4 .ch{color:#fff}
}
@media (max-width:900px){
  html.ab-js .ab-row .ab-pr.on p .ch{color:rgba(255,255,255,.72)}
}
@media (max-width:900px){
  .ab-mpn{display:flex;align-items:center;gap:10px;margin-top:30px;font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:var(--ls-caps);color:rgba(255,255,255,.55)}
}
@media (max-width:900px){
  .ab-mpn i{display:block;position:relative;width:28px;height:2px;border-radius:2px;background:rgba(255,255,255,.18);overflow:hidden}
}
@media (max-width:900px){
  .ab-mpn i b{position:absolute;inset:0;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);transition:transform .6s var(--ease)}
}
@media (max-width:900px){
  .ab-mpn i.on b{transform:none}
}
@media (max-width:900px){
  .ab-mpn .n{color:#fff}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){.ab-mh .ln>span,
.ab-mpn i b{transition:none}}
.ab-mcv,
.ab-pst{display:none}
@media (max-width:999px){ .hdr.ab-up{transform:translate3d(0,calc(-100% - 24px),0)} }
@media (max-width:999px){ html.ab-on .dock.show{transform:translate(-50%,140%)} }
@media (max-width:560px){ html.ab-on .dock.show{transform:translateY(140%)} }
@media (max-width:900px){
  html.abm .ab-me{height:calc(calc(var(--vu,1vh) * 100) - 10px + var(--abrun,calc(var(--vu,1vh) * 170)));margin-inline:calc(5px - var(--gutter))}
}
@media (max-width:900px){
  html.abm .ab-vis{position:sticky;inset:auto;top:5px;height:calc(calc(var(--vu,1vh) * 100) - 10px);border-radius:var(--r-lg);background:#D4CBC5}
}
@media (max-width:900px){
  html.abm .ab-vis>img.ab-mph{display:none}
}
@media (max-width:900px){
  html.abm .ab-mcv{display:block;position:absolute;left:0;top:0;z-index:1;pointer-events:none}
}
@media (max-width:900px){
  html.abm .ab-mh{top:clamp(28px,8vw,48px);left:16px;right:16px;font-size:min(72px,calc((100vw - 48px) / 8.1));will-change:opacity,transform}
}
@media (max-width:900px){
  html.abm .ab-vis>img.ab-mcut{will-change:opacity}
}
@media (max-width:900px){
  html.abm .ab-mft{bottom:calc(0px + 16px)}
}
@media (max-width:900px){
  html.abm .ab-row{height:calc(calc(var(--vu,1vh) * 100) - 10px + var(--prun,calc(var(--vu,1vh) * 270)));margin-inline:calc(5px - var(--gutter));padding:0;overflow:visible;background:none;border-radius:0}
}
@media (max-width:900px){
  html.abm .ab-row::before,
html.abm .ab-row::after{display:none}
}
@media (max-width:900px){
  html.abm .ab-pst{display:grid;position:sticky;top:5px;height:calc(calc(var(--vu,1vh) * 100) - 10px);overflow:hidden;isolation:isolate;border-radius:var(--r-lg);background:#121314;color:#fff;padding:0 24px calc(0px);align-items:center;justify-items:center}
}
@media (max-width:900px){
  html.abm .ab-pst::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/sb-waves-poster.jpg) 50% 50%/cover no-repeat;filter:invert(1) grayscale(1) brightness(.62) contrast(1.15);opacity:.55}
}
@media (max-width:900px){
  html.abm .ab-pst::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 80% at 70% 20%,rgba(15,16,17,.15) 0%,rgba(15,16,17,.55) 55%,rgba(15,16,17,.85) 100%)}
}
@media (max-width:900px){
  html.abm .ab-pst .ab-pr{grid-area:1/1;width:100%;max-width:560px;margin:0!important;padding:0!important;border:0!important;text-align:center;opacity:0;transform:translate3d(0,16px,0);transition:opacity .2s var(--ease),transform .2s var(--ease);pointer-events:none}
}
@media (max-width:900px){
  html.abm .ab-pst .ab-pr.past{transform:translate3d(0,-16px,0)}
}
@media (max-width:900px){
  html.abm .ab-pst .ab-pr.cur{transition:opacity .45s var(--ease) .16s,transform .6s var(--ease) .16s}
}
@media (max-width:900px){
  html.abm .ab-pst .ab-pr.cur{opacity:1;transform:none;pointer-events:auto}
}
@media (max-width:900px){
  html.abm .ab-pst .ab-pr>.ab-b{justify-items:center;gap:18px}
}
@media (max-width:900px){
  html.abm .ab-pst .ab-pr h4{font-size:clamp(34px,9.4vw,56px);line-height:1.02;letter-spacing:var(--ls-display)}
}
@media (max-width:900px){
  html.abm .ab-pst .ab-pr p{max-width:30em;text-wrap:balance}
}
@media (max-width:900px){
  html.abm .ab-row .ab-pr .ch{transition:none!important;color:rgba(255,255,255,.16)}
}
@media (max-width:900px){
  html.abm .ab-pst .ab-mpn{position:absolute;left:50%;bottom:calc(0px + 26px);transform:translateX(-50%);margin:0}
}
@media (max-width:900px){
  html.abm .ab-mpn i b{transition:none}
}
@media (max-width:640px){
  .ab>*{grid-column:1/-1!important}
}
@media (max-width:640px){
  .ab-fr{justify-content:flex-start}
}
@media (max-width:640px){
  .ab-hb{flex-direction:row;flex-wrap:wrap;align-self:center;align-items:center;justify-content:center}
}
@media (max-width:640px){
  .ab-hb>span{margin:0 2px 0 0}
}
@media (max-width:640px){
  .ab-pv .pv.v{width:120px}
}
@media (max-width:640px){
  .ab-pv .pv.h{width:220px}
}
.rev-who{display:flex;gap:12px;align-items:center;font-size:var(--fs-ui)}
.rev-who i{width:40px;height:40px;border-radius:var(--r-sm);background:var(--paper-2);flex:none}
.rev-who small{display:block;color:var(--muted)}
.rw{position:relative}
.rw-main{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(24px,3vw,40px);border-radius:var(--r-xl);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.rw-wv{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:30% 50%;pointer-events:none;opacity:.3;-webkit-mask-image:linear-gradient(90deg,#000 15%,transparent 62%);mask-image:linear-gradient(90deg,#000 15%,transparent 62%)}
.rw-k{display:block;font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--muted)}
.rw-k::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:9px;vertical-align:2px}
.rw-circ{position:relative;width:clamp(240px,26vw,380px);aspect-ratio:1;margin:10px;border-radius:50%}
.rw-cv{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--dark-2)}
.rw-ring{position:absolute;inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px);transform:rotate(-90deg);pointer-events:none}
.rw-ring circle{fill:none;stroke:rgba(15,16,17,.1);stroke-width:1.1}
.rw-ring .p{stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:0 100}
.rw-snd{position:absolute;inset:0;border-radius:50%;border:0;padding:0;cursor:pointer;background:transparent;display:flex;align-items:flex-end;justify-content:center;padding-bottom:9%}
.rw-snd>*{transition:opacity .3s var(--ease),transform .3s var(--ease)}
.rw-ic{display:none}
.rw-sl{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 12px;border-radius:var(--r-pill);font:500 13px/1 var(--f);color:#fff;background:rgba(15,16,17,.42);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.rw-sl::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h3.5L12 6v12l-4.5-3.5H4z' fill='%23000'/%3E%3Cpath d='M15.5 9a4 4 0 0 1 0 6M18 6.5a7.5 7.5 0 0 1 0 11'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h3.5L12 6v12l-4.5-3.5H4z' fill='%23000'/%3E%3Cpath d='M15.5 9a4 4 0 0 1 0 6M18 6.5a7.5 7.5 0 0 1 0 11'/%3E%3C/svg%3E") center/contain no-repeat}
.rw-snd:hover .rw-sl{background:rgba(15,16,17,.6)}
.rw-circ.snd .rw-snd{align-items:center;padding-bottom:0}
.rw-circ.snd .rw-sl{display:none}
.rw-circ.snd .rw-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(15,16,17,.42);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform:scale(.9)}
.rw-ic svg{width:22px;height:22px;fill:#fff;display:none}
.rw-circ.snd .i-pause{display:block}
.rw-circ.snd.paused .i-pause{display:none}
.rw-circ.snd.paused .i-play{display:block;margin-left:3px}
.rw-circ.snd:hover .rw-ic,
.rw-circ.snd.paused .rw-ic,
.rw-snd:focus-visible .rw-ic{opacity:1;transform:none}
.rw-mb{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-content:center;min-width:0}
/* 25 окт: на узких экранах (до 340 px — например, Samsung с увеличенным масштабом) строка «автор + Смотреть кейс» не влезала и растягивала колонку — цитата обрезалась справа */
@media (max-width:340px){.rw-main .rw-ft{flex-wrap:wrap}.rw-main .rw-ft .rw-acts{margin-left:0;flex-basis:100%}}
.rw-big{margin:0;font-size:clamp(34px,3.6vw,56px);font-weight:600;line-height:1.04;letter-spacing:var(--ls-head);color:var(--ink);text-wrap:balance}
.rw-big span{color:var(--faint)}
.rw-facts{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;font-size:var(--fs-ui);color:var(--muted)}
.rw-facts li::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ink);opacity:.35;margin-right:8px;vertical-align:2px}
.rw-ft{display:flex;align-items:center;gap:12px;padding-top:22px;border-top:1px solid var(--line);flex-wrap:wrap}
.rw-ft .rw-acts{margin-left:auto}
.rw-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rw-acts .btn{height:var(--btn-h-sm)}
.rw-ava{flex:none;width:44px;height:44px;border-radius:50%;background:var(--paper-2) center/cover}
.rw-who{min-width:0;font-size:var(--fs-sm);line-height:1.35;color:var(--muted)}
.rw-who b{display:block;font-size:var(--fs-base);font-weight:600;color:var(--ink)}
.rw-tg{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.rw-b{position:relative;z-index:2;margin-top:clamp(24px,3vw,40px)}
.rw-pan{--pp:clamp(22px,2.6vw,36px);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:18px;min-height:var(--rw-ah,auto);padding:var(--pp);border-radius:var(--r-xl);background:var(--dark);color:#fff;box-shadow:0 -24px 60px rgba(0,0,0,.14)}
.rw-pv{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;pointer-events:none;filter:invert(1) grayscale(1) brightness(.62) contrast(1.15);opacity:.55}
.rw-psh{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 70% 20%,rgba(15,16,17,.15) 0%,rgba(15,16,17,.55) 55%,rgba(15,16,17,.85) 100%)}
.rw-pan .rw-k{color:rgba(255,255,255,.55)}
.rw-deck{--side:56px;position:relative;flex:1;min-height:380px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.rw-deck.drag{cursor:grabbing}
.rw-c{position:absolute;top:0;bottom:0;left:var(--side);right:var(--side);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,2.4vw,36px);padding:clamp(20px,2.2vw,28px);border-radius:var(--r-lg);background:rgba(255,255,255,.035);-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.06);transform-origin:50% 50%;transition:transform .55s var(--ease),opacity .55s var(--ease),filter .55s var(--ease)}
.rw-c.drag{transition:none}
.rw-c.side{background:rgba(255,255,255,.025)}
.rw-c>*{transition:opacity .45s var(--ease)}
.rw-c.side>*{opacity:0}
.rw-ct{display:flex;flex-direction:column;gap:16px;min-width:0}
.rw-ct .rw-t{margin-top:-2px}
.rw-t{margin:0;font-size:clamp(26px,2.4vw,36px);font-weight:600;line-height:1.06;letter-spacing:var(--ls-head);color:#fff;text-wrap:balance}
.rw-q{margin:0;font-size:var(--fs-base);line-height:1.5;color:rgba(255,255,255,.6);text-wrap:pretty}
.rw-c .rw-m{display:flex;align-items:center;gap:12px;margin-top:auto}
.rw-c .rw-who{flex:1;color:rgba(255,255,255,.55)}
.rw-c .rw-who b{color:#fff}
.rw-ol{align-self:flex-start;font-size:var(--fs-ui);color:rgba(255,255,255,.82);text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
.rw-ol:hover{color:#fff;text-decoration-color:rgba(255,255,255,.8)}
.rw-cm .btn.rw-case{position:absolute;right:14px;bottom:14px;height:var(--btn-h-sm);color:#fff;background:rgba(15,16,17,.28);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.32);transition:background .2s}
.rw-cm .btn.rw-case:hover{opacity:1;background:rgba(15,16,17,.5)}
.rw-cm{position:relative;border-radius:var(--r-md);overflow:hidden;background:radial-gradient(80% 70% at 30% 30%,#2a2b2d 0%,var(--dark-2) 100%);min-height:200px}
.rw-cm video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rw-n{align-self:center;font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:var(--ls-caps);color:rgba(255,255,255,.6)}
.rw-nav{display:flex;align-items:center;justify-content:center;gap:10px}
.rw-ar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);transition:background .25s,color .25s}
.rw-ar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.rw-ar:hover{background:#fff;color:var(--ink)}
.rw-ar[data-dir="-1"]:hover svg{transform:translateX(-2px)}
.rw-ar[data-dir="1"]:hover svg{transform:translateX(2px)}
@media (min-width:901px) and (prefers-reduced-motion:no-preference){
  .rw.rw-st .rw-a{position:sticky;top:var(--rw-top,84px);z-index:1;transform-origin:50% 0}
}
/* 24 окт: на планшете (761–1100) кружок слева, текст справа; одна колонка — только на телефоне */
@media (max-width:760px){.rw-main{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.rw-circ{justify-self:center}}
@media (min-width:761px) and (max-width:1100px){.rw-main{gap:clamp(24px,3.4vw,40px)}}
@media (min-width:761px) and (max-width:1100px){.rw-circ{width:clamp(220px,28vw,300px)}}
@media (min-width:761px) and (max-width:1100px){.rw-main .rw-big{font-size:clamp(28px,3.6vw,38px)}}
@media (max-width:1100px){.rw-c{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
@media (max-width:900px){
  .rw-deck{--side:14px;flex:none;min-height:0;height:var(--rw-dh,560px)}
}
@media (max-width:900px){
  .rw-c{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-content:start}
}
@media (max-width:900px){
  .rw-cm{order:-1;min-height:0;aspect-ratio:16/9}
}
@media (max-width:900px){
  .rw-big{font-size:clamp(28px,8vw,36px)}
}
@media (max-width:900px){
  .rw-ft .rw-acts{margin-left:0;width:100%}
}
@media (max-width:420px){.rw-main{padding:20px}}
@media (max-width:420px){.rw-c{padding:18px}}
@media (max-width:420px){.rw-pan{--pp:18px}}
@media (prefers-reduced-motion:reduce){.rw-c{transition:none}}
@media (prefers-reduced-motion:reduce){.rw-pv{display:none}}
.au-band{position:relative;isolation:isolate;overflow:hidden;margin-inline:12px;border-radius:var(--r-lg);background:var(--dark);color:#fff;padding-block:clamp(64px,8vw,128px)}
.au-band>.fl-v{object-position:30% 60%}
.au-band>.fl-sh{background:linear-gradient(90deg,rgba(12,9,8,.82) 0%,rgba(12,9,8,.5) 50%,rgba(12,9,8,.3) 100%)}
.au{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,72px);align-items:stretch}
.au-l{display:flex;flex-direction:column;gap:clamp(36px,3.6vw,52px);min-width:0}
.au-l .au-cta{margin-top:auto}
.au-sw{align-self:flex-start;display:flex;align-items:center;gap:14px;padding:10px 18px;border-radius:var(--r-pill);background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.au-o{border:0;background:none;padding:0;cursor:pointer;font:600 18px/1 var(--f);letter-spacing:var(--ls-text);color:rgba(255,255,255,.45);transition:color .3s}
.au-o[aria-pressed="true"]{color:#fff}
.au-tg{position:relative;width:58px;height:34px;border:0;border-radius:var(--r-pill);padding:0;cursor:pointer;background:var(--ok);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);transition:background .35s var(--ease)}
.au-tg i{position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .35s var(--ease)}
.au[data-m="b"] .au-tg{background:var(--accent)}
.au[data-m="b"] .au-tg i{transform:translateX(24px)}
.au-sl{display:grid}
.au-sl>.au-v{grid-area:1/1;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.au-sl>.au-v[aria-hidden="true"]{opacity:0;transform:translateY(10px);pointer-events:none}
.au-l h2{color:#fff}
.au-p{margin:24px 0 0;max-width:32em;font-size:var(--fs-lg);line-height:1.45;color:rgba(255,255,255,.72);text-wrap:pretty}
.au-cta{display:grid;justify-items:start;gap:14px}
.au-cta>.btn{height:var(--btn-h);padding:0 22px;font-size:var(--fs-base)}
.au-st{display:inline-flex;align-items:center;gap:9px;padding-left:4px;font-size:var(--fs-sm);color:rgba(255,255,255,.72)}
.au-st i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 2s infinite}
.au-rc{display:flex;flex-direction:column;gap:12px;min-width:0}
.au-r{display:flex;flex-direction:column;gap:22px;padding:clamp(24px,2.6vw,36px);border-radius:var(--r-lg);background:var(--paper);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.25)}
.au-rh{margin:0;font-size:clamp(24px,2.2vw,30px);font-weight:600;letter-spacing:var(--ls-title);line-height:1.1}
.au-li{list-style:none;margin:0;padding:0;display:grid}
.au-li li{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line);font-size:var(--fs-lg);line-height:1.35}
.au-li li:first-child{border-top:0;padding-top:2px}
.au-li li>span{flex:1;min-width:0}
.au-li li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4.2 3.6 6.8 9 1.2' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/9px 7px no-repeat}
.au-ad .a-img{left:8%;width:38%;top:24%;bottom:10%}
.au-ad .a-t1{left:52%;right:8%;top:24%;height:7%;background:rgba(255,255,255,.22)}
.au-ad .a-t2{left:52%;width:24%;top:36%;height:7%}
.au-ad .a-sz{top:52%;height:11%;width:11%;background:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.au-ad .s1{left:52%}
.au-ad .s2{left:65%}
.au-ad .s3{left:78%}
.au-ad .a-bt{left:52%;right:8%;bottom:10%;height:12%;background:rgba(243,53,12,.5)}
.au-ad .pin{position:absolute;z-index:2;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;display:grid;place-items:center;font:700 10px/1 var(--f);color:#fff;background:var(--accent);box-shadow:0 0 0 4px rgba(243,53,12,.25);opacity:0;transform:scale(.4)}
.au-ad .p1{left:27%;top:24%}
.au-ad .p2{left:91%;top:52%}
.au-ad .p3{left:52%;top:78%}
.au-nx.play .au-ad i{animation:auWf 6s var(--ease) infinite}
.au-nx.play .au-ad .pin{animation:auPin 6s var(--ease) infinite}
.au-nx.play .au-ad .p1{animation-delay:1.2s}
.au-nx.play .au-ad .p2{animation-delay:1.8s}
.au-nx.play .au-ad .p3{animation-delay:2.4s}
@media (prefers-reduced-motion:reduce){.au-ad .pin{opacity:1;transform:none}}
.au-f{width:100%}
.au-in{display:flex;align-items:center;gap:8px;width:100%;max-width:560px;padding:6px 6px 6px 20px;border-radius:var(--r-lg);background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);transition:box-shadow .25s}
.au-in:focus-within{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.au-in{position:relative}
.au-in::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ga),transparent 0 58%,rgba(255,138,91,0) 63%,var(--accent-hi) 78%,#FFD2BC 83%,rgba(255,138,91,0) 92%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:gaSpin 5.5s linear infinite;pointer-events:none}
.au-in:focus-within::before{opacity:.5}
@media (prefers-reduced-motion:reduce){.au-in::before{animation:none}}
.au-in.err{box-shadow:inset 0 0 0 1px rgba(243,53,12,.9);animation:auShake .35s}
.au-in input{flex:1;min-width:0;height:44px;border:0;outline:0;background:none;font:400 16px var(--f);color:#fff}
.au-in input::placeholder{color:rgba(255,255,255,.5)}
.au-in .btn{flex:none;height:var(--btn-h)}
.au-dlg{border:0;border-radius:var(--r-xl);padding:0;width:min(460px,calc(100% - 24px));max-height:calc(100% - 24px);background:var(--paper);color:var(--ink)}
.au-dlg::backdrop{background:rgba(15,16,17,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.au-dlg[open]{animation:rise .4s var(--ease)}
.au-di{position:relative;padding:28px}
.au-step{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.au-step[hidden]{display:none}
.au-dk{font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--muted)}
.au-step h3{margin:0;font-size:26px;font-weight:600;letter-spacing:var(--ls-title)}
.au-chip{justify-self:start;margin:0;max-width:100%;padding:7px 12px;border-radius:var(--r-pill);background:var(--paper-2);font-size:var(--fs-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-chip:empty{display:none}
.au-dp{margin:0;font-size:var(--fs-base);line-height:1.45;color:var(--muted)}
.au-ms{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.au-ms .btn{justify-content:center;height:var(--btn-h);min-width:0;padding:0 12px}
.au-hint{margin:-4px 0 0;min-height:1em;font-size:var(--fs-sm);color:var(--green)}
.au-hint:empty{display:none}
.au-or{display:flex;align-items:center;gap:12px;font-size:var(--fs-sm);color:var(--muted)}
.au-or::before,
.au-or::after{content:"";flex:1;height:1px;background:var(--line)}
.au-ph{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.au-ph input{width:100%;min-width:0;height:46px;padding:0 14px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--bg);font:400 16px var(--f);color:var(--ink);outline:0}
.au-ph input:focus{border-color:var(--ink)}
.au-ph input.err{border-color:var(--accent)}
/* 24 окт: скрытое поле от роботов */
.au-ph input.au-hp,.lf input.au-hp{position:absolute;left:-9999px;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}
.au-ph{position:relative}
.au-ph .btn:disabled{opacity:.6;cursor:progress}
.au-ph .btn{height:var(--btn-h)}
.au-cs{margin:0;font-size:var(--fs-xs);color:var(--muted)}
/* 23 окт: путь «оставьте телефон» скрыт до бота */
.au-or[hidden],.au-ph[hidden],.au-cs[hidden]{display:none}
.au-cs a{color:var(--ink)}
.au-pop{border:0;padding:0;width:min(1240px,calc(100% - 24px));max-width:none;max-height:calc(100% - 24px);border-radius:var(--r-xl);background:#0B0908;color:#fff;overflow:hidden}
.au-pop::backdrop{background:rgba(15,16,17,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.au-pop[open]{animation:rise .45s var(--ease)}
.au-pop-in{max-height:calc(calc(var(--vu,1vh) * 100) - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
.au-pop .au-band{margin:0;border-radius:0;padding-block:clamp(44px,5vw,76px)}
.au-pop .au-band>.wrap{padding-inline:clamp(20px,4vw,60px)}
.au-pop-x{position:absolute;top:14px;right:14px;z-index:5;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:20px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s}
.au-pop-x:hover{background:rgba(255,255,255,.22)}
@media (max-width:560px){.au-pop{width:100%;max-height:100%;border-radius:0}}
@media (max-width:560px){.au-pop-in{max-height:calc(var(--vu,1vh) * 100);max-height:100dvh}}
@media (max-width:560px){.au-pop .au-band{padding-block:64px 40px}}
.au-x{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--paper);cursor:pointer;font-size:20px;line-height:1}
.au-ok{justify-items:start;padding-top:8px}
.au-okc{width:44px;height:44px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4.2 3.6 6.8 9 1.2' fill='none' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px 16px no-repeat}
@media (max-width:560px){.au-in{flex-direction:column;align-items:stretch;padding:6px;border-radius:var(--r-lg)}}
@media (max-width:560px){.au-in input{padding:0 14px}}
@media (max-width:560px){.au-in .btn{justify-content:center}}
@media (max-width:560px){.au-di{padding:24px 20px}}
.au-nx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:18px;align-items:center;padding:20px clamp(20px,2.4vw,28px) 22px;border-radius:var(--r-lg);background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.08)}
.au-nl{display:grid;gap:14px;align-self:start}
.au-k{font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:var(--ls-caps);text-transform:uppercase;color:rgba(255,255,255,.55)}
.au-path{list-style:none;margin:0;padding:0;display:grid;align-content:start}
.au-s{position:relative;display:flex;align-items:center;gap:12px;padding:9px 0}
.au-s>i{position:relative;flex:none;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.au-s:not(:last-child)>i::after{content:"";position:absolute;left:5px;top:16px;width:1.5px;height:22px;background:rgba(255,255,255,.18)}
.au-s.on>i{background:var(--green);box-shadow:0 0 0 4px rgba(24,160,88,.22)}
.au-s>b{font-size:var(--fs-base);font-weight:600;color:#fff;white-space:nowrap}
.au-i{flex:none;width:18px;height:18px;border-radius:50%;border:0;padding:0;cursor:help;font:italic 600 11px/18px Georgia,serif;color:rgba(255,255,255,.8);background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:background .2s}
.au-i:hover,
.au-s.tip .au-i{background:rgba(255,255,255,.28);color:#fff}
.au-tip{position:absolute;z-index:5;left:0;bottom:calc(100% + 4px);width:min(280px,72vw);padding:12px 14px;border-radius:var(--r-md);background:var(--paper);color:var(--muted);font-size:var(--fs-sm);line-height:1.45;box-shadow:0 16px 40px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility 0s .25s;pointer-events:none}
.au-tip b{color:var(--ink);font-weight:600}
.au-tip .tag{margin-left:4px}
.au-s:has(.au-i:hover) .au-tip,
.au-s.tip .au-tip,
.au-s:focus-within .au-tip{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--ease),transform .25s var(--ease)}
.au-viz{align-self:stretch;min-height:120px}
.au-wf{position:relative;height:100%;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);background:rgba(255,255,255,.03);overflow:hidden}
.au-wf i{position:absolute;border-radius:var(--r-xs);background:rgba(255,255,255,.14);opacity:0}
.au-wf .w1{left:8%;right:8%;top:9%;height:7%;border-radius:3px}
.au-wf .w2{left:8%;width:46%;top:24%;height:28%}
.au-wf .w3{left:58%;right:8%;top:24%;height:7%;background:rgba(255,255,255,.22)}
.au-wf .w4{left:58%;width:20%;top:38%;height:7%;background:var(--accent)}
.au-wf .w5{left:8%;width:26%;top:60%;bottom:9%}
.au-wf .w6{left:37%;width:26%;top:60%;bottom:9%}
.au-wf .w7{left:66%;width:26%;top:60%;bottom:9%}
.au-nx.play .au-wf i{animation:auWf 5s var(--ease) infinite}
.au-wf .w2{animation-delay:.25s!important}
.au-wf .w3{animation-delay:.5s!important}
.au-wf .w4{animation-delay:.7s!important}
.au-wf .w5{animation-delay:.95s!important}
.au-wf .w6{animation-delay:1.1s!important}
.au-wf .w7{animation-delay:1.25s!important}
@media (prefers-reduced-motion:reduce){.au-wf i{opacity:1}}
@media (prefers-reduced-motion:reduce){.au-nx.play *{animation:none!important}}
@media (min-width:901px){.au-l h2{white-space:nowrap}}
@media (max-width:1100px){.au{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
@media (max-width:1100px){.au-l h2{white-space:normal}}
@media (max-width:900px){.au{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.au-band>.fl-sh{background:linear-gradient(180deg,rgba(12,9,8,.8) 0%,rgba(12,9,8,.55) 55%,rgba(12,9,8,.4) 100%)}}
@media (max-width:560px){.au-band{margin-inline:0;border-radius:0}}
@media (max-width:560px){.au-nx{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.au-viz{min-height:110px}}
@media (max-width:560px){.au-o{font-size:var(--fs-lg)}}
@media (max-width:560px){.au-sw{gap:10px;padding:8px 14px}}
@media (prefers-reduced-motion:reduce){.au-sl>.au-v,
.au-tg i,
.au-tg{transition:none}}
@media (prefers-reduced-motion:reduce){.au-st i{animation:none}}
.offer{background:var(--paper);border-radius:var(--r);padding:clamp(24px,3.4vw,44px);display:grid;gap:22px;align-content:start}
.offer h2{margin-top:-4px}
.ex-card{background:var(--paper);border-radius:var(--r);padding:10px;display:grid;gap:10px;grid-template-rows:auto 1fr 1fr}
.ex-card>.lbl{padding:10px 8px 2px}
.ex{display:grid;grid-template-rows:1fr auto;gap:10px;text-align:left;background:var(--bg);border:0;border-radius:var(--r-md);padding:8px;cursor:pointer}
.ex .ph{min-height:200px;border-radius:var(--r-s)}
.ex div{display:flex;justify-content:space-between;gap:10px;padding:2px 6px 4px}
.ex div span{color:var(--muted);font-size:var(--fs-sm)}
.bl-sec{overflow-x:clip}
.lt{position:relative;margin-inline:calc(50% - 50vw);padding:16px 0 12px;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.lt.drag{cursor:grabbing}
.lt.drag .lt-c{pointer-events:none}
.lt-track{display:flex;align-items:center;gap:14px;width:max-content;will-change:transform}
.lt-c{translate:0 0;position:relative;flex:0 0 auto;display:block;width:clamp(252px,20vw,300px);aspect-ratio:3/4;padding:0;border:0;border-radius:var(--r-lg);overflow:hidden;background:var(--paper-2);color:var(--ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transform:scale(var(--s,1));transition:opacity .45s var(--ease),translate .45s var(--ease),filter .45s var(--ease)}
@media (hover:hover){.lt-track:has(.lt-c:hover) .lt-c:not(:hover){opacity:.5}}
@media (hover:hover){.lt:not(.drag) .lt-c:hover{translate:0 -8px}}
.lt-bg{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;transition:transform 1.2s var(--ease)}
.lt-c:hover .lt-bg{transform:scale(1.04)}
.lt-t{font-weight:500;font-size:clamp(16px,1.25vw,17.5px);line-height:1.18;letter-spacing:var(--ls-title);text-wrap:balance}
.lt-d{font-size:var(--fs-sm);line-height:1.38;color:rgba(15,16,17,.64);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}
.lt-reel{background:#1A1818}
.lt-blur{position:absolute;left:0;right:0;bottom:0;height:var(--bh,58%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%);pointer-events:none}
.lt-reel::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(180deg,rgba(12,10,9,0) 0%,rgba(12,10,9,.42) 40%,rgba(12,10,9,.88) 100%);pointer-events:none}
.lt-ov{position:absolute;left:16px;right:16px;bottom:16px;z-index:1;display:grid;gap:7px;color:#fff}
.lt-ov .lt-t{font-size:clamp(17px,1.35vw,19px);line-height:1.16;text-shadow:0 1px 18px rgba(0,0,0,.25)}
.lt-ov .lt-d{color:rgba(255,255,255,.78)}
.lt-chip{position:absolute;z-index:1;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 8px;border-radius:var(--r-pill);background:rgba(15,16,17,.26);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.26);color:#fff;font-family:var(--mono);font-weight:400;font-size:var(--fs-cap);letter-spacing:var(--ls-caps);text-transform:uppercase}
.lt-chip svg{width:12px;height:12px;fill:currentColor}
.lt-tx{display:flex;flex-direction:column;gap:16px;padding:24px 22px 22px}
.lt-big{display:block;font-weight:500;font-size:clamp(24px,1.95vw,29px);line-height:1.04;letter-spacing:var(--ls-display);text-wrap:balance}
.lt-tx .lt-d{margin-top:auto;font-size:var(--fs-ui);color:inherit;opacity:.74;-webkit-line-clamp:3}
.lt-or{background:var(--accent-lo) url(/bn-flute.jpg) 55% 50%/cover no-repeat;color:#fff}
.lt-or::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,8,4,.38) 0%,rgba(20,8,4,0) 46%,rgba(20,8,4,.42) 100%);pointer-events:none}
.lt-or>*{position:relative}
.lt-wh{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.lt-wh .lt-big::after{content:"";display:inline-block;width:.2em;height:.2em;margin-left:.12em;border-radius:50%;background:var(--accent);vertical-align:.08em}
.lt-dk{background:radial-gradient(90% 55% at 100% 0%,rgba(243,53,12,.55),rgba(243,53,12,0) 72%),var(--ink);color:#fff}
.bl-div{margin-bottom:12px}
.lt-pg{position:relative;display:block;margin:30px auto 0;width:min(440px,72%);height:24px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}
.lt-pg::before{content:"";position:absolute;left:0;right:0;top:11px;height:2px;border-radius:2px;background:rgba(15,16,17,.12)}
.lt-rul,
.lt-mk{display:none}
.lt-pg.rul{height:30px;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 76%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 76%,transparent 100%)}
.lt-pg.rul.on{cursor:grabbing}
.lt-pg.rul::before{display:none}
.lt-pg.rul .lt-rul{display:block;position:absolute;left:0;right:0;top:7px;height:16px;background-image:linear-gradient(90deg,rgba(15,16,17,.38) 0 1px,transparent 1px),linear-gradient(90deg,rgba(15,16,17,.16) 0 1px,transparent 1px);background-size:56px 16px,14px 8px;background-repeat:repeat-x;background-position:0 0,0 4px}
.lt-pg.rul .lt-mk{display:block;position:absolute;left:50%;top:3px;width:2px;height:24px;margin-left:-1px;border-radius:2px;background:var(--accent)}
.lt-pg.rul .lt-mk::before{content:"";position:absolute;left:50%;top:-3px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--accent)}
.lt.lt-static{overflow-x:auto;cursor:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}
.lt.lt-static::-webkit-scrollbar{display:none}
.vm-in.vid::before,
.vm-in.vid::after{display:none}
.vm-in video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
@media (max-width:760px){.lt-c{width:min(68vw,280px)}}
@media (max-width:760px){.lt{-webkit-mask-image:none;mask-image:none}}
.reel .ph{transition:transform 1s var(--ease)}
.reel{display:grid;gap:10px;text-decoration:none}
.reel .ph{aspect-ratio:9/16}
.reel:hover .ph{transform:translateY(-8px)}
.reel b{font-weight:500;font-size:var(--fs-base);line-height:1.3}
@media (max-width:760px){.reel{scroll-snap-align:start}}
section.fq-sec{padding-block:var(--sec);background:var(--sand)}
.fq-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,4vw,72px);align-items:start}
.fq-hd{display:flex;align-items:center;min-height:20px;margin:0 0 18px 4px}
.fq-hd .lbl::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:9px;vertical-align:2px}
.fq-list{list-style:none;margin:0;padding:0;display:grid}
.fq-i{position:relative;border-radius:var(--r-md);background:rgba(255,255,255,0);transition:background-color .45s var(--ease)}
.fq-i::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(15,16,17,.1);transition:opacity .35s var(--ease)}
.fq-i:last-child::after,
.fq-i.on::after,
.fq-i:has(+ .fq-i.on)::after{opacity:0}
.fq-i.on{background:var(--paper)}
.fq-i>button{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:14px 4px;font-size:clamp(22px,2.3vw,32px);font-weight:500;letter-spacing:var(--ls-head);line-height:1.12;color:#A9A8A4;transition:color .35s var(--ease),padding .5s var(--ease)}
.fq-i>button:hover{color:var(--muted)}
.fq-i.on>button{color:var(--ink);padding:24px 24px 10px}
.fq-x{height:0;overflow:hidden;transition:height .5s var(--ease)}
.fq-i.on .fq-x{height:var(--dh,80px)}
.fq-x p{padding:0 24px 26px;max-width:70ch;text-wrap:balance;color:var(--muted);font-size:var(--fs-lg);line-height:1.5;text-wrap:pretty;opacity:0;transition:opacity .25s var(--ease)}
.fq-i.on .fq-x p{opacity:1;transition-delay:.05s}
.fq-x a{color:var(--ink)}
.fq-card{background:var(--paper);border-radius:var(--r-lg);overflow:hidden;display:grid}
.fq-ct{display:grid;gap:8px;padding:24px 20px 20px}
.fq-ct h3{font-size:var(--fs-h3)}
.fq-ct p{color:var(--muted);font-size:var(--fs-base);text-wrap:pretty}
.fq-lf.lf{border-radius:0;background:none}
.fq-lf.lf label.f{position:relative;gap:6px;padding:14px 20px 12px;cursor:text;transition:background .2s}
.fq-lf.lf label.f:hover{background:#FBFAF8}
.fq-lf.lf label.f:focus-within{background:var(--bg)}
.fq-lf.lf input[type=text],
.fq-lf.lf textarea{font-size:var(--fs-lg);padding:6px 0 8px;caret-color:var(--accent)}
.fq-lf.lf input::placeholder,
.fq-lf.lf textarea::placeholder{color:#9C9D9E}
.fq-lf.lf textarea{min-height:70px;line-height:1.4;resize:none}
.fq-lf.lf .consent{padding:14px 20px;font-size:var(--fs-xs);line-height:1.4}
.fq-lf.lf .acts{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:8px;padding:4px 20px 20px;border-top:0}
.fq-lf.lf .acts .gbtn{width:100%}
.fq-lf.lf .acts small{text-align:center}
.fq-lf.lf .acts small:empty{display:none}
@media (max-width:560px){.fq-ct{padding-inline:16px}}
@media (max-width:560px){.fq-lf.lf label.f,
.fq-lf.lf .consent{padding-inline:16px}}
@media (max-width:560px){.fq-lf.lf .acts{padding-inline:16px}}
.fq-dock{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:8px 8px 8px 10px;border-radius:var(--r-lg);background:var(--dark);color:var(--on-dark);opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.fq-dock.in{opacity:1;transform:none}
.fq-dock .who{color:var(--on-dark)}
.fq-dock .who small{color:var(--on-dark-muted)}
.fq-dock .who span{white-space:nowrap}
.fq-dock .who i{position:relative}
.fq-dock .who i::after{content:"";position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px var(--dark)}
.fq-dock-b{display:flex;gap:6px}
.fq-dock .btn.light{height:var(--btn-h-sm);padding:0 13px;font-size:var(--fs-ui)}
.fq-dock .btn.ghost{height:var(--btn-h-sm);padding:0 13px;font-size:var(--fs-ui);box-shadow:inset 0 0 0 1px var(--dark-line);color:var(--on-dark)}
.dock.land{transition:none!important}
.dock.fadeout{opacity:0;transition:opacity .4s var(--ease)!important}
@media (max-width:1200px){.fq-dock{display:grid;gap:10px;padding:12px}}
@media (max-width:1200px){.fq-dock-b{display:grid;grid-template-columns:1fr 1fr}}
@media (max-width:1200px){.fq-dock .btn{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.fq-dock{opacity:1;transform:none;transition:none}}
@media (max-width:1000px){.fq-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1000px){.fq-i.on .fq-x{height:var(--h,var(--dh,80px))}}
@media (max-width:560px){.fq-i>button{font-size:min(24px,6vw);padding:11px 2px}}
@media (max-width:560px){.fq-i.on>button{padding:20px 16px 8px}}
@media (max-width:560px){.fq-x p{padding:0 16px 20px;font-size:var(--fs-base)}}
@media (prefers-reduced-motion:reduce){.fq-i,
.fq-i>button,
.fq-x,
.fq-x p{transition:none}}
@media (max-width:1000px){
  .fn-i>button,
.fq-i>button{position:relative;padding-right:44px}
}
@media (max-width:1000px){
  .fn-i.on>button,
.fq-i.on>button{padding-right:52px}
}
@media (max-width:1000px){
  .fn-i>button::after,
.fq-i>button::after{content:"";position:absolute;right:8px;top:50%;width:9px;height:9px;margin-top:-7px;
    border-right:2px solid;border-bottom:2px solid;color:#8E8D89;transform:rotate(45deg);transition:transform .45s var(--ease),color .35s var(--ease)}
}
@media (max-width:1000px){
  .fn-i.on>button::after{right:26px;top:calc(22px + .56em);margin-top:-3px;color:var(--ink);transform:rotate(-135deg)}
}
@media (max-width:1000px){
  .fq-i.on>button::after{right:28px;top:calc(24px + .56em);margin-top:-3px;color:var(--ink);transform:rotate(-135deg)}
}
@media (max-width:560px){
  .fn-i>button,
.fq-i>button{padding-right:24px}
}
@media (max-width:560px){
  .fn-i>button::after,
.fq-i>button::after{right:6px}
}
@media (max-width:560px){
  .fn-i.on>button::after,
.fq-i.on>button::after{right:20px;top:calc(20px + .56em)}
}
@media (prefers-reduced-motion:reduce){ .fn-i>button::after,
.fq-i>button::after{transition:none} }
.contact{background:var(--paper);border-radius:var(--r);padding:8px;display:grid;gap:2px}
.contact .who{padding:6px 6px 8px}
form.lf{background:var(--paper);color:var(--ink);border-radius:var(--r);display:grid;overflow:hidden}
.lf .chips{display:flex;gap:8px;flex-wrap:wrap;padding:16px}
.chipb{appearance:none;border:1px solid var(--line);background:var(--bg);border-radius:var(--r-s);padding:7px 12px;font-size:var(--fs-ui);cursor:pointer;transition:background .2s,color .2s}
.chipb[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--on-dark)}
.lf .row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.lf label.f{display:grid;gap:4px;padding:14px 16px;border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--muted)}
.lf .row2 label.f + label.f{border-left:1px solid var(--line)}
.lf input[type=text],
.lf input[type=tel],
.lf textarea{font-size:var(--fs-base);color:var(--ink);border:0;background:transparent;padding:4px 0;outline:none;width:100%}
.lf textarea{min-height:76px;resize:vertical}
.lf .consent{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--muted);cursor:pointer}
.lf .consent input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--ink);flex:none}
.lf .consent a{color:var(--ink)}
.lf .acts{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-top:1px solid var(--line)}
.lf .acts small{color:var(--muted);font-size:var(--fs-xs)}
@media (max-width:560px){.lf .row2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.lf .row2 label.f + label.f{border-left:0}}
html:not(.ft-flow) .fq-sec{border-radius:0 0 var(--r-2xl) var(--r-2xl)}
.si{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.btn.ico::after{display:none}
.fnl{background:var(--paper);border-radius:var(--r);padding:10px;display:grid;gap:10px}
.fnl-ph{display:block;width:100%;max-width:196px;aspect-ratio:390/844;padding:5px;border-radius:var(--r-2xl);background:var(--ink);box-shadow:0 20px 44px rgba(15,16,17,.16)}
.fnl-ph img{display:block;width:100%;height:100%;border-radius:var(--r-xl);object-fit:cover}
@media (min-width:1101px){
  .fnl{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:stretch}








}
.phone{position:relative;display:block;aspect-ratio:9/17;border-radius:var(--r-lg);background:var(--bg);box-shadow:0 0 0 1px var(--line),0 18px 40px rgba(15,16,17,.08)}
@media (max-width:700px){.fnl-ph{max-width:168px;border-radius:var(--r-xl)}}
@media (max-width:700px){.fnl-ph img{border-radius:var(--r-xl)}}
.ex3-sep{height:1px;background:var(--line);margin:calc(var(--sec) / -4) 0 calc(var(--sec) / 4)}
.ex3{display:grid;grid-template-columns:minmax(0,.9fr) repeat(3,minmax(0,1fr));gap:6px;align-items:stretch}
.ex3-cap{display:grid;gap:8px;align-content:center;padding:6px 24px 6px 0}
.ex3-cap p{color:var(--muted);font-size:var(--fs-ui);line-height:1.35}
.ex3-i{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;background:var(--paper);border-radius:var(--r-s);padding:6px}
.ex3-i .ph{height:44px;border-radius:var(--r-sm)}
.ex3-i .ph.pic{background-size:cover;background-position:center}
.ex3-i b{display:block;font-weight:500;font-size:var(--fs-base)}
.ex3-i small{display:block;color:var(--muted);font-size:var(--fs-xs);line-height:1.3}
@media (max-width:1000px){.ex3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1000px){.ex3-cap{grid-column:1/-1;padding:0 0 10px}}
@media (max-width:640px){.ex3{grid-template-columns:minmax(0,1fr)}}
.audit-box{background:var(--dark);color:var(--on-dark);border-radius:var(--r-lg);padding:12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.audit-box .offer{background:transparent;color:var(--on-dark)}
.audit-box .lbl,
.audit-box .lead,
.audit-box .muted{color:var(--on-dark-muted)}
.audit-box .btn{background:var(--on-dark);color:var(--ink)}
.audit-box .ex-card{background:var(--dark-2)}
.audit-box .ex{background:var(--dark-3);color:var(--on-dark)}
.audit-box .ex div span{color:var(--on-dark-muted)}
.audit-box .ph{background:linear-gradient(140deg,#2A2B2C 0%,var(--dark-2) 100%)}
.audit-box .ph .cap{background:rgba(0,0,0,.5);color:var(--on-dark-muted)}
@media (max-width:900px){.audit-box{grid-template-columns:minmax(0,1fr)}}
.svc-cap{display:flex;justify-content:center;margin:20px 0 0}
.dock{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;transform:translate(-50%,140%);display:flex;align-items:center;gap:12px;background:var(--dark);color:var(--on-dark);border-radius:var(--r-lg);padding:6px 6px 6px 8px;box-shadow:0 12px 40px rgba(15,16,17,.25);visibility:hidden;transition:transform .5s var(--ease),visibility 0s linear .5s}
.dock.show{transform:translate(-50%,0);visibility:visible;transition:transform .5s var(--ease),visibility 0s}
.dock .who{color:var(--on-dark)}
.dock .who small{color:var(--on-dark-muted)}
.dock .who span{white-space:nowrap}
/* 24 окт: text-wrap:pretty у small (base.css) сбрасывал nowrap — «дня» уходил на третью строку */
.dock .who small{white-space:nowrap}
.dock .who i{position:relative}
.dock .who i::after{content:"";position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px var(--dark)}
.dock .btn.light{height:var(--btn-h-sm);padding:0 12px;font-size:var(--fs-sm)}
.dock .btn.ghost{height:var(--btn-h-sm);padding:0 12px;font-size:var(--fs-sm);box-shadow:inset 0 0 0 1px var(--dark-line)}
@media (max-width:560px){.dock{left:12px;right:12px;transform:translateY(140%);justify-content:space-between}}
@media (max-width:560px){.dock.show{transform:none}}
@media (max-width:560px){.dock .who{display:none}}
dialog.sheet{margin:0 0 0 auto;padding:0;border:0;height:100%;max-height:100%;max-width:100%;width:min(580px,100%);background:var(--paper);color:var(--ink)}
dialog.sheet[open]{animation:slideIn .45s var(--ease)}
dialog.sheet::backdrop{background:rgba(15,16,17,.5)}
.sh{display:grid;gap:22px;padding:18px 22px 36px}
.sh-top{display:flex;justify-content:space-between;align-items:center;gap:14px;position:sticky;top:0;background:var(--paper);padding-block:6px 10px;z-index:4}
.sh-top h2{font-size:32px}
.x{width:40px;height:40px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--bg);font-size:20px;cursor:pointer;flex:none}
.sh .ph{aspect-ratio:4/3}
.det{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.det div{background:var(--sand);border-radius:var(--r-s);padding:10px 12px;display:grid;gap:2px;font-size:var(--fs-ui)}
.det .mono{color:var(--faint);font-size:var(--fs-micro)}
.sh-sec{display:grid;gap:6px}
.sh-sec ul{margin:0;padding-left:18px;display:grid;gap:4px}
.sh-rev{background:var(--sand);border-radius:var(--r);padding:16px;display:grid;gap:14px}
.sh-rev p{font-size:var(--fs-lg);line-height:1.35;color:var(--faint);letter-spacing:var(--ls-snug)}
.sh-rev .ph{aspect-ratio:16/9}
/* 23 окт: в окне кейса — запись магазина с телефона (вместо заглушки) и настоящий отзыв */
.sh-media{position:relative;aspect-ratio:4/3;max-width:100%;border-radius:var(--r);background:var(--sand);overflow:hidden}
.sh-media video{position:absolute;top:6%;bottom:6%;left:50%;transform:translateX(-50%);display:block;height:88%;width:auto;aspect-ratio:592/1076;border-radius:18px;background:var(--paper);box-shadow:0 14px 34px rgba(15,16,17,.16);object-fit:cover}
.sh-rev p.q{color:var(--ink)}
.sh-open{position:absolute;left:50%;bottom:9%;z-index:2;transform:translate(-50%,6px);opacity:0;transition:opacity .25s var(--ease),transform .35s var(--ease);box-shadow:0 8px 24px rgba(15,16,17,.22)}
.sh-media:hover .sh-open,
.sh-open:focus-visible{opacity:1;transform:translate(-50%,0)}
@media (hover:none){.sh-open{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.sh-open{transition:none}}
/* 24 окт: на телефоне — запись версии для компьютера в окне браузера, кнопка под ней */
.sh-media.web{aspect-ratio:auto;display:grid;justify-items:center;gap:12px;padding:12px 12px 14px}
.sh-win{width:100%;border-radius:12px;overflow:hidden;background:var(--paper);box-shadow:0 12px 30px rgba(15,16,17,.14)}
.sh-bar{position:relative;height:26px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#fff;border-bottom:1px solid var(--line)}
.sh-bar i{width:6px;height:6px;border-radius:50%;background:#D9D9D8}
.sh-bar span{position:absolute;left:50%;transform:translateX(-50%);font-size:var(--fs-cap);color:var(--muted);background:var(--sand);border-radius:var(--r-sm);padding:2px 16px;white-space:nowrap}
.sh-media.web video{position:static;transform:none;width:100%;height:auto;aspect-ratio:1280/668;border-radius:0;box-shadow:none;background:var(--paper)}
.sh-media.web .sh-open{position:static;opacity:1;transform:none;box-shadow:0 6px 18px rgba(15,16,17,.12)}
.note{font-size:var(--fs-xs);color:var(--faint);font-weight:400}
@media (max-width:520px){.det{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){dialog.sheet[open]{animation:none}}
@media (max-width:700px){.sw{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.ts div{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){
  .stack{--hold:calc(var(--vu,1vh) * 80);gap:calc(max(16px,calc(var(--vu,1vh) * 100) - var(--stick,76px) - min(calc(var(--vu,1vh) * 100) - var(--stick,76px) - 96px,560px)) + var(--hold));margin-inline:calc(5px - var(--gutter))}
}
@media (max-width:900px){
  .st{position:sticky;top:var(--stick,76px);height:min(calc(calc(var(--vu,1vh) * 100) - var(--stick,76px) - 96px),560px);min-height:0;border-radius:var(--r-lg);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-content:stretch;padding:16px 16px 18px;gap:16px}
}
@media (max-width:900px){
  .st .card{position:relative;top:auto;left:auto;right:auto;margin:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:var(--r-md);box-shadow:0 18px 50px rgba(0,0,0,.4)}
}
@media (max-width:900px){
  .st .bbar{display:none}
}
@media (max-width:900px){
  .st .shot{inset:0}
}
@media (max-width:900px){
  .st .shot img{min-height:100%;object-fit:cover;object-position:top center}
}
@media (max-width:900px){
  .st.site-on::after{opacity:.6}
}
.shot-m{display:none}
@media (max-width:600px){
  .stack{gap:calc(16px + var(--hold))}
}
@media (max-width:600px){
  .st{height:calc(calc(var(--vu,1vh) * 100) - var(--stick,76px) - 8px);grid-template-rows:auto minmax(0,1fr);padding:22px 18px 0;gap:0;transform:none}
}
@media (max-width:600px){
  .st::before{background:linear-gradient(180deg,rgba(15,16,17,.66) 0%,rgba(15,16,17,.3) 36%,rgba(15,16,17,0) 60%)}
}
@media (max-width:600px){
  .st-foot{order:-1;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:16px}
}
@media (max-width:600px){
  .st-foot p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media (max-width:600px){
  .st .card{align-self:start;justify-self:center;width:var(--phw,min(64%,250px));height:auto;aspect-ratio:390/844;margin-top:var(--phm,24px);padding:0;border-radius:40px 40px 0 0;
    background:linear-gradient(150deg,#4a4b50 0%,#141517 24%,#0b0c0d 60%,#2a2b2e 100%);box-shadow:0 0 0 1px rgba(255,255,255,.16),0 -6px 40px rgba(0,0,0,.35);
    opacity:1;transform:translate3d(0,calc(100% + 40px),0);transition:transform .8s cubic-bezier(.22,.61,.36,1)}
}
@media (max-width:600px){
  .st.site-on .card{transform:none}
}
@media (max-width:600px){
  .st .shot{inset:6px 6px 0;border-radius:34px 34px 0 0;background:#F4F2EE}
}
@media (max-width:600px){
  .st .shot::before{content:"";position:absolute;z-index:3;left:50%;top:9px;width:31%;height:21px;transform:translateX(-50%);border-radius:var(--r-pill);background:#0a0b0c}
}
@media (max-width:600px){
  .st .shot img,
.st .shot .shot-v{display:none}
}
@media (max-width:600px){
  .shot-m{position:absolute;inset:0;display:block;padding:0;background:var(--sb,#f6f6f4);color:var(--ink);text-align:left;overflow:hidden}
}
@media (max-width:600px){
  .sm-sb{position:relative;display:block;height:0;padding-top:12.2%}
}
@media (max-width:600px){
  .sm-sb b{position:absolute;left:11%;top:50%;transform:translateY(-50%);font:600 12px/1 var(--f)}
}
@media (max-width:600px){
  .sm-sb i{position:absolute;right:9%;top:50%;transform:translateY(-50%);width:21px;height:10px;border-radius:3px;box-shadow:inset 0 0 0 1.5px var(--ink);opacity:.75}
}
@media (max-width:600px){
  .shot-mv{display:block;width:100%;height:auto;aspect-ratio:592/1076;object-fit:cover;object-position:50% 0;background:var(--sb,#f6f6f4)}
}
@media (max-width:600px){
  .stack{--hold:calc(var(--vu,1vh) * 105)}
}
@media (max-width:600px){
  .st{top:5px;height:calc(calc(var(--vu,1vh) * 100) - 10px);height:calc(calc(var(--vu,1vh) * 100) - 10px)}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .stack{--hold:calc(var(--vu,1vh) * 105);gap:calc(16px + var(--hold));margin-inline:calc(5px - var(--gutter))}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st{position:sticky;top:5px;height:calc(calc(var(--vu,1vh) * 100) - 10px);height:calc(calc(var(--vu,1vh) * 100) - 10px);min-height:0;transform:none;border-radius:var(--r-lg);
    grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;gap:0 clamp(16px,2.6vw,28px);
    padding:clamp(30px,4.4vw,48px) clamp(26px,4.4vw,48px) clamp(30px,4.4vw,44px)}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st::before{background:linear-gradient(180deg,rgba(15,16,17,.64) 0%,rgba(15,16,17,.2) 28%,rgba(15,16,17,0) 46%,rgba(15,16,17,0) 64%,rgba(15,16,17,.22) 80%,rgba(15,16,17,.62) 100%)}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st-foot{display:contents}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st{grid-template-rows:auto auto minmax(0,1fr) auto auto minmax(0,1fr)}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st-foot>div:first-child{grid-column:1/-1;grid-row:1;gap:10px;justify-items:center;text-align:center}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st-foot h3{font-size:clamp(36px,5.2vw,52px)}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st-foot p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:34em;font-size:clamp(16px,2vw,19px)}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st .meta{display:contents}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st .meta div{grid-row:2;align-content:start;justify-items:center;text-align:center;margin-top:clamp(22px,3vw,30px);padding-top:14px;border-top:1px solid rgba(245,245,245,.2)}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st .meta.r{text-align:center}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st .card{grid-column:1/-1;grid-row:4;position:relative;top:auto;left:auto;right:auto;align-self:center;justify-self:stretch;margin:0;
    width:100%;height:auto;max-height:none;aspect-ratio:16/9;border-radius:var(--r-md);box-shadow:0 30px 80px rgba(0,0,0,.45)}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st .bbar{display:flex}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st .shot{inset:30px 0 0 0}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st .btns{grid-column:1/-1;grid-row:5;justify-content:center;flex-wrap:nowrap;margin-top:clamp(22px,3vw,30px)}
}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st .btn{height:clamp(48px,6vw,56px);padding-inline:clamp(20px,3vw,28px);font-size:clamp(15px,1.9vw,17px)}
}
.st{translate:0 var(--sty,0px);scale:var(--sd,1);opacity:var(--sop,1)}
.st-dim{position:absolute;inset:0;z-index:30;background:#050506;opacity:var(--sdim,0);pointer-events:none}
.st-dim{background:var(--bg)}
html.st-dk .st-dim{background:#050506}
.st-ln{position:absolute;inset:0;z-index:31;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);pointer-events:none}
@media (hover:none),(pointer:coarse),(max-width:600px),(min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st{transition:translate .8s cubic-bezier(.65,0,.35,1),scale .8s cubic-bezier(.65,0,.35,1),opacity .5s ease}
}
@media (hover:none),(pointer:coarse),(max-width:600px),(min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st-dim{transition:opacity .8s cubic-bezier(.65,0,.35,1)}
}
@media (max-width:600px),(min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .stack{--hold:calc(var(--vu,1vh) * 40)}
}
@media (max-width:600px),(min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st{background:var(--ink) var(--still,none) var(--sp,50% 0)/cover no-repeat}
}
@media (max-width:600px),(min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st-bg{display:none}
}
@media (max-width:600px),(min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st::after{transition:none}
}
@media (max-width:600px),(min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .cs-div .h-more{display:none}
}
@media (max-width:600px){ .st .card{transform:none;transition:none} }
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){ .st .card{opacity:1;transform:none;transition:none} }
@media (max-width:600px),(min-width:601px) and (max-width:1100px) and (orientation:portrait){
  .st{top:calc(5px + var(--sto,0px));height:calc(calc(var(--vu,1vh) * 100) - 10px - var(--sto,0px));height:calc(calc(var(--vu,1vh) * 100) - 10px - var(--sto,0px))}
}
.dk-deck,
.dk-pg,
.dk-end{display:none}
html.hsd,
html.hsd body{overscroll-behavior-y:none}
html.hsd #works>.wrap{display:none}
html.hsd #hs{position:relative}
html.hsd .hs.hm.hm-go>.hm-dw{height:var(--dk-run,0px)}
html.hsd .dk-sc{position:relative;height:calc(var(--dk-h,calc(var(--vu,1vh) * 100)) + var(--dk-wrun,0px));pointer-events:none}
html.hsd .dk-deck{display:block;position:sticky;top:5px;height:var(--dk-h,calc(calc(var(--vu,1vh) * 100) - 10px));pointer-events:none}
html.hsd .dk-deck>*{pointer-events:auto}
html.hsd .dk-deck>.st{position:absolute;left:var(--dk-l,5px);top:var(--dk-t,5px);right:auto;width:var(--dk-w,calc(100% - 10px));height:var(--dk-h,calc(calc(var(--vu,1vh) * 100) - 10px));margin:0;
  translate:none;scale:none;opacity:1;z-index:1;transform:translate3d(0,calc(100% + 60px),0);visibility:hidden;
  transition:transform .7s cubic-bezier(.65,0,.35,1),visibility 0s linear .7s}
html.hsd .dk-deck>.st.dk-gone{transform:none;visibility:hidden;transition:visibility 0s linear .45s}
html.hsd .dk-deck>.st.dk-cur{transform:none;visibility:visible;z-index:2;transition:transform .7s cubic-bezier(.65,0,.35,1),visibility 0s}
html.hsd .dk-deck>.st.dk-cur.dk-sw{animation:dkIn .45s ease both}
html.hsd .dk-deck>.st.dk-cur.dk-sw .st-foot>div:first-child,
html.hsd .dk-deck>.st.dk-cur.dk-sw .meta div,
html.hsd .dk-deck>.st.dk-cur.dk-sw .btns,
html.hsd .dk-deck>.st.dk-cur.dk-sw .card{animation:dkRise .6s cubic-bezier(.2,.7,.2,1) both}
html.hsd .dk-deck>.st.dk-cur.dk-sw .meta div{animation-delay:.06s}
html.hsd .dk-deck>.st.dk-cur.dk-sw .btns{animation-delay:.1s}
html.hsd .dk-deck>.st.dk-cur.dk-sw .card{animation-delay:.16s}
html.hsd .dk-deck>.st .st-dim{display:none}
html.hsd .dk-deck>.st:first-child{transform:none;visibility:visible;transition:none}
html.hsd .dk-deck>.st:first-child.dk-gone{visibility:hidden;transition:visibility 0s linear .45s}
html.hsd.dk-list .dk-sc{height:auto}
html.hsd.dk-list .dk-deck{position:relative;top:auto;height:auto;display:grid;gap:10px}
html.hsd.dk-list .dk-deck>.st,
html.hsd.dk-list .dk-deck>.st.dk-cur,
html.hsd.dk-list .dk-deck>.st.dk-gone{position:relative;left:auto;top:auto;margin-left:var(--dk-l,5px);width:var(--dk-w,calc(100% - 10px));transform:none;visibility:visible;transition:none;animation:none}
html.hsd.dk-list .dk-pg,
html.hsd.dk-list .dk-end{display:none}
html.hsd.dk-list.dk-stack .dk-deck>.st,
html.hsd.dk-list.dk-stack .dk-deck>.st.dk-cur,
html.hsd.dk-list.dk-stack .dk-deck>.st.dk-gone{position:sticky;top:5px;z-index:auto}
.dk-tail{display:none}
html.hsd.dk-list.dk-stack .dk-deck{gap:calc(10px + var(--dk-hold,0px))}
html.hsd.dk-list.dk-stack .dk-tail{display:block;height:var(--dk-tail,0px)}
@supports (animation-timeline:scroll()){
  html.hsd.dk-list.dk-stack .dk-deck>.st.dk-und{
    transform-origin:50% 0;animation:dkUnder linear both;animation-timeline:scroll(root);animation-range:var(--r0,0px) var(--r1,1px)}
}
@supports (animation-timeline:scroll()){
  html.hsd.dk-list.dk-stack.dk-tilt .dk-deck>.st.dk-und{transform-origin:50% 0;animation-name:dkTilt;animation-timing-function:cubic-bezier(.65,0,.35,1)}
}
@supports (animation-timeline:scroll()){
  html.hsd.dk-list.dk-stack .dk-deck>.st.dk-und>.dk-shd{display:block;position:absolute;inset:0;z-index:4;background:#0b0c0d;border-radius:inherit;pointer-events:none;opacity:0;animation:dkShade linear both;animation-timeline:scroll(root);animation-range:var(--r0,0px) var(--r1,1px)}
}
html.dk-now .dk-deck>.st{transition:none!important;animation:none!important}
@media (max-width:600px){ html.hsd .dk-deck>.st{padding-top:40px} }
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){ html.hsd .dk-deck>.st{padding-top:56px} }
.dk-num,
.dk-shd{display:none}
html.hsd.dk-list .dk-num{display:block;position:absolute;z-index:3;right:18px;top:31px;font:500 var(--fs-cap)/12px var(--mono);letter-spacing:var(--ls-caps-sm);color:rgba(245,245,245,.62);pointer-events:none;font-variant-numeric:tabular-nums}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){ html.hsd.dk-list .dk-num{right:clamp(26px,4.4vw,48px);top:clamp(30px,4.4vw,48px)} }
html.hsd.dk-list.dk-stack .dk-over{position:relative;z-index:7;background:var(--bg);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -10px 30px -18px rgba(15,16,17,.35)}
html.hsd.dk-list.dk-stack .dk-over2{position:relative;z-index:7;background:var(--bg)}
@media (max-width:600px){ html.hsd.dk-list .dk-deck>.st{padding-top:22px} }
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){ html.hsd.dk-list .dk-deck>.st{padding-top:clamp(30px,4.4vw,48px)} }
html.hsd .dk-pg{display:flex;position:absolute;z-index:3;left:calc(var(--dk-l,5px) + 18px);width:calc(var(--dk-w,100%) - 36px);top:calc(var(--dk-t,5px) + 12px);gap:4px;pointer-events:none;opacity:0;transition:opacity .3s ease}
html.hsd.dk-st .dk-pg{opacity:1}
html.hsd .dk-pg i{position:relative;flex:1;height:2px;border-radius:2px;background:rgba(245,245,245,.3);overflow:hidden}
html.hsd .dk-pg b{position:absolute;inset:0;border-radius:inherit;background:rgba(245,245,245,.95);transform:scaleX(0);transform-origin:0 50%}
html.hsd .dk-pg i.done b{transform:none}
html.hsd .dk-pg i.run b{animation:dkFill var(--dk-dur,8s) linear forwards}
html.hsd .dk-pg.pause i.run b{animation-play-state:paused}
@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){ html.hsd .dk-pg{left:calc(var(--dk-l,5px) + clamp(26px,4.4vw,48px));width:calc(var(--dk-w,100%) - 2 * clamp(26px,4.4vw,48px));top:calc(var(--dk-t,5px) + 18px)} }
html.hsd .dk-end{display:flex;position:absolute;z-index:3;left:calc(var(--dk-l,5px) + var(--dk-w,100%) / 2);top:calc(var(--dk-t,5px) + var(--dk-h,calc(var(--vu,1vh) * 100)) - 66px);align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-pill);
  background:rgba(15,16,17,.82);color:#f5f5f5;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.3);
  opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:opacity .4s ease,transform .4s ease}
html.hsd .dk-end.on{opacity:1;transform:translate(-50%,0)}
html.hsd .dk-end svg{width:14px;height:14px;animation:dkUp 1.6s ease-in-out infinite}
.nt{position:fixed;inset:0;z-index:305;display:grid;place-items:center;padding:24px;visibility:hidden}
.nt.on{visibility:visible}
.nt-bd{position:absolute;inset:0;background:rgba(15,16,17,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .45s var(--ease)}
.nt.sh .nt-bd{opacity:1}
.nt-box{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);width:min(1080px,100%);height:min(640px,calc(calc(var(--vu,1vh) * 100) - 48px));height:min(640px,calc(100dvh - 48px));border-radius:var(--r-xl);overflow:hidden;background:var(--paper);box-shadow:0 40px 120px rgba(0,0,0,.28)}
.nt-x{position:absolute;top:14px;right:14px;z-index:5;width:42px;height:42px;border:0;border-radius:50%;background:rgba(15,16,17,.06);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;transition:background .2s}
.nt-x:hover{background:rgba(15,16,17,.12)}
.nt-x:focus{outline:none}
.nt-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nt-cv{position:relative;overflow:hidden;background:var(--paper-2)}
.nt-cv>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nt.run .nt-cv>img{animation:ntZoom 1.1s var(--ease) both}
.nt.run .nt-no{animation:ntUp .6s var(--ease) .32s both}
.nt.out .nt-no,
.nt.out .nt-tag{opacity:0;transition:opacity .18s}
.nt-tag{position:absolute;z-index:2;left:16px;top:16px;display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:var(--r-pill);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink)}
.nt-no{position:absolute;left:clamp(24px,3vw,40px);bottom:clamp(14px,2vw,26px);font-weight:500;font-size:clamp(110px,13vw,180px);line-height:.9;letter-spacing:var(--ls-display);font-variant-numeric:tabular-nums}
.nt-cv.t-or{background:var(--accent-lo) url(/bn-flute.jpg) 55% 50%/cover no-repeat;color:#fff}
.nt-cv.t-or::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,8,4,.3) 0%,rgba(20,8,4,0) 46%,rgba(20,8,4,.45) 100%)}
.nt-cv.t-wh{background:var(--paper);color:var(--ink);box-shadow:inset -1px 0 0 var(--line)}
.nt-cv.t-wh .nt-tag{background:var(--paper-2)}
.nt-cv.t-wh .nt-no::after{content:"";display:inline-block;width:.16em;height:.16em;margin-left:.06em;border-radius:50%;background:var(--accent)}
.nt-cv.t-dk,
.nt-cv.t-cycle{background:radial-gradient(90% 55% at 100% 0%,rgba(243,53,12,.5),rgba(243,53,12,0) 72%),var(--ink);color:#fff}
.nt-cv.t-or .nt-tag,
.nt-cv.t-dk .nt-tag,
.nt-cv.t-cycle .nt-tag{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.nt-c{display:flex;flex-direction:column;min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(28px,3.4vw,52px) clamp(24px,3.4vw,52px) clamp(24px,2.6vw,36px)}
.nt-k{display:block;margin-bottom:14px;font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--faint)}
.nt-body h3{margin:0 48px 22px 0;font-weight:500;font-size:clamp(28px,2.5vw,38px);line-height:1.06;letter-spacing:var(--ls-head);text-wrap:balance}
.nt-body ol{list-style:none;margin:0;padding:0;counter-reset:nt;border-top:1px solid var(--line)}
.nt-body li{counter-increment:nt;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:14px 0;border-bottom:1px solid var(--line);font-size:var(--fs-lg);line-height:1.45;text-wrap:pretty}
.nt-body li::before{content:"0" counter(nt);padding-top:4px;font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:var(--ls-caps-sm);color:var(--accent)}
.nt-ft{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:28px}
.nt-more{cursor:default;opacity:.55}
.nt-more:hover{opacity:.55}
.nt-more::after{display:none}
.nt-soon{display:inline-flex;align-items:center;height:20px;padding:0 7px;margin-left:2px;border-radius:var(--r-pill);background:var(--paper-2);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:var(--ls-caps-sm);text-transform:uppercase;color:var(--muted)}
.nt.run .nt-body>*,
.nt.run .nt-body li,
.nt.run .nt-ft{animation:ntUp .55s var(--ease) both;animation-delay:calc(.26s + var(--i,0) * .07s)}
.nt-cyc{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:clamp(22px,calc(var(--vu,1vh) * 3),34px);padding:56px clamp(24px,3vw,44px) 36px}
.nt-ring{display:block;width:min(250px,64%);height:auto;overflow:visible}
.nt-ring .rg{fill:none;stroke:rgba(255,255,255,.2);stroke-width:1.5}
.nt-ring .ar path{fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nt-ring .dtg{transform-box:view-box;transform-origin:120px 120px;animation:ntSpin 6s linear infinite}
.nt-ring .dt{fill:var(--accent);filter:drop-shadow(0 0 6px rgba(243,53,12,.9))}
.nt-ring .nd circle{fill:#1E1A19;stroke:rgba(255,255,255,.32);stroke-width:1.2;animation:ntNd 6s linear infinite}
.nt-ring .n2 circle{animation-delay:1.5s}
.nt-ring .n3 circle{animation-delay:3s}
.nt-ring .n4 circle{animation-delay:4.5s}
.nt-ring .nd text{fill:#fff;font-family:var(--mono);font-size:var(--fs-cap);text-anchor:middle}
.nt-ring .ce{fill:rgba(255,255,255,.55);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;text-anchor:middle}
.nt-lg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 26px;width:min(400px,100%)}
.nt-lg li{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:6px;row-gap:2px;align-items:start}
.nt-lg i{padding-top:5px;font-style:normal;font-family:var(--mono);font-size:var(--fs-cap);line-height:1;color:var(--accent)}
.nt-lg b{font-weight:500;font-size:var(--fs-base);letter-spacing:var(--ls-snug)}
.nt-lg span{grid-column:2;font-size:var(--fs-sm);line-height:1.35;color:rgba(255,255,255,.62)}
@media (max-width:760px){
  .nt{padding:10px;place-items:end center}
}
@media (max-width:760px){
  .nt-box{display:block;height:auto;max-height:calc(calc(var(--vu,1vh) * 100) - 20px);max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain;border-radius:var(--r-lg)}
}
@media (max-width:760px){
  .nt-x{position:sticky;top:10px;float:right;margin:10px 10px -52px 0;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
}
@media (max-width:760px){
  .nt-cv{height:190px}
}
@media (max-width:760px){
  .nt-cv.t-cycle{height:auto}
}
@media (max-width:760px){
  .nt-cyc{position:relative;inset:auto;padding:58px 20px 30px}
}
@media (max-width:760px){
  .nt-no{font-size:120px}
}
@media (max-width:760px){
  .nt-c{overflow:visible;padding:26px 20px 20px}
}
@media (max-width:760px){
  .nt-body h3{margin-right:0;font-size:27px}
}
@media (max-width:760px){
  .nt-body li{font-size:var(--fs-base)}
}
@media (max-width:760px){
  .nt-ft .btn{flex:1 1 auto;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.nt-ring .dtg{display:none}}
@media (prefers-reduced-motion:reduce){.nt-ring .nd circle{animation:none}}
@media (prefers-reduced-motion:reduce){.nt.run .nt-body>*,
.nt.run .nt-body li,
.nt.run .nt-ft,
.nt.run .nt-cv>img{animation:none}}
@media (prefers-reduced-motion:reduce){.nt-bd{transition:none}}
.lt-il{flex:1 1 auto;min-height:0;display:grid;place-items:center;margin:-2px -6px}
.lt-il .il{display:block;width:100%;height:100%;max-height:150px}
.lt-tx .lt-d{margin-top:0}
.lt-dk,
.nt-cv.t-dk{--il:rgba(255,255,255,.86);--il2:rgba(255,255,255,.22);--ila:var(--accent);--ilf:rgba(255,255,255,.05);--ilp:#161314;--ilk:#fff;--ilad:var(--accent)}
.lt-or,
.nt-cv.t-or{--il:rgba(255,255,255,.95);--il2:rgba(255,255,255,.42);--ila:#fff;--ilf:rgba(255,255,255,.12);--ilp:rgba(120,24,6,.5);--ilk:var(--accent-lo);--ilad:var(--accent-lo)}
.lt-wh,
.nt-cv.t-wh{--il:rgba(15,16,17,.8);--il2:rgba(15,16,17,.16);--ila:var(--accent);--ilf:rgba(15,16,17,.035);--ilp:#fff;--ilk:#fff;--ilad:var(--accent)}
.il .l,
.il .lens,
.il .tha,
.il .o,
.il .sel,
.il .sl,
.il .as,
.il .ck,
.il .rb,
.il .pc,
.il .dl,
.il .d{fill:none;stroke-linecap:round;stroke-linejoin:round}
.il .l{stroke:var(--il);stroke-width:1.6}
.il .d{stroke:var(--il2);stroke-width:1.5}
.il .pg{fill:var(--ilf);stroke:var(--il2);stroke-width:1.3}
.il .pf{fill:var(--ilp);stroke:var(--il);stroke-width:1.4}
.il .a{fill:var(--ila)}
.il .w{fill:var(--il)}
.il .dd{fill:var(--il2)}
.il .as,
.il .ck{stroke:var(--ila);stroke-width:2}
.il .t{fill:var(--il);font-size:var(--fs-ui);font-weight:500;letter-spacing:var(--ls-text)}
.il .lb{fill:var(--il);opacity:.6;font-size:var(--fs-cap);text-anchor:middle;letter-spacing:.01em}
.lt-il .lb{display:none}
.il .qd{stroke:var(--il);stroke-width:2.6;stroke-linecap:round}
.il .kk{fill:none;stroke:var(--ilk);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.il .bf{fill:var(--il)}
.il .ad{fill:var(--ilad)}
.il .o{stroke:var(--il);stroke-width:1.3}
.il .nd{fill:var(--ilp);stroke:var(--il);stroke-width:1.3}
.il-1 .n1{fill:var(--ila);stroke:var(--ila)}
.il-1 .sp{transform-box:view-box;transform-origin:120px 75px}
.il-2 .ln2{stroke-dasharray:100}
.il .pk,
.il .en,
.il .gm,
.il .sx,
.il .bt,
.il .ok,
.il .rg{transform-box:fill-box;transform-origin:center}
.il-3 .rg{fill:none;stroke:var(--ila);stroke-width:1.2;opacity:.35}
.il-3 .lens{fill:var(--ilf);stroke:var(--il);stroke-width:1.7}
.il-4 .ck{stroke-dasharray:1}
.il-5 .sel{stroke:var(--ila);stroke-width:1.7}
.il-6 .sl{stroke:var(--ila);stroke-width:1.8}
.il-6 .sgt{fill:var(--il2)}
.il-6 .sgf{fill:var(--ila)}
.il-6 .s2,
.il-6 .s3,
.il-6 .s4{opacity:0}
.il-7 .pw{opacity:0}
.il-7 .sk{stroke-dasharray:1;stroke-dashoffset:1}
.il-8 .rb{stroke:var(--il2);stroke-width:3}
.il-8 .pc{stroke:var(--ila);stroke-width:3;stroke-dasharray:100;stroke-dashoffset:30;stroke-linecap:round}
.il-8 .ra{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.il-8 .c2,
.il-8 .c3{opacity:0}
.il-9 .dl{stroke:var(--il2);stroke-width:1.3;stroke-dasharray:2 4}
.il-9 .mv{opacity:0}
.il-9 .rs,
.il-9 .mv{transition:opacity .35s}
.il-10 .tha{stroke:var(--ila);stroke-width:1.6}
.il-10 .trk{fill:var(--il2)}
.il-10 .bfl{fill:var(--ila);transform-box:fill-box;transform-origin:0 50%}
.nt-il{position:absolute;inset:64px clamp(24px,4vw,56px) clamp(28px,4vw,56px);display:grid;place-items:center}
.nt-il .il{width:min(420px,100%);height:auto;max-height:100%;overflow:visible}
@media (max-width:760px){.nt-il{inset:44px 24px 16px}}
@media (prefers-reduced-motion:reduce){.il,
.il *{animation:none!important;transition:none!important}}
/* 23 окт: заметка «Сколько стоит» — шкала 150–450 тыс. ₽, точка ходит по диапазону (цена зависит от задачи) */
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-11 .pm{animation:il11m 5.6s var(--ease-io) infinite alternate}
@keyframes il11m{0%,12%{transform:translateX(0)}40%,52%{transform:translateX(46px)}88%,100%{transform:translateX(120px)}}
/* ссылка на кейс внутри заметки — кнопкой: на телефоне ссылки на #works перехватывает колода кейсов */
.nt-lnk{display:inline;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(15,16,17,.3);text-underline-offset:3px}
.nt-lnk:hover{text-decoration-color:currentColor}
.nt-nw{white-space:nowrap}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-1 .sp{animation:ilSpin 8s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-1 .nd{animation:il1nd 8s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-1 .n2{animation-delay:2s}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-1 .n3{animation-delay:4s}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-1 .n4{animation-delay:6s}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-2 .ln2{animation:il2st 7s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-2 .p1{animation:il2p1 7s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-2 .p2{animation:il2p2 7s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-2 .p3{animation:il2p3 7s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-2 .p4{animation:il2p4 7s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-2 .en{animation:il2en 7s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-3 .mg{animation:il3mg 7.5s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-3 .b1{animation:il3b1 7.5s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-3 .b2{animation:il3b2 7.5s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-3 .b3{animation:il3b3 7.5s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-3 .rg{animation:il3rg 2.4s ease-out infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-4 .c1{animation:il4c1 6.4s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-4 .r1{animation:il4r1 6.4s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-4 .c2{animation:il4c2 6.4s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-4 .r2{animation:il4r2 6.4s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-4 .c3{animation:il4c3 6.4s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-4 .r3{animation:il4r3 6.4s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-4 .c4{animation:il4c4 6.4s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-4 .r4{animation:il4r4 6.4s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-5 .sel{animation:il5sel 6s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-5 .bt{animation:il5bt 6s ease-in-out infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-5 .gm{animation:il5gm 6s ease-in-out infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-6 .sl{animation:il6sl 8s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-6 .s1{animation:il6s1 8s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-6 .s2{animation:il6s2 8s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-6 .s3{animation:il6s3 8s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-6 .s4{animation:il6s4 8s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-7 .bt{animation:il7bt 7s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-7 .pw{animation:il7pw 7s linear infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-7 .sk{animation:il7sk 7s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-8 .cn{animation:il8cn 7s ease-in-out infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-8 .c2{animation-delay:.9s}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-8 .c3{animation-delay:1.8s}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-8 .pc{animation:il8pc 7s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-8 .sx{animation:il8sx 7s ease-in-out infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-8 .ra{animation:il8ra 7s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-9 .rs{opacity:0}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-9 .mv{opacity:1}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-9 .m1{animation:il9a 6s linear 0.0s infinite both}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-9 .m2{animation:il9b 6s linear 1.2s infinite both}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-9 .m3{animation:il9c 6s linear 2.4s infinite both}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-9 .m4{animation:il9a 6s linear 3.6s infinite both}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-9 .m5{animation:il9d 6s linear 4.8s infinite both}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-10 .it2{animation:il10it 7s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-10 .bfl{animation:il10bf 7s var(--ease-io) infinite}
:is(.lt-c.il-on,.lt-c:hover,.nt-cv) .il-10 .ok{animation:il10ok 7s ease-in-out infinite}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hero.v-split{padding-top:6px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hero.v-split::before{display:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm{margin-inline:calc(5px - var(--gutter))}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-stk{position:relative;display:grid;grid-template-areas:"st" "cd";row-gap:6px;isolation:isolate}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-grid{display:contents}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-h,
.hs.hm .hs-ph,
.hs.hm .hs-foot{grid-area:st}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-txt{grid-area:cd}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-ph{height:var(--hm-h,calc(calc(var(--vu,1vh) * 100) - 80px));min-height:480px;border-radius:var(--r-lg);background:#000}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-ph img{inset:auto auto 0 50%;width:min(118%,calc(var(--hm-h,700px) * .7 * 734 / 768));height:auto;aspect-ratio:734/768;object-fit:cover;transform:translateX(-50%);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(transparent 0,#000 24%);mask-image:linear-gradient(transparent 0,#000 24%);transition:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-fr{display:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:1;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-h{position:relative;z-index:2;align-self:start;margin:0;padding:clamp(30px,8vw,52px) 16px 0;text-align:center;font-size:clamp(36px,9.6vw,58px);font-weight:700;line-height:1.04;letter-spacing:var(--ls-title);color:var(--on-dark);pointer-events:none;animation:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-h>span:last-child{background:linear-gradient(90deg,#FF622E,#ED300C);-webkit-background-clip:text;background-clip:text;color:transparent}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-foot{display:flex;position:relative;z-index:2;align-self:end;justify-content:space-between;align-items:flex-end;gap:14px;margin:0 16px 18px;padding-top:14px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.26)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-foot::after{content:"";position:absolute;left:0;right:0;top:-.5px;height:2px;background:linear-gradient(90deg,var(--accent) 0 40px,transparent 40px calc(100% - 40px),var(--accent) calc(100% - 40px))}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-fc{font-size:var(--fs-sm);line-height:1.35}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-lb{margin-bottom:6px;font-size:var(--fs-micro)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-txt{border-radius:var(--r-lg);animation:none;padding:30px 18px 24px;gap:22px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-in{gap:20px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-t{font-size:clamp(30px,8.2vw,44px);line-height:1.06}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go .hs-stk{position:sticky;grid-template-areas:"st";row-gap:0;height:var(--hm-h);overflow:hidden;border-radius:var(--r-lg)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go .hs-txt{grid-area:st;z-index:3;height:var(--hm-h);will-change:transform}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go .hs-ph img,
.hs.hm.hm-go .hs-h,
.hs.hm.hm-go .hs-foot{will-change:transform,opacity}
}
@media (max-width:400px){.hs.hm .hs-t{font-size:clamp(28px,8.2vw,34px)}}
@media (max-width:380px){.hs.hm .hs-fc{font-size:var(--fs-xs)}}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm{margin-top:calc(-1 * var(--hm-hdr,62px))}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-stk{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-h{min-width:0}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-h{padding-top:calc(var(--hm-hdr,62px) + 18px);text-shadow:0 2px 24px rgba(0,0,0,.45)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-h .hs-dl{background:linear-gradient(90deg,#FF622E,#F65A2A);-webkit-background-clip:text;background-clip:text;color:transparent}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-ph{overflow:hidden}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-ph img{width:auto;height:var(--hm-img,82%);max-width:none;bottom:var(--hm-ib,0px);-webkit-mask-image:none;mask-image:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-ph::after{height:36%;background:linear-gradient(transparent,rgba(0,0,0,.6) 45%,rgba(0,0,0,.92))}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-fc{color:rgba(255,255,255,.8)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-lb{color:rgba(255,255,255,.6)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-xl .hs-h>span:first-child>.nw{white-space:normal}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-l .hs-h{text-align:center;padding-inline:18px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-l .hs-txt{justify-items:start;text-align:left;padding-inline:22px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-l .hs-in{justify-items:start}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-l .hs-aud{justify-items:start}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-l .hs-aud>div{justify-content:flex-start}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-l .hs-btns{justify-content:flex-start}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-l .hs-cl,
.hs.hm.hm-l .hs-q{justify-items:start}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-l .hs-qt{text-align:left}
}
.hs-qg{display:none}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-qg{display:grid;visibility:hidden;pointer-events:none;will-change:auto;transition:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-ph img{display:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-ph::after{display:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-cutw{display:block;grid-area:st;position:relative;z-index:3;overflow:hidden;border-radius:var(--r-lg);pointer-events:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-cutw img{position:absolute;left:calc(50% - var(--hm-iw,300px) / 2);top:auto;bottom:var(--hm-ib,0px);width:auto;height:var(--hm-img,80%);max-width:none;transform:none;transform-origin:50% 100%;will-change:transform,opacity}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-cutw img.lk{display:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-cutw::after{content:"";position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(transparent,rgba(0,0,0,.6) 45%,rgba(0,0,0,.92))}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-foot{z-index:4}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go .hs-txt{z-index:5}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-txt.fl .hs-pill,
.hs.hm .hs-txt.fl .hs-aud span:not(.main),
.hs.hm .hs-txt.fl .hs-btns .btn.ghost,
.hs.hm .hs-txt.fl .hs-av em{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.12)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-t{text-wrap:wrap}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-cutw{align-self:start;height:var(--hm-h,calc(calc(var(--vu,1vh) * 100) - 80px));min-height:480px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go .hs-stk{height:var(--hm-ch,var(--hm-h));grid-template-rows:var(--hm-h)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go .hs-txt{align-self:start;height:var(--hm-ch,var(--hm-h))}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-txt.hm-tight{padding-bottom:18px;gap:16px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go .hs-txt{padding-top:calc(var(--hm-hdr,62px) + 8px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-txt.hm-tight .hs-in{gap:14px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-txt.hm-tight .hs-aud span{height:30px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-txt.hm-tight .hs-cl{gap:10px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go.hm-sda{view-timeline:--hm block}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go.hm-sda .hs-txt{animation:hmCard auto cubic-bezier(.65,0,.35,1) both;animation-timeline:--hm;animation-range:contain calc(-1 * var(--hm-top,5px)) contain calc(var(--hm-run,800px) - var(--hm-top,5px))}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go.hm-sda .hs-cutw img:not(.lk){animation:hmImg auto cubic-bezier(.65,0,.35,1) both;animation-timeline:--hm;animation-range:contain calc(-1 * var(--hm-top,5px)) contain calc(var(--hm-run,800px) - var(--hm-top,5px))}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go.hm-sda .hs-h{animation:hmH1 auto linear both;animation-timeline:--hm;animation-range:contain calc(-1 * var(--hm-top,5px)) contain calc(var(--hm-run,800px) - var(--hm-top,5px))}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go.hm-sda .hs-foot{animation:hmFoot auto linear both;animation-timeline:--hm;animation-range:contain calc(-1 * var(--hm-top,5px)) contain calc(var(--hm-run,800px) - var(--hm-top,5px))}
}
@media (max-width:560px){.hs.hm .hs-btns{width:100%}}
@media (max-width:560px){.hs.hm .hs-btns .btn{flex:1 1 100%;justify-content:center}}
@media (max-width:560px){.hs.hm .hs-btns .btn.light{display:none}}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go .hs-txt{padding-top:calc(var(--hm-hdr,62px) + 28px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-h{text-align:center;padding-inline:28px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-h>span{display:block;white-space:nowrap}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-h .hs-dl{background:none;color:inherit;-webkit-text-fill-color:currentColor}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-txt{padding-inline:40px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab.hm-l .hs-txt{padding-inline:48px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-in{max-width:min(86%,820px);gap:clamp(26px,3.6vw,40px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-txt.fl .hs-pill{height:auto;padding:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:clamp(14px,1.9vw,18px);gap:12px;color:rgba(245,245,245,.85)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-aud{gap:10px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-aud>div{gap:10px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-aud span{height:clamp(42px,5.4vw,52px);padding:0 clamp(16px,2.2vw,24px);font-size:clamp(16px,2.1vw,20px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-btns{gap:12px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-btns .btn{height:clamp(56px,7.4vw,70px);padding-inline:clamp(26px,3.4vw,36px);font-size:clamp(17px,2.2vw,21px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-cl{gap:clamp(16px,2.2vw,22px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-av i,
.hs.hm.hm-tab .hs-av em{width:clamp(54px,7vw,68px);height:clamp(54px,7vw,68px);margin-left:-12px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-av i:first-child{margin-left:0}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-qt{font-size:clamp(21px,2.8vw,28px);max-width:20em}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-cl .mono{font-size:clamp(12px,1.5vw,14px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-fc{font-size:clamp(15px,1.9vw,18px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-lb{font-size:clamp(11px,1.3vw,13px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-foot{margin:0 28px 26px}
}
html.hs-wait,
html.hs-wait body{background:#000}
html.hs-wait main,
html.hs-wait #ft,
html.hs-wait .dock{visibility:hidden}
.hs.on .hs-txt.on-t1{gap:16px;padding-bottom:22px}
.hs.on .hs-txt.on-t1 .hs-in{gap:16px}
.hs.on .hs-txt.on-t1 .hs-aud span{height:28px;font-size:var(--fs-sm)}
.hs.on .hs-txt.on-t1 .hs-cl{gap:10px}
.hs.on .hs-txt.on-t2 .hs-t{font-size:clamp(24px,2.4vw,34px)}
.hs.on .hs-txt.on-t2 .hs-av i,
.hs.on .hs-txt.on-t2 .hs-av em{width:36px;height:36px}
.hs.on .hs-txt.on-t2 .hs-qt{font-size:var(--fs-base)}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-txt.fl .hs-pill{height:auto;padding:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-btns .btn.gbtn{padding:1px;--g-in:0 clamp(26px,3.4vw,36px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm .hs-stk{grid-template-areas:"st";row-gap:0}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm>.hs-txt{margin-top:6px}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go .hs-stk{height:var(--hm-h)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go>.hs-txt{position:sticky;top:var(--hm-top,5px);z-index:5;height:var(--hm-ch,var(--hm-h));will-change:auto;transform:none;animation:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go>.hm-dw{height:var(--hm-dw,0px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go.hm-sda>.hs-txt{animation:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-in{gap:clamp(22px,min(3.6vw,calc(var(--vu,1vh) * 3.4)),40px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-aud span{height:clamp(40px,min(5.4vw,calc(var(--vu,1vh) * 6)),52px);font-size:clamp(15px,min(2.1vw,calc(var(--vu,1vh) * 2.4)),20px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-btns .btn{height:clamp(52px,min(7.4vw,calc(var(--vu,1vh) * 7.6)),70px);font-size:clamp(16px,min(2.2vw,calc(var(--vu,1vh) * 2.5)),21px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-av i,
.hs.hm.hm-tab .hs-av em{width:clamp(48px,min(7vw,calc(var(--vu,1vh) * 7)),68px);height:clamp(48px,min(7vw,calc(var(--vu,1vh) * 7)),68px)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-tab .hs-qt{font-size:clamp(19px,min(2.8vw,calc(var(--vu,1vh) * 3)),28px)}
}
.hm-dw{display:none}
.hs.hm.hm-go>.hm-dw{display:block}
html.hm-ga:not(.hsd) #hs,
html.hm-ga:not(.hsd) .hdr{touch-action:none}
html.hsd .hs.hm.hm-go>.hs-txt{position:sticky;top:5px}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go .hs-h{animation:none}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go>.hs-txt{margin-top:calc(-1 * var(--hm-h,700px));opacity:0;transform:translate3d(0,calc(100% + 60px),0);will-change:transform;transition:transform .7s cubic-bezier(.65,0,.35,1),opacity 0s linear .7s}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go.hm-in>.hs-txt,
.hs.hm.hm-go>.hs-txt:focus-within{opacity:1;transform:translate3d(0,0,0);transition:transform .7s cubic-bezier(.65,0,.35,1),opacity 0s}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go .hs-cutw img:not(.lk){transition:transform .7s cubic-bezier(.65,0,.35,1),opacity .7s cubic-bezier(.65,0,.35,1)}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go.hm-in .hs-cutw img:not(.lk){transform:scale(.94);opacity:.4}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go .hs-h{transition:opacity .32s linear .38s,transform .7s linear}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go.hm-in .hs-h{opacity:0;transform:translate3d(0,-36px,0);transition:opacity .32s linear,transform .7s linear}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go .hs-foot{transition:opacity .27s linear .43s}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-go.hm-in .hs-foot{opacity:0;transition:opacity .27s linear}
}
@media (max-width:900px),(max-width:1100px) and (orientation:portrait),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .hs.hm.hm-now>.hs-txt,
.hs.hm.hm-now .hs-cutw img,
.hs.hm.hm-now .hs-h,
.hs.hm.hm-now .hs-foot{transition:none!important}
}
@media (hover:none) and (pointer:coarse){
  .fl>.fl-v{display:none}
}
@media (hover:none) and (pointer:coarse){
  .fl{background:var(--dark) url(/fl-still.jpg) 85% 70%/cover no-repeat}
}
@media (hover:none) and (pointer:coarse){
  .hs-txt.fl{background-position:100% 80%}
}
@media (hover:none) and (pointer:coarse){
  .au-band.fl{background-position:30% 60%}
}
.rw-dlg .rw-k{margin-bottom:10px}
.rw-dlg .rw-dt{margin:0 44px 16px 0;font-size:var(--fs-h4,22px);line-height:1.15;letter-spacing:var(--ls-head)}
.rw-shot{display:grid;place-content:center;gap:6px;aspect-ratio:3/4;max-height:56vh;border-radius:var(--r-md);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);text-align:center;color:var(--muted);font-size:var(--fs-sm)}
.rw-shot small{font-family:var(--mono);font-size:var(--fs-xs);color:var(--faint)}
.rw-dm{display:flex;align-items:center;gap:12px;margin-top:16px}
.rw-dm .rw-who b{color:var(--ink)}
button.rw-ol{background:none;border:0;padding:0;font:inherit;font-size:var(--fs-ui);cursor:pointer}
@media (max-width:760px){
  #reviews .rw-a .shd{display:none}
}
@media (max-width:760px){
  #reviews .rw-a>.wrap,
#reviews .rw-b>.wrap{padding-inline:5px}
}
@media (max-width:760px){
  .rw-main{padding:22px 20px;border-radius:var(--r-lg)}
}
@media (max-width:760px){
  .rw-circ{width:min(calc(100% - 20px),340px);justify-self:center}
}
@media (max-width:760px){
  .rw-snd{padding-bottom:12%}
}
@media (max-width:760px){
  .rw-big{font-size:clamp(26px,7.6vw,34px)}
}
@media (max-width:760px){
  .rw-ft{flex-wrap:nowrap}
}
@media (max-width:760px){
  .rw-ft .rw-acts{margin-left:auto;width:auto;flex:none}
}
@media (max-width:760px){
  .rw-ft .rw-acts .btn{padding:0 14px}
}
@media (max-width:760px){
  .rw-ft .rw-who{flex:1 1 auto}
}
@media (max-width:760px){
  .rw-pan{--pp:10px;border-radius:var(--r-lg)}
}
@media (max-width:760px){
  .rw-deck{--side:6px}
}
@media (max-width:760px){
  .rw-c{padding:16px}
}
@media (max-width:760px){
  .rw-n{margin-top:8px}
}
@media (max-width:760px){
  .rw-nav{padding-bottom:8px}
}
@media (max-width:560px){
  .dock{left:auto;right:12px;padding:0;gap:0;background:transparent;box-shadow:none;border-radius:var(--r-pill)}
}
@media (max-width:560px){
  .dock .btn.ghost{display:none}
}
@media (max-width:560px){
  .dock .btn.light{height:48px;padding:0 18px 0 16px;border-radius:var(--r-pill);background:var(--dark);color:#fff;box-shadow:0 10px 28px rgba(15,16,17,.28),inset 0 0 0 1px rgba(255,255,255,.12)}
}
@media (max-width:760px){
  .fn-i,
.sb-c,
.res,
.ab-c{margin-inline:calc(5px - var(--gutter))}
}
@media (max-width:760px){
  .fn-i>button{padding-inline:16px}
}
@media (max-width:760px){
  .fn-i>button::after{right:20px}
}
@media (max-width:560px){
  .au-sw{gap:12px;padding:10px 18px}
}
@media (max-width:560px){
  .au-o{font-size:18px}
}
@media (max-width:560px){
  .au-tg{width:64px;height:38px}
}
@media (max-width:560px){.au-tg i{width:30px;height:30px}
}
@media (max-width:560px){
  .au[data-m="b"] .au-tg i{transform:translateX(26px)}
}
@media (max-width:560px){
  .au-in{padding:8px;gap:8px}
}
@media (max-width:560px){
  .au-in input{height:52px;padding:0 16px;border-radius:var(--r-md);background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
}
@media (max-width:560px){
  .au-in input:focus{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
}
@media (max-width:560px){
  .au-in input::placeholder{color:rgba(255,255,255,.62)}
}
@media (max-width:560px){
  .au-in input{flex:none}
}
@media (max-width:560px){
  .au-in .btn{height:52px}
}
@media (max-width:560px){
  .au-rc{flex-direction:row;align-items:stretch;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(5px - var(--gutter));padding-inline:5px;scroll-padding-inline:5px}
}
@media (max-width:560px){
  .au-rc::-webkit-scrollbar{display:none}
}
@media (max-width:560px){
  .au-rc>.au-r,
.au-rc>.au-nx{flex:0 0 88%;min-width:0;scroll-snap-align:start;box-sizing:border-box}
}
@media (max-width:560px){
  .au-dots{display:flex;gap:4px;margin-top:14px}
}
@media (max-width:560px){
  .au-dots i{width:20px;height:2px;background:rgba(255,255,255,.3);transition:background .3s}
}
@media (max-width:560px){
  .au-dots i.on{background:#fff}
}
.au-dots{display:none}
@media (max-width:560px){.au-dots{display:flex}}
@media (max-width:560px){
  .au-band{padding-block:40px 48px}
}
@media (max-width:560px){
  .au-l{gap:20px}
}
@media (max-width:560px){
  .au-p{margin-top:12px}
}
@media (max-width:560px){
  .au-st{display:none}
  /* 24 окт: в режиме «Нет сайта» подсказка про соцсети нужна и на телефоне */
  .au[data-m="b"] .au-st{display:inline-flex;margin-top:2px}
}
@media (max-width:560px){
  .au-in{padding:6px;gap:6px}
}
@media (max-width:560px){
  .au{gap:16px}
}
.ofs *,
.ofs *::before,
.ofs *::after{animation-play-state:paused!important}
.nt:not(.on) *,
.nt:not(.on) *::before,
.nt:not(.on) *::after{animation-play-state:paused!important}
@media (max-width:560px){.au-rc{overflow-y:hidden}}
/* 24 окт: на телефоне карточки листаются вбок и обрезают всё, что выше них, — подсказка «i» открывается вниз */
@media (max-width:560px){.au-rc .au-tip{top:calc(100% + 4px);bottom:auto;transform:translateY(-4px)}}
@media (max-width:560px){.au-rc>.pre{transform:none}}
.sty-rs .dt,
.sty-rs.on .dt{touch-action:manipulation}
.sty-rs.on .dt{cursor:pointer}
.gk-rl,
.lt-pg{touch-action:pan-y}
@media (max-width:900px){ .au-rc>.au-r,
.au-rc>.au-nx{flex-basis:80%} }
@media (max-width:900px){ .au-rc .au-tip{width:min(260px,66vw)} }
@media (max-width:1000px){ .fq-i>button{padding-right:72px} }
@media (max-width:1000px){ .fq-i.on>button{padding-right:52px} }
@media (max-width:560px){ .fq-i>button{padding-right:50px} }
@media (max-width:560px){ .fq-i.on>button{padding-right:36px} }
@media (max-width:1200px){
  .fq-dock{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 10px}
}
@media (max-width:1200px){
  .fq-dock-b{display:flex;gap:6px;flex:none}
}
@media (max-width:1200px){
  .fq-dock .btn{width:auto}
}
@media (max-width:1200px){
  .fq-dock .fq-wt{display:none}
}
@media (max-width:1200px){
  .fq-dock .fq-wa{width:var(--btn-h-sm);padding:0;justify-content:center}
}
@media (max-width:1200px){
  .fq-dock .fq-wa .si{width:18px;height:18px}
}
/* 24 окт: на планшете форма на всю ширину — у WhatsApp снова есть подпись */
@media (min-width:561px) and (max-width:1000px){
  .fq-dock .fq-wt{display:inline}
  .fq-dock .fq-wa{width:auto;padding:0 13px}
}
@media (max-width:1200px){
  .fq-dock .who{flex:none}
}
@media (max-width:1200px){
  .fq-dock .who small{white-space:nowrap}
}
@media (max-width:380px){
  .fq-dock{gap:8px;padding:8px}
}
@media (max-width:380px){
  .fq-dock .who{gap:8px}
}
@media (max-width:380px){
  .fq-dock .who i{width:30px;height:30px}
}
@media (max-width:380px){
  .fq-dock .btn.light{padding:0 11px}
}
@media (max-width:340px){ .fq-dock .who>span{display:none} }
.lt-track{align-items:stretch}
.lt-c{--ltw:clamp(252px,20vw,300px);width:var(--ltw);aspect-ratio:auto;min-height:calc(var(--ltw) * 4 / 3)}
@media (max-width:760px){ .lt-c{--ltw:min(68vw,280px)} }
.lt-tx .lt-il{flex:1 1 0;min-height:56px}
.lt-tx .lt-d{display:block;-webkit-line-clamp:unset;overflow:visible}
section.fq-sec{overflow-x:clip}
.svc-cap .lbl{text-wrap:balance;text-align:center}
.ab-mft>span{text-wrap:balance}
.hs.hm .hs-lb{font-size:var(--fs-cap)}
@media (max-width:400px){ .hs-pill{font-size:var(--fs-cap)} }
.sb-art-k{font-size:var(--fs-cap)}
.g-weeks span{font-size:var(--fs-cap)}
@media (max-width:900px){ .g-bar .gw{font-size:var(--fs-cap)} }
@media (pointer:coarse){
  .au-o,
.rw-ol,
.au-i{position:relative}
}
@media (pointer:coarse){
  .au-o::after{content:"";position:absolute;inset:-12px -6px}
}
@media (pointer:coarse){
  .rw-ol::after{content:"";position:absolute;inset:-12px -6px}
}
@media (pointer:coarse){
  .au-i::after{content:"";position:absolute;inset:-13px}
}
@media (pointer:coarse){
  .st .btns .btn{position:relative}
}
@media (pointer:coarse){
  .st .btns .btn::before{content:"";position:absolute;inset:-6px -3px}
}
@media (min-width:1000px) and (max-width:1140px){
  .sty-grid{gap:28px}
}
@media (min-width:1000px) and (max-width:1140px){
  .sty-fn{grid-template-columns:auto clamp(140px,14vw,210px);gap:14px}
}
@media (orientation:landscape) and (max-height:500px) and (pointer:coarse){ .dock{visibility:hidden!important} }
@keyframes fill{to{width:100%}}
@keyframes sway{to{transform:translate3d(-16px,8px,0) rotate(-.4deg)}}
@keyframes hsIn{from{opacity:0;transform:translateY(18px)}}
@keyframes hsLn{from{transform:scaleX(0)}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes sbGlow{0%,24%{background-color:rgba(255,255,255,.42)}36%,80%{background-color:rgba(255,255,255,.78)}90%,100%{background-color:rgba(255,255,255,.42)}}
@keyframes sbTx{0%,16%{color:var(--muted)}22%,78%{color:var(--ink)}84%,100%{color:var(--muted)}}
@keyframes sbTr{0%,16%{background:var(--line)}22%,78%{background:var(--ink)}84%,100%{background:var(--line)}}
@keyframes sbKn{0%,16%{transform:none}22%,78%{transform:translateX(14px)}84%,100%{transform:none}}
@keyframes sbIn{from{width:0}}
@keyframes sbGr{0%,24%{width:var(--w)}36%,80%{width:var(--w2)}90%,100%{width:var(--w)}}
@keyframes sbUp{0%,26%{opacity:0;transform:translateY(3px)}36%,80%{opacity:1;transform:none}88%,100%{opacity:0;transform:none}}
@keyframes sbSl{0%,19%{transform:translateY(0)}25%,44%{transform:translateY(-1.15em)}50%,69%{transform:translateY(-2.3em)}75%,94%{transform:translateY(-3.45em)}100%{transform:translateY(-4.6em)}}
@keyframes sbCk{0%,10%{stroke-dashoffset:16}20%,84%{stroke-dashoffset:0}92%,100%{stroke-dashoffset:16}}
@keyframes sbCt{0%,10%{color:var(--muted)}20%,84%{color:var(--ink)}92%,100%{color:var(--muted)}}
@keyframes ordIn{from{opacity:0;transform:translateY(-14px) scale(.98)}}
@keyframes rbLift{0%,12%,88%,100%{transform:none;box-shadow:0 0 0 rgba(243,53,12,0)}28%,72%{transform:translateY(-1px);box-shadow:0 14px 34px rgba(243,53,12,.24)}}
@keyframes rbSweep{0%,8%{left:10%;opacity:0}26%{opacity:.8}74%{opacity:.8}92%,100%{left:90%;opacity:0}}
@keyframes rbRoll{0%,34%{transform:none}48%,100%{transform:translateY(-1.3em)}}
@keyframes rbDot{0%,14%,86%,100%{background:var(--accent)}30%,70%{background:#fff}}
@keyframes ordFade{from{opacity:0;transform:translateY(-10px) scale(.98)}}
@keyframes stPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:none}}
@keyframes auPin{0%,4%{opacity:0;transform:scale(.4)}10%,62%{opacity:1;transform:none}72%,100%{opacity:0;transform:scale(.6)}}
@keyframes auShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@keyframes auWf{0%{opacity:0;transform:translateY(6px)}12%,80%{opacity:1;transform:none}95%,100%{opacity:0}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(93,187,99,.6)}70%{box-shadow:0 0 0 7px rgba(93,187,99,0)}100%{box-shadow:0 0 0 0 rgba(93,187,99,0)}}
@keyframes slideIn{from{transform:translateX(40px);opacity:0}}
@keyframes dkIn{from{opacity:0}to{opacity:1}}
@keyframes dkRise{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
@keyframes dkTilt{from{transform:perspective(1100px) rotateX(0deg) scale(1)}20%{transform:perspective(1100px) rotateX(0deg) scale(1)}to{transform:perspective(1100px) rotateX(-16deg) scale(.96)}}
@keyframes dkUnder{from{transform:none}to{transform:scale(.94)}}
@keyframes dkShade{from{opacity:0}to{opacity:.62}}
@keyframes dkFill{from{transform:scaleX(0)}to{transform:none}}
@keyframes dkUp{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@keyframes ntZoom{from{transform:scale(1.12)}to{transform:none}}
@keyframes ntUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ntSpin{to{transform:rotate(360deg)}}
@keyframes ntNd{0%,12%{fill:var(--accent);stroke:var(--accent)}24%,100%{fill:#1E1A19;stroke:rgba(255,255,255,.32)}}
@keyframes ilSpin{to{transform:rotate(360deg)}}
@keyframes il1nd{0%,9%{fill:var(--ila);stroke:var(--ila)}20%,100%{fill:var(--ilp);stroke:var(--il)}}
@keyframes il2st{0%{stroke-dashoffset:0;opacity:1}5%{stroke-dashoffset:0;opacity:0}6%{stroke-dashoffset:100;opacity:0}7%{stroke-dashoffset:100;opacity:1}57%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes il2p1{0%{opacity:1;transform:none}5%,16.9%{opacity:0;transform:scale(.4)}20.9%{opacity:1;transform:scale(1.15)}24.9%,100%{opacity:1;transform:none}}
@keyframes il2p2{0%{opacity:1;transform:none}5%,27.9%{opacity:0;transform:scale(.4)}31.9%{opacity:1;transform:scale(1.15)}35.9%,100%{opacity:1;transform:none}}
@keyframes il2p3{0%{opacity:1;transform:none}5%,38.8%{opacity:0;transform:scale(.4)}42.8%{opacity:1;transform:scale(1.15)}46.8%,100%{opacity:1;transform:none}}
@keyframes il2p4{0%{opacity:1;transform:none}5%,50.1%{opacity:0;transform:scale(.4)}54.1%{opacity:1;transform:scale(1.15)}58.1%,100%{opacity:1;transform:none}}
@keyframes il2en{0%{opacity:1;transform:none}5%,56%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.6)}68%,100%{opacity:1;transform:none}}
@keyframes il3mg{0%,8%{transform:translate(152px,58px)}22%,40%{transform:translate(150px,95px)}54%,72%{transform:translate(93px,120.5px)}88%,100%{transform:translate(152px,58px)}}
@keyframes il3b1{0%{opacity:1}3%,8%{opacity:0}12%,100%{opacity:1}}
@keyframes il3b2{0%{opacity:1}3%,23%{opacity:0}27%,100%{opacity:1}}
@keyframes il3b3{0%{opacity:1}3%,55%{opacity:0}59%,100%{opacity:1}}
@keyframes il3rg{0%{transform:scale(.6);opacity:.6}100%{transform:scale(1.7);opacity:0}}
@keyframes il4c1{0%{stroke-dashoffset:0}4%,14%{stroke-dashoffset:1}20%,100%{stroke-dashoffset:0}}
@keyframes il4r1{0%{opacity:1}4%,14%{opacity:.42}20%,100%{opacity:1}}
@keyframes il4c2{0%{stroke-dashoffset:0}4%,28%{stroke-dashoffset:1}34%,100%{stroke-dashoffset:0}}
@keyframes il4r2{0%{opacity:1}4%,28%{opacity:.42}34%,100%{opacity:1}}
@keyframes il4c3{0%{stroke-dashoffset:0}4%,42%{stroke-dashoffset:1}48%,100%{stroke-dashoffset:0}}
@keyframes il4r3{0%{opacity:1}4%,42%{opacity:.42}48%,100%{opacity:1}}
@keyframes il4c4{0%{stroke-dashoffset:0}4%,56%{stroke-dashoffset:1}62%,100%{stroke-dashoffset:0}}
@keyframes il4r4{0%{opacity:1}4%,56%{opacity:.42}62%,100%{opacity:1}}
@keyframes il5sel{0%,12%{transform:none}22%,32%{transform:translateX(20px)}42%,52%{transform:translateX(40px)}64%,100%{transform:none}}
@keyframes il5bt{0%,68%{transform:none}74%{transform:scale(1.06)}82%,100%{transform:none}}
@keyframes il5gm{0%,30%{transform:none}36%{transform:scale(1.35) rotate(45deg)}44%,100%{transform:none}}
@keyframes il6sl{0%{transform:translateX(120px)}6%,20%{transform:translateX(0)}26%,40%{transform:translateX(60px)}46%,100%{transform:translateX(120px)}}
@keyframes il6s1{0%{opacity:1}4%,50%{opacity:0}53%,100%{opacity:1}}
@keyframes il6s2{0%,60%{opacity:0}63%,93%{opacity:1}98%,100%{opacity:0}}
@keyframes il6s3{0%,70%{opacity:0}73%,93%{opacity:1}98%,100%{opacity:0}}
@keyframes il6s4{0%,80%{opacity:0}83%,93%{opacity:1}98%,100%{opacity:0}}
@keyframes il7bt{0%,8%{transform:none}16%,54%{transform:translateY(24px)}62%,66%{transform:none}70%{transform:scale(1.05)}76%,100%{transform:none}}
@keyframes il7pw{0%,13%{opacity:0}19%,46%{opacity:1}53%,100%{opacity:0}}
@keyframes il7sk{0%,28%{stroke-dashoffset:1}38%,100%{stroke-dashoffset:0}}
@keyframes il8cn{0%{transform:translate(54px,60px) scale(.6);opacity:0}6%{opacity:1}25%{transform:translate(108px,30px) scale(1);opacity:1}44%{transform:translate(146px,60px) scale(1);opacity:1}50%,100%{transform:translate(156px,70px) scale(.4);opacity:0}}
@keyframes il8pc{0%{stroke-dashoffset:30}6%,44%{stroke-dashoffset:60}49%,57%{stroke-dashoffset:44}62%,70%{stroke-dashoffset:24}75%,86%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:30}}
@keyframes il8sx{0%,74%{transform:none}80%{transform:scale(1.4) rotate(45deg)}88%,100%{transform:none}}
@keyframes il8ra{0%,76%{stroke-dashoffset:1;opacity:1}90%{stroke-dashoffset:0;opacity:1}98%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes il9a{0%{transform:translate(24px,58px);opacity:0}6%{opacity:1}88%{transform:translate(216px,58px);opacity:1}96%,100%{transform:translate(216px,58px);opacity:0}}
@keyframes il9b{0%{transform:translate(24px,58px);opacity:0;fill:var(--il)}6%{opacity:1}35.5%{transform:translate(93px,58px);opacity:1;fill:var(--il)}37.5%{fill:var(--ila)}47.5%{transform:translate(93px,102px);opacity:1;fill:var(--ila)}52.5%,100%{transform:translate(93px,108px);opacity:0;fill:var(--ila)}}
@keyframes il9c{0%{transform:translate(24px,58px);opacity:0;fill:var(--il)}6%{opacity:1}58.5%{transform:translate(147px,58px);opacity:1;fill:var(--il)}60.5%{fill:var(--ila)}70.5%{transform:translate(147px,110px);opacity:1;fill:var(--ila)}75.5%,100%{transform:translate(147px,116px);opacity:0;fill:var(--ila)}}
@keyframes il9d{0%{transform:translate(24px,58px);opacity:0;fill:var(--il)}6%{opacity:1}81.2%{transform:translate(200px,58px);opacity:1;fill:var(--il)}83.2%{fill:var(--ila)}93.2%{transform:translate(200px,104px);opacity:1;fill:var(--ila)}98.2%,100%{transform:translate(200px,110px);opacity:0;fill:var(--ila)}}
@keyframes il10it{0%{transform:none;opacity:1}6%,28%{transform:translateX(36px);opacity:0}40%,100%{transform:none;opacity:1}}
@keyframes il10bf{0%{transform:none}6%,42%{transform:scaleX(.58)}56%,100%{transform:none}}
@keyframes il10ok{0%{opacity:1;transform:none}6%,55%{opacity:0;transform:scale(.4)}61%{opacity:1;transform:scale(1.2)}67%,100%{opacity:1;transform:none}}
@keyframes hmCard{from{transform:translate3d(0,calc(var(--hm-h,700px) + 24px),0)}to{transform:translate3d(0,0,0)}}
@keyframes hmImg{from{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:.4}}
@keyframes hmH1{0%{opacity:1;transform:translate3d(0,0,0)}45.5%{opacity:0;transform:translate3d(0,-16.4px,0)}100%{opacity:0;transform:translate3d(0,-36px,0)}}
@keyframes hmFoot{0%{opacity:1}38.5%{opacity:0}100%{opacity:0}}