@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(/fonts/inter-tight-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(/fonts/inter-tight-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(/fonts/inter-tight-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
:root{
  --paper:#EDE8DF;
  --paper-2:#E3DCD0;
  --ink:#16140F;
  --ink-2:#4A463D;
  --muted:#7C766A;
  --line:rgba(22,20,15,.16);
  --signal:#E4572E;
  --night:#0F1418;
  --night-2:#1A2229;
  --snow:#F4F2EC;
  --serif:"Instrument Serif", "Times New Roman", serif;
  --sans:"Inter Tight", system-ui, -apple-system, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, Menlo, monospace;
  --gut:clamp(16px, 4vw, 56px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#15130F; --paper-2:#1D1A15; --ink:#EDE8DF; --ink-2:#C4BDAF; --muted:#8F887B; --line:rgba(237,232,223,.16);
  }
}
:root[data-theme="dark"]{
  --paper:#15130F; --paper-2:#1D1A15; --ink:#EDE8DF; --ink-2:#C4BDAF; --muted:#8F887B; --line:rgba(237,232,223,.16);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.muted{color:var(--muted)}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:var(--paper);padding:8px 12px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
em{font-style:italic;font-family:var(--serif)}

/* bar */
.bar{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--gut);background:color-mix(in srgb, var(--paper) 82%, transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;font-weight:500}
.mark svg{width:30px;height:18px;color:var(--signal-text)}
.mark .dot{color:var(--signal-text);padding:0 .15em}
.bar nav{display:flex;gap:28px}
.bar nav a{text-decoration:none;font-size:.9rem;position:relative}
.bar nav a i{font-style:normal;font-family:var(--mono);font-size:.65rem;color:var(--muted);margin-right:4px;vertical-align:top}
.bar nav a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.bar nav a:hover::after,.bar nav a.on::after{transform:scaleX(1)}
.readout{color:var(--muted)}
@media (max-width:760px){
  .bar nav{gap:14px}
  .bar nav a{font-size:.8rem}
  .bar nav a i,.readout{display:none}
  .mark span{display:none}
}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:110px var(--gut) 48px;border-bottom:1px solid var(--line);overflow:hidden}
#topo{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.hero-inner{position:relative;width:100%}
.eyebrow{color:var(--muted);margin-bottom:18px}
.display{font-family:var(--serif);font-weight:400;font-size:clamp(3rem, 10.4vw, 10.5rem);line-height:.9;letter-spacing:-.02em}
.display .line{display:block;overflow:hidden}
.display em{color:var(--signal-text)}
.display.small{font-size:clamp(2.8rem, 8vw, 7.5rem)}
.hero-foot{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,80px);margin-top:clamp(28px,5vw,56px);align-items:end}
.lede{font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:36ch;color:var(--ink-2)}
.lede a{text-decoration-color:var(--signal);text-underline-offset:3px}
.toc{list-style:none;border-top:1px solid var(--ink)}
.toc a{display:flex;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .25s,color .25s}
.toc a:hover{padding-left:8px;color:var(--signal-text)}
.toc .leader{flex:1;border-bottom:1px dotted var(--muted);transform:translateY(-3px)}
.toc span:first-child{color:var(--signal-text)}
.scale{position:absolute;right:var(--gut);top:92px;display:flex;align-items:center;gap:8px;color:var(--muted)}
.scale span:nth-child(2){width:80px;height:6px;border:1px solid var(--muted);border-top:0;background:linear-gradient(90deg,var(--muted) 50%,transparent 50%)}
@media (max-width:760px){.hero-foot{grid-template-columns:1fr}.scale{display:none}}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.display .line > span{display:inline-block;transform:translateY(105%);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.ready .display .line > span{transform:none}
@media (prefers-reduced-motion: reduce){.rv{opacity:1;transform:none}.display .line > span{transform:none!important;transition:none}}

/* chapters */
.chapter{padding:clamp(80px,12vw,160px) var(--gut);border-bottom:1px solid var(--line);position:relative}
.chap-head{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,60px);align-items:end;margin-bottom:clamp(48px,7vw,96px)}
.num{font-family:var(--serif);font-size:clamp(5rem,16vw,15rem);line-height:.75;color:transparent;-webkit-text-stroke:1px var(--ink)}
.h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,5.6vw,5.2rem);line-height:.98;letter-spacing:-.015em}
.h2 em{color:var(--signal-text)}
.h3{font-family:var(--serif);font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.05}
.prose p+p{margin-top:1em}
.prose p{max-width:60ch;color:var(--ink-2)}
.big{font-family:var(--serif);font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.18;color:var(--ink)!important;margin-bottom:1.1em}

/* dan */
.dan-grid{display:grid;grid-template-columns:minmax(220px,1fr) 1.6fr 1fr;gap:clamp(24px,4vw,64px);align-items:start}
.portrait{position:relative;aspect-ratio:4/5;background:var(--paper-2);border:1px solid var(--line);overflow:hidden}
.portrait .monogram{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-size:12rem;color:transparent;-webkit-text-stroke:1px var(--muted)}
.portrait figcaption{position:absolute;left:12px;bottom:10px;color:var(--muted);z-index:2;mix-blend-mode:difference;color:#fff;opacity:.8}
.beliefs{border-top:1px solid var(--ink);padding-top:16px}
.beliefs ol{list-style:none}
.beliefs li{padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:36px 1fr;gap:8px}
.beliefs li .mono{color:var(--signal-text);padding-top:4px}
@media (max-width:980px){.dan-grid{grid-template-columns:1fr 1fr}.dan-grid .prose{grid-column:1/-1;order:-1}}
@media (max-width:620px){.dan-grid{grid-template-columns:1fr}}

/* photo slots */
.photo{position:relative;background:var(--paper-2);overflow:hidden}
.photo > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s,transform 1.4s cubic-bezier(.2,.7,.2,1);transform:scale(1.04)}
.photo.loaded > img{opacity:1;transform:none}
.photo.loaded .monogram{display:none}

/* dissonant */
.signal{margin:-24px 0 clamp(40px,6vw,80px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0 12px}
.signal svg{width:100%;height:clamp(120px,16vw,220px);display:block}
.signal path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.s-data{stroke:var(--ink);stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset 2.2s ease}
.s-narr{stroke:var(--muted);stroke-dasharray:6 6}
.s-gap{stroke:var(--signal);stroke-width:1.5;opacity:0;transition:opacity .8s 1.6s}
.signal.in .s-data{stroke-dashoffset:0}
.signal.in .s-gap{opacity:1}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;color:var(--muted);margin-top:10px}
.legend .k{display:inline-block;width:18px;height:2px;margin-right:6px;vertical-align:middle}
.k.data{background:var(--ink)}.k.narr{background:repeating-linear-gradient(90deg,var(--muted) 0 4px,transparent 4px 7px)}.k.gap{background:var(--signal)}
.dis-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(32px,5vw,80px);align-items:start}
.note{color:var(--signal-text);margin:1.4em 0}
.btn{display:inline-flex;gap:10px;align-items:center;padding:14px 20px;border:1px solid var(--ink);text-decoration:none;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;transition:background .25s,color .25s}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn.light{border-color:var(--snow);color:var(--snow)}
.btn.light:hover{background:var(--snow);color:var(--night)}
.ledger{border-top:1px solid var(--ink)}
.ledger .row{display:grid;grid-template-columns:1.3fr 1fr 1.3fr auto;gap:12px;padding:20px 4px;border-bottom:1px solid var(--line);text-decoration:none;align-items:baseline;transition:background .2s,padding .25s}
.ledger a.row:hover{background:var(--paper-2);padding-left:12px}
.ledger .head{color:var(--muted);padding:12px 4px}
.ledger .v{font-family:var(--serif);font-size:1.6rem;line-height:1.1}
.ledger .tag{color:var(--signal-text);white-space:nowrap}
@media (max-width:900px){.dis-grid{grid-template-columns:1fr}}
@media (max-width:620px){.ledger .row{grid-template-columns:1fr 1fr}.ledger .head{display:none}.ledger .v{grid-column:1/-1}}

