/* ── Variables ─────────────────────────────────────── */
:root {
  --sand: #FAF6F0;
  --sand-deep: #F0EAE0;
  --sand-dark: #E0D8CA;
  --cream: #FFFDF9;
  --green: #2D5A3D;
  --green-light: #3A7050;
  --green-faded: rgba(45,90,61,0.08);
  --gold: #B8963E;
  --gold-light: #D4B15A;
  --charcoal: #2A2A28;
  --text: #5A5750;
  --text-light: #8A847A;
  --text-dark: #3A3832;
  --border: #E0D8CA;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Outfit',sans-serif;background:var(--sand);color:var(--text);overflow-x:hidden;}

/* ── Nav ────────────────────────────────────────────── */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:rgba(250,246,240,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--sand-dark);transition:all .3s;}
.nav-brand{text-decoration:none;display:flex;align-items:baseline;gap:6px;}
.nav-the{font-family:'Lora',serif;font-style:italic;font-size:16px;font-weight:400;color:var(--text-light);}
.nav-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--charcoal);letter-spacing:-.5px;}
.nav-title span{color:var(--green);}
.nav-links{display:flex;align-items:center;gap:32px;}
.nav-links a{color:var(--text);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.3px;transition:color .3s;}
.nav-links a:hover{color:var(--green);}
.nav-guide-btn{padding:10px 24px;background:var(--green);color:var(--cream)!important;font-weight:500!important;border-radius:100px;transition:all .3s!important;}
.nav-guide-btn:hover{background:var(--green-light)!important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(45,90,61,.2);}
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--charcoal);transition:all .3s;}
.nav-mobile{display:none;position:fixed;top:76px;left:0;right:0;background:rgba(250,246,240,.98);z-index:99;padding:24px 30px;flex-direction:column;gap:16px;border-bottom:1px solid var(--border);}
.nav-mobile.open{display:flex;}
.nav-mobile a{color:var(--text);text-decoration:none;font-size:15px;font-weight:500;padding:10px 0;border-bottom:1px solid var(--sand-dark);}
.nav-mobile a:hover{color:var(--green);}

/* ── Hero ────────────────────────────────────────────── */
.hero{padding-top:76px;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;}
.hero-content{display:flex;flex-direction:column;justify-content:center;padding:80px 72px;background:var(--sand);}
.hero-tag{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:24px;}
.hero-headline{font-family:'Cormorant Garamond',serif;font-size:clamp(44px,5vw,72px);font-weight:600;line-height:1.1;color:var(--charcoal);margin-bottom:24px;}
.hero-headline em{font-style:italic;color:var(--green);}
.hero-desc{font-size:17px;line-height:1.75;color:var(--text);max-width:440px;margin-bottom:40px;}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px;}
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--green);color:var(--cream);font-family:'Outfit',sans-serif;font-size:14px;font-weight:500;text-decoration:none;border-radius:100px;transition:all .3s;}
.btn-primary:hover{background:var(--green-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(45,90,61,.2);}
.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border:1.5px solid var(--green);color:var(--green);font-family:'Outfit',sans-serif;font-size:14px;font-weight:500;text-decoration:none;border-radius:100px;transition:all .3s;}
.btn-outline:hover{background:var(--green-faded);}
.btn-outline-dark{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border:1.5px solid var(--charcoal);color:var(--charcoal);font-size:14px;font-weight:500;text-decoration:none;border-radius:100px;transition:all .3s;}
.btn-outline-dark:hover{background:var(--charcoal);color:var(--cream);}
.hero-locations{display:flex;gap:10px;flex-wrap:wrap;}
.location-pill{font-size:12px;font-weight:500;color:var(--text);background:var(--sand-deep);padding:6px 14px;border-radius:100px;border:1px solid var(--sand-dark);}
.hero-image{background:var(--green);position:relative;overflow:hidden;min-height:600px;}
.hero-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green) 0%,#1a3d28 100%);}
.hero-img-text{text-align:center;}
.hero-img-title{font-family:'Cormorant Garamond',serif;font-size:60px;font-weight:300;color:rgba(255,255,255,.9);letter-spacing:4px;}
.hero-img-sub{font-size:14px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:8px;}

