:root{
  --paper:#FBF6EC; --ink:#1E1A17; --cherry:#C9372A; --blue:#16308F;
  --pist:#A8C6A0; --butter:#F0C24B; --muted:#6B625A; --label:#574F46;
  --hair:rgba(30,26,23,.28); --lift:4px 4px 0 rgba(30,26,23,.82); --lift-sm:3px 3px 0 rgba(30,26,23,.82); --hair2:rgba(30,26,23,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{background:var(--paper);background-image:radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.85),rgba(255,255,255,0) 55%),radial-gradient(100% 60% at 50% 108%,rgba(30,26,23,.07),rgba(30,26,23,0) 60%);background-attachment:fixed;color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
/* paper grain over everything */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.055;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}
.d{font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;letter-spacing:-.038em;line-height:.9}
.m{font-family:Inter,system-ui,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.075em;font-variant-numeric:tabular-nums}
a{color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.rule{height:1px;background:var(--hair)}
.rule.thick{height:3px;background:var(--ink)}
/* ---------- masthead ---------- */
.mast{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:1px solid var(--hair)}

.mastin{line-height:1.6;max-width:1240px;margin:0 auto;padding:11px clamp(20px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px}
.mastin a{text-decoration:none}
.regmark{width:13px;height:13px;flex:none}
.navl{display:flex;gap:22px;align-items:center}
.navl a{color:var(--muted)}
.navl a:hover{color:var(--cherry)}
.navl a.on{color:var(--ink)}
/* ---------- hero ---------- */
.hero{padding:clamp(40px,7vw,86px) 0 0;position:relative}
.kicker{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--label);flex-wrap:wrap}
.kicker b{color:var(--cherry);font-weight:500}
.markwrap{position:relative;margin:clamp(14px,2vw,22px) 0 0;line-height:.78;padding-bottom:.06em}
.markwrap .lay{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(88px,20.5vw,300px);letter-spacing:-.05em;line-height:.78;display:block}
.markwrap .lay.a{position:absolute;inset:0;color:var(--cherry);transform:translate(-.013em,-.007em);mix-blend-mode:multiply;opacity:.92}
.markwrap .lay.b{position:absolute;inset:0;color:var(--blue);transform:translate(.011em,.008em);mix-blend-mode:multiply;opacity:.92}
.markwrap .lay.top{position:relative;color:var(--ink);mix-blend-mode:multiply}
.herofoot{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,4vw,56px);align-items:end;margin-top:clamp(18px,2.4vw,30px);padding-bottom:clamp(28px,4vw,44px)}
.herofoot .say{font-size:clamp(17px,1.55vw,21px);line-height:1.45;max-width:40ch}
.herofoot .meta{font-size:12px;color:var(--label);line-height:2.1;text-align:right}
.acts{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:20px}
.ink-btn{display:inline-block;background:var(--ink);color:var(--paper);font-family:Inter,system-ui,sans-serif;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;padding:14px 22px;text-decoration:none;border:0;cursor:pointer}
.ink-btn.cherry{background:var(--cherry)}
.ink-btn:hover{background:var(--blue)}
.txt-link{font-family:Inter,system-ui,sans-serif;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--hair);padding-bottom:3px}
.txt-link:hover{color:var(--cherry);border-color:var(--cherry)}
/* ---------- photo plates ---------- */
.plates{display:flex;gap:clamp(14px,2.2vw,30px);padding:clamp(20px,3vw,34px) 0 clamp(34px,5vw,60px);align-items:flex-start;flex-wrap:wrap}
.plate{background:#fff;padding:9px 9px 0;box-shadow:var(--lift),0 18px 34px -22px rgba(30,26,23,.55);transition:transform .22s cubic-bezier(.2,.6,.2,1),box-shadow .22s cubic-bezier(.2,.6,.2,1);flex:1 1 200px;min-width:180px}
.plate img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:saturate(.94) contrast(1.03)}

