@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,500;0,600;1,500&family=Newsreader:ital,wght@0,400;0,500;1,400&family=JetBrains+Mono:wght@400;500;700&display=swap');
:root{--bg:#f4f1e9;--surface:#fbf9f4;--ink:#181817;--muted:#68645c;--accent:#b84832;--line:rgba(24,24,23,.14);--shadow:0 18px 52px rgba(24,24,23,.10);--mono:'JetBrains Mono',ui-monospace,monospace;--head:'Fraunces','Times New Roman',serif;--body:'Newsreader','Times New Roman',serif}
[data-theme="dark"]{--bg:#111210;--surface:#191a17;--ink:#f2eee4;--muted:#aaa59a;--accent:#e17259;--line:rgba(242,238,228,.15);--shadow:0 18px 52px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--body);background-image:radial-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px);background-size:18px 18px;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip{position:fixed;left:16px;top:-80px;z-index:2000;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:8px;font-family:var(--mono)}.skip:focus{top:16px}.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent);z-index:1100}.glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .25s}.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;position:relative;z-index:1}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:20px}.eyebrow .num{color:var(--accent)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .55s,transform .55s}.reveal-stagger.in>*{opacity:1;transform:none}.reveal-stagger.in>*:nth-child(2){transition-delay:.06s}.reveal-stagger.in>*:nth-child(3){transition-delay:.12s}.reveal-stagger.in>*:nth-child(4){transition-delay:.18s}.reveal-stagger.in>*:nth-child(5){transition-delay:.24s}.reveal-stagger.in>*:nth-child(6){transition-delay:.30s}
.nav-shell{position:sticky;top:0;z-index:1000;transition:.3s}.nav-shell.scrolled{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--head);font-size:23px;font-weight:600;letter-spacing:.04em}.brand-mark{width:14px;height:14px;border:2px solid var(--accent);transform:rotate(45deg);position:relative}.brand-mark:after{content:"";position:absolute;inset:3px;background:var(--accent)}.brand small{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:22px;font-family:var(--mono);font-size:11px}.nav-links a:not(.btn){position:relative}.nav-links a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--accent);transition:right .2s}.nav-links a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:10px}.theme-btn,.menu-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--mono)}.menu-btn{display:none}.btn{font-family:var(--mono);font-size:12px;padding:11px 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(24,24,23,.16);gap:12px}.btn-dark{background:var(--ink);color:var(--bg)}.btn-ghost{background:transparent;color:var(--ink)}
section{padding:104px 0;border-top:1px solid var(--line)}.hero{border-top:0;position:relative;overflow:hidden;padding:100px 0 112px}#iconField{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:end}.hero h1{font-family:var(--head);font-size:clamp(48px,6.6vw,88px);line-height:.98;letter-spacing:-.025em;margin:0 0 30px;max-width:800px}.hero h1 em{color:var(--accent);font-weight:500}.hero-copy{font-size:20px;line-height:1.56;max-width:650px;margin:0 0 34px}.ctas{display:flex;gap:12px;flex-wrap:wrap}.annotation{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:28px}.trace{background:var(--ink);color:var(--bg);padding:24px;border-radius:16px;box-shadow:var(--shadow);min-height:360px}[data-theme="dark"] .trace{background:#f2eee4;color:#141512}.trace-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.trace h2{font-family:var(--head);font-size:24px;margin:0 0 4px}.trace p{font-size:14px;color:color-mix(in srgb,currentColor 66%,transparent);margin:0}.trace-live{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.trace-live:before{content:"";display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 18%,transparent)}.trace-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:28px}.trace-tab{border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:transparent;color:inherit;border-radius:999px;padding:7px 10px;font-family:var(--mono);font-size:9px;cursor:pointer}.trace-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.trace-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:32px 0}.trace-step{border:1px solid color-mix(in srgb,currentColor 23%,transparent);padding:10px 12px;border-radius:8px;font-family:var(--mono);font-size:10px;animation:stepIn .35s both}.trace-arrow{color:var(--accent);font-family:var(--mono)}.trace-desc{font-size:16px!important;line-height:1.45;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);padding-top:18px}.trace-note{font-family:var(--mono);font-size:8px!important;margin-top:18px!important}@keyframes stepIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.split{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}.section-title{font-family:var(--head);font-size:clamp(34px,4.8vw,58px);line-height:1.04;letter-spacing:-.015em;margin:0 0 24px;max-width:820px}.section-title em{color:var(--accent);font-weight:500}.lead{font-size:19px;line-height:1.6;max-width:760px;color:var(--muted);margin:0 0 50px}.belief-copy{font-size:27px;line-height:1.4;margin:0}.pull{font-family:var(--head);font-style:italic;color:var(--accent);font-size:34px;line-height:1.2;margin-top:34px}
.grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:var(--bg);padding:31px;position:relative;transition:.25s;min-height:245px}.card:hover{background:var(--surface);transform:translateY(-4px);box-shadow:var(--shadow);z-index:2}.card .idx{font-family:var(--mono);font-size:11px;color:var(--accent);margin-bottom:34px}.card .tag{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.card h3{font-family:var(--head);font-size:25px;line-height:1.14;margin:0 0 12px}.card p{font-size:15.5px;line-height:1.55;color:var(--muted);margin:0}.card-link{position:absolute;left:31px;bottom:25px;font-family:var(--mono);font-size:10px;color:var(--accent)}.work-card{min-height:335px;padding-bottom:64px}.work-card.featured{background:var(--ink);color:var(--bg);grid-column:span 2}.work-card.featured p,.work-card.featured .tag{color:color-mix(in srgb,var(--bg) 68%,transparent)}[data-theme="dark"] .work-card.featured{background:#f2eee4;color:#141512}[data-theme="dark"] .work-card.featured p,[data-theme="dark"] .work-card.featured .tag{color:#69645b}
.industry-list{border-top:1px solid var(--line)}.industry{display:grid;grid-template-columns:40px 1fr 1.1fr;gap:22px;padding:26px 0;border-bottom:1px solid var(--line);align-items:start;transition:padding-left .2s}.industry:hover{padding-left:10px}.industry .n{font-family:var(--mono);font-size:11px;color:var(--accent)}.industry h3{font-family:var(--head);font-size:24px;margin:0}.industry p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step{border:1px solid var(--line);border-radius:12px;padding:22px;background:color-mix(in srgb,var(--surface) 55%,transparent);min-height:280px;transition:.25s}.step:hover{transform:translateY(-5px);border-color:var(--accent)}.step .num{font-family:var(--mono);font-size:11px;color:var(--accent)}.step h3{font-family:var(--head);font-size:23px;margin:44px 0 12px}.step p{font-size:14.5px;line-height:1.5;color:var(--muted);margin:0}.step .output{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-top:1px solid var(--line);margin-top:18px;padding-top:14px}
.stack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.stack-row{background:var(--bg);padding:24px 26px;display:grid;grid-template-columns:155px 1fr;gap:18px}.stack-row strong{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.stack-row span{font-size:15px;line-height:1.5;color:var(--muted)}
.product{background:var(--ink);color:var(--bg);overflow:hidden;position:relative}[data-theme="dark"] .product{background:#e9e4d8;color:#151613}.product:after{content:"";position:absolute;width:460px;height:460px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:50%;right:-170px;top:-190px;box-shadow:0 0 0 70px color-mix(in srgb,var(--accent) 6%,transparent),0 0 0 140px color-mix(in srgb,var(--accent) 4%,transparent)}.product-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;position:relative;z-index:1}.product .lead{color:color-mix(in srgb,currentColor 68%,transparent)}.product-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:36px}.product-label{border:1px solid color-mix(in srgb,currentColor 20%,transparent);padding:22px;border-radius:10px;font-family:var(--mono);font-size:11px;text-align:center}.decision{border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:14px;padding:26px;background:color-mix(in srgb,currentColor 5%,transparent)}.decision-head{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:26px}.decision-row{display:grid;grid-template-columns:82px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);font-size:14px}.decision-row span:first-child{font-family:var(--mono);font-size:9px;color:color-mix(in srgb,currentColor 55%,transparent);text-transform:uppercase}.decision-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--mono);font-size:9px}.fine{font-family:var(--mono);font-size:9px;line-height:1.55;color:var(--muted);margin-top:24px}.product .fine{color:color-mix(in srgb,currentColor 55%,transparent)}
.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.principle{border-top:2px solid var(--ink);padding-top:18px}.principle .n{font-family:var(--mono);font-size:10px;color:var(--accent)}.principle h3{font-family:var(--head);font-size:23px;margin:26px 0 10px}.principle p{font-size:15px;line-height:1.5;color:var(--muted);margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px}.about-copy{font-size:21px;line-height:1.6;margin:0;color:var(--muted)}.profile{border:1px solid var(--line);border-radius:14px;padding:30px;background:var(--surface)}.profile .role{font-family:var(--mono);font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.profile h3{font-family:var(--head);font-size:32px;margin:10px 0 4px}.profile p{font-size:15px;line-height:1.55;color:var(--muted)}.profile a{font-family:var(--mono);font-size:10px;color:var(--accent);display:inline-block;margin-top:8px}
.contact{text-align:center}.contact .section-title,.contact .lead{margin-left:auto;margin-right:auto}.contact-panel{max-width:760px;margin:0 auto;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:34px;text-align:left}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-family:var(--mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:13px;outline:none}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.form-note{font-family:var(--mono);font-size:9px;color:var(--muted);line-height:1.5;margin:16px 0}.form-status{font-family:var(--mono);font-size:10px;color:var(--accent);min-height:18px;margin-top:12px}
footer{border-top:1px solid var(--line);padding:58px 0 34px}.footer-top{display:grid;grid-template-columns:1.5fr .5fr .5fr;gap:60px;margin-bottom:60px}.footer-line{font-family:var(--head);font-size:34px;margin:0 0 10px}.footer-copy{color:var(--muted);font-size:16px}.footer-col h4{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 16px}.footer-col a{display:block;font-family:var(--mono);font-size:10px;margin:10px 0;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid var(--line);font-family:var(--mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1000px){.nav-links{display:none}.menu-btn{display:block}.nav-links.open{display:flex;position:absolute;top:76px;left:24px;right:24px;flex-direction:column;align-items:flex-start;background:var(--surface);padding:22px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.hero-grid,.product-grid,.about-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:34px}.steps{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.wrap{width:min(100% - 30px,1180px)}section{padding:76px 0}.hero{padding:72px 0 82px}.brand small{display:none}.nav-actions>.btn{display:none}.grid-2,.grid-3,.stack-grid,.steps,.principles,.footer-top{grid-template-columns:1fr}.work-card.featured{grid-column:auto}.industry{grid-template-columns:30px 1fr}.industry p{grid-column:2}.stack-row{grid-template-columns:1fr;gap:8px}.product-labels{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-bottom{flex-direction:column}.trace-flow{gap:6px}.trace-step{padding:8px}.hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-stagger>*{opacity:1;transform:none;transition:none}.glow,#iconField{display:none}}

.nav-links a[aria-current="page"]{color:var(--accent)}.nav-links a[aria-current="page"]:after{right:0}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}