:root{
  --paper:#efe7d2;
  --paper-2:#e8dec3;
  --paper-3:#ddd1ac;
  --ink:#1a1611;
  --ink-2:#3a342a;
  --ink-3:#6b6354;
  --ink-4:#9c9482;
  --rule:#c9bd9a;
  --rule-2:#a89c79;
  --accent:#b8442e;     /* warm red (was ink blue) */
  --warm:#b8442e;
  --leaf:#5a6b3a;
  --sans:"Inter Tight", system-ui, sans-serif;
  --serif:"Newsreader", "Times New Roman", serif;
  --display:"Instrument Serif", "Times New Roman", serif;
  --mono:"JetBrains Mono", ui-monospace, monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

.mono{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase}
.sans{font-family:var(--sans)}
.italic{font-style:italic;font-family:var(--display)}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ink);vertical-align:middle;margin:0 .35em}
.dot.live{background:#5a8a3a;box-shadow:0 0 0 3px rgba(90,138,58,.18);animation:pulse 2.4s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(90,138,58,.18)}50%{box-shadow:0 0 0 6px rgba(90,138,58,.0)}}
.shell{max-width:1440px;margin:0 auto;padding:0 36px}
@media (max-width:780px){.shell{padding:0 20px}}

/* ----- strip + masthead ----- */
.strip{border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.strip-row{display:flex;justify-content:space-between;align-items:center;padding:10px 36px;gap:24px;flex-wrap:wrap}
.strip .sep{color:var(--ink-4);margin:0 8px}

.masthead{padding:18px 0 14px;border-bottom:1px solid var(--rule)}
.masthead-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}
.masthead-row > .brand{justify-self:start}
.masthead-row > .nav{justify-self:center}
.masthead-row > .cta{justify-self:end}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;overflow:visible}
.brand-text{display:flex;flex-direction:column;line-height:1.05;justify-content:center}
.brand-name{font-family:var(--display);font-style:italic;font-size:30px;letter-spacing:-.01em;color:var(--ink)}
.brand-name em{font-style:italic;color:#b8442e}
.brand-sub{font-family:var(--mono);font-size:9.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}

.nav{display:flex;gap:28px;align-items:center}
.nav a{font-family:var(--sans);font-size:13.5px;color:var(--ink-2);padding:6px 0;position:relative}
.nav a.on{color:var(--ink)}
.nav a.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--warm)}
.nav a:hover{color:var(--warm)}
.cta{display:flex;gap:10px;align-items:center}
.btn{font-family:var(--sans);font-size:13px;padding:9px 16px;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.18s;text-decoration:none}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn.solid{background:var(--ink);color:var(--paper)}
.btn.solid:hover{background:var(--warm);border-color:var(--warm)}

/* ----- section frame ----- */
.section{padding:90px 0;border-bottom:1px solid var(--rule);position:relative}
.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;align-items:end;margin-bottom:56px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.section-head .center{text-align:center}
.section-head .right{text-align:right}
.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--ink-3)}

h1,h2,h3,h4{font-weight:400}
.display{font-family:var(--display);font-size:clamp(48px,7vw,104px);line-height:.96;letter-spacing:-.02em;color:var(--ink)}
.display em{font-style:italic;color:var(--warm)}
.h2{font-family:var(--display);font-size:clamp(40px,5.4vw,80px);line-height:1;letter-spacing:-.015em}
.h2 em{font-style:italic}
.h2 em.blue{color:var(--accent)}
.h2 em.red{color:var(--warm)}
.lede{font-family:var(--serif);font-size:18px;line-height:1.55;color:var(--ink-2);max-width:60ch}

