@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Sofia Sans Condensed Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/sofia-sans-condensed-cyrillic-ext-wght-normal.0rzmrb1be-ijg.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Sofia Sans Condensed Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/sofia-sans-condensed-cyrillic-wght-normal.1pdtemjpan83x.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Sofia Sans Condensed Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/sofia-sans-condensed-greek-wght-normal.0-lludhviv-ki.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Sofia Sans Condensed Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/sofia-sans-condensed-latin-ext-wght-normal.0h32fhbcd2oeb.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Sofia Sans Condensed Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/sofia-sans-condensed-latin-wght-normal.0h7jtncjrys17.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3eadb;--bg-2:#ebdfcb;--surface:#fbf6ee;--surface-2:#f1e7d7;--ink:#1e1a17;--ink-2:#5d554e;--ink-3:#8a8077;--line:#1e1a1724;--line-strong:#1e1a1747;--accent:#a84e2c;--accent-hover:#8f3f21;--accent-ink:#fff;--accent-soft:#a84e2c1f;--bordo:#7a2433;--bordo-soft:#7a24331f;--lamp:#f2c27b;--ok:#2f6b3f;--ok-soft:#2f6b3f1f;--warn:#8a5a00;--warn-soft:#b0780024;--danger:#a3262f;--danger-soft:#a3262f1a;--tape:#eadbc4d9;--shadow:0 1px 0 #1e1a170f, 0 6px 14px -6px #1e1a1740, 0 18px 32px -18px #1e1a1759;--shadow-lift:0 2px 0 #1e1a170f, 0 12px 22px -8px #1e1a174d, 0 30px 44px -22px #1e1a1773;--grain-opacity:.35;--hero-ink:#efe6d8;--radius:4px 12px 6px 14px / 12px 5px 14px 6px;--radius-sm:3px 8px 4px 9px / 8px 3px 9px 4px;--font-display:"Sofia Sans Condensed Variable", "Manrope Variable", system-ui, sans-serif;--font-body:"Manrope Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--wrap:1180px;--gutter:clamp(16px, 4vw, 40px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16181d;--bg-2:#1b1e24;--surface:#20232a;--surface-2:#272a32;--ink:#efe6d8;--ink-2:#b5ab9e;--ink-3:#8c8378;--line:#efe6d81f;--line-strong:#efe6d83d;--accent:#d2724a;--accent-hover:#e0845c;--accent-ink:#16181d;--accent-soft:#d2724a29;--bordo:#c0566a;--bordo-soft:#c0566a29;--ok:#7cc48e;--ok-soft:#7cc48e24;--warn:#e6b65c;--warn-soft:#e6b65c24;--danger:#ef8a8f;--danger-soft:#ef8a8f21;--tape:#eadbc438;--shadow:0 1px 0 #0000004d, 0 8px 18px -8px #000000b3, 0 20px 36px -18px #000c;--shadow-lift:0 2px 0 #0000004d, 0 14px 26px -8px #000000bf, 0 30px 50px -20px #000000d9;--grain-opacity:.5}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16181d;--bg-2:#1b1e24;--surface:#20232a;--surface-2:#272a32;--ink:#efe6d8;--ink-2:#b5ab9e;--ink-3:#8c8378;--line:#efe6d81f;--line-strong:#efe6d83d;--accent:#d2724a;--accent-hover:#e0845c;--accent-ink:#16181d;--accent-soft:#d2724a29;--bordo:#c0566a;--bordo-soft:#c0566a29;--ok:#7cc48e;--ok-soft:#7cc48e24;--warn:#e6b65c;--warn-soft:#e6b65c24;--danger:#ef8a8f;--danger-soft:#ef8a8f21;--tape:#eadbc438;--shadow:0 1px 0 #0000004d, 0 8px 18px -8px #000000b3, 0 20px 36px -18px #000c;--shadow-lift:0 2px 0 #0000004d, 0 14px 26px -8px #000000bf, 0 30px 50px -20px #000000d9;--grain-opacity:.5}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-feature-settings:"ss01";text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;font-size:17px;line-height:1.6;display:flex;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:100;opacity:var(--grain-opacity);mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.45 0 0 0 0 0.4 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main{flex:1}img,video,svg{max-width:100%;display:block}img{height:auto}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--lamp);outline-offset:3px;border-radius:6px;box-shadow:0 0 0 6px #f2c27b40}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0 0 .5em;line-height:.99}h1{font-size:clamp(3.1rem,6vw,5rem);font-weight:850}h2{font-size:clamp(2.35rem,4.2vw,3.6rem);font-weight:800}h3{font-size:clamp(1.4rem,2.3vw,1.7rem);font-weight:780}p{margin:0 0 1em}::selection{background:var(--accent);color:var(--accent-ink)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:10px 16px;font-weight:700;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}.wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}.wrap--narrow{max-width:calc(760px + var(--gutter) * 2)}.section{padding:clamp(48px,7vw,96px) 0;position:relative}.wrap.section{padding-inline:var(--gutter)}.section--alt{color:#1e1a17;--ink:#1e1a17;--ink-2:#554b42;--ink-3:#665a4e;--line:#1e1a1729;--line-strong:#1e1a1747;--accent:#8f3f21;background:#e8d9be}.section--dark{color:#efe6d8;--ink:#efe6d8;--ink-2:#b5ab9e;--line:#efe6d81f;--surface:#4d252e;--accent:#d2724a;--accent-ink:#16181d;background:#642d38}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 24px;margin-bottom:clamp(24px,4vw,40px);display:flex}.section__head h2{margin:0}.eyebrow{letter-spacing:.015em;color:var(--accent);align-items:center;gap:10px;margin-bottom:12px;font-size:.88rem;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:1px;width:9px;height:9px;transform:rotate(-12deg)}.lead{color:var(--ink-2);max-width:62ch;font-size:clamp(1.05rem,1.6vw,1.25rem)}.muted{color:var(--ink-2)}.grid{gap:clamp(18px,2.4vw,28px);display:grid}.grid--3{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.grid--2{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}.grid--4{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.stack>*+*{margin-top:16px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.torn{width:100%;height:clamp(14px,2.2vw,28px);color:var(--bg-2);margin-bottom:-1px;display:block}.torn--down{margin:-1px 0 0;transform:scaleY(-1)}.torn path{fill:currentColor}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.2)blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header__inner{align-items:center;gap:20px;min-height:68px;display:flex}.brand{color:var(--ink);flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand:hover{color:var(--ink)}.brand__mark{width:38px;height:38px;transition:transform .25s}.brand:hover .brand__mark{transform:rotate(-8deg)}.brand__name{font-family:var(--font-display);letter-spacing:.015em;font-size:1.3rem;font-weight:900;line-height:1.05}.brand__name small{font-family:var(--font-body);letter-spacing:.02em;color:var(--ink-2);font-size:.72rem;font-weight:600;display:block}.brand__credit{font-family:var(--font-body);letter-spacing:0;color:var(--ink-2);margin-top:2px;font-size:.66rem;font-weight:650;display:block}.brand__credit strong{color:var(--accent);font-family:var(--font-display);font-size:1.15em;font-weight:900}.nav{align-items:center;gap:4px;margin-left:auto;display:flex}.nav a{color:var(--ink);border-radius:999px;padding:8px 12px;font-size:.95rem;font-weight:650;text-decoration:none;transition:background .2s,color .2s}.nav a:hover{background:var(--accent-soft);color:var(--ink)}.nav a[aria-current=page]{background:var(--ink);color:var(--bg)}.header-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--line-strong);background:var(--surface);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;transition:transform .2s,box-shadow .2s;display:inline-grid}.icon-btn:hover{transform:rotate(-12deg);box-shadow:0 0 0 4px #f2c27b40}.icon-btn svg{width:20px;height:20px}.menu-toggle{display:none}@media (max-width:920px){.menu-toggle{display:inline-grid}.nav{padding:12px var(--gutter) 20px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow);opacity:0;visibility:hidden;flex-direction:column;align-items:stretch;gap:2px;transition:opacity .2s,transform .2s,visibility .2s;position:fixed;inset:68px 0 auto;transform:translateY(-8px)}.nav[data-open=true]{opacity:1;visibility:visible;transform:none}.nav a{border-radius:10px;padding:12px 14px;font-size:1.1rem}.header-actions{margin-left:auto}.brand__name small{display:none}}@media (max-width:420px){.header-actions .btn--small{padding-inline:12px}}.btn{--b-bg:var(--accent);--b-ink:var(--accent-ink);border-radius:var(--radius-sm);background:var(--b-bg);color:var(--b-ink);font:750 1rem/1.1 var(--font-body);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:10px;padding:14px 22px;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 2px #0000002e,0 8px 16px -10px #00000080}.btn:hover{color:var(--b-ink);background:var(--accent-hover);transform:translateY(-2px)rotate(-.6deg);box-shadow:0 3px #0000002e,0 14px 24px -10px #0000008c,0 0 0 5px #f2c27b38}.btn:active{transform:translateY(0)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn--ghost{--b-bg:transparent;--b-ink:var(--ink);box-shadow:inset 0 0 0 2px var(--line-strong)}.btn--ghost:hover{background:var(--accent-soft);color:var(--ink)}.btn--dark{--b-bg:var(--ink);--b-ink:var(--bg)}.btn--dark:hover{background:var(--ink);color:var(--bg)}.btn--small{padding:9px 16px;font-size:.9rem}.btn--block{width:100%}.link-arrow{align-items:center;gap:6px;font-weight:750;text-decoration:none;display:inline-flex}.link-arrow:after{content:"→";transition:transform .2s}.link-arrow:hover:after{transform:translate(4px)}.hero{color:var(--hero-ink);isolation:isolate;background:#16181d;position:relative;overflow:hidden}.hero__art{z-index:-1;position:absolute;inset:0}.hero__art img{object-fit:cover;object-position:72% center;width:100%;height:100%}.hero__art:after{content:"";background:linear-gradient(90deg,#16181d 0%,#16181deb 30%,#16181d59 55%,#16181d00 75%),linear-gradient(#0000 70%,#16181d99);position:absolute;inset:0}.hero__inner{flex-direction:column;justify-content:center;min-height:clamp(520px,78vh,760px);padding-block:80px;display:flex}.hero--with-case{background:radial-gradient(circle at 76% 28%,#343038 0,#202127 34%,#16181d 72%)}.hero--with-case .hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:630px;display:grid}.hero__copy{grid-area:1/1}.hero__feature{grid-area:1/2;min-width:0}.hero__feature .hero-case{transform:rotate(1.3deg)}.hero__feature .hero-case:focus-within{transform:rotate(0)}.hero--with-case .hero__title{font-size:clamp(4.2rem,7vw,6.5rem)}.hero-case{--ink:#251e19;color:var(--ink);background:#f3e8d5;border:1px solid #372b2247;transition:transform .25s;position:relative;box-shadow:-11px 13px #0a0b0e47,0 26px 48px -24px #000000b3}.hero-case__masthead{color:#efe6d8;background:#29262a;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 18px;font-size:.78rem;font-weight:750;display:flex}.hero-case__masthead span:last-child{color:#f2c27b}.hero-case__media{background:#cbbda7}.hero-case__media>img,.hero-case__comparison .ba-slider img{aspect-ratio:2;object-fit:cover;width:100%;display:block}.hero-case__comparison .ba-slider{box-shadow:none;border-radius:0}.hero-case__comparison .caption{color:#514436;background:#e9d9bf;margin:0;padding:9px 18px;font-size:.78rem;font-weight:700;display:block}.hero-case__body{padding:22px 24px 24px}.hero-case__body h2{margin:0 0 8px;font-size:clamp(1.6rem,2.4vw,2.15rem);line-height:1.02}.hero-case__body p{color:#5a4d43;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.hero-case__foot{border-top:1px solid #251e192e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;font-size:.82rem;display:flex}.hero-case__foot>span{color:#6b5849}.hero-case__foot a{color:#914126;text-underline-offset:3px;font-weight:800;text-decoration-thickness:1px}.hero-case__foot a:hover{color:#652c1a}.hero-case__foot a:focus-visible{outline-offset:4px;outline:2px solid #914126}.hero__title{color:#efe6d8;max-width:11ch;margin-bottom:24px;font-size:clamp(4rem,8.5vw,7.5rem);font-weight:900;line-height:.9}.hero__text{color:#cfc5b8;max-width:44ch;margin-bottom:32px;font-size:clamp(1.05rem,1.6vw,1.25rem)}.hero .btn--ghost{--b-ink:#efe6d8;box-shadow:inset 0 0 0 2px #efe6d859}.hero__stats{flex-wrap:wrap;gap:clamp(20px,4vw,48px);margin-top:48px;display:flex}.hero__stat b{font-family:var(--font-display);color:#efe6d8;font-size:clamp(1.6rem,3vw,2.3rem);display:block}.hero__stat span{color:#b5ab9e;font-size:.9rem}@media (max-width:760px){.hero--with-case .hero__title{font-size:clamp(3.5rem,14vw,5.5rem)}.hero--with-case .hero__inner{flex-direction:column;align-items:stretch;gap:36px;min-height:0;padding-block:28px 56px;display:flex}.hero--with-case .hero__feature{order:0}.hero--with-case .hero__copy{order:1}.hero__art{height:300px;position:relative}.hero__art img{object-position:center 30%}.hero__art:after{background:linear-gradient(#16181d00 55%,#16181d 100%)}.hero__inner{min-height:0;padding-block:8px 56px}}.card{--ink:#251e19;--ink-2:#5a4d43;--ink-3:#6c5b4e;--surface-2:#eadbc4;--accent:#914126;--accent-hover:#79351f;--accent-soft:#91412621;--ok:#28623c;--ok-soft:#28623c21;--warn:#755000;--warn-soft:#75500024;border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);background:#f3e8d5;flex-direction:column;text-decoration:none;transition:transform .25s cubic-bezier(.2,.7,.3,1.2),box-shadow .25s;display:flex;position:relative;overflow:hidden}a.card:hover{color:var(--ink);box-shadow:var(--shadow-lift);transform:translateY(-4px)rotate(-.5deg)}a.card:nth-child(2n):hover{transform:translateY(-4px)rotate(.5deg)}.card__media{aspect-ratio:4/3;background:var(--surface-2);position:relative;overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s}a.card:hover .card__media img{transform:scale(1.04)}.card__body{flex-direction:column;flex:1;gap:8px;padding:22px 24px 26px;display:flex}.card__title{font-family:var(--font-display);margin:0;font-size:clamp(1.45rem,2vw,1.8rem);font-weight:850;line-height:1.04}.card__text{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.97rem;display:-webkit-box;overflow:hidden}.card__meta{color:var(--ink-2);border-top:1px solid #251e1929;flex-wrap:wrap;gap:8px 14px;margin-top:auto;padding-top:12px;font-size:.85rem;display:flex}.card--taped:before{content:"";background:var(--tape);z-index:3;clip-path:polygon(2% 10%,98% 0,100% 90%,0 100%);width:90px;height:24px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #00000026}.badge{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:750;line-height:1.3;display:inline-flex}.badge--bordo{background:var(--bordo-soft);color:var(--bordo)}.badge--ok{background:var(--ok-soft);color:var(--ok)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--muted{background:var(--surface-2);color:var(--ink-2)}.badge--on-media{z-index:2;color:#efe6d8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16181dc7;position:absolute;top:12px;left:12px}.difficulty{letter-spacing:2px;color:var(--accent)}.difficulty span{opacity:.25}.ba-card .card__media .ba-before{clip-path:inset(0 50% 0 0);transition:clip-path .6s cubic-bezier(.6,0,.2,1);position:absolute;inset:0}.ba-card:hover .card__media .ba-before,.ba-card:focus-visible .card__media .ba-before{clip-path:inset(0)}.ba-card .ba-label{z-index:2;transition:opacity .3s;position:absolute;inset:auto 12px 12px auto}.ba-card .ba-label--before{opacity:1;left:12px;right:auto}.ba-card:hover .ba-label--before,.ba-card:focus-visible .ba-label--before{opacity:1}.ba-card:hover .ba-label--after,.ba-card:focus-visible .ba-label--after{opacity:0}.strip{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(280px,1fr);grid-auto-flow:column;gap:22px;padding:10px 4px 24px;display:grid;overflow-x:auto}.strip>*{scroll-snap-align:start}@media (min-width:1100px){.strip{grid-auto-columns:calc(33.3333% - 14.6667px)}}.ba-slider{border-radius:var(--radius);box-shadow:var(--shadow-lift);background:var(--surface-2);-webkit-user-select:none;user-select:none;touch-action:pan-y;--pos:50%;position:relative;overflow:hidden}.ba-slider img{aspect-ratio:4/3;object-fit:cover;pointer-events:none;width:100%}.ba-slider__before{clip-path:inset(0 calc(100% - var(--pos)) 0 0);position:absolute;inset:0}.ba-slider__handle{top:0;bottom:0;left:var(--pos);pointer-events:none;background:#efe6d8;width:3px;margin-left:-1.5px;position:absolute;box-shadow:0 0 12px #0006}.ba-slider__handle:after{content:"⟷";color:#16181d;background:#d2724a;border-radius:50%;place-items:center;width:46px;height:46px;font-size:20px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #f2c27b4d}.ba-slider input[type=range]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.ba-slider input[type=range]:focus-visible+.ba-slider__handle:after{box-shadow:0 0 0 6px var(--lamp)}.ba-slider .badge--on-media.is-right{left:auto;right:12px}.ba-slider .badge--on-media{pointer-events:none}.case-head{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,64px);display:grid}@media (max-width:860px){.case-head{grid-template-columns:1fr}}.facts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:24px 0;display:grid}.fact{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px 14px}.fact dt{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);font-size:.78rem;font-weight:700}.fact dd{margin:4px 0 0;font-weight:700}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:repeating-linear-gradient(to bottom, var(--line-strong) 0 10px, transparent 10px 18px);width:3px;position:absolute;top:8px;bottom:8px;left:23px}.timeline__item{padding-bottom:44px;padding-left:72px;position:relative}.timeline__dot{background:var(--accent);width:48px;height:48px;color:var(--accent-ink);font-family:var(--font-display);box-shadow:var(--shadow);border-radius:14px 18px 12px 16px;place-items:center;font-weight:800;display:grid;position:absolute;top:0;left:0;transform:rotate(-4deg)}.timeline__item:nth-child(2n) .timeline__dot{background:var(--bordo);color:#fff;transform:rotate(3deg)}.timeline__stage{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:800}.timeline__title{margin:2px 0 10px}.timeline__media{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;margin-top:14px;display:grid}.timeline__media img{border-radius:var(--radius-sm);box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover;width:100%}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li{background:var(--surface);border:1px dashed var(--line-strong);border-radius:999px;padding:6px 12px;font-size:.9rem}.prose{max-width:72ch;font-size:1.08rem;line-height:1.75}.prose h2{margin-top:1.8em;font-size:clamp(1.35rem,2.6vw,1.8rem)}.prose h3{margin-top:1.5em}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.35em 0}.prose blockquote{border-left:4px solid var(--accent);background:var(--surface);border-radius:0 12px 12px 0;margin:1.5em 0;padding:14px 20px;font-style:italic}.prose code{background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:.92em}.prose figure{margin:2em 0}.prose figure img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%}.prose figure.is-wide{margin-inline:calc(min(0px, (72ch - 100vw) / 2 + var(--gutter)))}.prose figcaption,.caption{color:var(--ink-2);margin-top:8px;font-size:.9rem}.prose hr{background:radial-gradient(circle, var(--line-strong) 2px, transparent 2.5px) 0 50% / 18px 14px repeat-x;border:0;height:14px;margin:2.5em 0}.gallery{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px;display:grid}.gallery img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);width:100%}.callout{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border-top:4px solid var(--accent);grid-template-columns:auto 1fr;gap:4px 14px;margin:1.8em 0;padding:18px 20px;display:grid}.callout--warning{border-top-color:var(--warn)}.callout--mistake{border-top-color:var(--danger)}.callout--tool{border-top-color:var(--bordo)}.callout__icon{grid-row:span 2;font-size:1.6rem}.callout__title{font-weight:800}.callout p{white-space:pre-line;margin:0}.player{border-radius:var(--radius);box-shadow:var(--shadow-lift);background:#0d0e11;position:relative;overflow:hidden}.player video{aspect-ratio:16/9;background:#0d0e11;width:100%}.player--portrait video{aspect-ratio:9/16;max-height:80vh;margin:0 auto}.player__note{color:#efe6d8;background:#16181dd9;border-radius:8px;padding:8px 12px;font-size:.85rem;position:absolute;top:12px;left:12px;right:12px}.chapters{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.chapters button{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:600 .88rem var(--font-body);cursor:pointer;border-radius:999px;padding:6px 12px}.chapters button:hover{background:var(--accent-soft)}.chapters time{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:6px}.steps{counter-reset:step;border-bottom:1px solid #1e1a1742;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.step{counter-increment:step;background:0 0;border-top:3px solid #1e1a17;border-right:1px solid #1e1a1742;min-height:230px;padding:22px 28px 32px;position:relative}.step:last-child{border-right:0}.step:before{content:"0" counter(step);font-family:var(--font-display);color:#9a4128;margin-bottom:16px;font-size:4.4rem;font-weight:900;line-height:.9;display:block}.step:not(:last-child):after{content:"→";color:#9a4128;font-size:1.7rem;position:absolute;top:26px;right:20px}@media (max-width:960px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.step:not(:last-child):after{display:none}.step:nth-child(2n){border-right:0}}@media (max-width:580px){.steps{grid-template-columns:1fr}.step{border-right:0;min-height:0}}.step h3{margin-bottom:8px}.step p{color:#554b42;margin:0;font-size:1rem}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);display:grid}@media (max-width:860px){.split{grid-template-columns:1fr}}.illustration{border-radius:var(--radius);box-shadow:var(--shadow-lift);transform:rotate(-1.2deg)}.studio-feature{padding-block:clamp(40px,5vw,72px)}.studio-feature__image,.repair-feature__image{aspect-ratio:5/4;object-fit:cover;object-position:center 45%;width:100%;height:auto;max-height:560px}.repair-feature{margin-top:clamp(48px,6vw,80px)}.repair-feature__image{object-position:center 34%;transform:rotate(1.2deg)}.home-blog-grid--single{grid-template-columns:minmax(0,1fr)}.home-blog-grid--single .card{flex-direction:row;min-height:320px}.home-blog-grid--single .card__media{aspect-ratio:auto;flex-shrink:0;width:44%}.home-blog-grid--single .card__body{justify-content:center;padding:clamp(24px,4vw,48px)}.home-blog-grid--single .card__title{font-size:clamp(2rem,3.3vw,3rem)}@media (max-width:700px){.home-blog-grid--single .card{flex-direction:column}.home-blog-grid--single .card__media{aspect-ratio:4/3;width:100%}}.mc-card .card__body{gap:10px}.home-mc-grid--single{grid-template-columns:minmax(0,1fr)}.home-mc-grid--single .mc-card{border-left:12px solid #b45435}.home-mc-grid--single .mc-card .card__body{grid-template-columns:minmax(180px,.5fr) minmax(0,1fr);gap:10px 32px;padding:clamp(26px,4vw,48px);display:grid}.home-mc-grid--single .mc-date{border-right:1px dashed #251e1959;flex-direction:column;grid-area:1/1/span 3;justify-content:center;align-items:start}.home-mc-grid--single .card__title,.home-mc-grid--single .card__text,.home-mc-grid--single .card__meta{grid-column:2}.home-mc-grid--single .card__title{font-size:clamp(2rem,3.4vw,3rem)}@media (max-width:700px){.home-mc-grid--single .mc-card .card__body{flex-direction:column;display:flex}.home-mc-grid--single .mc-date{border-bottom:1px dashed #251e1959;border-right:0;flex-direction:row;padding-bottom:18px}}.mc-date{align-items:center;gap:14px;display:flex}.mc-date__day{background:var(--ink);color:#f3e8d5;min-width:64px;font-family:var(--font-display);border-radius:10px 14px 9px 12px;place-items:center;padding:8px 6px;line-height:1;display:grid;transform:rotate(-2deg)}.mc-date__day b{font-size:1.7rem}.mc-date__day small{text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:.7rem}.seats{align-items:center;gap:10px;font-size:.9rem;font-weight:700;display:flex}.seats__bar{background:var(--surface-2);border-radius:999px;flex:1;height:8px;overflow:hidden}.seats__bar i{background:repeating-linear-gradient(-45deg, var(--accent) 0 6px, var(--accent-hover) 6px 12px);border-radius:inherit;height:100%;display:block}.register-box{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lift);padding:24px;position:sticky;top:88px}.form{gap:18px;display:grid}.field{gap:6px;display:grid}.field>span,.field legend{font-size:.95rem;font-weight:700}.field small{color:var(--ink-2);font-size:.85rem}.input,.field input:not([type=checkbox]):not([type=radio]):not([type=file]),.field select,.field textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line-strong);border-radius:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:140px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #f2c27b4d}.check{cursor:pointer;align-items:flex-start;gap:12px;font-size:.95rem;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin-top:3px}.form-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lift);padding:clamp(22px,4vw,40px)}.auth-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px);padding-block:clamp(32px,6vw,80px);display:grid}@media (max-width:860px){.auth-page{grid-template-columns:1fr}.auth-page .auth-art{display:none}}.notice{background:var(--surface-2);border-left:4px solid var(--ink-3);border-radius:12px;padding:14px 16px;font-size:.95rem}.notice--ok{background:var(--ok-soft);border-color:var(--ok)}.notice--error{background:var(--danger-soft);border-color:var(--danger)}.notice--warn{background:var(--warn-soft);border-color:var(--warn)}.file-drop{border:2px dashed var(--line-strong);text-align:center;background:var(--surface-2);cursor:pointer;border-radius:12px;padding:18px}.file-drop:hover{border-color:var(--accent)}.thumbs{flex-wrap:wrap;gap:8px;display:flex}.thumbs img{object-fit:cover;border-radius:8px;width:72px;height:72px}altcha-widget{--altcha-border-radius:10px;--altcha-color-base:var(--surface);--altcha-color-border:var(--line-strong);--altcha-color-text:var(--ink);--altcha-color-border-focus:var(--accent);--altcha-color-error-text:var(--danger);--altcha-max-width:100%;display:block}.filters{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.pill{border:1px solid var(--line-strong);color:var(--ink);background:var(--surface);border-radius:999px;align-items:center;padding:8px 14px;font-size:.92rem;font-weight:650;text-decoration:none;display:inline-flex}.pill:hover{color:var(--ink);background:var(--accent-soft)}.pill[aria-current=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tabs{border-bottom:2px solid var(--line);gap:6px;margin-bottom:28px;display:flex;overflow-x:auto}.tabs a{color:var(--ink-2);white-space:nowrap;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 16px;font-weight:700;text-decoration:none}.tabs a[aria-current=page]{color:var(--ink);border-color:var(--accent)}.list-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);gap:10px;padding:18px 20px;display:grid}.list-card__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.list-card__title{font-size:1.05rem;font-weight:800}.qr{background:#fff;border-radius:12px;width:180px;height:180px;padding:8px}.progress{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.progress i{background:var(--ok);height:100%;display:block}.status-line{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.status-line li{background:var(--surface-2);color:var(--ink-3);border-radius:6px;padding:4px 8px;font-size:.78rem}.status-line li.is-done{background:var(--ok-soft);color:var(--ok)}.status-line li.is-current{background:var(--accent);color:var(--accent-ink);font-weight:800}.reactions{flex-wrap:wrap;gap:8px;display:flex}.reaction{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:650 .95rem var(--font-body);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;transition:transform .15s,background .2s;display:inline-flex}.reaction:hover{transform:translateY(-2px)}.reaction[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.comments{gap:18px;display:grid}.comment{grid-template-columns:40px 1fr;gap:12px;display:grid}.comment__avatar{background:var(--bordo-soft);width:40px;height:40px;color:var(--bordo);border-radius:12px 14px 10px 13px;place-items:center;font-weight:800;display:grid}.comment--staff .comment__avatar{background:var(--accent);color:var(--accent-ink)}.comment__head{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.9rem;display:flex}.comment__author{font-weight:800}.comment__body{white-space:pre-line;overflow-wrap:anywhere;margin:4px 0 6px}.comment__actions{gap:14px;font-size:.85rem;display:flex}.comment__actions button{color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.comment__actions button:hover{color:var(--accent)}.comment__replies{border-left:2px dashed var(--line-strong);grid-column:2;gap:14px;margin-top:6px;padding-left:16px;display:grid}.comment--pending{opacity:.7}.person-card{text-align:left}.person-card .card__media{aspect-ratio:1}.avatar-placeholder{width:100%;height:100%;font-family:var(--font-display);color:var(--accent);background:radial-gradient(circle at 30% 30%, var(--accent-soft), transparent 60%), var(--surface-2);place-items:center;font-size:3rem;font-weight:800;display:grid}.empty{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:minmax(0,220px) 1fr;align-items:center;gap:24px;padding:24px;display:grid}.empty img{border-radius:var(--radius-sm)}@media (max-width:600px){.empty{grid-template-columns:1fr}}.empty h3{margin-bottom:6px}.site-footer{color:#b5ab9e;background:#16181d;margin-top:clamp(48px,7vw,96px);font-size:.95rem}main:has(>.repair-feature:last-child)+.site-footer{margin-top:0}.site-footer .torn{color:#16181d;position:absolute;transform:translateY(-99%)}.site-footer__inner{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;padding-block:56px 32px;display:grid;position:relative}@media (max-width:860px){.site-footer__inner{grid-template-columns:1fr 1fr}}@media (max-width:520px){.site-footer__inner{grid-template-columns:1fr}}.site-footer h4{color:#efe6d8;letter-spacing:0;margin-bottom:14px;font-size:1.2rem}.site-footer ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:#efe6d8;text-decoration:none}.site-footer a:hover{color:#d2724a}.site-footer .brand{color:#efe6d8}.site-footer .brand__name small{color:#b5ab9e;display:block}.site-footer__credit{color:#a99eb4;border-left:2px solid #9365c8;justify-items:start;gap:4px;margin-top:24px;padding-left:13px;font-size:.72rem;line-height:1.25;display:grid}.site-footer .site-footer__credit a{color:#f1eaf7;align-items:center;gap:6px;transition:color .2s,transform .2s;display:inline-flex}.site-footer .site-footer__credit a:hover{color:#c9a5f5;transform:translate(3px)}.site-footer .site-footer__credit a:focus-visible{outline-offset:4px;outline:2px solid #c9a5f5}.site-footer__junction-mark{color:#a873e4;font-size:.65rem}.site-footer__credit strong{font-family:var(--font-display);letter-spacing:.05em;font-size:1.55rem;font-weight:850;line-height:1}.site-footer__junction-arrow{color:#a873e4;align-self:flex-start;font-size:.95rem;line-height:1}.site-footer__bottom{border-top:1px solid #efe6d81f;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:18px;font-size:.85rem;display:flex}.page-head{padding-block:clamp(36px,6vw,72px) clamp(20px,3vw,32px)}.page-head .lead{margin-top:8px}.contact-list{gap:0;margin:0;display:grid}.contact-list>div{border-top:1px solid var(--line-strong);grid-template-columns:minmax(110px,1fr) minmax(0,2fr);gap:12px 24px;padding:20px 0;display:grid}.contact-list>div:last-child{border-bottom:1px solid var(--line-strong)}.contact-list dt{color:var(--ink-2);font-weight:700}.contact-list dd{overflow-wrap:anywhere;margin:0;font-size:clamp(1rem,2vw,1.3rem);font-weight:700}.contact-socials{margin-top:40px}.contact-socials ul{flex-wrap:wrap;gap:12px 24px;padding:0;list-style:none;display:flex}.contact-back{margin-top:40px}@media (max-width:520px){.contact-list>div{grid-template-columns:1fr;gap:4px}}.breadcrumbs{color:var(--ink-2);margin-bottom:14px;font-size:.88rem}.breadcrumbs a{color:var(--ink-2)}.pagination{justify-content:center;gap:8px;margin-top:40px;display:flex}.error-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding-block:64px;display:grid}@media (max-width:760px){.error-page{grid-template-columns:1fr}}.error-page__code{font-family:var(--font-display);color:var(--accent);font-size:clamp(4rem,14vw,9rem);font-weight:800;line-height:.9}.preview-bar{z-index:40;background:var(--warn);color:#16181d;text-align:center;padding:6px;font-size:.9rem;font-weight:800;position:sticky;top:68px}.cert{text-align:center;background:var(--surface);border-radius:var(--radius);max-width:640px;box-shadow:var(--shadow-lift);border-top:6px solid var(--accent);margin:0 auto;padding:40px 28px}.toc-steps{counter-reset:lesson;gap:10px;margin:0;padding:0;list-style:none;display:grid}.toc-steps li{counter-increment:lesson}.toc-steps a{border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:grid}.toc-steps a:before{content:counter(lesson);background:var(--surface-2);width:44px;height:44px;font-family:var(--font-display);border-radius:12px;place-items:center;font-weight:800;display:grid}.toc-steps a.is-done:before{content:"✓";background:var(--ok-soft);color:var(--ok)}.toc-steps a:hover{background:var(--accent-soft);color:var(--ink)}.quiz{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:32px;padding:24px}.quiz label{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.quiz label:hover{background:var(--accent-soft)}.case-head h1,article .page-head h1{font-size:clamp(1.7rem,3.4vw,2.6rem)}.icon-btn,.header-actions .btn{flex-shrink:0}@media (max-width:920px){.site-header__inner{gap:10px}.header-actions{order:2}.menu-toggle{order:3}}@media (max-width:480px){.brand__mark{width:32px;height:32px}.brand__name{font-size:.82rem}.brand__credit{font-size:.6rem}.icon-btn{width:38px;height:38px}.header-actions{gap:6px}.header-actions .btn--small{padding:8px 12px;font-size:.85rem}}@media (max-width:340px){.site-header__inner,.brand{gap:6px}.brand__name{font-size:.76rem}.brand__credit{font-size:.56rem}.header-actions .btn--small{padding-inline:8px}}