@layer global{*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv11"}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-ink);margin:0}h1{font-size:var(--font-size-4xl);letter-spacing:-.035em;line-height:.95}h2{font-size:var(--font-size-3xl);letter-spacing:-.03em}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}p{margin:0}a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--color-primary) 50%, transparent);text-decoration-color:color-mix(in oklab, var(--color-primary) 50%, transparent);text-underline-offset:3px;transition:text-decoration-color var(--motion-fast) var(--easing-out);text-decoration-thickness:1px}a:hover{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:2px}code,pre,kbd{font-family:var(--font-family-mono);font-size:.92em}::selection{background:color-mix(in oklab, var(--color-primary) 28%, transparent);color:var(--color-ink)}hr{border:0;border-top:1px solid var(--color-line);margin:0}img,svg{max-width:100%;display:block}}@layer layout{.l-container{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}.l-stack{gap:var(--space-5);flex-direction:column;display:flex}.l-stack--tight{gap:var(--space-3)}.l-stack--loose{gap:var(--space-7)}.l-stack--xl{gap:var(--space-9)}.l-cluster{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.l-cluster--tight{gap:var(--space-2)}.l-cluster--spread{justify-content:space-between}.l-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}.l-grid--2-col,.l-grid--3-col,.l-grid--4-col{grid-template-columns:1fr}@media (min-width:720px){.l-grid--2-col,.l-grid--3-col,.l-grid--4-col{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.l-grid--3-col{grid-template-columns:repeat(3,1fr)}.l-grid--4-col{grid-template-columns:repeat(4,1fr)}}.l-sidebar{gap:var(--space-7);grid-template-columns:1fr;display:grid}@media (min-width:880px){.l-sidebar{grid-template-columns:280px 1fr}.l-sidebar--right{grid-template-columns:1fr 280px}}.l-switcher{gap:var(--space-5);flex-wrap:wrap;display:flex}.l-switcher>*{flex:280px}.l-center{justify-content:center;align-items:center;display:flex}.l-section{padding-block:var(--space-9)}.l-section--lg{padding-block:var(--space-10)}.l-section--sm{padding-block:var(--space-7)}}@layer component{.c-button{--_bg:var(--color-paper-2);--_bg-hov:var(--color-paper-3);--_fg:var(--color-ink);--_border:var(--color-line);align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--_fg);background:var(--_bg);border:1px solid var(--_border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-fast) var(--easing-out), border-color var(--motion-fast) var(--easing-out), color var(--motion-fast) var(--easing-out), transform var(--motion-fast) var(--easing-out);padding:10px 16px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.c-button:hover{background:var(--_bg-hov)}.c-button:active{transform:translateY(1px)}.c-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.c-button--primary{--_bg:var(--color-ink);--_bg-hov:var(--color-ink-2);--_fg:var(--color-paper);--_border:var(--color-ink)}.c-button--accent{--_bg:var(--color-primary);--_bg-hov:var(--color-primary-2);--_fg:var(--color-paper);--_border:var(--color-primary)}.c-button--ghost{--_bg:transparent;--_bg-hov:var(--color-paper-2);--_border:transparent}.c-button--sm{font-size:var(--font-size-xs);padding:6px 10px}.c-button[data-state=disabled],.c-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.c-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-lg);transition:border-color var(--motion-base) var(--easing-out), box-shadow var(--motion-base) var(--easing-out), transform var(--motion-base) var(--easing-out);flex-direction:column;display:flex;overflow:hidden}.c-card--interactive{cursor:pointer}.c-card--interactive:hover{border-color:var(--color-ink);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.c-card--flat{border-color:var(--color-line-soft)}.c-card--tinted{background:var(--color-paper-2)}.c-card--inverted{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.c-card--inverted .c-card__title{color:var(--color-paper)}.c-card__header{padding:var(--space-5) var(--space-5) 0}.c-card__body{padding:var(--space-5);flex:1}.c-card__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-line-soft)}.c-card__title{font-family:var(--font-family-sans);font-size:var(--font-size-xl);letter-spacing:-.02em;font-weight:600}.c-card__eyebrow{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-size:11px}.c-input{width:100%;font-family:var(--font-family-sans);font-size:var(--font-size-md);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-md);transition:border-color var(--motion-fast) var(--easing-out);padding:10px 14px}.c-input:focus{border-color:var(--color-primary);outline:none}.c-input[data-state=error]{border-color:var(--color-danger)}.c-badge{align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);color:var(--color-ink-2);background:var(--color-paper-2);border:1px solid var(--color-line);border-radius:var(--radius-pill);letter-spacing:.01em;padding:4px 10px;font-size:11px;font-weight:500;line-height:1.4;display:inline-flex}.c-badge--accent{color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 10%, var(--color-paper));border-color:color-mix(in oklab, var(--color-primary) 30%, var(--color-line))}.c-badge--dot:before{content:"";background:var(--color-success);border-radius:999px;width:6px;height:6px;display:inline-block}.c-modal__backdrop{background:color-mix(in oklab, var(--color-ink) 60%, transparent);-webkit-backdrop-filter:blur(6px);z-index:100;animation:c-modal-fade var(--motion-base) var(--easing-out);position:fixed;inset:0}.c-modal{z-index:101;background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:c-modal-in var(--motion-slow) var(--easing-out);flex-direction:column;display:flex;position:fixed;overflow:hidden}.c-modal__titlebar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-paper-2);border-bottom:1px solid var(--color-line);cursor:grab;-webkit-user-select:none;user-select:none;display:flex}.c-modal__titlebar:active{cursor:grabbing}.c-modal__title{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.c-modal__title b{color:var(--color-ink);font-weight:600}.c-modal__lights{gap:6px;display:flex}.c-modal__light{background:var(--color-line);cursor:pointer;width:12px;height:12px;transition:background var(--motion-fast) var(--easing-out);border:none;border-radius:999px;padding:0}.c-modal__light--close{background:#ed6a5e}.c-modal__light--min{background:#f4bf4f}.c-modal__light--max{background:#61c454}.c-modal__light:hover{filter:brightness(1.1)}.c-modal__close{appearance:none;border:1px solid var(--color-line);border-radius:var(--radius-sm);font-family:var(--font-family-mono);color:var(--color-muted);cursor:pointer;background:0 0;padding:4px 8px;font-size:11px}.c-modal__close:hover{background:var(--color-paper);color:var(--color-ink)}.c-modal__body{padding:var(--space-7);flex:1;overflow-y:auto}.c-modal__resize{background:0 0;position:absolute}.c-modal__resize--se{cursor:nwse-resize;width:18px;height:18px;bottom:0;right:0}.c-modal__resize--e{cursor:ew-resize;width:6px;top:28px;bottom:18px;right:0}.c-modal__resize--s{cursor:ns-resize;height:6px;bottom:0;left:28px;right:18px}@keyframes c-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes c-modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.c-nav{z-index:50;background:color-mix(in oklab, var(--color-paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-line-soft);position:sticky;top:0}.c-nav__inner{justify-content:space-between;align-items:center;gap:var(--space-5);height:64px;display:flex}.c-nav__brand{align-items:center;gap:var(--space-3);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-ink);text-decoration:none;display:flex}.c-nav__mark{border-radius:var(--radius-sm);background:var(--color-ink);width:24px;height:24px;color:var(--color-paper);place-items:center;font-size:13px;font-weight:700;display:grid}.c-nav__links{align-items:center;gap:var(--space-1);display:none}@media (min-width:720px){.c-nav__links{display:flex}}.c-nav__link{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-muted);border-radius:var(--radius-sm);transition:color var(--motion-fast) var(--easing-out), background var(--motion-fast) var(--easing-out);padding:6px 12px;text-decoration:none}.c-nav__link:hover{color:var(--color-ink);background:var(--color-paper-2)}.c-nav__num{color:var(--color-muted-2);font-variant-numeric:tabular-nums;margin-right:6px}.c-eyebrow{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);align-items:center;gap:var(--space-2);font-size:11px;display:inline-flex}.c-eyebrow__dot{background:var(--color-primary);border-radius:999px;width:6px;height:6px}.c-eyebrow__idx{color:var(--color-muted-2)}.c-stat{gap:var(--space-2);padding:var(--space-5);border-right:1px solid var(--color-line-soft);flex-direction:column;display:flex}.c-stat:last-child{border-right:0}.c-stat__value{font-family:var(--font-family-sans);letter-spacing:-.025em;color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1}.c-stat__value-unit{font-family:var(--font-family-mono);color:var(--color-muted);margin-left:4px;font-size:.5em;font-weight:400}.c-stat__value--accent{color:var(--color-primary)}.c-stat__label{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);font-size:11px}.c-project{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-lg);cursor:pointer;text-align:left;appearance:none;color:inherit;transition:border-color var(--motion-base) var(--easing-out), box-shadow var(--motion-base) var(--easing-out), transform var(--motion-base) var(--easing-out);flex-direction:column;padding:0;font-family:inherit;display:flex;overflow:hidden}.c-project:hover{border-color:var(--color-ink);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.c-project__file{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-paper-2);border-bottom:1px solid var(--color-line-soft);font-family:var(--font-family-mono);color:var(--color-muted);font-size:11px;display:flex}.c-project__file-perms{color:var(--color-muted-2)}.c-project__file-name{color:var(--color-ink);font-weight:500}.c-project__file-size{color:var(--color-muted-2);margin-left:auto}.c-project__body{gap:var(--space-3);padding:var(--space-6);flex-direction:column;flex:1;display:flex}.c-project__title{font-size:var(--font-size-xl);letter-spacing:-.02em;font-weight:600}.c-project__where{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.c-project__where b{color:var(--color-ink);font-weight:500}.c-project__summary{color:var(--color-ink-2);font-size:var(--font-size-md);line-height:var(--line-height-base);text-wrap:pretty}.c-project__metrics{gap:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--color-line-soft);flex-wrap:wrap;display:flex}.c-project__metric{font-family:var(--font-family-mono);color:var(--color-muted);font-size:11px}.c-project__metric b{color:var(--color-primary);margin-right:4px;font-weight:600}.c-project__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-line-soft);font-family:var(--font-family-mono);color:var(--color-muted);font-size:11px;display:flex}.c-project__open{color:var(--color-primary);font-weight:600}.c-experience{border-top:1px solid var(--color-line);flex-direction:column;display:flex}.c-experience__entry{padding:var(--space-5) 0;border-bottom:1px solid var(--color-line)}.c-experience__entry>summary{align-items:baseline;gap:var(--space-5);cursor:pointer;grid-template-columns:130px 1fr auto;padding:0;list-style:none;display:grid}.c-experience__entry>summary::-webkit-details-marker{display:none}.c-experience__ts{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.c-experience__who{font-size:var(--font-size-lg);color:var(--color-ink);font-weight:600}.c-experience__role{font-size:var(--font-size-sm);color:var(--color-muted);margin-top:2px;font-weight:400;display:block}.c-experience__arrow{font-family:var(--font-family-mono);color:var(--color-muted-2);transition:transform var(--motion-fast) var(--easing-out)}.c-experience__entry[open] .c-experience__arrow{transform:rotate(90deg)}.c-experience__detail{margin-top:var(--space-4);color:var(--color-ink-2);font-size:var(--font-size-md);line-height:var(--line-height-base);padding-left:150px}@media (max-width:720px){.c-experience__entry>summary{grid-template-columns:1fr auto}.c-experience__ts{grid-column:1/-1}.c-experience__detail{padding-left:0}}.c-experience__detail ul{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.c-experience__detail li{padding-left:var(--space-4);position:relative}.c-experience__detail li:before{content:"›";color:var(--color-primary);font-family:var(--font-family-mono);position:absolute;left:0}.c-skill{gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-line-soft);grid-template-columns:1fr;display:grid}@media (min-width:720px){.c-skill{gap:var(--space-5);grid-template-columns:140px 1fr;align-items:baseline}}.c-skill__key{font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.c-skill__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.c-case{gap:var(--space-6);flex-direction:column;display:flex}.c-case__head{gap:var(--space-3);flex-direction:column;display:flex}.c-case__title{font-size:var(--font-size-3xl);letter-spacing:-.03em;line-height:1.04}.c-case__meta{gap:var(--space-4) var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--color-line);font-family:var(--font-family-mono);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.c-case__meta-item{gap:var(--space-2);display:flex}.c-case__meta-key{color:var(--color-muted)}.c-case__meta-val{color:var(--color-ink)}.c-case__block{gap:var(--space-3);flex-direction:column;display:flex}.c-case__heading{font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);font-weight:600}.c-case__lede{font-family:var(--font-family-serif);font-style:italic;font-size:var(--font-size-xl);color:var(--color-ink);text-wrap:pretty;max-width:60ch;line-height:1.35}.c-case__body{color:var(--color-ink-2);font-size:var(--font-size-md);line-height:var(--line-height-base);text-wrap:pretty;max-width:60ch}.c-case__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.c-case__list li{padding-left:var(--space-4);color:var(--color-ink-2);position:relative}.c-case__list li:before{content:"▸";color:var(--color-primary);font-family:var(--font-family-mono);position:absolute;left:0}.c-case__results{background:var(--color-line);border:1px solid var(--color-line);border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}@media (min-width:720px){.c-case__results{grid-template-columns:repeat(4,1fr)}}.c-case__result{background:var(--color-paper-2);padding:var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.c-case__result-value{font-size:var(--font-size-xl);letter-spacing:-.02em;color:var(--color-primary);font-variant-numeric:tabular-nums;font-weight:600}.c-case__result-label{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-size:11px}.c-case__gallery{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:720px){.c-case__gallery{grid-template-columns:1fr 1fr}}.c-case__slot{background:repeating-linear-gradient(135deg, var(--color-paper-2) 0 12px, var(--color-paper-3) 12px 24px);border:1px dashed var(--color-line);border-radius:var(--radius-md);aspect-ratio:16/10;padding:var(--space-3) var(--space-4);font-family:var(--font-family-mono);color:var(--color-muted);text-wrap:pretty;align-items:end;font-size:11px;display:flex}.c-case__gallery-flex{gap:var(--space-3);flex-wrap:wrap;display:flex}.c-case__gallery-item{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--color-line-soft);max-width:100%;min-height:140px;max-height:240px;transition:border-color var(--motion-fast);flex:180px;overflow:hidden}.c-case__gallery-item:hover{border-color:var(--color-primary)}.c-case__gallery-item img{object-fit:cover;width:100%;height:100%;display:block}.c-modal__expand-btn{font-family:var(--font-family-mono);color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--motion-fast), background var(--motion-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:inline-flex}.c-modal__expand-btn:hover{color:var(--color-ink);background:var(--color-paper-2)}.c-image-modal__body{background:var(--color-paper-2);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.c-image-modal__img{object-fit:contain;max-width:100%;max-height:100%;transition:transform 80ms ease-out;display:block}.c-image-modal__nav{pointer-events:none;padding:0 var(--space-3);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.c-image-modal__nav-btn{pointer-events:auto;font-family:var(--font-family-mono);color:var(--color-paper);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:background var(--motion-fast);-webkit-backdrop-filter:blur(4px);background:#1a1a1773;border:none;justify-content:center;align-items:baseline;font-size:18px;display:flex}.c-image-modal__nav-btn:hover{background:#1a1a17a6}.c-architecture{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-ink-2);background:var(--color-paper-2);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);line-height:1.9}.c-architecture__row{gap:var(--space-2);display:flex}.c-architecture__tree{color:var(--color-muted-2)}.c-architecture__node{color:var(--color-ink);min-width:220px;font-weight:500}.c-architecture__detail{color:var(--color-muted)}.c-statusbar{align-items:center;gap:var(--space-3);padding:6px var(--space-5);background:var(--color-ink);color:var(--color-paper-2);font-family:var(--font-family-mono);font-size:11px;display:flex}.c-statusbar__lights{gap:6px;display:flex}.c-statusbar__light{background:var(--color-muted);border-radius:999px;width:10px;height:10px}.c-statusbar__light--r{background:#ed6a5e}.c-statusbar__light--y{background:#f4bf4f}.c-statusbar__light--g{background:#61c454}.c-statusbar__path{opacity:.7;flex:1}.c-statusbar__path b{color:var(--color-paper);opacity:1;font-weight:600}.c-statusbar__meta{gap:var(--space-4);opacity:.7;display:flex}.c-statusbar__pulse{background:#61c454;border-radius:999px;width:7px;height:7px;margin-right:4px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 #61c454b3}@keyframes pulse{0%{box-shadow:0 0 #61c454b3}70%{box-shadow:0 0 0 6px #61c45400}to{box-shadow:0 0 #61c45400}}}@layer utility{.u-mono{font-family:var(--font-family-mono)}.u-serif{font-family:var(--font-family-serif)}.u-italic{font-style:italic}.u-muted{color:var(--color-muted)}.u-ink{color:var(--color-ink)}.u-accent{color:var(--color-primary)}.u-uppercase{text-transform:uppercase;letter-spacing:.05em}.u-tabular{font-variant-numeric:tabular-nums}.u-pretty{text-wrap:pretty}.u-balance{text-wrap:balance}.u-max-prose{max-width:60ch}.u-no-wrap{white-space:nowrap}.u-bg-paper-2{background:var(--color-paper-2)}.u-border-y{border-block:1px solid var(--color-line)}.u-border-t{border-top:1px solid var(--color-line)}.u-border-b{border-bottom:1px solid var(--color-line)}.u-grid-divider{background:var(--color-line);gap:1px}.u-grid-divider>*{background:var(--color-paper)}}:root{--color-paper:#fbfaf7;--color-paper-2:#f3f1ea;--color-paper-3:#ebe7dc;--color-ink:#1a1a17;--color-ink-2:#353330;--color-muted:#7b7770;--color-muted-2:#a8a39a;--color-line:#d8d2c4;--color-line-soft:#e6e1d3;--color-primary:#a85a3a;--color-primary-2:#c4724f;--color-accent:#4a6b3a;--color-danger:#b14b3a;--color-success:#4a6b3a;--font-family-sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-family-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-family-serif:"Newsreader", ui-serif, Georgia, serif;--font-size-xs:12px;--font-size-sm:13.5px;--font-size-md:15.5px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:34px;--font-size-3xl:clamp(40px, 6vw, 72px);--font-size-4xl:clamp(56px, 9vw, 120px);--line-height-tight:1.1;--line-height-snug:1.3;--line-height-base:1.55;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px #1a1a170f;--shadow-md:0 4px 14px -4px #1a1a171a, 0 2px 4px #1a1a170a;--shadow-lg:0 28px 60px -20px #1a1a1738, 0 8px 16px -8px #1a1a171a;--shadow-xl:0 40px 80px -20px #1a1a1759;--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--easing-out:cubic-bezier(.2, .7, .3, 1);--container-max:1200px;--container-pad:clamp(20px, 4vw, 56px)}.hero__title{font-family:var(--font-family-sans)}.hero__title-em{font-family:var(--font-family-serif);color:var(--color-primary);letter-spacing:-.025em;font-style:italic;font-weight:500}.hero__statement{font-family:var(--font-family-serif);color:var(--color-ink);text-wrap:pretty;max-width:32ch;font-size:clamp(20px,2.2vw,28px);font-style:italic;line-height:1.35}.hero__statement em{font-style:normal;font-family:var(--font-family-sans);color:var(--color-ink);background:linear-gradient(180deg, transparent 60%, color-mix(in oklab, var(--color-primary) 25%, transparent) 60%);padding:0 2px;font-weight:600}.hero__stats{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:720px){.hero__stats{grid-template-columns:repeat(4,1fr)}}.section-head{gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-line);grid-template-columns:1fr;align-items:end;display:grid}@media (min-width:720px){.section-head{grid-template-columns:1fr auto}}.section-head__title{line-height:1.04}.section-head__title em{font-family:var(--font-family-serif);color:var(--color-primary);font-style:italic;font-weight:500}.section-head__meta{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.drag-tip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-pill);font-family:var(--font-family-mono);letter-spacing:.03em;font-size:11px;display:inline-flex}.site-foot{border-top:1px solid var(--color-line);padding:var(--space-7) 0}.site-foot__inner{gap:var(--space-4);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.mcss-callout{background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-lg);grid-template-columns:1fr;display:grid;overflow:hidden}@media (min-width:880px){.mcss-callout{grid-template-columns:1.05fr 1fr}}.mcss-callout__copy{padding:var(--space-7);gap:var(--space-4);flex-direction:column;display:flex}.mcss-callout__copy h3{color:var(--color-paper);font-size:var(--font-size-2xl);letter-spacing:-.025em;line-height:1.05}.mcss-callout__copy h3 em{font-family:var(--font-family-serif);color:color-mix(in oklab, var(--color-primary) 70%, var(--color-paper));font-style:italic;font-weight:500}.mcss-callout__copy p{color:color-mix(in oklab, var(--color-paper) 75%, transparent);max-width:50ch}.mcss-callout__demo{padding:var(--space-6);font-family:var(--font-family-mono);color:color-mix(in oklab, var(--color-paper) 75%, transparent);border-left:1px solid color-mix(in oklab, var(--color-paper) 12%, transparent);background:#0e0d0b;font-size:12.5px;line-height:1.6;position:relative;overflow:hidden}.mcss-callout__demo .k{color:#c4724f}.mcss-callout__demo .s{color:#9bb78a}.mcss-callout__demo .c{color:#5a5750;font-style:italic}.mcss-callout__demo .v{color:var(--color-paper)}.mcss-callout__demo pre{white-space:pre;margin:0}.mcss-callout__nums{gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid color-mix(in oklab, var(--color-paper) 15%, transparent);grid-template-columns:repeat(3,1fr);display:grid}.mcss-callout__num-v{font-size:var(--font-size-2xl);letter-spacing:-.025em;color:var(--color-primary-2);font-weight:600}.mcss-callout__num-l{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:color-mix(in oklab, var(--color-paper) 55%, transparent);font-size:11px}.mcss-callout .c-button--primary{--_bg:var(--color-paper);--_bg-hov:color-mix(in oklab, var(--color-paper) 85%, var(--color-primary));--_fg:var(--color-ink);--_border:var(--color-paper)}.mcss-callout .c-button--ghost{--_bg:transparent;--_bg-hov:color-mix(in oklab, var(--color-paper) 15%, transparent);--_fg:var(--color-paper);--_border:color-mix(in oklab, var(--color-paper) 30%, transparent)}@media print{.c-nav,.site-foot,.c-modal,.c-modal__backdrop,.c-statusbar{display:none!important}body{color:#000;background:#fff}.l-section{break-inside:avoid;padding-block:24pt}}html[data-theme=dark]{--color-paper:#06080b;--color-paper-2:#0b0f13;--color-paper-3:#11151a;--color-ink:#f4f7fa;--color-ink-2:#cdd1d6;--color-muted:#8d939a;--color-muted-2:#5e646a;--color-line:#252b31;--color-line-soft:#181c21;--color-primary:#36dede;--color-primary-2:#00b5b6;--color-accent:#36dede;--color-success:#75d079;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 4px 14px -4px #00000080, 0 2px 4px #00000040;--shadow-lg:0 28px 60px -20px #000000b3, 0 8px 16px -8px #00000059;--shadow-xl:0 40px 80px -20px #000c;--grad-accent:linear-gradient(100deg, #36dede 0%, #9884f3 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){html[data-theme=dark]{--color-paper:lab(2.21533% -.280023 -1.33527);--color-paper-2:lab(4.04429% -.520133 -2.49764);--color-paper-3:lab(6.67786% -.812292 -3.76287);--color-ink:lab(97.0938% -.497222 -1.81037);--color-ink-2:lab(83.7496% -.785917 -2.89103);--color-muted:lab(60.5428% -1.14754 -4.31968);--color-muted-2:lab(41.9817% -1.1269 -4.30907);--color-line:lab(17.033% -1.20866 -4.97835);--color-line-soft:lab(10.076% -1.02047 -4.26071);--color-primary:lab(80.4959% -42.5222 -12.7967);--color-primary-2:lab(66.6752% -45.834 -13.6837);--color-accent:lab(80.4959% -42.5222 -12.7967);--color-success:lab(76.3219% -42.0276 34.3702);--grad-accent:linear-gradient(100deg, lab(80.4959% -42.5222 -12.7967) 0%, lab(60.742% 27.4148 -53.9221) 100%)}}html[data-theme=dark] body:before{content:"";pointer-events:none;z-index:0;opacity:.55;background:radial-gradient(1200px 700px at 75% -10%,#9884f32e 0%,#0000 60%),radial-gradient(900px 500px at -10% 35%,#36dede24 0%,#0000 55%);background:radial-gradient(1200px 700px at 75% -10%,lab(60.742% 27.4148 -53.9221/.18) 0%,#0000 60%),radial-gradient(900px 500px at -10% 35%,lab(80.4959% -42.5222 -12.7967/.14) 0%,#0000 55%);position:fixed;inset:0}html[data-theme=dark] body:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:overlay;opacity:.6;background-image:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px);position:fixed;inset:0}html[data-theme=dark] main,html[data-theme=dark] header,html[data-theme=dark] footer{z-index:2;position:relative}html[data-theme=dark] .hero__title-em{background:var(--grad-accent,linear-gradient(100deg, #36dede, #9884f3));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}@supports (color:lab(0% 0 0)){html[data-theme=dark] .hero__title-em{background:var(--grad-accent,linear-gradient(100deg, lab(80.4959% -42.5222 -12.7967), lab(60.742% 27.4148 -53.9221)))}}html[data-theme=dark] .c-nav{background:color-mix(in oklab, var(--color-paper) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);position:sticky;top:0}html[data-theme=dark] .c-image-modal__body{background:color-mix(in oklab, var(--color-paper) 8%, transparent)}html[data-theme=dark] .c-image-modal__nav-btn{color:var(--color-paper-3);background:#1a1a178c}html[data-theme=dark] .c-image-modal__nav-btn:hover{background:#1a1a17bf}html[data-theme=dark] .c-card--inverted{background:color-mix(in oklab, var(--color-paper-3) 60%, transparent);border-color:var(--color-line)}html[data-theme=dark] .c-modal__titlebar{background:var(--color-paper-3)}html[data-theme=dark] .mcss-callout{background:var(--color-paper-2)}html[data-theme=dark] .mcss-callout__demo{background:#020203;background:lab(.655994% -.0906289 -.44933)}.c-theme-toggle{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);width:32px;height:32px;color:var(--color-muted);cursor:pointer;transition:background var(--motion-fast) var(--easing-out), color var(--motion-fast) var(--easing-out), border-color var(--motion-fast) var(--easing-out);justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex}.c-theme-toggle:hover{background:var(--color-paper-3);color:var(--color-ink)}.c-cmdk-scrim{z-index:300;background:color-mix(in oklab, var(--color-ink) 50%, #0000008c);-webkit-backdrop-filter:blur(6px);animation:c-cmdk-fade var(--motion-base) var(--easing-out);justify-content:center;align-items:flex-start;padding-top:14vh;display:flex;position:fixed;inset:0}@keyframes c-cmdk-fade{0%{opacity:0}to{opacity:1}}.c-cmdk{background:var(--color-paper-2);border:1px solid var(--color-line);border-radius:var(--radius-lg);width:min(560px,100% - 40px);box-shadow:var(--shadow-xl);animation:c-cmdk-in var(--motion-slow) var(--easing-out);flex-direction:column;display:flex;overflow:hidden}@keyframes c-cmdk-in{0%{opacity:0;transform:scale(.97)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.c-cmdk__search{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-line-soft);padding:12px 14px;display:flex}.c-cmdk__prompt{font-family:var(--font-family-mono);color:var(--color-primary);flex-shrink:0;font-size:13px}.c-cmdk__input{appearance:none;color:var(--color-ink);font-family:var(--font-family-mono);caret-color:var(--color-primary);background:0 0;border:0;outline:none;flex:1;font-size:14px}.c-cmdk__input::placeholder{color:var(--color-muted-2)}.c-cmdk__esc{font-family:var(--font-family-mono);color:var(--color-muted);border:1px solid var(--color-line);border-radius:var(--radius-sm);flex-shrink:0;padding:2px 6px;font-size:11px}.c-cmdk__list{max-height:360px;padding:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--color-line) transparent;overflow-y:auto}.c-cmdk__list::-webkit-scrollbar{width:5px}.c-cmdk__list::-webkit-scrollbar-thumb{background:var(--color-line);border-radius:999px}.c-cmdk__section-label{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted-2);padding:8px 10px 4px;font-size:10.5px}.c-cmdk__item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-fast) var(--easing-out);grid-template-columns:22px 1fr auto;padding:10px;display:grid}.c-cmdk__item:hover,.c-cmdk__item[data-active=true]{background:var(--color-paper-3)}.c-cmdk__item[data-active=true] .c-cmdk__ico{color:var(--color-primary)}.c-cmdk__ico{font-family:var(--font-family-mono);color:var(--color-muted);text-align:center;font-size:14px}.c-cmdk__label{font-family:var(--font-family-mono);color:var(--color-ink-2);font-size:13px}.c-cmdk__item[data-active=true] .c-cmdk__label{color:var(--color-ink)}.c-cmdk__sub{font-family:var(--font-family-mono);color:var(--color-muted);margin-top:2px;font-size:11px}.c-cmdk__hint{font-family:var(--font-family-mono);color:var(--color-muted-2);white-space:nowrap;font-size:10.5px}.c-cmdk__empty{color:var(--color-muted);font-family:var(--font-family-mono);text-align:center;padding:24px 14px;font-size:13px}.c-nav__cmdk{align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);color:var(--color-muted);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);cursor:pointer;transition:background var(--motion-fast) var(--easing-out), border-color var(--motion-fast) var(--easing-out), color var(--motion-fast) var(--easing-out);white-space:nowrap;padding:6px 10px 6px 8px;font-size:12px;display:flex}.c-nav__cmdk:hover{background:var(--color-paper-3);border-color:var(--color-primary);color:var(--color-ink)}.c-nav__cmdk-kbd{background:var(--color-paper);border:1px solid var(--color-line);color:var(--color-muted);border-radius:4px;align-items:center;gap:1px;padding:2px 5px;font-size:10.5px;display:inline-flex}.c-case__insight{padding:var(--space-5) var(--space-6);background:color-mix(in oklab, var(--color-primary) 8%, var(--color-paper-2));border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-family-serif);font-style:italic;font-size:var(--font-size-lg);color:var(--color-ink);text-wrap:pretty;line-height:1.4}.c-case__quote{padding:var(--space-5) var(--space-6);border-left:2px solid var(--color-primary);background:color-mix(in oklab, var(--color-paper-2) 80%, transparent);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:0}.c-case__quote-text{font-family:var(--font-family-serif);font-style:italic;font-size:var(--font-size-lg);color:var(--color-ink);margin:0 0 var(--space-3);line-height:1.4}.c-case__quote-attr{font-family:var(--font-family-mono);color:var(--color-muted);letter-spacing:.03em;font-size:11px}.c-case__tools{gap:var(--space-3);flex-direction:column;display:flex}.c-case__tools-label{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted-2);font-size:10.5px}@media (min-width:640px){.c-case__results{grid-template-columns:repeat(4,1fr)}}.c-case__cta{gap:var(--space-3);flex-wrap:wrap;display:flex}html[data-theme=dark] .c-case__insight{background:color-mix(in oklab, var(--color-primary) 12%, var(--color-paper-2))}html[data-theme=dark] .c-case__quote{background:color-mix(in oklab, var(--color-paper-3) 80%, transparent)}