/* ----- hero ----- */
.hero{padding-top:60px;padding-bottom:30px;border-bottom:1px solid var(--rule);position:relative}
.hero-meta{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:48px;min-height:14px}
.hero-meta .center{text-align:center}
.hero-meta .right{text-align:right}
.hero-meta b{color:var(--ink);font-weight:500}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start}
.hero-grid > div > * + *{margin-top:32px}
.hero-grid > div .eyebrow + *{margin-top:24px}
.hero-headline{margin-bottom:0}
.hero-sub{font-family:var(--serif);font-size:19px;line-height:1.55;color:var(--ink-2);max-width:52ch;margin-bottom:0}
.hero-sub a{border-bottom:1px solid var(--rule-2)}
.hero-sub a:hover{color:var(--warm);border-bottom-color:var(--warm)}
.hero-cta{display:flex;gap:12px;margin-bottom:0;flex-wrap:wrap}
.hero-stats{display:grid;grid-template-columns:repeat(3,auto);gap:48px;align-items:end;border-top:1px solid var(--rule);padding-top:26px;margin-top:40px!important}
.stat .n{font-family:var(--display);font-size:60px;line-height:1;letter-spacing:-.02em}
.stat .l{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:flex;align-items:baseline;gap:8px}
.stat .l b{color:var(--ink);font-weight:500}

/* ----- plate (hero illustration) ----- */
.plate{position:relative}
.plate-frame{aspect-ratio:5/6;background:var(--paper-2);border:1px solid var(--rule-2);position:relative;overflow:hidden}
.plate-frame .label{position:absolute;left:14px;top:14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);z-index:2;mix-blend-mode:multiply}
.plate-frame .label.tr{left:auto;right:14px;text-align:right}
.plate-frame .label.bl{top:auto;bottom:14px}
.plate-frame .label.br{top:auto;left:auto;bottom:14px;right:14px;text-align:right}
.plate-art{position:absolute;inset:0;display:grid;place-items:center}
.plate-art svg{width:100%;height:100%}
.plate-grid{position:absolute;inset:0;background:
  linear-gradient(transparent 79px,rgba(0,0,0,.04) 80px),
  linear-gradient(90deg,transparent 79px,rgba(0,0,0,.04) 80px);
  background-size:80px 80px;pointer-events:none}
.plate-card-stack{position:absolute;inset:0;padding:42px;display:flex;flex-direction:column;justify-content:flex-end;gap:18px}
.plate-card{background:var(--paper);border:1px solid var(--rule-2);padding:14px 16px;font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);display:flex;justify-content:space-between;align-items:center}
.plate-card b{color:var(--ink);font-family:var(--display);font-style:italic;font-size:16px;letter-spacing:0;text-transform:none;font-weight:400}
.plate-sticker{position:absolute;width:108px;height:108px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;text-align:center;background:var(--paper);color:var(--ink-2);padding:14px;line-height:1.3;right:-22px;top:42%;transform:rotate(-6deg);z-index:3}
.plate-sticker b{display:block;font-family:var(--display);font-style:italic;font-size:20px;color:var(--ink);margin-bottom:4px;letter-spacing:0;text-transform:none}

/* ----- loop + marquee ----- */
.loop{display:flex;justify-content:center;gap:0;padding:18px 0;border-top:1px solid var(--rule);font-family:var(--display);font-size:22px;letter-spacing:-.01em;flex-wrap:wrap}
.loop span{display:inline-flex;align-items:center;gap:18px;padding:0 22px;color:var(--ink-2)}
.loop span::after{content:"·";color:var(--ink-4);margin-left:18px}
.loop span:last-child::after{display:none}
.loop b{font-family:var(--mono);font-size:11px;color:var(--ink-4);letter-spacing:.1em;margin-right:4px;font-weight:400}

