@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

:root{
  --paper:#e9e1cf;
  --ink:#20231d;
  --green:#304735;
  --rust:#a64c32;
  --line:rgba(32,35,29,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}
.masthead,footer{display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;border-bottom:1px solid var(--line);font:500 11px 'DM Mono',monospace;letter-spacing:.14em}
.brand{font-size:13px}.brand span{color:var(--rust);margin:0 5px}.issue{opacity:.7}
main{overflow:hidden}
.hero{min-height:690px;padding:8vw 5vw 7vw;display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}
.eyebrow,.section-label{font:500 11px 'DM Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
h1{font:500 clamp(54px,7.5vw,116px);line-height:.88;letter-spacing:-.06em;margin:24px 0 34px}
h1 em{color:var(--rust);font-family:'Playfair Display',serif;font-weight:500}
.intro{max-width:570px;font-size:18px;line-height:1.65}
.button{display:inline-block;margin-top:24px;color:var(--paper);background:var(--green);padding:15px 20px;text-decoration:none;font:500 11px 'DM Mono',monospace;letter-spacing:.1em}
.hero-art{height:500px;position:relative;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 52% 45%,rgba(48,71,53,.16),transparent 42%)}
.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg)}
.hero-art:after{width:250px;height:430px;transform:translate(-50%,-50%) rotate(62deg)}
.stamp{position:absolute;top:35px;right:30px;border:2px solid var(--rust);color:var(--rust);border-radius:50%;width:100px;height:100px;display:grid;place-content:center;text-align:center;font:600 14px 'DM Mono',monospace;transform:rotate(12deg)}
.stamp small{font-size:8px;line-height:1.2;letter-spacing:.1em}
.stem{position:absolute;width:3px;height:330px;background:var(--green);left:52%;top:90px;transform:rotate(28deg);transform-origin:bottom}
.leaf{position:absolute;width:125px;height:58px;background:var(--green);border-radius:100% 0 100% 0}
.leaf-a{left:38%;top:215px;transform:rotate(-28deg)}.leaf-b{left:55%;top:280px;transform:rotate(155deg)}
.coordinate{position:absolute;bottom:24px;left:25px;font:10px 'DM Mono',monospace;line-height:1.5}
.ticker{border-block:1px solid var(--line);display:flex;justify-content:space-around;gap:20px;padding:14px 5vw;font:10px 'DM Mono',monospace;letter-spacing:.12em;white-space:nowrap}
.archive{padding:110px 5vw}.section-label{margin-bottom:38px}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.archive article{min-height:300px;padding:28px;border-right:1px solid var(--line);position:relative}.archive article:last-child{border-right:0}
.card-no{font:10px 'DM Mono',monospace;color:var(--rust)}
.archive h2{font:500 34px 'Playfair Display',serif;margin:70px 0 15px}.archive p{line-height:1.65;max-width:320px}
.manifesto{background:var(--green);color:var(--paper);padding:100px 5vw;display:grid;grid-template-columns:1fr 2fr;gap:7vw}
.manifesto .section-label{color:#b7c6aa}.large{font:500 clamp(35px,5vw,68px);line-height:1.03;margin:0 0 35px;font-family:'Playfair Display',serif}.manifesto p:last-child{max-width:620px;line-height:1.7}
.contact{padding:100px 5vw;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line)}.contact h2{font:500 clamp(50px,7vw,95px);letter-spacing:-.05em;margin:20px 0 0}.contact a{color:var(--rust);font:500 12px 'DM Mono',monospace}
footer{border-top:0;border-bottom:0;opacity:.7}
@media(max-width:800px){
 .hero{grid-template-columns:1fr;padding-top:70px}.hero-art{height:390px}.ticker{overflow:auto;justify-content:flex-start}.archive-grid{grid-template-columns:1fr}.archive article{border-right:0;border-bottom:1px solid var(--line)}.manifesto{grid-template-columns:1fr}.contact{display:block}.contact a{display:inline-block;margin-top:35px}footer{gap:15px;flex-wrap:wrap}
}