@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/Barlow-Regular.ttf") format("truetype")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/Barlow-Medium.ttf") format("truetype")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/Barlow-Bold.ttf") format("truetype")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/BarlowCondensed-SemiBold.ttf") format("truetype")}
:root{color-scheme:light;--bg:#f2f2f3;--surface:#e9e9ea;--ink:#1d1f20;--muted:#555b61;--line:#cfd0d1;--accent:#5980a6;--soft:#e4e9ef;--green:#456a54}
html[data-theme=dark]{color-scheme:dark;--bg:#1a1b1c;--surface:#232425;--ink:#f2f2f3;--muted:#b7bdc3;--line:#47494b;--accent:#9ebbd8;--soft:#292f36;--green:#b3d4bc}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Barlow,system-ui,sans-serif}
a{color:inherit;text-underline-offset:4px}
button,a,summary{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
button:disabled{opacity:.5}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:"Barlow Condensed",system-ui,sans-serif;line-height:1.08;letter-spacing:.005em;text-transform:uppercase}
h1{font-size:clamp(48px,6.7vw,92px);font-weight:600}
h1 em{font-style:normal;color:var(--accent)}
h2{font-size:clamp(32px,4vw,48px);font-weight:600}
h3{font-size:36px;font-weight:600}
p+p{margin-top:16px}
.wrap{width:min(1180px,100% - 64px);margin-inline:auto}
.site-header{border-bottom:1px solid var(--line);background:var(--bg)}
.nav{min-height:90px;display:flex;align-items:center;gap:26px}
.nav nav{display:flex;align-items:center;gap:26px;margin-left:auto}
.nav-link{text-decoration:none;font-weight:550;font-size:14px;padding:12px 0}
.nav-link:hover,.text-link:hover{color:var(--accent)}
.preferences{display:flex;gap:8px}
.preferences button{background:none;border:1px solid var(--line);border-radius:0;color:var(--ink);min-width:44px;min-height:44px;font-size:13px;cursor:pointer}
.skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--surface);padding:12px}
.skip:focus{top:10px}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;padding-block:86px 76px}
.eyebrow{font:11px/1.6 ui-monospace,monospace;letter-spacing:.13em;color:var(--muted);margin-bottom:24px}
.lede{font-size:19px;line-height:1.65;max-width:600px}
.hero .lede{margin-top:26px}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;text-decoration:none;padding:13px 23px;min-height:48px;border-radius:0;font-family:"Barlow Condensed",system-ui,sans-serif;font-weight:600;font-size:17px;transition:transform .15s,filter .15s}
html[data-theme=dark] .button{color:#1a1b1c}
.button:hover{filter:brightness(1.13);transform:translateY(-2px)}
.text-link{font-size:15px;font-weight:600;padding-block:10px}
.section{padding-block:60px;border-top:1px solid var(--line)}
.section-heading{display:flex;align-items:end;gap:40px;justify-content:space-between;margin-bottom:40px}
.section-heading .eyebrow{margin-bottom:14px}
.section-heading>p{max-width:310px;font-size:15px}
.muted{color:var(--muted);font-size:14px;line-height:1.7}
.project{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-block:44px;border-top:1px solid var(--line);scroll-margin-top:24px}
.project-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}
.project-top .eyebrow{margin:0;font-size:10px}
.status{padding:4px 9px;border:1px solid var(--line);border-radius:20px;font-size:11px;color:var(--muted)}
.project h3{margin-bottom:18px}
.project-description{font-size:17px}
.project .muted{margin-top:16px}
.project .actions{gap:18px}
.preview{margin:0;min-width:0;background:var(--surface);border:1px solid var(--line);padding:12px}
.preview img{width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;display:block}
.preview figcaption{padding:12px 2px 2px;color:var(--muted);font:10px/1.5 ui-monospace,monospace;letter-spacing:.04em}
.atlas-art svg{display:block;width:100%;height:auto;aspect-ratio:1.6}
.extras-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.extras-grid article{border:1px solid var(--line);padding:25px;display:flex;flex-direction:column;gap:16px}
.extras-grid h3{font-size:25px}
.extras-grid p{color:var(--muted);font-size:15px}
.extras-grid a{margin-top:auto}
details{margin-top:24px;border:1px solid var(--line);padding:20px 24px}
summary{cursor:pointer;font-weight:600;min-height:28px}
details .muted{margin-top:20px}
.utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.utility{padding:12px;border:1px solid var(--line);text-decoration:none;font-size:14px}
.utility:hover{background:var(--soft)}
.reading{max-width:850px;min-height:65vh;padding-top:70px}
.reading h1{font-size:clamp(38px,5vw,64px);margin-bottom:26px}
.reading h2{font-size:28px;margin-top:42px;margin-bottom:18px}
.reading .lede{max-width:none;margin-bottom:25px}
.reading>a{display:inline-block;margin-top:20px}
.guide{border-top:1px solid var(--line);margin-top:35px;padding-bottom:10px}
.notice{padding:20px;background:var(--soft);margin-top:45px!important}
.legacy-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.reading p{overflow-wrap:anywhere}
@media(max-width:900px){.hero{gap:35px}
.nav{gap:18px}
.nav nav{gap:18px}
.project{gap:26px}
}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}
.nav{flex-wrap:wrap;padding-block:15px;gap:12px;justify-content:space-between}
.nav nav{order:3;width:100%;margin:0;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:6px}
.preferences{margin-left:auto}
.hero{grid-template-columns:minmax(0,1fr);padding-block:48px;gap:40px}
.hero h1{font-size:clamp(48px,10vw,72px)}
.hero .lede{font-size:17px}
.section{padding-block:42px}
.section-heading{display:block;margin-bottom:24px}
.section-heading>p{margin-top:18px;max-width:none}
.project{grid-template-columns:minmax(0,1fr);gap:26px;padding-block:32px}
.project h3{font-size:32px}
.project-description{font-size:16px}
.extras-grid{grid-template-columns:minmax(0,1fr)}
.utility-grid{grid-template-columns:minmax(0,1fr)}
.reading{padding-top:45px}
.lede{font-size:17px}
.actions{gap:12px 20px}
.button{padding-inline:19px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important;animation:none!important}
}