/* peak */
.peak{background:var(--night);color:var(--snow);border-bottom:0;padding-top:clamp(120px,14vw,200px)}
.peak .ridge{position:absolute;top:-1px;left:0;width:100%;height:clamp(60px,9vw,150px);transform:scaleY(-1)}
.peak .ridge path{fill:var(--paper)}
.peak .num{-webkit-text-stroke-color:var(--snow)}
.peak .eyebrow,.peak .mono.loc{color:#8FA0AD}
.peak .h2 em{color:var(--snow);opacity:.62}
.peak .big{color:var(--snow)!important;max-width:34ch}
.peak-lede{margin-bottom:clamp(48px,7vw,96px)!important}
.gates{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(244,242,236,.25)}
.gate{padding:24px 20px 28px 0;border-right:1px solid rgba(244,242,236,.14)}
.gate+.gate{padding-left:20px}
.gate:last-child{border-right:0}
.gate .mono{color:var(--signal-text)}
.gate h3{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin:10px 0 8px}
.gate p{color:#B9C2C8;font-size:.95rem}
@media (max-width:900px){.gates{grid-template-columns:1fr 1fr}.gate:nth-child(2){border-right:0}.gate:nth-child(3){padding-left:0}.gate{border-bottom:1px solid rgba(244,242,236,.14)}}
@media (max-width:560px){.gates{grid-template-columns:1fr}.gate{border-right:0;padding-left:0!important}}
.pipeline{margin-top:clamp(64px,9vw,120px)}
.mtn{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(20px,4vw,56px);padding:clamp(24px,3vw,36px) 0;border-top:1px solid rgba(244,242,236,.2);align-items:center}
.mtn:nth-of-type(even) .mtn-img{order:2}
.mtn-img{aspect-ratio:16/10;background:var(--night-2)}
.mtn-img::before{content:"";position:absolute;inset:0;background:
  repeating-radial-gradient(ellipse at 60% 110%, transparent 0 18px, rgba(244,242,236,.10) 18px 19px)}
.mtn-img.loaded::before{display:none}
.mtn h3{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:10px 0 14px}
.mtn p:not(.loc){color:#B9C2C8;max-width:44ch}
@media (max-width:760px){.mtn{grid-template-columns:1fr}.mtn:nth-of-type(even) .mtn-img{order:0}}
.peak-cta{margin-top:clamp(64px,9vw,120px);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;border-top:1px solid rgba(244,242,236,.2);padding-top:40px}

/* field strip */
.field{padding:clamp(56px,8vw,96px) 0 clamp(56px,8vw,96px) var(--gut);border-bottom:1px solid var(--line)}
.field[hidden]{display:none}
.field-head{display:flex;justify-content:space-between;padding-right:var(--gut);margin-bottom:20px}
.strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-right:var(--gut);scrollbar-width:thin}
.shot{flex:0 0 clamp(240px,32vw,440px);aspect-ratio:4/5;scroll-snap-align:start}
.shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.55));z-index:2;opacity:0;transition:opacity .6s}
.shot.loaded figcaption{opacity:1}
.portrait > img{object-position:50% 20%}
.portrait figcaption{mix-blend-mode:normal!important;text-shadow:0 1px 6px rgba(0,0,0,.5)}

/* contact */
.contact{padding:clamp(96px,14vw,200px) var(--gut);text-align:left}
.contact .display em{color:var(--signal-text)}
.contact .lede{margin:28px 0 36px}
.mail{font-family:var(--serif);font-size:clamp(1.5rem,4.4vw,3.6rem);text-decoration:none;border-bottom:2px solid var(--signal);word-break:break-all;transition:color .25s}
.mail:hover{color:var(--signal-text)}

/* footer */
.foot{padding:28px var(--gut) 40px;border-top:1px solid var(--line)}
.foot-row{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;color:var(--muted)}
.foot-row a{text-decoration:none}
.foot-row a:hover{color:var(--signal-text)}
.fine{margin-top:20px;font-size:.75rem;color:var(--muted);max-width:110ch;line-height:1.5}

/* simple build */
.about-grid{display:grid;grid-template-columns:minmax(260px,1fr) 1.7fr;gap:clamp(24px,5vw,80px);align-items:start}
.about-grid .btn{margin-top:28px}
@media (max-width:760px){.about-grid{grid-template-columns:1fr}}
.cos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.co{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3.5vw,44px);border:1px solid var(--ink);text-decoration:none;min-height:340px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.co:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(0,0,0,.45)}
.co h3{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,4.4vw,3.8rem);line-height:1}
.co p:not(.co-k){color:var(--ink-2);max-width:44ch}
.co-k{color:var(--muted)}
.co-go{margin-top:auto;color:var(--signal-text)}
.co.dark{background:var(--night);color:var(--snow);border-color:var(--night)}
.co.dark p:not(.co-k){color:#B9C2C8}
.co.dark .co-k{color:#8FA0AD}
@media (max-width:760px){.cos{grid-template-columns:1fr}.co{min-height:0}}
.contact-page{position:relative;min-height:100svh;display:flex;align-items:center;padding:120px var(--gut) 64px;overflow:hidden}
.contact-page #topo{position:absolute;inset:0;width:100%;height:100%;opacity:.4}
.contact-inner{position:relative;width:100%;max-width:1100px}
.contact-page .display em{color:var(--signal-text)}
.contact-page .lede{margin:28px 0 36px;max-width:48ch}
.c-links{margin-top:56px;border-top:1px solid var(--ink);max-width:720px}
.row-link{display:grid;grid-template-columns:170px 1fr auto;gap:12px;align-items:baseline;padding:18px 4px;border-bottom:1px solid var(--line);text-decoration:none;background:color-mix(in srgb,var(--paper) 70%,transparent);transition:padding .25s,color .25s}
.row-link:hover{padding-left:12px;color:var(--signal-text)}
.row-link .mono{color:var(--signal-text)}
@media (max-width:520px){.row-link{grid-template-columns:1fr auto}.row-link span:nth-child(2){grid-column:1;grid-row:2;color:var(--muted)}}

/* contact form + newsletter */
.c-form{margin-top:56px;max-width:720px;border-top:1px solid var(--ink);padding-top:28px}
.c-form .eyebrow{margin-bottom:22px}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}
.f-field{display:flex;flex-direction:column;gap:8px}
.f-field.wide{grid-column:1 / -1}
.f-field label{color:var(--muted)}
.f-field label .req{color:var(--signal-text)}
.f-field input,.f-field textarea,.nl-row input{font:inherit;color:var(--ink);background:color-mix(in srgb,var(--paper) 80%,transparent);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 2px;transition:border-color .2s}
.f-field textarea{min-height:150px;resize:vertical;line-height:1.5}
.f-field input:focus,.f-field textarea:focus,.nl-row input:focus{outline:none;border-bottom-color:var(--signal)}
.f-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:26px}
button.btn{background:transparent;color:var(--ink);cursor:pointer}
button.btn:hover{background:var(--ink);color:var(--paper)}
button.btn:disabled{opacity:.6;cursor:wait}
.form-status{font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;color:var(--muted)}
.form-status.ok{color:var(--ink)}
.form-status.err{color:var(--signal-text)}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.nl{margin-top:48px;max-width:560px}
.nl p.nl-copy{color:var(--ink-2);margin:0 0 14px}
.nl-row{display:flex;gap:12px;align-items:stretch}
.nl-row input{flex:1;min-width:0}
.nl .form-status{display:block;margin-top:12px}
@media (max-width:640px){.f-grid{grid-template-columns:1fr}.nl-row{flex-direction:column}}

/* Legal pages (privacy, terms, accessibility) */
.legal-page{padding:clamp(120px,18vh,200px) var(--gut) 96px;max-width:1100px}
.legal-page .display{margin-bottom:20px}
.legal-page .updated{color:var(--muted);font-size:.8rem;margin-bottom:48px}
.legal-body{max-width:68ch;color:var(--ink-2);font-size:1.02rem;line-height:1.65}
.legal-body h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.1;color:var(--ink);margin:48px 0 12px}
.legal-body p,.legal-body ul{margin:0 0 14px}
.legal-body ul{padding-left:1.2em}
.legal-body li{margin-bottom:8px}
.legal-body strong{color:var(--ink);font-weight:600}
.legal-body a{text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:3px}
.foot-legal{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:14px;font-size:.78rem}
.foot-legal a{color:var(--muted)}
.foot-legal a:hover,.foot-legal a:focus-visible,.foot-legal a[aria-current]{color:var(--ink)}

