@font-face{font-family: 'Inter';font-style: normal;font-weight: 400 700;font-display: swap;src: url(../fonts/inter.woff2) format('woff2')}@font-face{font-family: 'Plus Jakarta Sans';font-style: normal;font-weight: 600 800;font-display: swap;src: url(../fonts/jakarta.woff2) format('woff2')}@font-face{font-family: 'Saira Stencil One';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/saira-stencil.woff2) format('woff2')}:root{--bg: #f6f4ec;--bg-soft: #efece0;--surface: #ffffff;--surface-2: #faf8f1;--ink: #1a2215;--ink-2: #3d4735;--muted: #626c55;--line: #e0dccb;--line-2: #d2cdb6;--brand: #3e5427;--brand-ink: #ffffff;--brand-2: #2c3d1b;--accent: #a8700a;--accent-bg: #f7e9c6;--hero: #141c10;--hero-ink: #f3f0e2;--hero-muted: #b9c3a4;--focus: #d08f10;--shadow: 0 1px 2px rgba(26,34,21,.06),0 8px 24px -8px rgba(26,34,21,.14);--shadow-lg: 0 2px 4px rgba(26,34,21,.06),0 24px 48px -16px rgba(26,34,21,.28);--c-seo: #95650a;--c-social-media: #bd4527;--c-paid-advertising: #1c78a8;--c-email-marketing: #6a4cc9;--c-branding: #b8386d;--c-digital-strategy: #4f7d19;--radius: 18px;--radius-sm: 12px;--wrap: 1200px;--read: 720px;--font: 'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--display: 'Plus Jakarta Sans','Inter',ui-sans-serif,system-ui,sans-serif;--stencil: 'Saira Stencil One','Plus Jakarta Sans',sans-serif;color-scheme: light}:root[data-theme='dark']{--bg: #0f150c;--bg-soft: #141b10;--surface: #182013;--surface-2: #1c2517;--ink: #ebe8da;--ink-2: #cfd3be;--muted: #9ea88b;--line: #2a3522;--line-2: #36432c;--brand: #a9c47f;--brand-ink: #10160c;--brand-2: #c3d9a0;--accent: #e8b54a;--accent-bg: #2e2812;--hero: #0b1009;--focus: #e8b54a;--shadow: 0 1px 2px rgba(0,0,0,.3),0 8px 24px -8px rgba(0,0,0,.5);--shadow-lg: 0 2px 4px rgba(0,0,0,.3),0 24px 48px -16px rgba(0,0,0,.7);--c-seo: #f2b33d;--c-social-media: #f68d70;--c-paid-advertising: #67c3ef;--c-email-marketing: #b7a2f7;--c-branding: #f385b0;--c-digital-strategy: #b1d86b;color-scheme: dark}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-padding-top: 88px}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}body{margin: 0;background: var(--bg);color: var(--ink);font: 400 17px/1.65 var(--font);font-feature-settings: 'cv11','ss01';-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: hidden}img,svg{max-width: 100%;height: auto;display: block}a{color: inherit;text-decoration-thickness: 1.5px;text-underline-offset: 3px}h1,h2,h3,h4{font-family: var(--display);line-height: 1.15;letter-spacing: -.02em;margin: 0;color: var(--ink);text-wrap: balance}p{text-wrap: pretty}button{font: inherit;color: inherit}:focus-visible{outline: 3px solid var(--focus);outline-offset: 3px;border-radius: 6px}::selection{background: var(--accent-bg);color: var(--ink)}.wrap{width: min(100% - 32px,var(--wrap));margin-inline: auto}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip{position: absolute;left: 16px;top: -60px;z-index: 100;background: var(--brand);color: var(--brand-ink);padding: 10px 16px;border-radius: 10px;font-weight: 600;text-decoration: none}.skip:focus{top: 12px}@view-transition{navigation: auto}.site-header{position: sticky;top: 0;z-index: 50;background: color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter: saturate(1.4) blur(14px);-webkit-backdrop-filter: saturate(1.4) blur(14px);border-bottom: 1px solid transparent;transition: border-color .2s}.site-header.scrolled{border-bottom-color: var(--line)}.nav{display: flex;align-items: center;gap: 12px;height: 68px}.brand{display: flex;align-items: center;gap: 10px;text-decoration: none;margin-right: auto;min-width: 0}.brand-logo{height: 34px;width: auto;flex: none;border-radius: 7px}.brand-tag{font: 700 11px/1 var(--font);letter-spacing: .12em;text-transform: uppercase;color: var(--brand-ink);background: var(--brand);padding: 5px 7px;border-radius: 6px}.brand-name{font-family: var(--stencil);font-size: 21px;letter-spacing: .02em;line-height: 1;color: var(--ink);white-space: nowrap}.nav-links{display: flex;gap: 4px;list-style: none;margin: 0;padding: 0}.nav-links a{display: block;padding: 8px 12px;border-radius: 10px;text-decoration: none;font-weight: 500;font-size: 15px;color: var(--ink-2)}.nav-links a:hover,.nav-links a[aria-current]{background: var(--bg-soft);color: var(--ink)}.icon-btn{display: inline-grid;place-items: center;width: 40px;height: 40px;border-radius: 12px;border: 1px solid var(--line);background: var(--surface);cursor: pointer;color: var(--ink-2)}.icon-btn:hover{color: var(--ink);border-color: var(--line-2)}.icon-btn svg{width: 19px;height: 19px}.search-btn{display: inline-flex;align-items: center;gap: 10px;height: 40px;padding: 0 10px 0 12px;border-radius: 12px;border: 1px solid var(--line);background: var(--surface);color: var(--muted);cursor: pointer;font-size: 14px}.search-btn:hover{border-color: var(--line-2);color: var(--ink-2)}.search-btn svg{width: 17px;height: 17px}kbd{font: 600 11px/1 var(--font);padding: 4px 6px;border-radius: 6px;border: 1px solid var(--line);background: var(--bg-soft);color: var(--muted)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;height: 44px;padding: 0 20px;border-radius: 12px;font-weight: 600;font-size: 15px;text-decoration: none;border: 1px solid transparent;cursor: pointer;white-space: nowrap;transition: transform .15s,background .15s}.btn:active{transform: translateY(1px)}.btn-primary{background: var(--brand);color: var(--brand-ink)}.btn-primary:hover{background: var(--brand-2)}.btn-accent{background: #e8b54a;color: #1a1606}.btn-accent:hover{background: #f1c465}.btn-ghost{border-color: var(--line-2);background: transparent}.btn svg{width: 18px;height: 18px}.nav .btn{height: 40px;padding: 0 16px;font-size: 14px}.theme-toggle .sun{display: none}:root[data-theme='dark'] .theme-toggle .sun{display: block}:root[data-theme='dark'] .theme-toggle .moon{display: none}.menu-btn{display: none}@media (max-width: 1180px){.search-btn kbd{display: none}}@media (max-width: 1080px){.nav-links,.nav .btn,.search-btn kbd,.search-btn .label{display: none}.search-btn{width: 40px;padding: 0;justify-content: center}.menu-btn{display: inline-grid}}.mobile-menu{display: none;border-top: 1px solid var(--line);padding: 8px 0 16px}.mobile-menu.open{display: block}.mobile-menu a{display: block;padding: 12px 4px;text-decoration: none;font-weight: 600;border-bottom: 1px solid var(--line)}.mobile-menu .btn{margin-top: 14px;width: 100%}@media (min-width: 1081px){.mobile-menu{display: none !important}}.progress{position: absolute;left: 0;bottom: -1px;height: 3px;width: 100%;transform-origin: 0 50%;transform: scaleX(0);background: linear-gradient(90deg,var(--brand),#e8b54a)}.hero{position: relative;overflow: hidden;background: var(--hero);color: var(--hero-ink);isolation: isolate}.hero::before{content: '';position: absolute;inset: 0;z-index: -1;background: radial-gradient(60% 80% at 85% 20%,rgba(232,181,74,.18),transparent 60%),radial-gradient(50% 70% at 0% 100%,rgba(125,160,80,.22),transparent 60%)}.hero .topo{position: absolute;inset: 0;z-index: -1;width: 100%;height: 100%;opacity: .5}.hero-inner{display: grid;grid-template-columns: 1.1fr .9fr;gap: 48px;align-items: center;padding: 72px 0 80px}.eyebrow{display: inline-flex;align-items: center;gap: 8px;font: 700 12px/1 var(--font);letter-spacing: .14em;text-transform: uppercase;color: #e8b54a}.eyebrow::before{content: '';width: 22px;height: 2px;background: currentColor}.hero h1{color: var(--hero-ink);font-size: clamp(38px,5.6vw,64px);font-weight: 800;margin: 18px 0 18px;letter-spacing: -.03em}.hero h1 em{font-style: normal;color: #e8b54a}.hero p.lede{font-size: clamp(17px,1.6vw,19px);color: var(--hero-muted);max-width: 560px;margin: 0 0 28px}.hero-search{display: flex;align-items: center;gap: 12px;width: min(100%,520px);height: 56px;padding: 0 10px 0 18px;border-radius: 16px;background: rgba(255,255,255,.07);border: 1px solid rgba(255,255,255,.14);color: var(--hero-muted);cursor: text;font-size: 16px;text-align: left;transition: background .2s,border-color .2s}.hero-search:hover{background: rgba(255,255,255,.1);border-color: rgba(255,255,255,.24)}.hero-search svg{width: 20px;height: 20px;flex: none}.hero-search span{flex: 1}.hero-search kbd{background: rgba(255,255,255,.08);border-color: rgba(255,255,255,.16);color: var(--hero-muted)}.hero-stats{display: flex;flex-wrap: wrap;gap: 28px;margin-top: 30px}.hero-stats div{font-size: 14px;color: var(--hero-muted)}.hero-stats b{display: block;font: 800 26px/1.1 var(--display);color: var(--hero-ink)}.hero-art{position: relative;aspect-ratio: 1200/630;border-radius: 22px;overflow: hidden;box-shadow: 0 30px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08);transform: rotate(1.5deg)}.hero-art img{width: 100%;height: 100%;object-fit: cover}.hero-art-2{position: absolute;width: 58%;right: -6%;bottom: -18%;transform: rotate(-4deg);border-radius: 16px;overflow: hidden;box-shadow: 0 20px 50px -10px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.1)}.hero-visual{position: relative;padding-bottom: 40px}@media (max-width: 900px){.hero-inner{grid-template-columns: 1fr;padding: 48px 0 56px;gap: 32px}.hero-visual{display: none}}.section{padding: 72px 0}.section + .section{padding-top: 0}.section-head{display: flex;align-items: end;justify-content: space-between;gap: 16px;margin-bottom: 28px;flex-wrap: wrap}.section-head h2{font-size: clamp(26px,3vw,34px);font-weight: 800}.section-head p{margin: 6px 0 0;color: var(--muted)}.link-arrow{font-weight: 600;text-decoration: none;color: var(--brand);display: inline-flex;gap: 6px;align-items: center}.link-arrow:hover{text-decoration: underline}.grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 28px}@media (max-width: 1000px){.grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 640px){.grid{grid-template-columns: 1fr;gap: 22px}}.card{position: relative;display: flex;flex-direction: column;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);overflow: hidden;transition: transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,border-color .25s}.card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--line-2)}.card-media{aspect-ratio: 1200/630;overflow: hidden;background: #1a2415}.card-media img{width: 100%;height: 100%;object-fit: cover;transition: transform .6s cubic-bezier(.2,.7,.3,1)}.card:hover .card-media img{transform: scale(1.04)}.card-body{display: flex;flex-direction: column;gap: 10px;padding: 20px 22px 22px;flex: 1}.card h3{font-size: 20px;font-weight: 700;line-height: 1.25}.card h3 a{text-decoration: none}.card h3 a::after{content: '';position: absolute;inset: 0;z-index: 1}.card p{margin: 0;color: var(--muted);font-size: 15px;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.card .meta{margin-top: auto;padding-top: 6px}.pill{position: relative;z-index: 2;display: inline-flex;align-items: center;gap: 7px;width: fit-content;font: 700 12px/1 var(--font);letter-spacing: .06em;text-transform: uppercase;color: var(--cat,var(--brand));text-decoration: none}.pill::before{content: '';width: 8px;height: 8px;border-radius: 3px;background: currentColor}a.pill:hover{text-decoration: underline}.meta{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 14px;font-size: 13.5px;color: var(--muted)}.meta span{display: inline-flex;align-items: center;gap: 6px}.meta svg{width: 15px;height: 15px;opacity: .8}[data-cat='seo']{--cat: var(--c-seo)}[data-cat='social-media']{--cat: var(--c-social-media)}[data-cat='paid-advertising']{--cat: var(--c-paid-advertising)}[data-cat='email-marketing']{--cat: var(--c-email-marketing)}[data-cat='branding']{--cat: var(--c-branding)}[data-cat='digital-strategy']{--cat: var(--c-digital-strategy)}.featured{display: grid;grid-template-columns: 1.35fr 1fr;gap: 28px}.featured .card-lg .card-body{padding: 26px 30px 30px}.featured .card-lg h3{font-size: clamp(24px,2.6vw,32px);font-weight: 800}.featured .card-lg p{font-size: 16.5px;-webkit-line-clamp: 4;line-clamp: 4}.featured .side{display: grid;gap: 28px}.card-row{flex-direction: row}.card-row .card-media{width: 44%;flex: none;aspect-ratio: auto}.card-row .card-body{padding: 18px 20px}.card-row h3{font-size: 18px}.card-row p{-webkit-line-clamp: 2;line-clamp: 2}.badge-start{position: absolute;top: 16px;left: 16px;z-index: 2;background: #e8b54a;color: #1a1606;font: 800 12px/1 var(--font);letter-spacing: .08em;text-transform: uppercase;padding: 8px 12px;border-radius: 999px;box-shadow: 0 6px 16px -6px rgba(0,0,0,.5)}@media (max-width: 900px){.featured{grid-template-columns: 1fr}}@media (max-width: 520px){.card-row{flex-direction: column}.card-row .card-media{width: 100%;aspect-ratio: 1200/630}}.topics{display: grid;grid-template-columns: repeat(3,1fr);gap: 18px}@media (max-width: 900px){.topics{grid-template-columns: repeat(2,1fr)}}@media (max-width: 560px){.topics{grid-template-columns: 1fr}}.topic{position: relative;display: flex;gap: 16px;align-items: flex-start;padding: 22px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line);text-decoration: none;transition: border-color .2s,transform .2s,box-shadow .2s;overflow: hidden}.topic::after{content: '';position: absolute;inset: auto -40px -60px auto;width: 140px;height: 140px;border-radius: 50%;background: var(--cat);opacity: .08;transition: opacity .2s,transform .3s}.topic:hover{border-color: var(--cat);transform: translateY(-2px);box-shadow: var(--shadow)}.topic:hover::after{opacity: .16;transform: scale(1.2)}.topic-icon{flex: none;width: 48px;height: 48px;border-radius: 14px;display: grid;place-items: center;background: color-mix(in srgb,var(--cat) 14%,transparent);color: var(--cat)}.topic-icon svg{width: 24px;height: 24px}.topic h3{font-size: 18px;font-weight: 700;margin-bottom: 4px}.topic p{margin: 0;font-size: 14.5px;color: var(--muted);line-height: 1.55}.topic .count{display: inline-block;margin-top: 10px;font-size: 13px;font-weight: 600;color: var(--cat)}.filters{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 28px}.chip{display: inline-flex;align-items: center;gap: 8px;height: 38px;padding: 0 14px;border-radius: 999px;border: 1px solid var(--line-2);background: var(--surface);font-size: 14px;font-weight: 600;color: var(--ink-2);cursor: pointer;text-decoration: none;transition: background .15s,color .15s,border-color .15s}.chip:hover{border-color: var(--cat,var(--brand));color: var(--ink)}.chip[aria-pressed='true']{background: var(--ink);border-color: var(--ink);color: var(--bg)}.chip .n{font-size: 12px;opacity: .65}.card[hidden]{display: none}.cta-band{position: relative;overflow: hidden;border-radius: 26px;background: var(--hero);color: var(--hero-ink);padding: clamp(32px,5vw,56px);display: grid;grid-template-columns: 1fr auto;gap: 28px;align-items: center;isolation: isolate}.cta-band::before{content: '';position: absolute;inset: 0;z-index: -1;background: radial-gradient(60% 120% at 100% 0%,rgba(232,181,74,.22),transparent 60%),radial-gradient(40% 90% at 0% 100%,rgba(125,160,80,.25),transparent 60%)}.cta-band h2{color: var(--hero-ink);font-size: clamp(24px,3vw,34px);font-weight: 800}.cta-band p{margin: 10px 0 0;color: var(--hero-muted);max-width: 620px}@media (max-width: 760px){.cta-band{grid-template-columns: 1fr}}.post-head{padding: 44px 0 28px}.post-head .inner{max-width: 860px}.crumbs{display: flex;flex-wrap: wrap;gap: 8px;list-style: none;padding: 0;margin: 0 0 22px;font-size: 14px;color: var(--muted)}.crumbs li + li::before{content: '/';margin-right: 8px;opacity: .5}.crumbs a{text-decoration: none}.crumbs a:hover{text-decoration: underline;color: var(--ink)}.crumbs [aria-current]{color: var(--ink-2);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 36ch}.post-head h1{font-size: clamp(32px,4.6vw,52px);font-weight: 800;letter-spacing: -.03em;margin: 14px 0 16px}.dek{font-size: clamp(18px,2vw,21px);line-height: 1.55;color: var(--ink-2);margin: 0 0 24px;max-width: 760px}.byline{display: flex;align-items: center;gap: 14px;flex-wrap: wrap}.byline .who{display: flex;align-items: center;gap: 12px;margin-right: 8px}.byline .who img{width: 44px;height: 44px;border-radius: 12px}.byline .who b{display: block;font-size: 15px}.byline .who a{text-decoration: none}.byline .who span{font-size: 13.5px;color: var(--muted)}.post-hero{margin: 8px auto 0;max-width: 1080px;border-radius: 24px;overflow: hidden;box-shadow: var(--shadow-lg);aspect-ratio: 1200/630;background: #1a2415}.post-hero img{width: 100%;height: 100%;object-fit: cover}.post-layout{display: grid;grid-template-columns: 240px minmax(0,var(--read)) 1fr;gap: 56px;padding: 56px 0 24px}.toc{position: sticky;top: 96px;align-self: start;font-size: 14px;max-height: calc(100vh - 120px);overflow: auto}.toc h2{font: 700 12px/1 var(--font);letter-spacing: .12em;text-transform: uppercase;color: var(--muted);margin: 0 0 14px}.toc ol{list-style: none;margin: 0;padding: 0;border-left: 2px solid var(--line)}.toc a{display: block;padding: 7px 0 7px 16px;margin-left: -2px;border-left: 2px solid transparent;text-decoration: none;color: var(--muted);line-height: 1.4;transition: color .15s,border-color .15s}.toc a:hover{color: var(--ink)}.toc a.active{color: var(--ink);border-left-color: var(--brand);font-weight: 600}.no-toc .toc{visibility: hidden}.toc-mobile{display: none;margin: 0 0 28px;border: 1px solid var(--line);border-radius: var(--radius-sm);background: var(--surface)}.toc-mobile summary{padding: 14px 18px;font-weight: 600;cursor: pointer;list-style: none;display: flex;justify-content: space-between;align-items: center}.toc-mobile summary::-webkit-details-marker{display: none}.toc-mobile summary::after{content: '+';font-size: 20px;color: var(--muted)}.toc-mobile[open] summary::after{content: '−'}.toc-mobile ol{margin: 0;padding: 0 18px 14px 36px}.toc-mobile li{padding: 5px 0}.toc-mobile a{text-decoration: none;color: var(--ink-2)}.share-rail{position: sticky;top: 96px;align-self: start;display: flex;flex-direction: column;gap: 10px;width: fit-content}.share-rail span{font: 700 11px/1 var(--font);letter-spacing: .12em;text-transform: uppercase;color: var(--muted);margin-bottom: 4px}@media (max-width: 1180px){.post-layout{grid-template-columns: 220px minmax(0,1fr);gap: 44px}.share-rail{display: none}}@media (max-width: 900px){.post-layout{grid-template-columns: 1fr;padding-top: 36px}.toc{display: none}.toc-mobile{display: block}}.prose{font-size: 18.5px;line-height: 1.8;color: var(--ink-2)}.prose>* + *{margin-top: 1.25em}.prose p{margin: 0}.prose>p:first-of-type::first-letter{float: left;font: 800 3.6em/.82 var(--display);margin: .08em .1em 0 0;color: var(--brand)}.prose h2{font-size: clamp(24px,2.6vw,30px);font-weight: 800;margin-top: 2em;scroll-margin-top: 96px;position: relative}.prose h2 + p{margin-top: .8em}.prose h2 .anchor{position: absolute;left: -1.1em;top: 0;padding-right: .3em;opacity: 0;color: var(--muted);text-decoration: none;font-weight: 600;transition: opacity .15s}.prose h2:hover .anchor,.prose h2 .anchor:focus{opacity: 1}.prose h3{font-size: 22px;margin-top: 1.8em}.prose a{color: var(--brand);font-weight: 500}.prose strong{color: var(--ink)}.prose blockquote{margin: 1.6em 0;padding: 6px 0 6px 24px;border-left: 4px solid var(--accent);font-size: 1.1em;font-style: italic;color: var(--ink)}.prose ul,.prose ol{padding-left: 1.3em}.prose li + li{margin-top: .4em}@media (max-width: 640px){.prose{font-size: 17.5px;line-height: 1.75}.prose h2 .anchor{display: none}}.note{display: flex;gap: 16px;padding: 20px 22px;margin: 0 0 36px;border-radius: var(--radius-sm);background: var(--accent-bg);border: 1px solid color-mix(in srgb,var(--accent) 35%,transparent);font-size: 16px;line-height: 1.65;color: var(--ink-2)}.note svg{flex: none;width: 24px;height: 24px;color: var(--accent);margin-top: 2px}.note b.t{display: block;color: var(--ink);font-size: 15px;margin-bottom: 4px}.note p{margin: 0}.note strong{color: var(--ink)}.post-foot{max-width: var(--read)}.share{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;padding: 24px 0;margin-top: 40px;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line)}.share>span{font-weight: 700;margin-right: 6px}.share a,.share button{width: 42px;height: 42px}.copied{position: fixed;left: 50%;bottom: 28px;z-index: 90;transform: translate(-50%,20px);opacity: 0;background: var(--ink);color: var(--bg);padding: 12px 18px;border-radius: 12px;font-weight: 600;font-size: 14px;transition: opacity .2s,transform .2s;pointer-events: none}.copied.show{opacity: 1;transform: translate(-50%,0)}.author-box{display: flex;gap: 18px;padding: 26px;margin-top: 32px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line)}.author-box img{width: 64px;height: 64px;border-radius: 16px;flex: none}.author-box h2{font-size: 18px;margin-bottom: 6px}.author-box p{margin: 0;color: var(--muted);font-size: 15px}.author-box a{color: var(--brand);font-weight: 600}.post-cta{margin-top: 32px;padding: 28px;border-radius: var(--radius);background: var(--hero);color: var(--hero-ink);position: relative;overflow: hidden;isolation: isolate}.post-cta::before{content: '';position: absolute;inset: 0;z-index: -1;background: radial-gradient(70% 140% at 100% 0%,color-mix(in srgb,var(--cat) 40%,transparent),transparent 60%)}.post-cta h2{color: var(--hero-ink);font-size: 22px;font-weight: 800}.post-cta p{color: var(--hero-muted);margin: 8px 0 18px}.pager{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-top: 32px}.pager a{display: block;padding: 18px 20px;border-radius: var(--radius-sm);border: 1px solid var(--line);background: var(--surface);text-decoration: none;transition: border-color .2s}.pager a:hover{border-color: var(--brand)}.pager small{display: block;font-size: 12px;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;color: var(--muted);margin-bottom: 6px}.pager b{font-family: var(--display);font-size: 16px;line-height: 1.35}.pager .next{text-align: right;grid-column: 2}@media (max-width: 560px){.pager{grid-template-columns: 1fr}.pager .next{grid-column: 1}}.page-head{padding: 56px 0 40px;background: var(--bg-soft);border-bottom: 1px solid var(--line);margin-bottom: 48px}.page-head h1{font-size: clamp(34px,4.6vw,52px);font-weight: 800;margin: 12px 0 14px;letter-spacing: -.03em}.page-head p{font-size: 18px;color: var(--ink-2);max-width: 720px;margin: 0}.page-head .topic-icon{width: 56px;height: 56px;border-radius: 16px}.about{display: grid;grid-template-columns: minmax(0,var(--read)) 1fr;gap: 56px;padding-bottom: 72px}.about aside{align-self: start;position: sticky;top: 96px;padding: 24px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line)}.about aside h2{font-size: 18px;margin-bottom: 12px}.about aside ul{margin: 0;padding: 0;list-style: none}.about aside li{padding: 8px 0;border-bottom: 1px solid var(--line)}.about aside li:last-child{border: 0}.about aside a{text-decoration: none;font-weight: 500}@media (max-width: 900px){.about{grid-template-columns: 1fr}.about aside{position: static}}.site-footer{margin-top: 72px;background: var(--hero);color: var(--hero-muted);font-size: 15px}.foot-grid{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 40px;padding: 64px 0 40px}.site-footer .brand-name{color: var(--hero-ink)}.site-footer h2{font: 700 12px/1 var(--font);letter-spacing: .14em;text-transform: uppercase;color: var(--hero-ink);margin: 6px 0 16px}.site-footer ul{list-style: none;margin: 0;padding: 0}.site-footer li + li{margin-top: 10px}.site-footer a{text-decoration: none}.site-footer a:hover{color: var(--hero-ink);text-decoration: underline}.site-footer p{margin: 16px 0 0;max-width: 340px}.foot-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 12px;padding: 22px 0 28px;border-top: 1px solid rgba(255,255,255,.08);font-size: 13.5px}@media (max-width: 860px){.foot-grid{grid-template-columns: 1fr 1fr}.foot-grid>:first-child{grid-column: 1 / -1}}dialog.search{width: min(100% - 24px,680px);max-height: min(78vh,720px);margin: 10vh auto auto;padding: 0;border: 1px solid var(--line-2);border-radius: 20px;background: var(--surface);color: var(--ink);box-shadow: 0 40px 100px -20px rgba(0,0,0,.5);overflow: hidden}dialog.search[open]{display: flex;flex-direction: column;animation: pop .18s ease-out}dialog.search::backdrop{background: rgba(10,14,8,.55);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px)}@keyframes pop{from{opacity: 0;transform: translateY(8px) scale(.98)}}.search-top{display: flex;align-items: center;gap: 12px;padding: 0 16px;border-bottom: 1px solid var(--line)}.search-top svg{width: 20px;height: 20px;color: var(--muted);flex: none}.search-top input{flex: 1;height: 62px;border: 0;background: transparent;font: 500 18px var(--font);color: var(--ink);outline: none;min-width: 0}.search-top input::-webkit-search-cancel-button{display: none}.search-results{overflow: auto;padding: 8px}.search-results a{display: block;padding: 12px 14px;border-radius: 12px;text-decoration: none}.search-results a[aria-selected='true'],.search-results a:hover{background: var(--bg-soft)}.search-results b{display: block;font-family: var(--display);font-size: 16px;line-height: 1.35}.search-results span{display: block;font-size: 14px;color: var(--muted);margin-top: 3px;line-height: 1.5}.search-results mark{background: var(--accent-bg);color: var(--ink);border-radius: 3px;padding: 0 2px}.search-results .pill{margin-bottom: 6px;font-size: 11px}.search-empty{padding: 28px 16px;text-align: center;color: var(--muted)}.search-foot{display: flex;gap: 16px;padding: 10px 16px;border-top: 1px solid var(--line);font-size: 12.5px;color: var(--muted);background: var(--surface-2)}@media (max-width: 560px){dialog.search{margin-top: 12px;max-height: 88vh}.search-foot{display: none}}.to-top{position: fixed;right: 20px;bottom: 20px;z-index: 40;opacity: 0;pointer-events: none;transform: translateY(10px);transition: opacity .2s,transform .2s;box-shadow: var(--shadow)}.to-top.show{opacity: 1;pointer-events: auto;transform: none}.nf{text-align: center;padding: 96px 0 40px}.nf .code{font: 400 clamp(90px,16vw,160px)/1 var(--stencil);color: var(--brand)}.nf h1{font-size: clamp(28px,4vw,40px);margin: 12px 0}.nf p{color: var(--muted);max-width: 520px;margin: 0 auto 26px}.nf .row{display: flex;gap: 12px;justify-content: center;flex-wrap: wrap}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important}}@media print{.site-header,.site-footer,.toc,.toc-mobile,.share,.share-rail,.post-cta,.pager,.related,.to-top,.author-box{display: none !important}body{background: #fff;color: #000;font-size: 12pt}.post-layout{display: block;padding: 0}.post-hero{box-shadow: none}.prose a::after{content: ' (' attr(href) ')';font-size: .85em;color: #555}}