/* Native scrolling keeps the gallery usable with touch and without JavaScript. */
.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-x:contain}
.gallery-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;margin:0}
.gallery-slide img{background:#fff}
.gallery-slide figcaption{min-height:48px;padding-inline:4px}
.gallery-controls{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.gallery-controls[hidden]{display:none}
.gallery-tabs{display:flex;flex:1;justify-content:center;flex-wrap:wrap;gap:3px}
.gallery button{color:var(--muted);background:transparent;border:1px solid transparent;min-height:44px;cursor:pointer;font-family:"Barlow Condensed",system-ui,sans-serif;font-weight:600;font-size:14px;padding:4px 8px}
.gallery button:hover{background:var(--soft);color:var(--ink)}
.gallery button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent);background:var(--soft)}
.gallery .gallery-arrow{flex:0 0 44px;border-color:var(--line);font:20px/1 system-ui}
.gallery-footer{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:var(--muted);font-size:11px;line-height:1.5}
.gallery-count{white-space:nowrap;font-family:ui-monospace,monospace}
.gallery-track:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* 2026-10 refresh: header support CTA, hero video, start path, founder and support bands. */
.nav-support{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;font-size:14px}
html[data-theme=dark] .nav-support{color:#1a1b1c}
.nav-support:hover{filter:brightness(1.1)}
.frame{position:relative;margin:0;padding:12px;border:1px solid var(--line);background:var(--surface)}
.tick{position:absolute;width:14px;height:14px;border-color:var(--accent);border-style:solid;border-width:0}
.tick.tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.tick.tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}
.tick.bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.tick.br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}
.hero-video video,.preview video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#111;object-fit:contain}
.preview video{aspect-ratio:1.6}
.hero-video figcaption{padding:12px 2px 0;color:var(--muted);font:10px/1.5 ui-monospace,monospace;letter-spacing:.06em}
.proof{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:70px}
.proof div{padding:18px 22px;display:grid;gap:2px}
.proof div+div{border-left:1px solid var(--line)}
.proof strong{font-family:"Barlow Condensed",system-ui,sans-serif;font-size:21px;font-weight:600}
.proof span{font-size:13px;color:var(--muted)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;counter-reset:none}
.steps li{border-top:2px solid var(--accent);padding-top:18px;display:flex;flex-direction:column;gap:10px}
.steps .step-n{font:11px/1 ui-monospace,monospace;color:var(--accent);letter-spacing:.1em}
.steps h3{font-size:25px}
.steps p{color:var(--muted);font-size:15px}
.steps .text-link{margin-top:auto}
.founder-band{background:var(--soft);padding-block:70px}
.founder-grid{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:center}
.founder-grid img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;filter:grayscale(.15);border:1px solid var(--line)}
.founder-grid h2{margin-bottom:22px}
.support-band{background:var(--ink);color:var(--bg);padding-block:76px}
.support-band .eyebrow,.support-band .support-note{color:color-mix(in srgb,var(--bg) 70%,transparent)}
.support-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:start}
.support-band h2{margin-bottom:22px}
.button-light{background:var(--bg);color:var(--ink)!important}
.support-note{margin-top:18px!important;font-size:13px}
.contact-card{border:1px solid color-mix(in srgb,var(--bg) 30%,transparent);padding:28px;display:grid;gap:12px}
.contact-card h3{font-size:26px}
.contact-card p{font-size:15px;color:color-mix(in srgb,var(--bg) 78%,transparent)}
.contact-line{font-weight:600;padding-block:6px;overflow-wrap:anywhere}
.contact-line:hover{color:var(--accent)}
.profile{display:grid;grid-template-columns:240px 1fr;gap:44px;align-items:start;margin-top:10px}
.profile img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line)}
.facts{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:0}
.facts li{padding:12px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:16px}
.facts li span:first-child{font:11px/1.8 ui-monospace,monospace;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
@media(max-width:900px){.founder-grid{gap:35px;grid-template-columns:200px 1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.support-grid{gap:35px}}
@media(max-width:700px){
.nav nav{overflow-x:auto;scrollbar-width:none}
.nav-support{padding:0 12px}
.proof{grid-template-columns:1fr 1fr;margin-bottom:42px}
.proof div:nth-child(3){border-left:0}
.proof div:nth-child(n+3){border-top:1px solid var(--line)}
.steps,.support-grid,.founder-grid,.profile{grid-template-columns:minmax(0,1fr)}
.founder-grid img,.profile img{max-width:220px}
.founder-band,.support-band{padding-block:46px}
.facts li{grid-template-columns:minmax(0,1fr);gap:2px}
}
@media(max-width:420px){.nav-support span:last-child{display:none}}