/* US map: where Dan lives & works */
.map-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(32px,5vw,64px)}
.usmap-filters{display:flex;gap:8px;flex-wrap:wrap}
.usmap-filters button{font:inherit;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.usmap-filters button:hover{border-color:var(--ink)}
.usmap-filters button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.usmap-filters button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.sw{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%}
.sw-live{background:var(--signal)}
.sw-work{background:linear-gradient(90deg,hsl(205 78% 52%),hsl(172 62% 42%),hsl(140 50% 44%),hsl(42 88% 52%))}
.usmap{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:clamp(24px,4vw,56px);align-items:center}
.usmap-stage{position:relative}
.usmap-svg{display:block;width:100%;height:auto;overflow:visible}
.usmap .st{fill:var(--paper-2);stroke:var(--paper);stroke-width:1;stroke-linejoin:round;opacity:0;transition:opacity .8s ease}
.usmap.play .st{opacity:1}
.usmap .st-live,.usmap .st-work{fill:var(--c);cursor:pointer;transform-box:fill-box;transform-origin:center;transform:scale(.55);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--d),transform 1s cubic-bezier(.34,1.56,.64,1) var(--d),filter .25s}
.usmap.play .st-live,.usmap.play .st-work{transform:none}
.usmap.done .st-live,.usmap.done .st-work{transition-delay:0s}
.usmap .st.hot{transform:scale(1.05);filter:brightness(1.1) saturate(1.2) drop-shadow(0 6px 10px rgba(0,0,0,.28))}
.usmap .st:focus{outline:none}
.usmap .st:focus-visible{stroke:var(--ink);stroke-width:2.5}
.usmap[data-filter="live"] .st-work,.usmap[data-filter="work"] .st-live{opacity:.14}
.usmap[data-filter="work"] .pin{opacity:0}
.pin{pointer-events:none;opacity:0;transition:opacity .6s ease var(--d)}
.usmap.play .pin{opacity:1}
.usmap.done .pin{transition-delay:0s}
.pin .dot{fill:var(--ink);stroke:var(--paper);stroke-width:2}
.pin .ring{fill:none;stroke:var(--signal);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:usmap-pulse 2.6s cubic-bezier(.2,.7,.2,1) infinite}
.pin .r2{animation-delay:1.3s}
@keyframes usmap-pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(3.4);opacity:0}}
.usmap-tip{position:absolute;left:var(--x,0);top:var(--y,0);transform:translate(-50%,calc(-100% - 14px));pointer-events:none;background:var(--ink);color:var(--paper);padding:8px 12px;border-radius:6px;display:flex;flex-direction:column;gap:3px;white-space:nowrap;opacity:0;transition:opacity .15s;z-index:2}
.usmap-tip.on{opacity:1}
.usmap-tip strong{font-family:var(--serif);font-weight:400;font-size:1.3rem;line-height:1}
.usmap-tip-k{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.usmap-tip.is-live .usmap-tip-k{color:var(--signal-text);opacity:1}
.usmap-lists{display:grid;gap:32px}
.usmap-list-k{display:flex;align-items:center;gap:8px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:10px}
.usmap-list ul{list-style:none;padding:0;margin:0;columns:2;column-gap:16px}
.usmap-list-live ul{columns:1}
.usmap-list li{padding:3px 0;color:var(--ink-2);break-inside:avoid;transition:color .2s}
.usmap-list li:hover{color:var(--ink)}
.usmap[data-filter="live"] .usmap-list-work,.usmap[data-filter="work"] .usmap-list-live{opacity:.35}
@media (max-width:900px){.usmap{grid-template-columns:1fr}.usmap-lists{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.usmap-lists{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.usmap .st,.pin{transition:none!important}.usmap .st-live,.usmap .st-work{transform:none}.pin .ring{animation:none;opacity:0}}

/* US map: Treeline / Counterpoint project groups */
.sw-tree{background:linear-gradient(90deg,hsl(214 82% 56%),hsl(196 78% 46%),hsl(174 64% 40%))}
.sw-cp{background:linear-gradient(90deg,hsl(150 55% 40%),hsl(90 62% 42%),hsl(42 90% 52%))}
.usmap[data-filter="treeline"] .pj-counterpoint,.usmap[data-filter="counterpoint"] .pj-treeline{opacity:.14}
.usmap[data-filter="treeline"] .pin.pj-counterpoint,.usmap[data-filter="counterpoint"] .pin.pj-treeline{opacity:0}
.usmap-list{transition:opacity .3s}
.usmap[data-filter="live"] .usmap-list:not(.usmap-list-live),.usmap[data-filter="treeline"] .usmap-list:not(.usmap-list-treeline),.usmap[data-filter="counterpoint"] .usmap-list:not(.usmap-list-counterpoint){opacity:.35}
@media (max-width:900px){.usmap-lists{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:640px){.usmap-lists{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.usmap-lists{grid-template-columns:1fr}}

/* Common Frame: third project (overlaps VT + FL) */
.co-wide{grid-column:1 / -1;min-height:0;background:var(--paper-2)}
.sw-cf{background:linear-gradient(90deg,hsl(268 52% 58%),hsl(296 44% 52%),hsl(328 56% 54%))}
.usmap[data-filter="commonframe"] .st-live:not(.pj-commonframe),.usmap[data-filter="commonframe"] .st-work:not(.pj-commonframe){opacity:.14}
.usmap[data-filter="commonframe"] .pj-commonframe{fill:var(--cf)}
.usmap[data-filter="commonframe"] .pin:not(.pj-commonframe){opacity:0}
.usmap[data-filter="commonframe"] .usmap-list:not(.usmap-list-commonframe){opacity:.35}
@media (max-width:900px){.usmap-lists{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.usmap-lists{grid-template-columns:1fr}}

/* ---- Company pages ---- */
.co-page,.partner-page{align-items:flex-start}
.co-page .eyebrow a,.partner-page .eyebrow a{text-decoration:none}
.co-page .eyebrow a:hover,.partner-page .eyebrow a:hover{color:var(--signal-text)}
.cp-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;margin:48px 0 0;border-top:1px solid var(--ink)}
.cp-facts div{padding:18px 0;border-bottom:1px solid var(--line)}
.cp-facts dt{color:var(--signal-text)}
.cp-facts dd{margin:8px 0 0;color:var(--ink-2)}
.cp-sec{margin-top:clamp(56px,7vw,88px)}
.cp-sec h2{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.01em;margin:0 0 14px}
.cp-intro{color:var(--ink-2);margin:0 0 22px;max-width:52ch}
.cp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}
.cp-card{padding:24px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 82%,transparent)}
.cp-card h3{font-family:var(--serif);font-weight:400;font-size:1.7rem;line-height:1.05;margin:0 0 10px}
.cp-card p{margin:0;color:var(--ink-2)}
.cp-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink);max-width:760px}
.cp-list li{padding:14px 0 14px 28px;border-bottom:1px solid var(--line);position:relative;background:color-mix(in srgb,var(--paper) 70%,transparent)}
.cp-list li::before{content:"";position:absolute;left:4px;top:1.25em;width:10px;height:1px;background:var(--signal)}
.cp-cta{margin-top:clamp(56px,7vw,88px);padding-top:28px;border-top:1px solid var(--ink);display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;justify-content:space-between}
.cp-cta p{font-family:var(--serif);font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.1;margin:0;max-width:22em}
.cp-next{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:40px;color:var(--muted)}
.cp-next a{text-decoration:none;color:var(--ink)}
.cp-next a:hover{color:var(--signal-text)}
.co{color:inherit}
@media (max-width:760px){.cp-facts,.cp-grid{grid-template-columns:1fr}}

/* ---- Partner inquiry form ---- */
.chips{display:flex;flex-wrap:wrap;gap:10px;border:0;padding:0;margin:0 0 30px;min-width:0}
.chips legend{color:var(--muted);margin-bottom:14px;padding:0}
.chips .req,.pf-set legend .req{color:var(--signal-text)}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-flex;align-items:center;padding:11px 16px;border:1px solid var(--line);border-radius:999px;font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb,var(--paper) 80%,transparent);transition:background .2s,color .2s,border-color .2s}
.chip:hover span{border-color:var(--ink)}
.chip input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip input:focus-visible+span{outline:2px solid var(--signal);outline-offset:3px}
.f-field select{font:inherit;color:var(--ink);background:color-mix(in srgb,var(--paper) 80%,transparent);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 2px}
.f-field select:focus{outline:none;border-bottom-color:var(--signal)}
.f-field textarea.short{min-height:90px}
.pf-set{border:0;padding:0;margin:30px 0 8px;min-width:0}
.pf-set[hidden]{display:none}
.pf-set legend{color:var(--signal-text);margin-bottom:16px;padding:0}
.partner-page .c-form>.f-grid+.f-grid{margin-top:18px}
.f-fine{margin-top:18px;font-size:.78rem;color:var(--muted);max-width:60ch}

