/* HS / Clarity — shared tokens and components. See design-system.html. */
:root {
  color-scheme:light; --paper:#fff; --surface:#f2f5f9; --surface-strong:#e6edf5;
  --ink:#142b46; --muted:#52647a; --line:#ccd6e2; --accent:#244fc9; --accent-soft:#eaf0ff;
  --positive:#176345; --positive-soft:#e7f5ec; --negative:#a12724; --negative-soft:#fff0ef;
  --on-accent:#fff; --navy:#142b46; --navy-text:#edf3fa; --signal:#f1a66c;
  --font-body:Inter,Arial,sans-serif; --font-display:'Space Grotesk',Arial,sans-serif;
  --text-xs:.8125rem; --text-sm:.875rem; --text-base:1rem; --text-lg:1.125rem;
  --text-xl:1.375rem; --text-2xl:1.75rem; --text-3xl:2.5rem;
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-6:1.5rem; --space-8:2rem; --space-12:3rem; --space-16:4rem; --space-24:6rem;
  --radius:.375rem; --content:74rem; --reading:43rem; --section:clamp(3.5rem,7vw,6rem);
  --motion:160ms; --focus:#244fc9;
}
:root[data-theme=dark] { color-scheme:dark; --paper:#101c2b; --surface:#17283b; --surface-strong:#21374e; --ink:#edf3fa; --muted:#b2c1d3; --line:#405269; --accent:#a5bfff; --accent-soft:#26395a; --on-accent:#102548; --positive:#a0e3bc; --positive-soft:#163d31; --negative:#ffc2be; --negative-soft:#532927; --focus:#a5bfff; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth;scroll-padding-top:6rem; }
body { margin:0;background:var(--paper);color:var(--ink);font:400 var(--text-base)/1.7 var(--font-body); }
h1,h2,h3,h4,p,figure,dl,dd { margin:0; }h1,h2,h3,h4 { font-family:var(--font-display);font-weight:500;line-height:1.2;text-wrap:balance; }
h1 { font-size:clamp(2.75rem,5.3vw,4.5rem);letter-spacing:-.055em; }h2 { font-size:clamp(2rem,3.3vw,2.75rem);letter-spacing:-.045em; }h3 { font-size:var(--text-xl);letter-spacing:-.025em; }
a { color:inherit;text-decoration-thickness:1px;text-underline-offset:4px; }a:hover { color:var(--accent); }img { display:block;max-width:100%; }button,input,textarea,select { font:inherit; }button { cursor:pointer; }
button:disabled { cursor:wait;opacity:.65; }button,a,input,textarea,select { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--focus);outline-offset:4px; }::selection { background:var(--accent);color:var(--on-accent); }
[hidden],.hidden { display:none!important; }.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.container { width:min(calc(100% - 4rem),var(--content));margin-inline:auto; }.section { padding-block:var(--section); }.surface { background:var(--surface); }.border-top { border-top:1px solid var(--line); }
.stack>*+* { margin-top:var(--space-6); }.eyebrow { display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.5;color:var(--muted); }
.eyebrow .index { color:var(--accent);margin-right:1rem; }.muted { color:var(--muted); }.lead { font-size:var(--text-lg);line-height:1.7;color:var(--muted);max-width:39rem; }.text-link { display:inline-flex;align-items:center;gap:.75rem;min-height:44px;font-weight:500;font-size:var(--text-sm); }
.button { min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.7rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;font-size:var(--text-sm);font-weight:600;background:var(--paper);color:var(--ink);transition:background var(--motion),border-color var(--motion); }
.button:hover { border-color:var(--accent);background:var(--accent-soft);color:var(--accent); }.button.primary { background:var(--accent);color:var(--on-accent);border-color:var(--accent); }.button.primary:hover { filter:brightness(.94); }.button.quiet { background:transparent;border-color:transparent;padding-inline:0; }
.actions { display:flex;gap:1rem;flex-wrap:wrap;align-items:center; }.pill { display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-xs);line-height:1.5;padding:.3rem .65rem;border:1px solid var(--line);border-radius:3px;white-space:normal; }.pill.live { color:var(--positive);background:var(--positive-soft);border-color:transparent; }.pill.live::before { content:'';width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor; }
.skip-link { position:fixed;top:-6rem;left:1rem;z-index:100;padding:1rem;background:var(--paper); }.skip-link:focus { top:1rem; }
.site-header { position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line); }.header-inner { min-height:84px;display:flex;align-items:center;gap:2rem; }.brand { display:flex;align-items:center;gap:.8rem;text-decoration:none;flex-shrink:0; }.brand-mark { display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--ink);font:500 1rem var(--font-display);letter-spacing:-.07em; }.brand-name { font-size:var(--text-sm);font-weight:600; }.brand-name small { display:block;font-size:.75rem;font-weight:400;color:var(--muted); }
.main-nav { margin-left:auto;display:flex;align-items:center;gap:1.6rem; }.main-nav a { position:relative;display:flex;align-items:center;min-height:48px;text-decoration:none;font-size:var(--text-sm);color:var(--muted); }.main-nav a[aria-current=page] { color:var(--ink);font-weight:600; }.main-nav a[aria-current=page]::after { content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent); }.header-tools { display:flex;gap:.5rem;align-items:center; }
.icon-button { width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:1.15rem; }.icon-button svg { width:18px;height:18px; }.menu-toggle { display:none; }.menu-label { font-size:var(--text-sm); }
.hero { padding-block:clamp(3rem,6.5vw,5.5rem) 3rem; }.hero-layout { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(16rem,.7fr);gap:5rem;align-items:start; }.identity { display:flex;align-items:center;gap:.9rem;margin-bottom:2rem; }.identity img { flex-shrink:0;width:56px;height:56px;object-fit:cover;object-position:50% 20%;border-radius:50%; }.identity strong { display:block;font-size:var(--text-sm);font-weight:600; }.identity span { font-size:var(--text-xs);color:var(--muted); }
.hero h1 { max-width:12ch; }.hero h1 span { color:var(--accent); }.hero .lead { margin-top:1.5rem;max-width:37rem; }.hero .actions { margin-top:2rem; }.hero-note { margin-top:1rem;font-size:var(--text-xs);color:var(--muted); }
.profile-brief { border-top:3px solid var(--ink);margin-top:1.5rem; }.brief-title { padding:1.25rem 0;font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase; }.brief-row { padding:1rem 0;border-top:1px solid var(--line); }.brief-row dt { font-size:var(--text-xs);color:var(--muted);margin-bottom:.25rem; }.brief-row dd { font-size:var(--text-sm);font-weight:500; }.brief-row .pill { margin-top:.5rem;margin-right:.25rem; }
.discipline-strip { display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;border-block:1px solid var(--line);padding:1.25rem 0;font-size:var(--text-sm);color:var(--muted); }.discipline-strip strong { color:var(--ink);font-weight:500; }
.section-heading { display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem; }.section-heading h2 { margin-top:.6rem; }.section-heading p { max-width:29rem; }
.featured-project { display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden; }.project-cover { background:var(--navy);color:var(--navy-text);padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:340px; }.project-cover .eyebrow { color:#b6c9df; }.project-wordmark { font:500 clamp(2.75rem,5vw,4rem)/1.1 var(--font-display);letter-spacing:-.055em; }.project-wordmark::after { content:'.';color:var(--signal); }.project-cover p { color:#c3d0e0;font-size:var(--text-sm);max-width:26rem; }.project-cover-bottom { border-top:1px solid #4d627c;padding-top:1rem;display:flex;gap:1rem;justify-content:space-between;font-size:var(--text-xs); }
.featured-body { padding:2.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem; }.featured-body h3 { font-size:1.875rem; }.featured-body p { color:var(--muted); }.featured-body .actions { margin-top:auto; }.project-tags { display:flex;gap:.5rem;flex-wrap:wrap; }
.work-list { margin-top:1.5rem;border-top:1px solid var(--line); }.work-row { display:grid;grid-template-columns:3rem 1.2fr 1fr auto;gap:1.5rem;align-items:center;padding:1.75rem 0;border-bottom:1px solid var(--line);text-decoration:none; }.work-row:hover h3 { color:var(--accent); }.work-row .number { color:var(--muted);font-size:var(--text-xs); }.work-row .category { display:block;color:var(--muted);font-size:var(--text-xs);margin-top:.4rem; }.work-row p { font-size:var(--text-sm);color:var(--muted); }.row-arrow { display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%; }
.strength-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem; }.strength { border-top:1px solid var(--line);padding-top:1.5rem; }.strength .eyebrow { color:var(--accent);margin-bottom:1.5rem; }.strength h3 { margin-bottom:.9rem; }.strength p { color:var(--muted);font-size:var(--text-base); }
.cta { display:flex;justify-content:space-between;gap:2rem;align-items:center;padding-block:3rem; }.cta p { margin-top:.7rem;color:var(--muted); }.cta h2 { font-size:2rem; }
.site-footer { border-top:1px solid var(--line);padding:2rem 0;background:var(--surface); }.footer-main { display:flex;align-items:center;justify-content:space-between;gap:2rem; }.footer-main strong { font-size:var(--text-sm); }.footer-main p { font-size:var(--text-xs);color:var(--muted); }.footer-links { display:flex;flex-wrap:wrap;gap:1rem;align-items:center; }.footer-links a { font-size:var(--text-xs);min-height:44px;display:inline-flex;align-items:center; }.footer-bottom { display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--line);padding-top:1rem;margin-top:1.5rem;font-size:var(--text-xs);color:var(--muted); }
.page-intro { padding-block:3rem 3.5rem; }.breadcrumbs { display:flex;gap:.6rem;font-size:var(--text-xs);color:var(--muted);margin-bottom:2rem;flex-wrap:wrap; }.page-intro h1 { max-width:19ch;margin-top:1rem; }.page-intro .lead { margin-top:1.5rem; }.page-intro .actions { margin-top:1.5rem; }.split { display:grid;grid-template-columns:1fr 1fr;gap:4rem; }.reading { max-width:var(--reading); }.reading p+p { margin-top:1.25rem; }.reading h2 { margin:3rem 0 1rem;font-size:2rem; }.reading h3 { margin:2rem 0 1rem; }.reading ul { padding-left:1.3rem; }.reading li { margin-bottom:.65rem; }.reading a { color:var(--accent); }
.about-identity { display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border:1px solid var(--line);background:var(--surface); }.about-identity img { flex-shrink:0;width:112px;height:112px;object-fit:cover;object-position:center 20%;border-radius:var(--radius); }.about-identity strong { display:block; }.about-identity p { font-size:var(--text-sm);color:var(--muted); }.facts { margin-top:1.5rem; }.facts>div { border-top:1px solid var(--line);padding:1rem 0; }.facts dt { font-size:var(--text-xs);color:var(--muted); }.facts dd { font-size:var(--text-sm);margin-top:.25rem; }.tool-list { display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem; }
.timeline { margin-top:1.5rem; }.timeline-item { display:grid;grid-template-columns:12rem 1fr;gap:2.5rem;padding:2rem 0;border-top:1px solid var(--line); }.timeline-period { font-size:var(--text-sm);color:var(--muted); }.timeline-item h3 { margin-bottom:.4rem; }.timeline-item .org { font-size:var(--text-sm);color:var(--accent);margin-bottom:.8rem; }.timeline-item p { max-width:45rem;color:var(--muted); }.case-layout { display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:5rem;align-items:start; }.case-aside { position:sticky;top:7rem;background:var(--surface);padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius); }.case-aside .facts { margin-top:0; }.case-aside .facts>div:first-child { border:0;padding-top:0; }.case-aside .button { width:100%;margin-top:1rem; }.case-heading { border-bottom:1px solid var(--line);padding-bottom:2rem;margin-bottom:2rem; }
.filters { display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem; }.filter { min-height:44px;padding:.5rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--muted);font-size:var(--text-sm); }.filter[aria-pressed=true] { background:var(--ink);color:var(--paper);border-color:var(--ink); }
.article-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem; }.article-card { display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.75rem;border:1px solid var(--line);border-radius:var(--radius); }.article-card h2 { font-size:1.5rem;letter-spacing:-.035em; }.article-card p { color:var(--muted);font-size:var(--text-sm); }.article-card .text-link { margin-top:auto; }.article-meta { display:flex;gap:1rem;flex-wrap:wrap;font-size:var(--text-xs);color:var(--muted); }.article-body { max-width:var(--reading);margin:auto;font-size:var(--text-lg); }.article-body p { margin-bottom:1.5rem; }.article-body .article-meta { padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--line); }
.contact-grid { display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem; }.contact-links { margin-top:2rem; }.contact-links a { display:block;padding:1rem 0;border-top:1px solid var(--line);text-decoration:none; }.contact-links a span { display:block;color:var(--muted);font-size:var(--text-xs); }.form-panel { background:var(--surface);padding:2rem;border:1px solid var(--line);border-radius:var(--radius); }.form-group { margin-bottom:1.25rem; }.form-group label { display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:.5rem; }.form-group input,.form-group textarea,.form-group select { display:block;width:100%;min-height:48px;background:var(--paper);color:var(--ink);border:1px solid var(--muted);border-radius:var(--radius);padding:.75rem;font-size:1rem; }.form-group textarea { resize:vertical; }.form-hint { font-size:var(--text-xs);color:var(--muted);margin-top:.5rem; }.form-feedback { margin:1rem 0;padding:1rem;border:1px solid var(--line);background:var(--paper); }.form-feedback[data-state=error] { color:var(--negative);background:var(--negative-soft); }.form-feedback[data-state=success] { color:var(--positive);background:var(--positive-soft); }
dialog { width:min(32rem,calc(100% - 2rem));padding:2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink); }dialog::backdrop { background:#101c2ba8; }.dialog-heading { display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem; }
.token-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0; }.token { border:1px solid var(--line);border-radius:var(--radius);overflow:hidden; }.swatch { height:72px; }.token p { padding:.75rem;font-size:var(--text-sm); }.token code { display:block;font-size:var(--text-xs); }.demo-grid { display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem; }.demo { border:1px solid var(--line);padding:1.5rem;border-radius:var(--radius); }.demo>h3 { margin-bottom:1.5rem; }.system-table { width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:var(--text-sm); }.system-table th,.system-table td { padding:.8rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top; }.system-table th { color:var(--muted); }.table-wrap { overflow-x:auto; }
@media(max-width:1000px) { .header-inner { gap:1rem; }.main-nav { gap:1rem; }.header-resume { display:none; }.hero-layout { gap:3rem; }.case-layout { gap:2.5rem; }.work-row { grid-template-columns:2rem 1fr 1fr auto;gap:1rem; } }
@media(max-width:760px) { .container { width:calc(100% - 2.5rem); }.header-inner { min-height:72px; }.header-tools { margin-left:auto; }.brand-name small { display:none; }.menu-toggle { display:grid; }.main-nav { position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem 1.25rem;flex-direction:column;align-items:stretch;gap:0; }.main-nav a { padding:.5rem; }.js .main-nav:not(.is-open) { display:none; }html:not(.js) .site-header { position:static; }html:not(.js) .header-inner { flex-wrap:wrap; }html:not(.js) .main-nav { position:static;flex-basis:100%;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;padding:0; }html:not(.js) .menu-toggle { display:none; }.hero-layout { grid-template-columns:1fr;gap:2.5rem; }.hero { padding-top:2.5rem; }.hero h1 { font-size:clamp(2.6rem,10.8vw,4rem); }.profile-brief { margin-top:0; }.brief-grid { display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem; }.discipline-strip { font-size:var(--text-xs); }.section-heading { display:block; }.section-heading>.text-link { margin-top:1rem; }.featured-project { grid-template-columns:1fr; }.project-cover { min-height:250px;padding:1.5rem; }.featured-body { padding:1.5rem; }.strength-grid { grid-template-columns:1fr;gap:2rem; }.work-row { grid-template-columns:1.5rem 1fr auto; }.work-row p { grid-column:2;grid-row:2; }.work-row .row-arrow { grid-column:3;grid-row:1 / span 2; }.work-row h3 { font-size:1.2rem; }.cta,.footer-main,.footer-bottom { align-items:flex-start;flex-direction:column; }.split,.contact-grid,.case-layout { grid-template-columns:1fr;gap:2.5rem; }.case-aside { position:static; }.timeline-item { grid-template-columns:1fr;gap:.75rem; }.article-grid { grid-template-columns:1fr; }.page-intro { padding-block:2rem 2.5rem; }.page-intro h1 { font-size:clamp(2.25rem,9vw,3.5rem); }.form-panel { padding:1.5rem; }.token-grid { grid-template-columns:repeat(2,1fr); }.demo-grid { grid-template-columns:1fr; }.footer-links { gap:.8rem; }.about-identity { align-items:flex-start; }.about-identity img { width:88px;height:88px; }.article-body { font-size:1.0625rem; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { animation:none!important;transition:none!important; } }

/* The connective thread — signature identity and editorial page patterns. */
:root {
 --paper:#f7f4f9;--surface:#eee8f2;--surface-strong:#e4daeb;--ink:#25152f;--muted:#63556d;--line:#cfc3d6;
 --accent:#56326b;--accent-soft:#e9def0;--on-accent:#fff;--navy:#25152f;--navy-text:#f7f4f9;--signal:#ddfa73;
 --font-display:'Instrument Serif',Georgia,serif;--radius:2px;--focus:#56326b;--text-xs:.875rem;
}
:root[data-theme=dark] {
 --paper:#25152f;--surface:#30203b;--surface-strong:#3e2b49;--ink:#f7f4f9;--muted:#c7b9d0;--line:#66516f;
 --accent:#ddfa73;--accent-soft:#3b4329;--on-accent:#25152f;--focus:#ddfa73;
 --positive:#c8eca8;--positive-soft:#31432d;--negative:#ffbbb6;--negative-soft:#512b37;
}
h1,h2,h3,h4{font-weight:400;letter-spacing:-.025em}h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1.05}h2{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.1}h3{font-size:1.75rem}h1 em,h2 em{font-weight:400;color:var(--accent)}
.eyebrow,.hero-overline,.audience-bar>a>span,.thread-art figcaption{font-family:var(--font-body);font-size:.875rem;letter-spacing:.1em;font-weight:400}
.site-header{background:var(--paper)}.brand-mark{width:48px;height:48px;border:0;border-radius:0;object-fit:contain;background:#25152f}.brand-name{font-weight:500}.brand-name small{font-size:.75rem}.header-inner{min-height:88px}.main-nav a{font-size:.875rem}.button{font-weight:500}.button.primary{border-radius:0}.icon-button{border-radius:50%}
.thread-hero{background:#25152f;color:#f7f4f9;padding:2rem 0 0}.hero-overline{display:flex;justify-content:space-between;gap:2rem;color:#c7b9d0;border-bottom:1px solid #66516f;padding-bottom:1.25rem;font-size:.75rem}.thread-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:1.5rem;align-items:center;padding:3rem 0 1rem}.thread-copy{position:relative;z-index:1}.thread-copy h1{font-size:clamp(4rem,7.6vw,7rem);line-height:.99;letter-spacing:-.035em}.thread-copy h1 em{color:#ddfa73}.thread-copy .lead{color:#c7b9d0;margin-top:1.75rem;max-width:29rem;font-size:1.0625rem}.thread-copy .actions{margin-top:2rem}.thread-copy .button{background:transparent;color:#f7f4f9;border-color:#897292}.thread-copy .button.primary{background:#ddfa73;color:#25152f;border-color:#ddfa73}.thread-copy .button:hover{background:#493452}.thread-copy .button.primary:hover{background:#e8ff9e}.thread-art{min-width:0}.thread-art img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.thread-art figcaption{display:flex;justify-content:space-around;color:#c7b9d0;font-size:.75rem;margin:1.2rem 0}.hero-foot{border-top:1px solid #66516f;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.5rem 0}.hero-foot .identity{margin:0}.hero-foot .identity img{width:48px;height:48px}.hero-foot .identity span{color:#c7b9d0;font-size:.8125rem}.hero-foot .text-link:hover{color:#ddfa73}.hero-foot .identity strong{font-size:.875rem}
.audience-bar{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.audience-bar>a{padding:2rem 0;text-decoration:none;display:flex;flex-direction:column;gap:.6rem}.audience-bar>a+a{border-left:1px solid var(--line);padding-left:3rem}.audience-bar>a>span{font-size:.75rem;color:var(--muted)}.audience-bar strong{font-size:1rem;font-weight:500}.audience-bar strong span{padding-left:1rem}.audience-bar>a:hover strong{text-decoration:underline;text-underline-offset:.3em}
.featured-project{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:var(--surface)}.project-cover{background:#ddfa73;color:#25152f;min-height:390px;padding:2.5rem}.project-cover .eyebrow,.project-cover p{color:#45334c}.project-wordmark{font-family:var(--font-body);font-weight:500;font-size:clamp(3rem,5vw,4.8rem)}.project-wordmark::after{color:#56326b}.project-cover-bottom{border-color:#778547;font-size:.75rem}.featured-body h3{font-size:2.5rem;line-height:1.1}.featured-body{padding:2.5rem}.work-row h3{font-size:2rem}.row-arrow{border-radius:0}.work-row:hover{background:var(--surface)}
.method-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.method-layout h2{margin:1rem 0 1.5rem}.method-layout .lead{font-size:1rem}.method-layout .text-link{margin-top:1.5rem}.method-list details{border-top:1px solid var(--line);padding:1.5rem 0}.method-list details:last-child{border-bottom:1px solid var(--line)}.method-list summary{cursor:pointer;display:list-item;list-style-position:inside;font-family:var(--font-display);font-size:1.8rem;min-height:44px}.method-list summary span{font-family:var(--font-body);color:var(--accent);font-size:.75rem;margin-right:1rem}.method-list p{padding:1rem 0 0;color:var(--muted);font-size:1rem;max-width:33rem}
.linkedin-section{border-bottom:1px solid var(--line)}.linkedin-profile{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:2rem;border-block:1px solid var(--line);padding:2rem 0}.linkedin-profile .identity{margin:0}.linkedin-profile p{font-size:.9375rem;color:var(--muted)}.linkedin-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.linkedin-post{border:1px solid var(--line);padding:1.5rem;min-width:0}.linkedin-post p{margin:1rem 0;color:var(--muted)}.linkedin-post .button{margin-right:1rem}.linkedin-post iframe{width:100%;height:620px;border:0;background:#fff;margin-top:1rem}
.cta{padding-block:4rem}.cta h2{font-size:clamp(2.5rem,4vw,3.5rem)}.site-footer{padding:3rem 0}.page-intro{position:relative;padding-block:2.5rem 4rem}.page-intro::after{content:'';position:absolute;bottom:0;left:0;width:4rem;height:3px;background:var(--accent)}.page-intro h1{max-width:22ch}.case-layout .reading h2{font-size:2.5rem}.case-aside{border-top:3px solid var(--accent)}.timeline-item{border-left:1px solid var(--line);padding-left:1.5rem}.timeline-item h3{font-size:2rem}.article-card h2{font-size:2rem;line-height:1.15}.article-card{border-top:3px solid var(--accent)}.strength h3{font-size:2rem}.reading h2{font-size:2.5rem}.form-panel{border-top:3px solid var(--accent)}
@media(max-width:1000px){.thread-copy h1{font-size:clamp(3.5rem,7.6vw,6rem)}.thread-layout{gap:0}.linkedin-profile{grid-template-columns:1fr 1fr}.linkedin-profile>.button{grid-column:1 / -1;justify-self:start}.method-layout{gap:2.5rem}}
@media(max-width:760px){.header-inner{min-height:76px}.brand-mark{width:40px;height:40px}.hero-overline{font-size:.7rem;flex-direction:column;gap:.5rem}.thread-layout{grid-template-columns:1fr;padding-top:2rem;gap:1rem}.thread-copy h1{font-size:clamp(3.8rem,14vw,6rem)}.thread-copy .lead{font-size:1rem;max-width:32rem}.thread-art{max-width:28rem;margin:0 auto;width:100%}.thread-art img{aspect-ratio:1.12;object-fit:cover}.thread-art figcaption{margin:.75rem 0 1rem}.hero-foot{flex-direction:column;align-items:flex-start;padding:1.25rem 0}.audience-bar{grid-template-columns:1fr}.audience-bar>a{padding:1.5rem 0}.audience-bar>a+a{padding-left:0;border-left:0;border-top:1px solid var(--line)}.method-layout{grid-template-columns:1fr;gap:2rem}.linkedin-profile{grid-template-columns:1fr;gap:1.25rem}.linkedin-posts{grid-template-columns:1fr}.project-cover{min-height:310px;padding:1.5rem}.featured-body{padding:1.5rem}.featured-body h3{font-size:2.25rem}.work-row h3{font-size:1.65rem}.page-intro h1{font-size:clamp(2.75rem,11vw,4rem)}.section-heading h2{font-size:2.75rem}.method-list summary{font-size:1.6rem}.hero-foot .identity strong{font-size:.8125rem}.hero-foot .identity span{font-size:.75rem}}
.social-links{display:flex;gap:.4rem;align-items:center;margin-top:1rem}.social-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--muted);text-decoration:none;border-radius:50%;transition:color var(--motion),background var(--motion)}.social-link svg{width:19px;height:19px;fill:currentColor}.social-link:hover{color:var(--accent);background:var(--accent-soft)}.social-link:focus-visible{outline-offset:2px}

/* Keep persistent social access outside the reading column on wide screens. */
.social-rail{display:none}
@media(min-width:1440px){.social-rail{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--line);border-radius:32px;background:var(--paper)}.social-rail .social-link{color:var(--ink)}.social-rail .social-link:hover{color:var(--accent)}}
.faq-list{max-width:56rem}
.faq-list details{border-top:1px solid var(--line);padding:1.25rem 0}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;font-weight:600;font-size:1.05rem;min-height:44px;list-style-position:inside}
.faq-list summary::marker{color:var(--accent)}
.faq-list p{padding:.75rem 0 0;color:var(--muted);max-width:44rem}
.faq-list p a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.article-hero{max-width:42rem;margin:0 auto 2.5rem}
.article-hero img{display:block;width:100%;height:auto;border-radius:14px}

/* Resource guides and product case studies reuse the portfolio palette and spacing. */
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.resource-card{padding:2rem;border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-width:0}.resource-card h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12}.resource-card h3{font-size:1.6rem}.resource-card p{color:var(--muted)}.resource-card .text-link{margin-top:auto}.resource-format{font-size:.75rem;letter-spacing:.08em;color:var(--muted)}.resource-note{margin-top:1.5rem;max-width:72ch}.resource-download{padding-bottom:2rem}.resource-example{padding:2rem;background:var(--surface);border-left:3px solid var(--accent);align-self:start}.resource-example p{margin-top:1rem}.resource-preview figure{margin:0}.resource-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);background:#fff}.resource-preview figcaption,.case-product-shot figcaption{font-size:.875rem;color:var(--muted);margin-top:1rem;max-width:85ch}.resource-steps{padding-left:1.5rem}.resource-steps li{padding-left:.5rem;margin-bottom:1.3rem}.case-snapshot{padding-bottom:3rem}.case-snapshot dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:1.5rem 0;border-block:1px solid var(--line);margin-bottom:1.5rem}.case-snapshot dt{font-size:.8125rem;color:var(--muted);margin-bottom:.5rem}.case-snapshot dd{margin:0}.case-product-shot{margin-block:0}.case-product-shot img{display:block;width:100%;height:auto;border:1px solid var(--line)}.case-journey{counter-reset:journey;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;padding:0;margin-top:2rem}.case-journey li{counter-increment:journey;border-top:1px solid var(--line);padding-top:1.5rem}.case-journey li:before{content:'0' counter(journey);display:block;color:var(--accent);font-size:.8rem;margin-bottom:1rem}.case-journey h3{font-size:1.6rem}.case-journey p{margin-top:.75rem;color:var(--muted)}.article-resources{border-block:1px solid var(--line);padding-block:2rem;margin-block:2rem}.article-resources h2{font-size:2rem}.article-resources li p{font-size:.9375rem;color:var(--muted)}@media(max-width:850px){.resource-grid{grid-template-columns:1fr}.case-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-card{padding:1.5rem}}@media(max-width:550px){.case-snapshot dl{grid-template-columns:1fr}.case-journey{grid-template-columns:1fr}.resource-example{padding:1.5rem}}