/* ── Categories Bar ─────────────────────────────────── */
.cats-bar{padding:24px 48px;background:var(--sand-deep);border-bottom:1px solid var(--border);display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.cat-pill{font-size:13px;font-weight:500;color:var(--text-dark);text-decoration:none;padding:8px 20px;background:var(--cream);border:1px solid var(--border);border-radius:100px;transition:all .3s;}
.cat-pill:hover{border-color:var(--green);color:var(--green);background:var(--green-faded);}

/* ── Section ────────────────────────────────────────── */
.section-label{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:block;}

/* ── Stories ────────────────────────────────────────── */
.stories-section{max-width:1200px;margin:0 auto;padding:80px 48px;}
.stories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;}
.stories-header .section-label{margin-bottom:0;}
.more-link{font-size:13px;font-weight:600;color:var(--green);text-decoration:none;display:flex;align-items:center;gap:6px;transition:gap .2s;}
.more-link:hover{gap:10px;}
.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}

/* ── About Strip ────────────────────────────────────── */
.about-strip{background:var(--sand-deep);border-top:1px solid var(--border);}
.about-strip-inner{max-width:1200px;margin:0 auto;padding:80px 48px;display:flex;align-items:center;justify-content:space-between;gap:60px;}
.about-strip-content{flex:1;max-width:500px;}
.about-strip-content h2{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:600;color:var(--charcoal);line-height:1.2;margin-bottom:16px;}
.about-strip-content p{font-size:16px;line-height:1.75;color:var(--text);margin-bottom:28px;}
.about-strip-stats{display:flex;gap:40px;}
.about-stat{text-align:center;}
.about-stat-value{font-family:'Cormorant Garamond',serif;font-size:48px;font-weight:600;color:var(--green);line-height:1;}
.about-stat-label{font-size:12px;font-weight:500;color:var(--text-light);letter-spacing:1px;text-transform:uppercase;margin-top:6px;}

/* ── Post Card ──────────────────────────────────────── */
.post-card{background:var(--cream);border:1px solid var(--border);transition:all .3s;display:flex;flex-direction:column;}
.post-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 12px 40px rgba(42,42,40,.08);}
.card-cover{height:220px;overflow:hidden;background:var(--green-faded);}
.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.post-card:hover .card-cover img{transform:scale(1.04);}
.card-cover-placeholder{height:220px;background:linear-gradient(135deg,var(--green-faded),var(--sand-deep));}
.card-body{padding:28px;flex:1;display:flex;flex-direction:column;}
.card-meta{font-size:11px;color:var(--text-light);margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.card-cat{font-weight:600;color:var(--gold);font-size:11px;letter-spacing:1px;text-transform:uppercase;}
.sep{color:var(--sand-dark);}
.card-title{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;line-height:1.3;margin-bottom:10px;}
.card-title a{color:var(--charcoal);text-decoration:none;transition:color .3s;}
.card-title a:hover{color:var(--green);}
.card-excerpt{font-size:14px;line-height:1.7;color:var(--text);margin-bottom:20px;flex:1;}
.card-read{font-size:13px;font-weight:600;color:var(--green);text-decoration:none;transition:gap .2s;display:inline-flex;align-items:center;gap:6px;}
.card-read:hover{gap:10px;}

/* ── Blog Page ──────────────────────────────────────── */
.blog-section{max-width:1200px;margin:0 auto;padding:120px 48px 80px;}
.blog-header{margin-bottom:60px;}
.blog-title{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:600;color:var(--charcoal);margin-top:10px;}
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.pagination{display:flex;justify-content:space-between;margin-top:60px;padding-top:40px;border-top:1px solid var(--border);}
.pag-prev,.pag-next{font-size:14px;font-weight:600;color:var(--green);text-decoration:none;}

/* ── Article ────────────────────────────────────────── */
.article-wrap{max-width:760px;margin:0 auto;padding:120px 48px 80px;}
.article-cat{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px;}
.article-title{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,5vw,52px);font-weight:600;line-height:1.1;color:var(--charcoal);margin-bottom:20px;}
.article-excerpt{font-size:19px;line-height:1.7;color:var(--text);margin-bottom:24px;font-family:'Cormorant Garamond',serif;font-style:italic;}
.article-header{padding-bottom:32px;border-bottom:1px solid var(--border);margin-bottom:48px;}
.article-meta{font-size:13px;color:var(--text-light);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.article-meta em{color:var(--green);font-style:normal;}
.article-body{font-size:17px;line-height:1.85;color:var(--text-dark);}
.article-body h2{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:600;color:var(--charcoal);margin:52px 0 16px;}
.article-body h3{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--charcoal);margin:40px 0 12px;}
.article-body p{margin-bottom:24px;}
.article-body a{color:var(--green);}
.article-body ul,.article-body ol{padding-left:24px;margin-bottom:24px;}
.article-body li{margin-bottom:8px;}
.article-body blockquote{border-left:3px solid var(--gold);padding:16px 24px;margin:32px 0;background:var(--sand-deep);font-family:'Lora',serif;font-style:italic;font-size:18px;color:var(--text-dark);}
.article-body table{width:100%;border-collapse:collapse;margin:32px 0;font-size:15px;}
.article-body th{padding:12px 16px;background:var(--green);color:var(--cream);font-size:12px;letter-spacing:1px;text-transform:uppercase;text-align:left;}
.article-body td{padding:12px 16px;border-bottom:1px solid var(--border);}
.article-body tr:hover td{background:var(--green-faded);}
.article-footer{margin-top:48px;padding-top:32px;border-top:1px solid var(--border);}
.article-tags{display:flex;gap:8px;flex-wrap:wrap;}
.tag{font-size:12px;font-weight:500;color:var(--text-light);text-decoration:none;padding:5px 14px;border:1px solid var(--border);border-radius:100px;transition:all .2s;}
.tag:hover{border-color:var(--green);color:var(--green);}
.post-cta{margin-top:60px;background:var(--sand-deep);border:1px solid var(--border);padding:48px;text-align:center;}
.post-cta-label{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;}
.post-cta h3{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:var(--charcoal);margin-bottom:12px;}
.post-cta p{color:var(--text);margin-bottom:28px;}
.post-cta-form{display:flex;gap:0;max-width:400px;margin:0 auto;}
.post-cta-form input{flex:1;padding:14px 18px;background:var(--cream);border:1.5px solid var(--border);border-right:none;color:var(--charcoal);font-family:'Outfit',sans-serif;font-size:14px;outline:none;}
.post-cta-form input:focus{border-color:var(--green);}
.post-cta-form button{padding:14px 24px;background:var(--green);border:none;color:var(--cream);font-weight:500;font-size:13px;cursor:pointer;transition:background .3s;white-space:nowrap;}
.post-cta-form button:hover{background:var(--green-light);}

/* ── Static Pages ───────────────────────────────────── */
.page-wrap{max-width:800px;margin:0 auto;padding:120px 48px 80px;}
.page-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border);}
.page-header h1{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,5vw,48px);font-weight:600;color:var(--charcoal);}
.page-content.prose{font-size:16px;line-height:1.85;color:var(--text-dark);}
.page-content.prose h2{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:var(--charcoal);margin:40px 0 14px;}
.page-content.prose h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--charcoal);margin:32px 0 12px;}
.page-content.prose p{margin-bottom:20px;}
.page-content.prose a{color:var(--green);}
.page-content.prose ul{padding-left:24px;margin-bottom:20px;}
.page-content.prose li{margin-bottom:6px;}

/* ── Newsletter ─────────────────────────────────────── */
.newsletter-section{background:var(--green);padding:100px 48px;text-align:center;}
.nl-inner{max-width:560px;margin:0 auto;}
.nl-label{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:20px;}
.nl-title{font-family:'Cormorant Garamond',serif;font-size:40px;font-weight:600;color:var(--cream);line-height:1.2;margin-bottom:16px;}
.nl-desc{font-size:16px;line-height:1.7;color:rgba(255,255,255,.75);margin-bottom:36px;}
.nl-form{display:flex;gap:0;max-width:420px;margin:0 auto;}
.nl-form input{flex:1;padding:16px 20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-right:none;color:var(--cream);font-family:'Outfit',sans-serif;font-size:14px;outline:none;}
.nl-form input::placeholder{color:rgba(255,255,255,.5);}
.nl-form input:focus{border-color:rgba(255,255,255,.4);}
.nl-form button{padding:16px 24px;background:var(--gold);border:none;color:var(--charcoal);font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .3s;}
.nl-form button:hover{background:var(--gold-light);}
.nl-note{margin-top:14px;font-size:12px;color:rgba(255,255,255,.5);}

/* ── Footer ─────────────────────────────────────────── */
.footer{background:var(--charcoal);padding:60px 48px 32px;}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px;}
.footer-brand p{font-size:13px;line-height:1.7;color:rgba(255,255,255,.4);max-width:280px;margin-top:14px;}
.footer-brand .nav-the{color:rgba(255,255,255,.4);}
.footer-brand .nav-title{color:rgba(255,255,255,.85);}
.footer-brand .nav-title span{color:var(--gold-light);}
.footer-cols{display:flex;gap:64px;flex-wrap:wrap;}
.footer-col h5{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;}
.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,.4);text-decoration:none;padding:5px 0;transition:color .2s;}
.footer-col a:hover{color:rgba(255,255,255,.8);}
.footer-bar{max-width:1200px;margin:32px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.3);flex-wrap:wrap;gap:12px;}

