:root { --ink:#101722; --paper:#f0ede5; --orange:#ff5e24; --blue:#9ac7d6; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Montserrat",sans-serif; }
.hero { min-height:100svh; position:relative; overflow:hidden; background:#151e2d; color:#fbf7ee; padding:27px clamp(24px,5vw,76px) 35px; }
nav { position:relative; z-index:2; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; font:500 10px/1.1 "DM Mono",monospace; letter-spacing:.09em; text-transform:uppercase; }
nav span { opacity:.68; } nav a:last-child { justify-self:end; color:inherit; text-decoration:none; border-bottom:1px solid #ff7548; padding-bottom:4px; }
.wordmark { color:var(--orange); font:800 22px/1 "Montserrat",sans-serif; text-decoration:none; letter-spacing:-.1em; }
.hero-copy { position:relative; z-index:1; width:min(660px,56vw); padding-top:clamp(85px,14vh,170px); }
.eyebrow { color:var(--orange); margin:0 0 19px; font:500 10px/1.3 "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
h1,h2 { margin:0; font-family:"Montserrat",sans-serif; font-weight:800; letter-spacing:-.075em; }
h1 { font-size:clamp(82px,11.6vw,180px); line-height:.78; }
.intro { max-width:315px; margin:35px 0 0 5px; font-size:clamp(15px,1.25vw,19px); line-height:1.45; }
.hero-image { position:absolute; right:5.2%; bottom:0; width:min(50vw,720px); height:90%; overflow:hidden; }
.hero-image img { width:100%; height:100%; object-fit:cover; object-position:50% 32%; }
.hero-caption { position:absolute; right:5.2%; bottom:20px; margin:0; font:10px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.launch-image { overflow:hidden; background:#c1dde4; }.launch-image img { display:block; width:100%; height:auto; }
.bio-launch-image { margin:38px 0 0; }.bio-launch-image figcaption { margin-top:10px; color:#5a6269; font:10px "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
.scroll { position:absolute; bottom:34px; left:clamp(24px,5vw,76px); color:inherit; text-decoration:none; font:10px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }.scroll span{ color:var(--orange); margin-left:8px; font-size:18px; vertical-align:-2px; }
.biography { padding:clamp(80px,12vw,180px) clamp(24px,10vw,156px); }.section-label { color:#5a6269; font:10px "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }.section-label span { color:var(--orange); margin-right:13px; }
.bio-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:12vw; margin-top:70px; }.bio-heading h2{ font-size:clamp(51px,6vw,91px); line-height:.91; }.bio-copy { max-width:510px; padding-top:8px; font-size:16px; line-height:1.65; }.bio-copy p { margin:0 0 21px; }.bio-copy .lead { font-size:22px; line-height:1.42; margin-bottom:33px; }
.mission { display:grid; grid-template-columns:1fr 1fr; min-height:720px; background:#c1dde4; }.mission-image { min-height:500px; overflow:hidden; }.mission-image img { width:100%; height:100%; object-fit:cover; object-position:50% 26%; filter:saturate(.85); }.mission-copy { align-self:center; padding:clamp(55px,8vw,125px); }.mission-copy h2 { max-width:560px; font-size:clamp(43px,5.4vw,80px); line-height:.94; }.mission-copy .rule { width:48px; height:2px; background:var(--orange); margin:37px 0 25px; }.mission-copy p:not(.eyebrow) { max-width:430px; font-size:17px; line-height:1.55; }.signature { font:500 11px "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; padding:25px clamp(24px,5vw,76px); background:var(--ink); color:#faf6ed; font:10px "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; } footer span:nth-child(2){ color:#8b9198; }.fiction-disclaimer { flex-basis:100%; margin:0; color:#8b9198; font-size:8px; letter-spacing:.08em; }
.journal-page { min-height:100vh; background:#f0ede5; }.journal-nav { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:26px clamp(24px,5vw,76px); border-bottom:1px solid #cbc8c0; color:var(--ink); font:500 10px/1.1 "DM Mono",monospace; letter-spacing:.09em; text-transform:uppercase; }.journal-nav span { color:#697078; }.journal-nav a:last-child { justify-self:end; color:inherit; text-decoration:none; border-bottom:1px solid var(--orange); padding-bottom:4px; }.journal { padding:clamp(45px,7vw,100px) clamp(24px,10vw,156px); }.journal-heading { display:flex; align-items:flex-end; gap:clamp(20px,4vw,60px); }.journal-heading h1 { font-size:clamp(72px,11vw,150px); line-height:.8; }.journal-heading img { width:clamp(260px,38vw,560px); height:auto; }.journal-intro { max-width:370px; margin:30px 0 75px; font-size:19px; line-height:1.45; }.post-list { border-top:1px solid #bab8b0; }.post-card { position:relative; display:grid; grid-template-columns:1.1fr 1fr auto; gap:30px; align-items:end; padding:30px 0 28px; border-bottom:1px solid #bab8b0; }.post-card .eyebrow { margin:0; align-self:start; }.post-card h2 { font-size:clamp(29px,3.4vw,49px); line-height:.95; }.post-card h2 a { color:inherit; text-decoration:none; }.post-card > p:not(.eyebrow) { margin:0; max-width:300px; color:#50575c; font-size:14px; line-height:1.5; }.read-more,.back-link { color:var(--ink); font:500 10px "DM Mono",monospace; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; white-space:nowrap; }.read-more span { color:var(--orange); font-size:17px; vertical-align:-2px; }.post { max-width:800px; margin:0 auto; padding:clamp(75px,12vw,150px) 24px; }.post h1 { font-size:clamp(56px,8vw,110px); line-height:.88; }.post-meta { margin:26px 0 60px; color:#697078; font:10px "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }.post-body { max-width:600px; font-size:18px; line-height:1.7; }.post-body p { margin:0 0 25px; }.post-body a { color:var(--ink); text-decoration-color:var(--orange); text-decoration-thickness:2px; }.back-link { display:inline-block; margin-top:35px; border-bottom:1px solid var(--orange); padding-bottom:5px; }
.post-body img { display:block; width:100%; height:auto; margin:0 0 25px; }
.post-card { grid-template-columns:96px minmax(0,1.1fr) minmax(180px,1fr) auto; gap:18px; align-items:center; }.post-card-title .eyebrow { margin:0 0 12px; }.post-thumbnail { display:block; width:96px; height:76px; overflow:hidden; }.post-thumbnail img { display:block; width:100%; height:100%; object-fit:cover; }.post-summary { margin:0; max-width:300px; color:#50575c; font-size:14px; line-height:1.5; }
@media (max-width:720px) { nav,.journal-nav { grid-template-columns:1fr auto; } nav span,.journal-nav span { display:none; }.hero { min-height:760px; }.hero-copy { width:100%; padding-top:100px; }.intro { width:50%; }.hero-image { width:72vw; height:62%; right:-5%; }.hero-caption{ display:none; }.bio-grid,.mission { grid-template-columns:1fr; gap:50px; }.bio-copy { font-size:15px; }.mission { min-height:0; }.mission-image { height:530px; min-height:0; }.mission-copy { padding:65px 24px 75px; } footer { font-size:8px; }.journal-heading { align-items:center; gap:20px; }.journal-heading img { width:46vw; }.post-card { grid-template-columns:1fr; gap:15px; }.post-card > p:not(.eyebrow) { max-width:100%; }.journal-intro { margin-bottom:55px; } }
@media (max-width:720px) { .post-card { grid-template-columns:96px minmax(0,1fr); }.post-summary,.read-more { grid-column:1 / -1; }.post-summary { max-width:100%; } }