.hero-card{position:relative; border:1px solid var(--line); border-radius:var(--r-xl); background:radial-gradient(900px 320px at 92% 0%,rgba(95,180,255,.12),transparent 60%),radial-gradient(720px 280px at 0% 100%,rgba(182,240,107,.12),transparent 55%),radial-gradient(560px 240px at 50% 110%,rgba(255,185,92,.10),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0)); padding:30px 30px 24px; overflow:hidden;} .hero-card::before{content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 80px); pointer-events:none;} .hero-card::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,255,255,0),rgba(0,0,0,.3)); pointer-events:none;} .hero-card>*{position:relative; z-index:1;} .hero-grid{display:grid; grid-template-columns:1fr auto; gap:28px; align-items:start;} @media (max-width:880px){.hero-grid{grid-template-columns:1fr;}} .hero-meta-row{display:flex; align-items:center; gap:12px; flex-wrap:wrap;} .hero-name{font-family:var(--display); font-weight:700; font-size:38px; letter-spacing:-0.6px; line-height:1.05;} .hero-pronouns{font:500 11.5px/1 var(--mono); color:var(--fg-mute); padding:5px 9px; border:1px solid var(--line-2); border-radius:999px;} .hero-class{font:600 11px/1 var(--mono); letter-spacing:0.5px; text-transform:uppercase; padding:6px 10px; border-radius:999px; background:rgba(182,240,107,.08); color:var(--accent-pheno); border:1px solid rgba(182,240,107,.4);} .hero-class .pulse{width:6px; height:6px; border-radius:50%; background:var(--accent-pheno); box-shadow:0 0 8px var(--accent-pheno); display:inline-block; margin-right:6px; vertical-align:middle; animation:pulse 2.4s ease-in-out infinite;} .hero-handle{font:500 13px/1.4 var(--mono); color:var(--fg-mute); margin-top:8px;} .hero-handle a{color:var(--fg-mute); text-decoration:none;} .hero-handle a:hover{color:var(--accent-eng);} .hero-bio{color:var(--fg); font-size:14.5px; line-height:1.6; margin-top:14px; max-width:70ch;} .hero-stats{margin-top:20px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px;} @media (max-width:720px){.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));}} .hero-stat{background:var(--bg-2); border:1px solid var(--line); border-radius:var(--r-md); padding:12px 14px;} .hero-stat .k{font:700 10px/1 var(--mono); text-transform:uppercase; letter-spacing:0.5px; color:var(--fg-mute);} .hero-stat .v{font-family:var(--display); font-weight:700; font-size:22px; margin-top:6px; color:var(--fg); font-feature-settings:"tnum";} .hero-stat .h{font-size:11px; color:var(--fg-dim); margin-top:4px;} .hero-stat.amber .v{color:var(--accent-prod);} .hero-stat.blue .v{color:var(--accent-eng);} .hero-stat.lime .v{color:var(--accent-pheno);} .hero-mark{width:124px; height:124px; border-radius:24px; background:radial-gradient(circle at 30% 30%,rgba(255,185,92,.30),transparent 60%),radial-gradient(circle at 70% 70%,rgba(95,180,255,.30),transparent 60%),radial-gradient(circle at 50% 100%,rgba(182,240,107,.25),transparent 60%),var(--bg-1); border:1px solid var(--line-2); display:grid; place-items:center; position:relative; overflow:hidden;} .hero-mark svg{width:92px; height:92px;} .hero-mark::before{content:""; position:absolute; inset:0; background:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 1px,transparent 1px 6px); pointer-events:none;} .hero-mark::after{content:""; position:absolute; inset:-4px; border-radius:26px; background:linear-gradient(135deg,var(--accent-pheno),var(--accent-eng),var(--accent-prod)); z-index:-1; filter:blur(14px); opacity:0.22;} .hero-actions{display:flex; gap:8px; flex-wrap:wrap; margin-top:20px;} :root{--bg-0:var(--paper-100); --bg-1:var(--surface-raised); --bg-2:var(--surface-ceramic-raised); --bg-3:var(--surface-inset); --bg-4:var(--surface-inset); --line:var(--rule); --line-2:var(--precision-rule-strong); --fg:var(--ink); --fg-mute:var(--ink-muted); --fg-dim:color-mix(in srgb,var(--ink-muted) 78%,transparent); --accent-prod:var(--accent-product); --accent-prod-2:var(--olive-300); --accent-eng:var(--accent-engineering); --accent-eng-2:var(--arch-300); --accent-pheno:var(--arch-500); --accent-pheno-2:var(--arch-300); --good:var(--acid-500); --warn:var(--acid-500); --bad:#c0452c; --r-md:6px; --r-lg:10px; --r-xl:12px; --sans:var(--font-reading); --mono:var(--font-meta); --display:var(--font-display);} *{box-sizing:border-box;} #app{min-height:100vh; display:flex; flex-direction:column;} main{flex:1; padding:28px; max-width:1320px; width:100%; margin:0 auto;} section.view{display:none; animation:fadeUp .35s ease both;} section.view.active{display:block;} @keyframes fadeUp{from{transform:translateY(6px);} to{transform:translateY(0);}} h1,h2,h3,h4{margin:0;} h2.section-title{font-family:var(--display); font-weight:700; font-size:22px; letter-spacing:0.2px; margin-bottom:6px;} .section-sub{color:var(--fg-mute); font-size:13px; margin-bottom:22px;} .section-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:18px;} .portfolio-view{display:block; animation:fadeUp .35s ease both;} .portfolio-hero{padding:clamp(28px,6vw,76px) 0 34px; max-width:900px;} .portfolio-hero h1,.portfolio-view>h1{font:700 clamp(2.3rem,6vw,5rem)/.98 var(--display); letter-spacing:-.04em; margin:10px 0 18px;} .lede{color:var(--fg-mute); font-size:clamp(1rem,1.8vw,1.25rem); line-height:1.6; max-width:760px;} .eyebrow{color:var(--eyebrow-ink); font:700 .72rem/1 var(--mono); letter-spacing:.14em; text-transform:uppercase;} .cta-row,.contact-links,.project-links,.tag-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:22px;} .cta{display:inline-flex; padding:11px 16px; border-radius:999px; color:#0a0d14; font-weight:700; text-decoration:none;} .cta-eng{background:var(--accent-eng);} .cta-prod{background:var(--accent-prod);} .proof-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:24px 0 44px;} .proof-point,.resume-card{border:1px solid var(--line); background:var(--bg-1); border-radius:var(--r-md); padding:16px;} .proof-point strong{display:block; color:var(--fg); font:700 1.3rem var(--display);} .proof-point span{display:block; color:var(--fg-mute); font-size:.8rem; margin-top:8px; line-height:1.4;} .project-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px;} .work-filter-bar{margin:28px 0 22px; padding:14px; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--bg-1);} .work-filter-heading{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px;} .work-filter-heading .section-sub{margin:0;} .work-filter-count{color:var(--fg-dim); font:600 .72rem var(--mono); white-space:nowrap;} .work-filters{display:flex; flex-wrap:wrap; gap:8px;} .work-filter{appearance:none; border:1px solid var(--line-2); border-radius:999px; padding:8px 11px; background:var(--bg-2); color:var(--fg-mute); font:600 .76rem/1 var(--sans); cursor:pointer; transition:color .15s,border-color .15s,background .15s;} .work-filter:hover{color:var(--fg); border-color:var(--accent-eng);} .work-filter:focus-visible{outline:2px solid var(--accent-pheno); outline-offset:2px;} .work-filter[aria-pressed="true"]{color:#0a0d14; border-color:transparent; background:linear-gradient(135deg,var(--accent-pheno),var(--accent-eng));} .card-title-link{color:inherit; text-decoration:none;} .card-title-link:hover{color:var(--accent-eng);} .back-link{display:inline-block; color:var(--fg-mute); text-decoration:none; margin-bottom:24px;} .back-link:hover{color:var(--fg);} .case-study{max-width:980px; margin:0 auto;} .case-gallery{display:grid; gap:14px; margin:28px 0;} .case-gallery img{width:100%; aspect-ratio:16/9; object-fit:cover; display:block; border-radius:var(--r-lg); border:1px solid var(--line);} .metric-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; margin:26px 0;} .metric-card{border:1px solid var(--line); border-radius:var(--r-md); padding:14px; background:var(--bg-1);} .metric-card strong,.metric-card span,.metric-card small{display:block;} .metric-card strong{font:700 1.35rem var(--display);} .metric-card span{color:var(--fg-mute); margin-top:5px;} .metric-card small{color:var(--fg-dim); margin-top:8px; font:500 .68rem var(--mono);} .case-copy{max-width:720px; line-height:1.65; color:var(--fg-mute);} .case-copy h2{color:var(--fg); font:700 1.5rem var(--display);} .case-diagram pre{overflow-x:auto; padding:1.25rem; border:1px solid var(--line); background:var(--surface); color:var(--fg); font:0.82rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;} .skip-link{position:fixed; left:1rem; top:-4rem; z-index:100; padding:.65rem .9rem; background:var(--fg); color:var(--bg); border-radius:.35rem; transition:top .2s ease;} .skip-link:focus{top:1rem;} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:0.01ms !important;}} @media (max-width:760px){.work-filter-heading{align-items:flex-start; flex-direction:column; gap:6px;}} .project-card{border:1px solid var(--line); border-radius:var(--r-lg); padding:18px; background:linear-gradient(160deg,var(--bg-1),var(--bg-0));} .project-card-image{display:block; width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:10px; margin:-2px 0 16px; background:var(--bg-2);} .project-card h2{font:700 1.35rem var(--display); margin:12px 0 8px;} .project-card p{color:var(--fg-mute); line-height:1.5; font-size:.92rem;} .project-card-top{display:flex; justify-content:space-between; gap:8px;} .status-pill,.tag{color:var(--fg-dim); font:600 .68rem var(--mono); border:1px solid var(--line-2); border-radius:999px; padding:4px 7px;} .text-link,.project-links a,.contact-links a{color:var(--link-ink); font-weight:600;} .muted{color:var(--fg-dim); font-size:.85rem;} .resume-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:28px;} .resume-card h2{font:700 1.5rem var(--display); margin-bottom:8px;} @media (max-width:760px){.proof-grid{grid-template-columns:repeat(2,1fr);} .resume-grid{grid-template-columns:1fr;}} .hero{position:relative; border:1px solid var(--line); border-radius:var(--r-xl); background:radial-gradient(800px 300px at 90% 0%,rgba(95,180,255,.10),transparent 60%),radial-gradient(600px 250px at 0% 100%,rgba(182,240,107,.10),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0)); padding:28px 28px 22px; overflow:hidden;} .hero::before{content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 80px); pointer-events:none;} .hero-top{display:flex; justify-content:space-between; align-items:flex-start; gap:24px; position:relative;} .hero-id{display:flex; flex-direction:column; gap:10px;} .hero-name{font-family:var(--display); font-weight:700; font-size:38px; letter-spacing:-0.5px; line-height:1;} .hero-handle{font:500 13px/1 var(--mono); color:var(--fg-mute);} .hero-tag{display:inline-flex; align-items:center; gap:6px; padding:6px 10px; background:var(--bg-2); border:1px solid var(--line-2); color:var(--fg); border-radius:999px; width:max-content; font:600 11.5px/1 var(--sans); letter-spacing:0.4px; text-transform:uppercase;} .hero-tag .pulse{width:6px; height:6px; border-radius:50%; background:var(--accent-pheno); box-shadow:0 0 8px var(--accent-pheno);} .hero-summary{color:var(--fg); font-size:14.5px; line-height:1.55; max-width:780px;} .hero-actions{display:flex; gap:8px; flex-wrap:wrap;} .btn{appearance:none; border:1px solid var(--line-2); background:var(--bg-2); color:var(--fg); padding:8px 12px; border-radius:10px; font:600 12px/1 var(--sans); letter-spacing:0.3px; cursor:pointer; transition:border-color .15s,background .15s,transform .1s; display:inline-flex; align-items:center; gap:6px;} .btn:hover{border-color:var(--accent-eng);} .btn:active{transform:translateY(1px);} .btn.primary{background:linear-gradient(135deg,var(--accent-pheno),var(--accent-eng)); color:#0a0d14; border-color:transparent;} .stat-strip{display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-top:22px; position:relative;} .stat{background:var(--bg-2); border:1px solid var(--line); border-radius:var(--r-md); padding:12px 14px; position:relative;} .stat .k{font:700 10.5px/1 var(--mono); color:var(--fg-mute); letter-spacing:0.5px; text-transform:uppercase;} .stat .v{font-family:var(--display); font-weight:700; font-size:22px; margin-top:6px; color:var(--fg);} .stat .h{font-size:11px; color:var(--fg-dim); margin-top:4px;} @media (max-width:1100px){.stat-strip{grid-template-columns:repeat(3,1fr);}} @media (max-width:720px){.stat-strip{grid-template-columns:repeat(2,1fr);}} .grid-2{display:grid; grid-template-columns:1.05fr 1fr; gap:18px;} .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;} @media (max-width:980px){.grid-2,.grid-3{grid-template-columns:1fr;}} .panel{background:var(--bg-1); border:1px solid var(--line); border-radius:var(--r-lg); padding:20px;} .panel h3{font-family:var(--display); font-weight:700; font-size:14px; letter-spacing:0.3px; text-transform:uppercase; color:var(--fg-mute); margin-bottom:12px; display:flex; align-items:center; gap:8px;} .panel h3 .lede{height:8px; width:8px; border-radius:50%; background:var(--accent-pheno); box-shadow:0 0 8px var(--accent-pheno);} .kv{display:grid; grid-template-columns:130px 1fr; gap:8px 14px; font-size:13px;} .kv dt{color:var(--fg-mute); font-family:var(--mono); font-size:11.5px; text-transform:uppercase; letter-spacing:.4px;} .kv dd{margin:0; color:var(--fg);} .tag-row{display:flex; flex-wrap:wrap; gap:6px;} .chip{font:500 11px/1 var(--mono); letter-spacing:0.4px; padding:5px 9px; border-radius:999px; background:var(--bg-2); border:1px solid var(--line-2); color:var(--fg);} .chip.amber{color:var(--accent-prod); border-color:rgba(255,185,92,.4); background:rgba(255,185,92,.08);} .chip.blue{color:var(--accent-eng); border-color:rgba(95,180,255,.4); background:rgba(95,180,255,.08);} .chip.lime{color:var(--accent-pheno);border-color:rgba(182,240,107,.4);background:rgba(182,240,107,.08);} .statement{font-family:var(--font-display); font-size:var(--type-statement); letter-spacing:var(--tracking-tight); line-height:0.95;} ul.list{list-style:none; padding:0; margin:0; display:grid; gap:8px;} ul.list li{position:relative; padding-left:18px; font-size:13.5px; color:var(--fg); line-height:1.5;} ul.list li::before{content:""; position:absolute; left:4px; top:9px; width:6px; height:6px; border-radius:50%; background:var(--accent-pheno);} .footer{display:flex; justify-content:space-between; padding:18px 28px; font:500 11px/1 var(--mono); color:var(--fg-dim); border-top:1px solid var(--line); margin-top:30px;} .home-identity--product h1{max-width:22ch;} .engineering-domains{display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-3); margin-top:var(--space-4); padding-top:var(--space-4); border-top:1px solid var(--precision-rule);} .engineering-domains__label{grid-column:1 / -1; font-weight:400; line-height:1.6; text-wrap:initial; font-family:var(--font-meta); font-size:var(--step--1); letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-muted); margin-bottom:var(--space-3);} .engineering-domain{padding:var(--space-3); border:1px solid var(--precision-rule); background:var(--surface-raised); box-shadow:0 1px 3px rgba(0,0,0,0.04); transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),box-shadow 0.2s ease,border-color 0.2s ease;} .engineering-domain:hover{transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.08); border-color:var(--arch-500);} .engineering-domain__name{font-family:var(--font-display); font-size:var(--step-0); font-weight:600; letter-spacing:-0.02em; margin-bottom:var(--space-1);} .engineering-domain__desc{color:var(--ink-muted); font-size:var(--step--1); line-height:1.5; margin:0;} @media (max-width:760px){.engineering-domains{grid-template-columns:1fr;}} .case-study .back-link{display:inline-block; margin-bottom:var(--space-4); color:var(--ink-muted); font:var(--step--1) var(--font-meta); text-decoration:none; transition:color .12s ease;} .case-study .back-link:hover{color:var(--ink);} .hero-plate{display:grid; grid-template-columns:5fr 8fr; gap:var(--space-4); align-items:start; margin-block:var(--space-4) var(--space-5);} .hero-accent-bar{grid-row:1 / -1; width:4px; border-radius:2px; background:var(--family-accent,var(--accent-500)); min-height:100%;} .hero-meta{display:flex; flex-direction:column; gap:var(--space-2);} .hero-meta .eyebrow{margin:0;} .hero-meta h1{margin:0;} .hero-meta .lede{margin:0;} .hero-meta .case-tech{margin-block:var(--space-2) 0;} .hero-meta .metric-grid{margin-block:var(--space-2) 0;} .hero-plate__placeholder{min-height:12rem; border:1px solid var(--rule); border-radius:var(--precision-radius-control); background:var(--surface-inset);} @media (max-width:760px){.hero-plate{grid-template-columns:1fr; gap:var(--space-3);} .hero-accent-bar{grid-row:auto; width:100%; height:4px; min-height:0;}} .case-study .case-gallery{display:grid; gap:var(--space-3); margin-block:var(--space-4) var(--space-5);} .case-study .case-gallery img{width:100%; height:auto; border:1px solid var(--rule); background:var(--surface-raised);} .case-study .case-gallery-item{margin:0; overflow:hidden; border:1px solid var(--rule); border-radius:var(--precision-radius-control); background:var(--surface-raised);} .case-study .case-gallery-item img{border:none; border-radius:0;} .case-study .case-gallery-item figcaption{padding:var(--space-2) var(--space-3); color:var(--ink-muted); font:var(--step--1) var(--font-meta); border-top:1px solid var(--rule);} .case-study .case-hero{position:relative; overflow:hidden; border:1px solid var(--rule); border-radius:var(--precision-radius-control); margin:0; background:var(--surface-inset);} .case-study .case-hero img{display:block; width:100%; height:auto; object-fit:cover;} .case-study .case-hero figcaption{padding:var(--space-2) var(--space-3); color:var(--ink-muted); font:var(--step--1) var(--font-meta); border-top:1px solid var(--rule);} .case-study .case-tech{display:flex; flex-wrap:wrap; gap:.4rem; margin-block:var(--space-3) var(--space-4);} .case-study .case-tech span{padding:.2rem .5rem; border:1px solid var(--rule); border-radius:var(--precision-radius-control); background:var(--surface); color:var(--ink-muted); font:var(--step--1) var(--font-meta); letter-spacing:.02em;} .case-study .case-copy{display:flex; flex-direction:column; gap:var(--space-4);} .case-study .case-section>h2{margin-bottom:var(--space-2);} .case-study .lens-annotation{padding:var(--space-3); border-left:2px solid var(--accent-500); background:var(--surface-inset); margin-block:var(--space-3);} .case-study .lens-annotation h3{margin-bottom:var(--space-1); font:var(--step--1) var(--font-meta); text-transform:uppercase; letter-spacing:.06em; color:var(--ink-muted);} .case-study .case-evidence-panel{padding:var(--space-3); border:1px solid var(--rule); background:var(--surface-inset); margin-block:var(--space-4);} .case-study .evidence-list{display:grid; gap:var(--space-2);} .case-study .evidence-list dt{color:var(--ink-muted); font:var(--step--1) var(--font-meta); text-transform:uppercase; letter-spacing:.04em;} .case-study .evidence-list dd{margin:0; overflow-wrap:anywhere;} .case-svg-diagram{width:100%; height:auto; border:1px solid var(--rule); border-radius:8px; background:linear-gradient(135deg,var(--surface-raised) 0%,var(--surface) 100%);} .case-svg-diagram__edge{stroke:var(--arch-500); stroke-width:1.5;} .case-svg-diagram__node rect{fill:var(--surface); stroke:var(--rule); stroke-width:1.25; rx:6; transition:stroke .15s ease,filter .15s ease;} .case-svg-diagram__node:hover rect{stroke:var(--arch-500); filter:drop-shadow(0 2px 8px rgba(0,0,0,.08));} .case-svg-diagram__node text{fill:var(--ink); font:500 0.85rem var(--font-meta);} .case-svg-diagram__node .node-index{fill:var(--ink-muted); font:400 0.78rem var(--font-meta);} .case-diagram-figure figcaption,.netweave-field__summary,.model-slot__status{color:var(--ink-muted); font:var(--step--1) var(--font-meta);} .case-study .case-copy .case-section>p{min-width:0; overflow-wrap:anywhere;} .omniroute-topology{margin:var(--space-3) 0; min-width:0;} .omniroute-topology__plate{padding:clamp(.65rem, 1.5vw, 1rem); border:1px solid var(--rule); border-radius:5px; background:linear-gradient(145deg,var(--surface-raised),var(--surface)); box-shadow:inset 0 1px 0 var(--surface),0 3px 0 var(--rule);} .case-study[data-family="omniroute"] .omniroute-topology__plate{border:1px solid var(--family-accent,var(--rule));} .case-study[data-family="omniroute"] .omniroute-topology__legend li::before{border-color:var(--family-accent,var(--arch-500));} .case-study[data-family="omniroute"] .case-svg-diagram__edge{stroke:var(--family-accent,var(--arch-500));} .omniroute-topology__plate-header{display:flex; flex-wrap:wrap; justify-content:space-between; gap:.4rem 1rem; padding-bottom:.75rem; color:var(--ink-muted); font:.75rem/1.5 var(--font-meta);} .omniroute-topology__plate .case-svg-diagram{display:block; border-radius:3px; background:var(--surface);} .omniroute-topology__plate .case-svg-diagram__node rect{stroke-width:1.25;} .omniroute-topology__legend{display:flex; flex-wrap:wrap; gap:.5rem 1.25rem; margin:.85rem 0 0; padding:0; list-style:none; color:var(--ink-muted); font:.75rem/1.5 var(--font-meta);} .omniroute-topology__legend li{display:flex; align-items:center; gap:.5rem;} .omniroute-topology__legend li::before{content:''; width:1.5rem; border-top:2px solid var(--arch-500); flex:none;} .omniroute-topology__legend .omniroute-topology__legend-conditional::before{border-top-style:dashed;} .omniroute-topology__mobile{display:none;} .omniroute-topology__qualification{margin-block:var(--space-2); color:var(--ink-muted);} .omniroute-topology__reader{border-top:1px solid var(--rule);} .omniroute-topology__reader summary{padding-block:.75rem; min-height:44px; cursor:pointer;} .omniroute-topology__reader ol{margin-block:0 var(--space-3); padding-left:1.5rem;} .omniroute-topology__reader li+li{margin-top:var(--space-2);} .case-diagram-reader{display:none;} @media (max-width:600px){.case-diagram-figure:has(.case-diagram-reader)>.case-svg-diagram{display:none;} .case-diagram-reader{display:block; font:1rem/1.5 var(--font-reading); overflow-wrap:anywhere;} .case-diagram-reader__nodes,.case-diagram-reader__edges{padding-left:1.5rem; margin-block:var(--space-2) var(--space-3);} .case-diagram-reader__nodes li,.case-diagram-reader__edges li{padding-block:.35rem;} .case-diagram-reader__nodes li{border-bottom:1px solid var(--rule);} .omniroute-topology__plate .omniroute-topology__desktop{display:none;} .omniroute-topology__mobile{display:block; font:1rem/1.5 var(--font-reading);} .omniroute-topology__mobile ol{margin:0; padding-left:1.5rem;} .omniroute-topology__mobile li{padding:.5rem; border-bottom:1px solid var(--rule);} .omniroute-topology__mobile [data-mobile-node="failure"]{margin-block:var(--space-3); padding:var(--space-3); border-left:2px dashed var(--arch-500); background:var(--surface);} .omniroute-topology__mobile p{margin:var(--space-2) 0 0;}} .netweave-field{position:relative; min-height:12rem; overflow:hidden; border:1px solid var(--rule); background:linear-gradient(90deg,transparent 49%,var(--rule) 50%,transparent 51%),var(--surface-raised);} .netweave-field__vehicle{position:absolute; left:var(--x); top:var(--y); width:.55rem; height:.55rem; border-radius:50%; background:var(--arch-500); transform:translate(-50%,-50%);} .netweave-field__vehicle--2,.netweave-field__vehicle--3{background:var(--acid-500);} .netweave-workbench{margin-block:var(--space-5); padding:var(--space-4); border:1px solid var(--rule); background:var(--surface-raised);} .netweave-workbench__intro,.netweave-workbench__panel p,.netweave-workbench figcaption{color:var(--ink-muted);} .netweave-workbench__tabs,.netweave-workbench__states,.netweave-workbench__actions{display:flex; flex-wrap:wrap; gap:.5rem; margin-block:var(--space-3);} .netweave-workbench button{min-height:44px; padding:.5rem .75rem; border:1px solid var(--rule); background:var(--surface); color:var(--ink); cursor:pointer;} .netweave-workbench button.is-active,.netweave-workbench button[aria-pressed="true"]{border-color:var(--ink); background:var(--ink); color:var(--surface);} .case-study[data-family] .netweave-workbench button.is-active,.case-study[data-family] .netweave-workbench button[aria-pressed="true"]{background:var(--ink); border-color:var(--family-accent,var(--ink)); color:var(--surface);} .netweave-workbench__panel{min-height:8rem; padding:var(--space-3); border-block:1px solid var(--rule);} .netweave-workbench__figure{margin:var(--space-3) 0 0;} .netweave-workbench__figure img{width:100%; height:auto; aspect-ratio:16 / 11; object-fit:cover;} .netweave-field-figure{overflow:hidden;} .netweave-specimen{overflow:hidden; max-width:100%;} .netweave-specimen picture{display:block; max-width:100%;} .netweave-field__image{display:block; max-width:100%; height:auto;} @media (max-width:600px){.netweave-field-figure{margin-inline:0;} .netweave-field__image{aspect-ratio:2.5 / 1; object-fit:cover; object-position:center;}} .sharecli-workbench{margin-block:var(--space-5); padding:var(--space-4); border:1px solid var(--rule); background:var(--surface-raised);} .sharecli-workbench__intro,.sharecli-workbench__evidence{color:var(--ink-muted);} .sharecli-workbench__controls,.sharecli-workbench__actions{display:flex; flex-wrap:wrap; gap:.5rem; margin-block:var(--space-3);} .sharecli-workbench button{min-height:44px; padding:.5rem .75rem; border:1px solid var(--rule); background:var(--surface); color:var(--ink); cursor:pointer;} .sharecli-workbench button.is-active,.sharecli-workbench button[aria-pressed="true"]{border-color:var(--ink); background:var(--ink); color:var(--surface);} .case-study[data-family] .sharecli-workbench button.is-active,.case-study[data-family] .sharecli-workbench button[aria-pressed="true"]{background:var(--ink); border-color:var(--family-accent,var(--ink)); color:var(--surface);} .sharecli-workbench__panel{min-height:12rem; padding:var(--space-3); border-block:1px solid var(--rule);} .sharecli-workbench__eyebrow{margin:0 0 .5rem; color:var(--ink-muted); font:var(--step--1) var(--font-meta); text-transform:uppercase; letter-spacing:.06em;} .sharecli-workbench__lanes{display:grid; gap:.5rem; margin-top:var(--space-3); grid-template-columns:repeat(3,minmax(0,1fr));} .sharecli-workbench__lane{padding:.7rem; border:1px solid var(--rule); background:var(--surface); font:var(--step--1) var(--font-meta);} .sharecli-workbench__lane--2{border-color:var(--arch-500);} .case-study[data-family="sharecli"] .sharecli-workbench__lane--2{border-color:var(--family-accent,var(--arch-500));} .case-study[data-family="sharecli"] .sharecli-workbench{border-left:3px solid var(--family-accent,var(--rule));} .sharecli-workbench__reader{margin-top:var(--space-4); padding-top:var(--space-3); border-top:1px solid var(--rule);} .sharecli-workbench__reader-sequence{padding-left:1.25rem; color:var(--ink-muted);} .sharecli-recordings{margin-top:var(--space-5); padding-top:var(--space-4); border-top:1px solid var(--rule);} .sharecli-recordings__intro,.sharecli-recording__kind,.sharecli-recording__boundary{color:var(--ink-muted);} .sharecli-recordings__grid{display:grid; gap:var(--space-3); grid-template-columns:repeat(2,minmax(0,1fr));} .sharecli-recording{padding:var(--space-3); border:1px solid var(--rule); background:var(--surface); min-width:0; overflow:hidden;} .case-study[data-family="sharecli"] .sharecli-recording{border-left:2px solid var(--family-accent,var(--rule));} .sharecli-recording h4{margin-top:0;} .sharecli-recording dl{margin-block:var(--space-3);} .sharecli-recording dl div{display:grid; gap:.25rem; grid-template-columns:5rem 1fr; margin-top:.4rem;} .sharecli-recording dt{color:var(--ink-muted); font:var(--step--1) var(--font-meta); text-transform:uppercase;} .sharecli-recording dd{margin:0; overflow-wrap:anywhere; font:var(--step--1) var(--font-meta);} .systems-plate{margin-block:var(--space-3);} .systems-plate__svg{width:100%; height:auto; border:1px solid var(--rule); background:var(--surface-raised);} .systems-plate__edge{stroke:var(--arch-500); stroke-width:2;} .systems-plate__node rect{fill:var(--surface); stroke:var(--rule);} .systems-plate__node text{fill:var(--ink); font:0.78rem var(--font-meta);} .systems-plate__node .systems-plate__index{fill:var(--ink-muted);} .systems-plate__fallback,.systems-plate figcaption{color:var(--ink-muted); font:var(--step--1) var(--font-meta);} .systems-plate__mobile-list{list-style:decimal; padding-left:1.5rem; margin-block:var(--space-2) var(--space-3);} .systems-plate__mobile-list li{padding-block:.35rem; border-bottom:1px solid var(--rule); font:1rem/1.5 var(--font-reading);} @media (max-width:480px){.sharecli-workbench__lanes{grid-template-columns:1fr;}} @media (max-width:600px){.sharecli-recordings__grid{grid-template-columns:1fr;}} @media (prefers-reduced-motion:reduce){.netweave-workbench button,.sharecli-workbench button{transition:none;}} .elev-1,.elev-2,.elev-3{transform:translateZ(0); transition:box-shadow var(--motion-normal) var(--ease-out);} .elev-1{box-shadow:var(--elev-1);} .elev-2{box-shadow:var(--elev-2);} .elev-3{box-shadow:var(--elev-3);} .elev-1:hover{box-shadow:var(--elev-2);} .elev-2:hover{box-shadow:var(--elev-3);} @media (prefers-reduced-motion:reduce){.elev-1,.elev-2,.elev-3{transition:none;} .elev-1:hover,.elev-2:hover{box-shadow:inherit;}} .case-study .case-section>p{column-width:28em; column-gap:var(--gutter); column-rule:var(--column-rule);} .case-study .case-copy .case-section:first-of-type>p::first-letter{font-size:3.5em; line-height:0.85; font-weight:600; float:left; margin:0.05em 0.12em 0 -0.04em; color:var(--ink);} @media (max-width:760px){.case-study .case-section>p{column-width:auto; column-count:1; column-rule:none;} .case-study .case-copy .case-section:first-of-type>p::first-letter{font-size:2.2em; line-height:0.85; margin:0.05em 0.1em 0 0;}} @media (prefers-reduced-motion:reduce){.case-study .case-copy .case-section:first-of-type>p::first-letter{transition:none;}} :root[data-surface="paper"]{--surface:var(--paper-110); --surface-raised:var(--paper-110); --surface-inset:var(--paper-110); --ink:#1a1a1a; --ink-muted:#4a4a48; --rule:color-mix(in srgb,#1a1a1a 14%,transparent); --precision-rule:color-mix(in srgb,#1a1a1a 10%,transparent); --precision-rule-strong:color-mix(in srgb,#1a1a1a 22%,transparent); background-color:var(--paper-110); background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='7'/><feColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0.03 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); background-repeat:repeat; background-attachment:fixed; color:var(--ink);} :root[data-surface="paper"] .case-study .artifact,:root[data-surface="paper"] .case-study .lens-annotation,:root[data-surface="paper"] .case-study .case-evidence-panel,:root[data-surface="paper"] .case-study .case-section{background:var(--paper-110); border-color:var(--rule); backdrop-filter:none;} @media (prefers-reduced-motion:reduce){:root[data-surface="paper"]{background-attachment:scroll;}} .blog-view{display:block; max-width:880px; margin:0 auto; padding:4rem 1.5rem 6rem;} .blog-view .lede{max-width:60ch; margin-bottom:3rem;} .post-list{display:grid; grid-template-columns:1fr; gap:1.75rem;} .post-card{display:block; padding:1.75rem 2rem; border:1px solid var(--rule); border-left:3px solid var(--accent-500); border-radius:var(--radius-panel); background:var(--surface-raised); transition:border-color 120ms ease,transform 120ms ease;} .post-card:hover{border-color:var(--accent-500); transform:translateY(-1px);} .post-card-top{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:0.75rem;} .post-card-meta{display:inline-flex; align-items:center; gap:0.5rem; color:var(--ink-muted); font-size:0.85rem; font-variant-numeric:tabular-nums;} .post-card-excerpt{margin-top:0.5rem; color:var(--ink-muted); max-width:60ch;} .post-card-tags{display:flex; flex-wrap:wrap; gap:0.4rem; margin-top:1rem;} .post-header{margin-bottom:3rem; padding-bottom:1.5rem; border-bottom:1px solid var(--rule);} .post-header-top{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem;} .post-title{font-size:clamp(2rem, 4.5vw, 3rem); line-height:1.15; margin:0.25rem 0 0.75rem; letter-spacing:-0.02em;} .post-subtitle{max-width:60ch; color:var(--ink-muted); font-size:1.05rem; margin-bottom:1rem;} .post-article{max-width:65ch; font-size:1.0625rem; line-height:1.7;} .post-article .post-heading{margin-top:2.5rem; margin-bottom:0.75rem; letter-spacing:-0.01em;} .post-article h2.post-heading{font-size:1.5rem;} .post-article h3.post-heading{font-size:1.2rem;} .post-article .post-para{margin:1rem 0;} .post-article .post-list-block{margin:1rem 0 1.5rem 1.25rem; padding-left:1.25rem;} .post-article .post-list-block li{margin-bottom:0.6rem;} .post-article .post-quote{border-left:3px solid var(--accent-500); padding:0.25rem 0 0.25rem 1rem; margin:1.5rem 0; color:var(--ink-muted); font-style:italic;} .post-article .post-code{background:var(--surface-raised); border:1px solid var(--rule); border-radius:8px; padding:1rem 1.25rem; overflow-x:auto; margin:1.5rem 0; font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace; font-size:0.95em;} .post-article .post-divider{border:0; border-top:1px solid var(--rule); margin:2.5rem 0;} .post-article .post-note{border:1px solid var(--rule); border-left:3px solid var(--accent-500); border-radius:8px; padding:1rem 1.25rem; margin:2rem 0 0; background:var(--surface-raised); color:var(--ink-muted);} .post-footer{margin-top:3rem; padding-top:1.5rem; border-top:1px solid var(--rule);} .contact-layout{display:grid; grid-template-columns:3fr 2fr; gap:var(--space-6); align-items:start; margin-top:var(--space-5);} .contact-form{display:grid; gap:var(--space-4); max-width:600px;} .contact-form__field{position:relative; padding-top:var(--space-4);} .contact-form__input,.contact-form__textarea{width:100%; padding:var(--space-2) 0 var(--space-1); background:transparent; border:none; border-bottom:2px solid var(--rule); color:var(--ink); font-family:var(--font-reading); font-size:var(--step-0); line-height:1.5; transition:border-color var(--motion-fast) var(--ease-out); outline:none;} .contact-form__textarea{--input-height:8rem; resize:vertical; min-height:var(--input-height);} .contact-form__label{position:absolute; left:0; top:var(--space-4); color:var(--ink-muted); font-family:var(--font-reading); font-size:var(--step-0); pointer-events:none; transform-origin:left top; transition:transform var(--motion-fast) var(--ease-out),font-size var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out);} .contact-form__input:focus~.contact-form__label,.contact-form__input:not(:placeholder-shown)~.contact-form__label,.contact-form__textarea:focus~.contact-form__label,.contact-form__textarea:not(:placeholder-shown)~.contact-form__label{transform:translateY(-0.6rem); font-size:var(--step--1); color:var(--seed-teal);} .contact-form__underline{position:absolute; bottom:0; left:0; right:0; height:2px; background:var(--seed-teal); transform:scaleX(0); transform-origin:center;} .contact-form__input:focus~.contact-form__underline{animation:underline-expand 0.28s var(--ease-out) forwards;} .contact-form__textarea:focus~.contact-form__underline{animation:underline-expand 0.28s var(--ease-out) forwards;} @keyframes underline-expand{from{transform:scaleX(0); transform-origin:center;} to{transform:scaleX(1); transform-origin:center;}} .contact-form__char-count{display:block; margin-top:var(--space-1); color:var(--ink-muted); font-family:var(--font-meta); font-size:0.7rem; letter-spacing:0.02em; opacity:0; transition:opacity var(--motion-fast) var(--ease-out);} .contact-form__textarea:focus~.contact-form__char-count{opacity:1;} .contact-form__checkmark{position:absolute; right:0; top:var(--space-4); width:18px; height:18px; opacity:0; transform:scale(0.5); transition:opacity var(--motion-normal) var(--ease-out),transform var(--motion-normal) var(--ease-spring); color:var(--seed-teal); pointer-events:none;} .field--valid .contact-form__checkmark{opacity:1; transform:scale(1);} .field--valid .contact-form__input,.field--valid .contact-form__textarea{border-bottom-color:var(--seed-teal);} .field--invalid .contact-form__input,.field--invalid .contact-form__textarea{border-bottom-color:color-mix(in oklch,var(--ink) 70%,#c0392b);} .field--invalid .contact-form__label{color:color-mix(in oklch,var(--ink) 70%,#c0392b);} @keyframes field-shake{0%,100%{transform:translateX(0);} 20%{transform:translateX(-3px);} 40%{transform:translateX(3px);} 60%{transform:translateX(-2px);} 80%{transform:translateX(2px);}} .field--invalid .contact-form__input,.field--invalid .contact-form__textarea{animation:field-shake 0.35s var(--ease-out);} .contact-form__error{display:block; margin-top:var(--space-0); color:color-mix(in oklch,var(--ink) 70%,#c0392b); font-family:var(--font-meta); font-size:0.7rem; letter-spacing:0.02em; opacity:0; max-height:0; overflow:hidden; transition:opacity var(--motion-fast) var(--ease-out),max-height var(--motion-fast) var(--ease-out);} .field--invalid .contact-form__error{opacity:1; max-height:2rem;} .contact-form__submit{position:relative; display:flex; align-items:center; justify-content:center; gap:var(--space-2); width:100%; padding:var(--space-3) var(--space-4); margin-top:var(--space-2); border:1px solid var(--ink); border-radius:var(--radius-control); background:transparent; color:var(--ink); font-family:var(--font-meta); font-size:var(--step--1); font-weight:600; letter-spacing:0.06em; text-transform:uppercase; cursor:pointer; overflow:hidden; z-index:1; transition:color var(--motion-normal) var(--ease-out),border-color var(--motion-normal) var(--ease-out);} .contact-form__submit::before{content:""; position:absolute; inset:0; background:var(--seed-teal); transform:scaleX(0); transform-origin:left center; transition:transform var(--motion-normal) var(--ease-out); z-index:-1;} .contact-form__submit:hover::before{transform:scaleX(1);} .contact-form__submit:hover{color:var(--ink); border-color:var(--seed-teal);} .contact-form__submit:active::before{transform:scaleX(1);} .contact-form__submit-label{position:relative; z-index:1; transition:opacity var(--motion-fast) var(--ease-out);} .contact-form__spinner{position:absolute; width:18px; height:18px; border:2px solid var(--ink); border-top-color:transparent; border-radius:50%; opacity:0; transition:opacity var(--motion-fast) var(--ease-out);} .contact-form__submit.is-loading .contact-form__submit-label{opacity:0;} .contact-form__submit.is-loading .contact-form__spinner{opacity:1; animation:spinner 0.6s linear infinite;} @keyframes spinner{to{transform:rotate(360deg);}} .contact-form__submit.is-success{border-color:var(--seed-teal); background:var(--seed-teal); color:var(--ink);} .contact-form__submit.is-success::before{display:none;} .contact-form__submit.is-success .contact-form__submit-label{opacity:0;} .contact-form__submit.is-success .contact-form__checkmark-icon{opacity:1; transform:scale(1);} .contact-form__checkmark-icon{position:absolute; width:22px; height:22px; opacity:0; transform:scale(0.3); transition:opacity var(--motion-normal) var(--ease-out),transform var(--motion-normal) var(--ease-spring); color:var(--ink); z-index:1;} @keyframes success-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--seed-teal) 40%,transparent);} 70%{box-shadow:0 0 0 10px color-mix(in srgb,var(--seed-teal) 0%,transparent);} 100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--seed-teal) 0%,transparent);}} .contact-form__submit.is-success{animation:success-pulse 0.6s var(--ease-out);} @media (max-width:860px){.contact-layout{grid-template-columns:1fr; gap:var(--space-5);} .contact-form{max-width:none;}} .contact-info{display:grid; gap:var(--space-4); padding:var(--space-5); border:1px solid var(--precision-rule); border-radius:var(--radius-panel); background:var(--surface-raised);} .contact-info__heading{font-family:var(--font-display); font-size:var(--step-1); font-weight:600; letter-spacing:-0.025em;} .contact-info__links{display:grid; gap:var(--space-3);} .contact-info__link{display:flex; align-items:center; gap:var(--space-3); padding:var(--space-2) 0; color:var(--ink); text-decoration:none; transition:transform var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out);} .contact-info__link:hover{transform:translateX(4px); color:var(--seed-teal);} .contact-info__link-icon{display:flex; align-items:center; justify-content:center; width:36px; height:36px; flex-shrink:0; border:1px solid var(--precision-rule); border-radius:var(--radius-control); color:var(--ink-muted); transition:border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out);} .contact-info__link:hover .contact-info__link-icon{border-color:var(--seed-teal); color:var(--seed-teal);} .contact-info__link-icon svg{width:16px; height:16px;} .contact-info__link-text{display:flex; flex-direction:column; gap:2px;} .contact-info__link-label{font-family:var(--font-meta); font-size:var(--step--1); font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:var(--ink-muted);} .contact-info__link-value{font-family:var(--font-reading); font-size:var(--step-0); color:var(--ink);} @media (max-width:860px){.contact-info{padding:var(--space-4);}} .parent-view{--parent-accent:var(--seed-teal); --parent-gap:1.5rem; display:grid; gap:var(--parent-gap); padding:2rem 0 4rem;} .parent-view__header{display:grid; gap:0.5rem;} .parent-view__title{margin:0; font-family:var(--font-display); font-size:clamp(2rem, 5vw, 3.25rem); line-height:1.05; letter-spacing:-0.02em;} .parent-view__lede{margin:0; max-width:46ch; color:var(--graphite-600);} .parent-view__subtitle{margin:0 0 0.75rem; font-family:var(--font-meta); font-size:0.75rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--graphite-500);} .parent-agents{display:grid; grid-template-columns:repeat(auto-fill,minmax(13rem,1fr)); gap:0.75rem; margin:0; padding:0; list-style:none;} .parent-agent{display:grid; align-content:start; gap:0.4rem; padding:0.9rem 1rem 1.1rem; border:1px solid var(--graphite-200); border-radius:10px; background:var(--surface-ceramic); transition:transform 180ms ease,border-color 180ms ease;} .parent-agent:hover{transform:translateY(-2px); border-color:var(--parent-accent);} .parent-agent__pill{justify-self:start;} .parent-agent__glyph{margin-right:0.35em;} .parent-agent__pill--current{color:var(--parent-accent);} .parent-agent__pill--research{color:var(--graphite-500);} .parent-agent__pill--historical{color:var(--graphite-400);} .parent-agent__name{margin:0; font-family:var(--font-meta); font-size:0.95rem; font-weight:600; word-break:break-word;} .parent-agent__role{margin:0; font-size:0.85rem; color:var(--graphite-600);} .parent-snapshot{display:grid; gap:0.6rem; padding-top:0.5rem;} .parent-snapshot__title{margin:0; font-family:var(--font-meta); font-size:0.75rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--graphite-500);} .parent-snapshot__frame{margin:0; padding:0.9rem 1rem; overflow-x:auto; border:1px solid var(--graphite-200); border-radius:10px; background:var(--surface-obsidian); color:var(--seed-ceramic); font-family:var(--font-meta); font-size:0.8rem; line-height:1.45;} .parent-stamp{margin:0; font-family:var(--font-meta); font-size:0.75rem; color:var(--graphite-500);} .parent-sr-only{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;} @media (prefers-reduced-motion:reduce){.parent-agent{transition:none;} .parent-agent:hover{transform:none;}} @media (max-width:40rem){.parent-agents{grid-template-columns:1fr;}} .code-block{position:relative; background:#0d0f0e; border:1px solid color-mix(in oklch,var(--seed-teal) 12%,#0d0f0e); border-radius:var(--radius-panel); margin:var(--space-4) 0; overflow:hidden;} .code-block__header{display:flex; align-items:center; justify-content:space-between; padding:var(--space-0) var(--space-2); background:color-mix(in oklch,var(--graphite-950) 80%,#0d0f0e); border-bottom:1px solid color-mix(in srgb,var(--seed-teal) 8%,transparent); min-height:2rem;} .code-block__lang{font-family:var(--font-meta); font-size:var(--step--1); color:var(--seed-teal); letter-spacing:0.06em; text-transform:uppercase; opacity:0.7; user-select:none;} .code-block__copy-btn{background:none; border:1px solid color-mix(in srgb,var(--seed-teal) 18%,transparent); border-radius:var(--radius-control); color:var(--seed-teal); font-family:var(--font-meta); font-size:0.6875rem; padding:0.15em 0.55em; cursor:pointer; opacity:0; transition:opacity var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out);} .code-block:hover .code-block__copy-btn{opacity:1;} .code-block__copy-btn:hover{background:color-mix(in srgb,var(--seed-teal) 12%,transparent);} .code-block__copy-btn--copied{color:var(--acid-500); border-color:color-mix(in srgb,var(--acid-500) 24%,transparent);} .code-block__scroll{overflow-x:auto; -webkit-overflow-scrolling:touch;} .code-block__scroll::-webkit-scrollbar{height:5px;} .code-block__scroll::-webkit-scrollbar-track{background:transparent;} .code-block__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--seed-teal) 16%,transparent); border-radius:3px;} .code-block__table{display:table; width:100%; min-width:100%; border-collapse:collapse;} .code-block__line-numbers{display:table-cell; width:3.5rem; min-width:3.5rem; padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3); text-align:right; vertical-align:top; user-select:none; border-right:1px solid color-mix(in srgb,var(--seed-teal) 8%,transparent); font-family:var(--font-meta); font-size:0.75rem; line-height:1.7; color:color-mix(in oklch,var(--seed-teal) 30%,var(--graphite-950));} .code-block__line-numbers span{display:block;} .code-block__code{display:table-cell; padding:var(--space-2) var(--space-3); vertical-align:top; font-family:var(--font-meta); font-size:0.8125rem; line-height:1.7; color:#d0d4cc; white-space:pre;} .code-block__code code{font-family:inherit; font-size:inherit; color:inherit;} .code-block__line{display:block; position:relative; padding:0 var(--space-1); border-radius:3px;} .code-block__highlight-line{background:rgba(126,186,181,0.12);} .code-block__highlight-line::before{content:''; position:absolute; left:calc(-1 * var(--space-1)); top:0; bottom:0; width:3px; background:var(--seed-teal); border-radius:2px; opacity:0.6;} .code-block__annotation-line{cursor:help;} .code-block__annotation{position:absolute; left:100%; top:50%; transform:translateY(-50%); margin-left:var(--space-2); z-index:var(--z-chrome); max-width:260px; padding:var(--space-1) var(--space-2); background:#1a1d1b; border:1px solid color-mix(in srgb,var(--seed-teal) 20%,transparent); border-radius:var(--radius-control); color:var(--paper-200); font-family:var(--font-reading); font-size:0.75rem; line-height:1.5; white-space:normal; pointer-events:none; opacity:0; transition:opacity var(--motion-fast) var(--ease-out); box-shadow:0 4px 16px rgba(0,0,0,0.4);} .code-block__annotation::before{content:''; position:absolute; right:100%; top:50%; transform:translateY(-50%); border:5px solid transparent; border-right-color:color-mix(in srgb,var(--seed-teal) 20%,transparent);} .code-block__annotation-line:hover .code-block__annotation{opacity:1; pointer-events:auto;} .code-block__callout-badge{position:absolute; left:-0.75rem; top:50%; transform:translateY(-50%); width:1.125rem; height:1.125rem; border-radius:50%; background:var(--seed-teal); color:#0d0f0e; font-family:var(--font-meta); font-size:0.625rem; font-weight:700; line-height:1.125rem; text-align:center; z-index:var(--z-canvas); box-shadow:0 0 0 2px #0d0f0e;} .code-block__callout-line{padding-left:1.25rem !important;} .code-block__code .tok-kw{color:#7EBAB5;} .code-block__code .tok-str{color:#a9b47a;} .code-block__code .tok-cmt{color:#555a52; font-style:italic;} .code-block__code .tok-fn{color:#76aeb5;} .code-block__code .tok-num{color:#b6d448;} .code-block__code .tok-op{color:#9ea396;} .code-block__code .tok-type{color:#d4c89a;} .code-block__code .tok-deco{color:#c76a3a;} @media (max-width:640px){.code-block__line-numbers{width:2.5rem; min-width:2.5rem; padding-left:var(--space-1); font-size:0.6875rem;} .code-block__code{font-size:0.75rem; padding:var(--space-2);} .code-block__annotation{position:fixed; left:var(--space-2); right:var(--space-2); top:auto; bottom:var(--space-2); transform:none; max-width:none;} .code-block__annotation::before{display:none;}} @media (prefers-reduced-motion:reduce){.code-block__copy-btn,.code-block__annotation{transition:none;}} .cast-player{--cp-bg:#0d0f0e; --cp-text:var(--seed-teal,#7EBAB5); --cp-dim:#4a5250; --cp-rule:var(--rule,color-mix(in srgb,#171a18 24%,transparent)); --cp-radius:var(--radius-control,6px); --cp-font:var(--font-meta,"JetBrains Mono","SFMono-Regular",Consolas,monospace); --cp-font-size:clamp(0.68rem, 0.62rem + 0.18vw, 0.78rem); position:relative; width:100%; border:1px solid var(--cp-rule); border-radius:var(--cp-radius); background:var(--cp-bg); overflow:hidden; box-shadow:0 2px 12px color-mix(in srgb,#000 35%,transparent);} .cast-player__header{display:flex; align-items:center; gap:0.5rem; padding:0.55rem 0.75rem; background:color-mix(in oklch,var(--cp-bg) 85%,#000); border-bottom:1px solid var(--cp-rule); user-select:none; -webkit-user-select:none;} .cast-player__dots{display:flex; gap:6px; flex-shrink:0;} .cast-player__dot{width:10px; height:10px; border-radius:50%;} .cast-player__dot--close{background:#e25a54;} .cast-player__dot--min{background:#d4a72e;} .cast-player__dot--max{background:#62c554;} .cast-player__title{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--cp-dim); font:var(--cp-font-size) var(--cp-font); text-align:center; letter-spacing:0.02em;} .cast-player__terminal{position:relative; height:320px; padding:0.75rem 1rem; overflow-y:auto; overflow-x:hidden; font:var(--cp-font-size) / 1.55 var(--cp-font); color:var(--cp-text); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; scrollbar-width:thin; scrollbar-color:var(--cp-dim) transparent;} .cast-player__terminal::-webkit-scrollbar{width:5px;} .cast-player__terminal::-webkit-scrollbar-track{background:transparent;} .cast-player__terminal::-webkit-scrollbar-thumb{background:var(--cp-dim); border-radius:3px;} .cast-player__line{white-space:pre-wrap; word-break:break-all; min-height:1.55em;} .cast-player__line:not(:empty){text-shadow:0 0 8px color-mix(in srgb,var(--cp-text) 18%,transparent);} .cast-player__cursor{display:inline-block; width:0.55em; height:1.15em; background:var(--cp-text); vertical-align:text-bottom; animation:cp-blink 1s step-end infinite;} @keyframes cp-blink{0%,100%{opacity:1;} 50%{opacity:0;}} .cast-player--paused .cast-player__cursor{animation-play-state:paused; opacity:1;} .cast-player--finished .cast-player__cursor{animation:none; opacity:0;} .cast-player__controls{display:flex; align-items:center; gap:0.5rem; padding:0.45rem 0.75rem; border-top:1px solid var(--cp-rule); background:color-mix(in oklch,var(--cp-bg) 90%,#000);} .cast-player__btn{display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; border:1px solid var(--cp-rule); border-radius:var(--cp-radius); background:transparent; color:var(--cp-dim); font:600 0.7rem/1 var(--cp-font); cursor:pointer; transition:color var(--motion-short,120ms) ease,border-color var(--motion-short,120ms) ease,background var(--motion-short,120ms) ease;} .cast-player__btn:hover{color:var(--cp-text); border-color:var(--cp-dim); background:color-mix(in srgb,var(--cp-text) 8%,transparent);} .cast-player__btn--play{font-size:0.65rem;} .cast-player__btn--active{color:var(--cp-text); border-color:var(--cp-dim); background:color-mix(in srgb,var(--cp-text) 10%,transparent);} .cast-player__speed-group{display:flex; gap:2px; margin-left:auto;} .cast-player__speed-btn{display:inline-flex; align-items:center; justify-content:center; height:24px; padding:0 0.45rem; border:1px solid transparent; border-radius:var(--cp-radius); background:transparent; color:var(--cp-dim); font:500 0.62rem/1 var(--cp-font); cursor:pointer; transition:color var(--motion-short,120ms) ease,border-color var(--motion-short,120ms) ease,background var(--motion-short,120ms) ease;} .cast-player__speed-btn:hover{color:var(--cp-text);} .cast-player__speed-btn--active{color:var(--cp-text); border-color:var(--cp-dim); background:color-mix(in srgb,var(--cp-text) 8%,transparent);} .cast-player__scrubber{--cp-scrub:var(--cp-text); position:relative; padding:0.5rem 0.75rem 0.4rem; cursor:pointer; touch-action:none; user-select:none; -webkit-user-select:none;} .cast-player__scrubber:focus-visible{outline:2px solid var(--cp-scrub); outline-offset:-2px; border-radius:var(--cp-radius);} .cast-player__scrubber[aria-disabled='true']{opacity:0.45; cursor:default;} .cast-player__scrubber-track{position:relative; height:4px; border-radius:2px; background:color-mix(in srgb,var(--cp-dim) 45%,transparent);} .cast-player__scrubber-fill{position:absolute; inset:0 auto 0 0; width:0; border-radius:2px; background:linear-gradient(90deg,color-mix(in srgb,var(--cp-scrub) 55%,transparent),var(--cp-scrub)); transition:width var(--motion-short,120ms) linear;} .cast-player__scrubber-thumb{position:absolute; top:50%; left:0; width:10px; height:10px; margin-left:-5px; border-radius:50%; background:var(--cp-scrub); box-shadow:0 0 0 3px color-mix(in srgb,var(--cp-scrub) 18%,transparent); transform:translateY(-50%) scale(0.75); transition:transform var(--motion-short,120ms) ease,left var(--motion-short,120ms) linear;} .cast-player__scrubber:hover .cast-player__scrubber-thumb,.cast-player__scrubber:focus-visible .cast-player__scrubber-thumb{transform:translateY(-50%) scale(1);} .cast-player__clock{display:inline-flex; align-items:center; gap:0.25rem; margin-left:0.15rem; padding:0 0.15rem; color:var(--cp-dim); font:500 0.62rem/1 var(--cp-font); font-variant-numeric:tabular-nums; letter-spacing:0.02em;} .cast-player__clock-now{color:var(--cp-text);} .cast-player__clock-sep{opacity:0.45;} .cast-player__command{display:block; padding:0.25rem 0.75rem 0; color:var(--cp-dim); font:italic 0.58rem/1 var(--cp-font); letter-spacing:0.01em; opacity:0.6;} @media (prefers-reduced-motion:reduce){.cast-player__cursor{animation:none; opacity:1;} .cast-player__scrubber-fill,.cast-player__scrubber-thumb{transition:none;}} @media (max-width:600px){.cast-player__terminal{height:240px; padding:0.5rem 0.65rem;} .cast-player__scrubber{padding:0.6rem 0.65rem 0.45rem;} .cast-player__controls{flex-wrap:wrap; gap:0.35rem;} .cast-player__speed-group{margin-left:0; width:100%; justify-content:flex-end;}} .rec-eyebrow{font:600 10.5px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--accent-pheno); margin-bottom:6px;} .rec-title{font:700 18px/1.2 var(--sans); color:var(--fg); margin:0 0 4px;} .rec-sub{font:400 12.5px/1.55 var(--sans); color:var(--fg-mute); margin:0 0 14px;} .rec-grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;} .rec-grid-2>*{min-width:0;} .rec-big{background:var(--bg-1); border:1px solid var(--line); border-radius:var(--r-lg); padding:14px 16px; min-width:0;} .rec-h{font:600 10.5px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--fg-mute); margin-bottom:8px;} .rec-big-v{font:700 16px/1.25 var(--sans); color:var(--fg); word-break:break-word;} .rec-big-v small{display:block; font:500 11px/1.4 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--fg-mute); margin-top:4px; font-weight:500;} .rec-reason{font:400 12px/1.55 var(--sans); color:var(--fg-mute); margin:10px 0 0;} .rec-reason strong{color:var(--fg); font-weight:600;} .rec-trademark{display:inline-flex; align-items:center; gap:6px; font:600 11px/1 var(--mono); letter-spacing:.08em; color:var(--accent-pheno); background:rgba(182,240,107,.08); border:1px solid rgba(182,240,107,.25); border-radius:var(--r-md); padding:5px 9px; margin-top:10px;} .rec-trademark::before{content:"™"; font:700 12px/1 var(--serif);} .pr-verdict,.pr-conf{display:inline-block; padding:3px 10px; border-radius:999px; font:700 10.5px/1 var(--sans); letter-spacing:0.1em; text-transform:uppercase; border:1px solid transparent; white-space:nowrap;} .pr-verdict-matches{color:var(--accent-pheno); background:color-mix(in srgb,var(--accent-pheno) 14%,transparent); border-color:color-mix(in srgb,var(--accent-pheno) 35%,transparent);} .pr-verdict-contradicts{color:var(--accent-eng); background:color-mix(in srgb,var(--accent-eng) 16%,transparent); border-color:color-mix(in srgb,var(--accent-eng) 40%,transparent);} .pr-verdict-unverified{color:var(--fg-mute); background:var(--bg-3); border-color:var(--line);} .pr-conf-high{color:var(--accent-pheno); background:color-mix(in srgb,var(--accent-pheno) 14%,transparent); border-color:color-mix(in srgb,var(--accent-pheno) 35%,transparent);} .pr-conf-medium{color:var(--accent-prod); background:color-mix(in srgb,var(--accent-prod) 14%,transparent); border-color:color-mix(in srgb,var(--accent-prod) 35%,transparent);} .pr-conf-low{color:var(--fg); background:var(--bg-3); border-color:var(--line);} .pr-conf-notfound{color:#ff6b6b; opacity:0.85; background:color-mix(in srgb,#ff6b6b 10%,transparent); border-color:color-mix(in srgb,#ff6b6b 35%,transparent);} .pr-dim{opacity:0.62;} .pr-dim .card-title{color:var(--fg-mute);} .pr-callout{position:relative; padding:22px 24px; margin:0 0 18px; background:linear-gradient(180deg,color-mix(in oklab,var(--accent-eng) 18%,var(--bg-2)) 0%,var(--bg-2) 100%); border:1px solid color-mix(in srgb,var(--accent-eng) 45%,transparent); border-left:4px solid var(--accent-eng); border-radius:var(--r-lg); box-shadow:0 6px 24px rgba(0,0,0,0.35);} .pr-callout h3{font:700 14px/1.2 var(--sans); letter-spacing:0.14em; text-transform:uppercase; color:var(--accent-eng); margin:0 0 8px;} .pr-callout p{margin:0; color:var(--fg); font:400 14px/1.55 var(--sans);} .pr-quote{margin:14px 0; padding:14px 18px; background:var(--bg-3); border-left:3px solid var(--accent-prod); border-radius:var(--r-md); color:var(--fg); font:400 13.5px/1.55 var(--mono); white-space:pre-wrap; word-break:break-word;} .pr-quote-cite{display:block; margin-top:10px; font:500 11px/1 var(--sans); letter-spacing:0.08em; text-transform:uppercase; color:var(--fg-mute);} .pr-cite-list{margin:6px 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:6px 10px; font:400 12px/1.4 var(--mono);} .pr-cite-list li a{color:var(--fg-mute); text-decoration:none; border-bottom:1px dotted var(--line); padding-bottom:1px;} .pr-cite-list li a:hover{color:var(--accent-prod); border-bottom-color:var(--accent-prod);} .pr-stats{display:flex; flex-wrap:wrap; gap:8px 18px; margin:8px 0 4px; font:500 12px/1 var(--mono); color:var(--fg);} .pr-stats span b{color:var(--accent-prod); font-weight:700; margin-right:4px;} html[data-construction='entered'] .construction-gate,.construction-gate[aria-hidden='true'],.construction-gate:has(.construction-gate__target:target){display:none;} .construction-gate__target{position:absolute; width:1px; height:1px; overflow:hidden;} body.construction-locked{overflow:hidden;} body.construction-locked #construction-site{opacity:0; pointer-events:none; user-select:none; will-change:opacity; transition:opacity 0.25s ease;} .construction-gate{position:fixed; inset:0; z-index:10000; display:grid; place-items:center; min-height:100dvh; padding:max(2rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left)); color:#f7f8fb; background:linear-gradient(135deg,#101923 0%,#253b50 46%,#111923 100%); isolation:isolate;} .construction-gate::before,.construction-gate::after,.construction-gate__chrome{position:absolute; inset:0; pointer-events:none; content:'';} .construction-gate::before{z-index:-3; background:radial-gradient(circle at 20% 20%,rgba(137,208,255,.26),transparent 34%),radial-gradient(circle at 82% 74%,rgba(211,170,255,.22),transparent 38%);} .construction-gate::after{z-index:-2; opacity:.24; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E"); mix-blend-mode:soft-light;} .construction-gate__chrome{z-index:-1; margin:5vh 5vw; border:1px solid rgba(255,255,255,.22); border-radius:2rem; background:linear-gradient(125deg,rgba(255,255,255,.15),rgba(255,255,255,.035) 45%,rgba(255,255,255,.1)); box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.24),0 2rem 6rem rgba(0,0,0,.32); backdrop-filter:blur(24px) saturate(135%);} .construction-gate__content{max-width:38rem; text-align:center;} .construction-gate__icon{width:clamp(4.5rem, 12vw, 7rem); height:auto; margin-bottom:1.5rem; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:3; filter:drop-shadow(0 1rem 1rem rgba(0,0,0,.2));} .construction-gate__eyebrow{margin:0 0 .75rem; color:#b8d9ef; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase;} .construction-gate h1{margin:0; font-size:clamp(2.5rem, 7vw, 5.5rem); letter-spacing:-.055em; line-height:.98;} .construction-gate__content>p:last-child{max-width:30rem; margin:1.5rem auto 0; color:#d7e1e9; font-size:clamp(1rem, 2vw, 1.2rem); line-height:1.55;} .construction-gate__continue{position:absolute; bottom:max(2rem,env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%); padding:.85rem 1.2rem; border:1px solid rgba(255,255,255,.38); border-radius:999px; color:inherit; background:rgba(255,255,255,.1); box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 .7rem 2rem rgba(0,0,0,.18); font-weight:650; text-decoration:none; white-space:nowrap; backdrop-filter:blur(14px);} .construction-gate__continue:hover{background:rgba(255,255,255,.2);} .construction-gate__continue:focus-visible{outline:3px solid #fff; outline-offset:4px;} @media (max-width:600px){.construction-gate__chrome{margin:1rem; border-radius:1.25rem;} .construction-gate__content{padding:1rem;}} @media (prefers-reduced-motion:reduce){.construction-gate__chrome{backdrop-filter:none;}} @media (forced-colors:active){.construction-gate{background:Canvas; color:CanvasText;} .construction-gate__chrome{border-color:CanvasText; background:Canvas; box-shadow:none;} .construction-gate__content>p:last-child,.construction-gate__eyebrow{color:CanvasText;}}