@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;1,9..144,400;1,9..144,500&display=swap";:root{--bg:#0e0f11;--surface:#16181b;--surface-2:#1d1f23;--surface-3:#25282d;--rule:#2a2d32;--rule-strong:#3b3f46;--ink:#f2efe8;--ink-mid:#a4a29a;--ink-soft:#8a8a87;--good:#e8c547;--good-dim:#9b8224;--warn:#ff7c3a;--warn-dim:#8f4a22;--info:#6bb3ff;--serif:"Fraunces", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", monospace;--max-width:1464px;--content-w:840px;--rail-w:240px;--rail-gap:40px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html,body{scroll-behavior:auto!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}:focus-visible{outline:2px solid var(--good);outline-offset:3px;border-radius:2px}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.skip-link{background:var(--good);color:var(--bg);font-family:var(--mono);z-index:100;border-radius:2px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;position:absolute;top:-40px;left:8px}.skip-link:focus{top:8px}.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}.sys-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);font-family:var(--mono);background:#0e0f11d9;font-size:12px;position:sticky;top:0}.sys-header-inner{max-width:var(--max-width);grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;margin:0 auto;padding:12px 32px;display:grid}.sys-header .name{color:var(--ink);letter-spacing:-.01em;border-radius:3px;justify-self:start;margin:-6px -10px;padding:6px 10px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.sys-header .name:hover{color:var(--good);background:#e8c5471a}.sys-header .crumbs{color:var(--ink-mid);text-align:center}.sys-header .crumbs .here{color:var(--good)}.sys-header .crumbs-dropdown{align-items:center;display:inline-flex;position:relative}.sys-header .crumbs-trigger{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:6px;margin:-4px -6px;padding:4px 6px;transition:background .15s;display:inline-flex}.sys-header .crumbs-trigger:hover,.sys-header .crumbs-dropdown:hover .crumbs-trigger,.sys-header .crumbs-dropdown:focus-within .crumbs-trigger,.sys-header .crumbs-dropdown.is-open .crumbs-trigger{background:#e8c54714}.sys-header .crumbs-trigger .chevron{color:var(--ink-mid);transition:transform .15s,color .15s}.sys-header .crumbs-dropdown:hover .chevron,.sys-header .crumbs-dropdown:focus-within .chevron,.sys-header .crumbs-dropdown.is-open .chevron{color:var(--good);transform:rotate(180deg)}.sys-header .dropdown-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--rule);z-index:100;opacity:0;pointer-events:none;background:#0e0f11f5;border-radius:4px;flex-direction:column;gap:2px;min-width:260px;padding:6px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.sys-header .dropdown-menu:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.sys-header .crumbs-dropdown:hover .dropdown-menu,.sys-header .crumbs-dropdown:focus-within .dropdown-menu,.sys-header .crumbs-dropdown.is-open .dropdown-menu{opacity:1;pointer-events:auto}.sys-header .dropdown-item{font-family:var(--mono);color:var(--ink-mid);white-space:nowrap;border-radius:2px;padding:10px 14px;font-size:12px;text-decoration:none;transition:background .12s,color .12s;display:block}.sys-header .dropdown-item:hover{color:var(--good);background:#e8c5471a}.sys-header .nav-links{justify-content:flex-end;justify-self:end;gap:4px;margin:-6px 0;display:flex}.sys-header .nav-links a{color:var(--ink-mid);border-radius:3px;padding:6px 10px;text-decoration:none;transition:background .15s,color .15s}.sys-header .nav-links a:hover{color:var(--good);background:#e8c5471a}.sys-header .nav-links .nav-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.sys-header .nav-links .nav-icon svg{display:block;transform:scale(1.3)}.sys-header .progress-bar{background:var(--good);pointer-events:none;height:2px;transition:width .1s linear;position:absolute;bottom:-1px;left:0}.hero{border-bottom:1px solid var(--rule);position:relative}.hero-frame{aspect-ratio:21/9;color:var(--ink-soft);font-family:var(--mono);border-bottom:1px solid var(--rule);background:radial-gradient(80% 60% at 70% 40%,#e8c5470f,#0000 60%),radial-gradient(60% 80% at 20% 80%,#ff7c3a0a,#0000 60%),linear-gradient(160deg,#1a1d24 0%,#0e0f11 100%);justify-content:center;align-items:center;font-size:12px;display:flex;position:relative;overflow:hidden}.hero-frame.has-image{background:var(--bg)}.hero-frame.has-image img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.hero-frame.has-image.contain img{object-fit:contain}.hero-frame.has-image .zoom-trigger{display:flex}.hero-frame:before{content:"";pointer-events:none;background-image:linear-gradient(to right, var(--rule-strong) 1px, transparent 1px), linear-gradient(to bottom, var(--rule-strong) 1px, transparent 1px);opacity:.15;background-size:80px 80px;position:absolute;inset:0}.hero-frame.has-image:before{opacity:.08}.hero-corner{font-family:var(--mono);color:var(--good);letter-spacing:.06em;z-index:2;background:#0e0f11b3;border-radius:999px;padding:4px 10px;font-size:10px;position:absolute}.hero-corner.tl{top:16px;left:16px}.hero-corner.tr{top:16px;right:16px}.hero-corner.bl{bottom:16px;left:16px}.hero-corner.br{bottom:16px;right:16px}.hero-meta{max-width:var(--max-width);grid-template-columns:var(--rail-w) minmax(0, var(--content-w)) var(--rail-w);column-gap:var(--rail-gap);align-items:start;row-gap:28px;margin:0 auto;padding:40px 32px;display:grid}.hero-meta>.hero-title-block{grid-column:2}.hero-meta .kicker{font-family:var(--mono);color:var(--good);letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px;font-size:11px}.hero-meta h1{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(34px,4.5vw,56px);font-weight:400;line-height:1.1}.hero-meta h1 em{color:var(--good);font-style:italic;font-weight:400}.hero-meta .lead{color:var(--ink-mid);font-size:17px;line-height:1.6}.specs{width:var(--rail-w);border-left:1px solid var(--rule-strong);box-sizing:border-box;font-family:var(--mono);grid-column:3;justify-self:start;padding-left:20px;font-size:11px}.specs .row{color:var(--ink-soft);grid-template-columns:70px 1fr;gap:12px;padding:5px 0;display:grid}.specs .row strong{color:var(--ink);font-weight:500}.case-study-page{background:var(--bg);color:var(--ink);min-height:100vh}.case-study-page main{min-width:0}.case-study-layout{max-width:var(--max-width);grid-template-columns:var(--rail-w) minmax(0, var(--content-w)) var(--rail-w);column-gap:var(--rail-gap);align-items:start;margin:0 auto;padding:0 32px;display:grid}.case-study-layout>main{grid-column:2;min-width:0}.toc-rail{width:var(--rail-w);top:max(80px, calc(50vh - 64px - var(--toc-h,0px) / 2));box-sizing:border-box;grid-column:1;place-self:start end;padding:64px 0 24px;position:sticky}.demo-rail{width:var(--rail-w);top:max(80px, calc(50vh - 64px - var(--demo-h,0px) / 2));box-sizing:border-box;grid-column:3;place-self:start;padding:64px 0 24px;position:sticky}.toc{--toc-row:28px;--toc-track-w:3px;position:relative}.toc-track{width:var(--toc-track-w);background:var(--surface);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.toc-indicator{width:var(--toc-track-w);height:var(--toc-row);background:var(--good);left:0;top:calc(var(--toc-index,0) * var(--toc-row));z-index:1;border-radius:2px;transition:top .3s cubic-bezier(.2,0,.2,1);position:absolute}.toc-list{margin:0 0 0 calc(var(--toc-track-w) + 14px);padding:0;list-style:none}.toc-item{height:var(--toc-row);align-items:center;display:flex}.toc-item a{width:100%;font-family:var(--mono);color:var(--ink-soft);letter-spacing:.02em;white-space:nowrap;border-radius:2px;align-self:stretch;align-items:center;gap:10px;margin:0 -8px;padding:0 8px;font-size:11px;text-decoration:none;transition:color .15s,background .15s;display:flex;overflow:hidden}.toc-item.active a{color:var(--ink)}.toc-item.active .toc-num{color:var(--good)}.toc-item a:hover{color:var(--good);background:#e8c5471a}.toc-item a:hover .toc-num{color:var(--good)}.toc-num{color:var(--ink-mid);letter-spacing:.06em;flex-shrink:0;font-size:10px;font-weight:600}.toc-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.section{border-top:1px solid var(--rule);padding:64px 0}.section-id{font-family:var(--mono);color:var(--ink-mid);letter-spacing:.04em;margin-bottom:8px;font-size:11px}.section-id .num{color:var(--good);font-weight:600}.section h2{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin-bottom:24px;font-size:clamp(26px,3vw,36px);font-weight:400;line-height:1.2}.section h2 em{color:var(--good);font-style:italic}.section h2 .warn{color:var(--warn);font-style:italic}.section h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin-top:32px;margin-bottom:12px;font-size:22px;font-weight:400;line-height:1.25}.body-text{color:var(--ink);font-size:16px;line-height:1.75}.body-text p{margin-bottom:18px}.body-text p:last-child{margin-bottom:0}.body-text strong{color:var(--good);font-weight:500}.body-text a{color:var(--info);border-bottom:1px solid #6bb3ff66;transition:border-color .15s}.body-text a:hover{border-bottom-color:var(--info)}.doc-footer{border-top:1px solid var(--rule);font-family:var(--mono);color:var(--ink-soft);max-width:var(--max-width);justify-content:space-between;margin:0 auto;padding:32px;font-size:11px;display:flex}.doc-footer .end-marker{align-items:center;gap:8px;display:inline-flex}.doc-footer .end-marker:before{content:"";background:var(--good);width:8px;height:8px;display:inline-block}@media (width<=1100px){.case-study-layout{grid-template-columns:1fr;column-gap:0}.case-study-layout>main{grid-column:1}.toc-rail,.demo-rail{display:none}}@media (width<=880px){.sys-header-inner{grid-template-columns:1fr 1fr;padding:12px 20px}.sys-header .crumbs{display:none}.hero-meta{grid-template-columns:1fr;gap:28px 0;padding:32px 24px}.hero-meta>.hero-title-block{grid-column:1}.hero-meta .specs{grid-column:1;width:100%}.hero-meta h1{font-size:30px}.case-study-layout{padding:0 24px}.section{padding:48px 0}.section h2{font-size:24px}.doc-footer{flex-direction:column;gap:12px;padding:24px}}.figure{margin:32px 0}.figure-meta{font-family:var(--mono);color:var(--ink-mid);background:var(--surface);border:1px solid var(--rule);border-bottom:none;border-radius:4px 4px 0 0;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:10px 14px;font-size:11px;display:grid}.figure-meta .id{color:var(--info);font-weight:600}.figure-frame{background:var(--surface);border:1px solid var(--rule);color:var(--ink-soft);font-family:var(--mono);text-align:center;border-top:none;border-radius:0 0 4px 4px;justify-content:center;align-items:center;font-size:12px;display:flex;position:relative;overflow:hidden}.figure-frame.aspect-16x9{aspect-ratio:16/9}.figure-frame.aspect-4x3{aspect-ratio:4/3}.figure-frame.aspect-1x1{aspect-ratio:1}.figure-frame.aspect-9x16{aspect-ratio:9/16}.figure-frame.aspect-21x9{aspect-ratio:21/9}.figure-frame.placeholder{padding:32px}.figure-frame.multi{background:var(--rule);aspect-ratio:auto;grid-template-columns:1fr 1fr;gap:2px;min-height:400px;padding:0;display:grid}.figure-frame.multi>.zoom-trigger{background:var(--surface);justify-content:center;align-items:center;height:100%;display:flex}.figure-frame.multi img{object-fit:contain;background:var(--surface);width:100%;height:100%}.figure-frame img{object-fit:cover;width:100%;height:100%;display:block}.figure-frame.contain img{object-fit:contain;background:var(--surface)}.stat-row{border:1px solid var(--rule);background:var(--surface);border-radius:4px;grid-template-columns:repeat(4,1fr);margin:24px 0;display:grid;overflow:hidden}.stat-row.cols-3{grid-template-columns:repeat(3,1fr)}.stat-row.cols-2{grid-template-columns:repeat(2,1fr)}.stat-row .cell{border-right:1px solid var(--rule);padding:18px 20px}.stat-row .cell:last-child{border-right:none}.stat-row .label{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:10px}.stat-row .value{font-family:var(--mono);color:var(--ink);letter-spacing:-.005em;font-size:22px;font-weight:500}.stat-row .value.warn{color:var(--warn)}.stat-row .value.good{color:var(--good)}.stat-row .value.info{color:var(--info)}.stat-row .delta{font-family:var(--mono);color:var(--ink-soft);margin-top:4px;font-size:10px}.grid-frames{grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0;display:grid}.grid-frames.cols-3{grid-template-columns:repeat(3,1fr)}.grid-frames.cols-2{grid-template-columns:repeat(2,1fr)}.grid-frames .item .frame{aspect-ratio:9/16;background:var(--surface);border:1px solid var(--rule);color:var(--ink-soft);font-family:var(--mono);text-align:center;border-radius:4px;justify-content:center;align-items:center;padding:16px;font-size:11px;display:flex;overflow:hidden}.grid-frames .item .frame.aspect-1x1{aspect-ratio:1}.grid-frames .item .frame.aspect-4x3{aspect-ratio:4/3}.grid-frames .item .frame.aspect-16x9{aspect-ratio:16/9}.grid-frames .item .frame img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.grid-frames .item .frame.contain img{object-fit:contain}.grid-frames .item .label{font-family:var(--mono);color:var(--ink-mid);margin-top:10px;font-size:11px}.grid-frames .item .label .ix{color:var(--info);font-weight:600}.grid-frames .item .label .name{color:var(--ink);margin-left:6px}.grid-frames .item .desc{font-family:var(--sans);color:var(--ink-mid);margin-top:6px;font-size:13px;line-height:1.5}.ba-section{margin:32px 0}.ba-pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ba-pair .panel{border:1px solid var(--rule);background:var(--surface);border-radius:4px;overflow:hidden}.ba-pair .panel.before{border-color:#ff7c3a4d}.ba-pair .panel.after{border-color:#e8c5474d}.ba-pair .panel .label-bar{border-bottom:1px solid var(--rule);font-family:var(--mono);color:var(--ink-mid);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:11px;display:flex}.ba-pair .panel.before .label-bar{border-bottom-color:#ff7c3a4d}.ba-pair .panel.after .label-bar{border-bottom-color:#e8c5474d}.ba-pair .panel .label-bar .tag{letter-spacing:.06em;white-space:nowrap;border-radius:2px;padding:3px 8px;font-size:10px;font-weight:600}.ba-pair .panel.before .tag{color:var(--warn);background:#ff7c3a26}.ba-pair .panel.after .tag{color:var(--good);background:#e8c54726}.ba-pair .frame{aspect-ratio:9/16;background:var(--bg);color:var(--ink-soft);font-family:var(--mono);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:11px;display:flex;position:relative;overflow:hidden}.ba-pair .frame.aspect-4x3{aspect-ratio:4/3}.ba-pair .frame.aspect-16x9{aspect-ratio:16/9}.ba-pair .frame.aspect-1x1{aspect-ratio:1}.ba-pair .frame img{object-fit:contain;background:var(--surface);width:100%;height:100%}.ba-pair .frame.multi{background:var(--rule);grid-template-columns:1fr 1fr;gap:2px;padding:0;display:grid}.ba-pair .frame.multi>.zoom-trigger{background:var(--surface);height:100%}.ba-pair .frame.multi img{object-fit:contain;background:var(--surface);width:100%;height:100%}.ba-pair .annotations{font-family:var(--mono);border-top:1px solid var(--rule);background:var(--surface);padding:14px 16px;font-size:11px;line-height:1.7}.ba-pair .annotations .ann{color:var(--ink-mid);grid-template-columns:20px 1fr;gap:8px;padding:4px 0;display:grid}.ba-pair .panel.before .ann-num{color:var(--warn);font-weight:600}.ba-pair .panel.after .ann-num{color:var(--good);font-weight:600}.quote-block{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:1fr 2fr 1fr;align-items:center;gap:32px;margin:40px 0;padding:32px 0;display:grid}.quote-block .meta{font-family:var(--mono);color:var(--ink-soft);font-size:11px}.quote-block .meta .id{color:var(--info);margin-bottom:4px;font-weight:600;display:block}.quote-block blockquote{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;font-size:clamp(22px,2.4vw,30px);font-style:italic;font-weight:400;line-height:1.35}.quote-block .marker{font-family:var(--mono);color:var(--ink-soft);text-align:right;font-size:11px}.quote-block .marker .ref{color:var(--info)}.key-moment{background:radial-gradient(ellipse at 0% 0%, #ff7c3a14, transparent 60%), var(--surface);border:1px solid #ff7c3a4d;border-radius:4px;flex-direction:column;gap:28px;margin:48px 0;padding:40px;display:flex}.key-moment.tone-good{background:radial-gradient(ellipse at 0% 0%, #e8c54714, transparent 60%), var(--surface);border-color:#e8c5474d}.key-moment.tone-info{background:radial-gradient(ellipse at 0% 0%, #6bb3ff14, transparent 60%), var(--surface);border-color:#6bb3ff4d}.key-moment .figure-num{font-family:var(--serif);color:var(--warn);letter-spacing:-.04em;font-size:clamp(72px,10vw,128px);font-weight:500;line-height:.85}.key-moment.tone-good .figure-num{color:var(--good)}.key-moment.tone-info .figure-num{color:var(--info)}.key-moment .context{border-top:1px solid #ff7c3a4d;padding-top:24px}.key-moment.tone-good .context{border-top-color:#e8c5474d}.key-moment.tone-info .context{border-top-color:#6bb3ff4d}.key-moment .context .label{font-family:var(--mono);color:var(--warn);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.key-moment.tone-good .context .label{color:var(--good)}.key-moment.tone-info .context .label{color:var(--info)}.key-moment .context h3{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0 0 12px;font-size:24px;font-weight:400;line-height:1.3}.key-moment .context p{font-family:var(--sans);color:var(--ink-mid);margin:0;font-size:15px;line-height:1.65}.decision-card{border:1px solid var(--rule);background:var(--surface);border-radius:4px;grid-template-columns:auto 1fr;align-items:start;gap:24px;margin:16px 0;padding:24px 28px;display:grid}.decision-card .num{font-family:var(--serif);color:var(--good);letter-spacing:-.02em;font-size:40px;font-weight:500;line-height:1}.decision-card .body h3{font-family:var(--serif);color:var(--ink);margin:0 0 8px;font-size:20px;font-weight:400;line-height:1.3}.decision-card .rationale{font-family:var(--mono);color:var(--ink-mid);border-left:2px solid var(--rule-strong);margin-bottom:12px;padding-left:12px;font-size:11px;line-height:1.6}.decision-card .body p{color:var(--ink);margin:0;font-size:15px;line-height:1.65}.finding-block{border-left:2px solid var(--warn);margin:20px 0;padding:8px 0 8px 20px}.finding-block .label{font-family:var(--mono);color:var(--warn);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:11px}.finding-block p{color:var(--ink);margin:0;font-size:15px;line-height:1.65}.contrib-grid{border:1px solid var(--rule);background:var(--surface);border-radius:4px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:24px 0;display:grid;overflow:hidden}.contrib-grid .contrib-item{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:18px 20px}.contrib-grid .contrib-phase{font-family:var(--mono);color:var(--good);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:11px}.contrib-grid .contrib-work{color:var(--ink);font-size:14px;line-height:1.6}.tool-row{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.tool-tag{font-family:var(--mono);background:var(--surface);color:var(--ink-mid);border:1px solid var(--rule);border-radius:3px;padding:5px 10px;font-size:11px}.persona-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:24px 0;display:grid}.persona-card{background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:22px}.persona-card .name{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin-bottom:4px;font-size:22px;font-weight:500}.persona-card .role{font-family:var(--mono);color:var(--info);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.persona-card p{color:var(--ink);margin:0;font-size:14px;line-height:1.6}.hypothesis-grid{border:1px solid var(--rule);background:var(--surface);border-radius:4px;margin:24px 0;overflow:hidden}.hypothesis-row{border-bottom:1px solid var(--rule);grid-template-columns:60px 1fr 130px;align-items:start;gap:16px;padding:14px 18px;font-size:14px;line-height:1.6;display:grid}.hypothesis-row:last-child{border-bottom:none}.hypothesis-row.header{background:var(--surface-2);padding:10px 18px}.header-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.hyp-id{font-family:var(--mono);color:var(--info);letter-spacing:.04em;font-size:12px;font-weight:600}.hyp-text{color:var(--ink)}.hyp-signal{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;text-align:right;font-size:11px;font-weight:600}.hyp-signal.validated{color:var(--good)}.hyp-signal.partial{color:var(--warn)}.hyp-signal.conditional{color:var(--info)}@media (width<=640px){.hypothesis-row{grid-template-columns:50px 1fr}.hyp-signal{text-align:left;grid-column:2}}.issues-table{border:1px solid var(--rule);background:var(--surface);border-radius:4px;margin:24px 0;overflow:hidden}.issues-row{border-bottom:1px solid var(--rule);grid-template-columns:44px 1fr 140px 160px 110px;align-items:start;gap:16px;padding:14px 18px;font-size:14px;line-height:1.5;display:grid}.issues-row:last-child{border-bottom:none}.issues-row.header{background:var(--surface-2);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding:10px 18px;font-size:10px}.issue-id{font-family:var(--mono);color:var(--warn);letter-spacing:.04em;font-size:12px;font-weight:600}.issue-title{color:var(--ink)}.issue-touchpoint,.issue-method{font-family:var(--mono);color:var(--ink-mid);font-size:12px;line-height:1.45}.issue-participants{flex-wrap:wrap;gap:4px;display:flex}.participant-chip{font-family:var(--mono);color:var(--info);letter-spacing:.04em;background:#6bb3ff26;border-radius:2px;padding:3px 8px;font-size:11px;font-weight:500}@media (width<=880px){.issues-row{grid-template-columns:44px 1fr 100px;row-gap:6px}.issue-method,.issue-participants{grid-column:2/-1}}@media (width<=540px){.issues-row{grid-template-columns:44px 1fr}.issue-touchpoint,.issue-method,.issue-participants{grid-column:2}}.prototype-link-wrapper{background:radial-gradient(ellipse at 0% 50%, #6bb3ff14, transparent 60%), var(--surface);border:1px solid var(--rule);text-align:center;border-radius:4px;padding:40px}.prototype-link-tagline{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin-bottom:20px;font-size:22px;font-style:italic}.prototype-link-btn{font-family:var(--mono);background:var(--good);color:var(--bg);letter-spacing:.04em;text-transform:uppercase;border-radius:2px;padding:10px 20px;font-size:13px;font-weight:600;transition:transform .15s;display:inline-block}.prototype-link-btn:hover{transform:translateY(-1px)}.prototype-note{font-family:var(--mono);color:var(--ink-soft);margin-top:14px;font-size:11px}.prototype-embed-wrapper{background:var(--surface);border:1px solid var(--rule);-webkit-overflow-scrolling:touch;border-radius:4px;justify-content:center;padding:24px;display:flex;overflow-x:auto}.prototype-embed-wrapper iframe{background:var(--bg);border:none;border-radius:4px}.video-section{background:var(--surface);border:1px solid var(--rule);border-radius:4px;margin:32px 0;padding:24px}.video-section h3{font-family:var(--serif);color:var(--ink);margin:0 0 8px;font-size:22px;font-weight:400}.video-section .desc{color:var(--ink-mid);margin-bottom:16px;font-size:14px}.video-section video{background:var(--bg);border-radius:4px;width:100%;display:block}.video-section .video-frame--crop{background:var(--bg);border-radius:4px;width:100%;position:relative;overflow:hidden}.video-section .video-frame--crop video{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.video-section video.video-responsive{width:100%;height:auto;max-height:100vh}@media (width>=1100px){.video-section video.video-responsive{width:auto;max-width:100%;max-height:50vh}}.research-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;margin:24px 0;padding:16px 4px;display:flex;overflow-x:auto}.research-slot{scroll-snap-align:start;cursor:zoom-in;text-align:left;color:inherit;background:0 0;border:none;flex:0 0 280px;padding:0;font-family:inherit}.research-frame{background:var(--surface);border:1px solid var(--rule);aspect-ratio:4/3;border-radius:4px;justify-content:center;align-items:center;display:flex;overflow:hidden}.research-frame img{object-fit:cover;width:100%;height:100%}.research-label{font-family:var(--mono);color:var(--ink-mid);margin-top:8px;font-size:11px;line-height:1.4}.svg-inline{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.svg-inline>svg{width:100%;height:100%;display:block}.svg-wrap{width:min(1200px, calc(100vw - 64px - var(--modal-arrow-gutter,0px)));background:var(--bg);box-sizing:border-box;justify-content:center;align-items:center;height:min(675px,100vh - 112px);padding:24px;display:flex}.svg-wrap>svg{width:100%;height:100%;display:block}.figure-frame.html-frame{aspect-ratio:auto;padding:0;display:block}.html-scroll{overscroll-behavior-y:auto;max-height:60vh;overflow-y:auto}.html-zoom{box-sizing:border-box;text-align:left;cursor:zoom-in;width:100%;padding:16px;display:block}.html-inline{width:100%}.html-wrap{width:min(1320px, calc(100vw - 64px - var(--modal-arrow-gutter,0px)));background:var(--bg);box-sizing:border-box;max-height:calc(100vh - 112px);padding:24px;overflow-y:auto}.zoom-trigger{width:100%;height:100%;color:inherit;font:inherit;text-align:inherit;cursor:zoom-in;background:0 0;border:none;margin:0;padding:0;display:block}.zoom-trigger:focus-visible{outline:2px solid var(--good);outline-offset:2px}.img-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);--modal-arrow-gutter:0px;background:#0e0f1159;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex;position:fixed;inset:0}.img-modal-overlay.has-arrows{--modal-arrow-gutter:120px}.img-modal-card{background:var(--surface);border:1px solid var(--rule);border-radius:4px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009}.img-modal-stage{background:var(--bg);justify-content:center;align-items:center;min-width:0;display:flex}.img-modal-image{max-width:calc(100vw - 64px - var(--modal-arrow-gutter));cursor:pointer;max-height:calc(100vh - 112px);display:block}.img-modal-arrow{width:44px;height:44px;color:var(--lightbox-accent,var(--ink-mid));cursor:pointer;opacity:.7;background:#0e0f11b3;border:1px solid;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex}.img-modal-arrow:hover{opacity:1}.img-modal-arrow:disabled{opacity:.25;cursor:not-allowed}.img-modal-arrow:disabled:hover{opacity:.25}.img-modal-arrow svg{display:block}.img-modal-footer{border-top:1px solid var(--rule);font-family:var(--mono);color:var(--lightbox-accent,var(--ink-mid));justify-content:space-between;align-items:center;padding:12px 16px;font-size:11px;display:flex}.img-modal-close{color:var(--lightbox-accent,var(--ink-mid));cursor:pointer;opacity:.7;background:0 0;border:1px solid;border-radius:2px;width:28px;height:28px;font-size:16px;line-height:1;transition:opacity .15s}.img-modal-close:hover{opacity:1}.img-modal-counter{display:none}.img-modal-stage--track{width:100%;height:calc(100vh - 112px);position:relative;overflow:hidden}.img-modal-track{will-change:transform;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex}.img-modal-slide{flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.img-modal-slide img{max-width:calc(100vw - 64px - var(--modal-arrow-gutter));object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-height:100%;display:block}.img-modal-stage--track .img-modal-slide img{cursor:pointer}@media (prefers-reduced-motion:reduce){.img-modal-track{transition:none}}@media (width<=720px),(height<=540px) and (orientation:landscape){.img-modal-overlay,.img-modal-overlay.has-arrows{-webkit-backdrop-filter:none;backdrop-filter:none;--modal-arrow-gutter:0px;background:#000;gap:0;padding:0}.img-modal-card{box-shadow:none;background:0 0;border:none;border-radius:0;width:100%;height:100%}.img-modal-stage{width:100%;height:100%;max-height:100vh}.img-modal-image{max-width:100vw;max-height:100vh}.img-modal-stage.is-tall{justify-content:center;align-items:flex-start;width:100%;max-height:100vh;overflow:hidden auto}.img-modal-stage.is-tall .img-modal-image{width:100vw;max-width:100vw;height:auto;max-height:none}.img-modal-stage--track{height:100vh;max-height:100vh}.img-modal-slide img{max-width:100vw;max-height:100vh}.img-modal-slide.is-tall-slide{align-items:flex-start;overflow-y:auto}.img-modal-slide.is-tall-slide img{width:100vw;max-width:100vw;height:auto;max-height:none}.img-modal-footer{z-index:11;pointer-events:none;background:0 0;border:none;padding:0;position:fixed;top:12px;right:12px}.img-modal-label{display:none}.img-modal-close{pointer-events:auto;color:#fff;opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border:1px solid #ffffff59;border-radius:50%;width:40px;height:40px;font-size:22px}.img-modal-arrow{color:#fff;opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:11;background:#0009;border-color:#ffffff59;position:fixed;top:50%;transform:translateY(-50%)}.img-modal-arrow:hover{opacity:1}.img-modal-arrow.prev{left:8px}.img-modal-arrow.next{right:8px}.img-modal-arrow:disabled{opacity:.3}.img-modal-counter{color:#fff;font-family:var(--mono);z-index:11;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#000000a6;border-radius:999px;padding:5px 12px;font-size:12px;display:block;position:fixed;top:12px;left:50%;transform:translate(-50%)}}.figure-frame.flow-frame{background:var(--surface);overflow:hidden}.flow-zoom{overflow:hidden}.flow-track{will-change:transform;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:block}.flow-track img{object-fit:cover;width:100%;height:100%;display:block}.figure-frame.board-frame{background:var(--surface);overflow:hidden}.board-zoom{overflow:hidden}.board-track{will-change:transform;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.board-slide{flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.board-slide img{object-fit:contain;background:var(--surface);width:100%;height:100%;display:block}.board-carousel-nav{justify-content:space-between;align-items:stretch;gap:8px;min-height:56px;margin-top:12px;display:flex}.board-carousel-label{font-family:var(--mono);color:var(--ink-mid);text-align:center;letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin-top:8px;font-size:10px;line-height:1.4;display:flex}.board-carousel-label .counter{color:var(--info);font-weight:600}.phone-carousel{margin-top:24px}.phone-frame{background:var(--surface);border:1px solid var(--rule);cursor:pointer;aspect-ratio:9/19.5;border-radius:12px;justify-content:center;align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.phone-frame:hover{border-color:var(--rule-strong)}.phone-frame:focus-visible{outline:2px solid var(--good);outline-offset:3px}.phone-frame img.phone-screen{object-fit:cover;width:100%;height:100%;display:block}.phone-placeholder{color:var(--ink-soft);font-family:var(--mono);text-align:center;letter-spacing:.04em;padding:20px;font-size:11px}.phone-carousel-nav{justify-content:space-between;align-items:stretch;gap:8px;min-height:56px;margin-top:12px;display:flex}.carousel-arrow{cursor:pointer;background:0 0;border:none;flex:0 0 12.5%;justify-content:center;align-items:center;min-width:56px;padding:0;transition:background .2s;display:flex;position:relative}.carousel-arrow.prev:hover{background:linear-gradient(90deg,#e8c5470f,#0000 70%)}.carousel-arrow.next:hover{background:linear-gradient(270deg,#e8c5470f,#0000 70%)}.arrow-chip{background:var(--surface);border:1px solid var(--rule);width:28px;height:28px;color:var(--ink-mid);font-family:var(--mono);pointer-events:none;border-radius:2px;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:color .15s,border-color .15s;display:flex}.carousel-arrow:hover .arrow-chip{color:var(--good);border-color:var(--good)}.carousel-arrow:disabled{cursor:not-allowed}.carousel-arrow:disabled .arrow-chip{opacity:.3}.carousel-arrow:disabled:hover{background:0 0}.carousel-arrow:disabled:hover .arrow-chip{color:var(--ink-mid);border-color:var(--rule)}.carousel-dots{flex:1;justify-content:center;gap:6px;display:flex}.carousel-dot{background:var(--rule-strong);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:6px;height:6px;padding:0;transition:background .15s,transform .15s}.carousel-dot.active{background:var(--good);transform:scale(1.2)}.carousel-dot:hover:not(.active){background:var(--ink-mid)}.phone-carousel-label{font-family:var(--mono);color:var(--ink-mid);text-align:center;letter-spacing:.04em;text-transform:uppercase;margin-top:8px;font-size:10px;line-height:1.4}@media (width<=880px){.stat-row{grid-template-columns:1fr 1fr}.stat-row .cell{border-bottom:1px solid var(--rule)}.stat-row .cell:nth-child(2n){border-right:none}.stat-row .cell:nth-last-child(-n+2){border-bottom:none}.stat-row.cols-3{grid-template-columns:1fr}.stat-row.cols-3 .cell{border-right:none;border-bottom:1px solid var(--rule)}.stat-row.cols-3 .cell:last-child{border-bottom:none}.grid-frames{grid-template-columns:1fr 1fr}.ba-pair{grid-template-columns:1fr}.quote-block{grid-template-columns:1fr;gap:16px}.quote-block .marker{text-align:left}.key-moment{gap:20px;padding:32px 24px}.decision-card{grid-template-columns:1fr;gap:8px;padding:20px}.decision-card .num{font-size:32px}.contrib-grid{grid-template-columns:1fr}.contrib-grid .contrib-item{border-right:none}}@media (width<=480px){.grid-frames,.stat-row{grid-template-columns:1fr}.stat-row .cell{border-right:none}}.home-page{background:var(--bg);min-height:100vh;color:var(--ink)}.home-corner-links{z-index:60;font-family:var(--mono);gap:16px;font-size:12px;display:flex;position:fixed;top:24px;right:32px}.home-corner-links a{color:var(--ink-mid);text-decoration:none;transition:color .15s}.home-corner-links a:hover{color:var(--good)}.home-header{max-width:var(--max-width);border-bottom:1px solid var(--rule);grid-template-columns:2fr 1fr;align-items:end;gap:64px;margin:0 auto;padding:80px 32px;display:grid}.home-header .home-eyebrow{font-family:var(--mono);color:var(--good);letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px;font-size:11px}.home-header h1{font-family:var(--serif);letter-spacing:-.03em;color:var(--ink);margin-bottom:24px;font-size:clamp(48px,7vw,88px);font-weight:400;line-height:1}.home-header h1 em{color:var(--good);font-style:italic;font-weight:400}.home-header p{color:var(--ink-mid);max-width:540px;font-size:17px;line-height:1.6}.home-header .home-meta{font-family:var(--mono);color:var(--ink-soft);border-left:1px solid var(--rule-strong);padding-left:20px;font-size:11px}.home-header .home-meta .row{grid-template-columns:90px 1fr;gap:16px;padding:5px 0;display:grid}.home-header .home-meta .row strong{color:var(--ink);font-weight:500}.case-studies-section{max-width:var(--max-width);margin:0 auto;padding:64px 32px 32px}.case-studies-eyebrow{font-family:var(--mono);color:var(--ink-mid);letter-spacing:.06em;text-transform:uppercase;margin-bottom:24px;font-size:11px}.case-studies-eyebrow .num{color:var(--good);font-weight:600}.case-study-card{text-align:left;background:var(--surface);border:1px solid var(--rule);cursor:pointer;width:100%;font-family:var(--sans);isolation:isolate;color:inherit;border-radius:4px;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;margin-bottom:16px;padding:32px;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:grid;position:relative;overflow:hidden}.case-study-card .card-image-bg{pointer-events:none;z-index:0;opacity:.55;background-position:100% 0;background-size:cover;width:55%;position:absolute;top:0;bottom:0;right:88px;-webkit-mask-image:linear-gradient(100deg,#0000 0% 28%,#000 65% 100%);mask-image:linear-gradient(100deg,#0000 0% 28%,#000 65% 100%)}@media (width<=1200px){.case-study-card .card-image-bg{opacity:.5;width:42%;-webkit-mask-image:linear-gradient(100deg,#0000 0% 38%,#000 78% 100%);mask-image:linear-gradient(100deg,#0000 0% 38%,#000 78% 100%)}}@media (width<=1000px){.case-study-card .card-image-bg{opacity:.45;width:30%;-webkit-mask-image:linear-gradient(100deg,#0000 0% 50%,#000 90% 100%);mask-image:linear-gradient(100deg,#0000 0% 50%,#000 90% 100%)}}@media (width<=880px){.case-study-card .card-image-bg{display:none}}.case-study-card .card-index,.case-study-card .card-body,.case-study-card .card-arrow{z-index:1;position:relative}.case-study-card:hover{border-color:var(--good);background:var(--surface-2)}.case-study-card:hover .card-arrow{color:var(--good);transform:translate(4px)}.case-study-card:hover .card-index{color:var(--good)}.case-study-card .card-index{font-family:var(--mono);color:var(--ink-mid);letter-spacing:.04em;align-self:start;padding-top:4px;font-size:13px;font-weight:600;transition:color .2s}.case-study-card .card-body{flex-direction:column;min-width:0;display:flex}.case-study-card .card-eyebrow{font-family:var(--mono);color:var(--good);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:11px}.case-study-card h2{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin-bottom:8px;font-size:clamp(22px,2.4vw,28px);font-weight:400;line-height:1.2}.case-study-card .card-subtitle{color:var(--ink-mid);max-width:640px;margin-bottom:14px;font-size:14px;line-height:1.6}.case-study-card .card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.case-study-card .card-tag{font-family:var(--mono);background:var(--surface-3);color:var(--ink-mid);letter-spacing:.02em;border-radius:2px;padding:4px 8px;font-size:10px}.case-study-card .card-award{font-family:var(--mono);color:var(--good);letter-spacing:.04em;text-transform:uppercase;background:#e8c5471f;border-radius:2px;padding:4px 8px;font-size:10px;font-weight:600}.case-study-card .card-arrow{font-family:var(--mono);color:var(--ink-mid);font-size:24px;transition:transform .2s,color .2s}.home-footer{max-width:var(--max-width);border-top:1px solid var(--rule);font-family:var(--mono);color:var(--ink-soft);justify-content:space-between;margin:64px auto 0;padding:32px;font-size:11px;display:flex}.home-footer .end-marker{align-items:center;gap:8px;display:inline-flex}.home-footer .end-marker:before{content:"";background:var(--good);width:8px;height:8px;display:inline-block}@media (width<=880px){.home-header{grid-template-columns:1fr;gap:32px;padding:80px 24px 48px}.home-header .home-meta{border-left:none;padding-left:0}.case-studies-section{padding:48px 24px 24px}.case-study-card{grid-template-columns:auto 1fr;gap:20px;padding:24px}.case-study-card .card-arrow{display:none}.home-footer{flex-direction:column;gap:12px;padding:24px}.home-corner-links{top:16px;right:20px}}@media (width<=480px){.home-header h1{font-size:44px}.case-study-card{grid-template-columns:1fr;gap:12px}}.about-page{background:var(--bg);color:var(--ink);min-height:100vh}.about-hero{max-width:var(--max-width);border-bottom:1px solid var(--rule);margin:0 auto;padding:80px 32px 48px}.about-hero-inner{grid-template-columns:var(--rail-w) minmax(0, var(--content-w)) var(--rail-w);column-gap:var(--rail-gap);align-items:start;display:grid}.about-hero-text{grid-column:2}.about-eyebrow{font-family:var(--mono);color:var(--good);letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px;font-size:11px}.about-title{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(40px,5.5vw,72px);font-weight:400;line-height:1.05}.about-title em{color:var(--good);font-style:italic;font-weight:400}.about-lead{color:var(--ink-mid);max-width:640px;font-size:17px;line-height:1.6}.about-specs{width:var(--rail-w);border-left:1px solid var(--rule-strong);box-sizing:border-box;font-family:var(--mono);grid-column:3;justify-self:start;padding-left:20px;font-size:11px}.about-specs-head{color:var(--good);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.about-specs-row{color:var(--ink-soft);grid-template-columns:70px 1fr;gap:12px;padding:5px 0;display:grid}.about-specs-row strong{color:var(--ink);font-weight:500}.about-main{max-width:var(--max-width);margin:0 auto;padding:0 32px}.about-main>.about-section{grid-template-columns:var(--rail-w) minmax(0, var(--content-w)) var(--rail-w);column-gap:var(--rail-gap);border-top:1px solid var(--rule);padding:64px 0;display:grid}.about-main>.about-section:first-child{border-top:none;padding-top:56px}.about-main>.about-section>*{grid-column:2}.about-section-head{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.about-section-num{font-family:var(--mono);color:var(--good);letter-spacing:.06em;font-size:11px;font-weight:600}.about-section-head h2{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);font-size:clamp(26px,3vw,36px);font-weight:400;line-height:1.2}.about-section-meta{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.04em;margin-left:auto;font-size:11px}.about-page .placeholder{background:var(--surface);border:1px dashed var(--rule-strong);color:var(--ink-soft);font-family:var(--mono);letter-spacing:.04em;text-align:center;box-sizing:border-box;justify-content:center;align-items:center;padding:12px;font-size:11px;display:flex}.now-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:8px;display:grid}.now-card{background:var(--surface);border:1px solid var(--rule);border-radius:6px;grid-template-columns:140px 1fr;align-items:start;gap:18px;padding:18px;display:grid}.now-img{background:var(--bg);border:1px solid var(--rule);border-radius:4px;justify-content:center;align-items:center;width:140px;height:140px;display:flex;overflow:hidden}.now-img img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.now-img.placeholder{font-family:var(--mono);color:var(--ink-soft);font-size:10px}.now-body{flex-direction:column;gap:4px;min-width:0;display:flex}.now-meta{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.now-tag{font-family:var(--mono);color:var(--good);letter-spacing:.08em;background:#e8c5471f;border:1px solid #e8c5474d;border-radius:2px;padding:2px 6px;font-size:10px;font-weight:600}.now-label{font-family:var(--mono);color:var(--ink-soft);text-transform:lowercase;letter-spacing:.02em;font-size:11px}.now-title{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:400;line-height:1.25}.now-title a{color:inherit;border-bottom:1px solid var(--rule-strong);text-decoration:none;transition:border-color .15s,color .15s}.now-title a:hover{color:var(--info);border-bottom-color:var(--info)}.now-byline{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.04em;margin:0;font-size:11px}.now-note{font-family:var(--sans);color:var(--ink-mid);margin:8px 0 0;font-size:13px;line-height:1.55}@media (width<=880px){.now-grid{grid-template-columns:1fr}}@media (width<=480px){.now-card{grid-template-columns:110px 1fr;gap:14px;padding:14px}.now-img{width:110px;height:110px}.now-title{font-size:16px}}.origins-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.origins-text p{color:var(--ink);margin-bottom:16px;font-size:16px;line-height:1.75}.origins-text p:last-child{color:var(--ink-mid);margin-bottom:0;font-style:italic}.origins-collage{aspect-ratio:4/3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;margin:0;padding:0;display:block;position:relative}.origins-collage:focus-visible{outline:2px solid var(--good);outline-offset:8px;border-radius:4px}.origin-card{--tilt:0deg;aspect-ratio:4/5;width:60%;transform:rotate(var(--tilt));background:var(--surface);border-radius:4px;transition:top .42s cubic-bezier(.2,.7,.3,1),left .42s cubic-bezier(.2,.7,.3,1),transform .42s cubic-bezier(.2,.7,.3,1);position:absolute;overflow:hidden;box-shadow:0 12px 32px #00000073}.origin-card img{object-fit:cover;width:100%;height:100%;display:block}.origin-card--pos-0{--tilt:3deg;z-index:3;top:18%;left:25%}.origin-card--pos-1{--tilt:-4deg;z-index:1;top:0;left:0}.origin-card--pos-2{--tilt:-2deg;z-index:2;top:6%;left:40%}.origins-collage:hover .origin-card{--tilt:0deg}@media (prefers-reduced-motion:reduce){.origin-card{transition:none}}.takes-list{flex-direction:column;gap:8px;display:flex}.take{text-align:left;background:var(--surface);border:1px solid var(--rule);cursor:pointer;color:inherit;font:inherit;border-radius:4px;grid-template-columns:auto 1fr;align-items:start;gap:8px 22px;padding:20px 22px;transition:border-color .18s,background .18s;display:grid}.take:hover{border-color:var(--rule-strong);background:var(--surface-2)}.take.is-open{border-color:var(--warn)}.take-num{font-family:var(--mono);color:var(--warn);letter-spacing:.06em;padding-top:4px;font-size:11px;font-weight:600}.take-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.take-title{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;font-size:18px;font-weight:400;line-height:1.35}.take-controls{flex-shrink:0;align-items:center;gap:14px;display:inline-flex}.take-heat{flex-shrink:0;gap:4px;display:inline-flex}.take-chevron{color:var(--ink-soft);flex-shrink:0;transition:transform .2s,color .2s}.take:hover .take-chevron{color:var(--ink-mid)}.take.is-open .take-chevron{color:var(--warn);transform:rotate(180deg)}.heat-pip{background:var(--rule-strong);border-radius:50%;width:8px;height:8px}.heat-pip.on{background:var(--warn)}.take-body{color:var(--ink-mid);opacity:0;grid-column:2;max-height:0;margin:0;font-size:14px;line-height:1.6;transition:max-height .25s,opacity .2s,margin .2s;overflow:hidden}.take.is-open .take-body{opacity:1;max-height:200px;margin-top:4px}.field-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.field-card{flex-direction:column;gap:8px;margin:0;display:flex}.field-card--1 .field-img{aspect-ratio:4/5}.field-card--2 .field-img{aspect-ratio:4/3}.field-card--3 .field-img{aspect-ratio:1}.field-card--4 .field-img{aspect-ratio:3/4}.field-card--5 .field-img{aspect-ratio:16/9}.field-img{background:var(--surface);border-radius:4px;width:100%;transition:transform .25s;overflow:hidden}.field-img img{object-fit:cover;width:100%;height:100%;display:block}.field-card:hover .field-img{transform:translateY(-3px)}.field-card figcaption{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.03em;font-size:11px}.loadout-grid{grid-template-columns:1fr 1fr;column-gap:48px;display:grid}.loadout-row{border-bottom:1px dotted var(--rule);font-family:var(--mono);grid-template-columns:auto 1fr auto;align-items:baseline;gap:12px;padding:12px 0;font-size:13px;display:grid}.loadout-row:last-child{border-bottom:none}.loadout-slot{color:var(--ink-soft);letter-spacing:.04em}.loadout-dot{background:linear-gradient(to right, var(--rule-strong) 0%, var(--rule-strong) 50%, transparent 50%) repeat-x;background-size:4px 1px;flex:1;height:1px;margin-bottom:4px}.loadout-item{color:var(--ink);text-align:right}.loadout-item a{color:var(--info);border-bottom:1px solid #6bb3ff59;padding-bottom:1px;text-decoration:none;transition:color .15s,border-color .15s}.loadout-item a:after{content:" ↗";opacity:.65;margin-left:1px;font-size:.85em;transition:opacity .15s,transform .15s;display:inline-block;transform:translateY(-1px)}.loadout-item a:hover{color:var(--ink);border-bottom-color:var(--ink)}.loadout-item a:hover:after{opacity:1;transform:translate(1px,-2px)}.about-outro{text-align:center;padding-bottom:64px}.about-outro>*{grid-column:2}.outro-line{font-family:var(--mono);color:var(--ink-mid);margin-bottom:12px;font-size:16px}.outro-line a{color:var(--good);border-bottom:1px solid var(--good-dim)}.outro-line a:hover{color:var(--ink);border-bottom-color:var(--ink)}.outro-cursor{color:var(--good);margin-left:6px;animation:1.1s steps(2,end) infinite outro-blink;display:inline-block}@keyframes outro-blink{0%,50%{opacity:1}51%,to{opacity:0}}.outro-tag{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:10px}@media (width<=1100px){.about-hero-inner,.about-main>.about-section{grid-template-columns:1fr;column-gap:0}.about-hero-text,.about-main>.about-section>*{grid-column:1}.about-specs{border-left:none;border-top:1px solid var(--rule);grid-column:1;width:100%;margin-top:32px;padding-top:20px;padding-left:0}}@media (width<=880px){.about-hero{padding:56px 24px 40px}.about-main{padding:0 24px}.about-title{font-size:36px}.now-grid{grid-template-columns:1fr 1fr}.origins-grid{grid-template-columns:1fr;gap:32px}.field-grid{grid-template-columns:1fr 1fr}.loadout-grid{grid-template-columns:1fr}}@media (width<=540px){.now-grid,.field-grid{grid-template-columns:1fr}}.resume-page{background:var(--bg);color:var(--ink);min-height:100vh}.resume-main{max-width:var(--max-width);margin:0 auto;padding:56px 32px 80px}.resume-head{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;padding-bottom:28px;display:flex}.resume-eyebrow{font-family:var(--mono);color:var(--good);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.resume-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(36px,5vw,56px);font-weight:400;line-height:1.05}.resume-meta{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.04em;margin-top:12px;font-size:12px}.resume-download{border:1px solid var(--good);font-family:var(--mono);color:var(--good);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:12px 18px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.resume-download:hover{background:var(--good);color:var(--bg)}.resume-frame{border:1px solid var(--rule);background:var(--surface);border-radius:4px;width:100%;height:calc(100vh - 240px);min-height:600px;display:block}.resume-fallback{font-family:var(--mono);color:var(--ink-soft);text-align:center;letter-spacing:.02em;margin-top:16px;font-size:12px}.resume-fallback a{color:var(--info);border-bottom:1px solid #6bb3ff66;transition:border-color .15s}.resume-fallback a:hover{border-bottom-color:var(--info)}@media (width<=880px){.resume-main{padding:40px 24px 64px}.resume-head{flex-direction:column;align-items:flex-start;gap:16px}.resume-frame{height:80vh;min-height:500px}}.audit-main{max-width:var(--max-width);margin:0 auto;padding:56px 32px 80px}.audit-head{border-bottom:1px solid var(--rule);margin-bottom:28px;padding-bottom:28px}.audit-eyebrow{font-family:var(--mono);color:var(--good);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.audit-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin:0 0 12px;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.05}.audit-meta{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.02em;margin-bottom:14px;font-size:12px}.audit-prev{color:var(--ink-mid);max-width:720px;margin-bottom:20px;font-size:13px;line-height:1.55}.audit-prev strong{color:var(--good);font-weight:500}.audit-resolved{margin-top:48px}.audit-subhead{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0 0 8px;font-size:22px;font-weight:400}.audit-resolved-intro{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.02em;margin:0 0 16px;font-size:12px}.audit-row--resolved{grid-template-columns:80px 100px 3fr 1.4fr}.audit-row--resolved-head,.audit-row--resolved-full{grid-template-columns:50px 100px 90px 2.6fr 1.4fr}.audit-id--resolved{color:var(--ink-soft)}.audit-row--resolved .audit-failure{color:var(--ink-mid)}.audit-compare-section{margin-top:48px}.compare-item{border:1px solid var(--rule);background:var(--surface);border-radius:4px;margin-bottom:16px;padding:18px 20px}.compare-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.compare-id{font-family:var(--mono);color:var(--ink-mid);letter-spacing:.04em;background:var(--surface-2);border-radius:2px;padding:3px 7px;font-size:12px;font-weight:600}.compare-name{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;font-size:18px;font-weight:400}.compare-tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-left:auto;font-size:10px}.compare-cols{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.compare-cols--3{grid-template-columns:repeat(3,1fr)}.compare-col{flex-direction:column;gap:8px;display:flex}.compare-col-head{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.compare-code{font-family:var(--mono);background:var(--bg);border:1px solid var(--rule);white-space:pre-wrap;word-break:break-word;color:var(--ink);border-radius:2px;margin:0;padding:10px 12px;font-size:11px;line-height:1.5;overflow-x:auto}.compare-swatch{border:1px solid var(--rule);font-family:var(--mono);text-align:center;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;padding:22px 14px;font-size:11px}.compare-arrow-row{border:1px solid var(--rule);background:var(--bg);border-radius:2px;justify-content:center;align-items:center;padding:18px;display:flex}.compare-arrow{background:var(--surface);border:1px solid var(--rule);width:28px;height:28px;color:var(--ink-mid);font-family:var(--mono);border-radius:2px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.compare-arrow--current{opacity:.3}.compare-arrow--alta{opacity:.3;border-style:dashed}.compare-arrow--altb{opacity:.3;font-size:18px}.compare-diff{color:var(--ink-mid);margin:0;font-size:13px;line-height:1.55}.compare-diff strong{color:var(--good);font-weight:500}.compare-diff code{font-family:var(--mono);background:var(--bg);border:1px solid var(--rule);color:var(--ink);border-radius:2px;padding:1px 5px;font-size:.92em}@media (width<=1000px){.compare-cols,.compare-cols--3{grid-template-columns:1fr}}.audit-counts{gap:12px;margin:0;padding:0;list-style:none;display:flex}.count{border:1px solid var(--rule);background:var(--surface);border-radius:4px;flex-direction:column;gap:4px;min-width:90px;padding:12px 18px;display:flex}.count-num{font-family:var(--serif);letter-spacing:-.02em;font-size:28px;font-weight:500;line-height:1}.count-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:10px}.count--critical .count-num,.count--critical{border-color:#ff7c3a66}.count--critical .count-num{color:var(--warn)}.count--serious{border-color:#e8c54766}.count--serious .count-num{color:var(--good)}.count--moderate{border-color:#6bb3ff66}.count--moderate .count-num{color:var(--info)}.count--good{border-color:#95c76e66}.count--good .count-num{color:#95c76e}.audit-table{border:1px solid var(--rule);background:var(--surface);border-radius:4px;overflow:hidden}.audit-row{border-bottom:1px solid var(--rule);grid-template-columns:40px 100px 1.4fr 2.4fr 1.8fr 3fr;align-items:start;gap:16px;padding:14px 16px;font-size:13px;line-height:1.5;display:grid}.audit-row:last-child{border-bottom:none}.audit-row--head{background:var(--surface-2);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding:10px 16px;font-size:10px}.audit-id{font-family:var(--mono);color:var(--ink-mid);letter-spacing:.04em;font-size:12px;font-weight:600}.audit-sev{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;border-radius:2px;align-self:start;padding:4px 8px;font-size:10px;font-weight:600}.audit-sev--critical{color:var(--warn);background:#ff7c3a1f}.audit-sev--serious{color:var(--good);background:#e8c5471f}.audit-sev--moderate{color:var(--info);background:#6bb3ff1f}.audit-sev--p0{color:var(--warn);background:#ff7c3a1f}.audit-sev--p1{color:var(--good);background:#e8c5471f}.audit-sev--p2{color:var(--info);background:#6bb3ff1f}.audit-sev--p3{background:var(--surface-2);color:var(--ink-soft)}.audit-link{color:var(--good);border-bottom:1px solid #e8c54766;transition:color .15s,border-color .15s}.audit-link:hover{color:var(--ink);border-bottom-color:var(--ink)}.audit-status{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;vertical-align:2px;white-space:nowrap;border-radius:2px;margin-right:8px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}.audit-status--in-progress{color:var(--info);background:#6bb3ff24;border:1px solid #6bb3ff4d}.audit-row--todo,.audit-row--todo-head{grid-template-columns:50px 70px 110px 2.4fr 3fr}.audit-wcag{font-family:var(--mono);color:var(--ink-mid);letter-spacing:.02em;font-size:11px;line-height:1.5}.audit-failure,.audit-fix{color:var(--ink)}.audit-where{font-family:var(--mono);color:var(--ink-mid);word-break:break-word;font-size:11px;line-height:1.55}.audit-row code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--rule);color:var(--ink);border-radius:2px;padding:1px 5px;font-size:.92em}@media (width<=1100px){.audit-row{grid-template-columns:40px 100px 1fr 1.5fr}.audit-row>.audit-where,.audit-row>.audit-fix{grid-column:3/-1}}@media (width<=720px){.audit-main{padding:40px 24px 64px}.audit-counts{flex-wrap:wrap}.audit-row{grid-template-columns:40px 1fr;row-gap:6px}.audit-row>.audit-sev,.audit-row>.audit-wcag,.audit-row>.audit-failure,.audit-row>.audit-where,.audit-row>.audit-fix{grid-column:2}.audit-row--head{display:none}}.docs-page{background:var(--bg);color:var(--ink);min-height:100vh}.docs-layout{max-width:var(--max-width);grid-template-columns:260px minmax(0,1fr);align-items:start;gap:48px;margin:0 auto;padding:0 24px;display:grid}.docs-sidebar{border-right:1px solid var(--rule);align-self:start;max-height:calc(100vh - 64px);padding:32px 16px 48px 0;position:sticky;top:64px;overflow-y:auto}.docs-sidebar-section{margin-bottom:22px}.docs-sidebar-section h3{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin:0 0 6px;padding:0 8px;font-size:10px;font-weight:600}.docs-sidebar-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.docs-sidebar-list a{font-family:var(--sans);color:var(--ink-mid);border-left:2px solid #0000;border-radius:3px;padding:5px 8px;font-size:13px;line-height:1.4;text-decoration:none;display:block}.docs-sidebar-list a:hover{color:var(--ink);background:var(--surface)}.docs-sidebar-list a[aria-current=page]{color:var(--good);border-left-color:var(--good);background:var(--surface);font-weight:500}.docs-sidebar::-webkit-scrollbar{width:6px}.docs-sidebar::-webkit-scrollbar-thumb{background:var(--rule-strong);border-radius:3px}.docs-sidebar::-webkit-scrollbar-track{background:0 0}.docs-content{max-width:760px;font-family:var(--sans);color:var(--ink);padding:40px 8px 96px;font-size:15px;line-height:1.65}.docs-eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 10px;font-size:11px}.docs-content h1{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin:0 0 16px;font-size:clamp(28px,4vw,40px);font-weight:400;line-height:1.1}.docs-content h1+p,.docs-lede{color:var(--ink-mid);max-width:65ch;margin:0 0 32px;font-size:17px;line-height:1.55}.docs-content h2{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);border-top:1px solid var(--rule);margin:48px 0 12px;padding-top:8px;font-size:24px;font-weight:400}.docs-content h2:first-of-type{border-top:none;margin-top:32px;padding-top:0}.docs-content h3{font-family:var(--sans);letter-spacing:0;color:var(--ink);margin:28px 0 8px;font-size:16px;font-weight:600}.docs-content h4{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:20px 0 6px;font-size:12px;font-weight:600}.docs-content p{max-width:70ch;margin:0 0 14px}.docs-content ul,.docs-content ol{margin:0 0 14px;padding-left:22px}.docs-content li{margin-bottom:6px}.docs-content strong{color:var(--ink);font-weight:600}.docs-content em{color:var(--ink-mid);font-style:italic}.docs-content a{color:var(--info);text-underline-offset:2px;-webkit-text-decoration:underline #6bb3ff66;text-decoration:underline #6bb3ff66;transition:text-decoration-color .15s}.docs-content a:hover{-webkit-text-decoration-color:var(--info);text-decoration-color:var(--info)}.docs-content code,.docs-prose code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--rule);color:var(--ink);border-radius:3px;padding:1px 5px;font-size:.88em}.docs-code{background:var(--surface);border:1px solid var(--rule);font-family:var(--mono);color:var(--ink);border-radius:6px;margin:12px 0 20px;padding:14px 16px;font-size:12.5px;line-height:1.55;position:relative;overflow-x:auto}.docs-copy{background:var(--surface-2);border:1px solid var(--rule);color:var(--ink-soft);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;opacity:.85;z-index:1;border-radius:3px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:500;transition:opacity .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;top:8px;right:8px}.docs-code:hover .docs-copy,.docs-copy:focus-visible{opacity:1}.docs-copy:hover{opacity:1;color:var(--ink);border-color:var(--rule-strong)}.docs-copy.is-copied{opacity:1;color:var(--good);border-color:#e8c54766}.docs-copy-icon{align-items:center;line-height:0;display:inline-flex}.docs-code code{font-size:inherit;color:inherit;background:0 0;border:none;padding:0}.docs-code-head{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--rule);border-bottom:none;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;margin-bottom:0;padding:6px 12px;font-size:10px;display:flex}.docs-code-head+.docs-code{border-radius:0 0 6px 6px;margin-top:0}.docs-code .tag{color:var(--info)}.docs-code .attr{color:var(--good)}.docs-code .str{color:var(--warn)}.docs-code .com{color:var(--ink-soft);font-style:italic}.docs-code .kw{color:var(--info)}.docs-props{border-collapse:collapse;width:100%;margin:12px 0 24px;font-size:13px}.docs-props th,.docs-props td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:9px 12px}.docs-props thead th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);background:var(--surface);border-bottom:1px solid var(--rule-strong);font-size:10px;font-weight:600}.docs-props tbody tr:nth-child(2n) td{background:#1d1f2359}.docs-props td:first-child{font-family:var(--mono);color:var(--good);white-space:nowrap;font-size:12px;font-weight:500}.docs-props td:nth-child(2){font-family:var(--mono);color:var(--info);white-space:nowrap;font-size:11.5px}.docs-props td:nth-child(3){font-family:var(--mono);color:var(--ink-soft);white-space:nowrap;font-size:11px}.docs-props .req{font-family:var(--mono);color:var(--warn);vertical-align:1px;text-transform:uppercase;letter-spacing:.06em;background:#ff7c3a29;border:1px solid #ff7c3a4d;border-radius:2px;margin-left:6px;padding:1px 5px;font-size:9px;display:inline-block}.docs-note{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--info);color:var(--ink-mid);border-radius:4px;grid-template-columns:28px 1fr;gap:10px;margin:16px 0 20px;padding:12px 14px;font-size:14px;display:grid}.docs-note--warn{border-left-color:var(--warn)}.docs-note--good{border-left-color:var(--good)}.docs-note .docs-note-mark{font-family:var(--mono);color:var(--info);text-transform:uppercase;letter-spacing:.06em;padding-top:1px;font-size:12px;font-weight:600}.docs-note--warn .docs-note-mark{color:var(--warn)}.docs-note--good .docs-note-mark{color:var(--good)}.docs-note p{margin:0 0 6px}.docs-note p:last-child{margin:0}.docs-swatches{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:16px 0 28px;display:grid}.docs-swatch{background:var(--surface);border:1px solid var(--rule);border-radius:4px;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.docs-swatch-chip{border:1px solid var(--rule-strong);border-radius:4px;width:44px;height:44px}.docs-swatch-meta{min-width:0}.docs-swatch-name{font-family:var(--mono);color:var(--ink);font-size:12px;font-weight:500;display:block}.docs-swatch-val{font-family:var(--mono);color:var(--ink-soft);font-size:11px;display:block}.docs-section-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:14px 0 6px;font-size:10px}.docs-surface-stack{margin:8px 0 22px}.docs-stack-row{font-family:var(--mono);color:var(--ink-soft);border:1px solid var(--rule);border-radius:6px;padding:24px;font-size:11px}.docs-stack-row--bg{background:var(--bg)}.docs-stack-card{border:1px solid var(--rule);border-radius:4px;margin-top:10px;padding:18px}.docs-stack-card--surface{background:var(--surface);color:var(--ink-mid)}.docs-stack-card--surface-2{background:var(--surface-2);color:var(--ink-mid)}.docs-stack-card--surface-3{background:var(--surface-3);color:var(--ink)}.docs-rule-demo{flex-wrap:wrap;gap:10px;margin:8px 0 22px;display:flex}.docs-rule-sample{background:var(--surface);min-width:160px;font-family:var(--mono);color:var(--ink-soft);text-align:center;border:2px solid;border-radius:4px;flex:1;padding:16px;font-size:11px}.docs-ink-demo{background:var(--bg);border:1px solid var(--rule);border-radius:6px;margin:8px 0 22px;padding:18px 20px}.docs-ink-demo p{max-width:none}.docs-accent-demo{background:var(--bg);border:1px solid var(--rule);border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:8px 0 22px;padding:16px 18px;display:flex}.docs-accent-chip{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:3px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-block}.docs-accent-num{font-family:var(--serif);letter-spacing:-.02em;margin-left:8px;font-size:28px;font-weight:500}.docs-font-card{background:var(--surface);border:1px solid var(--rule);color:var(--ink);border-radius:6px;margin:12px 0 18px;padding:22px 24px}.docs-font-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.docs-font-name{color:var(--ink);letter-spacing:-.01em;font-size:26px;font-weight:500}.docs-font-token{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.04em;font-size:11px}.docs-font-aabb{letter-spacing:-.01em;color:var(--ink);margin:0 0 6px;font-size:52px;line-height:1}.docs-font-pangram{color:var(--ink-mid);max-width:none;margin:0 0 12px;font-size:18px;line-height:1.4}.docs-font-meta{font-family:var(--sans);color:var(--ink-soft);max-width:none;margin:0;font-size:13px;line-height:1.5}.docs-type-scale{background:var(--surface);border:1px solid var(--rule);border-radius:6px;margin:12px 0 24px;padding:12px 4px}.docs-type-row{border-bottom:1px dashed var(--rule);grid-template-columns:200px 1fr;align-items:baseline;gap:16px;padding:12px 16px;display:grid}.docs-type-row:last-child{border-bottom:none}.docs-type-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.docs-type-h1{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(28px,4vw,40px);font-weight:400;line-height:1.05}.docs-type-h2{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:24px;font-weight:400}.docs-type-h3{font-family:var(--sans);color:var(--ink);margin:0;font-size:18px;font-weight:600}.docs-type-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--good);margin:0;font-size:11px;font-weight:600}.docs-type-body{font-family:var(--sans);color:var(--ink);max-width:none;margin:0;font-size:16px;line-height:1.65}.docs-type-caption{font-family:var(--mono);color:var(--ink-mid);letter-spacing:.02em;margin:0;font-size:12px}.docs-type-stat{font-family:var(--serif);color:var(--warn);letter-spacing:-.02em;margin:0;font-size:40px;font-weight:500;line-height:1}@media (width<=720px){.docs-type-row{grid-template-columns:1fr;gap:4px}}.docs-layout-diagram{background:var(--surface);border:1px solid var(--rule);border-radius:6px;margin:12px 0 22px;padding:16px;overflow-x:auto}.docs-layout-ruler{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.04em;border-bottom:1px dashed var(--rule);justify-content:space-between;align-items:center;margin-bottom:14px;padding:4px 4px 12px;font-size:10px;display:flex}.docs-layout-row{grid-template-columns:3fr .5fr 8fr .5fr 3fr;gap:4px;min-width:540px;display:grid}.docs-layout-cell{text-align:center;font-family:var(--mono);color:var(--ink-soft);letter-spacing:.04em;border:1px solid var(--rule);border-radius:4px;flex-direction:column;gap:4px;padding:14px 10px;font-size:10px;display:flex}.docs-layout-cell--rail{background:#e8c54712;border-color:#e8c54740}.docs-layout-cell--content{background:#6bb3ff12;border-color:#6bb3ff40}.docs-layout-cell--gap{background:var(--bg);border-color:var(--rule)}.docs-layout-token{color:var(--good);letter-spacing:.04em;font-weight:600}.docs-layout-cell--content .docs-layout-token{color:var(--info)}.docs-layout-cell--gap .docs-layout-token{color:var(--ink-mid)}.docs-layout-px{color:var(--ink);font-size:14px;font-family:var(--serif);letter-spacing:-.01em}.docs-layout-role{color:var(--ink-soft);text-transform:lowercase;letter-spacing:0;font-size:10px}.docs-cta{background:var(--surface);border:1px solid var(--rule-strong);font-family:var(--sans);border-radius:4px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-block;color:var(--good)!important;text-decoration:none!important}.docs-cta:hover{background:var(--surface-2);border-color:var(--good)}.docs-cta code{font-family:var(--mono);color:var(--good);background:0 0;border:none;padding:0;font-size:.92em}.docs-spacing-scale{background:var(--surface);border:1px solid var(--rule);border-radius:6px;margin:12px 0 22px;padding:8px 0}.docs-spacing-row{border-bottom:1px dashed var(--rule);grid-template-columns:70px 1fr 2fr;align-items:center;gap:16px;padding:10px 18px;display:grid}.docs-spacing-row:last-child{border-bottom:none}.docs-spacing-label{font-family:var(--mono);color:var(--good);text-align:right;font-size:13px;font-weight:600}.docs-spacing-bar{background:var(--good-dim);border-radius:2px;max-width:100%;height:14px;display:block}.docs-spacing-note{font-family:var(--sans);color:var(--ink-mid);font-size:13px;line-height:1.45}@media (width<=720px){.docs-spacing-row{grid-template-columns:50px 1fr}.docs-spacing-note{grid-column:1/-1}}.docs-pager{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:16px;margin-top:64px;padding-top:32px;display:grid}.docs-pager-link{background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:14px 16px;text-decoration:none;transition:border-color .15s,background .15s;display:block}.docs-pager-link:hover{border-color:var(--rule-strong);background:var(--surface-2)}.docs-pager-link--next{text-align:right;grid-column:2}.docs-pager-link--prev{grid-column:1}.docs-pager-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:4px;font-size:10px;text-decoration:none;display:block}.docs-pager-title{font-family:var(--sans);color:var(--ink);font-size:14px;font-weight:500;text-decoration:none}.docs-content hr{border:none;border-top:1px solid var(--rule);margin:32px 0}.docs-content blockquote{border-left:3px solid var(--rule-strong);color:var(--ink-mid);margin:16px 0;padding-left:16px;font-style:italic}.docs-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);background:var(--surface);border:1px solid var(--rule);vertical-align:2px;border-radius:2px;margin-left:8px;padding:2px 6px;font-size:10px;display:inline-block}.docs-content .docs-toc{background:var(--surface);border:1px solid var(--rule);border-radius:4px;margin:0 0 28px;padding:14px 16px;font-size:13px}.docs-content .docs-toc h4{margin:0 0 8px}.docs-content .docs-toc ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.docs-content .docs-toc a{color:var(--ink-mid);text-decoration:none}.docs-content .docs-toc a:hover{color:var(--info)}@media (width<=880px){.docs-layout{grid-template-columns:1fr;gap:0;padding:0 16px}.docs-sidebar{border-right:none;border-bottom:1px solid var(--rule);max-height:none;padding:16px 0 20px;position:static}.docs-sidebar-section{margin-bottom:14px}.docs-content{padding:24px 0 64px;font-size:14px}.docs-pager{grid-template-columns:1fr}.docs-pager-link--next{text-align:left;grid-column:1}}@media (prefers-reduced-motion:reduce){.docs-content a,.docs-pager-link{transition:none}}.blog-page{min-height:100vh}.blog-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:start;column-gap:40px;max-width:1200px;margin:0 auto;padding:40px 32px 80px;display:grid}.blog-main{min-width:0}@media (width<=900px){.blog-layout{grid-template-columns:1fr}}.blog-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.blog-head-text{flex:auto;min-width:0}.blog-eyebrow{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase;margin:0 0 6px;font-size:11px}.blog-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin:0 0 8px;font-size:36px;font-weight:400}.blog-lede{font-family:var(--sans);color:var(--ink-mid);max-width:600px;margin:0;font-size:15px;line-height:1.6}.blog-filter{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.blog-filter-clear{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px;text-decoration:underline}.blog-filter-clear:hover{color:var(--ink)}.blog-empty{font-family:var(--sans);color:var(--ink-soft);padding:24px 0;font-size:14px}.blog-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.blog-card-wrap{margin:0}.blog-card{color:inherit;background:var(--surface);border:1px solid var(--rule);border-radius:4px;align-items:flex-start;gap:18px;padding:20px 24px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex}.blog-card:hover{border-color:var(--rule-strong);background:var(--surface-2);transform:translateY(-1px)}.blog-card-body{flex:auto;min-width:0}.blog-card-hero{flex:none;width:110px}.blog-card-hero img{border-radius:4px;width:100%;height:auto;display:block;box-shadow:0 3px 10px #00000059}@media (width<=540px){.blog-card-hero{width:80px}}.blog-card-meta{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-soft);align-items:center;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.blog-card-date{text-transform:uppercase}.blog-card-readtime{text-transform:uppercase;color:var(--ink-soft)}.blog-card-readtime:before{content:"·";color:var(--ink-soft);margin:0 6px}.blog-post-meta-sep{color:var(--ink-soft);opacity:.6}.blog-card-draft{background:var(--warn);color:var(--bg);border-radius:2px;padding:1px 6px;font-size:10px;font-weight:600}.blog-card-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0 0 8px;font-size:22px;font-weight:400;line-height:1.3}.blog-card-excerpt{font-family:var(--sans);color:var(--ink-mid);margin:0 0 12px;font-size:14px;line-height:1.55}.blog-card-tags{flex-wrap:wrap;gap:6px;display:flex}.blog-post-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.blog-post-head-text{flex:auto;min-width:0}.blog-post-hero{cursor:zoom-in;flex:none;width:180px;margin:0}.blog-post-hero img{border-radius:4px;width:100%;height:auto;display:block;box-shadow:0 6px 18px #00000059}@media (width<=700px){.blog-post-head.has-hero{flex-direction:column-reverse;align-items:stretch}.blog-post-hero{width:100%;max-width:320px;margin:0 0 16px}}.blog-post-date{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-soft);text-transform:uppercase;margin:0 0 6px;font-size:11px}.blog-post-draft{color:var(--warn);font-weight:600}.blog-post-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin:0 0 12px;font-size:32px;font-weight:400;line-height:1.2}.blog-post-tags{flex-wrap:wrap;gap:8px;display:flex}.blog-post-body{font-family:var(--sans);color:var(--ink);max-width:680px;font-size:16px;line-height:1.7}.blog-post-body p{margin:0 0 1.1em}.blog-post-body a{color:var(--info);-webkit-text-decoration:underline #6bb3ff66;text-decoration:underline #6bb3ff66}.blog-post-body a:hover{-webkit-text-decoration-color:var(--info);text-decoration-color:var(--info)}.blog-post-body h2{font-family:var(--serif);color:var(--ink);margin:1.6em 0 .5em;font-size:22px;font-weight:400}.blog-post-body h3{font-family:var(--serif);color:var(--ink);margin:1.4em 0 .4em;font-size:18px;font-weight:400}.blog-post-body ul,.blog-post-body ol{margin:0 0 1.1em;padding-left:1.6em}.blog-post-body li{margin-bottom:.3em}.blog-post-body code{font-family:var(--mono);background:var(--surface-2);color:var(--good);border-radius:2px;padding:1px 5px;font-size:13px}.blog-post-body pre{font-family:var(--mono);background:var(--surface);border:1px solid var(--rule);border-radius:4px;margin:0 0 1.1em;padding:14px 16px;font-size:13px;overflow-x:auto}.blog-post-body pre code{color:var(--ink);background:0 0;padding:0}.blog-post-body .token.comment,.blog-post-body .token.prolog,.blog-post-body .token.doctype,.blog-post-body .token.cdata,.blog-post-body .token.punctuation{color:var(--ink-soft)}.blog-post-body .token.string,.blog-post-body .token.char,.blog-post-body .token.attr-value,.blog-post-body .token.regex,.blog-post-body .token.url,.blog-post-body .token.inserted{color:var(--good)}.blog-post-body .token.keyword,.blog-post-body .token.boolean,.blog-post-body .token.atrule,.blog-post-body .token.important,.blog-post-body .token.number,.blog-post-body .token.constant,.blog-post-body .token.symbol{color:var(--info)}.blog-post-body .token.function,.blog-post-body .token.class-name,.blog-post-body .token.deleted,.blog-post-body .token.selector,.blog-post-body .token.tag{color:var(--warn)}.blog-post-body .token.property,.blog-post-body .token.attr-name,.blog-post-body .token.builtin,.blog-post-body .token.operator,.blog-post-body .token.entity,.blog-post-body .token.variable{color:var(--ink)}.blog-post-body .token.italic{font-style:italic}.blog-post-body .token.bold{font-weight:600}.blog-post-body code[class*=language-],.blog-post-body pre[class*=language-]{font-family:var(--mono)}.blog-post-body blockquote{border-left:2px solid var(--rule-strong);color:var(--ink-mid);margin:0 0 1.1em;padding:4px 0 4px 16px;font-style:italic}.blog-post-foot{border-top:1px solid var(--rule);font-family:var(--mono);letter-spacing:.04em;margin-top:48px;padding-top:24px;font-size:12px}.blog-post-foot a{color:var(--ink-mid);text-decoration:none}.blog-post-foot a:hover{color:var(--ink)}.blog-sidebar{border-left:1px solid var(--rule);padding-left:24px}@media (width<=900px){.blog-sidebar{border-left:none;border-top:1px solid var(--rule);margin-top:32px;padding:24px 0 0}}.blog-sidebar-head{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase;margin:0 0 12px;font-size:11px}.blog-sidebar-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.blog-sidebar-link{color:inherit;flex-direction:column;gap:4px;text-decoration:none;display:flex}.blog-sidebar-date{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-soft);text-transform:uppercase;font-size:10px}.blog-sidebar-title{font-family:var(--serif);color:var(--ink);font-size:14px;line-height:1.35;transition:color .15s}.blog-sidebar-link:hover .blog-sidebar-title{color:var(--info)}.blog-sidebar-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag-pill{font-family:var(--mono);letter-spacing:.02em;cursor:default;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;line-height:1.4;text-decoration:none;display:inline-flex}button.tag-pill{cursor:pointer}.tag-pill--small{padding:2px 7px;font-size:10px}.tag-pill--info{color:var(--info);background:#6bb3ff14;border-color:#6bb3ff59}.tag-pill--good{color:var(--good);background:#e8c54714;border-color:#e8c54759}.tag-pill--warn{color:var(--warn);background:#ff7c3a14;border-color:#ff7c3a59}.tag-pill.is-active.tag-pill--info{background:var(--info);color:var(--bg);border-color:var(--info)}.tag-pill.is-active.tag-pill--good{background:var(--good);color:var(--bg);border-color:var(--good)}.tag-pill.is-active.tag-pill--warn{background:var(--warn);color:var(--bg);border-color:var(--warn)}button.tag-pill--info:hover{background:#6bb3ff2e}button.tag-pill--good:hover{background:#e8c5472e}button.tag-pill--warn:hover{background:#ff7c3a2e}.blog-dev-editor-link{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--info);white-space:nowrap;background:#6bb3ff14;border:1px solid #6bb3ff59;border-radius:2px;flex-shrink:0;padding:6px 10px;font-size:11px;text-decoration:none;transition:background .15s,color .15s}.blog-dev-editor-link:hover{background:var(--info);color:var(--bg)}.blog-editor-page{min-height:100vh}.blog-editor-prod-notice{background:var(--surface);border:1px solid var(--rule);text-align:center;border-radius:4px;max-width:600px;margin:80px auto;padding:32px}.blog-editor-prod-notice h1{font-family:var(--serif);color:var(--ink);margin:0 0 12px;font-size:24px;font-weight:400}.blog-editor-prod-notice p{font-family:var(--sans);color:var(--ink-mid);margin:0 0 16px;font-size:14px;line-height:1.6}.blog-editor-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:32px;max-width:1400px;margin:0 auto;padding:32px;display:grid}@media (width<=900px){.blog-editor-layout{grid-template-columns:1fr}}.blog-editor-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.blog-editor-head h1{font-family:var(--serif);color:var(--ink);margin:0;font-size:24px;font-weight:400}.blog-editor-load{align-items:center;gap:8px;display:flex}.blog-editor-load select{font-family:var(--mono);background:var(--surface-2);color:var(--ink);border:1px solid var(--rule-strong);border-radius:2px;padding:6px 10px;font-size:12px}.blog-editor-load button{font-family:var(--mono);letter-spacing:.04em;background:var(--surface-2);color:var(--ink);border:1px solid var(--rule-strong);cursor:pointer;text-transform:uppercase;border-radius:2px;padding:6px 12px;font-size:11px}.blog-editor-load button:hover{background:var(--surface-3)}.blog-editor-status{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:2px;margin-bottom:12px;padding:2px 8px;font-size:10px;display:inline-block}.blog-editor-status--draft{color:var(--warn);background:#ff7c3a26;border:1px solid #ff7c3a59}.blog-editor-status--published{color:var(--good);background:#e8c54726;border:1px solid #e8c54759}.blog-editor-form{flex-direction:column;gap:14px;display:flex}.blog-editor-field{flex-direction:column;gap:4px;display:flex}.blog-editor-field label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.blog-editor-field input,.blog-editor-field textarea{font-family:var(--sans);background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:2px;padding:8px 12px;font-size:14px}.blog-editor-field input:focus,.blog-editor-field textarea:focus{border-color:var(--info);outline:none}.blog-editor-field textarea{font-family:var(--mono);resize:vertical;min-height:400px;font-size:13px;line-height:1.6}.blog-editor-tags{background:var(--surface);border:1px solid var(--rule);border-radius:2px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex;position:relative}.blog-editor-tags:focus-within{border-color:var(--info)}.blog-editor-tags input{min-width:80px;font-family:var(--sans);color:var(--ink);outline:none;flex:80px;font-size:13px;background:0 0!important;border:none!important;padding:4px!important}.blog-editor-chip{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--rule-strong);color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:2px 4px 2px 8px;font-size:11px;display:inline-flex}.blog-editor-chip button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:2px 6px;font-size:12px;line-height:1}.blog-editor-chip button:hover{color:var(--warn);background:var(--surface-3)}.blog-editor-tags-suggest{background:var(--surface-2);border:1px solid var(--rule-strong);z-index:10;border-radius:2px;max-height:160px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.blog-editor-tags-suggest button{text-align:left;width:100%;font-family:var(--mono);color:var(--ink);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:12px;display:block}.blog-editor-tags-suggest button:hover,.blog-editor-tags-suggest button.is-focused{background:var(--surface-3);color:var(--info)}.blog-editor-slug-panel{background:var(--surface-2);border:1px solid var(--warn);font-family:var(--sans);color:var(--ink-mid);border-radius:4px;margin:16px 0;padding:14px 16px;font-size:13px;line-height:1.5}.blog-editor-slug-panel-title{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--warn);margin:0 0 10px;font-size:11px}.blog-editor-slug-panel code{font-family:var(--mono);background:var(--surface);color:var(--ink);border-radius:2px;padding:1px 5px;font-size:12px}.blog-editor-slug-options{flex-direction:column;gap:8px;margin:10px 0;display:flex}.blog-editor-slug-options label{cursor:pointer;color:var(--ink);align-items:flex-start;gap:8px;display:flex}.blog-editor-slug-options input[type=radio]{accent-color:var(--info);margin-top:3px}.blog-editor-slug-confirm{font-family:var(--mono);letter-spacing:.04em;background:var(--info);color:var(--bg);cursor:pointer;text-transform:uppercase;border:none;border-radius:2px;padding:8px 14px;font-size:11px;font-weight:600}.blog-editor-slug-confirm:hover{background:#8fc7ff}.blog-editor-slug-confirmed{border-top:1px solid var(--rule);color:var(--ink-soft);margin:10px 0 0;padding-top:10px;font-size:12px}.blog-editor-slug-confirmed button{color:var(--info);cursor:pointer;font-family:var(--mono);background:0 0;border:none;margin-left:8px;font-size:12px;text-decoration:underline}.blog-editor-actions{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;padding-top:20px;display:flex}.blog-editor-actions button{font-family:var(--mono);letter-spacing:.06em;cursor:pointer;text-transform:uppercase;border:1px solid #0000;border-radius:2px;padding:10px 16px;font-size:11px;font-weight:600;transition:background .15s,color .15s}.blog-editor-actions button:disabled{opacity:.4;cursor:not-allowed}.blog-editor-save-draft{background:var(--surface-2);color:var(--ink);border-color:var(--rule-strong)!important}.blog-editor-save-draft:not(:disabled):hover{background:var(--surface-3)}.blog-editor-save-publish{background:var(--good);color:var(--bg)}.blog-editor-save-publish:not(:disabled):hover{background:#f0d35f}.blog-editor-delete{color:var(--warn);background:0 0;margin-left:auto;border-color:var(--warn)!important}.blog-editor-delete:hover{background:var(--warn);color:var(--bg)}.blog-editor-status-msg{font-family:var(--mono);color:var(--ink-soft);margin-left:8px;font-size:11px}.blog-editor-status-msg--error{color:var(--warn)}.blog-editor-status-msg--success{color:var(--good)}.blog-editor-hero{flex-direction:column;gap:8px;display:flex}.blog-editor-hero-current{max-width:200px;display:inline-block;position:relative}.blog-editor-hero-current img{border:1px solid var(--rule);border-radius:4px;width:100%;height:auto;display:block}.blog-editor-hero-remove{border:1px solid var(--warn);width:22px;height:22px;color:var(--warn);cursor:pointer;background:#0e0f11d9;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.blog-editor-hero-remove:hover{background:var(--warn);color:var(--bg)}.blog-editor-hero-alt{font-family:var(--sans);background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:2px;padding:8px 12px;font-size:14px}.blog-editor-hero-alt:disabled{opacity:.4;cursor:not-allowed}.blog-editor-upload-btn{font-family:var(--mono);letter-spacing:.06em;background:var(--surface-2);color:var(--ink);border:1px solid var(--rule-strong);cursor:pointer;text-transform:uppercase;border-radius:2px;align-self:flex-start;padding:5px 12px;font-size:11px}.blog-editor-upload-btn:hover{background:var(--surface-3)}.blog-editor-toolbar{flex-direction:column;gap:6px;margin-bottom:6px;display:flex;position:relative}.blog-editor-toolbar-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.blog-editor-toolbar-btn{font-family:var(--sans);background:var(--surface-2);color:var(--ink);border:1px solid var(--rule);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;width:30px;height:28px;padding:0;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.blog-editor-toolbar-btn:hover{background:var(--surface-3);border-color:var(--rule-strong)}.blog-editor-toolbar-btn:focus-visible{outline:1px solid var(--info);outline-offset:1px}.blog-editor-toolbar-btn.is-italic{font-style:italic}.blog-editor-toolbar-btn.is-mono{font-family:var(--mono);font-size:11px;font-weight:500}.blog-editor-toolbar-color-wrap{display:inline-flex;position:relative}.blog-editor-color-popover{background:var(--surface-2);border:1px solid var(--rule-strong);z-index:50;border-radius:2px;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 6px 16px #0006}.blog-editor-color-swatch{border:1px solid var(--rule-strong);cursor:pointer;border-radius:50%;width:22px;height:22px;padding:0}.blog-editor-color-swatch--info{background:var(--info)}.blog-editor-color-swatch--good{background:var(--good)}.blog-editor-color-swatch--warn{background:var(--warn)}.blog-editor-color-swatch:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.blog-editor-link-row{align-items:center;gap:6px;display:flex}.blog-editor-link-row input{font-family:var(--sans);background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:2px;flex:auto;padding:6px 10px;font-size:13px}.blog-editor-link-row input:focus{border-color:var(--info);outline:none}.blog-editor-link-row button{font-family:var(--mono);letter-spacing:.04em;background:var(--surface-2);color:var(--ink);border:1px solid var(--rule-strong);cursor:pointer;text-transform:uppercase;border-radius:2px;padding:6px 12px;font-size:11px}.blog-editor-link-row button[type=submit]{background:var(--info);color:var(--bg);border-color:var(--info)}.blog-post-body .blog-accent-info{color:var(--info)}.blog-post-body .blog-accent-good{color:var(--good)}.blog-post-body .blog-accent-warn{color:var(--warn)}.blog-editor-toast-stack{z-index:900;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.blog-editor-toast{pointer-events:auto;font-family:var(--mono);letter-spacing:.04em;background:var(--surface-2);border:1px solid var(--rule-strong);color:var(--ink);cursor:pointer;text-align:left;border-radius:2px;max-width:380px;padding:10px 14px;font-size:11px;box-shadow:0 8px 24px #0006}.blog-editor-toast--error{border-color:var(--warn);color:var(--warn);background:#ff7c3a14}.blog-post-body img{cursor:zoom-in;border-radius:4px;max-width:100%;height:auto;margin:1em 0;display:block}.blog-editor-preview .blog-post-body img{cursor:nwse-resize}.blog-editor-confirm-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.blog-editor-confirm-card{background:var(--surface-2);border:1px solid var(--warn);border-radius:4px;width:100%;max-width:440px;padding:24px 28px;box-shadow:0 12px 48px #00000080}.blog-editor-confirm-card h2{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 12px;font-size:20px;font-weight:400}.blog-editor-confirm-card p{font-family:var(--sans);color:var(--ink-mid);margin:0 0 20px;font-size:14px;line-height:1.55}.blog-editor-confirm-card strong{color:var(--ink);font-weight:600}.blog-editor-confirm-error{background:#ff7c3a14;border:1px solid #ff7c3a59;border-radius:2px;padding:8px 12px;font-family:var(--mono)!important;color:var(--warn)!important;font-size:12px!important}.blog-editor-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.blog-editor-confirm-actions button{font-family:var(--mono);letter-spacing:.06em;cursor:pointer;text-transform:uppercase;border:1px solid var(--rule-strong);background:var(--surface-3);color:var(--ink);border-radius:2px;padding:9px 18px;font-size:11px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.blog-editor-confirm-actions button:not(:disabled):hover{background:var(--surface)}.blog-editor-confirm-actions button:focus-visible{outline:2px solid var(--info);outline-offset:2px}.blog-editor-confirm-actions button.blog-editor-confirm-danger{background:var(--warn);color:var(--bg);border-color:var(--warn)}.blog-editor-confirm-actions button.blog-editor-confirm-danger:not(:disabled):hover{background:#ff9258;border-color:#ff9258}.blog-editor-confirm-actions button:disabled{opacity:.4;cursor:not-allowed}.blog-editor-resize-card{background:var(--surface-2);border:1px solid var(--info);border-radius:4px;width:100%;max-width:520px;padding:24px 28px;box-shadow:0 12px 48px #00000080}.blog-editor-resize-card h2{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 16px;font-size:20px;font-weight:400}.blog-editor-resize-thumb{max-width:200px;margin:0 0 16px}.blog-editor-resize-thumb img{border:1px solid var(--rule);border-radius:4px;max-width:100%;height:auto;display:block}.blog-editor-resize-row{font-family:var(--sans);color:var(--ink);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;font-size:13px;display:flex}.blog-editor-resize-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);min-width:80px;font-size:10px}.blog-editor-resize-row label{cursor:pointer;align-items:center;gap:5px;display:inline-flex}.blog-editor-resize-row input[type=radio]{accent-color:var(--info)}.blog-editor-resize-row input[type=radio]:disabled+span{opacity:.45}.blog-editor-resize-value{width:90px;font-family:var(--sans);background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:2px;padding:6px 10px;font-size:13px}.blog-editor-resize-value:focus{border-color:var(--info);outline:none}.blog-editor-resize-value:disabled{opacity:.4}.blog-editor-resize-note{font-family:var(--sans);color:var(--ink-soft);margin:4px 0 10px;font-size:12px;line-height:1.5}.blog-editor-resize-md{font-family:var(--mono);background:var(--surface);border:1px solid var(--rule);color:var(--info);white-space:pre-wrap;word-break:break-all;border-radius:2px;margin:0 0 18px;padding:8px 10px;font-size:11px}.blog-editor-resize-apply{background:var(--info)!important;color:var(--bg)!important;border-color:var(--info)!important}.blog-editor-resize-apply:not(:disabled):hover{background:#8fc7ff!important;border-color:#8fc7ff!important}.blog-editor-preview{background:var(--surface);border:1px solid var(--rule);border-radius:4px;max-height:calc(100vh - 100px);padding:32px;position:sticky;top:80px;overflow-y:auto}.blog-editor-preview-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--rule);margin:0 0 16px;padding-bottom:12px;font-size:10px}