.marquee{overflow:hidden;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 0;background:var(--paper-2)}
.marquee-track{display:flex;gap:42px;white-space:nowrap;animation:scroll 60s linear infinite;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.marquee-track span{display:inline-flex;align-items:center;gap:10px}
.marquee-track span::before{content:"·";color:var(--ink-4)}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ----- about block ----- */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.about-copy h2{margin-bottom:40px}
.about-copy .cols{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;margin-top:48px;border-top:1px solid var(--rule);padding-top:32px}
.about-copy p{font-size:17px;line-height:1.55;color:var(--ink-2);max-width:56ch}
.about-pull{font-family:var(--display);font-size:30px;line-height:1.15;letter-spacing:-.01em;color:var(--ink);margin-top:28px;max-width:24ch}
.about-pull em{font-style:italic;color:var(--accent)}
.about-image{aspect-ratio:4/5;background:var(--paper-2);border:1px solid var(--rule-2);position:relative;overflow:hidden}
.about-image .num{position:absolute;left:18px;top:18px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.about-image .num.r{left:auto;right:18px;text-align:right}
.about-image .stamp{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}

/* ----- capabilities/cards ----- */
.cap-hero{aspect-ratio:21/9;background:linear-gradient(160deg,var(--paper-3),var(--paper-2) 60%,var(--paper));border:1px solid var(--rule-2);position:relative;overflow:hidden;margin-bottom:64px}
.cap-hero .badge{position:absolute;left:24px;top:22px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.cap-hero .badge.r{left:auto;right:24px}
.cap-hero .corner{position:absolute;bottom:22px;left:24px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.cap-hero .corner.r{left:auto;right:24px}
.cap-hero svg.bg{position:absolute;inset:0;width:100%;height:100%}

.cap-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:end;margin-bottom:56px}
.cap-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--rule)}
.cap-card{padding:36px 28px 32px;border-right:1px solid var(--rule);position:relative;min-height:340px;display:flex;flex-direction:column}
.cap-card:last-child{border-right:0}
.cap-card .num{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--warm);margin-bottom:36px}
.cap-card h3{font-family:var(--display);font-size:34px;line-height:1.04;letter-spacing:-.01em;margin-bottom:18px;max-width:11ch}
.cap-card p{font-size:15px;line-height:1.5;color:var(--ink-2);margin-bottom:auto;max-width:34ch}
.cap-card .link{font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--ink-3);margin-top:28px;display:flex;align-items:center;gap:6px}
.cap-card .link::before{content:"↳ "}

/* ----- two notebooks (Being/Doing) cards on home ----- */
.notebooks{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.notebook{padding:48px 36px 40px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:18px;min-height:380px;position:relative;text-decoration:none;transition:background .2s}
.notebook:last-child{border-right:0}
.notebook:hover{background:var(--paper-2)}
.notebook .num{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--warm)}
.notebook h3{font-family:var(--display);font-size:88px;line-height:.95;letter-spacing:-.02em;color:var(--ink)}
.notebook h3 em{font-style:italic;color:var(--accent)}
.notebook p{font-size:16px;line-height:1.5;color:var(--ink-2);max-width:36ch}
.notebook .more{margin-top:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--rule);padding-top:18px}
.notebook .more b{color:var(--warm);font-weight:500}

/* ----- essay grid ----- */
.essays{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule)}
.essay{padding:32px 28px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:14px;min-height:480px;text-decoration:none;transition:background .2s}
.essay:last-child{border-right:0}
.essay:hover{background:var(--paper-2)}
.essay .essay-meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.essay .essay-meta b{color:var(--warm)}
.essay .img{aspect-ratio:1.2/1;background:var(--paper-2);border:1px solid var(--rule-2);margin:8px 0;position:relative;overflow:hidden}
.essay .img .nb{position:absolute;left:12px;top:12px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:var(--paper);padding:3px 7px;border:1px solid var(--rule-2)}
.essay .img .yr{position:absolute;right:12px;top:12px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.essay h4{font-family:var(--display);font-size:28px;line-height:1.05;letter-spacing:-.005em;color:var(--ink)}
.essay p{font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.essay .read{margin-top:auto;font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--ink-3);padding-top:14px;border-top:1px solid var(--rule)}

/* ----- list view (Being/Doing pages) ----- */
.essays.list{grid-template-columns:1fr}
.essays.list .essay{border-right:0;border-bottom:1px solid var(--rule);min-height:auto;flex-direction:row;align-items:center;gap:48px;padding:36px 28px}
.essays.list .essay:last-child{border-bottom:0}
.essays.list .essay .img{aspect-ratio:1.4/1;width:240px;flex-shrink:0;margin:0}
.essays.list .essay .body{flex:1;display:flex;flex-direction:column;gap:10px}
.essays.list .essay .essay-meta{justify-content:flex-start;gap:18px}
.essays.list .essay h4{font-size:38px}
.essays.list .essay p{font-size:16px;max-width:60ch}

/* ----- method / loop steps ----- */
.method-head{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start;margin-bottom:56px}
.method-plus{font-family:var(--display);font-size:96px;line-height:1;color:var(--warm);margin-bottom:24px}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--rule)}
.method-grid>div{border-right:1px solid var(--rule);padding:32px 24px 28px}
.method-grid>div:last-child{border-right:0}
.method-grid .num{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--warm);margin-bottom:32px}
.method-grid h4{font-family:var(--display);font-size:30px;line-height:1.05;letter-spacing:-.01em;margin-bottom:14px}
.method-grid p{font-size:14.5px;line-height:1.5;color:var(--ink-2);margin-bottom:22px}
.method-grid .pane{aspect-ratio:5/4;background:var(--paper-2);border:1px solid var(--rule-2);position:relative;overflow:hidden}
.method-tag{font-family:var(--display);font-size:24px;line-height:1.2;font-style:italic;text-align:center;color:var(--ink);margin-top:32px;border-top:1px solid var(--rule);padding-top:24px}
.method-tag b{font-family:var(--mono);font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);display:block;margin-top:8px;font-weight:400}