/* ---- Map detail panel ---- */
.usmap .sel{stroke:var(--ink);stroke-width:2.5px;paint-order:stroke}
.usmap-list li[role=button]{cursor:pointer}
.usmap-panel{position:relative;margin-top:18px;padding:22px 24px 20px;border:1px solid var(--ink);background:var(--paper);max-width:620px}
.usmap-panel[hidden]{display:none}
.usmap-panel h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1;margin:6px 0 12px}
.up-k{color:var(--muted)}
.up-note{color:var(--ink-2);margin:0 0 10px}
.up-row{display:grid;grid-template-columns:12px 1fr auto;gap:14px;align-items:start;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.up-row .sw{margin-top:6px}
.up-row strong{display:block;font-weight:500}
.up-blurb{display:block;color:var(--ink-2);font-size:.92rem;margin-top:2px}
.up-go{color:var(--signal-text)}
.up-row:hover strong{color:var(--signal-text)}
.up-cta{margin-top:14px}
.up-close{position:absolute;top:8px;right:10px;background:none;border:0;font:inherit;font-size:1.5rem;line-height:1;color:var(--muted);cursor:pointer;padding:6px}
.up-close:hover{color:var(--ink)}

/* Company address in footer */
.foot-addr{display:block;font-style:normal;color:var(--muted);margin-top:18px;line-height:1.6}

/* Footer: tidy social links and address; stacked layout on phones */
.foot-soc{display:inline-flex;flex-wrap:wrap;align-items:center}
.foot-soc a+a::before{content:"·";margin:0 .7em;color:var(--muted)}
.foot-addr span+span::before{content:"·";margin:0 .7em}
@media (max-width:760px){
  .foot{padding-top:32px}
  .foot-row{flex-direction:column;align-items:flex-start;gap:16px}
  .foot-soc{gap:10px 18px}
  .foot-soc a+a::before{content:none}
  .foot-row a,.foot-legal a{padding:4px 0}
  .foot-addr{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
  .foot-addr span{display:block}
  .foot-addr span+span::before{content:none}
  .fine{font-size:.78rem;line-height:1.6}
  .foot-legal{gap:4px 22px;margin-top:18px}
}

/* company photos */
.co-photo{margin:calc(-1 * clamp(24px,3.5vw,44px)) calc(-1 * clamp(24px,3.5vw,44px)) 8px;aspect-ratio:4/3;overflow:hidden;background:var(--ink-2)}
.co-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.co:hover .co-photo img{transform:scale(1.04)}
.co-wide .co-photo{aspect-ratio:21/9}
.cp-hero{margin:32px 0 8px;border:1px solid var(--ink);overflow:hidden;aspect-ratio:16/9;max-width:980px}
.cp-hero img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:760px){.co-wide .co-photo{aspect-ratio:3/2}.cp-hero{aspect-ratio:4/3;margin-top:24px}}

/* footer company links + linked cards */
.foot-links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.foot-links a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.foot-links a:hover,.foot-links a:focus-visible{border-bottom-color:currentColor}
a.cp-card{color:inherit;text-decoration:none;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
a.cp-card:hover{transform:translateY(-3px)}
a.cp-card .mono{display:block;margin-top:10px;color:var(--signal-text);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}

/* project steps + FAQ */
.cp-steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--ink)}
.cp-steps li{counter-increment:step;display:grid;grid-template-columns:3.2rem 1fr;column-gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.cp-steps li::before{content:counter(step,decimal-leading-zero);grid-row:span 2;font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;color:var(--signal-text);padding-top:.35em}
.cp-steps h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;line-height:1.1;margin:0 0 6px}
.cp-steps p{margin:0;color:var(--ink-2);max-width:60ch}
.cp-faq{border-top:1px solid var(--ink)}
.cp-faq details{border-bottom:1px solid var(--line);padding:0}
.cp-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-size:1.08rem}
.cp-faq summary::-webkit-details-marker{display:none}
.cp-faq summary::after{content:"+";font-family:var(--mono);color:var(--signal-text);transition:transform .25s}
.cp-faq details[open] summary::after{transform:rotate(45deg)}
.cp-faq details p{margin:0 0 18px;color:var(--ink-2);max-width:62ch}
.cp-faq summary:focus-visible{outline:2px solid var(--signal);outline-offset:4px}

/* ---------- Idea Lab ---------- */
.lab-jump{display:flex;flex-wrap:wrap;gap:8px 20px;margin:28px 0 8px;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.lab-jump a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px}
.lab-jump a:hover,.lab-jump a:focus-visible{border-bottom-color:var(--signal);color:var(--signal-text)}
.lab-page .btn.ghost{background:transparent;color:inherit;border:1px solid currentColor}
.lab-page .btn.ghost:hover{background:var(--ink);color:var(--paper)}
.lab-q{border:0;padding:0;margin:26px 0 0;display:grid;gap:8px}
.lab-q legend{margin-bottom:10px;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.lab-q label{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--line);cursor:pointer;transition:border-color .2s,background .2s}
.lab-q label:hover{border-color:var(--ink)}
.lab-q input{margin-top:.25em;accent-color:var(--signal);flex:none}
.lab-q label:has(input:checked){border-color:var(--signal);background:var(--paper-2)}
.lab-q input:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.lab-consent{display:flex;gap:12px;align-items:flex-start;margin:26px 0 6px;font-size:.92rem;color:var(--ink-2);max-width:70ch}
.lab-consent input{margin-top:.3em;accent-color:var(--signal);flex:none}
.lab-consent a{color:inherit}
.form-status.bad{color:var(--signal-text)}
.lab-result{margin-top:10px;border:1px solid var(--ink);padding:clamp(20px,3.5vw,40px);display:grid;gap:28px;background:var(--paper)}
.lab-result:focus{outline:none}
.lr-head{display:flex;gap:clamp(18px,4vw,40px);align-items:center;flex-wrap:wrap}
.lr-score{display:flex;align-items:baseline;gap:6px}
.lr-num{font-family:var(--serif);font-size:clamp(4rem,12vw,7rem);line-height:.9}
.lr-of{font-size:.9rem;color:var(--muted)}
.lr-verdict{flex:1;min-width:220px}
.lr-k{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal-text);margin:0 0 6px}
.lr-tier{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.05;margin:0 0 8px}
.lr-sum{margin:0;color:var(--ink-2);max-width:52ch}
.lr-dims{display:grid;gap:14px}
.lr-dim-top{display:flex;justify-content:space-between;gap:12px;font-size:.95rem;margin-bottom:6px}
.lr-dim meter{width:100%;height:10px;-webkit-appearance:none;appearance:none;background:var(--line);border:0;border-radius:0;display:block}
.lr-dim meter::-webkit-meter-bar{background:var(--line);border:0;border-radius:0;height:10px}
.lr-dim meter::-webkit-meter-optimum-value{background:var(--ink)}
.lr-dim meter::-webkit-meter-suboptimum-value{background:var(--ink-2)}
.lr-dim meter::-webkit-meter-even-less-good-value{background:var(--signal)}
.lr-dim meter::-moz-meter-bar{background:var(--ink)}
.lr-track{border-top:1px solid var(--line);padding-top:22px}
.lr-track h4{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin:0 0 6px}
.lr-track p{margin:0 0 6px;color:var(--ink-2)}
.lr-strength{font-size:.9rem}
.lr-recs ol{margin:0;padding-left:1.2em;display:grid;gap:10px;color:var(--ink-2);max-width:64ch}
.lr-recs strong{color:var(--ink);font-weight:600}
.lab-stage{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal-text);margin:0 0 10px}
.lab-opps .cp-card{display:flex;flex-direction:column}
.lab-opps .cp-card .btn{margin-top:auto;align-self:flex-start}
.lab-opps .cp-card p:not(.lab-stage){margin-bottom:18px}
.lab-legal{margin-top:18px;max-width:80ch}
.lab-interest{margin-top:34px;border-top:1px solid var(--ink);padding-top:26px}
.lab-interest h3{font-family:var(--serif);font-weight:400;font-size:1.8rem;margin:0 0 14px}
@media (max-width:760px){.lr-head{align-items:flex-start}.lab-q label{padding:11px 12px}}

