:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper-0:#fffcf7;--paper-1:#fbf6ee;--paper-2:#f4eee3;--paper-3:#ece3d6;--ink-0:#15110d;--ink-1:#37322e;--ink-2:#615d59;--ink-3:#8f8b89;--ink-4:#c8c3bf;--line:#dcd7cf;--line-strong:#bcb7ae;--amber:#d1671d;--amber-strong:#b64700;--amber-soft:#ffe7d7;--amber-line:#f5b488;--c-clay:#b85e3a;--c-clay-soft:#f5e2d4;--c-clay-deep:#8a3e1f;--c-ochre:#b8932a;--c-ochre-soft:#f4ead0;--c-ochre-deep:#7a6118;--c-sand:#a88563;--c-sand-soft:#f1e6d6;--c-sand-deep:#6e553d;--c-moss:#6b8159;--c-moss-soft:#dde6d4;--c-moss-deep:#3f4f33;--c-slate:#4f6471;--c-slate-soft:#d8dfe5;--c-slate-deep:#2a3640;--kind-context-bg:#ffe7e8;--kind-context-fg:#9c2436;--kind-context-line:#f6c2c4;--kind-decision-bg:#ffe8e2;--kind-decision-fg:#9a2c00;--kind-decision-line:#f5c4b7;--kind-anti-pattern-bg:#d9f4fd;--kind-anti-pattern-fg:#006183;--kind-anti-pattern-line:#aadaea;--kind-pattern-bg:#e1f5e4;--kind-pattern-fg:#225a31;--kind-pattern-line:#bbdbc0;--kind-question-bg:#eaedff;--kind-question-fg:#5348a1;--kind-question-line:#c9cdf9;--good:var(--c-moss);--warn:var(--c-ochre);--error:#b04030;--hl:#f5e98a;--font-display:"Newsreader",ui-serif,Georgia,serif;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--t-hero:56px;--t-display:38px;--t-h1:30px;--t-h2:22px;--t-h3:17px;--t-body:16px;--t-small:13px;--t-micro:11px;--t-tiny:10px;--tr-tight:-.02em;--tr-snug:-.01em;--tr-mono:.16em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-pill:999px;--rule:1px solid var(--line);--rule-strong:1px solid var(--line-strong);--rule-ink:1px solid var(--ink-0);--rule-dashed:1px dashed var(--line-strong);--ease:cubic-bezier(.2,0,0,1);--dur-fast:.12s;--dur:.24s;--bg:var(--paper-0)}@supports (color:lab(0% 0 0)){:root{--paper-0:lab(99.0952% .458837 3.01471);--paper-1:lab(97.134% .703216 4.53185);--paper-2:lab(94.2441% .9588 6.05683);--paper-3:lab(90.7736% 1.2269 7.59105);--ink-0:lab(5.25001% 1.38035 2.33883);--ink-1:lab(21.0992% 1.7352 3.36327);--ink-2:lab(39.6648% 1.36009 2.67056);--ink-3:lab(58.2291% 1.00935 1.99587);--ink-4:lab(79.1055% 1.34653 2.66166);--line:lab(86.1137% .707865 4.53497);--line-strong:lab(74.5184% .843406 5.30286);--amber:lab(56.11% 39.4142 57.4634);--amber-strong:lab(45.3567% 47.1218 69.1308);--amber-soft:lab(93.4865% 8.01012 12.8051);--amber-line:lab(78.7283% 20.4072 31.9501);--kind-context-bg:lab(93.7894% 12.3752 3.89981);--kind-context-fg:lab(35.6803% 49.9343 21.2438);--kind-context-line:lab(83.1096% 19.527 6.20466);--kind-decision-bg:lab(93.9162% 10.6105 8.52206);--kind-decision-fg:lab(36.025% 45.8559 51.5959);--kind-decision-line:lab(83.3023% 16.9271 13.6266);--kind-anti-pattern-bg:lab(94.3799% -7.5677 -7.33202);--kind-anti-pattern-fg:lab(37.5206% -17.1963 -30.3557);--kind-anti-pattern-line:lab(84.0772% -13.6015 -13.3077);--kind-pattern-bg:lab(94.6016% -8.87287 5.65853);--kind-pattern-fg:lab(33.8567% -27.1354 17.8475);--kind-pattern-line:lab(84.4235% -14.8204 9.48435);--kind-question-bg:lab(93.9192% 2.52691 -12.9013);--kind-question-fg:lab(35.3741% 23.5519 -48.1602);--kind-question-line:lab(83.2437% 4.85894 -21.8725)}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--paper-0);color:var(--ink-0);font-family:var(--font-sans);font-size:var(--t-body);text-rendering:optimizeLegibility;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}::selection{background:var(--amber-soft);color:var(--ink-0)}.serif{font-family:var(--font-display)}.mono{font-family:var(--font-mono)}.dim{color:var(--ink-2)}.faint{color:var(--ink-3)}.t-hero{font-family:var(--font-display);font-size:var(--t-hero);letter-spacing:var(--tr-tight);font-weight:500;line-height:1.02}.t-display{font-family:var(--font-display);font-size:var(--t-display);letter-spacing:var(--tr-snug);font-weight:500;line-height:1.08}.t-h1{font-family:var(--font-display);font-size:var(--t-h1);letter-spacing:var(--tr-snug);font-weight:500;line-height:1.12}.t-h2{font-family:var(--font-display);font-size:var(--t-h2);font-weight:500;line-height:1.2}.t-h3{font-family:var(--font-sans);font-size:var(--t-h3);letter-spacing:var(--tr-snug);font-weight:600;line-height:1.3}.t-body{font-size:var(--t-body);color:var(--ink-1);line-height:1.65}.t-lede{color:var(--ink-1);font-size:19px;line-height:1.6}.t-small{font-size:var(--t-small);color:var(--ink-2)}.eyebrow{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--ink-2);letter-spacing:var(--tr-mono);text-transform:uppercase;align-items:baseline;gap:7px;font-weight:500;display:inline-flex}.eyebrow .dot{font-size:7px;transform:translateY(-2px)}.is-clay{color:var(--c-clay)}.is-ochre{color:var(--c-ochre)}.is-sand{color:var(--c-sand)}.is-moss{color:var(--c-moss)}.is-slate{color:var(--c-slate)}.art{font-family:var(--font-mono);white-space:pre;-webkit-user-select:none;user-select:none;font-size:11px;line-height:1;overflow:hidden}.divider{border:none;border-top:var(--rule);margin:var(--sp-6)0}.divider.ascii{text-align:center;font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.4em;-webkit-user-select:none;user-select:none;border:none;font-size:10px}.divider-labeled{align-items:center;gap:var(--sp-3);margin:var(--sp-7)0;display:flex}.divider-labeled:before,.divider-labeled:after{content:"";border-top:var(--rule);flex:1}.divider-labeled .lbl{font-family:var(--font-mono);font-size:var(--t-tiny);color:var(--ink-2);letter-spacing:var(--tr-mono);text-transform:uppercase}.btn{font-family:var(--font-sans);border-radius:var(--r-sm);border:1px solid var(--line-strong);color:var(--ink-0);background:var(--paper-0);transition:background var(--dur-fast)var(--ease),border-color var(--dur-fast)var(--ease),color var(--dur-fast)var(--ease);align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--paper-2);border-color:var(--ink-3)}.btn-primary{background:var(--amber);border-color:var(--amber);color:#fff}.btn-primary:hover{background:var(--amber-strong);border-color:var(--amber-strong)}.btn-mono{font-family:var(--font-mono);font-size:13px}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--paper-2);border-color:#0000}.kind{font-family:var(--font-mono);letter-spacing:.02em;border-radius:var(--r-xs);background:var(--paper-2);color:var(--ink-1);border:1px solid var(--line);text-transform:lowercase;align-items:center;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.kind-context{background:var(--kind-context-bg);color:var(--kind-context-fg);border-color:var(--kind-context-line)}.kind-decision{background:var(--kind-decision-bg);color:var(--kind-decision-fg);border-color:var(--kind-decision-line)}.kind-anti-pattern{background:var(--kind-anti-pattern-bg);color:var(--kind-anti-pattern-fg);border-color:var(--kind-anti-pattern-line)}.kind-pattern{background:var(--kind-pattern-bg);color:var(--kind-pattern-fg);border-color:var(--kind-pattern-line)}.kind-question{background:var(--kind-question-bg);color:var(--kind-question-fg);border-color:var(--kind-question-line)}.tag{font-family:var(--font-mono);letter-spacing:.04em;text-transform:lowercase;border-radius:var(--r-xs);border:1px solid var(--line);align-items:center;gap:5px;padding:3px 9px 3px 8px;font-size:11px;font-weight:500;display:inline-flex}.tag:before{content:"●";font-size:7px}.tag.is-clay{color:var(--c-clay-deep);background:var(--c-clay-soft);border-color:color-mix(in oklch,var(--c-clay)30%,var(--line))}.tag.is-ochre{color:var(--c-ochre-deep);background:var(--c-ochre-soft);border-color:color-mix(in oklch,var(--c-ochre)30%,var(--line))}.tag.is-sand{color:var(--c-sand-deep);background:var(--c-sand-soft);border-color:color-mix(in oklch,var(--c-sand)30%,var(--line))}.tag.is-moss{color:var(--c-moss-deep);background:var(--c-moss-soft);border-color:color-mix(in oklch,var(--c-moss)30%,var(--line))}.tag.is-slate{color:var(--c-slate-deep);background:var(--c-slate-soft);border-color:color-mix(in oklch,var(--c-slate)30%,var(--line))}.hint{border:var(--rule-dashed);border-radius:var(--r-md);font-size:var(--t-small);color:var(--ink-2);font-family:var(--font-mono);padding:12px 16px}.hint code{color:var(--ink-0)}.card{border:var(--rule);border-radius:var(--r-md);background:var(--paper-1);transition:border-color var(--dur-fast)var(--ease),transform var(--dur-fast)var(--ease);overflow:hidden}.card:hover{border-color:var(--line-strong)}.panel{border:var(--rule);background:var(--paper-0)}code{font-family:var(--font-mono);background:var(--paper-2);color:var(--ink-0);border-radius:var(--r-xs);border:1px solid var(--line);padding:1px 6px;font-size:.88em}.of-topbar{z-index:50;background:color-mix(in oklch,var(--paper-0)86%,transparent);-webkit-backdrop-filter:blur(12px);border-bottom:var(--rule);position:sticky;top:0}.of-topbar .row{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;height:56px;margin:0 auto;padding:0 32px;display:flex}.of-brand{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.of-brand .mark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-0);font-size:19px;font-weight:600}.of-brand .slug{font-family:var(--font-mono);color:var(--ink-3);font-size:11px}.of-nav{white-space:nowrap;gap:24px;display:flex}.of-nav a{font-family:var(--font-mono);color:var(--ink-2);transition:color var(--dur-fast)var(--ease);font-size:12px}@media (max-width:640px){.of-topbar .row{padding:0 18px}.of-brand .slug{display:none}.of-nav{gap:14px}}.of-footer{border-top:var(--rule-ink);margin-top:8px;padding:36px 0 64px}.of-footer .foot-row{max-width:1200px;font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;gap:24px;margin:0 auto;padding:0 32px;font-size:11px;display:flex}.of-footer .foot-row a{color:var(--ink-3);transition:color var(--dur-fast)var(--ease)}.of-footer .foot-row a:hover{color:var(--amber)}.of-wrap{max-width:1080px;margin:0 auto;padding:0 32px}.of-hero{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:48px;padding:64px 0 56px;display:grid}@media (max-width:820px){.of-hero{grid-template-columns:1fr}}.of-hero .lineage{font-family:var(--font-mono);color:var(--ink-2);margin-bottom:22px;font-size:12px}.of-hero .lineage b{color:var(--ink-0)}.of-hero .lineage .x{color:var(--amber)}.of-hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:18px;font-size:54px;font-weight:500;line-height:1.02}.of-hero h1 em{color:var(--amber);font-style:italic}.of-hero .lede{color:var(--ink-1);max-width:42ch;margin-bottom:26px;font-size:18px;line-height:1.55}.of-hero .cta{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:560px){.of-hero h1{font-size:40px}}.of-hero-art{border:var(--rule);border-radius:var(--r-md);background:var(--paper-2);min-height:300px;position:relative;overflow:hidden}.of-hero-art .art{padding:10px;font-size:12px;position:absolute;inset:0}.of-hero-art .cap{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.16em;text-transform:uppercase;font-size:10px;position:absolute;bottom:10px;left:12px}.of-section{border-top:var(--rule);padding:56px 0}.of-sec-eyebrow{font-family:var(--font-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--ink-2);margin-bottom:14px;font-size:11px}.of-sec-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:28px;font-size:30px;font-weight:500;line-height:1.1}.of-sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.of-sec-head .more{font-family:var(--font-mono);color:var(--ink-2);font-size:12px}.of-sec-head .more:hover{color:var(--amber)}.of-prodgrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:720px){.of-prodgrid{grid-template-columns:1fr}}.of-prod{flex-direction:column;display:flex}.of-prod .thumb{border-bottom:var(--rule);height:132px;position:relative;overflow:hidden}.of-prod .thumb .art{padding:8px;font-size:11px;position:absolute;inset:0}.of-prod .b{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.of-prod .chips{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.of-prod .ttl{font-family:var(--font-display);letter-spacing:-.01em;font-size:22px;font-weight:500;line-height:1.15}.of-prod .dek{color:var(--ink-2);flex:1;font-size:14px;line-height:1.55}.of-prod .meta{border-top:var(--rule-dashed);font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;padding-top:12px;font-size:10px}.of-feed3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:820px){.of-feed3{grid-template-columns:1fr 1fr}}@media (max-width:560px){.of-feed3{grid-template-columns:1fr}}.of-close{border-top:var(--rule);padding:64px 0 8px}.of-close .eyebrow{margin-bottom:18px}.of-close h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:18px;font-size:38px;font-weight:500;line-height:1.05}.of-close h2 em{color:var(--amber);font-style:italic}.of-close .lede{color:var(--ink-1);max-width:50ch;margin-bottom:26px;font-size:18px;line-height:1.55}.of-close .cta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.of-feed{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:620px){.of-feed{grid-template-columns:1fr}}.fcard{border:var(--rule);border-radius:var(--r-md);background:var(--paper-1);transition:border-color var(--dur-fast)var(--ease),transform var(--dur-fast)var(--ease);flex-direction:column;display:flex;overflow:hidden}.fcard:hover{border-color:var(--line-strong);transform:translate(-3px)}.fcard .thumb{border-bottom:var(--rule);height:120px;position:relative;overflow:hidden}.fcard .thumb .art{padding:6px;font-size:11px;position:absolute;inset:0}.fcard .body{flex-direction:column;flex:1;gap:9px;padding:16px 20px 20px;display:flex}.fcard .ttl{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:500;line-height:1.2}.fcard .dek{color:var(--ink-2);flex:1;font-size:13px;line-height:1.5}.fcard .foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.fcard .meta{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.04em;font-size:10px}.fcard .chips{flex-wrap:wrap;gap:7px;display:flex}.of-page{max-width:1200px;margin:0 auto;padding:48px 32px 96px}.of-pagehead{margin-bottom:40px}.of-pagehead h1{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:12px;font-size:44px;font-weight:500;line-height:1.05}@media (max-width:560px){.of-pagehead h1{font-size:34px}}.of-pagehead p{color:var(--ink-2);max-width:64ch;font-size:17px;line-height:1.55}.of-layout{grid-template-columns:1fr 280px;align-items:start;gap:48px;display:grid}@media (max-width:900px){.of-layout{grid-template-columns:1fr}}.of-sublabel{font-family:var(--font-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--ink-2);align-items:center;gap:10px;margin-bottom:18px;font-size:11px;display:flex}.of-sublabel:after{content:"";border-top:var(--rule);flex:1}.of-side{flex-direction:column;gap:24px;display:flex;position:sticky;top:80px}@media (max-width:900px){.of-side{position:static}}.counter{border:var(--rule);border-radius:var(--r-md);background:var(--paper-1);padding:16px 18px}.counter .eyebrow{margin-bottom:8px;display:block}.counter .num{font-family:var(--font-display);color:var(--ink-0);font-size:34px;font-weight:500;line-height:1}.counter .sub{color:var(--ink-2);margin-top:5px;font-size:12px}.status{border:var(--rule);border-radius:var(--r-md);background:var(--paper-1);flex-direction:column;gap:11px;padding:16px 18px;display:flex}.status .ln{font-family:var(--font-mono);color:var(--ink-1);align-items:center;gap:11px;font-size:12px;display:flex}.status .ln .g{color:var(--ink-0);min-width:7ch;display:inline-block}.of-article{max-width:720px;margin:0 auto;padding:64px 28px 96px}.of-article .eyebrow{margin-bottom:22px;display:inline-flex}.of-article h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:20px;font-size:46px;font-weight:500;line-height:1.04}@media (max-width:560px){.of-article h1{font-size:34px}}.of-article .lede{color:var(--ink-1);margin-bottom:28px;font-size:20px;line-height:1.55}.of-byline{font-family:var(--font-mono);color:var(--ink-3);border-bottom:var(--rule);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:8px;padding-bottom:28px;font-size:12px;display:flex}.of-byline .dot{color:var(--c-slate)}.prose{padding-top:36px}.prose p{color:var(--ink-1);max-width:64ch;margin-bottom:32px;font-size:17px;line-height:32px}.prose p strong{color:var(--ink-0);font-weight:600}.prose h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-0);margin:0 0 18px;padding-top:8px;font-size:26px;font-weight:500;line-height:1.2}.prose h3{font-family:var(--font-sans);color:var(--ink-0);margin:0 0 14px;font-size:17px;font-weight:600}.prose ul{flex-direction:column;gap:10px;max-width:64ch;margin:0 0 32px;padding:0;list-style:none;display:flex}.prose ul li{color:var(--ink-1);grid-template-columns:18px 1fr;gap:8px;font-size:17px;line-height:1.6;display:grid}.prose ul li:before{content:"▸";color:var(--amber)}.prose pre.code{background:var(--ink-0);color:#e5ddd0;color:lab(88.4534% 1.22964 7.59306);border-radius:var(--r-md);font-family:var(--font-mono);white-space:pre;margin-bottom:32px;padding:16px 18px;font-size:13px;line-height:1.6;overflow-x:auto}.prose code{font-size:.85em}.prose-fig{border:var(--rule);border-radius:var(--r-md);background:var(--paper-2);max-width:none;margin:8px 0 40px;overflow:hidden}.prose-fig img{width:100%;height:auto;display:block}.prose-fig figcaption{border-top:var(--rule);background:var(--paper-1);color:var(--ink-3);text-align:center;padding:11px 16px 13px;font-size:13px;line-height:1.5}.prose-fig figcaption em{color:var(--ink-2);font-style:italic}.art-divider{border:var(--rule);border-radius:var(--r-md);background:var(--paper-2);height:120px;margin:8px 0 40px;position:relative;overflow:hidden}.art-divider .art{padding:8px;font-size:11px;position:absolute;inset:0}.art-divider .cap{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.16em;text-transform:uppercase;font-size:9px;position:absolute;bottom:8px;left:12px}.prose blockquote,blockquote.of-quote{border-left:2px solid var(--c-clay);font-family:var(--font-display);color:var(--ink-0);max-width:36ch;margin:0 0 40px;padding-left:24px;font-size:26px;font-weight:500;line-height:1.3}.refs{border-top:var(--rule);margin-top:16px;padding-top:28px}.refs .lbl{font-family:var(--font-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--ink-2);margin-bottom:16px;font-size:11px}.refs ol{counter-reset:r;flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.refs li{counter-increment:r;color:var(--ink-2);gap:12px;font-size:13px;display:flex}.refs li:before{content:"[" counter(r)"]";font-family:var(--font-mono);color:var(--amber);flex:none}.of-article-related{max-width:720px;margin:0 auto;padding:0 28px 80px}.of-article-related .lbl{font-family:var(--font-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--ink-2);align-items:center;gap:10px;margin-bottom:16px;font-size:11px;display:flex}.of-article-related .lbl:after{content:"";border-top:var(--rule);flex:1}.of-related-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:640px){.of-related-grid{grid-template-columns:1fr}}.of-thumb{border-bottom:var(--rule);height:92px;position:relative;overflow:hidden}.of-thumb .art{padding:6px;font-size:10px;position:absolute;inset:0}:root{--ink:var(--ink-0);--bg:var(--paper-0);--bg-2:var(--paper-2);--bg-3:var(--paper-3);--line-2:var(--line-strong);--mono:var(--font-mono);--display:var(--font-display);--sans:var(--font-sans);--rule-2:1px solid var(--line-strong);--rule-clay:1px solid var(--c-clay);--rule-ochre:1px solid var(--c-ochre);--rule-sand:1px solid var(--c-sand);--rule-moss:1px solid var(--c-moss);--rule-slate:1px solid var(--c-slate);--mark-clay:2px solid var(--c-clay);--mark-ochre:2px solid var(--c-ochre);--mark-sand:2px solid var(--c-sand);--mark-moss:2px solid var(--c-moss);--mark-slate:2px solid var(--c-slate)}.eyebrow.is-research:before,.eyebrow.is-demo:before,.eyebrow.is-video:before,.eyebrow.is-update:before,.eyebrow.is-essay:before{content:"●";font-size:7px;line-height:1;transform:translateY(-2px)}.eyebrow.is-research:before{color:var(--c-clay)}.eyebrow.is-demo:before{color:var(--c-ochre)}.eyebrow.is-video:before{color:var(--c-sand)}.eyebrow.is-update:before{color:var(--c-moss)}.eyebrow.is-essay:before{color:var(--c-slate)}.tag-filled{font-family:var(--font-mono);font-size:var(--t-tiny);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-0);padding:4px 10px;font-weight:700;display:inline-block}.tag-filled.c-clay{background:var(--c-clay)}.tag-filled.c-ochre{background:var(--c-ochre)}.tag-filled.c-sand{background:var(--c-sand)}.tag-filled.c-moss{background:var(--c-moss)}.tag-filled.c-slate{background:var(--c-slate)}pre.ascii-art,.art-host{font-family:var(--font-mono);color:var(--ink-0);white-space:pre;-webkit-user-select:none;user-select:none;margin:0;font-size:11px;line-height:1}pre.ascii-art.dim{color:var(--ink-3);opacity:.8}pre.ascii-art.faint{color:var(--ink-4);opacity:.5}.drop-cap:first-letter{font-family:var(--font-display);float:left;color:var(--ink-0);padding-top:4px;padding-right:10px;font-size:56px;font-weight:600;line-height:.9}.caret{background:var(--ink-0);vertical-align:text-bottom;width:7px;height:1em;animation:1s steps(2,end) infinite of-caret-blink;display:inline-block}.caret.thick{width:12px}@keyframes of-caret-blink{50%{opacity:0}}@keyframes ascii-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.pulse-dot{background:var(--c-moss);vertical-align:middle;width:7px;height:7px;margin-right:6px;animation:1.6s ease-in-out infinite ascii-pulse;display:inline-block}.arrow-link{align-items:baseline;gap:0;transition:gap .2s;display:inline-flex}.arrow-link .arr{color:currentColor;white-space:nowrap;width:0;transition:width .25s var(--ease);display:inline-block;overflow:hidden}.arrow-link:hover .arr{width:1.2em}.arrow-link:hover{gap:6px}.link-arrow{align-items:baseline;gap:4px;display:inline-flex}.link-arrow .arr{transition:transform .2s var(--ease);display:inline-block}.link-arrow:hover .arr{transform:translate(4px)}.link-sweep{display:inline-block;position:relative}.link-sweep:after{content:"";height:1px;transition:right .3s var(--ease);background:currentColor;position:absolute;bottom:-2px;left:0;right:100%}.link-sweep:hover:after{right:0}.cta-clay:hover{background:var(--c-clay-deep)}.cta-ochre:hover{opacity:.88}.cta-outline:hover{background:var(--ink-0);color:var(--paper-0)}.cta-ghost-dark:hover{background:var(--paper-0);color:var(--c-slate-deep);border-color:var(--paper-0)}.case-card:hover,.dropdown-item:hover{background:var(--paper-2)}.feed-card{transition:transform var(--dur-fast),box-shadow var(--dur-fast)}.feed-card:hover{box-shadow:4px 4px 0 var(--ink-0);transform:translate(-2px,-2px)}@media (max-width:860px){.ri-hero-grid{grid-template-columns:1fr!important;gap:32px!important}.home-split{grid-template-columns:1fr!important;gap:28px!important}}@media (max-width:760px){.ri-3col{grid-template-columns:1fr!important}.ri-4col{grid-template-columns:1fr 1fr!important}.home-2col{grid-template-columns:1fr!important}}@media (max-width:900px){.feed-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:600px){.feed-grid{grid-template-columns:1fr!important}}.rip-chips{flex-wrap:wrap;gap:8px;margin:4px 0 26px;display:flex}.rip-chip{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-clay-deep);background:var(--c-clay-soft);border:1px solid color-mix(in oklch,var(--c-clay)36%,var(--line));border-radius:var(--r-xs);padding:4px 10px;font-size:10px;font-weight:600}.rip-problems{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px;display:grid}@media (max-width:720px){.rip-problems{grid-template-columns:1fr}}.rip-problem{flex-direction:column;gap:10px;padding:22px 22px 24px;display:flex}.rip-problem .n{font-family:var(--font-mono);color:var(--c-clay);letter-spacing:.16em;font-size:11px;font-weight:600}.rip-problem h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-0);font-size:20px;font-weight:500;line-height:1.2}.rip-problem p{color:var(--ink-2);font-size:14px;line-height:1.55}.rip-caps{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px;display:grid}@media (max-width:820px){.rip-caps{grid-template-columns:1fr 1fr}}@media (max-width:560px){.rip-caps{grid-template-columns:1fr}}.rip-cap{flex-direction:column;display:flex}.rip-cap .thumb{border-bottom:var(--rule);background:var(--paper-2);height:96px;position:relative;overflow:hidden}.rip-cap .thumb .art{padding:6px;font-size:10px;position:absolute;inset:0}.rip-cap .b{flex-direction:column;flex:1;gap:9px;padding:16px 18px 18px;display:flex}.rip-cap .ttl{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-0);font-size:18px;font-weight:500;line-height:1.2}.rip-cap p{color:var(--ink-2);flex:1;font-size:13px;line-height:1.55}.rip-split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:48px;display:grid}@media (max-width:860px){.rip-split{grid-template-columns:1fr;gap:28px}}.rip-rows{border:var(--rule);border-radius:var(--r-md);overflow:hidden}.rip-row{background:var(--paper-1);padding:20px 22px}.rip-row+.rip-row{border-top:var(--rule)}.rip-row .lbl{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c-clay-deep);margin-bottom:6px;font-size:11px;font-weight:600}.rip-row p{color:var(--ink-2);font-size:14px;line-height:1.55}.rip-proof{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}@media (max-width:760px){.rip-proof{grid-template-columns:1fr}}.rip-shot{background:var(--paper-2);justify-content:center;align-items:center;min-height:240px;display:flex;position:relative;overflow:hidden}.rip-shot .art{padding:8px;font-size:11px;position:absolute;inset:0}.rip-shot .lbl{z-index:2;text-align:center;font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.16em;text-transform:uppercase;font-size:11px;line-height:1.8;position:relative}.rip-quote{flex-direction:column;justify-content:center;padding:28px 30px;display:flex}.rip-quote blockquote{border-left:2px solid var(--c-clay);font-family:var(--font-display);color:var(--ink-0);margin:0 0 18px;padding-left:22px;font-size:22px;font-weight:500;line-height:1.35}.rip-quote .who{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;padding-left:22px;font-size:11px}.rip-note{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.04em;margin-top:16px;font-size:11px}.rip-shotframe{border:var(--rule);border-radius:var(--r-md);background:var(--paper-2);min-width:0;margin:0;overflow:hidden}.rip-shotbar{border-bottom:var(--rule);background:var(--paper-1);align-items:center;gap:10px;padding:9px 14px;display:flex}.rip-shotbar .dots{flex:none;gap:5px;display:inline-flex}.rip-shotbar .dots i{background:var(--line-strong);border-radius:50%;width:9px;height:9px;display:block}.rip-shotbar .u{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.rip-shotframe>img{width:100%;height:auto;display:block}.rip-shotframe figcaption{border-top:var(--rule);background:var(--paper-1);color:var(--ink-2);justify-content:space-between;align-items:center;gap:14px;padding:11px 16px;font-size:12.5px;line-height:1.45;display:flex}.rip-shotframe figcaption .k{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-clay);flex:none;font-size:9.5px}.rip-steps{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:6px;display:grid}@media (max-width:820px){.rip-steps{grid-template-columns:1fr 1fr}}@media (max-width:480px){.rip-steps{grid-template-columns:1fr}}.rip-step{border:var(--rule);border-radius:var(--r-md);background:var(--paper-1);padding:20px 20px 22px}.rip-step .n{font-family:var(--font-mono);color:var(--c-clay);letter-spacing:.16em;font-size:11px;font-weight:600}.rip-step h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-0);margin:10px 0 7px;font-size:19px;font-weight:500;line-height:1.2}.rip-step p{color:var(--ink-2);font-size:13px;line-height:1.55}.rip-views{flex-direction:column;gap:24px;margin-top:6px;display:flex}.rip-view{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:30px;display:grid}.rip-view:nth-child(2n) .rip-view-copy{order:2}@media (max-width:860px){.rip-view{grid-template-columns:1fr;gap:16px}.rip-view:nth-child(2n) .rip-view-copy{order:0}}.rip-view-copy h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-0);margin-bottom:12px;font-size:26px;font-weight:500;line-height:1.12}.rip-view-copy p{color:var(--ink-2);max-width:42ch;font-size:15px;line-height:1.6}.rip-railhead{letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--ink-2);align-items:center;gap:12px;margin:42px 0 16px;font-size:11px;display:flex}.rip-railhead span{border-top:1px solid var(--line);flex:1}.rip-gallery{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:820px){.rip-gallery{grid-template-columns:1fr 1fr}}@media (max-width:520px){.rip-gallery{grid-template-columns:1fr}}.rip-gallery figcaption{font-size:11.5px}.rip-cta{border-top:var(--rule-strong);background:var(--paper-2);color:var(--ink-0);margin-top:8px;position:relative;overflow:hidden}.rip-cta .art{opacity:.42;padding:12px;font-size:12px;position:absolute;inset:0}.rip-cta .inner{z-index:2;max-width:1080px;margin:0 auto;padding:80px 32px;position:relative}.rip-cta .eyebrow{color:var(--c-clay);margin-bottom:20px}.rip-cta h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-0);max-width:18ch;margin-bottom:18px;font-size:48px;font-weight:500;line-height:1.04}.rip-cta h2 em{color:var(--amber);font-style:italic}.rip-cta .lede{color:var(--ink-1);max-width:50ch;margin-bottom:28px;font-size:18px;line-height:1.55}.rip-cta .cta{flex-wrap:wrap;gap:12px;display:flex}.rip-cta .btn-mono{color:var(--ink-0);border-color:var(--line-strong);background:0 0}.rip-cta .btn-mono:hover{background:var(--paper-0);border-color:var(--ink-3)}@media (max-width:560px){.rip-cta h2{font-size:34px}}.of-work{max-width:1200px;margin:0 auto;padding:48px 32px 96px}@media (max-width:640px){.of-work{padding:36px 18px 72px}}.of-work-head{margin-bottom:28px}.of-work-head .eyebrow{margin-bottom:16px}.of-work-head h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:14px;font-size:46px;font-weight:500;line-height:1.04}@media (max-width:560px){.of-work-head h1{font-size:34px}}.of-work-head p{color:var(--ink-2);max-width:66ch;font-size:17px;line-height:1.55}.of-pills{border-bottom:var(--rule);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;padding-bottom:22px;display:flex}.of-pill{font-family:var(--font-mono);letter-spacing:.02em;text-transform:lowercase;border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--ink-2);background:var(--paper-0);transition:color var(--dur-fast)var(--ease),border-color var(--dur-fast)var(--ease),background var(--dur-fast)var(--ease);padding:6px 14px;font-size:12px;font-weight:500}.of-pill:hover{color:var(--ink-0);border-color:var(--ink-3)}.of-pill.is-active{color:#fff;background:var(--amber);border-color:var(--amber)}.of-pills-count{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin-left:auto;font-size:11px}@media (max-width:560px){.of-pills-count{width:100%;margin-left:0}}.of-work-body{display:block}@media (max-width:980px){.of-work-body{grid-template-columns:1fr;gap:40px}}.of-bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:240px;grid-auto-flow:dense;gap:16px;display:grid}@media (max-width:1180px){.of-bento{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.of-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:240px}}@media (max-width:460px){.of-bento{grid-template-columns:1fr}}.of-bento .s-1x2{grid-area:span 1/span 1}.of-bento .s-2h,.of-bento .s-2x2{grid-area:span 1/span 2}@media (max-width:460px){.of-bento .s-2h,.of-bento .s-2x2{grid-column:span 1}.of-tile.s-2x2,.of-tile.s-2h{flex-direction:column}.of-tile.s-2x2 .of-tile-media,.of-tile.s-2h .of-tile-media{border-right:none;border-bottom:var(--rule);flex:0 0 132px;width:auto;max-width:none;height:132px}.of-tile.s-2x2 .of-tile-ttl.is-big,.of-tile.s-2h .of-tile-ttl.is-big{-webkit-line-clamp:2;font-size:17px;line-height:1.2}.of-tile.s-2x2 .of-tile-dek,.of-tile.s-2h .of-tile-dek{display:none}}.of-empty{text-align:center;font-family:var(--font-mono);color:var(--ink-3);grid-column:1/-1;padding:48px 0;font-size:13px}.of-tile{border:var(--rule);border-radius:var(--r-md);background:var(--paper-0);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.of-tile-link{transition:border-color var(--dur-fast)var(--ease),transform var(--dur-fast)var(--ease),box-shadow var(--dur-fast)var(--ease)}.of-tile-link:hover{border-color:var(--line-strong);transform:translateY(-2px)}.of-tile-media{border-bottom:var(--rule);flex:none;height:120px;position:relative;overflow:hidden}.of-tile.s-2x2,.of-tile.s-2h{flex-direction:row}.of-tile.s-2x2 .of-tile-media,.of-tile.s-2h .of-tile-media{border-bottom:none;border-right:var(--rule);flex:0 0 42%;align-self:stretch;width:42%;max-width:340px;height:auto}.of-tile.s-2x2 .of-tile-body,.of-tile.s-2h .of-tile-body{justify-content:center}.of-tile-art,.of-tile-video{background:var(--paper-2)}.of-tile-media .art{padding:10px;font-size:11px;position:absolute;inset:0}.of-tile-art.is-big .art{padding:12px;font-size:12px}.of-tile-img img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.of-medium{z-index:1;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);background:color-mix(in oklch,var(--paper-0)80%,transparent);border:1px solid var(--line);border-radius:var(--r-xs);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:2px 7px;font-size:9px;position:absolute;top:8px;left:8px}.of-play{border-radius:var(--r-pill);background:color-mix(in oklch,var(--paper-0)82%,transparent);border:1px solid var(--line-strong);width:44px;height:44px;color:var(--c-clay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding-left:3px;font-size:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.of-dur{color:var(--ink-1);letter-spacing:.04em;background:color-mix(in oklch,var(--paper-0)82%,transparent);border:1px solid var(--line);border-radius:var(--r-xs);padding:2px 7px;font-size:10px;position:absolute;bottom:8px;right:8px}.of-tile-body{background:var(--paper-0);flex-direction:column;flex:auto;gap:7px;min-height:0;padding:12px 14px 13px;display:flex}.of-tile .of-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.of-tile-ttl{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-0);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;font-size:16px;font-weight:500;line-height:1.22;display:-webkit-box;overflow:hidden}.of-tile-ttl.is-big{letter-spacing:-.02em;-webkit-line-clamp:3;font-size:23px;line-height:1.14}.of-tile-dek{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.of-tile.s-2x2 .of-tile-dek{-webkit-line-clamp:3}.of-tile-foot{color:var(--ink-3);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:9px;font-size:10px;display:flex}.of-tile-go{color:var(--ink-2)}.of-tile-link:hover .of-tile-go{color:var(--amber)}@media (max-width:640px){.of-bento{grid-template-columns:1fr;grid-auto-rows:auto}.of-bento .s-1x2,.of-bento .s-2h,.of-bento .s-2x2{grid-column:1/-1}.of-tile{min-height:232px}.of-tile.s-2x2,.of-tile.s-2h{flex-direction:column}.of-tile-media,.of-tile.s-2x2 .of-tile-media,.of-tile.s-2h .of-tile-media{border-right:none;border-bottom:var(--rule);flex:0 0 150px;align-self:auto;width:auto;max-width:none;height:150px}.of-tile.s-2x2 .of-tile-ttl.is-big,.of-tile.s-2h .of-tile-ttl.is-big{-webkit-line-clamp:3;font-size:20px}.of-tile.s-2x2 .of-tile-dek,.of-tile.s-2h .of-tile-dek{-webkit-line-clamp:3;display:-webkit-box}.of-tile-body{justify-content:flex-start}}.of-quote{transition:border-color var(--dur-fast)var(--ease),transform var(--dur-fast)var(--ease);flex-direction:column;flex:1;gap:10px;padding:16px 18px 14px;display:flex}.of-tile:has(.of-quote):hover{border-color:var(--line-strong);transform:translateY(-2px)}.of-quote-head{align-items:center;gap:9px;display:flex}.of-quote-mark{border-radius:var(--r-xs);background:var(--ink-0);width:26px;height:26px;color:var(--paper-0);flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.of-li-mark{background:var(--c-slate-deep);font-family:var(--font-display);font-size:14px}.of-quote-handle{color:var(--ink-1);font-size:12px;font-weight:500}.of-quote-date{color:var(--ink-3);letter-spacing:.06em;margin-left:auto;font-size:10px}.of-quote-body{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-0);flex:1;font-size:19px;font-weight:500;line-height:1.32}.of-quote-ttl{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-0);flex:1;font-size:19px;font-weight:500;line-height:1.25}.of-quote-sub{color:var(--ink-2);font-size:13px;line-height:1.5}.of-quote-foot{color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.of-linkedin{border-top:2px solid var(--c-slate)}.of-built{flex-direction:column;gap:14px;display:flex;position:sticky;top:80px}@media (max-width:980px){.of-built{position:static}}.of-built-label{font-family:var(--font-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--ink-2);align-items:center;gap:10px;font-size:11px;display:flex}.of-built-label:after{content:"";border-top:var(--rule);flex:1}.of-built-lede{color:var(--ink-2);margin:-4px 0 4px;font-size:13px;line-height:1.5}.of-built-card{border:var(--rule);border-radius:var(--r-md);background:var(--paper-1);transition:border-color var(--dur-fast)var(--ease),transform var(--dur-fast)var(--ease);flex-direction:column;display:flex;overflow:hidden}.of-built-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.of-built-thumb{border-bottom:var(--rule);background:var(--paper-2);height:84px;position:relative;overflow:hidden}.of-built-thumb .art{padding:7px;font-size:10px;position:absolute;inset:0}.of-built-body{flex-direction:column;gap:9px;padding:14px 16px 16px;display:flex}.of-built-body .of-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.of-built-ttl{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-0);font-size:20px;font-weight:500;line-height:1.15}.of-built-dek{color:var(--ink-2);font-size:13px;line-height:1.5}.of-built-foot{border-top:var(--rule-dashed);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-top:2px;padding-top:11px;font-size:10px}@media (max-width:980px) and (min-width:561px){.of-built{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.of-built-label,.of-built-lede{grid-column:1/-1}}.of-tile-video{background:var(--paper-2)}.of-video-scrim{pointer-events:none;background:repeating-linear-gradient(0deg,color-mix(in oklch,var(--ink-0)6%,transparent)0,color-mix(in oklch,var(--ink-0)6%,transparent)1px,transparent 1px,transparent 4px),radial-gradient(120% 80% at 30% 18%,color-mix(in oklch,var(--c-clay)12%,transparent),transparent 60%);position:absolute;inset:0}.of-tile-link:hover .of-play{background:color-mix(in oklch,var(--amber)86%,transparent);border-color:var(--amber);color:#fff}@keyframes of-modal-fade{0%{opacity:0}to{opacity:1}}.of-tile-tweet{padding:0;overflow:hidden}.of-xcard{height:100%;min-height:0;color:inherit;border-top:2px solid var(--ink-0);flex-direction:column;flex:1;gap:11px;padding:16px 17px 14px;text-decoration:none;display:flex}.of-xcard-head{align-items:center;gap:8px;display:flex}.of-xcard-glyph{border-radius:var(--r-xs);background:var(--ink-0);width:24px;height:24px;color:var(--paper-0);flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.of-xcard-handle{color:var(--ink-1);font-size:12px;font-weight:500}.of-xcard-kind{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-xs);margin-left:auto;padding:2px 7px;font-size:9px}.of-xcard-ttl{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink-0);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:22px;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.of-xcard-foot{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-top:var(--rule-dashed);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;font-size:10px;display:flex}.of-xcard:hover .of-xcard-foot{color:var(--amber)}.of-embed{max-width:1200px;margin:0 auto;padding:40px 32px 72px}@media (max-width:640px){.of-embed{padding:28px 18px 56px}}.of-embed-head{margin-bottom:22px}.of-embed-head-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.of-embed-back{color:var(--ink-2);letter-spacing:.02em;transition:color var(--dur-fast)var(--ease);font-size:12px}.of-embed-back:hover{color:var(--amber)}.of-embed-live{color:var(--ink-2);letter-spacing:var(--tr-mono);text-transform:uppercase;align-items:center;gap:6px;font-size:11px;display:inline-flex}.of-embed-ttl{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:12px;font-size:32px;font-weight:500;line-height:1.08}@media (max-width:560px){.of-embed-ttl{font-size:25px}}.of-embed-dek{color:var(--ink-2);max-width:70ch;font-size:16px;line-height:1.55}.of-embed-frame{border:var(--rule);border-radius:var(--r-md);background:var(--paper-0);min-height:85vh;display:flex;overflow:hidden}.of-embed-iframe{background:var(--paper-0);border:0;width:100%;min-height:85vh;display:block}.of-topbar{border-bottom:1px solid var(--line)}.of-topbar .row{align-items:center;gap:32px;height:60px}.of-brand{align-items:center;gap:0;display:inline-flex}.of-brand .mark{font-family:var(--font-display);letter-spacing:-.012em;color:var(--ink-0);transition:color var(--dur-fast)var(--ease);font-size:21px;font-weight:500;line-height:1}.of-brand:hover .mark{color:var(--amber)}.of-nav{align-items:center;gap:30px;display:flex}.of-nav a{font-family:var(--font-mono);letter-spacing:.01em;color:var(--ink-2);transition:color var(--dur-fast)var(--ease);font-size:13px;font-weight:500;line-height:1}.of-nav a:hover,.of-nav a.on{color:var(--amber)}.of-burger{display:none}@media (max-width:760px){.of-nav{gap:20px}}@media (max-width:640px){.of-topbar .row{gap:14px;position:relative}.of-brand .mark{font-size:19px}.of-burger{border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;gap:5px;width:40px;height:36px;margin-left:auto;padding:9px 8px;display:inline-flex}.of-burger span{background:var(--ink-1);border-radius:2px;width:100%;height:1.5px;display:block}.of-nav{z-index:70;background:var(--paper-0);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;box-shadow:0 16px 30px -20px #14100c66}.of-nav.is-open{display:flex}.of-nav a{color:var(--ink-1);border-top:1px solid var(--line);padding:14px 22px;font-size:14px}.of-nav a:first-child{border-top:none}}.of-foot-contact{font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;transition:color var(--dur-fast)var(--ease);background:0 0;border:0;padding:0}.of-foot-contact:hover{color:var(--amber)}.of-contact-modal{z-index:120;background:color-mix(in oklch,var(--ink-0)58%,transparent);-webkit-backdrop-filter:blur(4px);animation:of-modal-fade var(--dur)var(--ease);justify-content:center;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.of-contact-card{background:var(--paper-0);border:var(--rule-strong);border-top:2px solid var(--ink-0);border-radius:var(--r-md);width:100%;max-width:460px;animation:of-contact-rise var(--dur)var(--ease);flex-direction:column;margin:auto;padding:26px 28px 28px;display:flex;overflow:hidden}@keyframes of-contact-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.of-contact-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.of-contact-x{color:var(--ink-3);border-radius:var(--r-xs);transition:color var(--dur-fast)var(--ease),background var(--dur-fast)var(--ease);padding:4px 7px;font-size:14px;line-height:1}.of-contact-x:hover{color:var(--ink-0);background:var(--paper-2)}.of-contact-ttl{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-0);margin-bottom:8px;font-size:30px;font-weight:500;line-height:1.05}.of-contact-lede{color:var(--ink-2);margin-bottom:22px;font-size:14px;line-height:1.5}.of-contact-rows{flex-direction:column;gap:10px;display:flex}.of-contact-row{border:var(--rule);border-radius:var(--r-sm);background:var(--paper-1);transition:border-color var(--dur-fast)var(--ease);align-items:center;gap:14px;padding:13px 14px;display:flex}.of-contact-row:hover{border-color:var(--line-strong)}.of-contact-label{color:var(--ink-3);letter-spacing:var(--tr-mono);text-transform:uppercase;flex:none;min-width:44px;font-size:10px}.of-contact-value{color:var(--ink-0);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:color var(--dur-fast)var(--ease);flex:1;font-size:15px;overflow:hidden}.of-contact-value:hover{color:var(--amber)}.of-contact-copy{cursor:pointer;letter-spacing:.04em;color:var(--ink-2);background:var(--paper-0);border:1px solid var(--line-strong);border-radius:var(--r-xs);white-space:nowrap;transition:color var(--dur-fast)var(--ease),border-color var(--dur-fast)var(--ease),background var(--dur-fast)var(--ease);flex:none;padding:6px 12px;font-size:11px;font-weight:500}.of-contact-copy:hover{color:var(--ink-0);border-color:var(--ink-3);background:var(--paper-2)}.of-contact-copy.is-copied{color:var(--c-moss-deep);border-color:color-mix(in oklch,var(--c-moss)40%,var(--line));background:var(--c-moss-soft)}@media (max-width:460px){.of-contact-card{padding:22px 20px 24px}.of-contact-ttl{font-size:26px}}