/* ----- selected (featured 2-up) ----- */
.work-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:56px;flex-wrap:wrap}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--rule)}
.work-card{padding:32px 28px;border-right:1px solid var(--rule);min-height:480px;display:flex;flex-direction:column;text-decoration:none;transition:background .2s}
.work-card:last-child{border-right:0}
.work-card:hover{background:var(--paper-2)}
.work-card .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;display:flex;justify-content:space-between}
.work-card .tag b{color:var(--warm)}
.work-card .img{aspect-ratio:1.6/1;background:var(--paper-2);border:1px solid var(--rule-2);margin:16px 0 22px;position:relative;overflow:hidden}
.work-card h4{font-family:var(--display);font-size:42px;line-height:1;letter-spacing:-.015em;margin-bottom:14px}
.work-card p{font-size:15.5px;line-height:1.55;color:var(--ink-2);max-width:46ch;margin-bottom:auto}
.work-card .foot{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid var(--rule);margin-top:24px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}

/* ----- testimonial / lineage ----- */
.testi-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:start}
.testi-quote{font-family:var(--display);font-size:clamp(36px,4.4vw,62px);line-height:1.08;letter-spacing:-.012em;color:var(--ink);margin-bottom:42px}
.testi-quote em{font-style:italic;color:var(--warm)}
.author{display:flex;gap:18px;align-items:center;border-top:1px solid var(--rule);padding-top:20px}
.author-avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#c47a5a,#7a3a26);display:grid;place-items:center;color:var(--paper);font-family:var(--display);font-style:italic;font-size:24px}
.author-name{font-family:var(--display);font-size:22px;letter-spacing:-.005em}
.author-role{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:2px}
.lineage{margin-top:48px}
.lineage h5{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:18px;font-weight:400}
.lineage ul{list-style:none;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--rule)}
.lineage li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--rule);font-family:var(--display);font-size:22px;letter-spacing:-.005em}
.lineage li span{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);align-self:center}
.testi-image{aspect-ratio:3/4;background:var(--paper-2);border:1px solid var(--rule-2);position:relative;overflow:hidden}

