:root{--astro-code-foreground: var(--paper-1);--astro-code-background: var(--ink-1);--astro-code-token-comment: var(--paper-3);--astro-code-token-keyword: var(--amber);--astro-code-token-string: oklch(.78 .12 145);--astro-code-token-string-expression: oklch(.78 .12 145);--astro-code-token-constant: var(--amber-2);--astro-code-token-function: var(--amber);--astro-code-token-parameter: var(--paper-0);--astro-code-token-punctuation: var(--paper-2);--astro-code-token-link: var(--amber)}.art-hero{padding:80px 56px 40px}@media(max-width:700px){.art-hero{padding:48px 24px 24px}}h1.art-h{font-family:var(--ff-display);font-weight:300;font-size:clamp(44px,7vw,104px);line-height:.98;letter-spacing:-.03em;margin-top:32px;max-width:22ch}h1.art-h em{color:var(--amber);font-style:italic}.art-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:40px;font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;color:var(--paper-2);text-transform:uppercase;border-top:1px solid var(--ink-4);border-bottom:1px solid var(--ink-4);padding:20px 0}.art-meta b{color:var(--amber)}.art-hero-fig{margin:32px 0 0;aspect-ratio:16/7;border:1px solid var(--ink-4);background:linear-gradient(135deg,var(--ink-2),var(--ink-0) 70%);position:relative;overflow:hidden}.art-hero-fig:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,var(--amber-wash),transparent 50%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(244,239,230,.04) 79px 80px)}.art-hero-fig .lbl{position:absolute;top:14px;left:14px;font-family:var(--ff-mono);font-size:10px;color:var(--paper-2);letter-spacing:.16em;text-transform:uppercase}.art-hero-fig .lbl.tr{left:auto;right:14px;color:var(--amber)}.art-hero-fig .big{position:absolute;right:40px;bottom:40px;font-family:var(--ff-display);font-style:italic;font-size:clamp(60px,12vw,180px);line-height:.8;color:var(--amber);letter-spacing:-.04em}.art-hero-fig .big .out{-webkit-text-stroke:1.5px var(--paper-2);color:transparent}.art-body{max-width:680px;margin:0 auto;padding:72px 24px 120px;font-family:var(--ff-sans);font-size:18px;line-height:1.65;color:var(--paper-1)}@media(max-width:500px){.art-body{padding:48px 16px 80px;font-size:17px}}.art-body>*{margin-bottom:24px}.art-body p.lead{font-family:var(--ff-editorial);font-style:italic;font-size:26px;line-height:1.4;color:var(--paper-0);border-left:2px solid var(--amber);padding-left:20px;margin-bottom:40px}.art-body h2{font-family:var(--ff-display);font-weight:400;font-size:40px;line-height:1.05;letter-spacing:-.025em;color:var(--paper-0);margin-top:64px;scroll-margin-top:calc(var(--chrome-h) + 40px)}.art-body h2 em{color:var(--amber);font-style:italic}.art-body h3{font-family:var(--ff-display);font-weight:500;font-size:26px;line-height:1.2;letter-spacing:-.015em;color:var(--paper-0);margin-top:40px;scroll-margin-top:calc(var(--chrome-h) + 40px)}.art-body strong{color:var(--paper-0);font-weight:600}.art-body em{color:var(--paper-0);font-style:italic;font-family:var(--ff-editorial)}.art-body a{color:var(--amber);border-bottom:1px solid currentColor}.art-body ul,.art-body ol{padding-left:20px}.art-body li{margin-bottom:10px}.art-body blockquote{border-left:2px solid var(--amber);padding:20px 24px;font-family:var(--ff-editorial);font-style:italic;font-size:24px;line-height:1.4;color:var(--paper-0);background:color-mix(in oklab,var(--amber) 4%,transparent);margin:40px 0}.art-body blockquote p{margin-bottom:0}.art-body blockquote em{color:var(--amber);font-style:italic}.art-body code{font-family:var(--ff-mono);font-size:.92em;padding:2px 6px;background:var(--ink-2);border:1px solid var(--ink-4);color:var(--amber)}.art-body pre.astro-code,.art-body pre.astro-code.css-variables{background:var(--astro-code-background)!important;border:1px solid var(--ink-4);padding:20px;font-family:var(--ff-mono);font-size:13px;overflow-x:auto;line-height:1.6}.art-body pre.astro-code code{background:none;border:0;padding:0;color:inherit;font-size:inherit}.art-body pre.astro-code code .line{display:block;min-height:1em}.art-body figure{margin:40px 0;border:1px solid var(--ink-4);background:var(--ink-1)}.art-body figure .ph{aspect-ratio:16/9;background:linear-gradient(135deg,var(--ink-2),var(--ink-1));position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--ff-display);font-style:italic;color:var(--paper-3);font-size:22px}.art-body figure figcaption{padding:14px 18px;font-family:var(--ff-mono);font-size:11px;color:var(--paper-3);letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--ink-4)}.art-with-toc{display:grid;grid-template-columns:240px 1fr 180px;gap:56px;max-width:1200px;margin:0 auto;padding:72px 24px 120px}.art-with-toc .art-body{padding:0;margin:0;max-width:none}@media(max-width:1000px){.art-with-toc{grid-template-columns:1fr;padding:48px 24px 80px}.art-with-toc>aside{display:none}}.toc{position:sticky;top:calc(var(--chrome-h) + 24px);font-family:var(--ff-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-3);align-self:start}.toc h4{color:var(--amber);margin-bottom:12px}.toc ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.toc a{color:var(--paper-2);border-left:1px solid var(--ink-4);padding:6px 12px;display:block;transition:color .2s,border-color .2s}.toc a:hover,.toc a.active{color:var(--amber);border-color:var(--amber)}.share{display:flex;flex-direction:column;gap:14px;position:sticky;top:calc(var(--chrome-h) + 24px);font-family:var(--ff-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-3);align-self:start}.share a{display:block;padding:10px;border:1px solid var(--ink-4);text-align:center;color:var(--paper-2);transition:all .25s;cursor:pointer}.share a:hover,.share button:hover{background:var(--amber);color:var(--ink-0);border-color:var(--amber)}.share button{display:block;width:100%;padding:10px;border:1px solid var(--ink-4);background:transparent;text-align:center;color:var(--paper-2);font:inherit;letter-spacing:inherit;text-transform:inherit;transition:all .25s;cursor:pointer}.author{display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:center;border:1px solid var(--ink-4);padding:24px;margin-top:48px;background:var(--ink-1)}@media(max-width:700px){.author{grid-template-columns:80px 1fr}.author .cta-btn{grid-column:span 2}}.author .avatar{display:block;width:100%;height:auto;align-self:center;border:1px solid var(--ink-4)}.author h4{font-family:var(--ff-display);font-weight:400;font-size:22px;letter-spacing:-.015em}.author h4 em{color:var(--amber);font-style:italic}.author p{font-family:var(--ff-editorial);font-style:italic;font-size:15px;color:var(--paper-1);line-height:1.5;margin-top:6px}.related{border-top:1px solid var(--ink-4);padding:80px 56px}@media(max-width:700px){.related{padding:56px 24px}}.related h3{font-family:var(--ff-display);font-weight:300;font-size:clamp(36px,5vw,72px);letter-spacing:-.03em;margin-bottom:40px}.related h3 em{color:var(--amber);font-style:italic}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink-4);border-left:1px solid var(--ink-4)}@media(max-width:900px){.related-grid{grid-template-columns:1fr}}.related-grid a{padding:28px;border-right:1px solid var(--ink-4);border-bottom:1px solid var(--ink-4);display:flex;flex-direction:column;gap:10px;transition:background .3s;cursor:pointer}.related-grid a:hover{background:color-mix(in oklab,var(--amber) 5%,transparent)}.related-grid .cat{font-family:var(--ff-mono);font-size:10px;color:var(--amber);letter-spacing:.14em;text-transform:uppercase}.related-grid h4{font-family:var(--ff-display);font-weight:400;font-size:22px;line-height:1.15;letter-spacing:-.015em}.related-grid a:hover h4{font-style:italic;color:var(--amber)}.related-grid .m{margin-top:auto;font-family:var(--ff-mono);font-size:10px;color:var(--paper-3);letter-spacing:.12em;text-transform:uppercase}
