/* PRUF Systems — corporate stylesheet. Self-hosted fonts, no external assets, no inline styles. */
@font-face{font-family:Outfit;src:url('../fonts/outfit-latin-300-normal.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Outfit;src:url('../fonts/outfit-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url('../fonts/outfit-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('../fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('../fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}

:root{
  --bg:#10110f;
  --bg-2:#15170f;
  --ink:#15170f;
  --paper:#f1efe7;
  --paper-2:#e6e3d8;
  --muted:#aaa99e;
  --muted-2:#8c8c80;
  --gold:#d4b46d;
  --gold-dim:#8e7d4c;
  --olive:#5f613f;
  --line:#34362e;
  --line-2:#26281f;
  --line-paper:#cbc8ba;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --sans:Outfit,Arial,sans-serif;
  --wrap:1200px;
  --gutter:56px;
  --section:120px;
  color-scheme:dark;
  scroll-behavior:smooth;
  scroll-padding-top:24px
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);font-size:17px;line-height:1.6;font-weight:400}
a{color:inherit;text-decoration:none}
button,select,input,textarea{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
button,summary{cursor:pointer}
button{color:inherit}
img,svg{display:block;max-width:100%}
[hidden]{display:none!important}
:is(button,a,summary,select,input,textarea):focus-visible{outline:2px solid var(--gold);outline-offset:4px}
::selection{background:var(--gold);color:var(--bg)}
h1,h2,h3,h4,p,dl,dd,dt,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{font-weight:400;text-wrap:balance}
h1{font-size:clamp(44px,5.2vw,76px);line-height:1.02;letter-spacing:-.035em;max-width:20ch}
h2{font-size:clamp(32px,3.2vw,48px);line-height:1.08;letter-spacing:-.03em;max-width:22ch}
h3{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.01em}
p{color:var(--muted);max-width:62ch}
strong{font-weight:600;color:var(--paper)}
.wrap{width:calc(100% - var(--gutter)*2);max-width:var(--wrap);margin-inline:auto}
.eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.09em;color:var(--gold);line-height:1.6;text-transform:uppercase}
.lead{font-size:20px;line-height:1.5;color:var(--paper);font-weight:300;max-width:38ch}
.lead-wide{max-width:52ch;font-size:19px;line-height:1.6}
.fine-print{font-size:13px;line-height:1.65;color:var(--muted-2);max-width:72ch}
.fine-print a,.inline-link{color:var(--gold);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.inline-link:hover{color:var(--paper)}
.status-dot{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;flex:none}
.skip-link{position:fixed;top:-100px;left:16px;z-index:40;background:var(--gold);color:var(--bg);padding:14px}
.skip-link:focus{top:12px}

/* Header */
.has-ribbon{padding-top:30px}
.preview-ribbon{height:30px;position:fixed;inset:0 0 auto;z-index:30;background:var(--gold);color:#171a11;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font:10px var(--mono);letter-spacing:.05em}
.preview-ribbon a{display:flex;align-items:center;min-height:30px;text-decoration:underline;text-underline-offset:3px}
.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line-2)}
.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:600;letter-spacing:-.08em;line-height:1;min-height:44px}
.wordmark span{font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.2em;align-self:flex-end;margin-bottom:7px}
.wordmark i{width:6px;height:6px;background:var(--gold);align-self:flex-start;margin-top:6px}
.site-nav{display:flex;gap:30px;font-size:14px;color:#c7c7bc}
.site-nav a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid transparent}
.site-nav a:hover{color:var(--gold)}
.site-nav a[aria-current=page]{color:var(--paper)}
.site-nav .nav-cta{color:var(--gold)}
.menu{display:none;position:relative}
.menu summary{min-height:44px;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--paper);justify-content:flex-end}
.menu summary>span{color:var(--gold);font-size:18px;transition:transform .2s}
.menu[open] summary>span{transform:rotate(45deg)}
.menu nav{position:absolute;right:0;top:100%;z-index:20;min-width:200px;background:var(--bg);border:1px solid var(--line);display:grid;padding:6px 0}
.menu nav a{display:flex;align-items:center;min-height:44px;padding:0 18px;font-size:15px;color:var(--paper)}
.menu nav a:hover{color:var(--gold)}

/* Sections */
.section{padding-block:var(--section);border-top:1px solid var(--line-2)}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:56px}
.section-head h2{margin-top:20px}
.section-head .lead{margin-top:8px}
.section-head>div:last-child{padding-bottom:6px}
#story,#architecture,#prufnet,#next,#company,#people,#newsroom,#contact{scroll-margin-top:12px}