/* ── Responsive ─────────────────────────────────────── */
@media(max-width:1024px){
  .nav{padding:0 24px;}
  .nav-links{display:none;}
  .nav-burger{display:flex;}
  .hero{grid-template-columns:1fr;min-height:auto;}
  .hero-image{display:none;}
  .hero-content{padding:100px 30px 60px;}
  .cats-bar{padding:20px 24px;}
  .stories-section{padding:60px 24px;}
  .stories-grid,.posts-grid{grid-template-columns:repeat(2,1fr);}
  .about-strip-inner{flex-direction:column;padding:60px 24px;}
  .blog-section{padding:100px 24px 60px;}
  .article-wrap{padding:100px 24px 60px;}
  .newsletter-section{padding:60px 24px;}
  .footer{padding:40px 24px 24px;}
  .page-wrap{padding:100px 24px 60px;}
}
@media(max-width:640px){
  .stories-grid,.posts-grid{grid-template-columns:1fr;}
  .hero-actions{flex-direction:column;}
  .nl-form{flex-direction:column;}
  .nl-form input{border-right:1px solid rgba(255,255,255,.2);border-bottom:none;}
  .post-cta-form{flex-direction:column;}
  .post-cta-form input{border-right:1.5px solid var(--border);border-bottom:none;}
  .about-strip-stats{gap:24px;}
}