.plate .slug{line-height:1.5;font-family:Inter,system-ui,sans-serif;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--label);padding:8px 2px 9px;display:flex;justify-content:space-between;gap:8px}
.plate:nth-child(1){transform:rotate(-1.4deg)}
.plate:nth-child(2){transform:rotate(.9deg) translateY(10px)}
.plate:nth-child(3){transform:rotate(-.5deg) translateY(-6px)}
.plate:nth-child(4){transform:rotate(1.5deg) translateY(14px)}
.plate:nth-child(5){transform:rotate(-1deg) translateY(4px)}
/* ---------- marquee ---------- */
.tick{background:var(--blue);color:var(--paper);overflow:hidden;white-space:nowrap;padding:13px 0;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.tick .run{display:inline-block;animation:mq 34s linear infinite;font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.09em;text-transform:uppercase}
.tick .run span{padding:0 26px}
.tick .run i{font-style:normal;color:var(--butter)}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tick .run{animation:none}}
/* ---------- section heads ---------- */
section{padding:clamp(56px,8vw,116px) 0}
.shead{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,34px);align-items:baseline;border-bottom:3px solid var(--ink);padding-bottom:14px}
.shead .no{font-family:Inter,system-ui,sans-serif;font-size:12.5px;letter-spacing:.065em;color:var(--cherry)}
.shead h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(28px,4.4vw,54px);letter-spacing:-.035em;line-height:.98}
.sdek{font-size:clamp(15px,1.35vw,18px);color:#3B342E;max-width:60ch;margin-top:18px}
/* ---------- index (format) ---------- */
.index{margin-top:clamp(26px,3.5vw,42px)}
.irow{display:grid;grid-template-columns:76px 1fr 190px;gap:clamp(12px,2vw,28px);align-items:baseline;padding:20px 0;border-bottom:1px solid var(--hair2)}
.irow:first-child{border-top:1px solid var(--hair2)}
.irow .n{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:30px;color:var(--cherry);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.irow .nm{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(19px,2vw,26px);letter-spacing:-.03em}
.irow .ds{display:block;font-size:14.5px;color:#4A423B;margin-top:5px;max-width:56ch}
.irow .tm{font-family:Inter,system-ui,sans-serif;font-size:12.5px;letter-spacing:.065em;text-transform:uppercase;color:var(--label);text-align:right;font-variant-numeric:tabular-nums}
/* ---------- volume plate ---------- */
.volplate{margin-top:clamp(26px,3.5vw,42px);border:3px solid var(--ink)}
.vhead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:clamp(16px,2vw,24px);border-bottom:3px solid var(--ink);flex-wrap:wrap}
.vhead .vn{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}
.vhead .vm{font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--label)}
.vbody{display:grid;grid-template-columns:1fr 1fr}
.vtext{padding:clamp(18px,2.4vw,30px);border-right:1px solid var(--hair)}
.vtext p{font-size:15.5px;max-width:46ch}
.vtext p+p{margin-top:13px}
.specimen{background:var(--blue);color:var(--paper);padding:clamp(18px,2.4vw,30px);position:relative;overflow:hidden}
.specimen .blob{position:absolute;width:420px;height:420px;border-radius:50%;right:-150px;top:-170px;background:radial-gradient(circle,rgba(201,55,42,.85) 0%,rgba(201,55,42,.45) 45%,rgba(201,55,42,0) 72%);mix-blend-mode:screen;opacity:.55;pointer-events:none}
.specimen .h{font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.065em;text-transform:uppercase;color:var(--butter);position:relative}
.specimen ul{list-style:none;position:relative;margin-top:14px}
.specimen li{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(19px,2.1vw,27px);letter-spacing:-.03em;padding:8px 0;border-bottom:1px solid rgba(251,246,236,.28)}
.specimen li:last-child{border-bottom:0}
.specimen .f{font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--pist);margin-top:14px;position:relative}
.vplates{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:3px solid var(--ink)}
.vplates figure{margin:0;border-right:1px solid var(--hair);position:relative}
.vplates figure:last-child{border-right:0}
.vplates img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;filter:saturate(.94)}