/* home: Idea Lab teaser */
.lab-tease{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start;margin-top:clamp(24px,4vw,48px)}
.lab-tease-lede{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.2;margin:0;max-width:26ch}
.lab-tease-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.lab-tease-list li{display:flex;gap:18px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}
.lab-tease-list .mono{color:var(--signal-text);font-size:.75rem;letter-spacing:.08em}
.lab-tease-cta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}
.lab-tease-alt{color:inherit;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px}
.lab-tease-alt:hover{border-bottom-color:var(--signal);color:var(--signal-text)}
@media (max-width:760px){.lab-tease{grid-template-columns:1fr}}

/* Idea Lab: latest ideas groups */
.lab-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:clamp(16px,3vw,40px);padding:clamp(22px,3vw,34px) 0;border-top:1px solid var(--ink)}
.lab-group-head h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.05;margin:0 0 8px}
.lab-group-head p:not(.lab-stage){margin:0;color:var(--ink-2);max-width:30ch}
.lab-idea-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.lab-idea{border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:8px;background:var(--paper)}
.lab-idea h4{font-family:var(--serif);font-weight:400;font-size:1.3rem;line-height:1.1;margin:0}
.lab-idea p{margin:0;color:var(--ink-2);font-size:.95rem}
.lab-tag{margin-top:auto;padding-top:6px;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal-text);text-decoration:none}
a.lab-tag:hover{text-decoration:underline}
span.lab-tag{color:var(--muted)}
@media (max-width:760px){.lab-group{grid-template-columns:1fr}}

/* respect the hidden attribute everywhere */
[hidden]{display:none !important}

/* Groundwork */
.gw-list{margin-top:clamp(28px,4vw,48px);border-top:1px solid var(--ink)}
.gw-post{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:clamp(16px,3vw,40px);padding:clamp(22px,3vw,32px) 0;border-bottom:1px solid var(--line)}
.gw-post time{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal-text);padding-top:.5em}
.gw-body h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.05;margin:0 0 10px}
.gw-body p{margin:0 0 14px;color:var(--ink-2);max-width:62ch}
.gw-more{color:inherit;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px}
.gw-more:hover{color:var(--signal-text);border-bottom-color:var(--signal)}
.gw-sub .nl{margin-top:0}
@media (max-width:760px){.gw-post{grid-template-columns:1fr;gap:8px}}

/* headline fixes: keep descenders visible, fit the hero on short screens */
.display .line{padding-bottom:.14em;margin-bottom:-.14em}
.hero .display{font-size:clamp(3rem,min(10.4vw,14vh),10.5rem)}

/* Groundwork long posts + reveal polish */
.gw-body h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,2vw,1.6rem);margin:22px 0 8px}
.gw-long .gw-body p{max-width:66ch}
.display .line > span{transform:translateY(135%)}
.ready .display .line > span{transform:none}

/* project page: one-pager link beside the CTA */
.cp-cta{flex-wrap:wrap}
.cp-cta .lab-tease-alt{align-self:center}

/* project pages: target-state map + examples */
.cp-where-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:center}
.cp-minimap svg{width:100%;height:auto;display:block}
.cp-minimap path{stroke:var(--paper);stroke-width:1}
.cp-minimap path.off{fill:var(--line)}
.cp-minimap path.on{fill:var(--signal)}
@media (max-width:760px){.cp-where-grid{grid-template-columns:1fr}}
/* Groundwork: filter + share */
.gw-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(22px,3vw,32px)}
.gw-chip{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;border-radius:999px}
.gw-chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.gw-chip:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.gw-share{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin-top:14px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.gw-share a,.gw-share button{color:var(--ink-2);text-decoration:none;background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;border-bottom:1px solid var(--line)}
.gw-share a:hover,.gw-share button:hover{color:var(--signal-text);border-bottom-color:var(--signal)}

/* founder page */
.dan-letter p{max-width:62ch;color:var(--ink-2);margin:0 0 14px;font-size:1.08rem;line-height:1.6}
.dan-letter .dan-sign{font-family:var(--serif);font-style:italic;font-size:2rem;color:var(--ink);margin-top:10px}
.cp-hero img[src*="dan.webp"]{object-position:center 30%}

/* lab project tech tags */
.lab-tech{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lab-tech li{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink-2)}

/* Liftie: Q&A bot */
.liftie{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:var(--sans)}
.liftie-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:inherit;font-size:.9rem;cursor:pointer;border-radius:999px;box-shadow:0 12px 30px -14px rgba(0,0,0,.5)}
.liftie-btn svg{width:22px;height:14px}
.liftie-btn path{fill:none;stroke:var(--signal);stroke-width:2.4}
.liftie-btn:hover{background:var(--paper);color:var(--ink)}
.liftie-btn:focus-visible,.liftie-panel button:focus-visible,.liftie-form input:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.liftie.open .liftie-btn{display:none}
.liftie-panel{width:min(380px,calc(100vw - 36px));max-height:min(620px,calc(100vh - 110px));display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--ink);box-shadow:0 24px 60px -24px rgba(0,0,0,.5)}
.liftie-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.liftie-head strong{display:block;font-family:var(--serif);font-weight:400;font-size:1.6rem;line-height:1}
.liftie-head .mono{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.liftie-x{background:none;border:0;font-size:1.6rem;line-height:1;color:var(--ink);cursor:pointer;padding:4px 8px}
.liftie-log{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-height:120px}
.liftie-msg{max-width:88%;padding:10px 12px;font-size:.92rem;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.liftie-msg.bot{align-self:flex-start;background:var(--paper-2);color:var(--ink)}
.liftie-msg.me{align-self:flex-end;background:var(--ink);color:var(--paper)}
.liftie-msg a{color:inherit}
.liftie-msg.wait{color:var(--muted)}
.liftie-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}
.liftie-chips button{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border:1px solid var(--line);background:transparent;color:var(--ink-2);cursor:pointer;border-radius:999px}
.liftie-chips button:hover{border-color:var(--signal);color:var(--signal-text)}
.liftie-form{display:flex;border-top:1px solid var(--line)}
.liftie-form input{flex:1;min-width:0;font:inherit;font-size:.95rem;padding:14px 16px;border:0;background:transparent;color:var(--ink)}
.liftie-form button{font:inherit;font-size:.85rem;padding:0 16px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--signal-text);cursor:pointer}
.liftie-form button:disabled{color:var(--muted)}
.liftie-fine{margin:0;padding:6px 16px 10px;font-size:.66rem;color:var(--muted)}
@media (max-width:520px){.liftie{right:10px;bottom:10px}.liftie-btn span{display:none}.liftie-btn{padding:12px}}
@media print{.liftie{display:none}}

