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

:root { --paper:#f2f0e9; --ink:#151515; --accent:#dc3b25; --line:rgba(21,21,21,.22); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans",Arial,sans-serif; }
a { color:inherit; }
.site-header { display:flex; justify-content:space-between; align-items:center; padding:24px 4vw; border-bottom:1px solid var(--line); }
.wordmark { font-weight:600; font-size:1.15rem; letter-spacing:.18em; text-decoration:none; }
nav { display:flex; gap:28px; }
nav a,.footer-links a { font-size:.78rem; text-transform:uppercase; letter-spacing:.12em; text-decoration:none; }
nav a:hover,.footer-links a:hover { text-decoration:underline; text-underline-offset:5px; }
.hero { min-height:760px; position:relative; padding:60px 4vw 80px; overflow:hidden; border-bottom:1px solid var(--line); }
.issue-tag,.eyebrow { font-size:.72rem; text-transform:uppercase; letter-spacing:.18em; font-weight:600; }
.hero h1 { position:relative; z-index:2; margin:72px 0 24px; font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:clamp(5rem,13vw,12rem); line-height:.73; letter-spacing:-.05em; }
.hero h1 em { color:var(--accent); font-weight:400; }
.hero-copy { position:relative; z-index:2; max-width:390px; margin:45px 0 24px; font-size:1.05rem; line-height:1.65; }
.text-link { position:relative; z-index:2; display:inline-block; font-size:.78rem; text-transform:uppercase; letter-spacing:.12em; text-underline-offset:5px; }
.hero-art { position:absolute; right:3vw; top:125px; width:min(43vw,570px); aspect-ratio:1; border-radius:50%; background:var(--ink); color:var(--paper); transform:rotate(-8deg); }
.orbit { position:absolute; border:1px solid var(--paper); border-radius:50%; }
.orbit-one { inset:11%; }
.orbit-two { inset:24%; border-color:var(--accent); }
.spark { position:absolute; top:13%; left:16%; color:var(--accent); font-size:5rem; }
.art-copy { position:absolute; inset:0; display:grid; place-content:center; text-align:center; font:italic clamp(2.5rem,5vw,5rem)/.8 "Instrument Serif",serif; letter-spacing:-.03em; }
.manifesto { display:grid; grid-template-columns:1fr 2fr; gap:4vw; padding:130px 4vw; border-bottom:1px solid var(--line); }
.manifesto h2,.section-heading h2,.closing h2 { font:400 clamp(3.2rem,7vw,7rem)/.95 "Instrument Serif",Georgia,serif; letter-spacing:-.035em; margin:0; }
.manifesto p:last-child { grid-column:2; max-width:660px; font-size:1.1rem; line-height:1.7; }
.collection { padding:115px 4vw; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:55px; }
.section-heading h2 { max-width:700px; }
.editorial-grid { display:grid; grid-template-columns:1.1fr .8fr 1fr; min-height:590px; }
.editorial-card { position:relative; padding:28px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; }
.editorial-card>span { position:absolute; top:26px; left:28px; font-size:.72rem; letter-spacing:.15em; }
.editorial-card h3 { position:relative; margin:0 0 16px; font:400 3.4rem/.85 "Instrument Serif",serif; }
.editorial-card p { position:relative; max-width:260px; line-height:1.5; }
.card-dark { background:var(--ink); color:var(--paper); }
.card-red { background:var(--accent); color:var(--paper); transform:translateY(40px); }
.card-light { background:#d7d1c2; }
.motif { position:absolute; inset:13% 0 auto; text-align:center; }
.motif-star { color:var(--accent); font-size:13rem; }
.motif-ring { width:210px; height:210px; margin:auto; left:0; right:0; border:40px solid var(--paper); border-radius:50%; transform:rotate(20deg); }
.motif-wave { font:400 16rem/1 "Instrument Serif",serif; transform:rotate(-20deg); }
.availability { margin:75px 0 0 auto; max-width:550px; font-size:.88rem; line-height:1.6; }
.closing { margin-top:60px; padding:120px 4vw; text-align:center; background:var(--accent); color:var(--paper); }
.closing h2 { margin:30px 0 50px; }
.button { display:inline-block; padding:16px 28px; border:1px solid currentColor; text-decoration:none; text-transform:uppercase; letter-spacing:.13em; font-size:.75rem; transition:.2s; }
.button:hover { background:var(--paper); color:var(--accent); }
footer { display:grid; grid-template-columns:1.3fr 1fr 1fr auto; gap:30px; align-items:start; padding:55px 4vw; background:var(--ink); color:var(--paper); }
footer p { margin:0; font-size:.82rem; }
.footer-links { display:flex; flex-direction:column; gap:12px; }
.privacy-page { max-width:880px; margin:auto; padding:90px 4vw 130px; }
.privacy-page h1 { font:400 clamp(4rem,10vw,8rem)/.9 "Instrument Serif",serif; letter-spacing:-.04em; margin:30px 0; }
.privacy-page .updated { color:#5d5d5d; margin-bottom:60px; }
.privacy-page h2 { margin:42px 0 12px; font:400 2rem "Instrument Serif",serif; }
.privacy-page p,.privacy-page li { line-height:1.75; }
.privacy-page li+li { margin-top:8px; }
@media (max-width:800px) {
  nav a:not(:last-child) { display:none; }
  .hero { min-height:720px; }
  .hero h1 { margin-top:55px; font-size:clamp(4.4rem,23vw,8rem); }
  .hero-art { width:420px; right:-190px; top:300px; opacity:.9; }
  .hero-copy { max-width:270px; }
  .manifesto { grid-template-columns:1fr; padding:85px 5vw; }
  .manifesto p:last-child { grid-column:1; }
  .section-heading { display:block; }
  .section-heading .eyebrow { margin-bottom:20px; }
  .editorial-grid { grid-template-columns:1fr; gap:14px; }
  .editorial-card { min-height:470px; }
  .card-red { transform:none; }
  footer { grid-template-columns:1fr 1fr; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }