:root{--background:#f6f6f2;--surface:#ffffff;--surface-soft:#eeeeE7;--text:#111111;--muted:#64645d;--line:#d8d8ce;--accent:#184bd6;--accent-soft:#e9edff;--green:#0d7a4f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}a{color:inherit}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:rgba(246,246,242,.88);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-logo{font-weight:850;letter-spacing:-.04em;text-decoration:none}.nav-links{display:flex;flex-wrap:wrap;gap:.25rem}.nav-link{text-decoration:none;color:var(--muted);padding:.45rem .7rem;border-radius:999px;font-weight:700;font-size:.92rem}.nav-link:hover{color:var(--text);background:var(--surface)}.contact-container,.site-shell,.work-container{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:3.25rem 0 4.5rem}.page-stack{display:grid;grid-gap:2rem;gap:2rem}.profile-hero{min-height:calc(92vh - 88px);display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;grid-gap:clamp(2rem,6vw,5rem);gap:clamp(2rem,6vw,5rem);border-bottom:1px solid var(--line)}.case-hero h1,.contact-card h1,.hero-left h1,.work-header h1{margin:0;font-size:clamp(3.3rem,9.2vw,7.2rem);line-height:1;letter-spacing:-.045em}.contact-card p,.hero-lede,.work-header p{max-width:700px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.35rem)}.card-kicker,.eyebrow{margin:0 0 .75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:900}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.68rem 1rem;border-radius:999px;text-decoration:none;font-weight:850;border:1px solid var(--text)}.primary-button{background:var(--text);color:white}.secondary-button{background:transparent;color:var(--text)}.case-meta-card,.contact-card,.gallery-card,.identity-card,.note-card,.proof-card,.tool-group{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:1.2rem}.identity-card{display:grid;grid-gap:1.1rem;gap:1.1rem;align-self:center}.case-two-up h2,.identity-card h2,.note-card h3,.project-row h3,.proof-card h3,.proof-row h3,.section-heading h2,.split-section h2,.tool-group h3,.work-card h3{margin:0;line-height:1.05;letter-spacing:-.04em}.case-meta-card p,.gallery-card figcaption,.identity-card p,.note-card li,.note-card p,.project-row p,.proof-card p,.proof-row p,.section-heading p,.split-section p,.work-card p{color:var(--muted)}.avatar{border-radius:999px;border:1px solid var(--line);object-fit:cover}.social-links{display:flex;gap:.9rem;flex-wrap:wrap}.social-links a{display:inline-flex;font-size:1.25rem;text-decoration:none;color:var(--text)}.social-links a:hover{color:var(--accent)}.section-block{padding:3.25rem 0;border-bottom:1px solid var(--line)}.compact-heading{max-width:760px;margin-bottom:1.5rem}.section-heading h2,.split-section h2{font-size:clamp(2.1rem,5vw,4.1rem)}.proof-list{display:grid;grid-gap:.85rem;gap:.85rem}.project-row,.proof-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;grid-gap:1rem;gap:1rem;padding:1.05rem 0;border-top:1px solid var(--line);text-decoration:none}.project-row:last-child,.proof-row:last-child{border-bottom:1px solid var(--line)}.row-number{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.86rem}.open-arrow,.row-meta{color:var(--accent);font-weight:850;white-space:nowrap}.project-row:hover h3{color:var(--accent)}.split-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);grid-gap:1.5rem;gap:1.5rem;align-items:start}.note-card ul{padding-left:1.1rem;margin-bottom:0}.editorial-list{display:grid}.work-container{display:grid;grid-gap:1.4rem;gap:1.4rem}.work-header{max-width:900px}.work-toolbar{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:.8rem;background:var(--surface);border:1px solid var(--line);border-radius:20px}.search-input{flex:1 1 280px;min-height:44px;border:1px solid var(--line);border-radius:999px;padding:0 1rem;font:inherit;background:var(--background);color:var(--text)}.result-count{color:var(--muted);font-weight:800;font-size:.9rem}.categories-tabs{display:flex;gap:.55rem;flex-wrap:wrap}.category-tab{gap:.45rem;border:1px solid var(--line);background:var(--surface);padding:.55rem .75rem;font:inherit;font-weight:800;cursor:pointer}.category-tab,.category-tab small{display:inline-flex;align-items:center;color:var(--muted);border-radius:999px}.category-tab small{min-width:1.3rem;height:1.3rem;justify-content:center;background:var(--surface-soft);font-size:.72rem}.category-tab.active{background:var(--text);border-color:var(--text);color:white}.category-tab.active small{background:rgba(255,255,255,.18);color:white}.category-icon{font-size:.95rem}.work-card h3{line-height:1.15}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:.85rem;gap:.85rem}.work-card{display:block;min-height:100%;background:var(--surface);border:1px solid var(--line);border-radius:20px;color:inherit;text-decoration:none}.work-card:hover{border-color:var(--accent)}.work-card-content{padding:1rem;display:grid;grid-gap:.75rem;gap:.75rem}.work-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.work-year{color:var(--accent);font-weight:900;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.status-pill,.work-category{display:inline-flex;width:-moz-fit-content;width:fit-content;border:1px solid var(--line);border-radius:999px;padding:.25rem .55rem;color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.work-category{color:var(--accent);background:var(--accent-soft);border-color:transparent}.empty-state{padding:2rem;background:var(--surface);border:1px dashed var(--line);border-radius:20px}.empty-state h2{margin:0 0 .4rem;letter-spacing:-.04em}.empty-state p{margin:0;color:var(--muted)}.case-study-shell{display:grid;grid-gap:0;gap:0}.back-link{width:-moz-fit-content;width:fit-content;color:var(--muted);text-decoration:none;font-weight:850;margin-bottom:1.5rem}.back-link:hover{color:var(--accent)}.case-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:2rem;gap:2rem;align-items:end;padding-bottom:3.25rem;border-bottom:1px solid var(--line)}.case-meta-card{display:grid;grid-gap:.8rem;gap:.8rem}.case-meta-card span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:900}.case-meta-card strong{width:-moz-fit-content;width:fit-content;border:1px solid var(--line);border-radius:999px;padding:.25rem .6rem;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.case-two-up{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;padding:3.25rem 0;border-bottom:1px solid var(--line)}.case-two-up h2{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.18;letter-spacing:-.025em}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:.75rem;gap:.75rem}.metric-grid span{display:flex;align-items:center;min-height:92px;padding:1rem;background:var(--text);color:white;border-radius:20px;font-weight:900;letter-spacing:-.03em}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:.85rem;gap:.85rem;align-items:start}.gallery-card{margin:0;padding:.65rem;overflow:hidden}.gallery-card a{display:block;position:relative;text-decoration:none}.version-badge{position:absolute;top:.8rem;left:.8rem;z-index:2;padding:.28rem .55rem;border-radius:999px;background:rgba(17,17,17,.88);color:white;font-size:.78rem;font-weight:900;letter-spacing:.04em}.gallery-image{width:100%;height:auto;display:block;border-radius:16px;border:1px solid var(--line);background:var(--surface-soft)}.gallery-card figcaption{padding:.7rem .35rem .25rem;font-size:.92rem}.gallery-card:hover .gallery-image{border-color:var(--accent)}.compact-row{grid-template-columns:42px minmax(0,1fr);align-items:start}.compact-row p{margin:0}.tool-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:.85rem;gap:.85rem}.tool-group{display:grid;grid-gap:1rem;gap:1rem}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.65rem}.logo-grid,.logo-tile{display:grid;gap:.65rem}.logo-tile{grid-template-columns:32px minmax(0,1fr);align-items:center;grid-gap:.65rem;min-height:56px;padding:.65rem .75rem;border:1px solid var(--line);border-radius:18px;background:var(--background);color:var(--text);font-weight:850;line-height:1.1}.logo-tile svg{font-size:1.55rem}.logo-tile span{min-width:0}.logo-tile:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.contact-container{grid-template-columns:minmax(0,.9fr) minmax(280px,1fr);align-items:start}.contact-card,.contact-container{display:grid;grid-gap:1rem;gap:1rem}.contact-socials{margin-top:.5rem}.route-list{display:grid;grid-gap:.85rem;gap:.85rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.65rem}.tag-cloud span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.55rem .8rem;font-weight:850}.wide-card{display:grid;grid-gap:.8rem;gap:.8rem;max-width:720px}@media (max-width:820px){.case-hero,.case-two-up,.contact-container,.profile-hero,.split-section{grid-template-columns:1fr}.profile-hero{min-height:auto;padding-bottom:3rem}.identity-card{max-width:420px}.project-row,.proof-row{grid-template-columns:42px minmax(0,1fr)}.open-arrow,.row-meta{grid-column:2}.navbar{align-items:flex-start;flex-direction:column}}@media (max-width:520px){.contact-container,.site-shell,.work-container{width:min(100% - 1rem,1120px);padding-top:2rem}.case-hero h1,.contact-card h1,.hero-left h1,.work-header h1{font-size:clamp(3.2rem,18vw,5rem)}.nav-links{width:100%;justify-content:space-between}.nav-link{padding-inline:.45rem}.logo-grid{grid-template-columns:1fr}}