/* ----- CTA section ----- */
.cta-section{padding:120px 0;background:var(--ink);color:var(--paper)}
.cta-section .h2{color:var(--paper)}
.cta-section .h2 em{color:#e8c97a}
.cta-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-3);margin-bottom:48px}
.cta-head .center{text-align:center}.cta-head .right{text-align:right}
.cta-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:start}
.cta-grid p{font-family:var(--serif);font-size:19px;line-height:1.55;color:var(--paper-2);max-width:52ch;margin:32px auto 36px}
.cta-grid form{display:flex;gap:8px;flex-wrap:wrap}
.cta-grid input{font-family:var(--sans);background:#2a241a;border:1px solid #3a3225;color:var(--paper);padding:11px 16px;border-radius:999px;min-width:260px;font-size:14px;outline:none}
.cta-grid input:focus{border-color:#e8c97a}
.cta-grid .btn{border-color:var(--paper);color:var(--paper);background:transparent}
.cta-grid .btn:hover{background:var(--paper);color:var(--ink)}
.cta-grid .btn.solid{background:var(--paper);color:var(--ink)}
.cta-grid .btn.solid:hover{background:#e8c97a;color:var(--ink);border-color:#e8c97a}
.cta-meta{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-3);display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.cta-frame{aspect-ratio:1/1.05;background:#0e0c08;border:1px solid #2a241a;margin-top:60px;position:relative;overflow:hidden}
.cta-frame .glow{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle, #c47a5a 0%, #7a3a26 40%, transparent 70%);filter:blur(20px);opacity:.85}
.cta-frame .ring{position:absolute;inset:6%;border:1px solid rgba(232,201,122,.3);border-radius:50%}
.cta-frame .label{position:absolute;color:#a89c79;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}
.cta-frame .label.tl{top:14px;left:14px}.cta-frame .label.tr{top:14px;right:14px}
.cta-frame .label.bl{bottom:14px;left:14px}.cta-frame .label.br{bottom:14px;right:14px}
.cta-fin{display:flex;justify-content:space-between;border-top:1px solid #2a241a;padding-top:18px;margin-top:36px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-3)}

/* ----- footer ----- */
.foot{padding:80px 0 32px;background:var(--paper)}
.foot-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:48px;padding-bottom:48px;border-bottom:1px solid var(--rule)}
.foot-brand .brand{margin-bottom:20px}
.foot-brand p{font-size:14px;line-height:1.55;color:var(--ink-2);max-width:36ch;margin-bottom:24px}
.foot-col h5{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:18px;font-weight:400}
.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.foot-col li a{font-family:var(--sans);font-size:14px;color:var(--ink-2)}
.foot-col li a:hover{color:var(--warm)}
.foot-base{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);flex-wrap:wrap;gap:16px}
.foot-base .right{display:flex;gap:18px;align-items:center}
.colophon{font-family:var(--display);font-style:italic;font-size:clamp(96px,18vw,260px);line-height:.9;letter-spacing:-.01em;color:var(--ink);text-align:center;padding:60px 0 20px;margin-top:0}
.colophon em{color:var(--warm)}

/* ----- article page ----- */
.art-hero{padding:80px 0 60px;border-bottom:1px solid var(--rule)}
.art-back{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:36px;display:inline-block}
.art-back:hover{color:var(--warm)}
.art-meta{display:flex;gap:18px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px}
.art-meta b{color:var(--warm);font-weight:500}
.art-title{font-family:var(--display);font-size:clamp(56px,7vw,104px);line-height:.96;letter-spacing:-.02em;color:var(--ink);max-width:18ch;margin-bottom:28px}
.art-lede{font-family:var(--serif);font-size:22px;line-height:1.5;color:var(--ink-2);max-width:38ch;font-style:italic;margin:0 auto}
.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.art-cover{aspect-ratio:4/5;background:var(--paper-2);border:1px solid var(--rule-2);position:relative;overflow:hidden}
.art-cover .num{position:absolute;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);left:18px;top:18px}
.art-cover .num.r{left:auto;right:18px;text-align:right}
.art-cover .stamp{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}

.art-body{max-width:780px;margin:0 auto;padding:90px 36px}
.art-body > *{max-width:none}
@media (max-width:780px){.art-body{padding:60px 20px}}
.art-body p{font-family:var(--serif);font-size:20px;line-height:1.65;color:var(--ink);margin-bottom:24px;text-wrap:pretty}
.art-body p:first-of-type::first-letter{font-family:inherit;font-size:inherit;line-height:inherit;float:none;padding:0;color:inherit;font-style:inherit}
.art-body h2{font-family:var(--display);font-size:42px;line-height:1.1;letter-spacing:-.015em;color:var(--ink);margin:48px 0 20px;font-style:italic}
.art-body ul{padding-left:28px;margin:0 0 24px;font-family:var(--serif);font-size:19px;line-height:1.6;color:var(--ink-2)}
.art-body ul li{margin-bottom:8px}
.art-body blockquote{margin:48px 0;padding:36px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:transparent}
.art-body blockquote p{font-family:var(--display);font-size:34px;line-height:1.15;color:var(--warm);font-style:italic;letter-spacing:-.01em;margin-bottom:14px}
.art-body blockquote p::first-letter{font-size:inherit;float:none;padding:0;color:inherit}
.art-body blockquote cite{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--warm);font-style:normal}
.art-body figure.inline{margin:36px 0}
.art-body figure.inline .plate-frame{aspect-ratio:8/5}
.art-body figure.inline figcaption{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);text-align:center;margin-top:10px}

.art-foot{padding:48px 0;border-top:1px solid var(--rule);text-align:center}
.art-foot p{font-family:var(--serif);font-size:18px;color:var(--ink-2);font-style:italic;max-width:48ch;margin:0 auto 20px}
.art-foot a{color:var(--warm);border-bottom:1px solid var(--warm)}

/* ----- resources page ----- */
.q-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--rule)}
.q-card{padding:36px 32px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:280px;display:flex;flex-direction:column}
.q-card:nth-child(2n){border-right:0}
.q-card .qmark{font-family:var(--display);font-style:italic;font-size:64px;line-height:.6;color:var(--warm);height:24px}
.q-card p{font-family:var(--display);font-size:28px;line-height:1.15;letter-spacing:-.005em;color:var(--ink);font-style:italic;margin:24px 0 auto;flex:1}
.q-card cite{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-style:normal;display:flex;justify-content:space-between;border-top:1px solid var(--rule);padding-top:14px;margin-top:24px}
.q-card cite b{color:var(--warm);font-weight:500}

