:root { --paper:#f1eee5; --ink:#171914; --orange:#d4512d; --rule:rgba(23,25,20,.2); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { height:92px; display:flex; align-items:center; justify-content:space-between; padding:0 4vw; border-bottom:1px solid var(--rule); }
.wordmark { font-family:Georgia, serif; font-size:20px; letter-spacing:-.03em; }
.wordmark span { font-style:italic; }
nav { display:flex; gap:32px; align-items:center; font-size:12px; text-transform:uppercase; letter-spacing:.12em; }
.nav-shop { border-bottom:1px solid var(--ink); padding-bottom:4px; }
.hero { min-height:calc(100vh - 92px); display:grid; grid-template-columns:1.02fr .98fr; border-bottom:1px solid var(--rule); }
.hero-copy { padding:7vw 5vw 7vw 8vw; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.eyebrow,.section-label { margin:0 0 24px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.18em; }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:32px; font-family:Georgia,serif; font-size:clamp(64px,7.5vw,126px); line-height:.79; letter-spacing:-.075em; font-weight:400; }
h1 em,.final-cta em { color:var(--orange); font-weight:400; }
.hero-intro { max-width:440px; font-family:Georgia,serif; font-size:20px; line-height:1.5; }
.button { display:inline-flex; align-items:center; gap:54px; margin-top:18px; background:var(--ink); color:white; padding:18px 22px; font-size:11px; text-transform:uppercase; letter-spacing:.14em; transition:transform .2s, background .2s; }
.button:hover { transform:translateY(-2px); background:var(--orange); }
.hero-art { min-height:640px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; background:#223d43; color:#f4efe5; }
.hero-art:before { content:""; position:absolute; width:54vw; height:54vw; border-radius:50%; border:1px solid rgba(255,255,255,.16); box-shadow:0 0 0 8vw rgba(255,255,255,.025), 0 0 0 16vw rgba(255,255,255,.02); }
.hero-product-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 35%; }
.edition { position:absolute; z-index:2; top:34px; left:34px; padding:9px 12px; background:rgba(23,25,20,.72); font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.margin-note { position:absolute; z-index:2; right:30px; bottom:26px; margin:0; padding:9px 12px; background:rgba(23,25,20,.72); text-align:right; font:italic 15px/1.4 Georgia,serif; }
.shirt { position:relative; z-index:1; width:min(420px,64%); aspect-ratio:.78; background:#ebe7db; color:#182226; clip-path:polygon(23% 0,38% 8%,62% 8%,77% 0,100% 16%,86% 34%,78% 27%,82% 100%,18% 100%,22% 27%,14% 34%,0 16%); filter:drop-shadow(0 24px 30px rgba(0,0,0,.25)); display:grid; place-items:center; }
.shirt-copy { width:72%; text-align:center; display:grid; gap:8px; }
.shirt-copy strong { font-family:Georgia,serif; font-size:clamp(11px,1.35vw,19px); letter-spacing:.02em; white-space:nowrap; }
.shirt-copy span { font-size:9px; text-transform:uppercase; letter-spacing:.22em; }
.shirt-copy i { padding-top:8px; border-top:1px solid currentColor; font:italic 12px Georgia,serif; }
.manifesto { padding:9vw 8vw; display:grid; grid-template-columns:1fr 2.2fr; gap:5vw; border-bottom:1px solid var(--rule); }
.manifesto>div { max-width:900px; }
.manifesto-lead { font:400 clamp(42px,5vw,78px)/.98 Georgia,serif; letter-spacing:-.045em; }
.manifesto>div>p:last-child { max-width:680px; margin:42px 0 0 auto; font:18px/1.55 Georgia,serif; }
.collection { padding:9vw 4vw; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; margin:0 4vw 58px; }
.section-heading h2 { margin:0; font:400 clamp(46px,5.5vw,82px)/.92 Georgia,serif; letter-spacing:-.045em; }
.section-heading>p { margin:0; font:italic 16px/1.5 Georgia,serif; }
.word-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--ink); }
.word-card { min-height:520px; padding:28px; border-right:1px solid var(--ink); display:flex; flex-direction:column; justify-content:space-between; }
.word-card:last-child { border-right:0; }
.card-top { display:flex; justify-content:space-between; font-size:10px; text-transform:uppercase; letter-spacing:.16em; }
.word-entry h3 { margin:0; font:400 clamp(36px,4vw,60px)/1 Georgia,serif; letter-spacing:-.05em; }
.pronunciation { margin:12px 0 52px; font:italic 14px Georgia,serif; }
.definition { font:400 27px/1.15 Georgia,serif; }
.word-note { margin:0; max-width:300px; font-size:13px; line-height:1.5; }
.word-card.sea { background:#254149; color:#f4f0e6; }
.word-card.sun { background:#d36a3c; }
.word-card.rain { background:#b8c1b8; }
.feature-quote { padding:10vw 12vw; background:#e5dfd1; }
.feature-quote>p { font:18px/1.4 Georgia,serif; }
.feature-quote h2 { margin:20px 0 90px; font:400 clamp(62px,8.5vw,140px)/.83 Georgia,serif; letter-spacing:-.065em; }
.definition-line { max-width:980px; margin-left:auto; padding-top:24px; border-top:1px solid var(--ink); display:grid; grid-template-columns:1fr 2fr; gap:30px; font:20px/1.5 Georgia,serif; }
.definition-line strong { font-family:Arial,sans-serif; font-size:17px; letter-spacing:.05em; }
.final-cta { padding:10vw 8vw; text-align:center; background:#171914; color:#f1eee5; }
.final-cta h2 { margin:0 0 52px; font:400 clamp(76px,11vw,165px)/.78 Georgia,serif; letter-spacing:-.07em; }
.button-light { background:#f1eee5; color:#171914; }
footer { min-height:140px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(255,255,255,.15); background:#171914; color:#f1eee5; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
footer .wordmark { text-transform:none; letter-spacing:-.03em; font-size:18px; }

@media (max-width: 800px) {
  .site-header { height:74px; }
  nav>a:not(.nav-shop) { display:none; }
  .hero { grid-template-columns:1fr; }
  .hero-copy { min-height:620px; padding:80px 7vw; }
  h1 { font-size:clamp(64px,19vw,92px); }
  .hero-art { min-height:560px; }
  .shirt { width:68%; }
  .manifesto { grid-template-columns:1fr; padding:90px 7vw; }
  .manifesto-lead { font-size:46px; }
  .manifesto>div>p:last-child { margin-top:36px; }
  .collection { padding:90px 5vw; }
  .section-heading { margin:0 2vw 38px; display:block; }
  .section-heading>p { margin-top:24px; }
  .word-grid { grid-template-columns:1fr; }
  .word-card { min-height:460px; border-right:0; border-bottom:1px solid var(--ink); }
  .word-card:last-child { border-bottom:0; }
  .word-entry h3 { font-size:50px; }
  .feature-quote { padding:90px 7vw; }
  .feature-quote h2 { margin-bottom:58px; font-size:64px; }
  .definition-line { grid-template-columns:1fr; }
  .final-cta { padding:110px 6vw; }
  footer { min-height:220px; padding:45px 6vw; align-items:flex-start; flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } .button { transition:none; } }