/* ── Article (The Life Thai magazine style) ── */
.article-wrap { max-width: 720px; margin: 6rem auto 4rem; padding: 0 2rem; }
.article-category-pill { display: inline-block; background: #2d5a27; color: #f5e6c8; padding: .3rem .9rem; border-radius: 20px; font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 1.25rem; }
.article-title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(2rem, 5vw, 3rem); line-height: 1.15; color: #1a1a1a; margin-bottom: 1rem; font-weight: 600; }
.article-standfirst { font-family: 'Lora', serif; font-size: 1.15rem; color: #555; line-height: 1.75; font-style: italic; margin-bottom: 1.25rem; }
.article-meta-row { display: flex; align-items: center; gap: .75rem; font-size: .82rem; color: #888; padding-bottom: 2rem; border-bottom: 2px solid #e8dcc8; margin-bottom: 2.5rem; }
.meta-mood { color: #2d5a27; font-weight: 600; }

/* ── Drop cap ── */
.drop-cap > p:first-of-type::first-letter { font-family: 'Cormorant Garamond', serif; font-size: 4.5rem; font-weight: 700; float: left; line-height: .75; padding: .05em .1em 0 0; color: #2d5a27; }

/* ── Prose (warm magazine) ── */
.prose h2 { font-family: 'Cormorant Garamond', serif; font-size: 1.75rem; color: #1a1a1a; margin: 3rem 0 .75rem; font-weight: 600; }
.prose h3 { font-family: 'Outfit', sans-serif; font-size: 1.1rem; color: #2d5a27; font-weight: 700; margin: 2rem 0 .5rem; text-transform: uppercase; letter-spacing: .04em; font-size: .9rem; }
.prose p { font-family: 'Lora', serif; line-height: 1.9; color: #333; margin-bottom: 1.4rem; font-size: 1.05rem; }
.prose ul, .prose ol { padding-left: 1.5rem; margin-bottom: 1.25rem; }
.prose li { font-family: 'Lora', serif; line-height: 1.8; color: #444; margin-bottom: .4rem; font-size: 1rem; }
.prose table { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: .9rem; }
.prose th { background: #2d5a27; color: #f5e6c8; padding: .65rem 1rem; text-align: left; font-family: 'Outfit', sans-serif; font-weight: 600; font-size: .82rem; }
.prose td { padding: .65rem 1rem; border-bottom: 1px solid #e8dcc8; color: #444; font-family: 'Lora', serif; }
.prose blockquote { border-left: 3px solid #2d5a27; padding: .5rem 0 .5rem 1.5rem; margin: 2.5rem 0; font-family: 'Cormorant Garamond', serif; font-size: 1.3rem; font-style: italic; color: #2d5a27; line-height: 1.5; }
.prose strong { color: #1a1a1a; font-weight: 700; }
.prose hr { border: none; border-top: 2px solid #e8dcc8; margin: 3rem 0; }

/* ── Tags ── */
.article-tags-row { display: flex; flex-wrap: wrap; gap: .5rem; margin: 2rem 0; }
.article-tags-row .tag { background: #f0e6cc; color: #5a4a2a; padding: .3rem .75rem; border-radius: 20px; font-size: .76rem; text-decoration: none; font-weight: 500; }
.article-tags-row .tag:hover { background: #e8dcc8; }

/* ── PDF Box (warm) ── */
.pdf-box { display: flex; align-items: flex-start; gap: 1.25rem; background: #f8f4ee; border: 1px solid #e8dcc8; border-left: 4px solid #2d5a27; border-radius: 6px; padding: 1.5rem; margin: 2.5rem 0; }
.pdf-box-leaf { font-size: 2rem; flex-shrink: 0; line-height: 1; }
.pdf-box-label { font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; color: #2d5a27; font-weight: 700; margin-bottom: .25rem; font-family: 'Outfit', sans-serif; }
.pdf-box-content h4 { font-family: 'Cormorant Garamond', serif; font-size: 1.1rem; color: #1a1a1a; margin-bottom: .4rem; font-weight: 600; }
.pdf-box-content p { font-size: .85rem; color: #666; line-height: 1.6; margin-bottom: .85rem; font-family: 'Outfit', sans-serif; }
.pdf-btn { display: inline-block; background: #2d5a27; color: #f5e6c8; padding: .55rem 1.25rem; border-radius: 4px; text-decoration: none; font-weight: 600; font-size: .83rem; font-family: 'Outfit', sans-serif; }
.pdf-btn:hover { background: #234820; }

/* ── Author Box (warm) ── */
.author-box { display: flex; gap: 1.25rem; background: #faf8f4; border: 1px solid #e8dcc8; border-radius: 8px; padding: 1.5rem; margin: 2rem 0 3rem; }
.author-avatar-wrap { flex-shrink: 0; }
.author-avatar { width: 60px; height: 60px; border-radius: 50%; background: #2d5a27; color: #f5e6c8; font-weight: 700; font-size: 1rem; display: flex; align-items: center; justify-content: center; font-family: 'Outfit', sans-serif; border: 3px solid #e8dcc8; }
.author-label { font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; color: #888; margin-bottom: .2rem; font-family: 'Outfit', sans-serif; }
.author-name { font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; color: #1a1a1a; margin-bottom: .4rem; font-weight: 600; }
.author-bio { font-size: .85rem; color: #555; line-height: 1.65; margin-bottom: .7rem; font-family: 'Outfit', sans-serif; }
.author-tags { display: flex; flex-wrap: wrap; gap: .4rem; }
.author-tags span { background: #e8dcc8; color: #5a4a2a; padding: .2rem .6rem; border-radius: 20px; font-size: .72rem; font-weight: 600; font-family: 'Outfit', sans-serif; }

/* ── Nav logo ── */
.nav-logo-svg { width: 48px; height: 32px; flex-shrink: 0; }
.nav-logo-text { font-family: 'Cormorant Garamond', serif; font-size: 1.1rem; font-weight: 600; color: #1a1a1a; line-height: 1.2; }
.nav-logo-text span { color: #2d5a27; }

@media (max-width: 640px) {
  .article-wrap { padding: 0 1rem; margin: 4rem auto 2rem; }
  .author-box { flex-direction: column; }
  .pdf-box { flex-direction: column; }
}

/* =================== MAGAZINE GRID (BLOG PAGE) =================== */
.magazine-section { max-width: 1200px; margin: 0 auto; padding: 120px 48px 80px; }
.magazine-header { margin-bottom: 56px; }
.magazine-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }
.magazine-grid .post-card:first-child { grid-column: 1 / -1; flex-direction: row; min-height: 380px; }
.magazine-grid .post-card:first-child .card-cover { width: 52%; flex-shrink: 0; height: auto; min-height: 380px; }
.magazine-grid .post-card:first-child .card-cover img { height: 100%; width: 100%; object-fit: cover; }
.magazine-grid .post-card:first-child .card-cover-placeholder { height: 100%; min-height: 380px; }
.magazine-grid .post-card:first-child .card-body { padding: 48px 44px; display: flex; flex-direction: column; justify-content: center; }
.magazine-grid .post-card:first-child .card-title { font-size: 1.8rem; line-height: 1.25; margin-bottom: .75rem; }
.magazine-grid .post-card:first-child .card-excerpt { font-size: .98rem; -webkit-line-clamp: unset; }
.magazine-grid .post-card:first-child .card-read { margin-top: 1.5rem; }
@media (max-width: 900px) {
  .magazine-section { padding: 100px 24px 60px; }
  .magazine-grid { grid-template-columns: 1fr; }
  .magazine-grid .post-card:first-child { flex-direction: column; min-height: auto; }
  .magazine-grid .post-card:first-child .card-cover { width: 100%; height: 260px; min-height: 260px; }
}