.vplates figcaption{line-height:1.5;font-family:Inter,system-ui,sans-serif;font-size:12.5px;letter-spacing:.065em;text-transform:uppercase;color:var(--label);padding:8px 10px}
/* ---------- next volume ---------- */
.next{background:var(--cherry);color:var(--paper);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.next .in{display:grid;grid-template-columns:1fr auto;gap:clamp(20px,4vw,50px);align-items:center;padding:clamp(34px,5vw,70px) 0}
.next .big{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(48px,10vw,150px);letter-spacing:-.05em;line-height:.82}
.next .sm{font-family:Inter,system-ui,sans-serif;font-size:12.5px;letter-spacing:.075em;text-transform:uppercase;line-height:2.2;text-align:right}
.next a.ink-btn{background:var(--ink)}
.next a.ink-btn:hover{background:var(--blue)}
/* ---------- signup ---------- */
.signup{background:var(--ink);color:var(--paper)}
.signup .shead{border-bottom-color:var(--paper)}
.signup .shead h2{color:var(--paper)}
.signup .shead .no{color:var(--butter)}
.signup .sdek{color:#B6ADA1}
.formwrap{background:var(--paper);color:var(--ink);padding:clamp(16px,2vw,24px);margin-top:clamp(22px,3vw,34px);max-width:640px;border:3px solid var(--butter)}
.formwrap iframe{width:100%;border:0;display:block}
/* ---------- colophon ---------- */
.colophon{padding:clamp(30px,4vw,50px) 0 clamp(46px,6vw,74px);border-top:1px solid var(--hair)}
.colrow{display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--label)}
.colrow a{text-decoration:none}.colrow a:hover{color:var(--cherry)}
.inks{display:flex;gap:7px;align-items:center;margin-top:16px}
.inks i{width:15px;height:15px;display:block;border-radius:50%}
/* ---------- prose (about / journal) ---------- */
.prose{max-width:66ch}
.prose p{margin-bottom:14px}
.prose h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.028em;margin:26px 0 8px}
.prose ul,.prose ol{margin:0 0 16px 20px}
.prose li{margin-bottom:9px}
.lede-xl{font-size:clamp(19px,2vw,26px);line-height:1.4;max-width:52ch}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin-top:clamp(26px,3.5vw,42px)}
.sidenote{border-left:3px solid var(--blue);padding-left:20px}
.sidenote .h{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:19px;letter-spacing:-.025em;margin-bottom:10px}
.sidenote p{font-size:14.5px;margin-bottom:10px;color:#3B342E}
.people{display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid var(--ink);border-bottom:1px solid var(--hair);margin-top:clamp(22px,3vw,34px)}
.people div{padding:20px 18px 24px;border-right:1px solid var(--hair)}
.people div:last-child{border-right:0}
.people .nm{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:20px;letter-spacing:-.028em}
.people .rl{font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--cherry);margin:6px 0 10px}
.people p{font-size:14px;color:#4A423B}
.openrole{border:3px solid var(--cherry);padding:clamp(18px,2.4vw,28px);margin-top:clamp(22px,3vw,34px)}
.openrole h3{margin-top:0}
.reveal{opacity:0;transform:translateY(10px);transition:opacity .3s cubic-bezier(.2,.6,.2,1),transform .3s cubic-bezier(.2,.6,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}
@media(max-width:900px){
  .herofoot,.vbody,.twocol{grid-template-columns:1fr}
  .herofoot .meta{text-align:left}
  .vtext{border-right:0;border-bottom:1px solid var(--hair)}
  .vplates{grid-template-columns:repeat(2,1fr)}
  .vplates figure{border-bottom:1px solid var(--hair)}
  .irow{grid-template-columns:52px 1fr;row-gap:4px}
  .irow .tm{grid-column:2;text-align:left}
  .people{grid-template-columns:1fr 1fr}
  .people div{border-bottom:1px solid var(--hair)}
  .next .in{grid-template-columns:1fr}
  .next .sm{text-align:left}
  .navl a:not(.on){display:none}
  .plate{min-width:44%}
}

/* thesis (mission) */
.thesis{margin-top:clamp(24px,3.2vw,38px)}
.tline{display:grid;grid-template-columns:56px 1fr;gap:clamp(12px,2vw,26px);padding:22px 0;border-bottom:1px solid var(--hair2);align-items:baseline}
.tline:first-child{border-top:1px solid var(--hair2)}
.tline .k{font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.075em;text-transform:uppercase;color:var(--blue)}
.tline .v{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(20px,2.3vw,30px);letter-spacing:-.032em;line-height:1.14;max-width:32ch}
.tline .v em{font-style:normal;color:var(--cherry)}
.tline .s{display:block;font-size:15px;color:#4A423B;margin-top:9px;max-width:54ch}
@media(max-width:900px){.tline{grid-template-columns:40px 1fr}}

/* the ask */
.ask{border-top:3px solid var(--ink)}
.askrow{display:grid;grid-template-columns:250px 1fr 168px;gap:clamp(14px,2.4vw,30px);padding:24px 0;border-bottom:1px solid var(--hair);align-items:start}
.askrow .t{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(19px,2vw,25px);letter-spacing:-.03em;line-height:1.12}
.askrow .b{font-size:15px;color:#3B342E;max-width:58ch}
.askrow .c{font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.065em;text-transform:uppercase;color:var(--cherry);text-align:right;line-height:1.7}
.people.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.askrow{grid-template-columns:1fr;row-gap:8px}.askrow .c{text-align:left}.people.three{grid-template-columns:1fr}}

/* ---------- dimension ---------- */
.plate:hover{transform:rotate(0deg) translateY(-4px);box-shadow:7px 7px 0 rgba(30,26,23,.82),0 26px 44px -24px rgba(30,26,23,.5)}
.ink-btn{box-shadow:var(--lift-sm);transition:transform .16s cubic-bezier(.2,.6,.2,1),box-shadow .16s cubic-bezier(.2,.6,.2,1),background .16s}
.ink-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(30,26,23,.82)}
.ink-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 rgba(30,26,23,.82)}
.volplate{box-shadow:var(--lift),0 26px 50px -30px rgba(30,26,23,.5)}
.openrole{box-shadow:var(--lift-sm)}
.formwrap{box-shadow:5px 5px 0 var(--butter)}
.tick{box-shadow:inset 0 3px 0 rgba(251,246,236,.22),inset 0 -8px 18px -8px rgba(0,0,0,.55)}
.specimen{box-shadow:inset 6px 0 14px -10px rgba(0,0,0,.65)}
.next{box-shadow:inset 0 10px 24px -18px rgba(0,0,0,.6),inset 0 -10px 24px -18px rgba(0,0,0,.6)}
/* extruded wordmark: ink face, blue extrude, cherry halo */
.markwrap .lay.top{text-shadow:
  .008em .006em 0 var(--blue), .016em .012em 0 var(--blue), .024em .018em 0 var(--blue),
  .032em .024em 0 var(--blue), .040em .030em 0 var(--blue), .048em .036em 0 var(--blue),
  .056em .042em 0 rgba(22,48,143,.92), .064em .048em 0 rgba(22,48,143,.8),
  .075em .058em .02em rgba(30,26,23,.28)}

/* extruded wordmark — ink face, tight blue extrude, thin cherry halo */
.markwrap .lay.b{display:none}
.markwrap .lay.a{color:var(--cherry);transform:translate(-.010em,-.007em);mix-blend-mode:normal;opacity:1}
.markwrap .lay.top{mix-blend-mode:normal;text-shadow:
  .004em .003em 0 var(--blue), .008em .006em 0 var(--blue), .012em .009em 0 var(--blue),
  .016em .012em 0 var(--blue), .020em .015em 0 var(--blue), .024em .018em 0 var(--blue),
  .028em .021em 0 var(--blue), .032em .024em .012em rgba(30,26,23,.34)}

/* hero logo */
.herologo{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
.herologo img{width:min(100%,430px);height:auto;display:block;filter:drop-shadow(6px 8px 0 rgba(30,26,23,.14))}
@media(max-width:900px){.herologo{align-items:flex-start}.herologo img{width:min(72%,300px)}}

/* masthead: the illustrated mark at a size it can survive */
.mastin{padding-top:10px;padding-bottom:10px}
.mastmark{width:48px;height:auto;display:block;flex:none}
.mast a.logo,.mastin>a{align-items:center}
@media(max-width:560px){.mastmark{width:40px}}