:root {
  --night: #11162f;
  --ink: #1e1820;
  --plum: #4b1f4c;
  --violet: #722f73;
  --ember: #e65f24;
  --gold: #eeb647;
  --blue: #224c7d;
  --cream: #fff7e9;
  --paper: #f5ebdc;
  --rose: #f2c4bb;
  --leaf: #315a43;
  --line: rgba(58, 34, 42, .18);
  --serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  --display: "Baskerville", "Iowan Old Style", Georgia, serif;
  --sans: Avenir, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--ink); font: 400 16px/1.65 var(--sans); overflow-x: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button, input { font: inherit; }
.skip { position: fixed; left: 1rem; top: -5rem; z-index: 200; padding: .7rem 1rem; background: white; color: var(--ink); }
.skip:focus { top: 1rem; }

.announcement { padding: .55rem 1rem; background: linear-gradient(90deg, var(--plum), #76315b, var(--ember)); color: white; text-align: center; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.site-header { position: sticky; top: 0; z-index: 100; display: grid; grid-template-columns: auto 1fr auto; align-items: center; min-height: 78px; padding: 0 clamp(1rem, 4vw, 4rem); background: rgba(255,247,233,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.brand { display: flex; align-items: center; gap: .75rem; text-decoration: none; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--plum); border-radius: 50%; color: var(--plum); font: 400 1rem var(--serif); }
.brand-name { font: 400 clamp(1.55rem, 2vw, 2.1rem)/1 var(--display); letter-spacing: -.03em; }
.brand-name em { color: var(--ember); font-weight: 400; }
.site-nav { display: flex; justify-content: center; gap: clamp(1rem, 2.3vw, 2.4rem); }
.site-nav a { font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.site-nav a:hover, .site-nav a:focus-visible, .site-nav a[aria-current="page"] { color: var(--ember); }
.header-cta { padding: .7rem 1.05rem; background: var(--night); color: white; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.menu-toggle { display: none; border: 0; background: transparent; color: var(--ink); font-weight: 700; }

.hero { position: relative; min-height: 0; aspect-ratio: 1959 / 803; display: grid; align-items: end; overflow: hidden; background: var(--night); color: white; }
.hero-media { position: absolute; inset: 0; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; animation: breathe 14s ease-in-out infinite alternate; }
.hero-media .hero-backdrop { position:absolute; inset:-3%; width:106%; height:106%; filter:blur(26px) saturate(.78) brightness(.58); transform:scale(1.06); animation:none; }
.hero-media .hero-exact { position:absolute; inset:0 0 0 auto; width:min(62%,1260px); height:100%; object-fit:contain; object-position:right center; animation:breathe 14s ease-in-out infinite alternate; }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14,12,24,.85) 0%, rgba(16,12,22,.48) 42%, rgba(16,12,22,.08) 74%), linear-gradient(0deg, rgba(12,10,18,.72), transparent 45%); }
.hero-copy { position: relative; z-index: 2; width: min(720px, 48vw); padding: clamp(3rem, 7vw, 7rem) clamp(1.25rem, 6vw, 6rem); }
.kicker { margin: 0 0 1rem; color: var(--gold); font-size: .72rem; font-weight: 800; letter-spacing: .23em; text-transform: uppercase; }
h1, h2, h3, blockquote { font-family: var(--display); font-weight: 400; line-height: 1.03; }
h1 { margin: 0; font-size: clamp(4rem, 8.2vw, 8.7rem); letter-spacing: -.055em; }
h1 em, h2 em { color: var(--gold); font-weight: 400; }
.hero-deck { max-width: 630px; margin: 1.5rem 0 2rem; color: rgba(255,255,255,.9); font-size: clamp(1rem, 1.35vw, 1.2rem); }
.actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .75rem 1.2rem; border: 1px solid currentColor; font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; transition: transform .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { border-color: var(--gold); background: var(--gold); color: var(--ink); }
.button-gold-shine {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:#e9bf67;
  background:linear-gradient(135deg,#8e5c18 0%,#d8a749 38%,#f0cf7b 54%,#b77721 100%);
  color:#121719;
  box-shadow:0 12px 34px rgba(208,157,66,.28),inset 0 1px 0 rgba(255,246,206,.72);
}
.button-gold-shine::after {
  content:"";
  position:absolute;
  z-index:-1;
  top:-70%;
  bottom:-70%;
  left:-42%;
  width:28%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
  animation:buttonShine 4.8s ease-in-out infinite;
}
@keyframes buttonShine {
  0%,58%,100% { left:-42%; opacity:0; }
  64% { opacity:.85; }
  82% { left:122%; opacity:.28; }
}
.button-ghost { color: white; }
@keyframes breathe { from { filter: saturate(.98) brightness(.98); } to { filter: saturate(1.04) brightness(1.02); } }

.marquee { overflow: hidden; border-top: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); background: var(--night); color: white; }
.marquee-track { display:flex; width:max-content; padding:.92rem 0; animation:drift 175s linear infinite; font-family:var(--serif); font-size:1rem; letter-spacing:.16em; white-space:nowrap; }
.marquee-track .ticker-copy { display:block; padding-right:3.25rem; color:#eee6dd; word-spacing:.5rem; }
@keyframes drift { to { transform: translateX(-50%); } }

.section { padding: clamp(4.5rem, 9vw, 9rem) clamp(1.25rem, 6vw, 6rem); }
.section-head { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(2rem, 8vw, 8rem); align-items: end; margin-bottom: clamp(2.5rem, 5vw, 5rem); }
.section-head h2 { max-width: 830px; margin: 0; font-size: clamp(3.2rem, 6vw, 6.8rem); letter-spacing: -.04em; }
.section-head p:last-child { max-width: 620px; margin: 0 0 .7rem; color: #67575f; font-size: 1.05rem; }
.cream { background: var(--cream); }
.night { background: var(--night); color: white; }
.plum { background: var(--plum); color: white; }
.ember { background: var(--ember); color: white; }
.night .section-head p:last-child, .plum .section-head p:last-child { color: rgba(255,255,255,.74); }

.feature-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 1rem; }
.feature-card { position: relative; min-height: 580px; overflow: hidden; background: #221924; color: white; text-decoration: none; }
.feature-card:nth-child(2), .feature-card:nth-child(3) { min-height: 450px; }
.feature-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.feature-card:hover img { transform: scale(1.025); }
.feature-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(12,8,15,.88), transparent 62%); }
.feature-copy { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: 2rem; }
.feature-copy small { color: var(--gold); font-size: .67rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.feature-copy h3 { margin: .5rem 0 .6rem; font-size: clamp(2rem, 3vw, 3.4rem); }
.feature-copy p { max-width: 470px; margin: 0; color: rgba(255,255,255,.78); }

.issue-split { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 720px; }
.issue-image { overflow: hidden; background: #27192d; }
.issue-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 48%; }
.issue-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(3rem, 7vw, 7rem); background: radial-gradient(circle at 90% 10%, rgba(238,182,71,.22), transparent 35%), var(--plum); color: white; }
.issue-copy h2 { margin: 0; font-size: clamp(3.6rem, 6vw, 7rem); letter-spacing: -.045em; }
.issue-copy p:not(.kicker) { max-width: 590px; color: rgba(255,255,255,.78); }
.issue-list { margin: 1rem 0 2rem; padding: 0; list-style: none; }
.issue-list li { padding: .45rem 0; border-bottom: 1px solid rgba(255,255,255,.14); }

.feel-grid { display: grid; grid-template-columns: .8fr 1.2fr .8fr; gap: 1rem; align-items: center; }
.feel-grid figure { margin: 0; }
.feel-grid img { width: 100%; height: auto; }
.feel-grid figure:nth-child(2) { transform: translateY(2rem); }
.feel-grid figcaption { padding: 1rem 0; color: rgba(255,255,255,.72); font-size: .8rem; }

.category-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.category-card { min-height: 280px; padding: 2rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-decoration: none; transition: background .2s ease, color .2s ease; }
.category-card:hover { background: var(--night); color: white; }
.category-card small { color: var(--ember); font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.category-card h3 { margin: 3rem 0 .8rem; font-size: 2.4rem; }
.category-card p { color: #6c5d64; }
.category-card:hover p { color: rgba(255,255,255,.72); }

.newsletter { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; background: linear-gradient(135deg, #e35d25 0%, #e27b36 52%, #d85f78 100%); color: white; }
.newsletter h2 { margin: 0; font-size: clamp(3.2rem, 6vw, 6.8rem); }
.newsletter-form { display: flex; gap: .6rem; max-width: 650px; }
.newsletter-form input { min-width: 0; flex: 1; min-height: 52px; border: 1px solid rgba(255,255,255,.65); background: rgba(255,255,255,.13); color: white; padding: 0 1rem; }
.newsletter-form input::placeholder { color: rgba(255,255,255,.8); }
.newsletter-form button { border: 0; background: var(--night); color: white; padding: 0 1.3rem; font-weight: 800; }
.form-note { min-height: 1.6em; margin-top: .7rem; font-size: .8rem; }

.page-hero { min-height: 520px; display: grid; grid-template-columns: 1fr 1fr; background: var(--night); color: white; }
.page-hero-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(3rem, 7vw, 7rem); }
.page-hero h1 { font-size: clamp(4rem, 7vw, 7.5rem); }
.page-hero-copy > p:not(.kicker) { max-width: 600px; color: rgba(255,255,255,.75); }
.page-hero-media { min-height: 520px; overflow: hidden; }
.page-hero-media picture { display:block; width:100%; height:100%; }
.page-hero-media img { width: 100%; height: 100%; object-fit: cover; }
.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem 1rem; }
.article-card { text-decoration: none; }
.article-card img { width: 100%; aspect-ratio: .78; object-fit: cover; background: #eadfce; }
.article-card small { display: block; margin-top: 1rem; color: var(--ember); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.article-card h3 { margin: .45rem 0; font-size: clamp(1.8rem, 2.5vw, 2.8rem); }
.article-card p { color: #6b5d64; }
.article-card .read-more { color: var(--plum); font-weight: 800; }
.peek-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }
.peek-grid img { width: 100%; height: auto; }
.quote-band { padding: clamp(5rem, 10vw, 10rem) clamp(1.25rem, 9vw, 9rem); background: radial-gradient(circle at 18% 20%, rgba(230,95,36,.42), transparent 30%), radial-gradient(circle at 83% 80%, rgba(114,47,115,.5), transparent 34%), var(--night); color: white; text-align: center; }
.quote-band blockquote { max-width: 1150px; margin: 0 auto; font-size: clamp(2.8rem, 6vw, 6rem); }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.product { padding: 2rem; background: white; border: 1px solid var(--line); }
.product > img { width:100%; aspect-ratio:4/5; object-fit:cover; object-position:center top; margin-bottom:1.5rem; background:#eadfce; }
.product h3 { font-size: 2.2rem; }
.product p { color: #6c5d64; }
.product .price { color: var(--ember); font-weight: 800; }
.shop-hero { min-height:720px; }
.shop-proof { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem 3rem; padding:1.15rem 1.5rem; background:#fff7e9; border-block:1px solid var(--line); color:#67515d; font-size:.72rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.shop-featured { display:grid; grid-template-columns:minmax(320px,.82fr) 1.18fr; gap:clamp(3rem,8vw,9rem); align-items:center; background:radial-gradient(circle at 8% 14%,rgba(238,182,71,.24),transparent 25%),linear-gradient(145deg,#f8ead5,#fff8ee 60%,#efdde5); }
.shop-featured-art { position:relative; width:min(100%,620px); aspect-ratio:1/1.08; margin:0 auto; }
.shop-featured-art::before { content:""; position:absolute; inset:7% 3% 1% 7%; border:1px solid rgba(89,50,77,.25); transform:rotate(4deg); }
.shop-featured-art img { position:absolute; width:62%; height:auto; box-shadow:0 34px 70px rgba(37,22,35,.25); }
.shop-cover-back { top:1%; left:1%; transform:rotate(-6deg); }
.shop-cover-front { right:1%; bottom:1%; transform:rotate(2.5deg); }
.shop-featured-copy { max-width:820px; }
.shop-featured-copy h2 { margin:0 0 1.5rem; font-size:clamp(4rem,7vw,7.5rem); letter-spacing:-.05em; }
.shop-details { width:min(100%,650px); margin:1.6rem 0 2rem; padding:0; list-style:none; border-top:1px solid var(--line); }
.shop-details li { padding:.8rem 0; border-bottom:1px solid var(--line); }
.shop-choices { background:linear-gradient(160deg,#f2edf7 0%,#fff4e5 52%,#f3d8cf 100%); }
.shop-choice-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
.shop-choice-card { position:relative; min-height:450px; display:flex; flex-direction:column; align-items:flex-start; padding:clamp(2rem,4vw,4rem); overflow:hidden; border:1px solid rgba(65,42,64,.16); background:rgba(255,255,255,.72); box-shadow:0 22px 48px rgba(46,28,49,.08); }
.shop-choice-card::before { content:""; position:absolute; width:230px; aspect-ratio:1; right:-100px; top:-100px; border-radius:50%; background:radial-gradient(circle,rgba(238,182,71,.28),transparent 70%); }
.shop-choice-card:nth-child(2)::before { background:radial-gradient(circle,rgba(82,119,178,.24),transparent 70%); }
.shop-choice-card:nth-child(3)::before { background:radial-gradient(circle,rgba(230,95,36,.23),transparent 70%); }
.shop-choice-card:nth-child(4)::before { background:radial-gradient(circle,rgba(114,47,115,.22),transparent 70%); }
.shop-choice-card > * { position:relative; z-index:1; }
.shop-card-number { margin-left:auto; color:rgba(76,40,70,.22); font:400 3.7rem/1 var(--display); }
.shop-choice-card h3 { max-width:520px; margin:.4rem 0 1rem; font-size:clamp(2.4rem,4vw,4.2rem); }
.shop-choice-card p:not(.kicker):not(.price) { max-width:600px; color:#685863; }
.shop-choice-card .price { margin:.4rem 0 1.5rem; color:var(--ember); font-size:1.1rem; font-weight:800; }
.shop-choice-card .button { margin-top:auto; }
.shop-ritual { display:grid; grid-template-columns:.78fr 1.22fr; min-height:760px; background:var(--night); color:#fff; }
.shop-ritual-image { display:grid; place-items:center; padding:clamp(2rem,5vw,5rem); background:radial-gradient(circle at 80% 20%,rgba(238,182,71,.27),transparent 26%),linear-gradient(145deg,#252c4e,#482348 60%,#b14b39); }
.shop-ritual-image img { width:min(100%,520px); height:auto; padding:.65rem; background:rgba(255,255,255,.78); box-shadow:0 34px 80px rgba(8,8,18,.4); transform:rotate(-1.3deg); }
.shop-ritual-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(3rem,8vw,8rem); }
.shop-ritual-copy h2 { max-width:900px; margin:0 0 1.5rem; font-size:clamp(3.6rem,6vw,7rem); letter-spacing:-.045em; }
.shop-ritual-copy p:not(.kicker) { max-width:680px; color:rgba(255,255,255,.74); font-size:1.08rem; }
.shop-account { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,8vw,8rem); align-items:end; background:#fff7e9; }
.shop-account h2 { margin:0; font-size:clamp(3.6rem,6vw,6.6rem); }
.shop-account > div:last-child { max-width:620px; }
.story-columns { columns: 2 320px; column-gap: clamp(3rem, 8vw, 8rem); max-width: 1200px; margin: 0 auto; }
.story-columns p:first-child::first-letter { float: left; margin: .08em .12em 0 0; color: var(--ember); font: 400 5.5rem/.75 var(--serif); }

.site-footer { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 2rem; padding: 4rem clamp(1.25rem, 6vw, 6rem); background: #0f1329; color: white; }
.footer-brand { font: 400 2.5rem var(--display); }
.site-footer h3 { margin-top: 0; color: var(--gold); font: 800 .72rem var(--sans); letter-spacing: .14em; text-transform: uppercase; }
.site-footer a { display: block; width: max-content; margin: .35rem 0; color: rgba(255,255,255,.72); text-decoration: none; }
.site-footer small { color: rgba(255,255,255,.55); }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s ease; }
.reveal.visible { opacity: 1; transform: none; }

/* Fall 2026 editorial system */
.button-dark { border-color: var(--night); background: var(--night); color: white; }
.text-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--plum); font-weight: 800; text-decoration: none; }
.text-link.light { color: var(--gold); }
.center-action { margin: 3rem 0 0; text-align: center; }
.lede { font: 400 clamp(1.2rem, 2vw, 1.65rem)/1.55 var(--serif); }
.reader-voices { position:relative; padding:clamp(4rem,7vw,7rem) clamp(1.25rem,6vw,6rem); overflow:hidden; background:linear-gradient(145deg,#f4ece2 0%,#fffaf2 56%,#efe2dc 100%); }
.reader-voices::before { content:""; position:absolute; width:38vw; aspect-ratio:1; left:-18vw; bottom:-24vw; border-radius:50%; background:radial-gradient(circle,rgba(201,113,59,.16),rgba(116,63,104,.07) 52%,transparent 72%); filter:blur(18px); }
.reader-voices > * { position:relative; z-index:1; }
.reader-voices-head { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr); gap:clamp(2rem,6vw,7rem); align-items:end; margin:0 0 clamp(2rem,4vw,3.5rem); }
.reader-voices-head .kicker { grid-column:1/-1; margin-bottom:-1.1rem; color:#733747; }
.reader-voices-head h2 { margin:0; max-width:920px; font-size:clamp(3rem,5.8vw,6.6rem); line-height:.94; }
.reader-voices-head h2 em { color:#bb7138; }
.reader-voices-head > p:last-child { max-width:540px; margin:0; color:#66545b; }
.reader-voices-body { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:clamp(1.5rem,3vw,3rem); align-items:start; }
.reader-voices-gallery { display:grid; grid-template-columns:1fr 1fr; gap:1rem; position:sticky; top:150px; }
.reader-voices-gallery figure { margin:0; overflow:hidden; border:3px solid #b98a38; background:#141a1d; box-shadow:0 24px 56px rgba(0,0,0,.3),0 0 0 1px rgba(239,197,104,.2); }
.reader-voices-gallery figure:nth-child(2) { transform:translateY(2.2rem); }
.reader-voices-gallery img { width:100%; aspect-ratio:4/5; object-fit:cover; object-position:center; filter:saturate(.86) contrast(1.02); }
.testimonial-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1rem,2vw,1.6rem); align-items:stretch; }
.testimonial-card { position:relative; padding:clamp(1.45rem,2.6vw,2.25rem); border:1px solid rgba(76,47,58,.12); border-top:3px solid rgba(171,99,48,.72); background:rgba(255,252,247,.82); box-shadow:0 16px 42px rgba(72,43,52,.07); }
.testimonial-card::after { content:"✦"; position:absolute; top:1.15rem; right:1.25rem; color:rgba(160,92,55,.3); font-size:.85rem; }
.testimonial-lead { grid-column:span 2; }
.testimonial-card h3 { max-width:90%; margin:0 0 1rem; color:#3f2635; font-size:clamp(1.25rem,1.65vw,1.8rem); line-height:1.15; }
.testimonial-card blockquote { margin:0; color:#65545a; font:italic 400 clamp(.96rem,1.1vw,1.08rem)/1.7 var(--serif); }
.testimonial-credit { margin:1.2rem 0 0; padding-top:.9rem; border-top:1px solid rgba(77,48,58,.12); color:#7b3e48; font-size:.76rem; letter-spacing:.035em; }
.issue-intro { display: grid; grid-template-columns: minmax(280px,.72fr) 1.28fr; gap: clamp(3rem,8vw,8rem); align-items: center; }
.issue-cover { max-width: 520px; padding:0; background:transparent; box-shadow:0 30px 75px rgba(42,22,31,.24),0 8px 22px rgba(42,22,31,.14); transform:rotate(-1.2deg); }
.issue-cover img { display:block; width:100%; }
.issue-intro-copy { max-width: 800px; }
.issue-intro-copy h2 { margin: 0; font-size: clamp(3.4rem,6.4vw,7rem); letter-spacing: -.045em; }
.issue-intro-copy .issue-list { width: min(100%,640px); }
.harvest-wash { color:#f7f0e7; background:
  radial-gradient(circle at 8% 14%,rgba(187,119,67,.2),transparent 26%),
  radial-gradient(circle at 92% 78%,rgba(92,65,96,.18),transparent 30%),
  linear-gradient(145deg,#353d40,#485155 58%,#3b4245); }
.harvest-wash .section-head h2 { color:#fff9f0; }
.harvest-wash .section-head h2 em { color:#e8b865; }
.harvest-wash .section-head > p { color:#d8d2ca; }
.harvest-wash .kicker { color:#efbd65; }
.harvest-wash .button-dark { border-color:#e9b55b; background:#e9b55b; color:#252b2e; }
.editorial-grid { width:min(100%,1180px); margin:0 auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1.25rem,2.2vw,2rem); align-items:stretch; }
.editorial-card { position:relative; min-height:0; height:100%; display:grid; grid-template-rows:auto 1fr; overflow:hidden; border:2px solid #8b652e; background:#ded8ce; color:#282a2c; text-decoration:none; box-shadow:0 18px 48px rgba(15,20,22,.2),inset 0 0 0 1px rgba(255,231,181,.2); transition:transform .35s ease,box-shadow .35s ease; }
.editorial-card img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; object-position:center 18%; transition:transform .6s ease,filter .6s ease; }
.editorial-card::after { display:none; }
.editorial-card span { position:static; z-index:auto; padding:1.25rem 1.35rem 1.45rem; }
.editorial-card small { color:#873f42; font-size:.68rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.editorial-card h3 { margin:.45rem 0 .25rem; color:#8a5722; font-size:clamp(1.55rem,2vw,2.25rem); line-height:1.02; }
.editorial-card p { margin:.5rem 0 0; color:#5a5353; font-size:.92rem; line-height:1.55; }
.editorial-card:hover { transform:translateY(-5px); box-shadow:0 26px 58px rgba(79,48,54,.14); }
.editorial-card:hover img { transform:scale(1.018); filter:saturate(1.04); }
.manifesto-band { position:relative; min-height:780px; display:grid; grid-template-columns:.9fr 1.1fr; overflow:hidden; background:linear-gradient(145deg,#26162e 0%,#522344 54%,#9d4938 100%); color:#fff; }
.manifesto-band::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 12% 18%,rgba(238,182,71,.24),transparent 27%),radial-gradient(circle at 88% 82%,rgba(232,108,54,.24),transparent 31%),repeating-linear-gradient(125deg,rgba(255,255,255,.018) 0 1px,transparent 1px 11px); }
.manifesto-band:not(.readers-manifesto) { grid-template-columns:1fr; place-items:center; }
.manifesto-band:not(.readers-manifesto)::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(17,12,28,.88),rgba(30,15,39,.28) 70%); }
.manifesto-band:not(.readers-manifesto) .manifesto-image { position:absolute; inset:0; }
.manifesto-band:not(.readers-manifesto) .manifesto-image img { width:100%; height:100%; object-fit:cover; filter:saturate(.82); }
.manifesto-band:not(.readers-manifesto) .manifesto-copy { width:min(1160px,88vw); margin-right:auto; }
.manifesto-copy { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(4rem,8vw,8rem); }
.manifesto-copy blockquote { max-width:760px; margin:0 0 1.4rem; font-size:clamp(3rem,5.3vw,6.2rem); }
.manifesto-note { max-width:580px; margin:0 0 2rem; color:rgba(255,255,255,.72); font-size:1.02rem; }
.manifesto-readers { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:clamp(1rem,2.2vw,2.2rem); align-items:center; padding:clamp(2rem,5vw,5rem) clamp(2rem,5vw,5rem) clamp(2rem,5vw,5rem) 0; }
.manifesto-readers::before { content:""; position:absolute; inset:8% 3% 8% -8%; border:1px solid rgba(238,182,71,.42); pointer-events:none; }
.manifesto-readers figure { position:relative; margin:0; padding:.55rem; background:rgba(255,247,233,.92); box-shadow:0 34px 70px rgba(11,7,17,.38); }
.manifesto-readers figure:first-child { transform:translateY(-3.5%) rotate(-1.4deg); }
.manifesto-readers figure:last-child { transform:translateY(3.5%) rotate(1.4deg); }
.manifesto-readers img { width:100%; height:auto; }
.seasonal-ritual { position:relative; width:min(calc(100% - 2rem),1480px); margin:clamp(3rem,6vw,6rem) auto; display:grid; grid-template-columns:minmax(260px,.7fr) 1.3fr; align-items:center; gap:clamp(3rem,7vw,7.5rem); padding:clamp(3rem,6vw,6rem); overflow:hidden; border:1px solid rgba(94,62,64,.13); background:linear-gradient(135deg,#f6efe4 0%,#fffaf2 55%,#f3e8e2 100%); box-shadow:0 24px 70px rgba(70,44,53,.08); }
.seasonal-ritual::before { content:""; position:absolute; width:min(42vw,620px); aspect-ratio:1; right:-16%; top:-38%; border-radius:50%; background:radial-gradient(circle,rgba(232,161,68,.18),rgba(151,63,82,.08) 45%,transparent 72%); filter:blur(10px); }
.seasonal-ritual::after { content:""; position:absolute; inset:.8rem; border:1px solid rgba(104,70,68,.1); pointer-events:none; }
.ritual-visual,.ritual-copy { position:relative; z-index:1; }
.ritual-visual { width:min(100%,410px); margin:0 auto; padding:0; background:transparent; transform:rotate(-1.1deg); }
.ritual-visual img { position:relative; z-index:1; display:block; width:100%; height:auto; box-shadow:0 28px 70px rgba(61,41,65,.24),0 7px 20px rgba(61,41,65,.14); }
.ritual-aura { position:absolute; z-index:0; inset:-9% -13%; background:radial-gradient(circle at 22% 18%,rgba(221,101,65,.2),transparent 24%),radial-gradient(circle at 82% 78%,rgba(111,70,143,.16),transparent 25%); filter:blur(24px); }
.ritual-caption { position:relative; z-index:2; width:max-content; margin:.9rem auto 0; padding:0; background:transparent; color:#4b273e; font-size:.7rem; font-weight:800; letter-spacing:.17em; text-transform:uppercase; transform:none; }
.ritual-copy { max-width:760px; }
.ritual-copy h2 { max-width:760px; margin:0 0 1.4rem; font-size:clamp(3rem,5.1vw,5.7rem); letter-spacing:-.04em; }
.ritual-copy > p { max-width:760px; }
.ritual-lede { font:400 clamp(1.25rem,2vw,1.7rem)/1.55 var(--serif); }
.ritual-copy blockquote { position:relative; max-width:680px; margin:1.7rem 0; padding:1.35rem 1.5rem 1.35rem 1.8rem; border-left:3px solid var(--ember); background:rgba(255,255,255,.58); color:var(--plum); font-size:clamp(1.3rem,1.8vw,1.9rem); line-height:1.28; }
.ritual-whisper { margin-top:2.2rem; padding-top:1.5rem; border-top:1px solid rgba(61,40,64,.22); color:#665263; font:italic 400 1rem/1.65 var(--serif); }
.social-section { position:relative; overflow:hidden; background:linear-gradient(155deg,#eeeaf6 0%,#fff2e5 48%,#f6d8ce 100%); }
.social-section::before { content:""; position:absolute; width:44vw; aspect-ratio:1; left:-20vw; bottom:-28vw; border-radius:50%; background:conic-gradient(rgba(219,79,63,.25),rgba(236,174,53,.22),rgba(61,111,157,.2),rgba(113,54,126,.22),rgba(219,79,63,.25)); filter:blur(25px); }
.social-section > * { position:relative; z-index:1; }
.social-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:.65rem; }
.social-grid a { display:block; aspect-ratio:4/5; overflow:hidden; background:#ddd; box-shadow:0 18px 35px rgba(49,29,52,.12); }
.social-grid img { width:100%; height:100%; object-fit:cover; object-position:center top; transition:transform .45s ease; }
.social-grid a:nth-child(even) { transform:translateY(1.5rem); }
.social-grid a:hover img { transform:scale(1.035); }
.mobile-buy { display:none; }

.read-hero { min-height:620px; background:linear-gradient(135deg,#201329,#5b274d 55%,#d9793c); }
.read-hero .page-hero-media { display:grid; place-items:center; padding:clamp(1.25rem,3vw,3rem); background:radial-gradient(circle at 50% 35%,#8f4b60 0%,#4b244b 52%,#21162c 100%); }
.read-hero .page-hero-media img { width:100%; height:100%; object-fit:contain; object-position:center; }
.article-card { display:flex; flex-direction:column; }
.article-card .read-more { margin-top:auto; min-height:44px; display:inline-flex; align-items:center; }
.article-card img { aspect-ratio: .7775; }
.article-card-featured { grid-column:span 2; display:grid; grid-template-columns:1.05fr .95fr; background:#23172c; color:#fff; }
.article-card-featured img { height:100%; aspect-ratio:auto; }
.article-card-featured .article-card-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,5vw,5rem); }
.article-card-featured p { color:rgba(255,255,255,.72); }
.article-card-featured .read-more { color:var(--gold); }

.story-hero { display:grid; grid-template-columns:minmax(320px,.82fr) 1.18fr; min-height:720px; background:linear-gradient(145deg,#171228,#562846); color:#fff; }
.story-hero-media { min-height:720px; overflow:hidden; background:#211625; }
.story-hero-media img { width:100%; height:100%; object-fit:cover; object-position:center top; }
.story-hero-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(3rem,8vw,8rem); }
.story-hero-copy h1 { font-size:clamp(3.8rem,7vw,7.5rem); }
.story-hero-copy .dek { max-width:700px; color:rgba(255,255,255,.76); font-size:1.15rem; }
.story-meta { margin-top:1rem; color:var(--gold); font-size:.8rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.story-layout { display:grid; grid-template-columns:minmax(0,760px) 250px; gap:clamp(3rem,8vw,8rem); justify-content:center; align-items:start; }
.story-body { font:400 1.18rem/1.85 var(--serif); }
.story-body p:first-child::first-letter { float:left; margin:.12em .12em 0 0; color:var(--ember); font-size:5rem; line-height:.72; }
.story-aside { position:sticky; top:118px; }
.story-aside img { width:100%; box-shadow:0 20px 50px rgba(30,17,27,.16); }
.story-lock { position:relative; margin-top:3rem; padding:4rem 2.4rem; overflow:hidden; background:linear-gradient(135deg,#402045,#18152a); color:#fff; text-align:center; }
.story-lock::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 20% 20%,rgba(238,182,71,.25),transparent 34%); }
.story-lock > * { position:relative; }
.story-lock h2 { margin:.4rem 0 1rem; font-size:clamp(2.8rem,5vw,5rem); }
.share-row { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.6rem; }
.share-row a,.share-row button { min-height:42px; padding:.55rem .9rem; border:1px solid rgba(255,255,255,.35); background:transparent; color:#fff; font-size:.77rem; font-weight:800; cursor:pointer; text-decoration:none; }
.share-note { min-height:1.3em; color:var(--gold); font-size:.78rem; }
.more-stories { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.more-stories a { text-decoration:none; }
.more-stories img { width:100%; aspect-ratio:.7775; object-fit:cover; object-position:center top; }
.more-stories h3 { margin:.8rem 0 0; font-size:2rem; }

.current-issue-hero { position:relative; min-height:760px; background-image:linear-gradient(90deg,rgba(20,12,26,.9) 0%,rgba(28,16,31,.68) 43%,rgba(28,16,31,.2) 71%,rgba(17,10,22,.26) 100%),url("fall-issue-room.webp"); background-size:cover; background-position:center; }
.current-issue-hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 13% 18%,rgba(238,182,71,.15),transparent 27%),repeating-linear-gradient(118deg,rgba(255,255,255,.014) 0 1px,transparent 1px 12px); pointer-events:none; }
.current-issue-hero .page-hero-copy { position:relative; z-index:2; }
.current-issue-hero .page-hero-copy::before { content:""; width:72px; height:1px; margin-bottom:2rem; background:var(--gold); box-shadow:92px 0 0 rgba(238,182,71,.35); }
.current-issue-stage { position:relative; display:grid; place-items:center; padding:clamp(2rem,4vw,4.5rem); background:radial-gradient(circle at 58% 44%,rgba(255,218,137,.76) 0%,rgba(181,79,71,.48) 32%,rgba(45,24,52,.28) 67%,transparent 75%); }
.current-issue-stage::before { content:""; position:absolute; width:min(70%,620px); aspect-ratio:1; border:1px solid rgba(255,222,153,.34); transform:rotate(45deg); }
.immersive-issue-hero { position:relative; display:block; min-height:0; aspect-ratio:2048/1365; overflow:hidden; background:#241b26; }
.immersive-issue-hero::before { display:none; }
.current-issue-photo { position:absolute; inset:0; }
.current-issue-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(28,17,29,.54) 0%,rgba(28,17,29,.22) 31%,transparent 59%); pointer-events:none; }
.current-issue-photo :is(img, video) { width:100%; height:100%; display:block; object-fit:contain; object-position:center; }
.immersive-issue-hero .page-hero-copy { position:absolute; z-index:2; top:clamp(1.5rem,3.5vw,4rem); left:50%; transform:translateX(-50%); width:min(860px,58vw); padding:clamp(1.25rem,2vw,2.2rem); border:1px solid rgba(255,239,207,.2); background:linear-gradient(135deg,rgba(29,18,30,.7),rgba(29,18,30,.33)); box-shadow:0 28px 70px rgba(23,13,24,.16); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); }
.immersive-issue-hero .page-hero-copy h1 { max-width:none; font-size:clamp(3.6rem,5vw,6rem); line-height:.88; }
.issue-stack { position:relative; width:min(86%,650px); aspect-ratio:1 / 1.06; filter:drop-shadow(0 32px 52px rgba(12,7,15,.38)); }
.issue-stack img { position:absolute; height:auto; max-height:none; object-fit:contain; box-shadow:0 24px 55px rgba(11,6,15,.34); }
.issue-stack .issue-back { z-index:1; top:3%; left:2%; width:63%; transform:rotate(-7deg); opacity:.88; }
.issue-stack .issue-front { z-index:2; right:1%; bottom:1%; width:63%; transform:rotate(2.5deg); }
.preview-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:.65rem; }
.preview-strip figure { margin:0; }
.preview-strip img { width:100%; aspect-ratio:.7775; object-fit:cover; object-position:center top; }
.preview-strip figcaption { padding:.8rem 0; color:#6b5a62; font-size:.8rem; }
.retail-proof { display:flex; flex-wrap:wrap; justify-content:center; gap:1.2rem 2.5rem; padding:1.2rem; background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:#5e4a54; font-size:.82rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } .reveal { opacity: 1; transform: none; } }

/* Masthead and unobstructed Fall hero */
.site-header { position:relative; top:auto; display:block; min-height:0; padding:0; background:rgba(255,247,233,.98); }
.site-masthead { position:relative; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:132px; padding:1rem clamp(1rem,4vw,4rem); }
.site-masthead .brand { grid-column:2; justify-self:center; }
.site-masthead .brand img { width:clamp(250px,25vw,390px); height:auto; }
.site-masthead .header-cta { grid-column:3; justify-self:end; }
.site-nav { min-height:52px; align-items:center; border-top:1px solid var(--line); }

.editorial-hero { position:relative; width:100%; aspect-ratio:16/9; min-height:0; max-height:900px; display:block; overflow:hidden; background:#211824; }
.editorial-hero::after { display:none; }
.editorial-hero .hero-media { position:absolute; inset:0; display:grid; place-items:center; }
.editorial-hero .hero-backdrop { position:absolute; inset:-4%; width:108%; height:108%; object-fit:cover; object-position:center; filter:blur(28px) saturate(.9) brightness(.68); transform:scale(1.05); animation:none; }
.editorial-hero .hero-exact { position:relative; inset:auto; z-index:1; width:100%; height:100%; object-fit:contain; object-position:center; animation:heroGlow 12s ease-in-out infinite alternate; }
@keyframes heroGlow { from { filter:saturate(.98) brightness(.99); } to { filter:saturate(1.035) brightness(1.015); } }

.hero-statement { position:relative; display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(2.5rem,8vw,8rem); align-items:center; padding:clamp(4rem,8vw,8rem) clamp(1.25rem,6vw,6rem); overflow:hidden; background:radial-gradient(circle at 92% 0,rgba(230,95,36,.18),transparent 32%),radial-gradient(circle at 5% 100%,rgba(114,47,115,.11),transparent 34%),var(--cream); color:var(--ink); }
.hero-statement::before { content:""; position:absolute; inset:1.1rem; border:1px solid rgba(83,41,64,.15); pointer-events:none; }
.hero-statement > * { position:relative; z-index:1; }
.hero-statement h1 { margin:0; max-width:1000px; font-size:clamp(3.8rem,7vw,8rem); line-height:.92; color:var(--ink); }
.hero-statement h1 em { color:var(--ember); }
.hero-statement .hero-deck { max-width:690px; margin:1rem 0 2rem; color:#5d4d55; font-size:clamp(1.05rem,1.35vw,1.25rem); }
.hero-statement .kicker { color:#55283f; font-weight:900; text-shadow:0 1px 0 rgba(255,255,255,.75); }
.hero-tagline { margin:0 0 .35rem; color:#d0a35a; font:italic 400 clamp(2rem,3.4vw,4rem)/1 var(--display); text-shadow:0 1px 18px rgba(208,163,90,.14); }

@media (max-width: 980px) {
  .site-masthead { grid-template-columns:1fr auto; min-height:92px; }
  .site-masthead .brand { grid-column:1; justify-self:start; }
  .site-masthead .brand img { width:min(290px,58vw); }
  .site-masthead .menu-toggle { grid-column:2; display:block; }
  .site-nav { position: absolute; z-index:110; top: 100%; right: 0; left: 0; display: none; flex-direction: column; padding: 1.4rem; background: var(--cream); border-bottom: 1px solid var(--line); }
  .site-nav.open { display: flex; }
  .header-cta { display: none; }
  .menu-toggle { display: block; }
  .feature-grid, .category-grid, .article-grid, .product-grid { grid-template-columns: 1fr 1fr; }
  .feature-card:first-child { grid-column: 1 / -1; }
  .issue-split, .newsletter, .page-hero { grid-template-columns: 1fr; }
  .page-hero-media { order: -1; max-height: 620px; }
  .section-head { grid-template-columns: 1fr; gap: 1.5rem; }
  .peek-grid { grid-template-columns: 1fr 1fr; }
  .issue-intro { grid-template-columns:.8fr 1.2fr; gap:3rem; }
  .editorial-grid { grid-template-columns:1fr 1fr; }
  .reader-voices-head { grid-template-columns:1fr; gap:1.4rem; }
  .testimonial-grid { grid-template-columns:1fr 1fr; }
  .testimonial-lead { grid-column:1/-1; }
  .social-grid { grid-template-columns:repeat(3,1fr); }
  .story-hero { grid-template-columns:.9fr 1.1fr; }
  .story-layout { grid-template-columns:minmax(0,1fr) 200px; }
  .preview-strip { grid-template-columns:repeat(3,1fr); }
  .editorial-hero { aspect-ratio:3/2; max-height:none; }
  .editorial-hero .hero-backdrop { display:none; }
  .editorial-hero .hero-exact { width:100%; height:100%; object-fit:contain; animation:none; }
  .hero-statement { grid-template-columns:1fr; gap:2.4rem; }
  .current-issue-stage { max-height:none; }
  .current-issue-hero { background-position:42% center; }
  .current-issue-hero .page-hero-copy { background:linear-gradient(180deg,rgba(28,16,34,.82),rgba(23,14,29,.94)); }
  .immersive-issue-hero { display:flex; flex-direction:column; aspect-ratio:auto; background:#261c27; }
  .immersive-issue-hero .current-issue-photo { position:relative; inset:auto; order:0; width:100%; }
  .immersive-issue-hero .current-issue-photo::after { display:none; }
  .immersive-issue-hero .current-issue-photo :is(img, video) { width:100%; height:auto; object-fit:contain; }
  .immersive-issue-hero .page-hero-copy { position:relative; inset:auto; transform:none; order:1; width:100%; padding:clamp(2rem,7vw,3.5rem); border:0; border-top:1px solid rgba(255,239,207,.17); box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
  .immersive-issue-hero .page-hero-copy h1 { max-width:none; }
  .manifesto-band { grid-template-columns:1fr; }
  .manifesto-readers { padding:0 clamp(1.25rem,5vw,3rem) clamp(3rem,7vw,5rem); }
  .manifesto-readers::before { inset:7% 3% 5%; }
  .seasonal-ritual { grid-template-columns:1fr; }
  .ritual-visual { width:min(76vw,410px); }
  .ritual-copy { max-width:780px; margin:0 auto; }
  .shop-featured { grid-template-columns:1fr; }
  .shop-featured-art { width:min(76vw,560px); }
  .shop-ritual { grid-template-columns:1fr; }
  .shop-ritual-image img { width:min(62vw,500px); }
}

@media (min-width: 981px) and (max-width: 1200px) {
  .hero-copy { padding-top:2rem; padding-bottom:2rem; }
  .hero-deck { margin:1rem 0 1.25rem; font-size:.95rem; }
  .hero h1 { font-size:clamp(3.6rem,7vw,5rem); }
}

@media (max-width: 680px) {
  .announcement { font-size: .62rem; }
  .site-masthead { min-height:78px; padding:.65rem 1rem; }
  .site-masthead .brand img { width:min(235px,62vw); }
  .editorial-hero { aspect-ratio:3/2; }
  .hero-statement { padding:3.8rem 1.25rem 4.5rem; }
  .hero-statement::before { inset:.6rem; }
  .hero-statement h1 { font-size:clamp(3.25rem,15vw,5rem); }
  h1 { font-size: clamp(3.7rem, 18vw, 5.2rem); }
  .hero-deck { font-size: 1rem; }
  .actions { display: grid; }
  .button { width: 100%; }
  .feature-grid, .category-grid, .article-grid, .product-grid { grid-template-columns: 1fr; }
  .feature-card, .feature-card:nth-child(2), .feature-card:nth-child(3) { min-height: 480px; }
  .issue-split { display: flex; flex-direction: column; }
  .issue-image img { height: auto; }
  .feel-grid { grid-template-columns: 1fr; }
  .feel-grid figure:nth-child(2) { transform: none; }
  .newsletter-form { flex-direction: column; }
  .newsletter-form button { min-height: 52px; }
  .page-hero-media { min-height: auto; }
  .page-hero-media picture { height:auto; }
  .page-hero-media img { height: auto; }
  .peek-grid { grid-template-columns: 1fr; }
  .site-footer { grid-template-columns: 1fr; }
  body { padding-bottom:58px; }
  .issue-intro { grid-template-columns:1fr; }
  .reader-voices { padding:4rem 1.25rem; }
  .reader-voices-head .kicker { margin-bottom:0; }
  .reader-voices-head h2 { font-size:clamp(2.9rem,13vw,4.5rem); }
  .testimonial-grid { grid-template-columns:1fr; }
  .testimonial-lead { grid-column:auto; }
  .issue-cover { width:min(88vw,430px); margin:0 auto; }
  .editorial-grid { grid-template-columns:1fr; }
  .editorial-card { min-height:0; grid-column:auto; }
  .editorial-card img { aspect-ratio:5/4; }
  .manifesto-band { min-height:0; }
  .manifesto-copy { width:100%; padding:4rem 1.25rem 2.5rem; }
  .manifesto-readers { grid-template-columns:1fr; padding:0 1.25rem 4rem; }
  .manifesto-readers figure:first-child,.manifesto-readers figure:last-child { transform:none; }
  .social-grid { grid-template-columns:1fr 1fr; }
  .social-grid a:nth-child(even) { transform:none; }
  .seasonal-ritual { width:calc(100% - 1rem); margin:2.5rem auto; padding:3.8rem 1.35rem; gap:3.2rem; }
  .seasonal-ritual::after { inset:.6rem; }
  .ritual-visual { width:min(82vw,430px); }
  .ritual-caption { right:auto; bottom:auto; font-size:.58rem; }
  .ritual-copy h2 { font-size:clamp(3rem,14vw,4.8rem); }
  .ritual-copy blockquote { padding:1.4rem 1.35rem 1.4rem 1.6rem; }
  .shop-proof { gap:.7rem 1.4rem; font-size:.62rem; }
  .shop-featured { padding-top:4rem; }
  .shop-featured-art { width:min(88vw,430px); }
  .shop-choice-grid { grid-template-columns:1fr; }
  .shop-choice-card { min-height:390px; padding:2rem 1.5rem; }
  .shop-choice-card h3 { font-size:clamp(2.5rem,12vw,3.8rem); }
  .shop-ritual { min-height:0; }
  .shop-ritual-image { padding:3.5rem 1.25rem; }
  .shop-ritual-image img { width:min(76vw,390px); }
  .shop-ritual-copy { padding:4rem 1.25rem; }
  .shop-account { grid-template-columns:1fr; }
  .mobile-buy { position:fixed; z-index:160; right:0; bottom:0; left:0; display:grid; grid-template-columns:1fr 1fr; background:var(--night); box-shadow:0 -8px 24px rgba(21,12,22,.18); }
  .mobile-buy a { min-height:58px; display:grid; place-items:center; color:#fff; font-size:.78rem; font-weight:800; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; }
  .mobile-buy a:first-child { background:var(--gold); color:var(--ink); }
  .article-card-featured { grid-column:auto; display:flex; }
  .article-card-featured img { height:auto; aspect-ratio:.7775; }
  .story-hero { grid-template-columns:1fr; }
  .story-hero-media { min-height:auto; padding:1.25rem; background:linear-gradient(145deg,#341a39,#151329); }
  .story-hero-media img { height:auto; max-height:none; object-fit:contain; }
  .story-hero-copy { padding:3rem 1.25rem 4rem; }
  .story-hero-copy h1 { font-size:clamp(3.2rem,15vw,5rem); }
  .story-layout { grid-template-columns:1fr; }
  .story-aside { position:static; }
  .story-aside img { width:min(70vw,330px); margin:0 auto; }
  .more-stories { grid-template-columns:1fr; }
  .current-issue-hero .page-hero-media { order:-1; }
  .preview-strip { grid-template-columns:1fr 1fr; }
}

/* Fall 2026 masthead and true panoramic hero */
.site-masthead {
  min-height: 176px;
  padding: 1.2rem clamp(1rem, 4vw, 4rem);
}
.site-masthead .brand {
  position: relative;
  display: block;
  line-height: 0;
}
.site-masthead .brand img {
  width: clamp(360px, 36vw, 680px);
  height: auto;
}
.site-masthead .brand img[src*="chakra-cozy-logo-black"] {
  filter: invert(48%) sepia(92%) saturate(815%) hue-rotate(342deg) brightness(96%) contrast(89%);
}
.site-masthead .brand::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.12) 45%, rgba(255,249,207,.95) 50%, rgba(255,255,255,.14) 55%, transparent 62%);
  background-size: 240% 100%;
  background-position: 130% 0;
  -webkit-mask: url("chakra-cozy-logo-gold.png") center / contain no-repeat;
  mask: url("chakra-cozy-logo-gold.png") center / contain no-repeat;
  animation: logoShine 6.5s ease-in-out infinite;
}
@keyframes logoShine {
  0%, 66%, 100% { background-position: 130% 0; opacity: 0; }
  72% { opacity: .85; }
  88% { background-position: -130% 0; opacity: .85; }
  94% { opacity: 0; }
}
.editorial-hero {
  width: 100%;
  aspect-ratio: auto;
  max-height: none;
  min-height: 0;
  overflow: hidden;
  background: #271b1a;
}
.editorial-hero .hero-media {
  position: relative;
  inset: auto;
  display: block;
}
.hero-picture,
.hero-picture img {
  display: block;
  width: 100%;
}
.hero-picture img {
  height: auto;
  object-fit: contain;
  object-position: center;
}

/* Collector's matte-paper edition */
:root {
  --night:#0c1114;
  --ink:#eee7dc;
  --plum:#7b506e;
  --ember:#bd7138;
  --gold:#c69a4a;
  --cream:#151b1e;
  --paper:#20282c;
  --line:rgba(198,154,74,.24);
  --symbol-gold:brightness(0) saturate(100%) invert(67%) sepia(41%) saturate(701%) hue-rotate(358deg) brightness(93%) contrast(88%);
}
body {
  position:relative;
  background:#0f1518;
  color:#ddd6cd;
  background-image:
    radial-gradient(circle at 12% 8%,rgba(92,71,65,.14),transparent 24%),
    radial-gradient(circle at 88% 72%,rgba(75,51,77,.12),transparent 28%),
    repeating-linear-gradient(97deg,rgba(255,255,255,.012) 0 1px,transparent 1px 8px);
}
body::before {
  content:"";
  position:fixed;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:repeating-radial-gradient(circle at 30% 20%,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);
  mix-blend-mode:soft-light;
}
.skip { background:#20282c; color:#f3e9da; border:1px solid var(--line); }
.site-header { background:rgba(13,18,21,.88); border-bottom-color:rgba(198,154,74,.28); color:#efe7db; box-shadow:0 12px 35px rgba(0,0,0,.2); }
.site-nav a,.menu-toggle { color:#e8dfd4; }
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current="page"] { color:#d2a653; }
.header-cta { border:1px solid rgba(198,154,74,.55); background:rgba(33,40,43,.72); color:#e7c77f; }
.cream,
.hero-statement,
.reader-voices,
.seasonal-ritual,
.social-section,
.shop-featured,
.shop-choices,
.shop-account {
  color:#e5ded5;
  background-color:#151c20;
  background-image:
    linear-gradient(112deg,rgba(66,45,35,.22),transparent 28%,rgba(43,31,28,.14) 55%,transparent 78%),
    repeating-linear-gradient(94deg,rgba(140,91,54,.045) 0 1px,transparent 1px 9px),
    linear-gradient(145deg,#13191c,#20282c 54%,#171d21);
}
.cream .section-head h2,.cream h2,.cream h3,
.hero-statement h1,.reader-voices h2,.seasonal-ritual h2,.social-section h2,
.shop-featured h2,.shop-choices h2,.shop-account h2 { color:#f0e8dc; }
.cream p,.cream .section-head p:last-child,
.hero-statement .hero-deck,
.reader-voices-head > p:last-child,
.seasonal-ritual p,
.social-section .section-head > p,
.shop-featured p,.shop-account p { color:#beb7b0; }
.hero-statement::before,.seasonal-ritual::after { border-color:rgba(198,154,74,.25); }
.hero-statement .kicker { color:#d1a557; text-shadow:none; }
.reader-voices::before,.seasonal-ritual::before,.social-section::before { opacity:.48; }
.testimonial-card,
.editorial-card,
.category-card,
.article-card,
.product,
.shop-choice-card {
  border:3px solid #b98a38;
  background:linear-gradient(145deg,rgba(45,54,58,.84),rgba(24,31,35,.9));
  color:#e9e1d6;
  box-shadow:0 22px 52px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(14px) saturate(.82);
  -webkit-backdrop-filter:blur(14px) saturate(.82);
}
.editorial-card { border:3px solid #b98a38; }
.editorial-card h3,.article-card h3,.product h3,.shop-choice-card h3 { color:#c28d43; }
.editorial-card p,.article-card p,.product p,.shop-choice-card p:not(.kicker):not(.price) { color:#b8b0aa; }
.editorial-card small,.article-card small { color:#d0a558; }
.testimonial-card h3 { color:#d0a35a; }
.testimonial-card blockquote { color:#c6beb6; }
.testimonial-credit { color:#c89855; border-top-color:rgba(198,154,74,.22); }
.category-grid { border-color:rgba(198,154,74,.24); gap:1px; background:rgba(198,154,74,.18); }
.category-card { border:0; }
.category-card p { color:#aaa39e; }
.category-card:hover { background:linear-gradient(145deg,rgba(92,62,46,.7),rgba(34,29,35,.92)); }
.category-card:hover p { color:#d7d0c8; }
.issue-list li,.shop-details li,.shop-details { border-color:rgba(198,154,74,.2); }
.ritual-visual img { box-shadow:0 32px 80px rgba(0,0,0,.45),0 0 0 1px rgba(198,154,74,.44); }
.ritual-caption,.ritual-copy blockquote,.ritual-whisper { color:#d2aa67; }
.ritual-copy blockquote { border-left-color:#aa7433; background:rgba(8,13,16,.4); }
.ritual-whisper { border-top-color:rgba(198,154,74,.22); }
.issue-cover { box-shadow:0 34px 90px rgba(0,0,0,.5),0 0 0 1px rgba(198,154,74,.38); }
.shop-proof { background:#11171a; border-color:rgba(198,154,74,.26); color:#c2b9ae; }
.shop-featured-art::before { border-color:rgba(198,154,74,.45); }
.shop-choice-card::before { opacity:.28; }
.shop-card-number { color:rgba(198,154,74,.26); }
.shop-ritual-image img { padding:0; background:transparent; box-shadow:0 34px 80px rgba(0,0,0,.5),0 0 0 1px rgba(198,154,74,.4); }
.harvest-wash {
  background:
    radial-gradient(circle at 7% 12%,rgba(133,85,47,.12),transparent 24%),
    radial-gradient(circle at 92% 80%,rgba(82,52,85,.14),transparent 28%),
    repeating-linear-gradient(96deg,rgba(152,101,63,.035) 0 1px,transparent 1px 9px),
    linear-gradient(145deg,#0e1417,#171e22 58%,#11171a);
}
.newsletter { background:linear-gradient(135deg,#552b38 0%,#7b4137 48%,#3d3549 100%); }
.newsletter-form input { background:rgba(12,17,20,.34); }
.manifesto-band:not(.readers-manifesto) .manifesto-image video { width:100%; height:100%; object-fit:cover; filter:saturate(.88) contrast(1.02) brightness(.95); }
.manifesto-band:not(.readers-manifesto)::after { background:linear-gradient(90deg,rgba(9,13,16,.6),rgba(17,19,25,.06) 74%); }
.manifesto-band:not(.readers-manifesto) .manifesto-copy blockquote { text-shadow:0 3px 20px rgba(0,0,0,.55); }
.site-footer { background:#090d0f; border-top:1px solid rgba(198,154,74,.28); }
.button-dark { border-color:#b8863e; background:#b8863e; color:#11171a; }
.text-link { color:#d0a35a; }
.article-card .read-more { color:#d0a35a; }

/* Pagan/Nordic signatures — each mark has its own role */
.hero-statement::after,
.reader-voices::after,
.issue-intro::after,
.harvest-wash::before,
.doorways-section::after,
.social-section::after,
.page-hero-copy::after,
.story-hero-copy::after,
.shop-featured::after,
.site-footer::before {
  content:"";
  position:absolute;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  filter:var(--symbol-gold);
}
.hero-statement::after { width:clamp(110px,12vw,190px); aspect-ratio:1; right:2.5%; bottom:-1.5%; background-image:url("symbols/crescent.png"); opacity:.16; }
.reader-voices::after { width:clamp(120px,14vw,220px); aspect-ratio:1; right:2%; top:4%; background-image:url("symbols/triskele.png"); opacity:.1; }
.issue-intro { position:relative; overflow:hidden; }
.issue-intro > * { position:relative; z-index:1; }
.issue-intro::after { width:clamp(130px,16vw,245px); aspect-ratio:1; right:-3%; bottom:-7%; background-image:url("symbols/sun.png"); opacity:.1; }
.harvest-wash { position:relative; overflow:hidden; }
.harvest-wash > * { position:relative; z-index:1; }
.harvest-wash::before { width:clamp(240px,32vw,500px); aspect-ratio:1; left:-8%; bottom:-14%; background-image:url("symbols/vegvisir.png"); opacity:.055; }
.doorways-section { position:relative; overflow:hidden; }
.doorways-section > * { position:relative; z-index:1; }
.doorways-section::after { width:clamp(28px,4vw,54px); height:clamp(130px,22vw,250px); right:1.6%; top:5%; background-image:url("symbols/stave-right.png"); opacity:.2; }
.social-section::after { width:clamp(140px,18vw,270px); aspect-ratio:1; right:-2%; top:-5%; background-image:url("symbols/sun.png"); opacity:.1; }
.page-hero-copy,.story-hero-copy { position:relative; overflow:hidden; }
.page-hero-copy::after { width:clamp(100px,16vw,200px); aspect-ratio:1; right:3%; bottom:3%; background-image:url("symbols/crescent.png"); opacity:.13; }
.story-hero-copy::after { width:clamp(120px,18vw,240px); aspect-ratio:1; right:2%; bottom:2%; background-image:url("symbols/triskele.png"); opacity:.1; }
.page-hero-copy > *,.story-hero-copy > * { position:relative; z-index:1; }
.shop-featured { position:relative; overflow:hidden; }
.shop-featured > * { position:relative; z-index:1; }
.shop-featured::after { width:clamp(220px,28vw,430px); aspect-ratio:1; right:-8%; bottom:-14%; background-image:url("symbols/vegvisir.png"); opacity:.055; }
.site-footer { position:relative; overflow:hidden; }
.site-footer > * { position:relative; z-index:1; }
.site-footer::before { width:42px; height:180px; right:3%; top:50%; transform:translateY(-50%); background-image:url("symbols/stave-left.png"); opacity:.16; }

/* Image-led seasonal doorways */
.doorways-section .section-head > p:last-child {
  max-width:760px;
  color:#ded5ca;
  font:400 clamp(1.22rem,1.7vw,1.55rem)/1.58 var(--serif);
}
.elevated-categories {
  gap:clamp(1rem,1.7vw,1.5rem);
  border:0;
  background:transparent;
}
.elevated-categories .category-card {
  min-height:0;
  height:100%;
  display:grid;
  grid-template-rows:auto 1fr;
  padding:0;
  overflow:hidden;
  border:3px solid #b98a38;
}
.elevated-categories .category-card > img {
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:center;
  filter:saturate(.84) contrast(1.04);
  transition:transform .55s ease,filter .55s ease;
}
.elevated-categories .category-card:nth-child(2) > img,
.elevated-categories .category-card:nth-child(4) > img,
.elevated-categories .category-card:nth-child(5) > img,
.elevated-categories .category-card:nth-child(6) > img { object-position:center 26%; }
.elevated-categories .category-card:nth-child(1) > img { object-position:center 20%; }
.elevated-categories .category-card-copy {
  display:flex;
  flex-direction:column;
  padding:1.4rem 1.5rem 1.65rem;
}
.elevated-categories .category-card h3 {
  margin:1.15rem 0 .65rem;
  color:#d0a35a;
  font-size:clamp(1.7rem,2.3vw,2.5rem);
}
.elevated-categories .category-card p { margin:auto 0 0; line-height:1.55; }
.elevated-categories .category-card:hover > img { transform:scale(1.025); filter:saturate(.95) contrast(1.02); }

/* The Cozy Letter — a luminous autumn scene, not a flat color block */
.newsletter {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:520px;
  background-image:url("editorial/autumn-window-coffee.webp");
  background-position:center 52%;
  background-size:cover;
}
.newsletter::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,rgba(14,13,14,.73) 0%,rgba(28,20,19,.5) 45%,rgba(13,16,17,.7) 100%);
}
.newsletter::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:radial-gradient(circle at 72% 42%,rgba(210,132,60,.18),transparent 30%);
}
.newsletter > div {
  padding:clamp(1.5rem,3vw,2.5rem);
  border:1px solid rgba(202,157,77,.5);
  background:rgba(12,16,18,.4);
  box-shadow:0 20px 60px rgba(0,0,0,.22);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}

/* Quiet, once-per-visitor newsletter invitation */
.cozy-popup[hidden] { display:none; }
.cozy-popup { position:fixed; z-index:1200; inset:0; display:grid; place-items:center; padding:1.25rem; }
.cozy-popup-backdrop { position:absolute; inset:0; background:rgba(5,8,9,.68); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); }
.cozy-popup-card {
  position:relative;
  width:min(920px,96vw);
  min-height:520px;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  overflow:hidden;
  border:3px solid #b98a38;
  background:#13191c;
  box-shadow:0 36px 100px rgba(0,0,0,.62);
}
.cozy-popup-image { min-height:520px; background:url("fall-issue-room.webp") center/cover no-repeat; }
.cozy-popup-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,5vw,4rem); }
.cozy-popup-copy h2 { margin:.3rem 0 1rem; color:#f2eadf; font-size:clamp(2.8rem,5vw,5rem); line-height:.92; }
.cozy-popup-copy > p:not(.kicker):not(.form-note) { color:#c8bfb5; }
.cozy-popup-close { position:absolute; z-index:2; top:1rem; right:1rem; width:44px; height:44px; border:1px solid rgba(198,154,74,.55); background:rgba(11,15,17,.76); color:#ead7b0; font-size:1.35rem; cursor:pointer; }
.cozy-popup .newsletter-form { margin-top:1.2rem; }
.cozy-popup .form-note { color:#d3ad6c; }

/* Community hearth */
.community-intro { display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(3rem,8vw,9rem); align-items:end; position:relative; overflow:hidden; }
.community-intro::after { content:""; position:absolute; width:clamp(180px,24vw,360px); aspect-ratio:1; right:-5%; top:-18%; background:url("symbols/crescent.png") center/contain no-repeat; filter:var(--symbol-gold); opacity:.1; }
.community-intro > * { position:relative; z-index:1; }
.community-intro h1 { margin:0; color:#f2eae0; font-size:clamp(4rem,8vw,8.5rem); line-height:.88; }
.community-intro h1 em { color:#d0a35a; }
.community-lede { color:#d2cac1; font:400 clamp(1.25rem,1.9vw,1.7rem)/1.55 var(--serif); }
.community-feature { position:relative; min-height:650px; display:grid; place-items:center; overflow:hidden; padding:clamp(4rem,9vw,9rem) 1.25rem; background:radial-gradient(circle at 50% 48%,rgba(157,94,47,.27),transparent 33%),linear-gradient(145deg,#111719,#232a2d 56%,#151b1e); }
.community-feature-mark { position:absolute; width:min(62vw,620px); aspect-ratio:1; background:url("symbols/vegvisir.png") center/contain no-repeat; filter:var(--symbol-gold); opacity:.11; }
.community-feature-copy { position:relative; z-index:1; width:min(820px,92vw); padding:clamp(2.2rem,5vw,4.8rem); border:3px solid #b98a38; background:rgba(12,17,20,.72); text-align:center; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.community-feature-copy h2 { margin:.35rem 0 1rem; color:#f2eadf; font-size:clamp(4rem,9vw,9rem); line-height:.88; }
.community-dek { max-width:650px; margin:0 auto 2rem; color:#cbc2b9; font:400 clamp(1.12rem,1.5vw,1.35rem)/1.65 var(--serif); }
.community-event { display:grid; grid-template-columns:1.35fr .65fr; gap:clamp(2rem,6vw,6rem); align-items:center; }
.community-event-image { border:3px solid #b98a38; box-shadow:0 28px 70px rgba(0,0,0,.34); }
.community-event-image img { display:block; width:100%; height:auto; }
.community-event-copy h2 { margin:.35rem 0 1rem; color:#f0e8dc; font-size:clamp(3.2rem,5.8vw,6.5rem); line-height:.94; }
.community-event-copy p:not(.kicker) { color:#c4bbb2; font-size:1.08rem; line-height:1.7; }
.community-note-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1rem,2vw,1.5rem); }
.community-note { min-height:330px; display:flex; flex-direction:column; align-items:flex-start; padding:clamp(1.7rem,3vw,2.8rem); border:3px solid #b98a38; background:linear-gradient(145deg,rgba(45,54,58,.84),rgba(24,31,35,.92)); }
.community-note small { color:#d0a558; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.community-note h3 { margin:1.6rem 0 .8rem; color:#d0a35a; font-size:clamp(2rem,3vw,3.2rem); }
.community-note p { color:#bdb5ad; }
.community-note .text-link { margin-top:auto; }
.work-with-us { position:relative; overflow:hidden; }
.work-with-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1rem,2.5vw,2rem); }
.work-with-card { min-height:520px; display:flex; flex-direction:column; overflow:hidden; border:3px solid #b98a38; background:linear-gradient(145deg,#283033,#151b1e); color:#eee6db; text-decoration:none; box-shadow:0 24px 60px rgba(0,0,0,.28); }
.work-with-card > img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.work-with-card > span:last-child { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:clamp(1.6rem,3vw,2.7rem); }
.work-with-card small { color:#d2a75d; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.work-with-card h3 { margin:1.1rem 0 .7rem; color:#d0a35a; font-size:clamp(2.2rem,3.7vw,4.2rem); }
.work-with-card p { color:#c4bbb2; line-height:1.65; }
.work-with-card strong { margin-top:auto; color:#e2bd77; }
.work-with-oriah { grid-column:1/-1; }
.work-with-riz > img { aspect-ratio:16/10; object-position:center 28%; }
.work-with-retreats > img { aspect-ratio:16/10; object-position:center top; }
.work-with-astrology { position:relative; justify-content:flex-end; background:radial-gradient(circle at 50% 32%,rgba(192,126,49,.24),transparent 27%),linear-gradient(145deg,#171d21,#2b2531); }
.astrology-sun { position:absolute; width:min(76%,360px); aspect-ratio:1; left:50%; top:7%; transform:translateX(-50%); background:url("symbols/sun.png") center/contain no-repeat; filter:var(--symbol-gold); opacity:.72; }
.work-with-astrology > span:last-child { position:relative; z-index:1; flex:0 0 auto; min-height:54%; background:linear-gradient(180deg,transparent,rgba(12,16,18,.92) 22%); }
.community-cozy { display:grid; grid-template-columns:.76fr 1.24fr; min-height:760px; background:linear-gradient(145deg,#0d1214,#242b2e); }
.community-cozy-image { min-height:650px; overflow:hidden; }
.community-cozy-image img { width:100%; height:100%; object-fit:cover; object-position:center 25%; }
.community-cozy-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(3rem,8vw,8rem); }
.community-cozy-copy h2 { margin:.4rem 0 1.2rem; color:#f1e8dd; font-size:clamp(3.8rem,6vw,7rem); line-height:.92; }
.community-cozy-copy h2 em { color:#d0a35a; }
.community-cozy-copy > p:not(.kicker):not(.form-note) { max-width:650px; color:#c3bbb2; font-size:1.1rem; line-height:1.7; }
.community-cozy-copy .newsletter-form { width:min(100%,650px); margin-top:1.2rem; }
.season-turn { display:grid; grid-template-columns:1fr .72fr 1fr; min-height:620px; align-items:stretch; background:#0d1214; }
.season-turn figure { position:relative; min-height:620px; margin:0; overflow:hidden; }
.season-turn img { width:100%; height:100%; object-fit:cover; }
.season-turn figcaption { position:absolute; left:1.2rem; bottom:1.2rem; padding:.65rem .85rem; border:1px solid rgba(198,154,74,.55); background:rgba(10,14,16,.65); color:#e4d4b7; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; backdrop-filter:blur(5px); }
.season-turn-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,4vw,4rem); text-align:center; }
.season-turn-copy h2 { margin:.5rem 0; color:#f1e8dc; font-size:clamp(3rem,5vw,5.7rem); line-height:.92; }
.season-turn-copy h2 em { color:#d0a35a; }

/* Product preview */
.shop-book { display:grid; grid-template-columns:minmax(280px,.72fr) 1.28fr; gap:clamp(3rem,8vw,8rem); align-items:center; background:radial-gradient(circle at 86% 15%,rgba(112,62,90,.18),transparent 28%),linear-gradient(145deg,#161d20,#2b252a); }
.shop-hero-atmosphere { display:block; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.82) contrast(1.04); }
.shop-book-image { width:min(100%,620px); margin:0 auto; }
.shop-book-image img { display:block; width:100%; height:auto; border:3px solid #b98a38; box-shadow:0 36px 86px rgba(0,0,0,.42); }
.shop-book-copy h2 { margin:.35rem 0 1rem; color:#f0e8dc; font-size:clamp(4rem,7vw,7.5rem); line-height:.9; }
.shop-book-copy h2 em { color:#d0a35a; }
.shop-book-copy p { max-width:720px; color:#c4bbb2; line-height:1.7; }
.shop-coming-soon { display:grid; grid-template-columns:1.25fr .75fr; gap:clamp(2rem,6vw,6rem); align-items:center; background:radial-gradient(circle at 84% 20%,rgba(197,124,43,.2),transparent 27%),linear-gradient(145deg,#101619,#282f32); }
.shop-coming-image { overflow:hidden; border:3px solid #b98a38; box-shadow:0 28px 70px rgba(0,0,0,.35); }
.shop-coming-image img { display:block; width:100%; height:auto; }
.shop-coming-copy h2 { margin:.35rem 0 .8rem; color:#d0a35a; font-size:clamp(3.8rem,7vw,7.5rem); line-height:.9; }
.shop-coming-copy h2 sup { font:800 .9rem var(--sans); vertical-align:top; }
.shop-coming-copy p { color:#c5bdb4; line-height:1.65; }
.coming-soon-badge { display:inline-flex; margin-top:1rem; padding:.75rem 1rem; border:1px solid #b98a38; color:#e0b86d; font-size:.75rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }

@media (max-width:980px) {
  .site-nav { background:rgba(13,18,21,.97); border-bottom-color:rgba(198,154,74,.26); }
  .reader-voices-body { grid-template-columns:1fr; }
  .reader-voices-gallery { position:static; width:min(100%,720px); margin:0 auto 2rem; }
  .community-intro,.community-event,.community-cozy { grid-template-columns:1fr; }
  .community-note-grid { grid-template-columns:1fr 1fr; }
  .work-with-grid { grid-template-columns:1fr; }
  .work-with-oriah { grid-column:auto; }
  .season-turn { grid-template-columns:1fr; }
  .season-turn figure { min-height:480px; }
  .shop-book { grid-template-columns:1fr; }
  .shop-coming-soon { grid-template-columns:1fr; }
}

@media (max-width:680px) {
  .reader-voices-gallery { gap:.7rem; }
  .reader-voices-gallery figure { border-width:2px; }
  .reader-voices-gallery figure:nth-child(2) { transform:translateY(1rem); }
  .testimonial-grid { grid-template-columns:1fr; }
  .testimonial-lead { grid-column:auto; }
  .elevated-categories { grid-template-columns:1fr; }
  .doorways-section .section-head > p:last-child { font-size:1.2rem; }
  .newsletter { min-height:0; background-position:64% center; }
  .newsletter > div { padding:1.5rem; }
  .cozy-popup-card { grid-template-columns:1fr; min-height:0; }
  .cozy-popup-image { min-height:210px; }
  .cozy-popup-copy { padding:2rem 1.5rem; }
  .hero-statement::after,.reader-voices::after,.issue-intro::after,.social-section::after { opacity:.07; }
  .doorways-section::after,.site-footer::before { display:none; }
  .community-intro h1 { font-size:clamp(3.5rem,16vw,5.2rem); }
  .community-note-grid { grid-template-columns:1fr; }
  .community-feature { min-height:560px; }
  .community-feature-copy { padding:2.2rem 1.35rem; }
  .community-cozy-image { min-height:520px; }
}

@media (max-width: 980px) {
  .site-masthead {
    min-height: 112px;
  }
  .site-masthead .brand img {
    width: min(360px, 66vw);
  }
}

@media (max-width: 680px) {
  .site-masthead {
    min-height: 96px;
    padding: .7rem 1rem;
  }
  .site-masthead .brand img {
    width: min(300px, 72vw);
  }
  .editorial-hero {
    aspect-ratio: auto;
  }
  .hero-picture img {
    width: 100%;
    height: auto;
  }
}

/* Refined editorial photography + reader notes */
.editorial-hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(12,16,18,.18),transparent 17%,transparent 76%,rgba(79,42,28,.2));
  -webkit-backdrop-filter:blur(1.6px);
  backdrop-filter:blur(1.6px);
  -webkit-mask-image:linear-gradient(90deg,#000 0 10%,transparent 27% 73%,#000 92% 100%);
  mask-image:linear-gradient(90deg,#000 0 10%,transparent 27% 73%,#000 92% 100%);
}
.editorial-hero::after {
  content:"";
  display:block;
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 26%,rgba(237,174,91,.12),transparent 26%),
    radial-gradient(circle at 92% 72%,rgba(23,16,19,.2),transparent 30%),
    linear-gradient(94deg,rgba(11,15,17,.12),transparent 23%,transparent 72%,rgba(92,50,32,.1));
  mix-blend-mode:multiply;
}

.reader-voices-head,
.reader-voices-body {
  width:min(100%,1540px);
  margin-right:auto;
  margin-left:auto;
}
.reader-voices-body {
  grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);
  gap:clamp(2.2rem,5vw,6.5rem);
}
.reader-voices-gallery {
  grid-template-columns:1fr;
  width:min(100%,540px);
  padding:1.2rem 1.2rem 3.8rem;
}
.reader-voices-gallery::before {
  content:"READERS / FALL 2026";
  position:absolute;
  right:-.4rem;
  bottom:1rem;
  color:#c99a4d;
  font:700 .68rem/1 var(--sans);
  letter-spacing:.22em;
  writing-mode:vertical-rl;
}
.reader-voices-gallery figure {
  position:relative;
  width:76%;
  border:2px solid #a9762d;
  box-shadow:0 26px 70px rgba(0,0,0,.42),0 0 0 8px rgba(20,27,30,.68);
}
.reader-voices-gallery figure:nth-child(2) {
  width:72%;
  margin:-28% 0 0 auto;
  transform:none;
}
.reader-voices-gallery img {
  aspect-ratio:4/5;
  filter:saturate(.8) contrast(1.04) brightness(.94);
}
.testimonial-grid {
  display:block;
  columns:2 320px;
  column-gap:clamp(1rem,2vw,1.5rem);
}
.testimonial-card,
.testimonial-lead {
  grid-column:auto;
  break-inside:avoid;
  margin:0 0 clamp(1rem,2vw,1.5rem);
  padding:clamp(1.4rem,2.2vw,2rem);
  border:2px solid #9f722d;
  background:
    linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%),
    rgba(24,31,35,.84);
  box-shadow:inset 0 0 0 1px rgba(233,186,99,.12),0 18px 48px rgba(0,0,0,.2);
}
.testimonial-card::before {
  content:"";
  position:absolute;
  top:-2px;
  left:clamp(1.4rem,2.2vw,2rem);
  width:3rem;
  height:4px;
  background:#d3a452;
}
.testimonial-card h3 {
  font-size:clamp(1.2rem,1.42vw,1.58rem);
  line-height:1.2;
}
.testimonial-card blockquote {
  font-size:clamp(.9rem,1vw,1rem);
  line-height:1.62;
}

@media (max-width:980px) {
  .reader-voices-body { grid-template-columns:1fr; }
  .reader-voices-gallery { position:relative; top:auto; width:min(82vw,600px); }
}

@media (max-width:680px) {
  .editorial-hero::before { -webkit-backdrop-filter:blur(.7px); backdrop-filter:blur(.7px); opacity:.6; }
  .editorial-hero::after { opacity:.58; }
  .reader-voices-gallery { width:100%; padding:.6rem .6rem 2.4rem; }
  .reader-voices-gallery figure { width:79%; }
  .reader-voices-gallery figure:nth-child(2) { width:74%; margin-top:-24%; }
  .testimonial-grid { columns:1; }
  .testimonial-card { padding:1.35rem; }
  .marquee-track { font-size:.88rem; animation-duration:210s; }
  .marquee-track .ticker-copy { padding-right:2.5rem; word-spacing:.65rem; }
}

/* Free-floating reader voices */
.voices-orbit {
  position:relative;
  width:min(100%,1540px);
  min-height:1080px;
  margin:0 auto;
}
.voices-centerpiece {
  position:absolute;
  z-index:1;
  top:6%;
  left:50%;
  width:min(34vw,500px);
  margin:0;
  transform:translateX(-50%);
  overflow:hidden;
  border-radius:48% 48% 5% 5% / 22% 22% 5% 5%;
  box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 0 1px rgba(207,161,82,.52);
  animation:centerBreath 12s ease-in-out infinite alternate;
}
.voices-centerpiece img { display:block; width:100%; height:auto; filter:saturate(.82) contrast(1.04) brightness(.92); }
.floating-quote {
  position:absolute;
  z-index:2;
  width:min(29%,420px);
  color:#cfc7be;
  animation:quoteDrift 9s ease-in-out infinite alternate;
}
.floating-quote::before { content:""; display:block; width:54px; height:1px; margin-bottom:1.1rem; background:#b88636; }
.floating-quote h3 { margin:0 0 .8rem; color:#d0a35a; font:400 clamp(1.25rem,1.7vw,1.9rem)/1.12 var(--display); }
.floating-quote blockquote { margin:0; color:#c5bdb4; font:italic 400 clamp(.9rem,1vw,1.04rem)/1.65 var(--serif); }
.floating-quote .testimonial-credit { margin-top:1rem; padding-top:0; border:0; color:#d2a75b; }
.quote-one { top:1%; left:0; }
.quote-two { top:4%; right:1%; animation-delay:-2s; }
.quote-three { top:45%; left:2%; animation-delay:-5s; }
.quote-four { top:34%; right:0; animation-delay:-3.5s; }
.quote-five { right:4%; bottom:4%; animation-delay:-6.5s; }
.reader-vignettes {
  position:absolute;
  z-index:3;
  left:50%;
  bottom:0;
  display:flex;
  align-items:flex-end;
  width:min(37vw,540px);
  transform:translateX(-50%);
}
.reader-vignettes figure { width:58%; margin:0; overflow:hidden; border:1px solid rgba(201,153,72,.62); box-shadow:0 18px 52px rgba(0,0,0,.42); }
.reader-vignettes figure:last-child { width:52%; margin:0 0 -2rem -10%; }
.reader-vignettes img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; filter:saturate(.76) contrast(1.05); }
@keyframes quoteDrift { from { transform:translate3d(0,0,0); } to { transform:translate3d(0,-7px,0); } }
@keyframes centerBreath { from { transform:translateX(-50%) scale(1); } to { transform:translateX(-50%) scale(1.008); } }

.header-buy { border-color:#d5a34e; background:linear-gradient(135deg,#ad7426,#e2b65f); color:#11171a; box-shadow:0 7px 22px rgba(197,146,54,.2); }

@media (max-width:1100px) {
  .voices-orbit { min-height:1170px; }
  .voices-centerpiece { width:min(42vw,470px); }
  .floating-quote { width:27%; }
  .reader-vignettes { width:min(45vw,500px); }
}

@media (max-width:760px) {
  .voices-orbit { display:flex; flex-direction:column; min-height:0; gap:2.2rem; }
  .voices-centerpiece,
  .floating-quote,
  .reader-vignettes { position:relative; inset:auto; width:100%; transform:none; animation:none; }
  .voices-centerpiece { order:0; width:min(100%,520px); margin:0 auto; border-radius:45% 45% 3% 3% / 18% 18% 3% 3%; }
  .floating-quote { max-width:620px; margin:0 auto; padding:0 .25rem 1.2rem; border-bottom:1px solid rgba(190,143,61,.25); }
  .quote-one { order:1; }
  .reader-vignettes { order:2; width:min(100%,560px); margin:0 auto 1rem; }
  .quote-two { order:3; }
  .quote-three { order:4; }
  .quote-four { order:5; }
  .quote-five { order:6; }
  .reader-vignettes figure { width:58%; }
  .reader-vignettes figure:last-child { width:52%; margin:2rem 0 -1rem -10%; }
}

/* Fall issue: keep editorial photographs in their own column. */
.readers-manifesto { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
.readers-manifesto .manifesto-copy,
.readers-manifesto .manifesto-readers { min-width:0; }
.readers-manifesto .manifesto-readers { grid-template-columns:repeat(2,minmax(0,1fr)); }
.readers-manifesto .manifesto-readers figure { min-width:0; }
.readers-manifesto .manifesto-readers img { width:100%; height:auto; max-height:610px; object-fit:cover; }
.immersive-issue-hero .current-issue-photo :is(img, video) { object-fit:cover; }
.immersive-issue-hero .page-hero-copy[hidden] { display:none; }
.issue-panel-close { position:absolute !important; z-index:5 !important; top:.65rem; right:.7rem; display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid rgba(238,182,71,.65); background:rgba(19,22,28,.85); color:#fff; font:400 1.65rem/1 var(--sans); cursor:pointer; }

/* Keep the desktop type choices and proportions on small screens. */
@media (max-width:680px) {
  body, button, input { font-family:var(--sans); }
  h1, h2, h3, blockquote, .brand-name { font-family:var(--display); font-weight:400; }
  .hero-statement h1, .section-head h2, .page-hero h1 { letter-spacing:-.035em; line-height:1.02; }
  .editorial-hero::before { display:none; }
  .editorial-hero::after { display:none; }
  .readers-manifesto { grid-template-columns:minmax(0,1fr); }
  .readers-manifesto .manifesto-copy { padding:3.5rem 1.5rem 1.5rem; }
  .readers-manifesto .manifesto-readers { grid-template-columns:repeat(2,minmax(0,1fr)); padding:1rem 1.25rem 3rem; gap:.7rem; }
  .readers-manifesto .manifesto-readers figure { transform:none; }
  .cozy-popup { width:100%; height:100dvh; padding:1rem; align-items:center; justify-items:center; overflow:auto; }
  .cozy-popup-card { width:min(100%,440px); max-height:calc(100dvh - 2rem); min-height:0; margin:auto; grid-template-columns:minmax(0,1fr); overflow-y:auto; }
  .cozy-popup-image { min-height:0; height:clamp(115px,20dvh,190px); }
  .cozy-popup-copy { min-width:0; padding:1.4rem 1.25rem 1.6rem; }
  .cozy-popup-copy h2 { font-family:var(--display); font-size:clamp(2.2rem,10vw,3.25rem); line-height:1; }
  .cozy-popup .newsletter-form { width:100%; }
  .cozy-popup .newsletter-form input { width:100%; }
  .immersive-issue-hero .current-issue-photo :is(img, video) { width:100%; aspect-ratio:4/3; height:auto; object-fit:cover; }
  .immersive-issue-hero .page-hero-copy { padding:2rem 1.5rem; }
}

/* Subtle editorial grade; original faces and poses remain intact. */
.editorial-hero .hero-picture img,
.readers-manifesto .manifesto-readers img {
  filter:saturate(.84) contrast(.97) brightness(.98);
}

/* Gold editorial title with a slow, restrained light pass. */
.hero-statement h1,
.hero-statement h1 em,
.immersive-issue-hero .page-hero-copy h1,
.immersive-issue-hero .page-hero-copy h1 em {
  color:#c99a4d;
  background:linear-gradient(108deg,#a97731 0%,#c99a4d 38%,#f5d989 49%,#c99a4d 59%,#a97731 100%);
  background-size:240% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:goldTitleGleam 9s ease-in-out infinite;
}
@keyframes goldTitleGleam {
  0%,20% { background-position:100% 0; }
  55%,100% { background-position:0 0; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-statement h1,
  .hero-statement h1 em,
  .immersive-issue-hero .page-hero-copy h1,
  .immersive-issue-hero .page-hero-copy h1 em { animation:none; background-position:50% 0; }
}

.fall-tastes {
  color:#e9e1d6;
  background:linear-gradient(145deg,#20282c,#30393d 52%,#1a2226);
}
.fall-tastes .section-head h2,
.fall-tastes .fall-tastes-grid h3 { color:#f0e8dc; }
.fall-tastes .section-head h2 em { color:#d5a85e; }
.fall-tastes .section-head .kicker { color:#d5a85e; }
.fall-tastes .section-head > p:last-child { color:#d4cbc0; }
.fall-tastes-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1rem,2vw,2rem); }
.fall-tastes-grid a { display:block; min-width:0; background:#222b2f; border:1px solid rgba(198,154,74,.55); color:#e9e1d6; text-decoration:none; box-shadow:0 18px 42px rgba(0,0,0,.2); }
.fall-tastes-grid img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.fall-tastes-grid span { display:block; padding:1.4rem; }
.fall-tastes-grid small { color:#d5a85e; font-size:.72rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.fall-tastes-grid h3 { margin:.45rem 0; font-size:clamp(1.7rem,2.3vw,2.5rem); }
.fall-tastes-grid p { margin:0; color:#d4cbc0; }
.astrology-note { display:flex; align-items:center; justify-content:space-between; gap:2rem; margin-top:2rem; padding:clamp(1.5rem,3vw,3rem); background:#171d21; color:#f9eee0; }
.astrology-note h3 { margin:.25rem 0 .65rem; color:#d4a658; font-size:clamp(2rem,3vw,3.4rem); }
.astrology-note p:last-child { max-width:720px; margin:0; }
.astrology-note .button { flex:none; }
.recipe-entry { margin:2.2rem 0; padding:1.8rem 0 0; border-top:1px solid rgba(70,42,47,.2); }
.recipe-entry h2 { margin:.25rem 0 .7rem; font-size:clamp(2.1rem,3vw,3.4rem); }
.recipe-entry p:last-child { margin-bottom:0; }
.story-columns p:first-child::first-letter { color:#c99a4d; }
.fall-contents .section-head > p:last-child { font-size:clamp(1.2rem,1.65vw,1.55rem); line-height:1.55; }
.astrology-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(2rem,5vw,5rem); padding:clamp(2rem,5vw,5rem); background:radial-gradient(circle at 12% 8%,#5b372c,#1a171a 65%); color:#f8eee1; }
.astrology-intro-copy { max-width:680px; margin:auto; }
.astrology-intro h1 { margin:.7rem 0 1.5rem; color:#d5a85e; font-size:clamp(3.6rem,6.4vw,7rem); }
.astrology-intro h1 em { color:#efd195; }
.astrology-intro p:not(.kicker) { max-width:600px; font-size:1.1rem; }
.astrology-intro img { width:100%; max-height:850px; object-fit:contain; box-shadow:0 30px 80px rgba(0,0,0,.4); }
.astrology-gallery { background:#f5eee3; }
.astrology-pages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1rem,2vw,2rem); }
.astrology-pages a { min-width:0; padding:.55rem; border:1px solid rgba(128,85,46,.32); background:#21191b; color:#f3dcae; text-decoration:none; box-shadow:0 20px 45px rgba(34,20,25,.17); }
.astrology-pages img { width:100%; height:auto; aspect-ratio: .777; object-fit:contain; }
.astrology-pages span { display:block; padding:.8rem .55rem .4rem; font-family:var(--display); font-size:clamp(1.15rem,1.7vw,1.7rem); }
.astrology-finale { background:linear-gradient(135deg,#261a20,#5d382c); color:#fff4e4; text-align:center; }
.astrology-finale h2 { margin:.4rem 0; font-size:clamp(3rem,5vw,5.5rem); }
.astrology-finale h2 em { color:#d4a65a; }
.astrology-finale .actions { justify-content:center; }
@media (max-width:900px) { .astrology-intro { grid-template-columns:minmax(0,1fr); } .astrology-intro img { max-width:600px; margin:auto; } }
@media (max-width:680px) { .astrology-intro { padding:3rem 1.25rem; } .astrology-pages { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; } .astrology-pages a { padding:.3rem; } .astrology-pages span { font-size:1rem; line-height:1.25; } }
@media (max-width:760px) {
  .fall-tastes-grid { grid-template-columns:minmax(0,1fr); }
  .astrology-note { flex-direction:column; align-items:flex-start; }
}

@media (max-width:680px) {
  .read-hero { display:flex; flex-direction:column; min-height:0; }
  .read-hero .page-hero-media { order:0; display:block; width:100%; max-height:none; min-height:0; padding:0; background:none; overflow:visible; }
  .read-hero .page-hero-media picture,
  .read-hero .page-hero-media img { display:block; width:100%; height:auto; max-height:none; }
  .read-hero .page-hero-copy { order:1; padding:3rem 1.35rem 4rem; }
  .site-masthead .brand img { opacity:0; }
  .site-masthead .brand::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:#d7ae61;
    -webkit-mask:url("chakra-cozy-logo-black.png") center / contain no-repeat;
    mask:url("chakra-cozy-logo-black.png") center / contain no-repeat;
    pointer-events:none;
  }
  .site-masthead .brand::after { z-index:2; }
}

/* Our World: the supplied scene dissolves into the editorial title. */
.about-portrait-hero {
  position:relative;
  display:block;
  min-height:clamp(590px,51vw,790px);
  overflow:hidden;
  background:#0c1114;
}
.about-portrait-hero .page-hero-media {
  position:absolute;
  inset:0;
  min-height:0;
  max-height:none;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 2%,rgba(0,0,0,.22) 23%,#000 55%);
  mask-image:linear-gradient(90deg,transparent 2%,rgba(0,0,0,.22) 23%,#000 55%);
}
.about-portrait-hero .page-hero-media img,
.about-portrait-hero .page-hero-media video {
  display:block;
  width:100%; height:100%;
  object-fit:cover;
  object-position:center 48%;
  filter:saturate(.88) contrast(1.025) brightness(.97);
}
.about-portrait-hero .page-hero-copy {
  z-index:2;
  width:min(57%,820px);
  min-height:clamp(590px,51vw,790px);
  padding:clamp(3rem,5vw,6rem);
  overflow:visible;
  text-shadow:0 2px 24px rgba(0,0,0,.32);
}
.about-portrait-hero .page-hero-copy::after { right:2%; bottom:8%; opacity:.16; }
@media (max-width:900px) {
  .about-portrait-hero { display:flex; flex-direction:column; min-height:0; }
  .about-portrait-hero .page-hero-media {
    position:relative;
    order:0;
    width:100%; height:min(71vw,560px);
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%);
  }
  .about-portrait-hero .page-hero-copy {
    order:1;
    width:100%; min-height:0;
    margin-top:-3.5rem;
    padding:1.5rem clamp(1.35rem,6vw,3rem) 4rem;
  }
}

/* One consistent metallic gold for the masthead on every page and viewport. */
.site-masthead .brand img { opacity:0; }
.site-masthead .brand::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:var(--gold);
  -webkit-mask:url("chakra-cozy-logo-black.png") center / contain no-repeat;
  mask:url("chakra-cozy-logo-black.png") center / contain no-repeat;
  pointer-events:none;
}
.site-masthead .brand::after { z-index:2; }
@media (max-width:680px) {
  .site-masthead .brand::before { background:var(--gold); }
}

/* Countryside vignette behind the Read invitation. */
.read-hero .page-hero-copy {
  background-image:
    linear-gradient(90deg,rgba(13,18,20,.58),rgba(13,18,20,.32)),
    url("editorial/countryside-fence-vignette-color.png");
  background-size:cover;
  background-position:center;
  box-shadow:inset 0 0 80px 18px rgba(13,18,20,.48);
}
.read-hero .page-hero-copy h1,
.read-hero .page-hero-copy p { text-shadow:0 2px 16px rgba(0,0,0,.55); }
@media (max-width:680px) {
  .read-hero .page-hero-copy {
    background-position:35% center;
    background-image:
      linear-gradient(180deg,rgba(13,18,20,.43),rgba(13,18,20,.62)),
      url("editorial/countryside-fence-vignette-color.png");
    box-shadow:inset 0 0 65px 12px rgba(13,18,20,.48);
  }
}

/* The supplied still photographs are the homepage hero at every size. */
.editorial-hero .hero-picture { display:block; }
.editorial-hero .hero-picture img {
  display:block;
  width:100%; height:auto;
  animation:none;
  filter:saturate(.9) contrast(.99);
}
.editorial-hero .hero-media::after { display:none; }

/* A gentle lens-like falloff lets the window and practical lamps light the room unevenly. */
.editorial-hero .hero-media::before {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse 76% 90% at 63% 38%, transparent 48%, rgba(18,13,17,.13) 100%);
}

/* Information pages */
.information-page { max-width:950px; margin:auto; padding:clamp(3.5rem,8vw,7rem) clamp(1.25rem,5vw,3rem); color:#fff7e9; }
.information-page h1 { font-family:var(--serif,Georgia,serif); font-size:clamp(3rem,7vw,6rem); line-height:1.02; margin:.4rem 0 1.5rem; }
.information-page h1 em { color:#eeb647; }
.information-page .lead { font-size:clamp(1.2rem,2.5vw,1.55rem); margin-bottom:3rem; }
.information-page h2 { font-family:var(--serif,Georgia,serif); font-size:clamp(1.65rem,3vw,2.25rem); margin:2.4rem 0 .6rem; }
.information-page p { font-size:1.08rem; line-height:1.75; max-width:70ch; }
.information-page a { color:#eeb647; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.information-page .kicker { font-size:.875rem; }
.policy-nav { display:flex; flex-wrap:wrap; gap:.25rem 1.5rem; margin:-1.5rem 0 2.5rem; font-size:1rem; }
.policy-nav a { display:inline-flex; align-items:center; min-height:44px; padding:.5rem 0; }
.information-page a:focus-visible { outline:2px solid #eeb647; outline-offset:5px; }
.site-footer { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(max-width:900px) { .site-footer { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .site-footer { grid-template-columns:1fr 1fr; gap:2rem 1rem; } }

/* Mobile editorial rhythm and legible slate surfaces. */
@media (max-width:680px) {
  body { padding-bottom:calc(58px + env(safe-area-inset-bottom)); }
  .mobile-buy { padding-bottom:env(safe-area-inset-bottom); }
  .mobile-buy a { min-width:0; padding:.5rem .35rem; text-align:center; line-height:1.25; }
  .fall-tastes { padding-top:4.5rem; padding-bottom:4.5rem; }
  .fall-tastes .section-head { gap:1.2rem; margin-bottom:2.5rem; }
  .fall-tastes .section-head h2 { font-size:clamp(2.9rem,12vw,4.5rem); line-height:1.04; }
  .fall-tastes .section-head > p:last-child { font-size:1.05rem; line-height:1.55; }
  .fall-tastes-grid { gap:1.25rem; }
  .fall-tastes-grid span { padding:1.25rem; }
  .fall-tastes-grid h3 { font-size:clamp(1.9rem,8vw,2.4rem); line-height:1.12; }
  .fall-tastes-grid p { font-size:1rem; line-height:1.55; }
  .astrology-gallery { padding-top:4rem; padding-bottom:4rem; }
  .astrology-pages { gap:.8rem; }
  .astrology-pages a { border-color:rgba(198,154,74,.5); }
  .site-footer { padding-bottom:3rem; }
}

/* One metallic treatment for every gold action across the magazine. */
.button-primary,
.button-dark,
.button-gold-shine,
.header-buy,
.mobile-buy a:first-child {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:#e9bf67;
  background:linear-gradient(135deg,#8e5c18 0%,#d8a749 38%,#f0cf7b 54%,#b77721 100%);
  color:#121719;
  box-shadow:0 8px 24px rgba(208,157,66,.22),inset 0 1px 0 rgba(255,246,206,.72);
}
.button-primary::after,
.button-dark::after,
.button-gold-shine::after,
.header-buy::after,
.mobile-buy a:first-child::after {
  content:"";
  position:absolute;
  z-index:0;
  top:-70%;
  bottom:-70%;
  left:-42%;
  width:28%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
  animation:buttonShine 4.8s ease-in-out infinite;
  pointer-events:none;
}

/* Fall hero: keep the portrait crop still and give both images a quieter film finish. */
.editorial-hero .hero-picture img {
  filter:saturate(.72) contrast(1.03) brightness(.95);
}
.editorial-hero .hero-media::after {
  display:block;
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  opacity:.13;
  background-image:url("editorial/film-grain.svg");
  mix-blend-mode:soft-light;
}

/* The headline is white; its gold companion lettering shares one slow light pass. */
.hero-statement h1,
.hero-statement h1 em {
  color:#f7f5f0;
  background:none;
  -webkit-text-fill-color:currentColor;
  animation:none;
}
.hero-tagline,
.reader-voices h2 em,
.floating-quote h3,
.floating-quote .testimonial-credit {
  color:#c99a4d;
  background:linear-gradient(105deg,#a97731 4%,#d1a556 37%,#fff1b2 49%,#c99a4d 60%,#a97731 95%);
  background-size:260% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:goldTitleGleam 10s ease-in-out infinite;
}
.marquee-track .ticker-copy {
  color:#c99a4d;
  background:linear-gradient(105deg,#a97731 0%,#d8ae5d 35%,#fff1b2 49%,#c99a4d 63%,#a97731 100%);
  background-size:240% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:goldTitleGleam 9s ease-in-out infinite;
}

/* A centered gallery with quotes in their own cells keeps text off the image. */
.voices-orbit {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.6rem,4vw,3.6rem);
  min-height:0;
  align-items:start;
}
.voices-centerpiece {
  position:relative;
  inset:auto;
  grid-column:1/-1;
  width:min(100%,460px);
  margin:0 auto;
  transform:none;
  animation:none;
}
.reader-vignettes {
  position:relative;
  inset:auto;
  grid-column:1/-1;
  width:min(100%,500px);
  margin:0 auto 1rem;
  transform:none;
}
.floating-quote {
  position:relative;
  inset:auto;
  width:100%;
  max-width:58ch;
  min-width:0;
  margin:0 auto;
  padding:0 0 1.4rem;
  border-bottom:1px solid rgba(190,143,61,.24);
  animation:none;
}
.quote-five { grid-column:1/-1; }
.floating-quote.reveal { opacity:0; transform:translateY(20px); transition:opacity .9s ease,transform .9s ease; }
.floating-quote.reveal.visible { opacity:1; transform:none; }
.quote-two.reveal { transition-delay:.1s; }
.quote-three.reveal { transition-delay:.18s; }
.quote-four.reveal { transition-delay:.26s; }
.quote-five.reveal { transition-delay:.34s; }
@media (max-width:760px) {
  .voices-orbit { grid-template-columns:minmax(0,1fr); gap:2.1rem; }
  .voices-centerpiece,.reader-vignettes,.quote-five { grid-column:1; }
  .floating-quote { order:initial; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-tagline,.reader-voices h2 em,.floating-quote h3,.floating-quote .testimonial-credit,.marquee-track .ticker-copy { animation:none; background-position:50% 0; }
  .floating-quote.reveal { opacity:1; transform:none; transition:none; }
}

/* The supplied print covers stay crisp; their cutouts leave the reader's fingers above the page. */
.editorial-hero .hero-media { position:relative; }
.hero-exact-covers { position:absolute; z-index:3; inset:0; pointer-events:none; overflow:hidden; }
.hero-exact-covers img { position:absolute; display:block; height:auto; object-fit:fill; filter:saturate(.72) contrast(1.03) brightness(.95); }
.hero-exact-covers .cover-back {
  left:34.27%; top:18.72%; width:13.44%; height:48.5%;
  clip-path:polygon(2% 0,99% 0,99% 61%,63% 61%,58% 71%,59% 100%,2% 100%);
}
.hero-exact-covers .cover-front {
  left:48.88%; top:18.72%; width:15.25%; height:48.5%;
  clip-path:polygon(0 0,96% 0,96% 100%,0 100%);
}
@media (max-width:680px) {
  .hero-exact-covers .cover-back {
    left:18.6%; top:31.46%; width:29.8%; height:24.35%;
    clip-path:polygon(2% 0,99% 0,99% 61%,62% 61%,55% 72%,57% 100%,2% 100%);
  }
  .hero-exact-covers .cover-front {
    left:50.7%; top:31.46%; width:34.3%; height:25.2%;
    clip-path:polygon(0 0,96% 0,96% 100%,0 100%);
  }
}

/* The printed spine has its own crisp type, separated from the photographed covers. */
.hero-exact-covers .cover-spine {
  position:absolute;
  z-index:1;
  left:47.72%; top:18.72%; width:1.16%; height:48.5%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#9c5647;
  border-left:1px solid rgba(39,20,19,.55);
  border-right:1px solid rgba(240,197,141,.42);
  color:#f8e7cb;
  font:600 clamp(7px,.66vw,12px)/1 var(--sans);
  letter-spacing:.04em;
  writing-mode:vertical-rl;
  white-space:nowrap;
  text-shadow:0 1px 1px rgba(0,0,0,.5);
}
@media (max-width:680px) {
  .hero-exact-covers .cover-spine { left:48.4%; top:31.46%; width:2.3%; height:25.2%; font-size:clamp(5px,1.15vw,9px); }
}

/* The opening statement belongs to the photo; the reading invitation follows the ticker. */
.editorial-hero .hero-overlay-title {
  position:absolute;
  z-index:4;
  top:9%; left:3%;
  width:min(30%,590px);
  padding:1rem 0;
  color:#f8f5ef;
  text-shadow:0 3px 18px rgba(5,10,12,.85),0 1px 2px rgba(0,0,0,.8);
}
.editorial-hero .hero-overlay-title .kicker {
  margin:0 0 1rem;
  color:#f0c879;
  font-size:clamp(.72rem,.9vw,1rem);
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.editorial-hero .hero-overlay-title h1 {
  margin:0;
  font-family:var(--display);
  font-weight:400;
  font-size:clamp(2.5rem,4.1vw,5.5rem);
  line-height:1.02;
  letter-spacing:-.04em;
  color:#fff;
}
.editorial-hero .hero-overlay-title h1 em { font-weight:400; }
.editorial-hero .hero-overlay-title h1,
.editorial-hero .hero-overlay-title h1 em,
.editorial-hero .hero-overlay-title .kicker {
  background:linear-gradient(105deg,#e4e1d9 0%,#fff 39%,#fff8d8 50%,#fff 60%,#e4e1d9 100%);
  background-size:260% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:goldTitleGleam 12s ease-in-out infinite;
}
.editorial-hero .hero-overlay-title .kicker {
  background-image:linear-gradient(105deg,#b88332 0%,#e5b761 39%,#fff0b7 50%,#e5b761 60%,#b88332 100%);
}
.hero-statement {
  display:block;
  padding:clamp(3.5rem,7vw,6rem) clamp(1.25rem,6vw,6rem);
}
.hero-statement .hero-statement-copy { max-width:850px; margin:auto; text-align:center; }
.hero-statement .hero-deck { max-width:780px; margin:1rem auto 2rem; }
.hero-statement .actions { justify-content:center; }
.site-masthead .brand::before { background:#e6b958; filter:drop-shadow(0 0 1px rgba(255,235,174,.35)); }
@media (max-width:680px) {
  .editorial-hero .hero-overlay-title {
    top:5%; left:5%; width:90%; padding:0;
    text-align:left;
  }
  .editorial-hero .hero-overlay-title .kicker { font-size:clamp(.64rem,2.3vw,.82rem); margin-bottom:.55rem; }
  .editorial-hero .hero-overlay-title h1 { font-size:clamp(2.5rem,10.5vw,4.4rem); max-width:11ch; line-height:1; }
  .hero-statement .hero-statement-copy { text-align:left; }
  .hero-statement .actions { justify-content:flex-start; }
}
@media (prefers-reduced-motion:reduce) {
  .editorial-hero .hero-overlay-title h1,.editorial-hero .hero-overlay-title h1 em,.editorial-hero .hero-overlay-title .kicker { animation:none; background-position:50% 0; }
}
@media (prefers-reduced-motion:reduce) {
  .button-primary::after,
  .button-dark::after,
  .button-gold-shine::after,
  .header-buy::after,
  .mobile-buy a:first-child::after { animation:none; display:none; }
}

/* Preserve the original ivory and gold hero typography with reliable contrast. */
.editorial-hero .hero-overlay-title h1,
.editorial-hero .hero-overlay-title h1 em {
  color:#fff8ec;
  background:none;
  -webkit-text-fill-color:#fff8ec;
  animation:none;
  text-shadow:0 2px 3px rgba(8,9,10,.95),0 5px 18px rgba(8,9,10,.85);
}
.editorial-hero .hero-overlay-title .kicker {
  color:#f1c773;
  background:none;
  -webkit-text-fill-color:#f1c773;
  animation:none;
  text-shadow:0 2px 3px rgba(8,9,10,.95),0 4px 12px rgba(8,9,10,.8);
}

/* Keep the full portrait visible on phones; the hands sit below the magazine. */
@media (max-width:680px) {
  .hero.editorial-hero { height:auto; min-height:0; max-height:none; aspect-ratio:auto; overflow:visible; }
  .editorial-hero .hero-media { position:relative; inset:auto; display:block; height:auto; }
  .editorial-hero .hero-picture { display:block; width:100%; height:auto; }
  .editorial-hero .hero-picture img { display:block; width:100%; height:auto; max-height:none; object-fit:contain; }
  .hero-exact-covers .cover-back { left:20.5%; top:35.2%; width:28.4%; height:25.5%; }
  .hero-exact-covers .cover-front { left:51.0%; top:35.2%; width:34.4%; height:25.5%; }
  .hero-exact-covers .cover-spine { left:48.9%; top:35.2%; width:2.1%; height:25.5%; }
  .editorial-hero .hero-overlay-title { top:10%; left:5%; width:92%; }
  .editorial-hero .hero-overlay-title h1 { font-size:clamp(3rem,11.8vw,4.8rem); max-width:12ch; line-height:.98; }
}
@media (min-width:681px) {
  .editorial-hero .hero-overlay-title { top:14%; }
  .editorial-hero .hero-overlay-title h1 { font-size:clamp(3rem,4.7vw,6rem); }
}

/* Slow autumn lens glow stays behind the opening statement on desktop. */
.hero-statement .autumn-bokeh { display:none; }
@media (min-width:681px) {
  .hero-statement { isolation:isolate; }
  .hero-statement .autumn-bokeh { display:block; position:absolute; z-index:0; inset:0; overflow:hidden; pointer-events:none; }
  .hero-statement .autumn-bokeh span { position:absolute; display:block; border-radius:50%; filter:blur(13px); opacity:.24; animation:autumnLensDrift 18s ease-in-out infinite alternate; }
  .hero-statement .autumn-bokeh span:nth-child(1) { width:280px; height:280px; left:7%; top:8%; background:radial-gradient(circle,rgba(226,158,67,.6) 0 9%,rgba(165,77,29,.18) 28%,transparent 70%); }
  .hero-statement .autumn-bokeh span:nth-child(2) { width:220px; height:220px; right:10%; top:3%; background:radial-gradient(circle,rgba(238,188,104,.58) 0 7%,rgba(146,65,33,.16) 31%,transparent 70%); animation-delay:-7s; }
  .hero-statement .autumn-bokeh span:nth-child(3) { width:310px; height:310px; left:22%; bottom:-42%; background:radial-gradient(circle,rgba(192,101,42,.4) 0 8%,rgba(110,59,32,.12) 30%,transparent 72%); animation-delay:-12s; }
  .hero-statement .autumn-bokeh span:nth-child(4) { width:180px; height:180px; right:24%; bottom:-18%; background:radial-gradient(circle,rgba(255,205,132,.4) 0 6%,rgba(164,94,45,.1) 31%,transparent 72%); animation-delay:-4s; }
}
@keyframes autumnLensDrift { from { transform:translate3d(-10px,8px,0) scale(.92); opacity:.16; } to { transform:translate3d(22px,-16px,0) scale(1.12); opacity:.3; } }
@media (prefers-reduced-motion:reduce) { .hero-statement .autumn-bokeh span { animation:none; } }
.hero-statement .hero-social { max-width:780px; margin:0 auto 1.8rem; color:#ded2c3; font-size:clamp(1rem,1.25vw,1.15rem); line-height:1.5; }
.hero-statement .hero-social a { color:#efc77c; text-decoration:underline; text-underline-offset:.2em; }
@media (max-width:680px) { .hero-statement .hero-social { margin-left:0; margin-right:0; } }

/* The man’s tattooed fingers remain in front of the exact back-cover artwork. */
@media (min-width:681px) {
  .hero-exact-covers .cover-back {
    clip-path:polygon(2% 0,99% 0,99% 52%,47% 52%,41% 100%,2% 100%);
  }
}
@media (max-width:680px) {
  .hero-exact-covers .cover-back {
    clip-path:polygon(2% 0,99% 0,99% 56%,49% 56%,42% 100%,2% 100%);
  }
}

/* Supplied autumn footage gives the Into the Magic panel a quiet moving backdrop. */
.hero-statement { isolation:isolate; background:#151b1e; }
.hero-statement .autumn-video { position:absolute; z-index:0; inset:0; display:block; overflow:hidden; pointer-events:none; }
.hero-statement .autumn-video video { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; filter:blur(4px) saturate(.7) brightness(.52); transform:scale(1.035); }
.hero-statement .autumn-video::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(12,17,20,.56),rgba(12,17,20,.42) 50%,rgba(12,17,20,.56)); }
.hero-statement .hero-statement-copy { position:relative; z-index:2; }
.hero-statement .autumn-bokeh { display:none; }
.social-section-top .section-head > p a { color:#e7b969; text-decoration:underline; text-underline-offset:.2em; }
@media (prefers-reduced-motion:reduce) { .hero-statement .autumn-video video { display:none; } .hero-statement .autumn-video { background:url('autumn-maple-poster.jpg') center/cover no-repeat; } }

/* Small spine type and a restrained Code 128 style mark on the front cover. */
.hero-exact-covers .cover-spine { font-size:clamp(5px,.47vw,9px); letter-spacing:.025em; }
.hero-exact-covers .cover-barcode { position:absolute; z-index:2; display:block; left:61.0%; top:60.7%; width:2.35%; height:4.3%; padding:2px; background:#f9f5ec; box-shadow:0 1px 3px rgba(0,0,0,.3); }
.hero-exact-covers .cover-barcode::after { content:""; display:block; width:100%; height:80%; background:repeating-linear-gradient(90deg,#171310 0 1px,transparent 1px 2px,#171310 2px 4px,transparent 4px 6px,#171310 6px 7px,transparent 7px 9px); }
@media (max-width:680px) { .hero-exact-covers .cover-spine { font-size:clamp(4px,.85vw,7px); } .hero-exact-covers .cover-barcode { display:none; } }

/* Reader story belongs to the Instagram feature. */
.reader-instagram-story { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1fr); gap:clamp(2rem,5vw,5rem); align-items:center; max-width:1250px; margin:0 auto clamp(2.5rem,5vw,5rem); padding:clamp(1rem,2vw,1.5rem); border:1px solid rgba(201,153,72,.42); background:linear-gradient(135deg,rgba(40,48,50,.9),rgba(17,23,26,.95)); }
.reader-instagram-story figure { margin:0; overflow:hidden; max-height:560px; }
.reader-instagram-story img { display:block; width:100%; height:100%; max-height:560px; aspect-ratio:4/5; object-fit:cover; object-position:center bottom; }
.reader-instagram-copy { padding:clamp(.5rem,2vw,2rem); }
.reader-instagram-copy h3 { margin:.35rem 0 1.2rem; font:400 clamp(2.5rem,4vw,4.8rem)/1 var(--display); color:#f2eae0; }
.reader-instagram-copy h3 em { color:#d0a35a; }
.reader-instagram-copy p:not(.kicker) { max-width:50ch; color:#d8d0c5; font-size:clamp(1rem,1.25vw,1.18rem); line-height:1.6; }
.reader-instagram-copy a { color:#e7b969; }
@media (max-width:760px) { .reader-instagram-story { grid-template-columns:1fr; } .reader-instagram-story figure { max-height:500px; } .reader-instagram-story img { max-height:500px; } }

/* Reader snapshots keep the original story text and speech bubble in frame. */
.reader-snapshots { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; gap:clamp(.8rem,1.7vw,1.6rem); max-width:1400px; margin:1.5rem auto 3.2rem; padding:1.2rem .8rem; }
.reader-snapshots figure { margin:0; min-width:0; padding:6px; border:1px solid #a77a34; background:#ad813d; box-shadow:0 15px 30px rgba(0,0,0,.33),inset 0 0 0 2px rgba(255,231,171,.34); transform:rotate(-2deg); }
.reader-snapshots figure:nth-child(2) { transform:rotate(1.8deg) translateY(12px); }
.reader-snapshots figure:nth-child(3) { transform:rotate(-1.4deg) translateY(-6px); }
.reader-snapshots figure:nth-child(4) { transform:rotate(2deg) translateY(8px); }
.reader-snapshots img { display:block; width:100%; height:clamp(250px,27vw,420px); object-fit:contain; background:#151c1e; }
.reader-instagram-cta { max-width:1250px; }
.reader-instagram-cta figure { max-height:none; border:6px solid #a77a34; box-shadow:0 18px 38px rgba(0,0,0,.3),inset 0 0 0 2px rgba(255,232,180,.4); transform:rotate(-1.2deg); }
.reader-instagram-cta img { width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; }
@media (max-width:900px) { .reader-snapshots { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; } .reader-snapshots img { height:clamp(260px,44vw,430px); } }
@media (max-width:520px) { .reader-snapshots { gap:1rem; padding:.5rem; margin-bottom:2rem; } .reader-snapshots figure { padding:3px; } .reader-snapshots img { height:230px; } .reader-instagram-cta figure { border-width:4px; transform:rotate(-.7deg); } }

/* Four individual reader portraits, with no screenshot or empty letterboxing. */
.social-section-top { background:radial-gradient(circle at 80% 13%,rgba(116,63,106,.34),transparent 33%),linear-gradient(145deg,#241827 0%,#38243a 52%,#1d1726 100%); color:#f6eee7; }
.social-section-top::before { inset:0; width:auto; height:auto; aspect-ratio:auto; left:0; bottom:0; border-radius:0; background:url('editorial/film-grain.svg'),repeating-linear-gradient(113deg,rgba(255,225,182,.018) 0 1px,transparent 1px 8px); background-size:260px,auto; opacity:.32; filter:none; pointer-events:none; }
.social-section-top .section-head h2 { color:#f6eee7; }
.social-section-top .section-head h2 em { color:#d7a856; }
.social-section-top .section-head > p { color:#e1d5d7; }
.reader-snapshots { max-width:1480px; gap:clamp(1rem,2vw,2rem); margin:2rem auto 3.5rem; }
.reader-snapshots figure,.reader-snapshots figure:nth-child(2),.reader-snapshots figure:nth-child(3),.reader-snapshots figure:nth-child(4) { aspect-ratio:1; padding:5px; overflow:hidden; transform:rotate(-1.5deg); background:#af833e; }
.reader-snapshots figure:nth-child(2) { transform:rotate(1.3deg) translateY(8px); }
.reader-snapshots figure:nth-child(3) { transform:rotate(-1deg) translateY(-5px); }
.reader-snapshots figure:nth-child(4) { transform:rotate(1.6deg) translateY(5px); }
.reader-snapshots img { width:100%; height:100%; aspect-ratio:1; object-fit:cover; object-position:center; background:none; }
.reader-voices-head .kicker { color:#b78229; }
.reader-invitation { padding:clamp(3rem,6vw,6rem) 1.25rem; background:linear-gradient(145deg,#241a29,#36283a 60%,#1b1b25); }
.reader-invitation .reader-instagram-story { margin:0 auto; }
.reader-invitation .reader-instagram-cta figure { transform:rotate(-1deg); overflow:hidden; }
.reader-invitation .reader-instagram-cta img { width:100%; height:100%; max-height:560px; aspect-ratio:4/5; object-fit:cover; object-position:center; }
@media (max-width:900px) { .reader-snapshots { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px) { .reader-snapshots img { height:100%; } .reader-invitation .reader-instagram-cta img { max-height:470px; } }

/* The exact print artwork is aligned over the photographed magazine, with photographed hands above it. */
.hero-print { position:absolute; inset:0; width:100%; height:100%; z-index:2; overflow:visible; pointer-events:none; }
.hero-print-mobile { display:none; }
.hero-print image { filter:saturate(.88) contrast(1.015) brightness(.94); }
.hero-print image:last-child { filter:none; }
.hero-print .print-barcode { opacity:.95; }
.reader-share-prompt { max-width:700px; margin:1.2rem auto 0; text-align:center; color:#e8d7df; font-size:clamp(1rem,1.3vw,1.2rem); line-height:1.55; }
.reader-share-prompt a,.reader-share-prompt strong { color:#e2b65d; }
@media (max-width:680px) { .hero-print-desktop { display:none; } .hero-print-mobile { display:block; } .reader-share-prompt { padding:0 1rem; } }

/* The center portrait sits among quotes; reader photos remain separate. */
@media (min-width:1101px) {
  .voices-orbit { grid-template-columns:minmax(0,1fr) minmax(300px,420px) minmax(0,1fr); grid-template-areas:"q1 portrait q2" "q3 portrait q4" "photos photos q5"; column-gap:clamp(1.5rem,2.5vw,3rem); row-gap:clamp(1.5rem,2.5vw,3rem); align-items:start; }
  .voices-centerpiece { grid-area:portrait; grid-column:auto; width:100%; align-self:center; }
  .quote-one { grid-area:q1; } .quote-two { grid-area:q2; } .quote-three { grid-area:q3; } .quote-four { grid-area:q4; } .quote-five { grid-area:q5; grid-column:auto; }
  .reader-vignettes { grid-area:photos; grid-column:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:1.25rem; width:100%; max-width:690px; margin:0 auto; }
  .reader-vignettes figure,.reader-vignettes figure:last-child { width:100%; margin:0; }
}
@media (min-width:761px) and (max-width:1100px) {
  .reader-vignettes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; width:min(100%,660px); }
  .reader-vignettes figure,.reader-vignettes figure:last-child { width:100%; margin:0; }
}
@media (max-width:680px) {
  .hero-exact-covers .cover-spine { height:18.6%; font-size:clamp(4px,.78vw,6px); }
}
.hero-statement .hero-tagline { line-height:1.18; padding:.05em 0 .18em; overflow:visible; }
@media (max-width:760px) {
  .reader-vignettes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; width:100%; }
  .reader-vignettes figure,.reader-vignettes figure:last-child { width:100%; margin:0; }
}

/* Let the autumn footage show through while maintaining readable copy. */
.hero-statement .autumn-video video { filter:blur(2.5px) saturate(.85) brightness(.72); }
.hero-statement .autumn-video::after { background:linear-gradient(90deg,rgba(12,17,20,.36),rgba(12,17,20,.28) 50%,rgba(12,17,20,.36)); }
.hero-statement .hero-statement-copy { text-shadow:0 2px 12px rgba(0,0,0,.6); }

@media (min-width:1101px) {
  .voices-orbit { grid-template-areas:"q1 portrait q2" "q3 portrait q4" "q5 portrait q6"; }
  .reader-vignettes { grid-area:photos; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .quote-five { grid-area:q5; }
  .quote-six { grid-area:q6; }
}
@media (min-width:761px) and (max-width:1100px) { .quote-six { grid-column:1/-1; max-width:58ch; } }
@media (max-width:760px) {
  .reader-vignettes { order:-2; margin:0 auto 1rem; }
  .voices-centerpiece { order:-1; }
  .quote-six { order:6; }
}

/* Fall reader reel at its native story proportions; plum belongs to the testimonials. */
.social-section-top,.reader-invitation { background:linear-gradient(145deg,#283033,#1b2225 58%,#30383b); }
.reader-voices { background:radial-gradient(circle at 52% 40%,#493049,#291b2b 72%,#211923); color:#f5ece4; }
.reader-voices-head h2 { color:#f5ece4; }
.reader-invitation .reader-instagram-story { max-width:1200px; grid-template-columns:minmax(250px,400px) minmax(0,1fr); }
.reader-invitation .reader-instagram-cta figure.reader-reel { position:relative; width:min(100%,400px); aspect-ratio:9/16; max-height:none; margin:auto; }
.reader-invitation .reader-instagram-cta .reader-reel img { width:100%; height:100%; max-height:none; aspect-ratio:9/16; object-fit:cover; object-position:center; }
.reader-reel figcaption { position:absolute; right:4%; bottom:4%; width:64%; padding:.75rem .9rem; transform:rotate(-5deg); border-radius:1.2rem; background:rgba(11,12,14,.85); color:white; font:italic 1rem/1.3 var(--sans); text-align:center; text-shadow:0 1px 2px #000; }
.reader-reel figcaption span { font-size:.78rem; text-decoration:underline; }
@media(max-width:760px) { .reader-invitation .reader-instagram-story { grid-template-columns:1fr; } .reader-invitation .reader-instagram-cta .reader-reel img { max-height:none; } }

/* Motion remains decorative and is disabled for reduced motion. */
.site-masthead { position:relative; }
.site-masthead .brand { transition:none; }
.header-leaf { position:absolute; z-index:3; width:18px; height:25px; pointer-events:none; opacity:0; background:linear-gradient(130deg,#b0612a,#d8a74c 55%,#773b24); border-radius:90% 0 90% 10%; box-shadow:inset -2px -2px 5px rgba(57,24,13,.35); transform-origin:center; }
.header-leaf::after { content:""; position:absolute; width:1px; height:19px; background:rgba(71,38,19,.7); left:50%; top:3px; transform:rotate(30deg); }
.leaf-one { right:7%; top:16px; animation:leafDrift 12s ease-in-out infinite; }
.leaf-two { right:16%; top:48px; animation:leafDrift 12s ease-in-out 5s infinite; }
@keyframes leafDrift { 0% { opacity:0; transform:translate(0,-8px) rotate(0); } 12% {opacity:.85;} 75% {opacity:.85;} 92%,100% {opacity:0; transform:translate(calc(-70vw + 85px),20px) rotate(730deg);} }
.sound-toggle { position:relative; z-index:4; display:inline-flex; align-items:center; gap:.4rem; padding:.4rem .65rem; border:1px solid rgba(223,177,93,.6); background:transparent; color:#f0c776; border-radius:99px; font-size:.72rem; letter-spacing:.05em; cursor:pointer; white-space:nowrap; }
.site-masthead .sound-toggle { grid-column:1; grid-row:1; justify-self:start; }
.site-masthead audio { display:none; }
.sound-toggle[aria-pressed="true"] { background:rgba(224,173,76,.18); }
@media(max-width:980px) { .site-masthead .sound-toggle { position:absolute; right:5.6rem; top:50%; transform:translateY(-50%); } }
@media(max-width:680px) { .sound-label { display:none; } .sound-toggle { padding:.35rem .55rem; } .site-masthead .sound-toggle { right:4.4rem; } .header-leaf { width:11px; height:17px; } }
@media(prefers-reduced-motion:reduce) { .header-leaf { display:none; } .site-masthead .brand { transition:none; } }

/* Show the complete printed recipe pages inside taller cards. */
.fall-tastes-grid img { aspect-ratio:1100/1415; height:auto; object-fit:contain; background:#20282a; }

/* A quiet color drift across the issue announcement. */
.announcement { background:linear-gradient(110deg,#35203d,#65465c,#a86246,#594455,#35203d); background-size:250% 100%; animation:issueBarDrift 26s ease-in-out infinite alternate; }
@keyframes issueBarDrift { from {background-position:0% 50%;} to {background-position:100% 50%;} }
@media(prefers-reduced-motion:reduce) { .announcement { animation:none; } }

/* Small translucent maple silhouettes, each with its own autumn color and drift. */
.header-leaf { width:24px; height:27px; border-radius:0; clip-path:polygon(50% 0,57% 19%,72% 10%,70% 29%,91% 26%,80% 44%,100% 51%,75% 59%,81% 77%,59% 72%,51% 100%,46% 73%,20% 79%,27% 60%,0 51%,22% 44%,10% 26%,32% 30%,29% 11%,44% 20%); box-shadow:none; filter:drop-shadow(0 1px 1px rgba(40,22,15,.4)); }
.header-leaf::after { display:none; }
.leaf-one { background:linear-gradient(120deg,#a3482d,#e9a351); }
.leaf-two { background:linear-gradient(140deg,#c99a3b,#f6c66b); right:22%; top:28px; animation:leafDriftSoft 16s ease-in-out 2s infinite; }
.leaf-three { right:3%; top:55px; width:18px; height:21px; background:linear-gradient(140deg,#8f3c3a,#d77952); animation:leafDriftSoft 14s ease-in-out 4s infinite; }
.leaf-four { right:29%; top:8px; width:19px; height:22px; background:linear-gradient(130deg,#8f6935,#cba951); animation:leafDrift 17s ease-in-out 7s infinite; }
.leaf-five { right:12%; top:75px; width:16px; height:19px; background:linear-gradient(145deg,#a44b2e,#e5a259); animation:leafDriftSoft 13s ease-in-out 9s infinite; }
.leaf-six { right:38%; top:43px; width:15px; height:18px; background:linear-gradient(140deg,#a56b37,#dfb665); animation:leafDrift 19s ease-in-out 12s infinite; }
@keyframes leafDriftSoft { 0% { opacity:0; transform:translate(0,-9px) rotate(-25deg); } 15%,72% {opacity:.7;} 95%,100% { opacity:0; transform:translate(calc(-58vw + 70px),13px) rotate(580deg); } }
@media(max-width:680px) { .header-leaf { width:14px; height:16px; } .leaf-three,.leaf-four { width:11px; height:13px; } .leaf-five,.leaf-six { width:9px; height:11px; } }
@media(prefers-reduced-motion:reduce) { .header-leaf { display:none; } }

/* Keep the supplied Chakra Cozy masthead lettering exactly as drawn. */
.site-masthead .brand { position:relative; z-index:2; }
.site-masthead .brand img { opacity:1; }
.site-masthead .brand::before { display:none; }
.site-masthead .brand::after { display:block; animation:logoShine 9s ease-in-out infinite; }
.header-leaf { z-index:1; }
@media(prefers-reduced-motion:reduce) { .site-masthead .brand::after { animation:none; opacity:0; } }
/* Align the supplied cover artwork with the revised camera framing. */
@media (min-width:681px) {
  .hero-exact-covers .cover-back { left:34.55%; width:13.16%; }
}
@media (max-width:680px) {
  .hero-exact-covers .cover-back { left:19.55%; top:35.6%; width:27.85%; height:24.85%; }
  .hero-exact-covers .cover-spine { left:47.4%; top:35.6%; width:2.35%; height:18.6%; }
  .hero-exact-covers .cover-front { left:49.75%; top:35.6%; width:34.1%; height:24.85%; }
}

/* An editorial white title over the slowed autumn footage. */
.hero-statement .hero-tagline {
  color:#f7f2e9;
  font-size:clamp(3.25rem,5.8vw,6.25rem);
  line-height:1.12;
  text-shadow:0 2px 22px rgba(10,13,14,.64);
}
@media (max-width:680px) {
  .hero-statement .hero-tagline { font-size:clamp(3.05rem,12vw,4.5rem); }
}

/* Align the printed back cover and let photographed thumbs cross its left edge. */
.hero-exact-covers .cover-back {
  clip-path:polygon(2% 0,99% 0,99% 100%,2% 100%,2% 55%,9% 52%,15% 46%,17% 37%,14% 28%,9% 22%,2% 20%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 52%,transparent 82%);
}
@media (min-width:681px) {
  .hero-exact-covers .cover-back { left:33.65%; width:14.06%; }
}
@media (max-width:680px) {
  .hero-exact-covers .cover-back { left:19.2%; width:28.2%; }
}

/* Clear editorial entry points directly beneath the hero. */
.reader-paths{padding:clamp(38px,5vw,72px) clamp(20px,5vw,88px);background:#29272b;color:#f2e9dc}
.reader-paths-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}
.reader-paths-head .kicker{color:#d2ad6e;margin:0}
.reader-paths-head h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2rem,3.3vw,3.5rem);line-height:1.12;margin:0}
.reader-paths-head em{color:#d7b575}
.reader-paths-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(214,182,121,.5);border:1px solid rgba(214,182,121,.5)}
.reader-paths-grid a{position:relative;display:flex;flex-direction:column;min-height:195px;padding:24px 26px;background:#343238;color:#f8f0e5;text-decoration:none;transition:background .25s,transform .25s}
.reader-paths-grid a:hover,.reader-paths-grid a:focus-visible{background:#4b3a42;transform:translateY(-3px)}
.reader-paths-grid span{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#d9bd87}
.reader-paths-grid strong{font-family:Georgia,serif;font-size:clamp(1.3rem,1.7vw,1.9rem);font-weight:400;line-height:1.2;margin:20px 0 10px}
.reader-paths-grid small{font-size:.9rem;line-height:1.5;color:#d8d1c9;max-width:28ch}
.reader-paths-grid b{position:absolute;right:22px;top:19px;color:#d9bd87;font-size:1.25rem;font-weight:400}
.newsletter-link{display:inline-flex;margin-top:14px}
@media(max-width:900px){.reader-paths-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-paths-head{display:block}.reader-paths-head .kicker{margin-bottom:10px}}
@media(max-width:550px){.reader-paths-grid{grid-template-columns:1fr}.reader-paths-grid a{min-height:140px;padding:20px 24px}.reader-paths-grid strong{margin:10px 0 5px}}

/* A slow, shapeless warm glint behind the reader paths; type stays above it. */
.reader-paths{position:relative;isolation:isolate;overflow:hidden}
.reader-paths::before{content:"";position:absolute;z-index:-1;inset:-28%;pointer-events:none;background:radial-gradient(ellipse 53% 38% at 18% 43%,rgba(186,139,60,.24),transparent 76%),radial-gradient(ellipse 50% 50% at 76% 68%,rgba(210,165,85,.17),transparent 78%);filter:blur(38px);animation:readerGoldDrift 19s ease-in-out infinite alternate}
.reader-paths-head,.reader-paths-grid{position:relative;z-index:1}
@keyframes readerGoldDrift{from{transform:translate3d(-5%,1%,0) scale(1)}to{transform:translate3d(7%,-3%,0) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.reader-paths::before{animation:none}}

/* Photographed maple leaves on moving air, then skimming the masthead edge. */
.site-masthead .header-leaf{
  --floor:86px;--lane:0px;
  right:-3%;top:var(--start,14px);z-index:3;
  display:block;width:var(--leaf-size,32px);height:var(--leaf-size,32px);
  background:transparent var(--leaf-image) center/contain no-repeat;
  border:0;border-radius:0;clip-path:none;box-shadow:none;
  filter:drop-shadow(1px 2px 2px rgba(22,16,12,.42));
  opacity:0;transform-origin:48% 61%;pointer-events:none;
  animation:mapleScurry var(--leaf-time,14s) linear var(--leaf-delay,0s) infinite;
}
.site-masthead .header-leaf::after{display:none}
.site-masthead .leaf-one{--leaf-image:url('leaves/maple-1.webp');--leaf-size:38px;--start:9px;--lane:-19px;--leaf-time:14.8s;--leaf-delay:-2s}
.site-masthead .leaf-two{--leaf-image:url('leaves/maple-2.webp');--leaf-size:30px;--start:30px;--lane:9px;--leaf-time:16.5s;--leaf-delay:-8s}
.site-masthead .leaf-three{--leaf-image:url('leaves/maple-3.webp');--leaf-size:24px;--start:4px;--lane:25px;--leaf-time:13.9s;--leaf-delay:-11s}
.site-masthead .leaf-four{--leaf-image:url('leaves/maple-4.webp');--leaf-size:35px;--start:19px;--lane:-5px;--leaf-time:18s;--leaf-delay:-14s}
.site-masthead .leaf-five{--leaf-image:url('leaves/maple-5.webp');--leaf-size:28px;--start:36px;--lane:18px;--leaf-time:15.2s;--leaf-delay:-5s}
.site-masthead .leaf-six{--leaf-image:url('leaves/maple-6.webp');--leaf-size:21px;--start:15px;--lane:-28px;--leaf-time:17.3s;--leaf-delay:-16s}
@keyframes mapleScurry{
  0%{opacity:0;transform:translate3d(6vw,-12px,0) rotate(-45deg) rotateY(10deg) scale(.78)}
  8%{opacity:.88}
  25%{transform:translate3d(calc(-23vw + var(--lane)),11px,0) rotate(85deg) rotateY(43deg) scale(1)}
  38%{transform:translate3d(calc(-37vw + var(--lane)),25px,0) rotate(165deg) rotateY(12deg) scale(.9)}
  44%{transform:translate3d(calc(-39vw + var(--lane)),13px,0) rotate(235deg) rotateY(56deg) scale(.97)}
  51%{transform:translate3d(calc(-40vw + var(--lane)),28px,0) rotate(275deg) rotateY(18deg) scale(.88)}
  57%{transform:translate3d(calc(-42vw + var(--lane)),22px,0) rotate(330deg) rotateY(48deg) scale(1)}
  69%{opacity:.9;transform:translate3d(calc(-58vw + var(--lane)),calc(var(--floor) * .74),0) rotate(430deg) rotateY(20deg) scale(.83)}
  76%{transform:translate3d(calc(-65vw + var(--lane)),var(--floor),0) rotate(520deg) rotateY(70deg) scale(.74)}
  83%{transform:translate3d(calc(-72vw + var(--lane)),calc(var(--floor) * .9),0) rotate(610deg) rotateY(20deg) scale(.82)}
  100%{opacity:0;transform:translate3d(calc(-115vw + var(--lane)),var(--floor),0) rotate(810deg) rotateY(50deg) scale(.68)}
}
@media(max-width:680px){.site-masthead .header-leaf{--floor:39px;width:calc(var(--leaf-size) * .72);height:calc(var(--leaf-size) * .72)}}
@media(prefers-reduced-motion:reduce){.site-masthead .header-leaf{display:none;animation:none}}

/* Quicker warm lens wash with a restrained red and plum glint. */
.reader-paths::before{
  background:radial-gradient(ellipse 53% 38% at 18% 43%,rgba(196,147,64,.27),transparent 76%),
    radial-gradient(ellipse 50% 50% at 76% 68%,rgba(210,165,85,.18),transparent 78%),
    radial-gradient(ellipse 31% 35% at 48% 54%,rgba(143,48,49,.12),transparent 76%),
    radial-gradient(ellipse 22% 30% at 72% 32%,rgba(100,58,115,.09),transparent 77%);
  animation-duration:11.5s;
}

/* Keep editorial content available when scripts are unavailable. */
html:not(.motion-ready) .reveal { opacity:1;transform:none; }
a:focus-visible,button:focus-visible { outline:2px solid #e6bd73;outline-offset:4px; }

/* Keep the issue cover and printed-page previews at magazine proportions. */
.issue-cover { width:100%; min-width:0; }
.issue-cover img,
.editorial-card img,
.fall-tastes-grid img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:17 / 22;
  object-fit:contain;
  object-position:center;
  background:#20282a;
}
.editorial-card:hover img { transform:none; }
.issue-intro > *, .issue-intro-copy { min-width:0; }
@media(max-width:680px) { .issue-cover { width:min(100%,430px); } }

/* Match the gold title gleam on the corrected magazine sections. */
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
  .issue-intro-copy h2, .issue-intro-copy h2 em,
  .harvest-wash .section-head h2, .harvest-wash .section-head h2 em,
  .fall-tastes .section-head h2, .fall-tastes .section-head h2 em {
    color:#d5a85e;
    background-image:linear-gradient(105deg,#bd8b37 0%,#dfb55e 39%,#fff3c8 50%,#dfb55e 60%,#bd8b37 100%);
    background-size:240% 100%;
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:goldTitleGleam 8s ease-in-out infinite;
  }
}
@media(prefers-reduced-motion:reduce) {
  .issue-intro-copy h2, .issue-intro-copy h2 em,
  .harvest-wash .section-head h2, .harvest-wash .section-head h2 em,
  .fall-tastes .section-head h2, .fall-tastes .section-head h2 em {
    animation:none;background-position:50% 0;
  }
}


/* Mobile masthead: centered gold lettering on the magazine's slate palette. */
.site-masthead .mobile-only-leaf { display:none; }
@media (max-width:680px) {
  :root {
    --night:#20282b;
    --cream:#283033;
    --paper:#30383b;
    --plum:#30383b;
  }
  .announcement,.site-header,.site-nav {
    background:#283033;
    animation:none;
  }
  .site-masthead {
    grid-template-columns:minmax(0,1fr);
    min-height:132px;
    padding:14px 16px 45px;
    background:#283033;
    animation:none;
    overflow:hidden;
    isolation:isolate;
  }
  .site-masthead .brand {
    grid-column:1;
    grid-row:1;
    justify-self:center;
    width:min(100%,350px);
    margin:0 auto;
  }
  .site-masthead .brand img { width:100%; opacity:1; }
  .site-masthead .brand::before,
  .site-masthead .brand::after { display:none; animation:none; }
  .site-masthead .menu-toggle {
    position:absolute;
    right:16px;
    bottom:8px;
    z-index:4;
    min-height:32px;
    padding:0 4px;
  }
  .site-masthead .sound-toggle {
    position:absolute;
    top:auto;
    right:auto;
    left:16px;
    bottom:8px;
    transform:none;
  }
  .site-masthead .header-leaf {
    --floor:68px;
    animation-name:maplePlayfulLoop;
  }
  .site-masthead .mobile-only-leaf { display:block; }
  .site-masthead .leaf-seven { --leaf-image:url('leaves/maple-3.webp');--leaf-size:25px;--start:18px;--lane:16px;--leaf-time:13.6s;--leaf-delay:-4s; }
  .site-masthead .leaf-eight { --leaf-image:url('leaves/maple-1.webp');--leaf-size:31px;--start:4px;--lane:-24px;--leaf-time:17.7s;--leaf-delay:-10s; }
  .site-masthead .leaf-nine { --leaf-image:url('leaves/maple-5.webp');--leaf-size:22px;--start:30px;--lane:8px;--leaf-time:15.7s;--leaf-delay:-13s; }
  .site-masthead .leaf-ten { --leaf-image:url('leaves/maple-2.webp');--leaf-size:28px;--start:10px;--lane:29px;--leaf-time:19.1s;--leaf-delay:-7s; }
  .site-masthead .leaf-eleven { --leaf-image:url('leaves/maple-6.webp');--leaf-size:23px;--start:26px;--lane:-12px;--leaf-time:14.3s;--leaf-delay:-11s; }
  .site-masthead .leaf-twelve { --leaf-image:url('leaves/maple-4.webp');--leaf-size:30px;--start:0px;--lane:-30px;--leaf-time:18.4s;--leaf-delay:-16s; }
  .about-portrait-hero {
    background:linear-gradient(110deg,#283033,#493049,#594455,#30383b,#283033);
    background-size:250% 100%;
    animation:issueBarDrift 26s ease-in-out infinite alternate;
  }
}
@keyframes maplePlayfulLoop {
  0% { opacity:0;transform:translate3d(5vw,-8px,0) rotate(-35deg) rotateY(15deg); }
  9% { opacity:.9; }
  22% { transform:translate3d(calc(-25vw + var(--lane)),12px,0) rotate(125deg) rotateY(45deg); }
  32% { transform:translate3d(calc(-42vw + var(--lane)),26px,0) rotate(235deg) rotateY(10deg); }
  38% { transform:translate3d(calc(-49vw + var(--lane)),9px,0) rotate(340deg) rotateY(55deg); }
  44% { transform:translate3d(calc(-44vw + var(--lane)),-7px,0) rotate(455deg) rotateY(15deg); }
  50% { transform:translate3d(calc(-37vw + var(--lane)),8px,0) rotate(570deg) rotateY(60deg); }
  56% { transform:translate3d(calc(-43vw + var(--lane)),27px,0) rotate(700deg) rotateY(10deg); }
  65% { transform:translate3d(calc(-55vw + var(--lane)),var(--floor),0) rotate(830deg) rotateY(50deg) scale(.85); }
  73% { transform:translate3d(calc(-63vw + var(--lane)),calc(var(--floor) - 14px),0) rotate(970deg) rotateY(12deg) scale(.92); }
  81% { transform:translate3d(calc(-72vw + var(--lane)),var(--floor),0) rotate(1140deg) rotateY(65deg) scale(.8); }
  91% { opacity:.85;transform:translate3d(calc(-90vw + var(--lane)),calc(var(--floor) - 6px),0) rotate(1300deg) rotateY(15deg) scale(.9); }
  100% { opacity:0;transform:translate3d(calc(-115vw + var(--lane)),var(--floor),0) rotate(1480deg) rotateY(40deg) scale(.75); }
}
@media (max-width:680px) and (prefers-reduced-motion:reduce) {
  .site-masthead .header-leaf { display:none; animation:none; }
  .site-masthead,.site-masthead .brand::before,.about-portrait-hero { animation:none; }
}

/* A prominent, monochrome shelf-presence strip beneath the homepage hero. */
.retailer-strip {
  padding:clamp(2.25rem,4vw,3.5rem) clamp(1.25rem,5vw,5rem);
  background:#1d2629;
  color:#fff7e9;
  text-align:center;
  border-top:1px solid rgba(255,247,233,.16);
  border-bottom:1px solid rgba(255,247,233,.16);
}
.retailer-strip h2 {
  margin:0 0 1.8rem;
  color:#fff7e9;
  font:700 clamp(.78rem,1.15vw,1rem)/1.5 var(--sans);
  letter-spacing:.24em;
  text-transform:uppercase;
}
.retailer-logos {
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  align-items:center;
  gap:clamp(2rem,7vw,7rem);
  max-width:1100px;
  margin:auto;
}
.retailer-logos a {
  display:flex;
  min-height:78px;
  min-width:0;
  align-items:center;
  justify-content:center;
  padding:.5rem;
  border-radius:3px;
}
.retailer-logos img {
  width:100%;
  height:auto;
  max-height:72px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
.retailer-bn img { max-width:310px; }
.retailer-bam img { max-width:195px; }
.retailer-publix img { max-width:195px; }
.retailer-logos a:hover { opacity:.8; }
.retailer-strip a:focus-visible { outline:2px solid #fff7e9; outline-offset:5px; }
.retailer-strip p { margin:1.5rem 0 0; font-size:clamp(.82rem,1.1vw,.95rem); color:#e6dfd5; }
.retailer-links { display:flex; justify-content:center; flex-wrap:wrap; gap:.75rem 2rem; margin:1rem 0 0; }
.retailer-links a { color:#fff7e9; font-size:.82rem; font-weight:600; text-underline-offset:.3em; }
@media(max-width:540px) {
  .retailer-strip { padding:2rem 1.2rem; }
  .retailer-logos { grid-template-columns:1fr 1fr; gap:.8rem 1.6rem; max-width:360px; }
  .retailer-bn { grid-column:1/-1; }
  .retailer-logos a { min-height:58px; }
  .retailer-bn img { max-width:280px; }
  .retailer-bam img { max-width:150px; }
  .retailer-publix img { max-width:140px; }
  .retailer-strip h2 { margin-bottom:1rem; letter-spacing:.17em; }
  .retailer-strip p { max-width:320px; margin:1.2rem auto 0; }
}

.editor-profile{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center;background:#23282b;color:#ece5d8}.editor-profile-image img{display:block;width:100%;max-height:680px;object-fit:cover;object-position:center 24%;border:1px solid #ad8c56}.editor-profile h2{color:#e8c487}.editor-profile p{line-height:1.8}.editor-profile a{color:#e8c487}.production-bio a{color:inherit;text-underline-offset:5px}@media(max-width:700px){.editor-profile{grid-template-columns:1fr}.editor-profile-image{max-width:420px;margin:auto}.editor-profile-image img{max-height:560px}}

.cozy-film-feature{background:#1c2529;color:#E4D4B5;padding:64px 6vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;align-items:center}.cozy-film-feature h2{color:#E4D4B5;font-size:clamp(38px,4vw,64px);line-height:1.08}.cozy-film-feature p{color:#e4d4b5;line-height:1.8}.cozy-film-feature figure{margin:0;min-width:0}.cozy-film-feature video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:0}@media(max-width:760px){.cozy-film-feature{grid-template-columns:1fr;padding:40px 6vw;gap:24px}}

.cozy-film,.cozy-film-feature figure{position:relative;overflow:hidden;background:#151e20;aspect-ratio:16/9}.cozy-film video,.cozy-film-feature video{width:100%;height:100%;object-fit:cover}.cozy-film-cover{position:absolute;left:50%;top:5%;transform:translateX(-50%);height:81%;width:auto;max-width:70%;object-fit:contain;pointer-events:none;box-shadow:0 14px 50px #0008;border-radius:0}@media(max-width:760px){.cozy-film,.cozy-film-feature figure{aspect-ratio:4/3}.cozy-film-cover{height:78%;top:5%}}