@font-face{font-family:"Archivo Narrow";src:url("/fonts/archivo-narrow-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("/fonts/source-sans-3-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("/fonts/source-sans-3-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"DM Mono";src:url("/fonts/dm-mono-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
:root{--black:#080807;--red:#c71f18;--red-light:#ff716b;--paper:#f6f1e8;--edge:rgba(246,241,232,.2);--gutter:5%;color-scheme:dark}
*{box-sizing:border-box;letter-spacing:0}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--black);color:var(--paper);font:400 19px/1.55 "Source Sans 3",sans-serif}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:"Archivo Narrow",sans-serif;font-weight:700;text-transform:uppercase;line-height:1.02;text-wrap:balance}
h1{font-size:112px}h2{font-size:76px}h3{font-size:48px}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--red-light);outline-offset:5px}
a,button{-webkit-tap-highlight-color:transparent}
.skip{position:fixed;top:10px;left:16px;z-index:100;background:var(--paper);color:var(--black);padding:12px 18px;transform:translateY(-160%)}
.skip:focus{transform:none}
.reading-progress{position:fixed;inset:0 0 auto;height:4px;background:var(--red);z-index:90;transform:scaleX(0);transform-origin:left}
.topbar{position:fixed;inset:4px 0 auto;z-index:85;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:0 var(--gutter);background:rgba(8,8,7,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--edge)}
.brand{display:inline-flex;align-items:baseline;gap:8px;font:700 24px/1 "Archivo Narrow",sans-serif;text-transform:uppercase;white-space:nowrap}
.brand span{background:var(--red);padding:5px 8px 4px}
.topbar nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}
.topbar nav a{min-height:44px;display:flex;align-items:center;color:rgba(246,241,232,.8);transition:color .2s}
.topbar nav a:hover,.topbar nav a[aria-current]{color:var(--red-light)}
.chapter-index{position:fixed;right:18px;top:44%;z-index:40;display:grid;gap:8px}
.chapter-index a{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:32px;color:#b8b5ae;font:500 10px/1.3 "DM Mono",monospace;text-transform:uppercase}
.chapter-index i{width:8px;height:8px;border:1px solid currentColor;transform:rotate(45deg)}
.chapter-index a[aria-current]{color:var(--paper)}
.chapter-index a[aria-current] i{background:var(--red);border-color:var(--red-light)}
.portrait-stage{height:88svh;min-height:660px;max-height:1040px;position:relative;isolation:isolate;overflow:hidden;background:#131513}
.portrait-media{position:absolute;inset:0 0 0 25%;z-index:-2}
.portrait-media img{width:100%;height:100%;object-fit:cover;object-position:50% 34%;display:block;will-change:transform}
.portrait-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080807 0%,rgba(8,8,7,.96) 22%,rgba(8,8,7,.72) 37%,transparent 58%),linear-gradient(0deg,rgba(8,8,7,.92),transparent 24%)}
.portrait-copy{position:absolute;left:var(--gutter);top:25%;max-width:46%}
.eyebrow,.step-label{font:500 12px/1.5 "DM Mono",monospace;text-transform:uppercase;color:var(--red-light)}
.eyebrow{margin-bottom:22px}
.hero-lead{font-size:24px;line-height:1.45;margin-top:26px}
.text-link{display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid var(--red-light);margin-top:22px;font-size:16px}
.portrait-caption{position:absolute;bottom:26px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:12px;font:500 12px/1.5 "DM Mono",monospace;text-transform:uppercase}
.section-pad{padding:100px var(--gutter)}
.intro{background:var(--red);color:var(--paper);display:grid;grid-template-columns:1.1fr 1fr;gap:24px 8%}
.intro>.eyebrow{grid-column:1/-1;color:var(--paper);margin:0}
.intro h2{font-size:64px}
.intro-copy{max-width:55ch;font-size:22px;align-self:end}
.intro-copy p+p{margin-top:20px}
.journey{display:grid;grid-template-columns:.8fr 1fr;gap:8%;align-items:start}
.journey-sticky{position:sticky;top:128px}
.journey-sticky>p:last-child{margin-top:26px;color:#c7c2b8}
.journey-steps{display:grid;gap:30px}
.journey-steps article{background:var(--paper);color:var(--black);padding:38px;box-shadow:12px 12px 0 var(--red)}
.journey-steps .step-label{color:var(--red)}
.journey-steps h3{margin:18px 0}
.journey-steps p{color:#42403c}
.working{background:var(--paper);color:var(--black);display:grid;grid-template-columns:1.1fr 1fr;gap:8%}
.working .eyebrow{color:var(--red)}
.working h2{font-size:64px}
.working-heading>p:last-child{margin-top:26px;max-width:47ch;color:#42403c}
.working-rows article{padding:28px 0;border-top:1px solid #b9b3a8;display:grid;grid-template-columns:35px 1fr;gap:18px}
.working-rows article>span{font:500 13px/1.5 "DM Mono",monospace;color:var(--red);padding-top:8px}
.working-rows h3{font-size:36px;margin-bottom:10px}
.working-rows p{color:#42403c}
.founder-final{border-bottom:1px solid var(--edge);position:relative;overflow:hidden}
.founder-final::after{content:"";position:absolute;inset:0 0 0 80%;background:var(--red);transform:skewX(-22deg) translateX(40%);z-index:-1}
.founder-final h2{font-size:104px;margin-bottom:24px}
.founder-final>p:not(.eyebrow){color:#c7c2b8;font-size:24px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.actions a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 24px;background:var(--red);border:1px solid var(--red);font-weight:600;transition:background .2s,transform .2s}
.actions a:hover{background:#a91b15;transform:translateY(-2px)}
.actions a+a{background:transparent;border-color:var(--edge)}
.analytics-link{display:inline-block;text-decoration:underline;color:#c7c2b8;font-size:16px;margin-top:32px;padding:10px 0}
.founder-footer{display:flex;align-items:center;gap:28px;justify-content:space-between;padding:36px var(--gutter);font-size:15px}
.founder-footer p{color:#c7c2b8}
.founder-footer nav{display:flex;flex-wrap:wrap;gap:24px}
.founder-footer nav a{padding:12px 0}
[data-reveal]{transition:transform .7s cubic-bezier(.16,.84,.44,1),opacity .7s}
.reveal-pending{opacity:0;transform:translateY(28px)}
@media(min-width:1680px){.portrait-copy{left:8%}.section-pad{padding-left:8%;padding-right:8%}.portrait-media{left:30%}}
@media(max-width:1120px){h1{font-size:92px}h2{font-size:64px}.topbar nav{gap:22px}.chapter-index{display:none}.portrait-media{left:20%}.portrait-copy{max-width:48%}.intro,.journey,.working{gap:6%}.intro h2,.working h2{font-size:54px}.journey-steps article{padding:28px}.journey-steps h3{font-size:42px}}
@media(max-width:760px){:root{--gutter:6%}html{scroll-padding-top:24px}.topbar{position:absolute;flex-direction:column;align-items:flex-start;gap:8px;padding-top:14px;padding-bottom:12px}.topbar nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}.topbar nav a{min-height:38px}.brand{font-size:22px}.portrait-stage{height:92svh;min-height:710px;max-height:850px}.portrait-media{inset:95px 0 0}.portrait-media img{object-position:50% 18%}.portrait-shade{background:linear-gradient(0deg,#080807 2%,rgba(8,8,7,.94) 20%,rgba(8,8,7,.45) 40%,transparent 63%)}.portrait-copy{top:auto;bottom:68px;max-width:88%}.portrait-copy .eyebrow{font-size:11px;margin-bottom:12px}h1{font-size:68px;line-height:.94}.hero-lead{font-size:19px;margin-top:16px;line-height:1.25}.text-link{font-size:14px;margin-top:12px;min-height:38px}.portrait-caption{bottom:20px;font-size:10px;display:grid;gap:2px}.section-pad{padding:64px var(--gutter)}.intro,.journey,.working{grid-template-columns:1fr;gap:34px}.intro h2,.working h2,h2{font-size:48px}.intro-copy{font-size:19px}.journey-sticky{position:static}.journey-sticky h2 br{display:none}.journey-sticky h2{max-width:9ch}.journey-steps{gap:28px;padding-right:10px}.journey-steps article{padding:26px;box-shadow:10px 10px 0 var(--red)}.journey-steps h3{font-size:38px}.working-rows article:last-child{padding-bottom:0}.founder-final h2{font-size:68px}.founder-final>p:not(.eyebrow){font-size:21px}.founder-footer{flex-direction:column;align-items:flex-start;gap:20px}.founder-footer nav{gap:22px}}
@media(max-width:359px){h1{font-size:60px}.portrait-stage{min-height:700px}.topbar nav{font-size:11px;gap:5px}.intro h2,.working h2,h2{font-size:42px}.journey-steps h3{font-size:34px}.journey-steps article{padding:22px}.actions a{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.portrait-media img{will-change:auto;transform:none!important}}
@media(max-width:760px){.portrait-media{inset:95px 0 auto;height:500px}.portrait-media img{object-position:50% 20%}h1{font-size:60px}}
@media(max-width:359px){h1{font-size:50px}}
@media(min-width:761px) and (max-width:1120px){.portrait-media{inset:auto 0 auto 36%;top:50%;aspect-ratio:1;transform:translateY(-50%);mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent)}.portrait-media img{object-fit:cover;object-position:right center}.portrait-copy{top:30%;max-width:45%}h1{font-size:64px}.hero-lead{font-size:21px}}
@media(max-width:760px) and (max-height:779px){.portrait-stage{min-height:620px}.portrait-media{height:300px}.portrait-copy{bottom:60px}.portrait-copy .eyebrow{font-size:10px;margin-bottom:10px}h1{font-size:44px}.hero-lead{font-size:16px;margin-top:12px}.text-link{min-height:34px;margin-top:8px}.portrait-caption{bottom:14px}}
