@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--ink:#13251f;--lime:#d9f258;--paper:#f5f4ef;--dark:#10251e;--orange:#db7651;--muted:#68756f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}img{display:block;width:100%}a{text-decoration:none;color:inherit}
.header{height:78px;background:#f8f7f2;display:flex;align-items:center;padding:0 4vw;gap:30px;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(19,37,31,.12)}.brand img{width:245px}.header nav{display:flex;gap:28px;margin-left:auto;font-size:12px;font-weight:600}.header-cta{background:var(--ink);color:white;padding:15px 20px;font-size:12px}.header-cta span{margin-left:15px}.menu{display:none;border:0;background:none;font-size:22px}
.hero{display:grid;grid-template-columns:1.35fr .65fr;min-height:calc(100vh - 78px);background:var(--dark)}.hero-photo{background-size:cover;background-position:center}.hero-side{background:#16372f;color:white;padding:6vw 5vw;display:flex;flex-direction:column;justify-content:space-between}.issue,.section-no{font-size:10px;letter-spacing:.22em;font-weight:600}.issue{color:var(--lime)}.title-stack small{font-size:10px;letter-spacing:.18em;color:#9cb0a8}.title-stack h1,.feature h2,.story-text h2,.guide h2,.note-copy h2,.about h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:.88;letter-spacing:-.04em;margin:14px 0 0}.title-stack h1{font-size:clamp(66px,7vw,112px)}.hero-side p{font-size:15px;line-height:1.7;color:#ced8d3;max-width:480px}.watch-btn{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:600}.play{width:44px;height:44px;border-radius:50%;background:var(--lime);color:var(--ink);display:inline-grid;place-items:center}
.section{padding:110px 6vw}.feature-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.feature h2,.story-text h2,.guide h2,.note-copy h2,.about h2{font-size:clamp(50px,5.5vw,84px)}.video-card{position:relative;overflow:hidden}.video-card img{aspect-ratio:16/8;object-fit:cover}.video-overlay{position:absolute;inset:auto 0 0 0;padding:30px;display:flex;align-items:center;gap:20px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.7))}.round-play{width:60px;height:60px;border-radius:50%;background:white;color:var(--ink);display:grid;place-items:center}.video-overlay small{font-size:9px;letter-spacing:.15em}.video-overlay h3{font-family:"Playfair Display",Georgia,serif;font-size:34px;margin:6px 0 0}
.stories{padding:0 6vw 110px}.story-grid{display:grid;grid-template-columns:.75fr 1fr 1fr;gap:20px;align-items:start}.story-text{padding:55px 28px 40px;background:#e4e3da;min-height:500px}.story-text p{font-size:14px;line-height:1.75;color:var(--muted);margin-top:30px}.line-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:12px;font-weight:600;margin-top:10px}.story-image{position:relative}.story-image img{aspect-ratio:4/3;object-fit:cover}.story-image.tall img{aspect-ratio:4/5}.caption{position:absolute;left:18px;bottom:18px;background:rgba(245,244,239,.9);padding:12px 14px}.caption span{display:block;font-size:8px;letter-spacing:.17em}.caption strong{display:block;font-family:"Playfair Display",Georgia,serif;font-size:20px;margin-top:4px}
.marquee{overflow:hidden;background:var(--lime);padding:18px 0;white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:.15em}.marquee div{display:inline-block;animation:scroll 22s linear infinite}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-35%)}}
.guide{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.guide-title h2{margin-top:24px}.guide-list{border-top:1px solid rgba(19,37,31,.2)}.guide-list article{display:grid;grid-template-columns:48px 1fr 30px;gap:20px;padding:24px 0;border-bottom:1px solid rgba(19,37,31,.2);align-items:center}.guide-list article>span{font-size:10px;color:#809087}.guide-list h3{font-family:"Playfair Display",Georgia,serif;font-size:27px;margin:0 0 5px;font-weight:500}.guide-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.editorial-note{display:grid;grid-template-columns:1.2fr .8fr;background:#1a3b32;color:white}.note-image img{height:100%;min-height:680px;object-fit:cover}.note-copy{padding:7vw 6vw;display:flex;flex-direction:column;justify-content:center}.note-copy h2{margin:24px 0}.note-copy p{color:#c6d2cc;line-height:1.75}
.about{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.about-copy{padding-top:45px}.about-copy p{color:var(--muted);line-height:1.8}.dark-btn{display:inline-block;background:var(--ink);color:white;padding:15px 20px;font-size:12px;font-weight:600;margin-top:20px}
footer{background:#0e201a;color:white;padding:60px 6vw 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:end}footer img{width:250px}footer p{color:#aab8b2;font-size:12px;text-align:center}footer span{color:#74847d;font-size:10px;text-align:right}
@media(max-width:900px){.header nav,.header-cta{display:none}.menu{display:block;margin-left:auto}.header nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#f8f7f2;padding:25px;flex-direction:column}.hero{grid-template-columns:1fr}.hero-photo{min-height:55vh}.hero-side{min-height:520px}.story-grid,.guide,.editorial-note,.about{grid-template-columns:1fr}.story-grid{gap:28px}.story-text{min-height:auto}.note-image img{min-height:430px}.feature-head{display:block}.feature-head h2{margin-top:20px}.section{padding:80px 6vw}footer{grid-template-columns:1fr}footer p,footer span{text-align:left}}
@media(max-width:560px){.brand img{width:200px}.title-stack h1{font-size:56px}.hero-side{padding:55px 6vw}.video-card img{aspect-ratio:4/3}.video-overlay h3{font-size:25px}.story-image.tall img{aspect-ratio:4/3}}