:root{--color-ink: #0B0B0B;--color-paper: #F6F5F2;--color-paper-dim: #E7E6E2;--color-ash: #8E8E88;--color-white: #FFFFFF;--color-line: #DCDBD6;--color-line-dark: #2A2A28;--color-muted-dark: #A9A9A3;--color-design: #FF3B14;--color-video: #7C5CFF;--color-tech: #C8FF2E;--font-display: "Archivo", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--text-hero-size: clamp(52px, 9vw, 108px);--text-hero-weight: 900;--text-hero-tracking: -.035em;--text-hero-leading: .92;--text-display-size: clamp(36px, 6vw, 72px);--text-display-weight: 900;--text-display-tracking: -.035em;--text-display-leading: 1;--text-h1-size: clamp(28px, 4.4vw, 44px);--text-h1-weight: 900;--text-h1-tracking: -.02em;--text-h1-leading: 1.05;--text-h2-size: 24px;--text-h2-weight: 800;--text-h2-tracking: -.01em;--text-h2-leading: 1.2;--text-lead-size: 19px;--text-lead-weight: 400;--text-lead-leading: 1.65;--text-body-size: 17px;--text-body-weight: 400;--text-body-leading: 1.7;--text-small-size: 14px;--text-small-weight: 400;--text-small-leading: 1.6;--text-label-size: 12px;--text-label-weight: 500;--text-label-tracking: .18em;--text-label-leading: 1.4;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--border-hairline: 1px;--border-seam: 2px;--border-thick: 6px;--radius-none: 0px;--radius-full: 9999px;--content-max: 1120px;--sidebar-width: 264px;--page-gutter: clamp(24px, 5vw, 96px);--ease-standard: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-base: .2s}:root{--surface-void: #050505;--surface-ink: #0B0B0B;--surface-raised: #121211;--surface-elevated: #1A1A18;--surface-overlay: #232320;--surface-scrim: rgba(5, 5, 5, .72);--surface-nav: rgba(11, 11, 11, .62);--text-on-dark: #F6F5F2;--text-on-dark-secondary: #A9A9A3;--text-on-dark-tertiary: #6E6E68;--text-on-dark-faint: #45453F;--line-dark: #2A2A28;--line-dark-soft: rgba(246, 245, 242, .08);--line-dark-strong: rgba(246, 245, 242, .18);--rgb-design: 255, 59, 20;--rgb-video: 124, 92, 255;--rgb-tech: 200, 255, 46;--rgb-paper: 246, 245, 242;--tint-design-08: rgba(255, 59, 20, .08);--tint-design-16: rgba(255, 59, 20, .16);--tint-video-08: rgba(124, 92, 255, .08);--tint-video-16: rgba(124, 92, 255, .16);--tint-tech-08: rgba(200, 255, 46, .08);--tint-tech-16: rgba(200, 255, 46, .16);--gradient-void: linear-gradient(180deg, #0B0B0B 0%, #050505 100%);--gradient-panel: linear-gradient(160deg, #141412 0%, #0B0B0B 62%);--gradient-fade-b: linear-gradient(180deg, transparent, var(--surface-ink));--gradient-fade-t: linear-gradient(0deg, transparent, var(--surface-ink));--gradient-seam: linear-gradient(90deg, transparent, rgba(246, 245, 242, .24) 50%, transparent);--gradient-seam-v: linear-gradient(180deg, transparent, rgba(246, 245, 242, .2) 50%, transparent);--gradient-text-fade: linear-gradient(180deg, #F6F5F2 0%, #7A7A74 100%);--glow-design: radial-gradient(58% 58% at 50% 0%, rgba(255, 59, 20, .22), transparent 70%);--glow-video: radial-gradient(58% 58% at 50% 0%, rgba(124, 92, 255, .2), transparent 70%);--glow-tech: radial-gradient(58% 58% at 50% 0%, rgba(200, 255, 46, .16), transparent 70%);--glow-neutral: radial-gradient(50% 50% at 50% 50%, rgba(246, 245, 242, .07), transparent 70%);--mesh-trisul: radial-gradient(46% 42% at 14% 10%, rgba(255, 59, 20, .14), transparent 66%), radial-gradient(46% 42% at 86% 22%, rgba(124, 92, 255, .12), transparent 66%), radial-gradient(52% 46% at 50% 96%, rgba(200, 255, 46, .09), transparent 68%), var(--gradient-void);--blur-sm: 6px;--blur-md: 16px;--blur-lg: 40px;--backdrop-nav: saturate(140%) blur(14px);--edge-top: inset 0 1px 0 rgba(246, 245, 242, .06);--glow-ring-design: 0 0 0 1px rgba(255, 59, 20, .4), 0 8px 40px -12px rgba(255, 59, 20, .45);--glow-ring-video: 0 0 0 1px rgba(124, 92, 255, .4), 0 8px 40px -12px rgba(124, 92, 255, .45);--glow-ring-tech: 0 0 0 1px rgba(200, 255, 46, .4), 0 8px 40px -12px rgba(200, 255, 46, .45);--glow-lift: 0 24px 80px -32px rgba(0, 0, 0, .9);--duration-slow: .42s;--duration-slower: .7s;--duration-reveal: .9s;--duration-scene: 1.4s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-quint: cubic-bezier(.83, 0, .17, 1);--ease-spring-soft: cubic-bezier(.34, 1.56, .64, 1);--stagger-tight: 30ms;--stagger-base: 60ms;--stagger-loose: .11s;--wide-max: 1440px;--nav-height: 68px;--section-pad-y: clamp(72px, 12vh, 168px);--hero-min-h: 100vh;--grain-opacity: .035}@supports (height: 100svh){:root{--hero-min-h: 100svh}}[data-shell=marketing]{--bg: var(--surface-ink);--bg-raised: var(--surface-raised);--fg: var(--text-on-dark);--fg-muted: var(--text-on-dark-secondary);--fg-faint: var(--text-on-dark-tertiary);--rule: var(--line-dark);--rule-soft: var(--line-dark-soft);color-scheme:dark}[data-shell=docs]{--bg: var(--color-paper);--bg-raised: var(--color-white);--fg: var(--color-ink);--fg-muted: var(--color-ash);--fg-faint: var(--color-ash);--rule: var(--color-line);--rule-soft: var(--color-line);color-scheme:light}.m-shell{min-height:100vh;background:var(--surface-ink);color:var(--text-on-dark);position:relative;overflow-x:clip}.m-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:overlay}.m-field{position:relative}.m-field[data-follow]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(280px 280px at var(--gx, 50%) var(--gy, 50%),rgba(246,245,242,.05),transparent 70%)}.m-wrap{width:100%;max-width:var(--wide-max);margin:0 auto;padding-inline:var(--page-gutter)}.m-wrap-narrow{width:100%;max-width:var(--content-max);margin:0 auto;padding-inline:var(--page-gutter)}.m-section{padding-block:var(--section-pad-y);position:relative}.m-section-tight{padding-block:clamp(48px,7vh,96px)}.m-rule{height:1px;background:var(--line-dark);border:0}.m-rule-soft{height:1px;background:var(--line-dark-soft);border:0}.m-seam{height:1px;background:var(--gradient-seam);border:0}.m-eyebrow{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-on-dark-tertiary)}.m-eyebrow:before{content:"";width:6px;height:6px;background:currentColor;flex:none}.m-eyebrow-design{color:var(--color-design)}.m-eyebrow-video{color:var(--color-video)}.m-eyebrow-tech{color:var(--color-tech)}.m-dim{color:var(--text-on-dark-secondary)}.m-faint{color:var(--text-on-dark-tertiary)}.m-ghost{color:var(--text-on-dark-faint)}.m-statement{font-family:var(--font-display);font-size:clamp(28px,3.6vw,52px);font-weight:800;letter-spacing:-.025em;line-height:1.18;margin:0;text-wrap:pretty}.m-title{font-family:var(--font-display);font-size:clamp(40px,7vw,92px);font-weight:900;letter-spacing:-.035em;line-height:.95;margin:0}.m-gradient-text{background:var(--gradient-text-fade);-webkit-background-clip:text;background-clip:text;color:transparent}.m-nav{position:fixed;top:0;left:0;right:0;z-index:95;height:var(--nav-height);display:flex;align-items:center;transition:background var(--duration-slow) var(--ease-out-quart),backdrop-filter var(--duration-slow) var(--ease-out-quart)}.m-nav-inner{width:100%;max-width:var(--wide-max);margin:0 auto;padding-inline:var(--page-gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.m-nav[data-scrolled]{background:var(--surface-nav);backdrop-filter:var(--backdrop-nav);-webkit-backdrop-filter:var(--backdrop-nav)}.m-nav-seam{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--line-dark);transform-origin:left}.m-nav-brand{display:flex;align-items:center}.m-nav-brand img{height:22px;width:auto}.m-nav-links{display:flex;align-items:center;gap:var(--space-xl)}.m-nav-link{font-family:var(--font-mono);font-size:var(--text-label-size);letter-spacing:var(--text-label-tracking);text-transform:uppercase;color:var(--text-on-dark-secondary);position:relative;padding-block:6px;transition:color var(--duration-base) var(--ease-standard)}.m-nav-link:hover,.m-nav-link.active{color:var(--text-on-dark)}.m-nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-design)}.m-nav-actions{display:flex;align-items:center;gap:var(--space-md)}.m-nav-toggle{display:none;background:none;border:0;color:var(--text-on-dark);font-family:var(--font-mono);font-size:var(--text-label-size);letter-spacing:var(--text-label-tracking);text-transform:uppercase;cursor:pointer;padding:var(--space-xs)}.m-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--surface-void);display:flex;flex-direction:column;padding:var(--nav-height) var(--page-gutter) var(--space-2xl);overflow-y:auto}.m-menu-list{display:flex;flex-direction:column;margin-top:var(--space-2xl)}.m-menu-link{font-family:var(--font-display);font-size:clamp(32px,9vw,56px);font-weight:900;letter-spacing:-.03em;padding-block:var(--space-md);border-bottom:1px solid var(--line-dark);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md)}.m-menu-link span{font-family:var(--font-mono);font-size:12px;color:var(--text-on-dark-tertiary);letter-spacing:.18em}.m-menu-foot{margin-top:auto;padding-top:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-sm)}.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:700;font-size:15px;padding:14px 26px;border:1px solid transparent;border-radius:var(--radius-none);cursor:pointer;background:none;color:inherit;transition:background var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.m-btn-primary{background:var(--color-paper);color:var(--color-ink)}.m-btn-primary:hover{background:var(--color-white)}.m-btn-outline{border-color:var(--line-dark-strong);color:var(--text-on-dark)}.m-btn-outline:hover{border-color:var(--color-paper)}.m-btn-accent{background:var(--color-design);color:var(--color-paper)}.m-btn-ghost{color:var(--text-on-dark-secondary);padding-inline:0}.m-btn-ghost:hover{color:var(--text-on-dark)}.m-btn:disabled{opacity:.35;cursor:not-allowed}.m-arrow{transition:transform var(--duration-base) var(--ease-out-expo)}.m-btn:hover .m-arrow,.m-link:hover .m-arrow{transform:translate(6px)}.m-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-label-size);letter-spacing:var(--text-label-tracking);text-transform:uppercase;color:var(--text-on-dark);padding-bottom:6px;border-bottom:1px solid var(--line-dark);transition:border-color var(--duration-base) var(--ease-standard)}.m-link:hover{border-color:var(--color-paper)}.m-tag{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border:1px solid var(--line-dark);color:var(--text-on-dark-secondary)}.m-tag-design{border-color:#ff3b1473;color:var(--color-design)}.m-tag-video{border-color:#7c5cff73;color:var(--color-video)}.m-tag-tech{border-color:#c8ff2e66;color:var(--color-tech)}.m-tag-stub{border-color:var(--line-dark-strong);color:var(--text-on-dark-tertiary)}.m-hero{min-height:var(--hero-min-h);display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:var(--nav-height);overflow:hidden}.m-hero-mark{position:absolute;right:-8%;top:50%;translate:0 -50%;width:min(52vw,620px);opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none}.m-hero-logo{width:min(560px,78%);margin-bottom:var(--space-2xl)}.m-hero-foot{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line-dark)}.m-hero-pillars{display:grid;grid-template-columns:repeat(3,1fr)}.m-hero-pillar{padding:var(--space-lg) 0;display:flex;flex-direction:column;gap:var(--space-2xs)}.m-hero-pillar+.m-hero-pillar{border-left:1px solid var(--line-dark);padding-left:var(--space-lg)}.m-scrollcue{position:absolute;bottom:calc(var(--space-4xl) + 48px);right:var(--page-gutter);writing-mode:vertical-rl;font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-on-dark-tertiary)}.m-head{display:grid;grid-template-columns:200px 1fr;gap:var(--space-2xl);align-items:start;padding-bottom:var(--space-2xl)}.m-head-body{max-width:60ch}.m-pillar{position:relative;padding:var(--space-2xl);background:var(--gradient-panel);border:1px solid var(--line-dark);display:flex;flex-direction:column;gap:var(--space-md);min-height:300px;transition:border-color var(--duration-slow) var(--ease-out-quart),background var(--duration-slow) var(--ease-out-quart),opacity var(--duration-slow) var(--ease-out-quart)}.m-pillar-bar{width:44px;height:4px}.m-pillar h3{font-family:var(--font-display);font-size:26px;font-weight:900;letter-spacing:-.02em;margin:0}.m-pillar-index{position:absolute;top:var(--space-lg);right:var(--space-lg);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--text-on-dark-faint)}.m-pillar[data-active=true]{border-color:var(--line-dark-strong)}.m-work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-3xl) var(--space-xl)}.m-work-card{display:block;position:relative}.m-work-card-wide{grid-column:span 12}.m-work-card-half{grid-column:span 6}.m-work-card-major{grid-column:span 7}.m-work-card-minor{grid-column:span 5}.m-cover{position:relative;overflow:hidden;background:var(--surface-raised);border:1px solid var(--line-dark);display:block}.m-cover img{width:100%;height:100%;object-fit:cover}.m-cover-generated{display:grid;place-items:center}.m-cover-bars{position:absolute;inset:auto 0 0 0;height:46%;display:flex;align-items:flex-end;gap:3px;padding:0 10%;opacity:.9}.m-cover-bars span{flex:1;display:block}.m-cover-generated img.m-cover-mark{position:relative;width:13%;height:auto;object-fit:contain;opacity:.42;margin-bottom:12%}.m-cover-label{position:absolute;top:var(--space-md);left:var(--space-md);color:var(--text-on-dark-tertiary)}.m-cover-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#050505f0,#050505d6 24%,#05050570 52%,#05050500 74%)}.m-cover-generated img.m-cover-logo{position:relative;width:46%;max-width:260px;height:auto;max-height:42%;object-fit:contain;margin-bottom:10%}.m-work-media{overflow:hidden}.m-cover img{transition:transform var(--duration-scene) var(--ease-out-expo)}.m-work-card:hover .m-cover img{transform:scale(1.04)}.m-work-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid var(--line-dark)}.m-work-title{font-family:var(--font-display);font-size:clamp(22px,2.4vw,34px);font-weight:900;letter-spacing:-.025em;margin:0}.m-work-accent{height:3px;transform:scaleX(0);transform-origin:left;transition:transform var(--duration-slower) var(--ease-out-expo)}.m-work-card:hover .m-work-accent{transform:scaleX(1)}.m-band{border-block:1px solid var(--line-dark);padding-block:var(--space-lg);overflow:hidden}.m-band-word{font-family:var(--font-display);font-size:clamp(44px,8vw,108px);font-weight:900;letter-spacing:-.03em;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line-dark-strong);white-space:nowrap}.m-band-word[data-filled]{color:var(--text-on-dark);-webkit-text-stroke:0}.m-band-dot{color:var(--color-design);font-size:clamp(20px,3vw,40px)}.m-steps{border-top:1px solid var(--line-dark)}.m-step{display:grid;grid-template-columns:120px 1fr;gap:var(--space-2xl);padding-block:var(--space-2xl);border-bottom:1px solid var(--line-dark);align-items:start;transition:background var(--duration-slow) var(--ease-out-quart)}.m-step:hover{background:#f6f5f205}.m-step-num{font-family:var(--font-display);font-size:44px;font-weight:900;letter-spacing:-.03em;color:var(--text-on-dark-faint);line-height:1}.m-step h3{font-family:var(--font-display);font-size:24px;font-weight:800;margin:0 0 var(--space-xs);letter-spacing:-.015em}.m-panel{background:var(--gradient-panel);border:1px solid var(--line-dark);padding:var(--space-2xl)}.m-panel-flat{background:var(--surface-raised)}.m-cta{position:relative;text-align:center;overflow:hidden}.m-cta-inner{padding-block:clamp(88px,16vh,200px);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.m-footer{border-top:1px solid var(--line-dark);position:relative}.m-footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-2xl);padding-block:var(--space-3xl)}.m-footer-col{display:flex;flex-direction:column;gap:var(--space-sm)}.m-footer-col a{color:var(--text-on-dark-secondary);transition:color var(--duration-base) var(--ease-standard)}.m-footer-col a:hover{color:var(--text-on-dark)}.m-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-lg);border-top:1px solid var(--line-dark)}.m-footer-wordmark{width:100%;display:block;opacity:.14;margin-bottom:-2.4%}.m-field-group{display:flex;flex-direction:column;gap:var(--space-2xs);position:relative}.m-field-group label{font-family:var(--font-mono);font-size:var(--text-label-size);letter-spacing:var(--text-label-tracking);text-transform:uppercase;color:var(--text-on-dark-tertiary)}.m-input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-dark);color:var(--text-on-dark);font-family:var(--font-body);font-size:17px;padding:12px 0;border-radius:0;transition:border-color var(--duration-base) var(--ease-standard)}.m-input:focus{outline:none;border-bottom-color:var(--color-paper)}.m-input::placeholder{color:var(--text-on-dark-faint)}.m-input[aria-invalid=true]{border-bottom-color:var(--color-design)}textarea.m-input{resize:vertical;min-height:140px}.m-error{font-family:var(--font-mono);font-size:12px;color:var(--color-design);letter-spacing:.06em}.m-chip{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:9px 16px;border:1px solid var(--line-dark);background:transparent;color:var(--text-on-dark-secondary);cursor:pointer;transition:border-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.m-chip[aria-pressed=true]{border-color:var(--color-paper);color:var(--text-on-dark);background:#f6f5f20f}.m-chip-design[aria-pressed=true]{border-color:var(--color-design);color:var(--color-design);background:var(--tint-design-08)}.m-chip-video[aria-pressed=true]{border-color:var(--color-video);color:var(--color-video);background:var(--tint-video-08)}.m-chip-tech[aria-pressed=true]{border-color:var(--color-tech);color:var(--color-tech);background:var(--tint-tech-08)}.m-filters{display:flex;gap:var(--space-lg);flex-wrap:wrap;align-items:center}.m-filter{position:relative;background:none;border:0;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-label-size);letter-spacing:var(--text-label-tracking);text-transform:uppercase;color:var(--text-on-dark-tertiary);padding:var(--space-xs) 0;transition:color var(--duration-base) var(--ease-standard)}.m-filter[aria-pressed=true]{color:var(--text-on-dark)}.m-filter-underline{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-design)}.m-case-body{display:grid;grid-template-columns:240px 1fr;gap:var(--space-4xl)}.m-case-rail{position:sticky;top:calc(var(--nav-height) + var(--space-2xl));align-self:start}.m-pillar-split{grid-template-columns:300px 1fr}.m-pillar-heading{font-size:clamp(28px,3.1vw,42px);overflow-wrap:break-word;margin-top:var(--space-sm)}.m-case-block+.m-case-block{margin-top:var(--space-3xl)}.m-meta-row{display:flex;flex-direction:column;gap:2px;padding-block:var(--space-sm);border-bottom:1px solid var(--line-dark)}.m-case-links{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-lg)}.m-case-logo{display:block;width:auto;height:26px;margin-bottom:var(--space-lg)}.m-figure-img{display:block;width:100%;height:auto;border:1px solid var(--line-dark)}.m-figure-pair{display:grid;grid-template-columns:1.75fr 1fr;gap:var(--space-lg);align-items:center}.m-figure-video{display:block;width:100%;height:auto;margin-inline:auto;border:1px solid var(--line-dark);background:var(--surface-void)}.m-figure-pair img{display:block;margin-inline:auto;max-width:100%;max-height:520px;width:auto;height:auto;border:1px solid var(--line-dark)}.m-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.m-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.m-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.m-stack{display:flex;flex-direction:column}.m-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.m-measure{max-width:62ch}.m-skip{position:absolute;left:-9999px;top:0;background:var(--color-paper);color:var(--color-ink);padding:var(--space-sm) var(--space-md);z-index:200}.m-skip:focus{left:var(--space-md);top:var(--space-md)}.m-shell :focus-visible{outline:2px solid var(--color-design);outline-offset:3px}@media (max-width: 1280px){.m-case-body{grid-template-columns:200px 1fr;gap:var(--space-3xl)}.m-pillar-split{grid-template-columns:240px 1fr}}@media (max-width: 960px){.m-nav-links{display:none}.m-nav-toggle{display:block}.m-nav-actions .m-btn{display:none}.m-head{grid-template-columns:1fr;gap:var(--space-md)}.m-grid-3,.m-grid-4{grid-template-columns:repeat(2,1fr)}.m-work-card-half,.m-work-card-major,.m-work-card-minor{grid-column:span 12}.m-case-body,.m-pillar-split{grid-template-columns:1fr;gap:var(--space-xl)}.m-case-rail{position:static}.m-footer-top{grid-template-columns:1fr 1fr}.m-hero-mark{right:-25%;width:80vw}.m-scrollcue{display:none}}@media (max-width: 640px){.m-figure-pair,.m-grid-2,.m-grid-3,.m-grid-4{grid-template-columns:1fr}.m-step{grid-template-columns:1fr;gap:var(--space-sm)}.m-step-num{font-size:32px}.m-hero-pillars{grid-template-columns:1fr}.m-hero-pillar+.m-hero-pillar{border-left:0;border-top:1px solid var(--line-dark);padding-left:0}.m-hero{min-height:auto;padding-bottom:var(--space-2xl)}.m-hero-foot{position:static;margin-top:var(--space-3xl)}.m-hero-logo,.m-row .m-btn{width:100%}.m-footer-top{grid-template-columns:1fr}.m-footer-bottom{flex-direction:column;align-items:flex-start}.m-panel{padding:var(--space-lg)}}@media (prefers-reduced-motion: reduce){.m-shell *,.m-shell *:before,.m-shell *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.m-grain{display:none}}@media print{[data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}.m-grain,.m-nav{display:none!important}}*{box-sizing:border-box}html[data-shell=docs]{scroll-behavior:smooth}body{margin:0;background:var(--color-paper-dim);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-shell=marketing] body{background:var(--surface-ink);color:var(--text-on-dark)}html[data-shell=marketing] ::selection{background:var(--color-paper);color:var(--color-ink)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--color-ink);color:var(--color-paper)}.t-hero{font-family:var(--font-display);font-weight:var(--text-hero-weight);font-size:var(--text-hero-size);letter-spacing:var(--text-hero-tracking);line-height:var(--text-hero-leading);margin:0}.t-display{font-family:var(--font-display);font-weight:var(--text-display-weight);font-size:var(--text-display-size);letter-spacing:var(--text-display-tracking);line-height:var(--text-display-leading);margin:0}.t-h1{font-family:var(--font-display);font-weight:var(--text-h1-weight);font-size:var(--text-h1-size);letter-spacing:var(--text-h1-tracking);line-height:var(--text-h1-leading);margin:0}.t-h2{font-family:var(--font-display);font-weight:var(--text-h2-weight);font-size:var(--text-h2-size);letter-spacing:var(--text-h2-tracking);line-height:var(--text-h2-leading);margin:0}.t-lead{font-size:var(--text-lead-size);font-weight:var(--text-lead-weight);line-height:var(--text-lead-leading);margin:0;text-wrap:pretty}.t-body{font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-leading);margin:0;text-wrap:pretty}.t-small{font-size:var(--text-small-size);line-height:var(--text-small-leading);margin:0}.t-label{font-family:var(--font-mono);font-size:var(--text-label-size);font-weight:var(--text-label-weight);letter-spacing:var(--text-label-tracking);line-height:var(--text-label-leading);text-transform:uppercase;margin:0}.t-mono{font-family:var(--font-mono)}.text-ash{color:var(--color-ash)}.text-muted-dark{color:var(--color-muted-dark)}.shell{display:flex;min-height:100vh;width:100%;background:var(--color-paper)}.sidebar{width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--color-line);background:var(--color-paper);position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-lg) var(--space-md)}.sidebar-brand img{width:112px;height:auto}.sidebar-back{display:block;padding:0 var(--space-lg) var(--space-md);color:var(--color-ash);transition:color var(--duration-base) var(--ease-standard)}.sidebar-back:hover{color:var(--color-design)}.sidebar-nav{padding:var(--space-sm) var(--space-md) var(--space-lg);flex:1}.sidebar-group{margin-bottom:var(--space-lg)}.sidebar-group-label{display:block;padding:0 var(--space-sm);margin-bottom:var(--space-xs);color:var(--color-ash)}.sidebar-link{display:flex;align-items:center;gap:var(--space-xs);padding:7px var(--space-sm);border-radius:var(--radius-none);font-size:14px;font-weight:500;color:var(--color-ink);border-left:2px solid transparent;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.sidebar-link:hover{background:var(--color-paper-dim)}.sidebar-link.active{border-left-color:var(--color-design);background:var(--color-paper-dim);font-weight:600}.sidebar-sublist{list-style:none;padding:0;border-left:1px solid var(--color-line);margin:2px 0 6px 20px}.sidebar-sublink{display:block;padding:5px 0 5px 14px;font-size:13px;color:var(--color-ash);border-left:2px solid transparent;margin-left:-1px;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.sidebar-sublink:hover{color:var(--color-ink)}.sidebar-sublink.active{color:var(--color-ink);font-weight:600;border-left-color:var(--color-design)}.sidebar-footer{padding:var(--space-md) var(--space-lg) var(--space-lg);border-top:1px solid var(--color-line)}.main{flex:1;min-width:0}.topbar{display:none;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-line);background:var(--color-paper);position:sticky;top:0;z-index:20}.topbar img{width:100px;height:auto}.topbar button{border:1px solid var(--color-line);background:transparent;padding:6px 12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;cursor:pointer}.page{padding:var(--space-4xl) var(--page-gutter);max-width:var(--content-max);margin:0 auto}.full-bleed{width:100%}.full-bleed-inner{max-width:var(--content-max);margin:0 auto}.page-header{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-3xl)}.page-eyebrow{color:var(--color-ash)}.page-desc{color:var(--color-ash);max-width:640px}.page-subnav{display:flex;gap:var(--space-lg);flex-wrap:wrap;padding:var(--space-sm) 0;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-4xl);scroll-margin-top:var(--space-lg)}.page-subnav a{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ash);transition:color var(--duration-fast) var(--ease-standard)}.page-subnav a:hover{color:var(--color-ink)}.section{scroll-margin-top:var(--space-lg)}.pull-quote{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,3.4vw,36px);letter-spacing:-.01em;line-height:1.25;margin:0;color:var(--color-ink)}.section{margin-bottom:var(--space-4xl)}.section:last-child{margin-bottom:0}.section-head{display:flex;flex-direction:column;gap:var(--space-2xs);margin-bottom:var(--space-lg)}.section-num{color:var(--color-ash)}.panel{background:var(--color-white);border:1px solid var(--color-line);padding:var(--space-xl)}.dont-panel{position:relative}.dont-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(135deg,transparent calc(50% - 2px),var(--color-design) calc(50% - 2px),var(--color-design) calc(50% + 2px),transparent calc(50% + 2px));pointer-events:none}.panel-dark{background:var(--color-ink);color:var(--color-paper);padding:var(--space-xl)}.grid{display:grid;gap:var(--border-seam)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.gap-panel{gap:var(--space-lg)}.swatch{padding:var(--space-lg);min-height:190px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-lg);cursor:pointer;border:none;text-align:left;width:100%;font:inherit;position:relative}.swatch-name{font-family:var(--font-display);font-weight:800;font-size:22px}.swatch-meta{display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:12.5px}.swatch-copy-hint{position:absolute;top:var(--space-md);right:var(--space-md);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.swatch:hover .swatch-copy-hint{opacity:.7}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.005em;border:1px solid transparent;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.btn-primary{background:var(--color-ink);color:var(--color-paper)}.btn-primary:hover{opacity:.85}.btn-accent{background:var(--color-design);color:var(--color-ink)}.btn-accent:hover{opacity:.85}.btn-outline{background:transparent;color:var(--color-ink);border-color:var(--color-ink)}.btn-outline:hover{background:var(--color-ink);color:var(--color-paper)}.btn-ghost{background:transparent;color:var(--color-ink);border-color:transparent;padding-left:4px;padding-right:4px}.btn-ghost:hover{color:var(--color-design)}.btn-sm{padding:8px 16px;font-size:13px}.btn:disabled{opacity:.35;cursor:not-allowed}.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--color-line);color:var(--color-ash)}.tag-dot{width:6px;height:6px;background:currentColor}.tag-design{border-color:var(--color-design);color:#b32b0e}.tag-video{border-color:var(--color-video);color:#5a3fcc}.tag-tech{border-color:var(--color-tech);color:#6c8a16}.field{display:flex;flex-direction:column;gap:8px}.field label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ash)}.field input,.field textarea,.field select{font-family:var(--font-body);font-size:15px;padding:12px 14px;border:1px solid var(--color-line);background:var(--color-white);color:var(--color-ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--color-ink)}.divider{height:1px;background:var(--color-line);border:none;margin:0}.pixelated{image-rendering:pixelated}.mono-block{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;color:var(--color-ash)}.footer{background:var(--color-ink);color:var(--color-ash);padding:var(--space-2xl) var(--page-gutter)}.footer-inner{max-width:var(--content-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer img{height:24px;width:auto}@media (max-width: 960px){.sidebar{position:fixed;left:0;top:0;z-index:30;transform:translate(-100%);transition:transform var(--duration-base) var(--ease-standard);box-shadow:0 0 0 100vmax #0b0b0b00}.sidebar.open{transform:translate(0);box-shadow:0 0 0 100vmax #0b0b0b66}.topbar{display:flex}.grid-3,.grid-4{grid-template-columns:1fr 1fr}.page{padding:var(--space-3xl) var(--page-gutter)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}