/* Buttons */
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;min-height:54px;padding:12px 20px;font-size:15px;border:1px solid transparent;white-space:nowrap}
.button-gold{background:var(--gold);color:var(--ink)}
.button-gold:hover{background:#e6cd93}
.text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;color:var(--gold);font-size:15px;border-bottom:1px solid var(--gold-dim)}
.text-link:hover{color:var(--paper);border-color:var(--paper)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:36px}

/* Hero */
.hero{padding:96px 0 104px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:64px;align-items:start}
.hero h1{margin-top:26px}
.hero-strap{font-size:clamp(22px,2.1vw,28px);line-height:1.3;font-weight:300;color:#d9d7cc;margin-top:24px;max-width:26ch;letter-spacing:-.01em}
.hero .lead{font-size:18px;font-weight:400;color:var(--muted);margin-top:26px;max-width:46ch}
.hero-facts{justify-self:end;width:100%;max-width:420px;border-top:1px solid var(--line);margin-top:45px}
.hero-facts li{padding:20px 0;border-bottom:1px solid var(--line-2);font-size:24px;line-height:1.25;letter-spacing:-.02em;color:var(--paper)}
.hero-facts li small{display:block;font-size:14px;line-height:1.55;color:var(--muted);margin-top:6px;letter-spacing:0}
.hero-facts .hero-mark{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted-2);text-transform:uppercase}
.hero-facts .hero-mark .eyebrow{font-size:15px;letter-spacing:.14em;white-space:nowrap}
.hero-facts .hero-mark>span:last-child{text-align:right}