/* ----- hero plate hover separation ----- */
.hero-plate svg .hp-c1,
.hero-plate svg .hp-c2,
.hero-plate svg .hp-c3{transform-box:fill-box;transform-origin:center;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.hero-plate:hover svg .hp-c1{transform:translate(-26px,-18px) scale(1.02)}
.hero-plate:hover svg .hp-c2{transform:translate(26px,18px) scale(1.02)}
.hero-plate:hover svg .hp-c3{transform:translate(-18px,22px) scale(1.02)}

/* ----- hide corner labels on all image plates ----- */
.plate-frame .label,
.about-image .num,
.about-image .stamp,
.art-cover .num,
.art-cover .stamp,
.testi-image > div:not(svg):not(.li),
.essay .img .nb,
.essay .img .yr,
.cap-hero .badge,
.cap-hero .corner,
.lab .img .nb,
.lab .img .yr,
.cta-frame .label{display:none!important}

@media (max-width:1100px){
  .hero-grid,.about-grid,.cap-intro,.method-head,.testi-grid,.cta-grid,.art-grid{grid-template-columns:1fr;gap:48px}
  .cap-cards,.method-grid,.essays{grid-template-columns:repeat(2,1fr)}
  .cap-cards .cap-card:nth-child(2),.method-grid>div:nth-child(2),.essays .essay:nth-child(2){border-right:0}
  .essays .essay:nth-child(odd){border-right:1px solid var(--rule)}
  .work-grid,.notebooks,.q-grid{grid-template-columns:1fr}
  .work-card,.notebook,.q-card{border-right:0;border-bottom:1px solid var(--rule)}
  .foot-top{grid-template-columns:1fr 1fr}
  .hero-stats{grid-template-columns:repeat(3,auto);gap:24px}
  .stat .n{font-size:44px}
  .nav{display:none}
  .essays.list .essay{flex-direction:column;align-items:stretch;gap:18px}
  .essays.list .essay .img{width:100%}
}
@media (max-width:680px){
  .section{padding:60px 0}
  .hero-meta,.section-head,.cta-head{grid-template-columns:1fr;gap:8px}
  .section-head .center,.section-head .right,.hero-meta .center,.hero-meta .right,.cta-head .center,.cta-head .right{text-align:left}
  .cap-cards,.method-grid,.foot-top,.essays{grid-template-columns:1fr}
  .cap-card,.method-grid>div,.foot-col,.essay{border-right:0!important;border-bottom:1px solid var(--rule)}
  .hero-stats{grid-template-columns:repeat(3,1fr)}
  .stat .n{font-size:36px}
  .colophon{font-size:64px}
  .art-body{padding:60px 20px}
  .art-body blockquote,.art-body figure.inline{margin-left:-20px;margin-right:-20px}
  .art-body p:first-of-type::first-letter{font-size:48px}
  .notebook h3{font-size:64px}
}