body { background: #f4eee5; color: #1b1b1b; }
.gallery-text { color: #fff; font-size: clamp(2rem, 5vw, 4.5rem); margin-left: auto; z-index: 100; }
.newsletter-page { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; padding: clamp(2.5rem, 5vw, 5rem) 0 5rem; }
.newsletter-intro { max-width: 760px; margin-bottom: 2.5rem; }
.newsletter-eyebrow { color: #b21615; font: 700 .82rem/1.2 Arial,sans-serif; letter-spacing: .16em; text-transform: uppercase; margin-bottom: .55rem; }
.newsletter-intro h1, .newsletter-section-heading h2, .newsletter-featured-copy h1, .newsletter-card h3 { margin: 0; line-height: 1.05; }
.newsletter-intro h1 { font-size: clamp(2.5rem, 6vw, 5rem); }
.newsletter-intro p { max-width: 680px; margin: .9rem 0 0; color: #554c44; font: 1.05rem/1.7 Georgia,serif; }
.newsletter-status { margin: 1rem 0 2rem; color: #65594f; font: .95rem/1.6 Arial,sans-serif; }
.current-newsletter { margin-bottom: 4.5rem; }
.newsletter-featured-card { display: grid; grid-template-columns: minmax(300px,.78fr) minmax(0,1.22fr); min-height: 440px; border-radius: 28px; overflow: hidden; background: #171717; color: #fff; text-decoration: none; box-shadow: 0 24px 70px rgba(43,28,16,.16); }
.newsletter-featured-media { min-height: 440px; background: #2a2a2a; }
.newsletter-featured-image, .newsletter-card-image, .newsletter-cover-placeholder { width: 100%; height: 100%; display: block; object-fit: cover; }
.newsletter-cover-placeholder { min-height: 260px; display: grid; place-items: center; text-align: center; padding: 2rem; color: #fff; background: radial-gradient(circle at 25% 20%, rgba(201,147,91,.35), transparent 32%), linear-gradient(135deg,#b21615,#711110 72%); font: 700 clamp(1.4rem,3vw,2.6rem)/1.2 Georgia,serif; }
.newsletter-featured-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(2rem,5vw,4.2rem); }
.newsletter-featured-copy .newsletter-eyebrow { color: #d6ad82; }
.newsletter-featured-copy h1 { font-size: clamp(2rem,4.5vw,4rem); }
.newsletter-featured-copy p { margin: 1.25rem 0 0; color: #ddd4ca; font: 1.05rem/1.68 Georgia,serif; }
.newsletter-meta { display: flex; flex-wrap: wrap; gap: .6rem 1rem; margin-top: 1.3rem; color: #beb5ac; font: .86rem/1.4 Arial,sans-serif; }
.newsletter-meta span + span::before { content: "•"; margin-right: 1rem; }
.newsletter-read { display: inline-flex; gap: .55rem; align-items: center; margin-top: 1.6rem; font: 700 .88rem/1 Arial,sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.newsletter-archive-section { margin-top: 1rem; }
.newsletter-section-heading { margin-bottom: 1.8rem; }
.newsletter-section-heading h2 { font-size: clamp(2rem,4vw,3.2rem); }
.newsletter-year-group { margin-top: 2.5rem; }
.newsletter-year-heading { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; color: #6f6154; font: 700 .9rem/1 Arial,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.newsletter-year-heading::after { content: ""; flex: 1; height: 1px; background: #d8c9b7; }
.newsletter-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.35rem; }
.newsletter-card { background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 12px 34px rgba(66,45,28,.08); transition: transform .2s ease,box-shadow .2s ease; }
.newsletter-card:hover { transform: translateY(-4px); box-shadow: 0 18px 46px rgba(66,45,28,.14); }
.newsletter-card a { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.newsletter-card-media { aspect-ratio: 8.5/11; max-height: 360px; background: #e8dfd3; overflow: hidden; }
.newsletter-card-copy { padding: 1.2rem 1.25rem 1.4rem; display: flex; flex-direction: column; flex: 1; }
.newsletter-issue-label { color: #b21615; font: 700 .75rem/1 Arial,sans-serif; letter-spacing: .08em; text-transform: uppercase; margin-bottom: .65rem; }
.newsletter-card h3 { font-size: 1.35rem; }
.newsletter-card p { color: #645a50; font: .94rem/1.55 Georgia,serif; margin: .8rem 0 0; }
.newsletter-card .newsletter-read { margin-top: auto; padding-top: 1.25rem; color: #8e1615; }
.newsletter-empty { padding: 2rem; border: 1px dashed #ccbba7; border-radius: 18px; background: rgba(255,255,255,.45); color: #5e5348; font: 1rem/1.6 Arial,sans-serif; display: grid; gap: .25rem; }
.newsletter-empty.compact { padding: 1.25rem; }
@media (max-width: 900px) { .newsletter-featured-card { grid-template-columns: 1fr; } .newsletter-featured-media { min-height: 0; aspect-ratio: 16/10; } .newsletter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .gallery-text { display:none; } .newsletter-page { width:min(100% - 1.2rem,1180px); padding-top: 2rem; } .newsletter-featured-card { border-radius: 20px; } .newsletter-grid { grid-template-columns: 1fr; } .newsletter-card-media { max-height: 420px; } }