/* Ledger: before / after */
.ledger{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ledger>div{padding:36px 0 40px}
.ledger>div+div{border-left:1px solid var(--line);padding-left:48px}
.ledger>div:first-child{padding-right:48px}
.ledger .eyebrow{color:var(--muted-2)}
.ledger .eyebrow.is-pruf{color:var(--gold)}
.equation{margin-top:24px;font-size:22px;line-height:1.35;letter-spacing:-.015em;color:var(--paper)}
.equation li{display:grid;grid-template-columns:28px 1fr;gap:16px;padding:10px 0;border-top:1px solid var(--line-2)}
.equation li:first-child{border-top:0;padding-top:0}
.equation li>span{font-family:var(--mono);font-size:16px;color:var(--muted-2);padding-top:5px}
.equation li.result{border-top:1px solid var(--line);margin-top:6px;padding-top:18px}
.equation li.result>span{color:var(--muted-2)}
.is-pruf-col .equation li.result{color:var(--gold)}
.is-pruf-col .equation li.result>span{color:var(--gold)}
.gate{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:72px;align-items:start}
.gate h3{font-size:clamp(26px,2.4vw,34px);font-weight:400;letter-spacing:-.025em;line-height:1.15;max-width:18ch}
.gate p{margin-top:0}
.gate-list{display:flex;flex-wrap:wrap;gap:10px 0;margin-top:24px;font-family:var(--mono);font-size:12px;letter-spacing:.09em;color:var(--muted)}
.gate-list li{padding-right:18px}
.gate-list li+li:before{content:'/';margin-right:18px;color:var(--gold-dim)}

/* Paper band: the technology */
.band-paper{background:var(--paper);color:var(--ink);border-top:0}
.band-paper h2,.band-paper h3,.band-paper strong{color:var(--ink)}
.band-paper p{color:#4d4f43}
.band-paper .lead{color:#2b2d24}
.band-paper .eyebrow{color:var(--olive)}
.band-paper .fine-print{color:#6a6c5e}
.band-paper .fine-print a,.band-paper .inline-link{color:var(--olive)}
.band-paper .text-link{color:var(--ink);border-color:var(--olive)}
.band-paper .text-link:hover{color:var(--olive)}
.band-paper ::selection{background:var(--ink);color:var(--paper)}
.band-paper :is(a,button,summary):focus-visible{outline-color:var(--ink)}
/* pruf.net: first application */
.product-intro h2{margin-top:20px}
.product-film{margin:40px 0 64px;border:1px solid var(--line);background:#15170f}
.product-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#15170f}
/* Phones held upright get the full-screen vertical cut (captions sewn in); only the shown video ever loads. */
.product-film .film-vertical{display:none;aspect-ratio:9/16;max-width:min(100%,calc(80svh*9/16));margin:0 auto}
@media(max-width:760px) and (orientation:portrait){.product-film .film-landscape{display:none}.product-film .film-vertical{display:block}}
.product-film figcaption{padding:12px 16px;font:400 13px/1.6 var(--mono);color:var(--muted-2);border-top:1px solid var(--line)}
.product-film figcaption a{color:var(--gold)}
.product-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:start}
.product-grid h2{margin-top:20px}
.product-grid .lead{margin-top:22px}
.facts{margin-top:36px;border-top:1px solid var(--line)}
.facts div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line-2);font-size:15px;line-height:1.5}
.facts dt{font-family:var(--mono);font-size:11px;letter-spacing:.09em;color:var(--gold);padding-top:4px;text-transform:uppercase}
.facts dd{color:#dcdad0}
.product-grid .actions{margin-top:32px}
.availability{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);margin-top:18px;text-transform:uppercase}
.product-visual{position:relative;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 42%,#3b3f27,#131611 66%);min-height:600px;overflow:hidden}
.visual-caption{position:absolute;top:22px;left:24px;right:24px;z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:.1em;display:flex;align-items:center;gap:8px;color:#d4c59c}
.product-photo{position:absolute;top:66px;left:50%;transform:translateX(-50%);height:calc(100% - 132px);aspect-ratio:618/1395}
.product-photo img{width:100%;height:100%;filter:saturate(.85)}
.photo-note{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-end;font-size:14px;line-height:1.35;color:#cfd3c1}
.product-boundary{display:flex;justify-content:space-between;gap:40px;align-items:center;border-top:1px solid var(--line);margin-top:56px;padding-top:22px;flex-wrap:wrap}
.product-boundary p{font-size:14px;max-width:70ch}

/* Company */
.company-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.company-grid h2{margin-top:20px}
.company-grid .lead{margin-top:22px}
.company-facts{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.company-facts div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 22px 24px}
.company-facts dt{font-family:var(--mono);font-size:11px;letter-spacing:.09em;color:var(--gold);text-transform:uppercase}
.company-facts dd{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin-top:10px;color:var(--paper)}
.company-facts dd small{display:block;font-size:14px;color:var(--muted);margin-top:6px;letter-spacing:0}
.company-facts.company-facts-row{grid-template-columns:repeat(4,1fr);margin-top:48px}
.company-facts-row dd{font-size:22px}
.leadership{margin-top:72px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 40px}
.leadership-only{margin-top:0;border-top:0}
.leadership-only>p.eyebrow{padding-top:0}
.leadership>p.eyebrow{grid-column:1/-1;padding:22px 0 8px}
.leadership article{padding:22px 0 8px;border-top:1px solid var(--line-2)}
.leadership h3{font-size:21px;font-weight:600;letter-spacing:-.02em}
.leadership .role{font-family:var(--mono);font-size:11px;letter-spacing:.09em;color:var(--gold);margin-top:8px;text-transform:uppercase;line-height:1.5}
.leadership p:not(.role){font-size:14px;line-height:1.6;margin-top:14px}

/* Newsroom */
.news-list{border-top:1px solid var(--line)}
.news-eyebrow{padding:22px 0 6px}
.news-row{display:grid;grid-template-columns:200px 1fr auto;gap:40px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line)}
.news-row time{font-family:var(--mono);font-size:12px;letter-spacing:.09em;color:var(--gold);text-transform:uppercase;padding-top:6px}
.news-row time span{display:block;color:var(--muted-2);margin-top:6px}
.news-row h3{font-size:22px;font-weight:400;letter-spacing:-.02em;line-height:1.3;max-width:34ch}
.news-row p{font-size:15px;margin-top:10px;max-width:60ch}
.news-row .text-link{align-self:center}
.news-row:hover h3{color:var(--gold)}

/* Contact */
.contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;margin-top:8px;align-items:start}
.contact-layout h2{margin-top:20px}
.contact-intro .lead{margin-top:22px}
.contact-routes{margin-top:28px;border-top:1px solid var(--line)}
.contact-routes li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line-2);font-size:15px;color:var(--muted)}
.contact-routes li>span{font-family:var(--mono);font-size:11px;letter-spacing:.09em;color:var(--gold);text-transform:uppercase;padding-top:4px}
.contact-note{font-size:13px;line-height:1.65;margin-top:28px;max-width:56ch;color:var(--muted-2)}
.contact-form{display:grid;gap:22px;padding-top:8px}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-form label{display:grid;gap:9px;font-size:14px;color:#dcdad0}
.contact-form label span{display:contents;color:var(--muted-2)}
.contact-form input,.contact-form textarea{width:100%;min-width:0;background:#171a13;border:1px solid var(--muted-2);border-radius:0;padding:13px 14px;color:var(--paper);line-height:1.5}
.contact-form textarea{resize:vertical;min-height:150px}
.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.contact-form .button{justify-self:start;margin-top:6px}

/* Footer */
.site-footer{border-top:1px solid var(--line);padding:36px 0 40px;display:grid;grid-template-columns:auto 1fr auto;gap:24px 40px;align-items:center}
.site-footer>p{font-size:13px;color:var(--muted-2)}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13px;color:#b7b8ab;justify-content:flex-end}
.footer-links a{min-height:32px;display:inline-flex;align-items:center;border-bottom:1px solid transparent}
.footer-links a:hover{color:var(--gold)}
.site-footer>details{grid-column:1/-1;border-top:1px solid var(--line-2);font-size:13px}
.site-footer>details summary{min-height:44px;color:var(--muted-2)}
.site-footer>details p{max-width:80ch;line-height:1.7;padding-bottom:8px;font-size:13px}
summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px}
summary::-webkit-details-marker{display:none}
summary>span{color:var(--gold);font-size:20px;flex:none;transition:transform .25s}
details[open]>summary>span{transform:rotate(45deg)}

/* Story transcript and architecture notes (dual-state data) */
.story-end{padding-block:96px;border-top:1px solid var(--line-2)}
.story-end h2{margin-top:20px}
.story-end .lead{margin-top:22px;max-width:60ch}
.story-transcript{margin-top:40px;border-block:1px solid var(--line);font-size:15px;max-width:900px}
.story-transcript summary{min-height:56px}
.story-transcript p{margin:0 0 14px;max-width:80ch}
.story-transcript p strong{font-weight:400;color:var(--paper);margin-right:8px}
.architecture-note{margin-top:24px}

/* Interior pages */
.book{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:start;padding:88px 0 var(--section)}
.book h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(56px,7vw,104px);letter-spacing:.02em;color:var(--gold);margin-top:22px;max-width:none;line-height:1}
.book-open{font-size:clamp(22px,2.2vw,28px);line-height:1.35;color:var(--paper);margin-top:36px;max-width:30ch;letter-spacing:-.01em}
.book .lead{margin-top:20px;max-width:46ch}
.book-copy>p:not(.eyebrow):not(.book-open):not(.lead){margin-top:18px;font-size:17px;line-height:1.7}
.book-copy>p.book-close{color:var(--paper);font-size:19px}
.book .actions{margin-top:36px}
.book-facts{margin-top:40px}
.book-cover{margin:0;position:sticky;top:32px;justify-self:end;width:100%;max-width:420px}
.book-cover img{width:100%;height:auto;border:1px solid var(--line);box-shadow:0 30px 60px -30px #000}
.page-intro{padding:88px 0 64px}
.page-intro h1{margin-top:22px}
.page-intro .lead{margin-top:24px;max-width:56ch}
.questions-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;padding-bottom:var(--section)}
.questions-section h2{margin-top:20px}
.faq-list details{border-top:1px solid var(--line)}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{font-size:18px;line-height:1.35;min-height:72px;padding:16px 0;color:var(--paper)}
.faq-list p{font-size:15px;line-height:1.75;padding:0 36px 24px 0;max-width:70ch}
.page-cta{padding-block:64px;border-top:1px solid var(--line-2)}
.page-cta h2{margin-top:0}
.page-cta .actions{margin-top:28px}
.release{padding-bottom:var(--section);display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:start}
.release-body{max-width:70ch}
.release-body p{font-size:17px;line-height:1.75;margin-top:22px}
.release-body p:first-of-type{font-size:19px;color:#dcdad0}
.release-body h2{font-size:22px;letter-spacing:-.02em;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.release-body .release-question{font-size:22px;line-height:1.4;color:var(--paper);letter-spacing:-.01em}
.release-body .release-kicker{font-size:19px;color:var(--paper)}
.release-body .dateline{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--gold);text-transform:uppercase;margin-top:0}
.release-aside{position:sticky;top:32px;border-top:1px solid var(--line);padding-top:20px;display:grid;gap:18px;font-size:14px}
.release-aside dt{font-family:var(--mono);font-size:11px;letter-spacing:.09em;color:var(--gold);text-transform:uppercase}
.release-aside dd{margin-top:6px;color:#dcdad0;line-height:1.55}
.release-aside .fine-print{font-size:12px}
.thanks-content{padding:96px 0;min-height:70svh}
.thanks-content h1{margin-top:22px}
.thanks-content p{margin:24px 0 32px;max-width:48ch;font-size:19px}

/* Motion */
body.reduced-motion *{animation:none!important;transition:none!important}
html:has(body.reduced-motion){scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){
  :root{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* Responsive */
@media(max-width:1050px){
  :root{--gutter:36px;--section:96px}
  .hero{gap:40px;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
  .section-head{gap:32px;margin-bottom:44px}
  .leadership{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
  .news-row{grid-template-columns:150px 1fr auto;gap:24px}
  .company-grid,.product-grid,.contact-layout{gap:40px}
  .release{grid-template-columns:1fr;gap:40px}
  .release-aside{position:static}
}
@media(max-width:760px){
  :root{--gutter:20px;--section:72px}
  .site-header{height:72px;gap:14px}
  .wordmark{font-size:26px}
  .site-nav{gap:16px;font-size:13px}
  .site-nav{display:none}
  .menu{display:block}
  .hero{grid-template-columns:1fr;gap:40px;padding:56px 0 64px}
  .hero-facts{justify-self:start;max-width:none}
  .hero-facts .hero-mark>span:last-child{display:none}
  .hero-facts li{font-size:19px;padding:14px 0}
  .hero-strap{max-width:30ch}
  .section-head{grid-template-columns:1fr;gap:16px;margin-bottom:36px}
  .section-head>div:last-child{padding-bottom:0}
  .ledger{grid-template-columns:1fr}
  .ledger>div:first-child{padding-right:0;padding-bottom:32px}
  .ledger>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}
  .equation{font-size:19px}
  .gate{grid-template-columns:1fr;gap:20px;margin-top:56px}
  .product-grid,.company-grid,.contact-layout{grid-template-columns:1fr;gap:36px}
  .product-visual{min-height:520px;max-width:460px}
  .company-facts dd{font-size:20px}
  .company-facts.company-facts-row{grid-template-columns:1fr 1fr;margin-top:36px}
  .leadership{grid-template-columns:1fr;margin-top:56px}
  .news-row{grid-template-columns:1fr;gap:12px;padding:24px 0}
  .news-row .text-link{justify-self:start}
  .preview-ribbon{padding:0 16px;font-size:9px}
  .contact-fields{grid-template-columns:1fr}
  .site-footer{grid-template-columns:1fr;gap:16px;padding-top:28px}
  .footer-links{justify-content:flex-start}
  .questions-section{grid-template-columns:1fr;gap:28px}
  .book{grid-template-columns:1fr;gap:40px;padding:48px 0 var(--section)}
  .book-cover{position:static;justify-self:start;max-width:300px;order:-1}
  .faq-list summary{font-size:16px;min-height:64px}
  .faq-list p{padding-right:12px}
  .page-intro{padding:56px 0 40px}
  .story-end{padding-block:64px}
  .thanks-content{padding:64px 0}
}
@media(max-width:540px){
  h1{font-size:clamp(38px,10.5vw,48px)}
  h2{font-size:clamp(28px,7.8vw,36px)}
  .facts div{grid-template-columns:1fr;gap:6px;padding:14px 0}
  .contact-routes li{grid-template-columns:1fr;gap:4px}
  .company-facts{grid-template-columns:1fr 1fr}
  .company-facts div{padding:16px 14px 18px}
  .company-facts dd{font-size:18px}
  .button{gap:24px;padding-inline:16px}
}
@media(max-width:360px){
  :root{--gutter:16px}
  .company-facts{grid-template-columns:1fr}
  .wordmark{font-size:23px}
}

/* music: Humans Only (the video, and how it was made) */
.music-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:start;padding:88px 0 var(--section)}
.music-hero h1{font-size:clamp(56px,7vw,104px);line-height:1;letter-spacing:-.02em;color:var(--gold);margin-top:22px;max-width:none}
.music-hero .lead{margin-top:32px;max-width:40ch}
.music-copy>p:not(.eyebrow):not(.lead){margin-top:18px;font-size:17px;line-height:1.7;max-width:52ch}
.music-hero .actions{margin-top:36px}
.music-video{margin:0;justify-self:end;width:100%;max-width:400px;position:sticky;top:32px}
.music-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#000;border:1px solid var(--line)}
.music-video figcaption,.stage figcaption{font:11px var(--mono);letter-spacing:.06em;color:var(--gold-dim);margin-top:10px;text-transform:uppercase}
.music-how{padding:var(--section) 0;border-top:1px solid var(--line-2)}
.music-how h2{margin-top:18px;max-width:22ch}
.music-how>.lead{margin-top:24px}
.stages{list-style:none;margin:64px 0 0;padding:0;display:grid;gap:72px}
.stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.stage-wide{grid-template-columns:1fr}
.stage-copy{max-width:60ch}
.stage-n{font-family:var(--mono);font-size:12px;letter-spacing:.09em;color:var(--gold);text-transform:uppercase}
.stage h3{font-size:clamp(24px,2.4vw,32px);line-height:1.2;color:var(--paper);margin-top:12px;font-weight:500}
.stage-copy>p:not(.stage-n){margin-top:14px;font-size:17px;line-height:1.7}
.stage figure{margin:0}
.stage img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.evo{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.notes{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.notes li{border-left:2px solid var(--gold);padding:4px 0 4px 16px;color:var(--paper);font-size:17px;line-height:1.5}
.music-credits{padding:0 0 var(--section)}
.music-credits h2{margin-top:0}
.music-credits .fine-print{margin-top:24px;max-width:70ch}
@media(max-width:1050px){.music-hero{grid-template-columns:1fr;gap:48px}.music-video{position:static;justify-self:start}.stage{grid-template-columns:1fr;gap:28px}}
@media(max-width:760px){.music-hero{padding-top:56px}.evo{grid-template-columns:repeat(3,minmax(0,1fr))}.stages{gap:56px}}
.music-why{padding:var(--section) 0;border-top:1px solid var(--line-2)}
.music-why h2{margin-top:18px;max-width:24ch}
.why-copy{margin-top:24px;max-width:64ch}
.why-copy>p:not(.lead){margin-top:16px;font-size:17px;line-height:1.7}

/* Press kit and zero-PII explainer (generated by scripts/press/build.py) */
.embargo-banner{margin-top:24px;padding:14px 18px;border:1px solid var(--gold-dim);color:var(--paper);font-size:15px;max-width:none}
.verify{background:#5a4a14;color:var(--paper);font-family:var(--mono);font-size:12px;letter-spacing:.02em;padding:1px 6px}
.press-section{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding:56px 0;border-top:1px solid var(--line-2)}
.press-copy>*+*{margin-top:18px}
.press-copy p{font-size:18px;line-height:1.7}
.press-copy h2{font-size:32px}
.press-copy .role{font-family:var(--mono);font-size:12px;letter-spacing:.09em;color:var(--gold);text-transform:uppercase;margin-top:8px}
.press-facts{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.press-facts div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.press-facts dt{font-family:var(--mono);font-size:11px;letter-spacing:.09em;color:var(--gold);text-transform:uppercase;padding-top:3px}
.press-facts dd{margin:0;color:var(--paper);font-size:15px;line-height:1.55}
.press-facts+.fine-print{margin-top:18px}
.press-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none}
.press-steps li{display:grid;gap:12px;border-top:1px solid var(--gold-dim);padding-top:18px}
.press-steps li>span{font-family:var(--mono);font-size:12px;color:var(--gold)}
.press-steps p{font-size:15px;margin-top:8px}
.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:28px 20px}
.asset-thumb{aspect-ratio:1;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--line);overflow:hidden}
.asset-thumb img{width:100%;height:100%;object-fit:contain}
.asset-thumb span{font-family:var(--mono);font-size:12px;letter-spacing:.09em;color:var(--muted-2);text-transform:uppercase}
.asset a{display:block}
.asset a:hover .asset-thumb{border-color:var(--gold-dim)}
.asset p{font-size:14px;line-height:1.45;color:var(--paper);margin-top:10px}
.asset .asset-meta{font-family:var(--mono);font-size:11px;color:var(--muted-2);margin-top:4px;word-break:break-all}
.asset.is-missing p{color:var(--muted-2)}
.press-films{margin-top:6px;display:grid;gap:4px}
.press-demo video{width:100%;max-width:960px;background:#000}
.press-demo figcaption{font-size:13px;color:var(--muted-2);margin-top:12px}
.press-pending{font-size:15px}
.press-founder{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
.founder-photo{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--bg-2);border:1px solid var(--line)}
.founder-photo.is-missing{display:grid;place-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.09em;color:var(--muted-2);text-transform:uppercase}
.press-contact{font-size:22px}
.zero-pii{max-width:72ch}
.zero-pii h2{font-size:clamp(26px,2.6vw,34px);margin-top:56px}
.zero-pii p{font-size:18px;line-height:1.75;margin-top:20px;max-width:66ch}
.zero-pii p:first-of-type{margin-top:28px}
.zero-pii .actions{margin-top:48px}
@media(max-width:760px){
  .press-section{grid-template-columns:1fr;gap:20px;padding:40px 0}
  .press-facts{grid-template-columns:1fr}
  .press-facts div{grid-template-columns:1fr;gap:4px}
  .press-steps{grid-template-columns:1fr;gap:24px}
  .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .press-founder{grid-template-columns:1fr;gap:24px}
  .press-founder .founder-photo{max-width:240px}
}

/* the homepage's door to Before Zero (/before-zero/): the title card, a play mark, one line */
.bz-teaser{display:block;position:relative;color:inherit;text-decoration:none}
.bz-teaser img{display:block;width:100%;height:auto;aspect-ratio:16/9}
.bz-teaser-play{position:absolute;left:50%;top:calc(50% + 54px);width:72px;height:72px;margin:-36px 0 0 -36px;border:1px solid rgba(212,180,109,.7);border-radius:50%;background:rgba(6,6,5,.45)}
.bz-teaser-play::after{content:'';position:absolute;left:29px;top:22px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent var(--gold)}
.bz-teaser-cap{display:block;padding:14px 16px;font:400 13px/1.6 var(--mono);color:var(--muted-2);border-top:1px solid var(--line)}
.bz-teaser-cap b{color:var(--paper);font-weight:500}
.bz-teaser:hover .bz-teaser-cap,.bz-teaser:focus-visible .bz-teaser-cap{color:var(--gold)}
.bz-teaser:hover .bz-teaser-play,.bz-teaser:focus-visible .bz-teaser-play{border-color:var(--gold);background:rgba(6,6,5,.6)}