/* ==========  RESET & TOKENS  ========== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
img{max-width:100%;display:block}a{color:inherit}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

@font-face{
  font-family:'Outfit';
  font-style:normal;
  font-display:swap;
  font-weight:100 900;
  src:url('/fonts/Outfit-Variable-latin-ext.woff2') format('woff2-variations');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Outfit';
  font-style:normal;
  font-display:swap;
  font-weight:100 900;
  src:url('/fonts/Outfit-Variable-latin.woff2') format('woff2-variations');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Source Serif 4';
  font-style:normal;
  font-display:swap;
  font-weight:200 900;
  src:url('/fonts/SourceSerif4-Variable-latin-ext.woff2') format('woff2-variations');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Source Serif 4';
  font-style:normal;
  font-display:swap;
  font-weight:200 900;
  src:url('/fonts/SourceSerif4-Variable-latin.woff2') format('woff2-variations');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Source Serif 4';
  font-style:italic;
  font-display:swap;
  font-weight:200 900;
  src:url('/fonts/SourceSerif4-VariableItalic-latin-ext.woff2') format('woff2-variations');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Source Serif 4';
  font-style:italic;
  font-display:swap;
  font-weight:200 900;
  src:url('/fonts/SourceSerif4-VariableItalic-latin.woff2') format('woff2-variations');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'JetBrains Mono';
  font-style:normal;
  font-display:swap;
  font-weight:100 800;
  src:url('/fonts/JetBrainsMono-Variable-latin-ext.woff2') format('woff2-variations');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'JetBrains Mono';
  font-style:normal;
  font-display:swap;
  font-weight:100 800;
  src:url('/fonts/JetBrainsMono-Variable-latin.woff2') format('woff2-variations');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Caveat';
  font-style:normal;
  font-display:swap;
  font-weight:400 700;
  src:url('/fonts/Caveat-Variable-latin-ext.woff2') format('woff2-variations');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Caveat';
  font-style:normal;
  font-display:swap;
  font-weight:400 700;
  src:url('/fonts/Caveat-Variable-latin.woff2') format('woff2-variations');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --bg:#faf8f4;--bg-warm:#f5f0e8;--bg-sage:#eef0ea;--bg-rose:#f7eeeb;--bg-cork:#ede6d9;
  --surface:#fff;--text:#141414;--text-2:#3f3f3f;--text-3:#6a6a6a;
  --border:#e5e3dd;--border-l:#efecea;
  --fire:#d93b1c;--fire-soft:rgba(217,59,28,0.06);--fire-glow:rgba(217,59,28,0.14);
  --green:#15803d;--amber:#b45309;--violet:#6d28d9;--teal:#0f766e;--rose:#be123c;--blue:#1d4ed8;
  --font-d:'Outfit',system-ui,sans-serif;
  --font-b:'Source Serif 4',Georgia,serif;
  --font-m:'JetBrains Mono',ui-monospace,monospace;
  --font-h:'Caveat',cursive;
  --mw:1200px;--cw:720px;--r:6px;
}
html.evening{
  --bg:#f5f0e6;--bg-warm:#efe8da;--bg-sage:#e8eae2;--bg-rose:#f0e8e4;--bg-cork:#e6ddd0;
  --surface:#faf6ee;--text:#2a2520;--text-2:#4a4038;--text-3:#6e6458;--border-l:#e8e0d4;
}

/* ==========  CANDLELIGHT (warm dark)  ========== */
html.candlelight{
  --bg:#1a1612;
  --bg-warm:#221d17;
  --bg-sage:#171c18;
  --bg-rose:#231a18;
  --bg-cork:#1f1a14;
  --surface:#25201a;
  --text:#e8dfce;
  --text-2:#b5ac99;
  --text-3:#8a8275;
  --border:#35302a;
  --border-l:#2d2824;
  --fire:#e8502d;
  --fire-soft:rgba(232,80,45,.12);
  --fire-glow:rgba(232,80,45,.22);
  --green:#4ade80;
  --amber:#fbbf24;
  --violet:#c4b5fd;
  --teal:#5eead4;
  --blue:#93c5fd;
  --rose:#fda4af;
}
/* Body ambient glow in candlelight */
html.candlelight body{background-image:radial-gradient(ellipse at 15% 25%,rgba(232,80,45,.05),transparent 50%),radial-gradient(ellipse at 85% 60%,rgba(251,191,36,.03),transparent 45%)}
/* Nav backdrop */
html.candlelight .nav{background:rgba(26,22,18,.88);border-bottom-color:var(--border)}
/* Hero watermark barely visible */
html.candlelight .hero-wm{opacity:.06;color:#fff}
/* Curator note surface */
html.candlelight .section-curator{background-image:repeating-linear-gradient(180deg,transparent,transparent 2rem,rgba(255,255,255,.02) 2rem,rgba(255,255,255,.02) calc(2rem + 1px))}
html.candlelight .curator-clip{border-color:rgba(200,200,200,.3)}
html.candlelight .curator-clip::after{border-color:rgba(200,200,200,.3)}
/* Reads — featured broadsheet gets proper card surface */
html.candlelight .read-feat{background:var(--surface);box-shadow:0 4px 32px rgba(0,0,0,.35)}
html.candlelight .read-feat-side{background:#2a241d}
html.candlelight .rc-printout{background:var(--surface);box-shadow:0 2px 16px rgba(0,0,0,.3)}
html.candlelight .rc-printout::after{border-color:transparent var(--bg) transparent transparent}
html.candlelight .rc-torn{background:#201b16;box-shadow:0 2px 16px rgba(0,0,0,.3)}
html.candlelight .rc-printout .rc-highlight{background:linear-gradient(180deg,transparent 55%,rgba(251,191,36,.3) 55%,rgba(251,191,36,.3) 90%,transparent 90%)}
/* Ticket stub — inverts cleanly; just adjust cutout color */
html.candlelight .read-hl::before,html.candlelight .read-hl::after{background:var(--bg)}
/* Poetry well */
html.candlelight .poem-well{background:var(--surface);box-shadow:0 4px 32px rgba(0,0,0,.4)}
html.candlelight .poem-well::after{background:repeating-linear-gradient(180deg,var(--surface) 0,var(--surface) 4px,transparent 4px,transparent 5px,var(--surface) 5px,var(--surface) 8px)}
html.candlelight .poem-lines{background:repeating-linear-gradient(180deg,transparent,transparent 2.4rem,rgba(255,255,255,.04) 2.4rem,rgba(255,255,255,.04) calc(2.4rem + 1px))}
html.candlelight .poem-qm{opacity:.07}
/* Letters */
html.candlelight .letter-home{background:var(--surface);box-shadow:0 4px 28px rgba(0,0,0,.35)}
html.candlelight .letter-diag{background:linear-gradient(135deg,transparent 49.5%,rgba(255,255,255,.03) 49.5%,rgba(255,255,255,.03) 50.5%,transparent 50.5%)}
/* Art section gradient endpoint */
html.candlelight .section-art{background:linear-gradient(180deg,var(--bg-warm),#15110d)}
html.candlelight .section-art::before{background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.04),transparent 70%)}
html.candlelight .art-mat{background:#2a241d}
html.candlelight .art-piece:nth-child(1) .art-frame{background:linear-gradient(135deg,#1a0d06,#0d0704)}
/* Marginalia */
html.candlelight .mg-note:nth-child(1){background:#221d17}
/* yellow sticky — keep warm/yellow energy but dimmed */
html.candlelight .mg-note:nth-child(2){background:#3a3218;box-shadow:2px 3px 14px rgba(0,0,0,.35),inset 0 -40px 40px rgba(0,0,0,.06)}
html.candlelight .mg-note:nth-child(2) .mg-text{color:#e8dfac}
/* terminal card — already dark, no change needed */
/* notebook index card */
html.candlelight .mg-note:nth-child(4){background:var(--surface);background-image:repeating-linear-gradient(180deg,transparent,transparent 1.8rem,rgba(255,255,255,.04) 1.8rem,rgba(255,255,255,.04) calc(1.8rem + 1px))}
html.candlelight .mg-note:nth-child(4) mark{background:linear-gradient(180deg,transparent 55%,rgba(251,191,36,.25) 55%,rgba(251,191,36,.25) 90%,transparent 90%)}
/* receipt */
html.candlelight .mg-note:nth-child(5){background:#221d17;border-color:var(--border)}
/* fire CTA — unchanged, still fire */
/* Books */
html.candlelight .book-pages{background:repeating-linear-gradient(180deg,#2a241d 0,#2a241d 1px,#1f1a15 1px,#1f1a15 2px)}
/* Wise Words */
html.candlelight .wc-fortune{background:#3a3218;box-shadow:0 1px 4px rgba(0,0,0,.3)}
html.candlelight .wc-fortune .wc-text{color:#e8dfac}
html.candlelight .wc-fortune .wc-author{color:#c9a66b}
html.candlelight .wc-margin{border-left-color:var(--border)}
html.candlelight .wc-typewriter{background:var(--surface);border-color:var(--border-l)}
html.candlelight .wc-typewriter::before{background:repeating-linear-gradient(90deg,transparent 0,transparent 8px,rgba(255,255,255,.03) 8px,rgba(255,255,255,.03) 9px);border-bottom-color:var(--border-l)}
html.candlelight .wc-napkin{background:#221d17}
html.candlelight .wc-napkin::before{border-color:rgba(180,130,70,.2);box-shadow:inset 0 0 8px rgba(180,130,70,.1)}
/* Archive cards */
html.candlelight .arc-card{background:#2a241d;box-shadow:0 2px 8px rgba(0,0,0,.3)}
html.candlelight .arc-card::before{background:#2a241d}
html.candlelight .arc-card:nth-child(2){background:#2d2619}
html.candlelight .arc-card:nth-child(2)::before{background:#2d2619}
html.candlelight .arc-card:nth-child(3){background:#2a221a}
html.candlelight .arc-card:nth-child(3)::before{background:#2a221a}
html.candlelight .arc-redacted{background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 20px,transparent 20px,transparent 24px)}
/* Footer tweaks */
html.candlelight .footer{background:#0d0a07}
html.candlelight .footer::before{background:var(--bg-sage)}
/* Theme tags */
html.candlelight .theme-tag{color:var(--text-2);border-color:var(--border);background:transparent}
html.candlelight .theme-tag:hover{color:var(--fire);border-color:var(--fire);background:var(--fire-soft)}
/* Woven legend + hover label — readable on dark */
html.candlelight .woven-legend{background:var(--surface);border-color:var(--border)}
html.candlelight .woven-label{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.3)}
/* Subscribe page */
html.candlelight .subscribe-page{background-image:radial-gradient(ellipse at 30% 20%,rgba(232,80,45,.05),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(196,181,253,.03),transparent 40%)}
html.candlelight .sub-form input{background:var(--surface);border-color:var(--border);color:var(--text)}
html.candlelight .archive-search input{background:var(--surface);border-color:var(--border);color:var(--text)}
html.candlelight .archive-filter{background:var(--surface);border-color:var(--border)}
html.candlelight .archive-card{background:var(--surface);border-color:var(--border-l)}
/* Detail pages */
html.candlelight .detail-curator{background:var(--bg-warm)}
html.candlelight .detail-also-item{background:var(--surface);border-color:var(--border-l)}
/* About */
html.candlelight .about-page{background-image:repeating-linear-gradient(180deg,transparent,transparent 2.2rem,rgba(255,255,255,.02) 2.2rem,rgba(255,255,255,.02) calc(2.2rem + 1px))}
html.candlelight .about-clip{border-color:rgba(200,200,200,.3)}
/* Hero flourishes in candlelight */
html.candlelight .hero-stamp{background:rgba(232,80,45,.08)}
/* Scribble & curator marginalia look warmer on dark */
html.candlelight .scribble,html.candlelight .margin-note,html.candlelight .curator-pq-ann,html.candlelight .curator-aside,html.candlelight .vid-scrawl,html.candlelight .poem-pencil,html.candlelight .mg-do,html.candlelight .rc-ann,html.candlelight .read-feat-ann,html.candlelight .letter-aside{opacity:.9}

/* ==========  THEME TOGGLE  ========== */
.theme-toggle{background:none;border:0;padding:.2rem .4rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-h);font-size:1.2rem;line-height:1;color:var(--text-2);white-space:nowrap}
.theme-toggle .th-sep{opacity:.4;margin:0 .05rem}
html:not(.candlelight) .theme-toggle .th-light{color:var(--fire)}
html:not(.candlelight) .theme-toggle .th-dark{opacity:.45}
html.candlelight .theme-toggle .th-dark{color:var(--fire)}
html.candlelight .theme-toggle .th-light{opacity:.45}
.theme-toggle:hover .th-light,.theme-toggle:hover .th-dark{opacity:1}
@media(max-width:560px){.theme-toggle{font-size:1.05rem;padding:.2rem .3rem}.theme-toggle .th-light,.theme-toggle .th-dark{display:none}.theme-toggle::before{content:'🕯';font-size:1.2rem}html.candlelight .theme-toggle::before{content:'☀'}}

/* ==========  BODY  ========== */
body{
  font-family:var(--font-b);font-size:17px;line-height:1.65;color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;
  background-color:var(--bg);
  background-image:
    radial-gradient(ellipse at 15% 25%,rgba(180,150,100,0.04),transparent 50%),
    radial-gradient(ellipse at 85% 60%,rgba(160,130,80,0.03),transparent 45%);
  font-feature-settings:"kern","liga","onum";
}
::selection{background:var(--fire);color:#fff}

/* ==========  ANIMATIONS  ========== */
@keyframes breathe{0%,100%{opacity:.15;transform:translate(-50%,-50%) scale(1)}50%{opacity:.25;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes film-flicker{0%,100%{opacity:1}50%{opacity:.97}}
@keyframes scroll-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

/* ==========  SCROLL PROGRESS  ========== */
.scroll-progress{position:fixed;top:0;left:0;z-index:10001;height:2px;width:0%;background:var(--fire);transition:width .1s linear}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:10002;background:var(--text);color:var(--surface);padding:.7rem 1rem;border-radius:999px;text-decoration:none;transform:translateY(-200%);transition:transform .2s ease}
.skip-link:focus{transform:translateY(0)}

/* ==========  UTILITIES  ========== */
.struck{text-decoration:line-through;text-decoration-thickness:2px;opacity:.45}
.correction{font-family:var(--font-h);color:var(--fire);position:relative;top:-2px;text-decoration:none;font-size:1.1em}
.redacted{background:var(--text);color:var(--text);padding:0 .22em;cursor:pointer;transition:background .3s,color .3s;border-radius:2px}
.redacted:hover,.redacted:focus{background:var(--fire);color:#fff;outline:none}
.tape{position:absolute;height:20px;background:rgba(200,190,160,.35);z-index:10;pointer-events:none}

/* Theme tags on cards — elegant proportional, not shouty stamps */
.theme-tag{font-family:var(--font-d);font-size:.8rem;font-weight:500;letter-spacing:0;text-transform:none;padding:.18rem .65rem;border-radius:999px;border:1px solid var(--border);display:inline-block;color:var(--text-2);margin-right:.3rem;margin-top:.6rem;transition:color .15s,border-color .15s,background .15s;text-decoration:none}
.theme-tag:hover{color:var(--fire);border-color:var(--fire);background:var(--fire-soft)}

/* ==========  SCROLL REVEALS  ========== */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--d,0) * 1s)}
.reveal.visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* ==========  SCRIBBLES (Caveat — reserved for annotations)  ========== */
.scribble{font-family:var(--font-h);font-size:1.5rem;color:#8f2b18;opacity:.96;pointer-events:none;user-select:none;text-align:center;padding:1.5rem 2rem;position:relative;font-weight:600}
.scribble-abs{position:absolute;left:50%;transform:translateX(-50%);z-index:2}

/* ==========  NAV  ========== */
.nav{position:fixed;top:0;left:0;right:0;z-index:10000;height:54px;display:flex;align-items:center;padding:0 2.5rem;background:rgba(250,248,244,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-l)}
html.evening .nav{background:rgba(245,240,230,.88)}
.nav-brand{font-family:var(--font-d);font-size:1rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;text-decoration:none;color:var(--text);position:relative}
.nav-brand::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--fire);transition:width .3s}
.nav-brand:hover::after{width:100%}
.nav-links{display:flex;gap:1.75rem;margin-left:3rem;list-style:none}
.nav-links a{font-family:var(--font-d);font-size:.95rem;font-weight:500;letter-spacing:0;text-decoration:none;color:var(--text-2);padding:.25rem 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--text);border-bottom-color:var(--fire)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:1.2rem}
.nav-issue{font-family:var(--font-m);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:500}
.nav-sub{font-family:var(--font-d);font-size:.92rem;font-weight:600;letter-spacing:0;text-transform:none;background:var(--text);color:var(--surface);padding:.5rem 1.15rem;border:none;border-radius:999px;cursor:pointer;transition:background .2s,transform .15s;text-decoration:none}
.nav-sub:hover{background:var(--fire);transform:translateY(-1px)}

/* ==========  HERO (magazine cover feel)  ========== */
.hero{padding:10rem 2.5rem 4rem;max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:4rem;align-items:start;position:relative}
.hero-main{position:relative}
.hero-wm{position:absolute;top:-.8rem;right:-2rem;font-family:var(--font-d);font-size:clamp(10rem,22vw,18rem);font-weight:100;line-height:.8;color:var(--text);opacity:.04;pointer-events:none;user-select:none;letter-spacing:-.06em}
.hero-stamp{font-family:var(--font-m);font-size:.86rem;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--fire);color:var(--fire);padding:.35rem 1rem;display:inline-block;transform:rotate(-3deg);opacity:.85;margin-bottom:2rem;font-weight:500}
.hero-title{font-family:var(--font-d);font-size:clamp(3.2rem,8vw,6.5rem);font-weight:900;line-height:.88;letter-spacing:-.05em;margin-bottom:1.25rem;font-variation-settings:"opsz" 60}
.hero-title span{display:block}
.hero-title span:first-child{font-weight:200;font-size:.48em;letter-spacing:-.02em;color:var(--text-2);margin-bottom:.1em}
.fire-word{color:var(--fire);position:relative;font-style:italic;display:inline-block;padding-bottom:.12em}
/* Hand-drawn scrawly underline via inline SVG background */
.fire-word::after{content:'';position:absolute;bottom:0;left:-.5%;right:-.5%;height:.18em;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 12' preserveAspectRatio='none'><path d='M2 8 C 30 2, 55 11, 90 6 S 160 10, 200 5 S 270 10, 298 6' fill='none' stroke='%23d93b1c' stroke-width='2.5' stroke-linecap='round' opacity='0.85'/></svg>");background-repeat:no-repeat;background-size:100% 100%}
.hero-scrawl{font-family:var(--font-h);font-size:2.2rem;color:var(--fire);opacity:.9;transform:rotate(-5deg);margin:-.25rem 0 2.25rem 1rem;pointer-events:none;line-height:1}
.hero-pitch{font-family:var(--font-b);font-size:1.4rem;font-style:italic;line-height:1.55;color:var(--text);max-width:580px;margin-bottom:1.75rem;letter-spacing:-.005em}
.hero-read-time{font-family:var(--font-m);font-size:.92rem;letter-spacing:.02em;color:var(--text-3);margin-bottom:2.25rem;font-weight:500}
.hero-read-time .accent{font-family:var(--font-h);font-size:1.25rem;color:var(--fire);letter-spacing:0;margin-left:.2rem;vertical-align:-.05em}
.hero-theme{border-left:3px solid var(--fire);padding-left:1.4rem;margin-bottom:2.5rem;padding-top:.5rem;padding-bottom:.5rem}
.hero-theme-label{font-family:var(--font-m);font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fire);margin-bottom:.4rem;font-weight:500}
.hero-theme-text{font-family:var(--font-b);font-size:1.1rem;color:var(--text);line-height:1.55;font-style:italic}
.hero-cta{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-d);font-size:1rem;font-weight:600;letter-spacing:0;text-transform:none;background:var(--text);color:var(--surface);padding:.8rem 1.6rem;border-radius:999px;text-decoration:none;transition:background .2s,gap .3s,transform .15s}
.hero-cta:hover{background:var(--fire);gap:1rem;transform:translateY(-1px)}
.hero-scroll{text-align:center;padding:2rem 0 0;font-family:var(--font-m);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);opacity:.75;font-weight:500}
.hero-scroll span{display:block;margin-top:.5rem;animation:scroll-hint 2s ease-in-out infinite}

/* TOC card */
.hero-toc{background:var(--surface);padding:2.8rem 2.75rem 2.25rem;box-shadow:0 6px 28px rgba(0,0,0,.07);position:relative;overflow:hidden;border-top:4px solid var(--fire)}
.hero-toc .tape-top{top:-8px;left:12px;width:54px;transform:rotate(-2deg)}
.hero-toc .tape-top2{top:-6px;right:20px;width:42px;transform:rotate(5deg)}
.hero-toc::after{content:'';position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 32px 32px;border-color:transparent transparent var(--bg) transparent}
.hero-toc-label{font-family:var(--font-m);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:1.5rem;font-weight:500;padding-bottom:.85rem;border-bottom:1px solid var(--border-l)}
.toc-list{list-style:none;font-family:var(--font-b);font-size:1.1rem;font-weight:400;line-height:1.95;color:var(--text);letter-spacing:-.005em}
.toc-list li{display:flex;align-items:baseline;gap:.6rem}
.toc-list a{text-decoration:none;border-bottom:1px dotted var(--border);transition:color .2s,border-color .2s;flex:1;padding-bottom:1px}
.toc-list a:hover{color:var(--fire);border-color:var(--fire)}
.toc-list .ti{margin-right:.25em;font-size:.85em;min-width:1.25rem;display:inline-block;opacity:.7}

/* ==========  CURATOR'S NOTE  ========== */
.section-curator{
  background:var(--bg-warm);padding:8rem 2.5rem 6rem;
  clip-path:polygon(0 4rem,100% 0,100% 100%,0 100%);margin-top:-2rem;position:relative;
  background-image:repeating-linear-gradient(180deg,transparent,transparent 2rem,rgba(0,0,0,.015) 2rem,rgba(0,0,0,.015) calc(2rem + 1px));
}
.section-reads,.section-watch,.section-listen,.section-poetry,.section-letters,.section-art,.section-mg,.section-books,.section-wise,.section-themes,.section-archive{content-visibility:auto;contain-intrinsic-size:1000px}
.section-curator::before{content:'';position:absolute;top:0;bottom:0;left:clamp(2rem,8vw,6rem);width:1px;background:rgba(217,59,28,.08);pointer-events:none}
.curator-inner{max-width:var(--cw);margin:0 auto;position:relative}
.curator-clip{position:absolute;top:-1.5rem;right:-1rem;width:20px;height:50px;border:2px solid rgba(180,180,180,.4);border-radius:0 10px 10px 0;border-left:none;transform:rotate(15deg)}
.curator-clip::after{content:'';position:absolute;top:8px;left:-2px;width:12px;height:34px;border:2px solid rgba(180,180,180,.4);border-radius:0 8px 8px 0;border-left:none}
.curator-issue-label{font-family:var(--font-m);font-size:.86rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fire);margin-bottom:1.5rem;font-weight:500}
.curator-title{font-family:var(--font-d);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:2rem;font-variation-settings:"opsz" 60}
.curator-body{font-size:1.2rem;line-height:1.7}
.curator-body p{margin-bottom:1.3rem}
.curator-body p:first-of-type::first-letter{font-family:var(--font-d);font-size:3.6rem;font-weight:800;float:left;line-height:.78;padding-right:.12em;padding-top:.06em;color:var(--fire)}
.curator-pq{border-left:3px solid var(--fire);padding:1.5rem 0 1.5rem 1.75rem;margin:2.5rem 0;position:relative}
.curator-pq p{font-family:var(--font-d);font-size:clamp(1.5rem,3.5vw,1.95rem);font-weight:600;line-height:1.3;letter-spacing:-.015em}
.curator-pq-ann{position:absolute;top:-1.2rem;right:-1.5rem;font-family:var(--font-h);font-size:1.5rem;color:var(--fire);opacity:.8;transform:rotate(8deg)}
.curator-aside{font-family:var(--font-b);font-style:italic;font-size:1.15rem;color:var(--text-2);margin:2rem 0;text-align:right;line-height:1.55}
.curator-sig{font-family:var(--font-h);font-size:1.6rem;color:var(--text-2);margin-top:2.5rem}
/* Margin notes — Caveat scribbles in the gutters of the curator note */
.has-margin{position:relative}
.margin-note{position:absolute;font-family:var(--font-h);font-size:1.15rem;color:var(--fire);opacity:.7;pointer-events:none;white-space:nowrap;line-height:1.2}
.margin-note-r{right:-8rem;top:1rem;transform:rotate(4deg)}
.margin-note-l{left:-7rem;top:.5rem;transform:rotate(-4deg)}
@media(max-width:1100px){.margin-note{display:none}}

/* ==========  SECTION HEADERS  ========== */
.sh{max-width:var(--mw);margin:0 auto 3rem;padding:0 2.5rem}
.sh-num{font-family:var(--font-m);font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fire);margin-bottom:.4rem;font-weight:500}
.sh-title{font-family:var(--font-d);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;letter-spacing:-.025em;font-variation-settings:"opsz" 48}
.sh-sub{font-family:var(--font-b);font-style:italic;font-size:1.1rem;color:var(--text-2);margin-top:.4rem}
.sh-ed .sh-num{display:none}
.sh-ed .sh-title{font-size:clamp(2.6rem,6vw,4.5rem);font-weight:800;letter-spacing:-.04em;font-variation-settings:"opsz" 72}
.sh-ed .sh-title::after{content:'';display:block;width:3rem;height:3px;background:var(--fire);margin-top:.8rem}
.sh-cin{color:#e8e8e8}
.sh-cin .sh-num{color:var(--fire)}
.sh-cin .sh-title{color:#f0f0f0}
.sh-cin .sh-sub{color:rgba(255,255,255,.55)}
.sh-cin::before{content:'\25CF  \25CF  \25CF  \25CF  \25CF  \25CF  \25CF  \25CF  \25CF  \25CF  \25CF  \25CF';font-size:.5rem;letter-spacing:.5em;color:rgba(255,255,255,.1);display:block;margin-bottom:1rem;font-family:var(--font-m)}
/* sh-mus — REDESIGNED: was eye-test (.8rem mono 0.2em tracking). Now a proper museum title. */
.sh-mus{text-align:center}
.sh-mus .sh-num{display:none}
.sh-mus .sh-title{font-family:var(--font-d);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:300;letter-spacing:.04em;text-transform:uppercase;font-variation-settings:"opsz" 48}
.sh-mus .sh-sub{font-family:var(--font-b);font-style:italic;font-size:1.05rem;letter-spacing:0;text-transform:none;color:var(--text-2);margin-top:.5rem}
.sh-mus::before,.sh-mus::after{content:'';display:block;width:60px;height:1px;background:var(--text);opacity:.4;margin:0 auto}
.sh-mus::before{margin-bottom:1.5rem}.sh-mus::after{margin-top:1.25rem}
.sh-hw .sh-num{display:none}
.sh-hw .sh-title{font-family:var(--font-h);font-size:3.25rem;font-weight:500;transform:rotate(-2deg);color:var(--text)}
.sh-hw .sh-sub{font-family:var(--font-h);font-style:normal;transform:rotate(-2deg);color:var(--text-2);font-size:1.35rem}
.sh-st .sh-num{display:none}
.sh-st .sh-title{font-family:var(--font-m);font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--fire);color:var(--fire);padding:.5rem 1.6rem;display:inline-block;transform:rotate(-3deg);opacity:.85;font-weight:500}
.sh-st .sh-sub{margin-top:1rem;font-family:var(--font-b);font-style:italic;font-size:1.05rem;letter-spacing:0;text-transform:none;color:var(--text-2)}

/* ==========  READS (varied artifacts)  ========== */
.section-reads{background:var(--bg);padding:6rem 2.5rem 5rem;position:relative}

.read-feat{display:grid;grid-template-columns:1.2fr .8fr;max-width:var(--mw);margin:0 auto 2.5rem;background:var(--surface);box-shadow:0 4px 32px rgba(0,0,0,.04);position:relative;overflow:hidden;transition:box-shadow .3s}
.read-feat:hover{box-shadow:0 8px 40px rgba(0,0,0,.07)}
.read-feat .tape-feat{top:-8px;right:40px;width:60px;transform:rotate(3deg)}
.read-feat-main{padding:3.5rem}
.read-feat-num{position:absolute;top:-.5rem;left:1.5rem;font-family:var(--font-d);font-size:8rem;font-weight:900;color:var(--text);opacity:.025;line-height:1;pointer-events:none}
.read-feat-meta{display:flex;gap:.8rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}
.read-feat-meta span{font-family:var(--font-m);font-size:.86rem;letter-spacing:.02em;color:var(--text-3)}
.read-feat-meta span.source{color:var(--text);font-weight:500;text-transform:none}
.read-feat h3{font-family:var(--font-b);font-size:clamp(1.8rem,3.2vw,2.4rem);font-weight:400;letter-spacing:-.015em;line-height:1.15;margin-bottom:1.25rem}
.read-feat h3 a{text-decoration:none;transition:color .2s;border-bottom:2px solid transparent}
.read-feat h3 a:hover{color:var(--fire);border-bottom-color:var(--fire)}
.read-feat .excerpt{font-size:1.1rem;line-height:1.7;color:var(--text)}
/* drop cap removed from read-feat excerpt (was one of three drop caps — too many per issue) */
.read-feat-side{background:#f6f2ea;padding:3.5rem 2.5rem;display:flex;flex-direction:column;justify-content:center;position:relative}
.read-feat-ann{position:absolute;top:1.5rem;right:1.5rem;font-family:var(--font-h);font-size:1.35rem;color:var(--fire);opacity:.85;transform:rotate(6deg)}
.read-feat-note{font-family:var(--font-b);font-style:italic;font-size:1.1rem;line-height:1.65;color:var(--text)}
.read-feat-sig{margin-top:1.25rem;font-family:var(--font-h);font-size:1.4rem;color:var(--fire)}

.reads-grid{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}

.rc-printout{background:var(--surface);padding:2.5rem;box-shadow:0 2px 16px rgba(0,0,0,.03);text-decoration:none;display:block;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.rc-printout:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.07)}
.rc-printout::after{content:'';position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 32px 32px 0;border-color:transparent var(--bg) transparent transparent}
.rc-printout .rc-highlight{background:linear-gradient(180deg,transparent 55%,rgba(250,204,21,.25) 55%,rgba(250,204,21,.25) 90%,transparent 90%);padding:0 .1em}

.rc-torn{background:#faf8f3;padding:2.5rem 2.5rem 3rem;text-decoration:none;display:block;position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;
  clip-path:polygon(0% 0%,100% 0%,100% 94%,98% 96%,95% 93%,92% 97%,88% 94%,85% 98%,82% 95%,78% 97%,75% 93%,72% 96%,68% 94%,65% 98%,62% 95%,58% 97%,55% 93%,52% 96%,48% 94%,45% 98%,42% 95%,38% 97%,35% 93%,32% 96%,28% 94%,25% 98%,22% 95%,18% 97%,15% 93%,12% 96%,8% 94%,5% 97%,2% 95%,0% 98%);
  border-top:3px solid var(--fire);box-shadow:0 2px 16px rgba(0,0,0,.03)}
.rc-torn:hover{transform:translateY(-3px) rotate(.3deg);box-shadow:0 8px 28px rgba(0,0,0,.07)}
.rc-torn .rc-ann{font-family:var(--font-h);font-size:1.3rem;color:var(--fire);opacity:.85;transform:rotate(-3deg);margin-top:.8rem;display:inline-block}

.rc-meta{display:flex;gap:.7rem;margin-bottom:.8rem;flex-wrap:wrap;align-items:center}
.rc-meta span{font-family:var(--font-m);font-size:.86rem;letter-spacing:.02em;color:var(--text-3)}
.rc-meta span.source{color:var(--text);font-weight:500}
.reads-grid h3{font-family:var(--font-b);font-size:1.45rem;font-weight:400;letter-spacing:-.01em;line-height:1.25;margin-bottom:.85rem;color:var(--text)}
/* rc-note — was Caveat handwritten (undercut the commentary); now serif italic */
.rc-note{font-family:var(--font-b);font-style:italic;font-size:1.05rem;color:var(--text);line-height:1.6}

.read-hl{max-width:var(--mw);margin:2rem auto 0;background:var(--text);padding:2.5rem 3.5rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;position:relative;border-radius:4px}
.read-hl::before,.read-hl::after{content:'';position:absolute;width:16px;height:16px;background:var(--bg);border-radius:50%;top:50%;transform:translateY(-50%)}
.read-hl::before{left:-8px}.read-hl::after{right:-8px}
.read-hl h3{font-family:var(--font-d);font-size:1.55rem;font-weight:700;color:#fff;line-height:1.3}
.read-hl h3 a{text-decoration:none;color:#fff}
.rh-meta{font-family:var(--font-m);font-size:.86rem;letter-spacing:.02em;color:rgba(255,255,255,.75);margin-top:.5rem}
.rh-stamp{font-family:var(--font-m);font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--fire);color:var(--fire);opacity:.95;padding:.3rem 1rem;transform:rotate(-6deg);font-weight:500}

/* ==========  WATCH (warm dark, soft entry/exit)  ========== */
.section-watch{background:#141210;padding:8rem 0 7rem;position:relative;overflow:hidden;margin-top:-4rem;box-shadow:inset 0 80px 80px -40px var(--bg),inset 0 -80px 80px -40px var(--bg)}
.section-watch .sh{max-width:var(--mw);margin:0 auto 3rem;position:relative;z-index:2}
.section-watch>*{position:relative;z-index:2}
/* film reel dot strips */
.section-watch::before{content:'';position:absolute;top:70px;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 12px,transparent 12px,transparent 20px);pointer-events:none;z-index:1}
.section-watch::after{content:'';position:absolute;bottom:60px;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 12px,transparent 12px,transparent 20px);pointer-events:none;z-index:1}
.section-watch>.bleed{display:none}
html.candlelight .section-watch{background:#0e0b08;box-shadow:inset 0 80px 80px -40px var(--bg),inset 0 -80px 80px -40px var(--bg)}

.watch-marquee{max-width:var(--mw);margin:0 auto 2rem;padding:0 2.5rem}
.watch-marquee-inner{font-family:var(--font-m);font-size:.92rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fire);padding:.75rem 1.5rem;display:inline-block;font-weight:500;position:relative;border:1px solid rgba(217,59,28,.35);background:rgba(217,59,28,.04)}
/* lightbulb dots around the marquee */
.watch-marquee-inner::before,.watch-marquee-inner::after{content:'';position:absolute;left:0;right:0;height:6px;background-image:radial-gradient(circle,var(--fire) 40%,transparent 45%);background-size:14px 6px;background-repeat:repeat-x;background-position:center;opacity:.7}
.watch-marquee-inner::before{top:-3px}
.watch-marquee-inner::after{bottom:-3px}
.watch-marquee-inner{box-shadow:0 0 0 1px rgba(217,59,28,.08)}

.watch-grid{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;padding:0 2.5rem}

.vid-card{position:relative;overflow:hidden;border-radius:4px;text-decoration:none;display:block;border:6px solid #222;box-shadow:inset 0 0 0 2px rgba(255,255,255,.03)}
.vid-card:nth-child(1){grid-row:1/3;aspect-ratio:16/9}
.vid-card:nth-child(2),.vid-card:nth-child(3){aspect-ratio:16/9}
.vid-card::before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:overlay}
.vid-bg{position:absolute;inset:0}
.vid-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:4}
.vid-card:hover .vid-play{background:var(--fire);transform:translate(-50%,-50%) scale(1.1)}
.vid-play::before{content:'';position:absolute;inset:-4px;border-radius:50%;animation:breathe 3s ease-in-out infinite;background:transparent;border:1px solid rgba(255,255,255,.08)}
.vid-play::after{content:'';width:0;height:0;border-left:12px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.vid-info{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem 1.5rem;background:linear-gradient(transparent,rgba(0,0,0,.85));z-index:4}
.vid-title{font-family:var(--font-d);font-size:1.3rem;font-weight:600;color:#f0f0f0;margin-bottom:.35rem;line-height:1.25}
.vid-meta{font-family:var(--font-m);font-size:.84rem;letter-spacing:.02em;color:rgba(255,255,255,.6)}
.vid-dur{position:absolute;top:1rem;right:1rem;font-family:var(--font-m);font-size:.84rem;letter-spacing:.02em;background:rgba(0,0,0,.6);color:rgba(255,255,255,.85);padding:.2rem .6rem;border-radius:2px;z-index:4;font-weight:500}
.vid-scrawl{position:absolute;bottom:9.5rem;left:1.5rem;font-family:var(--font-h);font-size:1.15rem;color:var(--fire);opacity:.9;transform:rotate(-3deg);max-width:180px;z-index:4;line-height:1.2;pointer-events:none}

/* ==========  LISTEN (violet emphasis)  ========== */
.section-listen{background:var(--bg);padding:6rem 2.5rem 5rem;position:relative}
.section-listen .sh{max-width:var(--mw);margin:0 auto 3rem}
.section-listen>.bleed{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(transparent,var(--bg-sage));pointer-events:none}

.listen-grid{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}

.ls-vinyl{grid-column:1/-1;background:linear-gradient(135deg,#1a1035,#2d1b69,#3b2380);padding:3rem;text-decoration:none;display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center;color:#f0eddd;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.ls-vinyl:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(109,40,217,.2)}
.ls-disc{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#111 18%,transparent 18%,transparent 20%,#222 20%,#222 38%,#1a1a1a 38%,#1a1a1a 40%,#222 40%,#222 58%,#1a1a1a 58%,#1a1a1a 60%,#222 60%,#222 78%,#1a1a1a 78%,#1a1a1a 80%,#222 80%);box-shadow:0 4px 20px rgba(0,0,0,.4);flex-shrink:0;position:relative}
.ls-disc::after{content:'';position:absolute;inset:36%;border-radius:50%;background:var(--violet);box-shadow:inset 0 0 8px rgba(0,0,0,.3)}
.ls-vinyl h3{font-family:var(--font-d);font-size:1.55rem;font-weight:600;line-height:1.3;margin-bottom:.35rem;color:#fff}
.ls-vinyl .ls-meta{color:rgba(255,255,255,.7)}
/* ls-vinyl .ls-note — kept Caveat for the flagship (one handwritten moment for flavor) */
.ls-vinyl .ls-note{color:rgba(255,255,255,.85);font-family:var(--font-b);font-style:italic;font-size:1.1rem;line-height:1.55;margin-top:.9rem}
.ls-wave{display:flex;gap:2px;align-items:center;margin-top:1rem}
.ls-wave i{display:block;width:3px;border-radius:2px;background:rgba(255,255,255,.2)}

.ls-card{background:var(--surface);padding:2rem 2.5rem;border-left:4px solid var(--violet);box-shadow:0 2px 12px rgba(0,0,0,.03);text-decoration:none;display:block;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.ls-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.07)}
.ls-card:nth-child(2){border-left-color:var(--green)}
.ls-card:nth-child(3){border-left-color:var(--fire)}
.ls-card:nth-child(4){border-left-color:var(--teal)}
.ls-head{display:flex;align-items:center;gap:1rem;margin-bottom:.6rem}
.ls-play{width:36px;height:36px;border-radius:50%;background:var(--violet);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s}
.ls-card:hover .ls-play{transform:scale(1.1)}
.ls-card:nth-child(2) .ls-play{background:var(--green)}
.ls-card:nth-child(3) .ls-play{background:var(--fire)}
.ls-card:nth-child(4) .ls-play{background:var(--teal)}
.ls-play::after{content:'';width:0;height:0;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}
.ls-card h3{font-family:var(--font-d);font-size:1.3rem;font-weight:600;line-height:1.3}
.ls-meta{font-family:var(--font-m);font-size:.86rem;letter-spacing:.02em;color:var(--text-3);margin-top:.35rem}
.ls-meta .source{color:var(--text);font-weight:500}
/* ls-note — was Caveat; now serif italic */
.ls-note{font-family:var(--font-b);font-style:italic;font-size:1.05rem;color:var(--text);line-height:1.6;margin-top:.85rem}

/* ==========  POETRY (narrow, intimate)  ========== */
.section-poetry{background:var(--bg-sage);padding:8rem 2.5rem 7rem;position:relative}
.poetry-ann{font-family:var(--font-h);font-size:1.7rem;color:var(--fire);text-align:center;opacity:.8;transform:rotate(-4deg);margin-bottom:3rem;pointer-events:none}
.poem-well{max-width:620px;margin:0 auto;background:var(--surface);padding:4rem 4.5rem 4rem 3.5rem;border-left:3px solid var(--fire);box-shadow:0 4px 32px rgba(0,0,0,.05);position:relative;overflow:hidden}
.poem-well::after{content:'';position:absolute;top:0;right:-1px;bottom:0;width:3px;background:repeating-linear-gradient(180deg,var(--surface) 0,var(--surface) 4px,transparent 4px,transparent 5px,var(--surface) 5px,var(--surface) 8px);z-index:3}
.poem-lines{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent,transparent 2.4rem,rgba(0,0,0,.02) 2.4rem,rgba(0,0,0,.02) calc(2.4rem + 1px));pointer-events:none}
.poem-qm{position:absolute;top:-1.8rem;right:1.2rem;font-family:var(--font-d);font-size:14rem;font-weight:800;color:var(--fire);opacity:.04;line-height:.7;pointer-events:none;user-select:none}
.poem-text{font-family:var(--font-b);font-size:1.3rem;font-style:italic;line-height:2.1;position:relative;z-index:1;color:var(--text)}
.poem-stanza{margin-bottom:2rem}
.poem-stanza:last-child{margin-bottom:0}
.poem-pencil{font-family:var(--font-h);font-size:1.3rem;color:var(--fire);opacity:.8;transform:rotate(3deg);pointer-events:none;white-space:nowrap;position:absolute;right:-3rem;z-index:5}
.poem-pencil-inline{display:none;font-family:var(--font-h);font-size:1.3rem;color:var(--fire);opacity:.75;margin-top:.5rem}
.poem-attrib{font-family:var(--font-m);font-size:.88rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);text-align:right;margin-top:2.5rem;position:relative;z-index:1;font-weight:500}
.poem-link{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-l);text-align:center;position:relative;z-index:1}
.poem-link a{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-d);font-size:.95rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--green);text-decoration:none;transition:color .2s,gap .3s;padding-bottom:2px;border-bottom:1px solid currentColor}
.poem-link a:hover{color:var(--fire);gap:.8rem}

/* ==========  LETTERS (asymmetric)  ========== */
.section-letters{
  background:var(--bg-rose);padding:6rem 2.5rem;position:relative;
  clip-path:polygon(0% 1.5%,2% .3%,4% 1.8%,6% .1%,9% 1.4%,11% .6%,14% 1.9%,16% 0%,19% 1.2%,22% .5%,25% 1.7%,28% .2%,31% 1.5%,34% .8%,37% 1.1%,40% 0%,43% 1.6%,46% .4%,49% 1.8%,52% .1%,55% 1.3%,58% .7%,61% 1.9%,64% 0%,67% 1.4%,70% .6%,73% 1.7%,76% .2%,79% 1.5%,82% .9%,85% 1.1%,88% 0%,91% 1.6%,94% .3%,97% 1.8%,100% .5%,100% 100%,0% 100%);
  margin-top:-8px;padding-top:7rem;
}
.section-letters .sh{max-width:var(--mw);margin:0 auto 3rem}
.letters-wrap{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:1fr .4fr;gap:3rem;align-items:start}
.letter-aside{font-family:var(--font-b);font-style:italic;font-size:1.1rem;color:var(--text-2);padding-top:3rem;line-height:1.65}

.letter-home{background:var(--surface);padding:3.5rem 4rem;position:relative;box-shadow:0 4px 28px rgba(0,0,0,.05);overflow:hidden;text-decoration:none;display:block;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.letter-home:hover{transform:translateY(-3px);box-shadow:0 10px 36px rgba(0,0,0,.09)}
.letter-gold{position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--amber),#d4a24c)}
.letter-fold{position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(180deg,transparent 5%,var(--border-l) 20%,var(--border-l) 80%,transparent 95%);pointer-events:none}
.letter-diag{position:absolute;top:0;right:0;width:200px;height:200px;background:linear-gradient(135deg,transparent 49.5%,rgba(0,0,0,.015) 49.5%,rgba(0,0,0,.015) 50.5%,transparent 50.5%);pointer-events:none}
.wax-seal{position:absolute;bottom:2rem;right:2.5rem;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#d44a2e,#c0392b 35%,#922b21 55%,#7b241c 70%,#641e16);box-shadow:0 3px 10px rgba(0,0,0,.25),inset 0 -2px 6px rgba(0,0,0,.2),inset 0 2px 3px rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;z-index:5;transform:rotate(-8deg)}
.wax-seal::after{content:'B';font-family:var(--font-b);font-size:1.4rem;font-weight:700;font-style:italic;color:rgba(255,255,255,.15);text-shadow:0 1px 0 rgba(0,0,0,.3),0 -1px 0 rgba(255,255,255,.06)}
.letter-hdr{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-l)}
.letter-from{font-family:var(--font-d);font-size:1.2rem;font-weight:700;letter-spacing:-.005em;margin-bottom:.25rem}
.letter-dl{font-family:var(--font-m);font-size:.86rem;letter-spacing:.03em;text-transform:uppercase;color:var(--text-3);font-weight:500}
.letter-body{font-size:1.15rem;line-height:1.8}
.letter-body p{margin-bottom:1rem}
.letter-body p:first-child::first-letter{font-family:var(--font-d);font-size:2.9rem;font-weight:800;float:left;line-height:.78;padding-right:.08em;padding-top:.06em;color:var(--amber)}
.letter-body p+p{text-indent:1.5em}
.letter-cta{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-l)}
.letter-cta a{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-d);font-size:.95rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--amber);text-decoration:none;transition:color .2s,gap .3s;padding-bottom:2px;border-bottom:1px solid currentColor}
.letter-cta a:hover{color:var(--fire);gap:.8rem}

/* ==========  ART  ========== */
.section-art{background:linear-gradient(180deg,var(--bg-warm),#ede4d4);padding:6rem 2.5rem;position:relative;overflow:hidden}
.section-art::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:300px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.18),transparent 70%);pointer-events:none}
.section-art>.bleed{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,var(--bg-cork));pointer-events:none}
.section-art .sh{max-width:var(--mw);margin:0 auto 3rem}
.art-gal{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.art-piece{text-decoration:none;display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.art-piece:hover{transform:translateY(-4px)}
.art-frame{aspect-ratio:4/3;position:relative;padding:10px;box-shadow:4px 4px 16px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.05)}
.art-piece:nth-child(1) .art-frame{background:linear-gradient(135deg,#2c1810,#1a0f08);padding:12px}
.art-piece:nth-child(2) .art-frame{background:linear-gradient(135deg,#c4a265,#8b6d3c);padding:14px;box-shadow:4px 4px 20px rgba(0,0,0,.2)}
.art-piece:nth-child(3) .art-frame{background:#1a1a1a;padding:3px;box-shadow:2px 2px 12px rgba(0,0,0,.12)}
.art-mat{width:100%;height:100%;background:#f5f0e8;display:flex;align-items:center;justify-content:center;padding:14px}
.art-piece:nth-child(3) .art-mat{background:transparent;padding:0}
.art-img{width:100%;height:100%}
.art-plac{margin-top:1rem;text-align:center}
.art-plac-t{font-family:var(--font-b);font-size:1.05rem;font-style:italic;margin-bottom:.2rem;color:var(--text)}
.art-plac-m{font-family:var(--font-m);font-size:.82rem;letter-spacing:.03em;text-transform:uppercase;color:var(--text-3);font-weight:500}

/* ==========  MARGINALIA (corkboard)  ========== */
.section-mg{background:var(--bg-cork);padding:7rem 2.5rem;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 20% 50%,rgba(180,160,130,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(160,140,110,.06) 0%,transparent 40%)}
.section-mg .sh{max-width:960px;margin:0 auto 3rem}
.mg-flow{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;align-items:start}
.mg-note{position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
a.mg-note{text-decoration:none;color:inherit;cursor:pointer}
a.mg-note:hover{z-index:5;filter:brightness(1.02)}
.mg-tag{font-family:var(--font-m);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;margin-top:1rem;display:block;font-weight:500}
.mg-arr{display:inline-block;margin-left:.3em;font-size:.85rem;opacity:.5;transition:opacity .2s}
a.mg-note:hover .mg-arr{opacity:1}
.mg-pin{position:relative}
.mg-pin::after{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#c0392b,#7b241c);box-shadow:0 2px 4px rgba(0,0,0,.3);z-index:10}
.mg-note:nth-child(1){grid-column:1/13;background:#faf8f3;padding:3rem 3rem 2.5rem;text-align:center;clip-path:polygon(0% 4%,3% 0%,5% 3%,8% 1%,12% 4%,15% 0%,18% 3%,22% 1%,25% 4%,28% 0%,32% 3%,36% 1%,40% 3%,44% 0%,48% 4%,52% 1%,56% 3%,60% 0%,64% 4%,68% 1%,72% 3%,76% 0%,80% 4%,84% 1%,88% 3%,92% 0%,96% 3%,100% 1%,100% 100%,0% 100%);border-bottom:2px solid var(--fire);transform:rotate(-.5deg)}
.mg-note:nth-child(1) .mg-text{font-family:var(--font-d);font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:700;line-height:1.25;letter-spacing:-.03em;max-width:720px;margin:0 auto}
.mg-note:nth-child(1) .mg-tag{color:var(--fire)}
.mg-note:nth-child(2){grid-column:8/13;grid-row:2;background:#fdf6d4;padding:2rem;transform:rotate(3deg);box-shadow:2px 3px 14px rgba(0,0,0,.08),inset 0 -40px 40px rgba(0,0,0,.015);margin-top:-1rem}
.mg-note:nth-child(2) .mg-text{font-family:var(--font-h);font-size:1.75rem;line-height:1.55;color:#3f3f3f}
.mg-note:nth-child(2) .mg-tag{color:var(--amber)}
.mg-note:nth-child(3){grid-column:1/8;grid-row:2/4;background:#111;border-radius:8px;padding:2.2rem 1.5rem 1.8rem;transform:rotate(-1deg);box-shadow:0 8px 28px rgba(0,0,0,.18);overflow:hidden}
.mg-term-chrome{height:24px;background:#1e1e1e;border-radius:8px 8px 0 0;margin:-2.2rem -1.5rem 1rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:5px}
.mg-term-dot{width:8px;height:8px;border-radius:50%}
.mg-term-dot:nth-child(1){background:#ff5f56}.mg-term-dot:nth-child(2){background:#ffbd2e}.mg-term-dot:nth-child(3){background:#27c93f}
.mg-note:nth-child(3) .mg-text{font-family:var(--font-m);font-size:.95rem;line-height:1.75;letter-spacing:.01em;color:#a8e6a1;text-shadow:0 0 10px rgba(168,230,161,.12)}
.mg-note:nth-child(3) .mg-tag{color:var(--teal);font-size:.82rem}
.mg-note:nth-child(4){grid-column:1/7;grid-row:4;background:var(--surface);border:1px solid var(--border-l);padding:2rem 2.2rem;transform:rotate(.8deg);background-image:repeating-linear-gradient(180deg,transparent,transparent 1.8rem,rgba(0,0,0,.04) 1.8rem,rgba(0,0,0,.04) calc(1.8rem + 1px))}
.mg-note:nth-child(4) .mg-text{font-family:var(--font-b);font-size:1.2rem;line-height:1.65}
.mg-note:nth-child(4) mark{background:linear-gradient(180deg,transparent 55%,rgba(250,204,21,.22) 55%,rgba(250,204,21,.22) 90%,transparent 90%);padding:0 .1em}
.mg-note:nth-child(4) .mg-tag{color:var(--amber)}
.mg-note:nth-child(5){grid-column:7/12;grid-row:4;background:#faf9f5;padding:1.5rem 2rem;border:1px dashed var(--border);transform:rotate(-2deg)}
.mg-receipt-sep{font-family:var(--font-m);font-size:.82rem;color:var(--text-3);opacity:.5;margin-bottom:.8rem;letter-spacing:.08em;overflow:hidden;white-space:nowrap}
.mg-note:nth-child(5) .mg-text{font-family:var(--font-m);font-size:1rem;line-height:1.7}
.mg-note:nth-child(5) .mg-tag{color:var(--text-3);text-align:center}
.mg-note:nth-child(6){grid-column:2/12;grid-row:5;background:var(--fire);padding:3rem 4rem;text-align:center;transform:rotate(.5deg);position:relative}
.mg-do{position:absolute;top:-1.5rem;right:3rem;font-family:var(--font-h);font-size:1.3rem;color:var(--fire);transform:rotate(-5deg);opacity:.9}
.mg-note:nth-child(6) .mg-text{font-family:var(--font-d);font-size:1.4rem;font-weight:600;line-height:1.5;color:#fff}
.mg-note:nth-child(6) .mg-tag{color:rgba(255,255,255,.7)}

/* ==========  BOOKS  ========== */
.section-books{background:linear-gradient(180deg,var(--bg),var(--bg-warm));padding:6rem 2.5rem;position:relative}
.section-books .sh{max-width:var(--mw);margin:0 auto 3rem}
.books-display{max-width:var(--mw);margin:0 auto}
.books-row{display:flex;gap:3.5rem;justify-content:center;align-items:flex-end;flex-wrap:wrap;padding:0 2rem}
.book-item{text-decoration:none;display:flex;gap:1.5rem;align-items:flex-start;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.book-item:hover{transform:translateY(-5px)}
.book-item:nth-child(2){transform:rotate(.5deg)}
.book-item:nth-child(2):hover{transform:translateY(-5px) rotate(.5deg)}
.book-cover{width:120px;aspect-ratio:2/3;flex-shrink:0;position:relative;box-shadow:4px 2px 12px rgba(0,0,0,.12)}
.book-face{width:100%;height:100%;display:flex;align-items:flex-end;padding:12px}
.book-face-t{font-family:var(--font-d);font-size:.82rem;font-weight:700;color:rgba(255,255,255,.95);line-height:1.2}
.book-spine{position:absolute;top:0;left:0;bottom:0;width:8px;background:rgba(0,0,0,.15)}
.book-pages{position:absolute;top:3px;right:-3px;bottom:3px;width:4px;background:repeating-linear-gradient(180deg,#f0ebe0 0,#f0ebe0 1px,#e8e3d8 1px,#e8e3d8 2px);border-radius:0 1px 1px 0}
.book-ribbon{position:absolute;top:-4px;right:20%;width:7px;height:32px;background:var(--amber);z-index:5}
.book-ribbon::after{content:'';position:absolute;bottom:0;left:0;width:0;height:0;border-left:3.5px solid var(--amber);border-right:3.5px solid var(--amber);border-bottom:4px solid transparent}
.book-info h3{font-family:var(--font-d);font-size:1.2rem;font-weight:700;line-height:1.3;margin-bottom:.35rem}
.book-info-a{font-family:var(--font-m);font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);font-weight:500}
.shelf-edge{max-width:680px;margin:2rem auto 0;height:14px;background:linear-gradient(180deg,#c4a265 0%,#a8874e 40%,#8b6d3c 100%);box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);border-radius:0 0 3px 3px;position:relative}
.shelf-edge::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.15);border-radius:3px 3px 0 0}

/* ==========  WISE WORDS (scattered)  ========== */
.section-wise{background:var(--bg);padding:6rem 2.5rem 8rem;position:relative}
.section-wise .sh{max-width:var(--mw);margin:0 auto 3rem}
.wise-scatter{max-width:var(--mw);margin:0 auto;position:relative;min-height:520px}
.wc{position:absolute;text-decoration:none;display:block;color:inherit;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
a.wc:hover{z-index:10;box-shadow:0 10px 28px rgba(0,0,0,.08)}
.wc-text{font-family:var(--font-b);font-size:1.08rem;line-height:1.6;margin-bottom:1rem}
.wc-author{font-family:var(--font-m);font-size:.86rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);font-weight:500}
.wc-arr{display:inline-block;margin-left:.3em;font-size:.85rem;opacity:.5;transition:opacity .2s}
a.wc:hover .wc-arr{opacity:1}
.wc-fortune{top:0;left:5%;background:#fef9c3;max-width:300px;padding:1.8rem 2.5rem;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.06);transform:rotate(2deg)}
.wc-fortune .wc-text{font-size:.95rem;font-style:italic;color:#713f12;line-height:1.55;text-align:center}
.wc-fortune .wc-author{text-align:center;color:#a16207;opacity:.75}
.wc-margin{top:20px;right:5%;background:transparent;border-left:2px solid var(--border);padding:1rem 0 1rem 2rem;max-width:340px;transform:rotate(-1deg)}
.wc-margin .wc-text{font-family:var(--font-h);font-size:1.45rem;line-height:1.4;color:var(--text-2)}
.wc-margin .wc-author{font-family:var(--font-h);font-size:1rem;text-transform:none;letter-spacing:0;color:var(--text-3);font-weight:400}
.wc-typewriter{top:220px;left:15%;background:var(--surface);border:1px solid var(--border-l);padding:2.5rem 2rem;box-shadow:0 2px 8px rgba(0,0,0,.04);max-width:380px;transform:rotate(-.5deg);overflow:hidden;position:relative}
.wc-typewriter::before{content:'';position:absolute;top:0;left:0;right:0;height:24px;background:repeating-linear-gradient(90deg,transparent 0,transparent 8px,rgba(0,0,0,.02) 8px,rgba(0,0,0,.02) 9px);border-bottom:1px solid var(--border-l)}
.wc-typewriter .wc-text{font-family:var(--font-m);font-size:.9rem;line-height:1.8;letter-spacing:.02em;padding-top:.5rem}
.wc-typewriter .wc-author{opacity:.85}
.wc-napkin{top:260px;right:8%;background:#faf8f4;padding:3rem 2.5rem;max-width:320px;transform:rotate(1.5deg);position:relative}
.wc-napkin::before{content:'';position:absolute;top:-10px;right:15px;width:60px;height:60px;border-radius:50%;border:2px solid rgba(139,90,43,.12);box-shadow:inset 0 0 8px rgba(139,90,43,.06);pointer-events:none}
.wc-napkin .wc-text{font-family:var(--font-h);font-size:1.6rem;line-height:1.4}
.wc-napkin .wc-author{font-family:var(--font-h);font-size:1.1rem;text-transform:none;letter-spacing:0;color:var(--text-3);font-weight:400}

/* ==========  THEMES — Woven Threads (with legend)  ========== */
.section-themes{background:var(--bg);padding:6rem 2.5rem;position:relative}
.section-themes .sh{max-width:var(--mw);margin:0 auto 3rem;text-align:center}

.woven-threads{max-width:900px;margin:0 auto;position:relative}
.woven-legend{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem;padding:.85rem 1.2rem;background:var(--surface);border:1px dashed var(--border);border-radius:4px;font-family:var(--font-m);font-size:.86rem;color:var(--text-2)}
.woven-legend-item{display:inline-flex;align-items:center;gap:.5rem}
.woven-legend-sw{width:10px;height:10px;border-radius:50%;display:inline-block}
.woven-header{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-bottom:1.5rem}
.woven-header-item{text-align:center;padding:.8rem .5rem;font-family:var(--font-d);font-size:.9rem;letter-spacing:0;text-transform:none;position:relative;font-weight:600}
.woven-header-item::after{content:'';position:absolute;bottom:0;left:50%;width:3px;height:12px;transform:translateX(-50%)}
.woven-header-item:nth-child(1){color:var(--fire)}.woven-header-item:nth-child(1)::after{background:var(--fire)}
.woven-header-item:nth-child(2){color:var(--green)}.woven-header-item:nth-child(2)::after{background:var(--green)}
.woven-header-item:nth-child(3){color:var(--violet)}.woven-header-item:nth-child(3)::after{background:var(--violet)}
.woven-header-item:nth-child(4){color:var(--teal)}.woven-header-item:nth-child(4)::after{background:var(--teal)}
.woven-header-item:nth-child(5){color:var(--amber)}.woven-header-item:nth-child(5)::after{background:var(--amber)}
.woven-header-item:nth-child(6){color:var(--blue)}.woven-header-item:nth-child(6)::after{background:var(--blue)}

.woven-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative}
.woven-grid::before{content:'';position:absolute;inset:0;background:
  linear-gradient(90deg,transparent calc(16.66% - 1px),rgba(217,59,28,.06) calc(16.66% - 1px),rgba(217,59,28,.06) calc(16.66% + 1px),transparent calc(16.66% + 1px),
  transparent calc(33.33% - 1px),rgba(21,128,61,.06) calc(33.33% - 1px),rgba(21,128,61,.06) calc(33.33% + 1px),transparent calc(33.33% + 1px),
  transparent calc(50% - 1px),rgba(109,40,217,.06) calc(50% - 1px),rgba(109,40,217,.06) calc(50% + 1px),transparent calc(50% + 1px),
  transparent calc(66.66% - 1px),rgba(15,118,110,.06) calc(66.66% - 1px),rgba(15,118,110,.06) calc(66.66% + 1px),transparent calc(66.66% + 1px),
  transparent calc(83.33% - 1px),rgba(180,83,9,.06) calc(83.33% - 1px),rgba(180,83,9,.06) calc(83.33% + 1px),transparent calc(83.33% + 1px));pointer-events:none;z-index:0}

.woven-row{display:contents}
.woven-cell{padding:.7rem .5rem;min-height:52px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.woven-node{width:14px;height:14px;border-radius:50%;opacity:.85;transition:transform .2s,opacity .2s;cursor:default}
.woven-node:hover{transform:scale(1.4);opacity:1}
.woven-node[data-color="fire"]{background:var(--fire)}
.woven-node[data-color="green"]{background:var(--green)}
.woven-node[data-color="violet"]{background:var(--violet)}
.woven-node[data-color="teal"]{background:var(--teal)}
.woven-node[data-color="amber"]{background:var(--amber)}
.woven-node[data-color="blue"]{background:var(--blue)}

.woven-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);white-space:nowrap;font-family:var(--font-m);font-size:.82rem;letter-spacing:.02em;color:var(--text);padding-left:.5rem;opacity:0;transition:opacity .2s;pointer-events:none;background:var(--surface);padding:.2rem .5rem;border:1px solid var(--border);border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,.06);z-index:5}
.woven-cell:hover .woven-label{opacity:1}

.woven-row-label{grid-column:1/-1;padding:.6rem 1rem;font-family:var(--font-d);font-size:1rem;font-weight:700;letter-spacing:-.005em;color:var(--text);text-transform:none;border-top:2px solid var(--border);margin-top:.5rem}

/* ==========  ARCHIVE  ========== */
.section-archive{background:var(--bg-sage);padding:8rem 2.5rem}
.section-archive .sh{max-width:var(--mw);margin:0 auto 3rem}
.arc-grid{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.arc-card{background:#fdf8ef;padding:3rem 2.5rem 2.5rem;border:none;box-shadow:0 2px 8px rgba(0,0,0,.06);text-decoration:none;display:block;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;position:relative;margin-top:18px}
.arc-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.arc-card::before{content:attr(data-tab);position:absolute;top:-18px;left:16px;background:#fdf8ef;padding:3px 14px;font-family:var(--font-m);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);border-radius:4px 4px 0 0;box-shadow:-1px -1px 3px rgba(0,0,0,.03);font-weight:500}
.arc-card:nth-child(2){background:#faf5e8}.arc-card:nth-child(2)::before{background:#faf5e8}
.arc-card:nth-child(3){background:#f4ede0}.arc-card:nth-child(3)::before{background:#f4ede0}
.arc-coffee::after{content:'';position:absolute;bottom:1rem;left:1.5rem;width:50px;height:50px;border-radius:50%;border:2px solid rgba(139,90,43,.1);box-shadow:inset 0 0 8px rgba(139,90,43,.05);pointer-events:none}
.arc-stamp{position:absolute;top:1.2rem;right:1rem;font-family:var(--font-m);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid var(--fire);color:var(--fire);padding:.15rem .55rem;transform:rotate(-4deg);opacity:.75;font-weight:500}
.arc-stamp-alt{border-color:var(--green);color:var(--green)}
.arc-stamp-classified{border-color:var(--amber);color:var(--amber)}
.arc-card h3{font-family:var(--font-d);font-size:1.4rem;font-weight:700;margin-bottom:.6rem;line-height:1.3;padding-right:4rem}
.arc-meta{font-family:var(--font-m);font-size:.86rem;letter-spacing:.02em;color:var(--text-3);font-weight:500}
.arc-meta .source{color:var(--text)}
.arc-quote{font-family:var(--font-b);font-size:1.05rem;font-style:italic;color:var(--text-2);line-height:1.6;margin-top:1rem;border-left:2px solid var(--border);padding-left:1rem}
.arc-redacted{margin-top:.8rem;height:8px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 20px,transparent 20px,transparent 24px);border-radius:1px}

/* ==========  ZINE FOOTER  ========== */
.footer{background:#0e0e0e;color:#c4bfb3;text-align:center;position:relative;padding:8rem 2.5rem 4rem}
.footer::before{content:'';position:absolute;top:-2px;left:0;right:0;height:30px;background:var(--bg-sage);clip-path:polygon(0% 0%,100% 0%,100% 100%,99% 30%,97% 80%,95% 20%,93% 90%,91% 40%,89% 100%,87% 30%,85% 70%,83% 20%,81% 90%,79% 50%,77% 100%,75% 30%,73% 80%,71% 10%,69% 70%,67% 100%,65% 40%,63% 80%,61% 20%,59% 90%,57% 50%,55% 100%,53% 30%,51% 70%,49% 10%,47% 80%,45% 100%,43% 40%,41% 90%,39% 20%,37% 70%,35% 100%,33% 50%,31% 80%,29% 10%,27% 90%,25% 40%,23% 100%,21% 30%,19% 70%,17% 10%,15% 80%,13% 100%,11% 40%,9% 90%,7% 20%,5% 70%,3% 100%,1% 50%,0% 80%)}
.footer-ring{position:absolute;top:6rem;right:12%;width:80px;height:80px;border-radius:50%;border:2px solid rgba(139,90,43,.08);box-shadow:inset 0 0 12px rgba(139,90,43,.05);pointer-events:none;transform:rotate(15deg)}
.ft-brand{font-family:var(--font-d);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.8rem;color:#fff}
.ft-tag{font-family:var(--font-b);font-size:1rem;color:#a49d8d;line-height:1.55;max-width:44ch;margin:0 auto 2rem;font-style:italic}
.ft-cta{display:inline-block;font-family:var(--font-d);font-size:1rem;font-weight:600;letter-spacing:0;text-transform:none;background:var(--fire);color:#fff;padding:.75rem 1.9rem;border-radius:999px;text-decoration:none;transition:background .2s,transform .15s;margin-bottom:3rem}
.ft-cta:hover{background:#b5301a;transform:translateY(-2px)}
.ft-colophon{max-width:420px;margin:0 auto 3rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.ft-colophon-l{font-family:var(--font-m);font-size:.84rem;letter-spacing:.1em;text-transform:uppercase;color:#857e70;margin-bottom:.85rem;font-weight:500}
.ft-colophon-t{font-family:var(--font-b);font-size:.98rem;font-style:italic;color:#a49d8d;line-height:1.65}
.ft-nav{display:flex;gap:2rem;justify-content:center;list-style:none;margin-bottom:3rem}
.ft-nav a{font-family:var(--font-d);font-size:.95rem;font-weight:500;letter-spacing:0;text-transform:none;color:#a49d8d;text-decoration:none;transition:color .2s,border-color .2s;padding-bottom:2px;border-bottom:1px solid transparent}
.ft-nav a:hover{color:#fff;border-bottom-color:var(--fire)}
.ft-secret{margin-bottom:3rem}
.ft-redacted{font-family:var(--font-m);font-size:.88rem;letter-spacing:.02em;background:rgba(255,255,255,.18);color:rgba(255,255,255,.18);padding:.15em .7em;cursor:pointer;transition:background .4s,color .4s;border-radius:2px}
.ft-redacted:hover,.ft-redacted:focus{background:transparent;color:rgba(255,255,255,.7);outline:none}
.barcode{display:flex;gap:1px;align-items:flex-end;justify-content:center;height:30px;margin-bottom:.7rem}
.barcode i{display:block;width:2px;background:rgba(255,255,255,.2)}
.ft-isbn{font-family:var(--font-m);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#857e70;margin-bottom:1.5rem;font-weight:500}
.ft-imprint{display:inline-flex;align-items:center;gap:.85rem;flex-wrap:wrap;justify-content:center;font-family:var(--font-m);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#6e6759;margin-bottom:2.5rem;max-width:100%}
.ft-imprint-dot{width:4px;height:4px;border-radius:50%;background:var(--fire);opacity:.7}
.ft-sign{font-family:var(--font-h);font-size:1.4rem;color:#c4bfb3;margin-bottom:2rem;transform:rotate(-1deg);display:inline-block}
.ft-top{font-family:var(--font-d);font-size:.92rem;font-weight:500;letter-spacing:0;text-transform:none;color:#857e70;text-decoration:none;transition:color .2s,border-color .2s;border-bottom:1px solid transparent;padding-bottom:2px}
.ft-top:hover{color:#fff;border-bottom-color:var(--fire)}
.scroll-done{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);font-family:var(--font-h);font-size:1.1rem;color:#8f2b18;opacity:0;transition:opacity .6s;pointer-events:none;z-index:100;white-space:nowrap}
.scroll-done.show{opacity:.8}

/* ==========  DETAIL PAGE SHARED  ========== */
.detail-page{padding-top:54px;min-height:100vh}
.detail-back{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-d);font-size:.95rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-2);text-decoration:none;transition:color .2s;margin-bottom:3rem;border-bottom:1px solid transparent;padding-bottom:2px}
.detail-back:hover{color:var(--fire);border-bottom-color:var(--fire)}
.detail-content{max-width:var(--cw);margin:0 auto;padding:4rem 2.5rem 6rem}
.detail-type-label{font-family:var(--font-m);font-size:.86rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fire);margin-bottom:1rem;font-weight:500}
.detail-title{font-family:var(--font-d);font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:1.5rem;font-variation-settings:"opsz" 72}
.detail-meta{font-family:var(--font-m);font-size:.86rem;letter-spacing:.02em;color:var(--text-3);margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-l)}
.detail-meta .source{color:var(--text);font-weight:500}
.detail-curator{background:var(--bg-warm);padding:2.5rem;margin-bottom:3rem;position:relative;border-radius:4px}
.detail-curator-label{font-family:var(--font-m);font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fire);margin-bottom:.85rem;font-weight:500}
/* detail-curator-note — was Caveat; now italic serif (the curator's substantive note) */
.detail-curator-note{font-family:var(--font-b);font-style:italic;font-size:1.15rem;line-height:1.65;color:var(--text)}
.detail-body{font-size:1.1rem;line-height:1.8;margin-bottom:3rem}
.detail-body p{margin-bottom:1.3rem}
.detail-body p:first-child::first-letter{font-family:var(--font-d);font-size:3rem;font-weight:800;float:left;line-height:.78;padding-right:.1em;padding-top:.06em;color:var(--fire)}
.detail-cta{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-d);font-size:1rem;font-weight:600;letter-spacing:0;text-transform:none;background:var(--text);color:var(--surface);padding:.75rem 1.6rem;border-radius:999px;text-decoration:none;transition:background .2s,transform .15s}
.detail-cta:hover{background:var(--fire);transform:translateY(-1px)}
.detail-tags{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-l)}
.detail-also{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border-l)}
.detail-also-label{font-family:var(--font-m);font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:1.5rem;font-weight:500}
.detail-also-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.detail-also-item{text-decoration:none;padding:1.5rem;background:var(--surface);border:1px solid var(--border-l);transition:transform .2s,box-shadow .2s;border-radius:3px}
.detail-also-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.05)}
.detail-also-type{font-family:var(--font-m);font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--fire);margin-bottom:.45rem;font-weight:500}
.detail-also-title{font-family:var(--font-d);font-size:1.05rem;font-weight:700;line-height:1.3}

/* ==========  WATCH DETAIL  ========== */
.detail-watch{background:#0e0e0e;color:#c4bfb3}
.detail-watch .detail-back{color:rgba(255,255,255,.6)}
.detail-watch .detail-back:hover{color:var(--fire)}
.detail-watch .detail-type-label{color:var(--fire)}
.detail-watch .detail-title{color:#f0f0f0}
.detail-watch .detail-meta{color:rgba(255,255,255,.55);border-bottom-color:rgba(255,255,255,.1)}
.detail-watch .detail-curator{background:rgba(255,255,255,.04)}
.detail-watch .detail-curator-note{color:rgba(255,255,255,.8)}
.detail-watch .detail-body{color:rgba(255,255,255,.85)}
.detail-watch .detail-body p:first-child::first-letter{color:var(--fire)}
.detail-watch .detail-tags{border-top-color:rgba(255,255,255,.1)}
.detail-watch .theme-tag{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.75)}
.detail-watch .detail-also{border-top-color:rgba(255,255,255,.1)}
.detail-watch .detail-also-label{color:rgba(255,255,255,.6)}
.detail-watch .detail-also-item{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.detail-watch .detail-also-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.2)}
.detail-watch .detail-also-title{color:#e8e8e8}
.detail-video-frame{aspect-ratio:16/9;margin-bottom:3rem;position:relative;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden;border:4px solid #222}
.detail-play{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2;position:relative}
.detail-play::after{content:'';width:0;height:0;border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}

/* ==========  LISTEN DETAIL  ========== */
.detail-listen .detail-curator{border-left:4px solid var(--violet);background:rgba(109,40,217,.04)}

/* ==========  POETRY DETAIL  ========== */
.detail-poetry{background:var(--bg-sage)}
.detail-poetry .detail-content{max-width:640px}
.detail-poetry .poem-well{max-width:100%;margin-bottom:3rem}

/* ==========  LETTERS DETAIL  ========== */
.detail-letters{background:var(--bg-rose)}
.detail-letters .detail-curator{border-left:4px solid var(--amber);background:rgba(180,83,9,.04)}

/* ==========  ART DETAIL  ========== */
.detail-art{background:var(--bg-warm)}
.detail-art-frame{aspect-ratio:4/3;margin-bottom:3rem;padding:1.5rem;box-shadow:4px 4px 20px rgba(0,0,0,.12);position:relative}
.detail-art-frame .art-mat{width:100%;height:100%;background:#f5f0e8;display:flex;align-items:center;justify-content:center;padding:2rem}
.detail-art-frame .art-img{width:100%;height:100%}
.art-nav{display:flex;justify-content:space-between;margin-top:3rem}
.art-nav a{font-family:var(--font-d);font-size:.95rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-2);text-decoration:none;transition:color .2s;padding-bottom:2px;border-bottom:1px solid transparent}
.art-nav a:hover{color:var(--fire);border-bottom-color:var(--fire)}

/* ==========  BOOKS DETAIL  ========== */
.detail-books{background:linear-gradient(180deg,var(--bg-warm),var(--bg))}
.detail-book-cover{width:160px;aspect-ratio:2/3;flex-shrink:0;position:relative;box-shadow:4px 4px 16px rgba(0,0,0,.15);margin-bottom:2.5rem}
.detail-book-face{width:100%;height:100%;display:flex;align-items:flex-end;padding:14px}
.detail-book-face-t{font-family:var(--font-d);font-size:.92rem;font-weight:700;color:rgba(255,255,255,.95);line-height:1.2}

/* ==========  WISE DETAIL  ========== */
.detail-wise .detail-content{max-width:600px;text-align:center}
.detail-wise .detail-title{font-family:var(--font-b);font-style:italic;font-weight:400;font-size:clamp(1.5rem,3.5vw,2.3rem);line-height:1.45;letter-spacing:0}
.detail-wise .detail-meta{font-size:.86rem}

/* Wise: unique card treatments */
.wise-card{max-width:480px;margin:0 auto 3rem;position:relative}
.wise-card-fortune{background:#fef9c3;padding:3rem 3.5rem;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.06);text-align:center}
.wise-card-fortune .wise-card-quote{font-family:var(--font-b);font-size:1.2rem;font-style:italic;color:#713f12;line-height:1.65}
.wise-card-fortune::after{content:'Lucky reading';display:block;font-family:var(--font-m);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#a16207;opacity:.75;margin-top:1.5rem;font-weight:500}

.wise-card-margin{background:transparent;border-left:3px solid var(--border);padding:2rem 0 2rem 2.5rem;text-align:left}
.wise-card-margin .wise-card-quote{font-family:var(--font-h);font-size:1.7rem;line-height:1.4;color:var(--text-2)}

.wise-card-typewriter{background:var(--surface);border:1px solid var(--border-l);padding:3rem 2.5rem;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden;text-align:left;position:relative}
.wise-card-typewriter::before{content:'';position:absolute;top:0;left:0;right:0;height:24px;background:repeating-linear-gradient(90deg,transparent 0,transparent 8px,rgba(0,0,0,.02) 8px,rgba(0,0,0,.02) 9px);border-bottom:1px solid var(--border-l)}
.wise-card-typewriter .wise-card-quote{font-family:var(--font-m);font-size:.95rem;line-height:1.8;letter-spacing:.02em;padding-top:.5rem}

.wise-card-napkin{background:#faf8f4;padding:3.5rem 3rem;position:relative;text-align:left}
.wise-card-napkin::before{content:'';position:absolute;top:-8px;right:18px;width:55px;height:55px;border-radius:50%;border:2px solid rgba(139,90,43,.1);box-shadow:inset 0 0 8px rgba(139,90,43,.05);pointer-events:none}
.wise-card-napkin .wise-card-quote{font-family:var(--font-h);font-size:1.8rem;line-height:1.4}

/* ==========  LISTEN DETAIL ENRICHED  ========== */
.detail-listen-hero{background:linear-gradient(135deg,#1a1035,#2d1b69,#3b2380);padding:3rem;margin-bottom:3rem;display:flex;align-items:center;gap:2.5rem;border-radius:4px;overflow:hidden}
.detail-listen-disc{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#111 18%,transparent 18%,transparent 20%,#222 20%,#222 38%,#1a1a1a 38%,#1a1a1a 40%,#222 40%,#222 58%,#1a1a1a 58%,#1a1a1a 60%,#222 60%,#222 78%,#1a1a1a 78%,#1a1a1a 80%,#222 80%);box-shadow:0 4px 20px rgba(0,0,0,.4);flex-shrink:0;position:relative}
.detail-listen-disc::after{content:'';position:absolute;inset:36%;border-radius:50%;background:var(--violet);box-shadow:inset 0 0 8px rgba(0,0,0,.3)}
.detail-listen-info{color:#f0eddd}
.detail-listen-info h2{font-family:var(--font-m);font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:.35rem;font-weight:500}
.detail-listen-info p{font-family:var(--font-b);font-style:italic;font-size:1.15rem;line-height:1.55;color:rgba(255,255,255,.85)}
.detail-listen-wave{display:flex;gap:2px;align-items:center;margin-top:1rem}
.detail-listen-wave i{display:block;width:3px;border-radius:2px;background:rgba(255,255,255,.2)}
@media(max-width:768px){.detail-listen-hero{flex-direction:column;text-align:center}.detail-listen-disc{width:80px;height:80px}}

/* ==========  SUBSCRIBE ENHANCED  ========== */
.subscribe-page{
  background-image:
    radial-gradient(ellipse at 30% 20%,rgba(217,59,28,.03),transparent 50%),
    radial-gradient(ellipse at 70% 80%,rgba(109,40,217,.02),transparent 40%);
}
.subscribe-stamp{position:absolute;top:-.5rem;right:-1rem;font-family:var(--font-m);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--fire);color:var(--fire);padding:.25rem .7rem;transform:rotate(8deg);opacity:.75;font-weight:500}
.subscribe-torn{position:relative;margin-top:3rem;padding-top:2rem}
.subscribe-torn::before{content:'';position:absolute;top:0;left:-2.5rem;right:-2.5rem;height:20px;background:var(--bg);clip-path:polygon(0% 40%,2% 80%,4% 20%,6% 60%,8% 30%,10% 70%,12% 10%,14% 50%,16% 80%,18% 20%,20% 60%,22% 40%,24% 80%,26% 10%,28% 50%,30% 70%,32% 30%,34% 60%,36% 20%,38% 80%,40% 40%,42% 70%,44% 10%,46% 50%,48% 80%,50% 30%,52% 60%,54% 20%,56% 70%,58% 40%,60% 80%,62% 10%,64% 50%,66% 60%,68% 30%,70% 80%,72% 20%,74% 50%,76% 70%,78% 40%,80% 10%,82% 60%,84% 80%,86% 30%,88% 50%,90% 70%,92% 20%,94% 80%,96% 40%,98% 60%,100% 30%,100% 100%,0% 100%)}
.subscribe-what{text-align:left;max-width:380px;margin:0 auto}
.subscribe-what-label{font-family:var(--font-m);font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:1rem;font-weight:500}
.subscribe-what ul{list-style:none;font-family:var(--font-b);font-size:1rem;line-height:1.9;color:var(--text)}
.subscribe-what ul li::before{content:'✦ ';color:var(--fire);font-size:.8em}

/* ==========  ARCHIVE DETAIL  ========== */
.detail-archive{background:var(--bg-sage)}
.detail-archive .detail-content{position:relative}
.detail-archive .arc-stamp{position:absolute;top:4rem;right:2.5rem}

/* ==========  ABOUT PAGE  ========== */
.about-page{padding-top:54px;background:var(--bg-warm);min-height:100vh;background-image:repeating-linear-gradient(180deg,transparent,transparent 2.2rem,rgba(0,0,0,.012) 2.2rem,rgba(0,0,0,.012) calc(2.2rem + 1px))}
.about-inner{max-width:var(--cw);margin:0 auto;padding:6rem 2.5rem 8rem;position:relative}
.about-clip{position:absolute;top:4rem;right:0;width:20px;height:50px;border:2px solid rgba(180,180,180,.3);border-radius:0 10px 10px 0;border-left:none;transform:rotate(15deg)}
.about-inner h1{font-family:var(--font-d);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin-bottom:2rem;font-variation-settings:"opsz" 60}
.about-inner h1 span{color:var(--fire)}
.about-body{font-size:1.15rem;line-height:1.75}
.about-body p{margin-bottom:1.3rem}
.about-body p:first-child::first-letter{font-family:var(--font-d);font-size:3.5rem;font-weight:800;float:left;line-height:.78;padding-right:.12em;padding-top:.06em;color:var(--fire)}
.about-sig{font-family:var(--font-h);font-size:1.55rem;color:var(--text-2);margin-top:3rem}
.about-colophon{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-l)}
.about-colophon h2{font-family:var(--font-m);font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:1rem;font-weight:500}
.about-colophon p{font-size:1rem;line-height:1.65;color:var(--text-2)}

/* ==========  ARCHIVE PAGE  ========== */
.archive-page{padding-top:54px;background:var(--bg-sage);min-height:100vh}
.archive-inner{max-width:var(--mw);margin:0 auto;padding:4rem 2.5rem 6rem}
.archive-page h1{font-family:var(--font-d);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.035em;margin-bottom:.5rem;font-variation-settings:"opsz" 60}
.archive-page .sh-sub{margin-bottom:2rem}
.archive-search{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}
.archive-search input{font-family:var(--font-d);font-size:.95rem;padding:.7rem 1.2rem;border:1px solid var(--border);background:var(--surface);color:var(--text);width:300px;max-width:100%;outline:none;transition:border-color .2s;border-radius:4px}
.archive-search input:focus{border-color:var(--fire)}
.archive-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}
.archive-filter{font-family:var(--font-d);font-size:.88rem;font-weight:500;letter-spacing:0;text-transform:none;padding:.45rem 1rem;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .2s;border-radius:999px}
.archive-filter:hover,.archive-filter.active{background:var(--text);color:var(--surface);border-color:var(--text)}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.archive-card{text-decoration:none;display:block;background:var(--surface);padding:1.5rem 2rem;border:1px solid var(--border-l);transition:transform .2s,box-shadow .2s;border-radius:3px}
.archive-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.05)}
.archive-card-type{font-family:var(--font-m);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fire);margin-bottom:.45rem;font-weight:500}
.archive-card-title{font-family:var(--font-d);font-size:1.1rem;font-weight:700;line-height:1.3;margin-bottom:.35rem}
.archive-card-meta{font-family:var(--font-m);font-size:.82rem;letter-spacing:.02em;color:var(--text-3);font-weight:500}

/* ==========  SUBSCRIBE PAGE  ========== */
.subscribe-page{padding-top:54px;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}
.subscribe-inner{max-width:500px;text-align:center;padding:4rem 2.5rem}
.subscribe-inner h1{font-family:var(--font-h);font-size:clamp(2.5rem,6vw,4rem);color:var(--text);margin-bottom:1rem;transform:rotate(-2deg)}
.subscribe-inner .sub-pitch{font-family:var(--font-b);font-size:1.15rem;font-style:italic;color:var(--text-2);line-height:1.7;margin-bottom:2.5rem}
.sub-form{display:flex;gap:.8rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}
.sub-form input{font-family:var(--font-d);font-size:.95rem;padding:.75rem 1.2rem;border:2px solid var(--border);background:var(--surface);color:var(--text);width:260px;max-width:100%;outline:none;transition:border-color .2s;border-radius:4px}
.sub-form input:focus{border-color:var(--fire)}
.sub-form button{font-family:var(--font-d);font-size:.95rem;font-weight:600;letter-spacing:0;text-transform:none;background:var(--fire);color:#fff;padding:.75rem 1.6rem;border:none;cursor:pointer;transition:background .2s,transform .15s;border-radius:999px}
.sub-form button:hover{background:#b5301a;transform:translateY(-1px)}
.sub-proof{font-family:var(--font-m);font-size:.86rem;letter-spacing:.02em;color:var(--text-3);font-weight:500}

/* ==========  FOCUS  ========== */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--fire);outline-offset:3px;border-radius:2px}

/* ==========  RESPONSIVE  ========== */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr 260px;gap:3rem}
  .art-gal{grid-template-columns:repeat(2,1fr)}
  .arc-grid{grid-template-columns:repeat(2,1fr)}
  .archive-grid{grid-template-columns:repeat(2,1fr)}
  .poem-pencil{display:none}.poem-pencil-inline{display:block}
  .wise-scatter{min-height:auto;position:static}
  .wc{position:static !important;transform:none !important;max-width:100% !important;margin-bottom:1.5rem}
  .section-themes .woven-grid{font-size:.9em}
  .letters-wrap{grid-template-columns:1fr}
  .letter-aside{display:none}
  .detail-also-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .nav{padding:0 1.5rem}
  .nav-links{display:none}
  .nav-issue{display:none}
}
@media(max-width:768px){
  body{font-size:16px}
  .hero{grid-template-columns:1fr;padding:8rem 1.5rem 4rem}
  .hero-toc{display:flex;gap:1rem;overflow-x:auto;padding:1.25rem 1.5rem;margin-top:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .hero-toc::-webkit-scrollbar{display:none}
  .hero-toc .tape-top,.hero-toc .tape-top2{display:none}
  .hero-toc::after{display:none}
  .hero-toc-label{display:none}
  .toc-list{display:flex;gap:1.25rem;white-space:nowrap;line-height:1.6;font-size:1rem}
  .hero-wm{display:none}
  .read-feat{grid-template-columns:1fr}
  .read-feat-side{padding:2rem 2.5rem}
  .read-feat-main{padding:2rem 2.5rem}
  .reads-grid{grid-template-columns:1fr}
  .read-hl{grid-template-columns:1fr;padding:1.75rem 2.25rem;gap:1.25rem}
  .read-hl::before,.read-hl::after{display:none}
  .watch-grid{grid-template-columns:1fr;padding:0 1.5rem}
  .vid-card:nth-child(1){grid-row:auto}
  .listen-grid{grid-template-columns:1fr}
  .ls-vinyl{grid-template-columns:1fr;padding:2rem}.ls-disc{display:none}
  .art-gal{grid-template-columns:1fr;max-width:400px}
  .wise-scatter{min-height:auto}
  .wc{position:static !important;transform:none !important;max-width:100% !important}
  .arc-grid{grid-template-columns:1fr}
  .archive-grid{grid-template-columns:1fr}
  .mg-flow{grid-template-columns:1fr !important;gap:1.5rem}
  .mg-note{grid-column:1 !important;grid-row:auto !important;transform:none !important;margin-top:0 !important}
  .section-mg{padding:5rem 1.5rem}
  .section-letters{clip-path:none;padding-top:6rem;margin-top:0}
  .letter-home{padding:2.5rem 2rem}
  .section-curator{clip-path:none}.section-curator::before{display:none}
  .books-row{gap:2rem}
  .book-item{flex-direction:row;gap:1.25rem;max-width:360px;width:100%;justify-content:flex-start}
  .ft-nav{gap:1.2rem;flex-wrap:wrap}
  .scribble-abs{position:static;transform:none !important}
  .wax-seal{width:40px;height:40px;bottom:1.25rem;right:1.25rem}
  .wax-seal::after{font-size:1.05rem}
  .letter-diag{display:none}
  .section-art::before{display:none}
  .footer-ring{display:none}
  .woven-threads{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .woven-header,.woven-grid{min-width:560px}
  .woven-label{display:none}
  .detail-also-grid{grid-template-columns:1fr}
  .section-reads,.section-listen,.section-art,.section-books,.section-wise,.section-archive,.section-themes{padding-left:1.5rem;padding-right:1.5rem}
  .sh{padding-left:1.5rem;padding-right:1.5rem}
}
@media(max-width:480px){
  .hero{padding:7rem 1rem 3rem}
  .hero-stamp{margin-bottom:1.25rem}
  .hero-scrawl{font-size:1.4rem;margin:.25rem 0 1.5rem 0}
  .hero-title{font-size:2.8rem;line-height:.9}
  .hero-title span:first-child{font-size:.5em}
  section{padding-left:1rem !important;padding-right:1rem !important}
  .section-curator{padding:4rem 1rem}
  .curator-clip{display:none}
  .curator-body{font-size:1.08rem}
  .poem-well{padding:2rem 1.5rem}
  .poem-qm,.poetry-ann{display:none}
  .poem-text{font-size:1.15rem;line-height:1.95}
  .letter-home{padding:1.75rem 1.4rem}
  .letter-fold{display:none}
  .read-hl{padding:1.5rem 2rem;grid-template-columns:1fr}
  .rh-stamp{display:none}
  .mg-note:nth-child(6){padding:2rem 1.5rem}
  .books-row{flex-direction:column;align-items:center}
  .book-item{flex-direction:column;align-items:center;text-align:center}
  .shelf-edge{display:none}
  .watch-grid{padding:0 1rem}
  .hero-toc{margin-top:.5rem}
  .detail-content{padding:3rem 1rem 4rem}
  .footer{padding:6rem 1.25rem 3rem}
  .ft-nav{gap:.75rem 1.25rem;flex-wrap:wrap}
}