/* Groundwork: single post pages + crawlable index */
.gw-article{max-width:46rem;position:relative}
.gw-article-kicker{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 1.2rem}
.gw-article-kicker a{color:var(--signal-text)}
.gw-article-title{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.02;margin:0 0 2rem}
.gw-article-body{font-size:1.08rem;line-height:1.65;color:var(--ink)}
.gw-article-body p,.gw-article-body ul{margin:0 0 1.2em}
.gw-article-body h2{font-family:var(--serif);font-weight:400;font-size:1.8rem;line-height:1.1;margin:2rem 0 .8rem}
.gw-article-foot{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.92rem}
.gw-article-foot a{color:var(--signal-text)}
.gw-index{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.gw-index p{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .8rem}
.gw-index ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.gw-index li{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem}
.gw-index li a{color:var(--ink)}
.gw-index li a:hover{color:var(--signal-text)}
.gw-index .mono{font-size:.72rem;color:var(--muted);white-space:nowrap}

/* Idea Lab: link to Switchback */
.lr-track .lr-link{display:inline-block;margin-top:.5rem;color:var(--signal-text);font-weight:500}
@media (max-width:420px){.bar nav{gap:10px}.bar nav a{font-size:.74rem}}

/* Jacksonville infill lab */
.jx-renders{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.jx-renders figure{margin:0}
.jx-renders img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.jx-renders figcaption{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.jx-note{font-size:.82rem;color:var(--muted);margin:14px 0 0}
.lab-ideas .cp-card h3 a{color:inherit;text-decoration:none}
.lab-ideas .cp-card h3 a:hover{color:var(--signal-text)}
@media (max-width:760px){.jx-renders{grid-template-columns:1fr}}

/* Accessibility: WCAG 2.2 AA text contrast and focus */
:root{--muted:#625C51;--signal-text:#A93E1B}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--muted:#8F887B;--signal-text:#EE7A55}}
:root[data-theme="dark"]{--muted:#8F887B;--signal-text:#EE7A55}
.co.dark,.usmap-tip,.liftie-btn,.liftie-msg.me,.peak,.k.data,.skip{--signal-text:#F08A5D}
.co.dark{--muted:#A9B3BA}
.display em,.h2 em,.mark svg,.mark .dot,.contact .display em,.contact-page .display em{color:var(--signal)}
.f-field input:focus-visible,.f-field textarea:focus-visible,.f-field select:focus-visible,.nl-row input:focus-visible{outline:2px solid var(--signal-text);outline-offset:2px}

/* At a glance */
.glance{padding:clamp(48px,7vw,88px) var(--gut);border-bottom:1px solid var(--line)}
.glance h2{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:400;margin:0 0 22px}
.glance ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.glance li{border-top:1px solid var(--ink);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.glance strong{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;color:var(--ink)}
.glance span{font-size:.92rem;line-height:1.4;color:var(--ink-2)}
@media (max-width:900px){.glance ul{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Projects index */
.pj-filter{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 12px}
.pj-filter button{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;min-height:40px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}
.pj-filter button:hover{border-color:var(--ink)}
.pj-filter button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pj-filter button:focus-visible{outline:2px solid var(--signal-text);outline-offset:2px}
.pj-count{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--muted);margin:0 0 16px}
.pj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:48px}
.pj-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--paper);color:inherit;text-decoration:none;transition:border-color .2s ease}
.pj-card:hover{border-color:var(--ink)}
.pj-card:focus-visible{outline:2px solid var(--signal-text);outline-offset:3px}
.pj-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--paper-2)}
.pj-ph{aspect-ratio:16/10;background:var(--paper-2);display:flex;align-items:flex-end;padding:18px;font-family:var(--serif);font-style:italic;font-size:2.2rem;line-height:1;color:var(--ink-2)}
.pj-body{display:flex;flex-direction:column;gap:10px;padding:16px 18px 20px;flex:1}
.pj-status{align-self:flex-start;font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border:1px solid currentColor;border-radius:999px;color:var(--signal-text)}
.pj-card h3{font-family:var(--serif);font-weight:400;font-size:1.75rem;line-height:1.05;margin:0}
.pj-card p{margin:0;font-size:.95rem;line-height:1.5;color:var(--ink-2)}
.pj-card .pj-meta{margin-top:auto;padding-top:6px;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media (prefers-reduced-motion: reduce){.pj-card{transition:none}}
.pr-assets a{color:var(--ink)}
.all-projects{margin:28px 0 0}

/* ===== Interactive layer (fx.js) ===== */
.fx-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.fx-theme{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;margin-right:12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}
.fx-theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.fx-theme:hover{border-color:var(--ink)}
.fx-theme:focus-visible{outline:2px solid var(--signal-text);outline-offset:2px}
.fx-tip{position:absolute;z-index:80;max-width:280px;padding:8px 10px;background:var(--ink);color:var(--paper);font-size:.82rem;line-height:1.35;border-radius:6px;pointer-events:none;box-shadow:0 8px 24px -12px rgba(0,0,0,.5)}

/* figures */
.fx-chart{margin:8px 0 0;padding:20px 0 0;border-top:1px solid var(--line)}
.fx-chart figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:14px;font-size:.82rem;line-height:1.45;color:var(--muted)}
.fx-chart .fx-title{display:block;font-family:var(--sans);font-size:1.02rem;font-weight:500;color:var(--ink);margin:0 0 14px}
.fx-table-toggle{background:none;border:0;padding:0;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fx-table-toggle:focus-visible{outline:2px solid var(--signal-text);outline-offset:2px}
.fx-data{width:100%;border-collapse:collapse;margin-top:12px;font-size:.9rem}
.fx-data th,.fx-data td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}
.fx-data thead th{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400}

/* bar chart */
.fx-bars{display:flex;flex-direction:column;gap:14px}
.fx-bar-row{display:grid;grid-template-columns:minmax(120px,30%) 1fr;align-items:center;gap:14px;cursor:default}
.fx-bar-label{font-size:.92rem;color:var(--ink-2)}
.fx-bar-track{display:block;height:24px}
.fx-bar-area{display:flex;align-items:center;gap:8px;width:calc(100% - 56px);height:24px}
.fx-bar-area .fx-bar{flex:none}
.fx-bar{display:block;height:20px;width:0;background:var(--signal);border-radius:0 4px 4px 0;transition:width 1s cubic-bezier(.2,.7,.2,1)}
.fx-chart.is-in .fx-bar{width:var(--w)}
.fx-bar-area{position:relative}
.fx-bar-row:hover .fx-bar{filter:brightness(1.08)}
.fx-bar-value{font-family:var(--sans);font-weight:600;font-size:.95rem;color:var(--ink);opacity:0;transition:opacity .4s .7s}
.fx-chart.is-in .fx-bar-value{opacity:1}
.fx-axis{display:flex;justify-content:space-between;margin:10px 0 0;padding-top:6px;border-top:1px solid var(--line);font-family:var(--mono);font-size:.64rem;color:var(--muted)}
.fx-bars .fx-axis{margin-left:calc(30% + 14px);margin-right:56px}

/* range chart */
.fx-range{padding:26px 0 0}
.fx-range-track{position:relative;height:20px;background:var(--paper-2);border-radius:4px}
.fx-range-band{position:absolute;top:0;bottom:0;left:var(--lo);width:0;background:var(--signal);border-radius:4px;transition:width 1s cubic-bezier(.2,.7,.2,1)}
.fx-chart.is-in .fx-range-band{width:calc(var(--hi) - var(--lo))}
.fx-range-end{position:absolute;bottom:calc(100% + 6px);left:var(--x);transform:translateX(-50%);font-family:var(--sans);font-weight:600;font-size:.9rem;color:var(--ink);opacity:0;transition:opacity .4s .8s;white-space:nowrap}
.fx-chart.is-in .fx-range-end{opacity:1}
.fx-range .fx-axis{margin-left:0}

/* hero stat */
.fx-stat{display:flex;flex-direction:column;gap:6px;padding:20px 0 0;border-top:1px solid var(--line)}
.fx-stat strong{font-family:var(--sans);font-weight:600;font-size:clamp(3rem,7vw,4.4rem);line-height:1;color:var(--ink);letter-spacing:-.02em}
.fx-stat span{font-size:.98rem;color:var(--ink-2);max-width:46ch}
.fx-stat small{font-size:.8rem;color:var(--muted)}
.fx-why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
@media (max-width:760px){.fx-why{grid-template-columns:1fr}.fx-bar-row{grid-template-columns:1fr}.fx-bars .fx-axis{margin-left:0}}

/* stage tracker */
.fx-track-head,.fx-track li{display:grid;grid-template-columns:minmax(150px,26%) 1fr;gap:16px;align-items:center}
.fx-track-head{padding-bottom:10px;border-bottom:1px solid var(--line)}
.fx-track-head .fx-track-steps{display:grid;grid-template-columns:repeat(7,1fr)}
.fx-track-head .fx-track-steps span{font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center}
.fx-track{list-style:none;margin:0 0 40px;padding:0}
.fx-track li{padding:14px 0;border-bottom:1px solid var(--line)}
.fx-track li a{color:var(--ink);text-decoration:none;font-family:var(--serif);font-size:1.35rem}
.fx-track li a:hover{color:var(--signal-text)}
.fx-track .fx-stage-text{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.fx-track li > .fx-track-steps{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);align-items:center;justify-items:center;height:24px}
.fx-track-line{position:absolute;left:calc(50% / var(--n));top:50%;height:2px;margin-top:-1px;width:0;background:var(--signal);transition:width 1s cubic-bezier(.2,.7,.2,1)}
.fx-track li > .fx-track-steps::before{content:"";position:absolute;left:calc(50% / var(--n));right:calc(50% / var(--n));top:50%;height:1px;background:var(--line)}
.fx-track.is-in .fx-track-line{width:calc(100% / var(--n) * var(--at))}
.fx-dot{position:relative;z-index:1;width:10px;height:10px;border-radius:50%;background:var(--paper);border:1px solid var(--muted)}
.fx-dot.done{background:var(--signal);border-color:var(--signal)}
.fx-dot.now{width:16px;height:16px;background:var(--signal);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--signal);cursor:default}
.fx-track.is-in .fx-dot.now{animation:fx-pulse 2.4s ease-out 1.1s 2}
@keyframes fx-pulse{0%{box-shadow:0 0 0 1px var(--signal),0 0 0 0 rgba(228,87,46,.45)}100%{box-shadow:0 0 0 1px var(--signal),0 0 0 12px rgba(228,87,46,0)}}
@media (max-width:760px){.fx-track-head{display:none}.fx-track li{grid-template-columns:1fr;gap:8px}}

/* timeline current step */
.cp-steps li.is-now{position:relative}
.fx-now{display:inline-block;margin-bottom:6px;padding:3px 9px;border-radius:999px;background:var(--signal-text);color:var(--paper);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}
.cp-steps li.is-done h3{color:var(--muted)}

/* reading progress */
.fx-progress{position:fixed;left:0;top:0;right:0;height:3px;z-index:70;background:var(--signal);transform-origin:0 50%;transform:scaleX(0)}

@media (prefers-reduced-motion: reduce){
  .fx-bar,.fx-range-band,.fx-track-line,.fx-bar-value,.fx-range-end{transition:none!important}
  .fx-track.is-in .fx-dot.now{animation:none}
}
@media print{.fx-theme,.fx-progress,.fx-tip,.fx-table-toggle{display:none}.fx-data.fx-sr{position:static!important;width:auto;height:auto;clip:auto;overflow:visible}}

/* Mountain Town Housing Index */
.hi-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hi-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:32px 0 8px}
.hi-stat,.hi-tile{background:var(--paper);padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.hi-stat span,.hi-tile span.mono{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hi-stat strong,.hi-tile strong{font-family:var(--serif);font-weight:400;font-size:1.9rem;line-height:1.05;color:var(--ink);overflow-wrap:anywhere}
.hi-tile strong span{font-size:1rem;color:var(--muted);margin-left:2px}
.hi-tile small{font-size:.8rem;color:var(--ink-2)}
.hi-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0 8px}
.hi-loading{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;color:var(--muted);margin:24px 0}
.hi-sec{margin-top:48px}
.hi-sec h2{font-family:var(--serif);font-weight:400;font-size:2rem;line-height:1.05;margin:0 0 8px}
.hi-sec > p{color:var(--ink-2);max-width:62ch;margin:0 0 18px}
.hi-top{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.hi-top li{border-bottom:1px solid var(--line)}
.hi-top-link{display:grid;grid-template-columns:2.2rem minmax(0,12rem) 1fr 2.6rem;align-items:center;gap:14px;padding:12px 4px;color:var(--ink);text-decoration:none}
.hi-top-link:hover .hi-top-name{text-decoration:underline}
.hi-top-link:focus-visible{outline:2px solid var(--signal-text);outline-offset:2px}
.hi-top-rank,.hi-top-score{font-size:.78rem;color:var(--muted)}
.hi-top-score{text-align:right;color:var(--ink)}
.hi-top-name{font-family:var(--serif);font-size:1.25rem;line-height:1.1}
.hi-top-bar,.hi-mini{display:block;height:8px;background:var(--paper-2);position:relative;overflow:hidden}
.hi-top-fill,.hi-mini-fill{position:absolute;inset:0 auto 0 0;width:var(--w,0%);background:var(--signal);transform-origin:left center;animation:hi-grow .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes hi-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hi-chart{position:relative;overflow-x:auto;border:1px solid var(--line);background:var(--paper);padding:8px}
.hi-svg{display:block;width:100%;min-width:620px;height:auto}
.hi-grid line{stroke:var(--line);stroke-width:1}
.hi-grid text{font-family:var(--mono);font-size:11px;fill:var(--muted)}
.hi-grid .hi-axis{font-size:11px;letter-spacing:.06em;text-transform:uppercase;fill:var(--ink-2)}
.hi-grid .hi-med{stroke:var(--ink-2);stroke-dasharray:4 4;opacity:.6}
.hi-dot{fill:var(--ink);fill-opacity:.55;stroke:var(--paper);stroke-width:1.5;transition:fill-opacity .2s ease,r .2s ease}
.hi-dot.top{fill:var(--signal);fill-opacity:.9}
.hi-dots a{cursor:pointer;outline:none}
.hi-dots a:hover .hi-dot,.hi-dots a:focus .hi-dot{fill-opacity:1;stroke:var(--ink);stroke-width:2}
.hi-dots a.dim .hi-dot{fill-opacity:.1}
.hi-labels text{font-family:var(--serif);font-size:15px;fill:var(--ink)}
.hi-tip{position:absolute;transform:translate(-50%,calc(-100% - 12px));background:var(--ink);color:var(--paper);padding:10px 12px;font-size:.82rem;line-height:1.35;display:flex;flex-direction:column;gap:3px;width:max-content;max-width:240px;pointer-events:none;z-index:2}
.hi-tip[hidden]{display:none}
.hi-tip strong{font-family:var(--serif);font-weight:400;font-size:1.1rem}
.hi-tip .mono{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.hi-legend{display:flex;flex-wrap:wrap;gap:18px;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:10px 0 0}
.hi-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px;background:var(--ink);opacity:.55}
.hi-legend .lg-top::before{background:var(--signal);opacity:.9}
.hi-legend .lg-med::before{border-radius:0;height:0;width:14px;border-top:1px dashed var(--ink-2);background:none;opacity:1;vertical-align:3px}
.hi-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0 0 14px}
.hi-controls[hidden]{display:none}
.hi-controls label{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hi-controls input,.hi-controls select{font:inherit;font-family:var(--sans);font-size:1rem;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);min-height:44px;padding:8px 12px;min-width:220px}
.hi-controls input:focus-visible,.hi-controls select:focus-visible{outline:2px solid var(--signal-text);outline-offset:1px}
.hi-count{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--muted);margin:0 0 10px}
.hi-scroll{overflow-x:auto;border:1px solid var(--line)}
.hi-scroll:focus-visible{outline:2px solid var(--signal-text);outline-offset:2px}
.hi-table,.hi-static{width:100%;border-collapse:collapse;font-size:.92rem;min-width:680px}
.hi-table th,.hi-table td,.hi-static th,.hi-static td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-weight:400;white-space:nowrap}
.hi-table thead th,.hi-static thead th{background:var(--paper-2);position:sticky;top:0}
.hi-static caption{text-align:left;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--muted);padding:10px 0}
.hi-table .num{text-align:right;font-variant-numeric:tabular-nums}
.hi-table tbody th a,.hi-static tbody th a{color:var(--ink);font-family:var(--serif);font-size:1.08rem}
.hi-sort{all:unset;cursor:pointer;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.hi-sort::after{content:"↕";margin-left:5px;opacity:.35}
th[aria-sort="ascending"] .hi-sort::after{content:"↑";opacity:1}
th[aria-sort="descending"] .hi-sort::after{content:"↓";opacity:1}
th[aria-sort] .hi-sort{color:var(--ink)}
.hi-sort:focus-visible{outline:2px solid var(--signal-text);outline-offset:3px}
.hi-score-cell{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px}
.hi-mini{width:64px;height:6px}
.hi-empty{text-align:center!important;color:var(--muted);padding:28px!important}
.hi-method{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:18px 0}
.hi-method div{border-top:2px solid var(--ink);padding-top:12px}
.hi-method h3{font-family:var(--serif);font-weight:400;font-size:1.3rem;margin:0 0 6px}
.hi-method p{margin:0;font-size:.92rem;line-height:1.5;color:var(--ink-2)}
.hi-town-table{max-width:560px}
@media (max-width:860px){.hi-stats,.hi-tiles{grid-template-columns:1fr 1fr}.hi-method{grid-template-columns:1fr}}
@media (max-width:520px){.hi-top-link{grid-template-columns:1.8rem 1fr 2.4rem}.hi-top-bar{grid-column:2/3;grid-row:2}.hi-controls input,.hi-controls select{min-width:0;width:100%}.hi-controls label{flex:1 1 100%}.hi-stat strong,.hi-tile strong{font-size:1.5rem}}
@media (prefers-reduced-motion: reduce){.hi-top-fill,.hi-mini-fill{animation:none}.hi-dot{transition:none}}
.hi-callout{margin:18px 0 0;padding:14px 16px;border-left:3px solid var(--signal);background:var(--paper-2);color:var(--ink-2)}
.hi-callout a{color:var(--ink);font-weight:500}

/* Funding readiness quiz */
.fr-app{margin:32px 0 8px;border:1px solid var(--line);background:var(--paper);padding:28px clamp(16px,4vw,40px) 32px}
.fr-progress{margin:0 0 22px}
.fr-progress[hidden]{display:none}
.fr-progress-bar{height:4px;background:var(--paper-2);position:relative;overflow:hidden}
.fr-progress-bar span{position:absolute;inset:0 auto 0 0;width:var(--w,0%);background:var(--signal);transition:width .35s ease}
.fr-progress p{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 0 0}
.fr-q{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.08;margin:0 0 18px;outline:none}
.fr-hint{color:var(--ink-2);margin:-6px 0 20px}
.fr-fs{border:0;margin:0;padding:0;min-width:0}
.fr-fs legend{padding:0}
.fr-tracks{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fr-track,.fr-opt{font:inherit;text-align:left;cursor:pointer;background:var(--paper);color:var(--ink);border:1px solid var(--line);transition:border-color .15s ease,background .15s ease,transform .15s ease}
.fr-track{display:flex;flex-direction:column;gap:6px;padding:20px}
.fr-track strong{font-family:var(--serif);font-weight:400;font-size:1.5rem;line-height:1.1}
.fr-track span{color:var(--ink-2);font-size:.92rem}
.fr-opts{display:grid;gap:10px}
.fr-opt{display:flex;align-items:center;gap:14px;padding:14px 16px;min-height:52px;font-size:1rem}
.fr-opt-k{flex:0 0 28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;font-size:.7rem;color:var(--muted)}
.fr-track:hover,.fr-opt:hover{border-color:var(--ink)}
.fr-opt:hover{transform:translateX(2px)}
.fr-opt[aria-pressed="true"]{border-color:var(--ink);background:var(--paper-2)}
.fr-opt[aria-pressed="true"] .fr-opt-k{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.fr-track:focus-visible,.fr-opt:focus-visible,.fr-back:focus-visible{outline:2px solid var(--signal-text);outline-offset:2px}
.fr-nav,.fr-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.fr-back{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:1px solid var(--line);color:var(--ink-2);min-height:40px;padding:8px 14px;cursor:pointer}
.fr-back:hover{border-color:var(--ink);color:var(--ink)}
.fr-res-head{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-bottom:28px}
.fr-res-head .eyebrow{margin:0 0 4px}
.fr-res-head p{margin:0;color:var(--ink-2);max-width:56ch}
.fr-band{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.05;margin:0 0 8px;outline:none}
.fr-ring{--p:0;width:140px;height:140px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(closest-side,var(--paper) 78%,transparent 79% 100%),conic-gradient(var(--signal) calc(var(--p) * 1%),var(--paper-2) 0);animation:fr-pop .6s cubic-bezier(.2,.7,.2,1) both}
.fr-ring strong{font-family:var(--serif);font-weight:400;font-size:2.8rem;line-height:1}
.fr-ring span{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
@keyframes fr-pop{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.fr-areas h3,.fr-check h3{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400;margin:0 0 12px}
.fr-area-list{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:10px}
.fr-area-list li{display:grid;grid-template-columns:minmax(0,13rem) 1fr 3rem;gap:14px;align-items:center}
.fr-area-name{font-size:.95rem}
.fr-area-bar{height:8px;background:var(--paper-2);position:relative;overflow:hidden}
.fr-area-fill{position:absolute;inset:0 auto 0 0;width:var(--w,0%);background:var(--ink);transform-origin:left center;animation:hi-grow .8s cubic-bezier(.2,.7,.2,1) both}
.fr-area-v{text-align:right;font-size:.78rem}
.fr-check-list{margin:0;padding:0;list-style:none;counter-reset:fr;display:grid;gap:0;border-top:1px solid var(--line)}
.fr-check-list li{counter-increment:fr;display:grid;grid-template-columns:2rem 1fr;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--line)}
.fr-check-list li::before{content:counter(fr,decimal-leading-zero);font-family:var(--mono);font-size:.75rem;color:var(--signal-text);grid-row:span 2;padding-top:2px}
.fr-check-list .mono{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.fr-send[hidden]{display:none}
@media (max-width:640px){.fr-tracks{grid-template-columns:1fr}.fr-res-head{grid-template-columns:1fr;justify-items:start}.fr-area-list li{grid-template-columns:1fr 3rem}.fr-area-bar{grid-column:1/-1;grid-row:2}}
@media (prefers-reduced-motion: reduce){.fr-ring,.fr-area-fill{animation:none}.fr-progress-bar span,.fr-opt,.fr-track{transition:none}}
@media print{.bar,.foot,.fr-nav,.fr-actions,.fr-send,.cp-next,#topo,.ask-fab{display:none!important}.fr-app{border:0;padding:0}}

/* Mobile header + footer: one-row header with a swipeable menu, 44px tap targets, roomier footer */
@media (max-width:760px){
  .bar{gap:8px;padding-top:10px;padding-bottom:10px}
  .mark{flex:none;min-height:44px}
  .bar nav{flex:1 1 auto;min-width:0;gap:2px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);padding-right:24px}
  .bar nav::-webkit-scrollbar{display:none}
  .bar nav a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 9px;font-size:.88rem;white-space:nowrap}
  .bar nav a::after{left:9px;right:9px;bottom:8px}
  .fx-theme{flex:none;margin:0}

  .foot{padding-bottom:104px}
  .foot-row{gap:6px}
  .foot-row > span:has(> a[href="/contact"]){display:none}
  .foot-row a,.foot-soc a,.foot-legal a,.foot-links a{display:inline-flex;align-items:center;min-height:44px;padding:0}
  .foot-soc{gap:0 24px}
  .foot-links{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:.76rem}
  .foot-links a{border-bottom:0}
  .foot-addr{margin-top:16px}
  .foot-legal{gap:0 24px;margin-top:12px}
}
@media (max-width:420px){
  .bar nav a{font-size:.86rem;padding:0 8px}
  .bar nav a::after{left:8px;right:8px}
}

/* Site footer (Oct 2026): brand + two link groups, readable disclosures, legal bar */
.ft{padding:56px var(--gut) 96px;border-top:1px solid var(--line);color:var(--ink)}
.ft a{color:inherit;text-decoration:none}
.ft a:hover,.ft a:focus-visible{color:var(--signal-text);text-decoration:underline;text-underline-offset:3px}
.ft-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:40px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.ft-mark{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;font-weight:500}
.ft-mark svg{width:30px;height:18px;color:var(--signal-text)}
.ft-mark .dot{color:var(--signal-text);padding:0 .15em}
.ft-tag{margin:8px 0 0;font-family:var(--serif);font-size:1.5rem;line-height:1.2;max-width:20ch}
.ft-contact{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:0 20px;font-size:.95rem}
.ft-contact a{display:inline-flex;align-items:center;min-height:36px}
.ft-addr{margin-top:8px;font-style:normal;color:var(--muted);font-size:.875rem;line-height:1.6}
.ft-h{margin:10px 0 10px;font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ft-col ul{list-style:none;margin:0;padding:0}
.ft-col a{display:inline-flex;align-items:center;min-height:36px;font-size:.95rem}
.ft-fine{padding:28px 0;display:grid;gap:10px;max-width:900px;font-size:.8125rem;line-height:1.6;color:var(--muted)}
.ft-fine p{margin:0}
.ft-fine strong{color:var(--ink);font-weight:600}
.ft-eho{display:inline-flex;align-items:center;gap:8px;margin-top:4px!important;color:var(--ink);font-weight:500}
.ft-eho svg{width:22px;height:22px;flex:none}
.ft-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 28px;padding-top:16px;border-top:1px solid var(--line);font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:var(--muted)}
.ft-legal{display:flex;flex-wrap:wrap;gap:0 24px}
.ft-bottom a{display:inline-flex;align-items:center;min-height:36px}
.ft-legal a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.ft-top{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1 / -1}}
@media (max-width:760px){
  .ft{padding:40px var(--gut) 104px}
  .ft-top{gap:24px 16px;padding-bottom:28px}
  .ft-tag{font-size:1.3rem}
  .ft-contact a,.ft-col a,.ft-bottom a{min-height:44px}
  .ft-fine{font-size:.875rem;padding:24px 0}
  .ft-bottom{flex-direction:column;align-items:flex-start;gap:0;font-size:.78rem}
  .ft-bottom > span{padding:10px 0 2px}
}
@media print{.ft-top nav,.ft-up{display:none}}

/* Phones: bigger tap areas for small text links and buttons */
@media (pointer:coarse){
  .lab-tease-alt,.gw-more,.fx-table-toggle{padding-block:10px;margin-block:-10px}
  .cp-next a,.gw-share a,.gw-share button{padding-block:10px}
}
