/* ============================================================
   THE LAYALI DIARIES — brand stylesheet
   Fonts:  Cormorant Garamond (editorial) · Manrope (UI) · Allura (script)
   Class prefix: .ld-  (keeps the blog isolated from the main site CSS)
   ============================================================ */

:root{
  /* --- colour palette --- */
  --ld-black:    #090807;   /* nav, footer, dark backgrounds        */
  --ld-espresso: #15100E;   /* cards, overlays, article sidebar     */
  --ld-charcoal: #241C19;   /* secondary dark surface               */
  --ld-cream:    #F7F0EA;   /* main blog background                 */
  --ld-ivory:    #FFFDFB;   /* article + card background            */
  --ld-blush:    #D7A39B;   /* buttons, quotes, highlights          */
  --ld-blush-dk: #B97870;   /* links + emphasis                     */
  --ld-rosemist: #ECD8D4;   /* soft CTA cards                       */
  --ld-gold:     #B9915F;   /* dividers, icons, detail              */
  --ld-gold-pl:  #D7BB8A;   /* text accent on dark                  */
  --ld-ink:      #2B211E;   /* main text on cream                   */
  --ld-taupe:    #7B6E68;   /* dates, metadata, captions            */

  /* --- fonts --- */
  --ld-serif:  'Cormorant Garamond', Georgia, serif;
  --ld-ui:     'Manrope', system-ui, sans-serif;
  --ld-script: 'Mr Dafoe', cursive;
}

*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin: 0; background: var(--ld-cream); color: var(--ld-ink);
  font-family: var(--ld-ui); font-weight: 400; font-size: 16px; line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a{ color: inherit; text-decoration: none; }
img{ max-width: 100%; display: block; }
::selection{ background: var(--ld-blush); color: #1a1210; }
.ld-spark{ color: var(--ld-gold); font-style: normal; }

/* keyboard focus + reduced motion (accessibility) */
a:focus-visible, button:focus-visible, input:focus-visible{
  outline: 2px solid var(--ld-gold); outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce){
  *{ transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* ============================================================
   NAV BAR (shared)
   ============================================================ */
.ld-nav{
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding: 18px clamp(20px, 5vw, 64px); background: var(--ld-black);
  position: sticky; top: 0; z-index: 60; border-bottom: 1px solid rgba(185,145,95,0.16);
}
.ld-brand{ display: flex; flex-direction: column; line-height: 1; }
.ld-brand b{ font-family: var(--ld-serif); font-weight: 500; font-size: clamp(20px, 2.4vw, 27px); letter-spacing: 0.2em; color: var(--ld-cream); }
.ld-brand span{ font-family: var(--ld-ui); font-size: 9px; font-weight: 500; letter-spacing: 0.5em; color: var(--ld-gold); margin-top: 6px; padding-left: 4px; }
.ld-navlinks{ display: flex; align-items: center; gap: clamp(16px, 2.4vw, 34px); }
.ld-navlinks a.ld-link{ font-family: var(--ld-ui); font-size: 13px; font-weight: 500; letter-spacing: 0.04em; color: rgba(247,240,234,0.82); transition: color .3s; white-space: nowrap; }
.ld-navlinks a.ld-link:hover{ color: var(--ld-gold-pl); }
.ld-navlinks a.ld-link.is-active{ color: var(--ld-gold-pl); position: relative; }
.ld-navlinks a.ld-link.is-active::after{ content:""; position:absolute; left:0; right:0; bottom:-7px; height:1px; background: var(--ld-gold); }
/* primary + secondary buttons */
.ld-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 50px; padding: 0 30px; background: var(--ld-blush); color: #1a1210;
  font-family: var(--ld-ui); font-weight: 600; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;
  border: 0; border-radius: 8px; cursor: pointer; transition: background .4s, transform .4s;
}
.ld-btn:hover{ background: var(--ld-blush-dk); }
.ld-btn span{ transition: transform .35s; }
.ld-btn:hover span{ transform: translateX(5px); }
.ld-btn-ghost{
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 46px; padding: 0 26px; background: transparent; color: var(--ld-gold-pl);
  font-family: var(--ld-ui); font-weight: 600; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
  border: 1px solid var(--ld-gold); border-radius: 8px; transition: background .4s, color .4s;
}
.ld-btn-ghost:hover{ background: var(--ld-gold); color: var(--ld-black); }
@media (max-width: 820px){
  /* Compact premium header — logo + BOOK on top row, scrollable desktop-style nav
     strip below (no hamburger), matching the main Layali site. */
  .ld-nav{ display: grid !important; grid-template-columns: 1fr auto; row-gap: 8px; align-items: center; padding: 9px 16px 7px; }
  .ld-brand{ grid-column: 1; grid-row: 1; }
  .ld-brand b{ font-size: 21px; }
  .ld-book-nav{ grid-column: 2; grid-row: 1; justify-self: end; display: inline-flex !important; padding: 11px 15px !important; font-size: 9px !important; letter-spacing: 0.16em !important; }
  .ld-navlinks{ grid-column: 1 / -1; grid-row: 2; display: flex !important; overflow-x: auto; white-space: nowrap; flex-wrap: nowrap; gap: 20px; justify-content: flex-start; min-width: 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(90deg,#000 88%,transparent); mask-image: linear-gradient(90deg,#000 88%,transparent); }
  .ld-navlinks::-webkit-scrollbar{ display: none; }
  .ld-navlinks a.ld-link{ display: inline-flex !important; flex: 0 0 auto; font-size: 10.5px; letter-spacing: 0.14em; }
}

/* ============================================================
   HUB — HERO
   ============================================================ */
.ld-hero{
  position: relative; background: var(--ld-black);
  background-image:
    linear-gradient(97deg, var(--ld-black) 0%, var(--ld-black) 28%, rgba(9,8,7,0.78) 46%, rgba(9,8,7,0.32) 66%, rgba(9,8,7,0.12) 100%),
    var(--ld-hero-img, none);
  background-size: cover; background-position: right center; background-repeat: no-repeat;
}
.ld-hero-inner{
  max-width: 1280px; margin: 0 auto; padding: clamp(64px, 9vw, 128px) clamp(20px, 5vw, 64px);
  display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(24px, 4vw, 56px); align-items: center; min-height: 600px;
}
.ld-masthead .ld-the{ font-family: var(--ld-script); font-size: clamp(48px, 6vw, 80px); color: var(--ld-gold-pl); line-height: 0.7; margin-left: 8px; }
.ld-masthead .ld-the img{ display: block; height: clamp(52px, 6.5vw, 90px); width: auto; margin-left: 4px; }
.ld-masthead h1{
  font-family: var(--ld-serif); font-weight: 500; color: var(--ld-cream);
  font-size: clamp(48px, 10vw, 104px); line-height: 0.84; margin: 8px 0 0; letter-spacing: 0.02em;
}
.ld-masthead h1 .ld-l2{ display: block; letter-spacing: 0.06em; }
.ld-flourish{ color: var(--ld-gold); font-size: 14px; letter-spacing: 1em; margin: 26px 0 0; }
.ld-masthead .ld-tag{ font-family: var(--ld-serif); font-style: italic; font-size: clamp(18px, 2vw, 24px); color: rgba(247,240,234,0.82); max-width: 430px; margin: 24px 0 0; line-height: 1.5; }

/* featured post card */
.ld-feature{ background: var(--ld-ivory); border-radius: 10px; overflow: hidden; box-shadow: 0 40px 90px -40px rgba(0,0,0,0.75); max-width: 460px; justify-self: center; }
.ld-feature-img{ aspect-ratio: 16 / 9; background-size: cover; background-position: center; background-color: var(--ld-rosemist); }
.ld-feature-body{ padding: clamp(26px, 3vw, 40px); }
.ld-eyebrow{ font-family: var(--ld-ui); font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ld-blush-dk); display: inline-flex; align-items: center; gap: 14px; }
.ld-eyebrow::after{ content:""; width: 40px; height: 1px; background: rgba(185,120,112,0.5); }
.ld-feature-body h2{ font-family: var(--ld-serif); font-weight: 500; font-size: clamp(30px, 3.4vw, 42px); line-height: 1.02; color: var(--ld-ink); margin: 18px 0 0; }
.ld-feature-sub{ font-family: var(--ld-serif); font-style: italic; font-size: 18px; color: var(--ld-blush-dk); margin: 12px 0 0; }
.ld-feature-teaser{ font-family: var(--ld-ui); font-size: 14px; line-height: 1.7; color: var(--ld-taupe); margin: 14px 0 0; }
.ld-feature .ld-btn{ margin-top: 24px; }

/* ============================================================
   HUB — 3-COLUMN CARD GRID
   ============================================================ */
.ld-grid{
  max-width: 1280px; margin: 0 auto; padding: clamp(48px, 6vw, 96px) clamp(20px, 5vw, 64px);
  display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(24px, 2.4vw, 36px);
}
.ld-card{ background: var(--ld-ivory); border: 1px solid rgba(43,33,30,0.07); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; transition: transform .5s cubic-bezier(.2,.75,.2,1), box-shadow .5s; }
.ld-card:hover{ transform: translateY(-5px); box-shadow: 0 26px 54px -30px rgba(43,33,30,0.4); }
.ld-card-img{ aspect-ratio: 16 / 10; background-size: cover; background-position: center; background-color: var(--ld-rosemist); overflow: hidden; }
.ld-card-img .ld-imgzoom{ width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform .6s cubic-bezier(.2,.75,.2,1); }
.ld-card:hover .ld-imgzoom{ transform: scale(1.035); }
.ld-card-body{ padding: 28px 28px 24px; display: flex; flex-direction: column; flex: 1; }
.ld-cat{ font-family: var(--ld-ui); font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ld-blush-dk); }
.ld-card-body h3{ font-family: var(--ld-serif); font-weight: 500; font-size: clamp(22px, 2.2vw, 28px); line-height: 1.05; color: var(--ld-ink); margin: 12px 0 0; }
.ld-card-foot{ margin-top: auto; padding-top: 18px; display: flex; align-items: center; justify-content: space-between; font-family: var(--ld-ui); font-size: 11.5px; letter-spacing: 0.04em; color: var(--ld-taupe); }
.ld-card-foot svg{ width: 15px; height: 15px; stroke: var(--ld-taupe); fill: none; }
@media (max-width: 960px){ .ld-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px){ .ld-grid{ grid-template-columns: 1fr; } .ld-hero-inner{ grid-template-columns: 1fr; } .ld-feature{ justify-self: stretch; } }

/* (legacy .ld-newsletter block removed — unused; the live footer CTA is .diary-newsletter) */

/* ============================================================
   FOOTER
   ============================================================ */
.ld-foot{ background: var(--ld-black); padding: 44px clamp(20px, 5vw, 64px) 30px; }
.ld-foot-inner{ max-width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 26px 40px; align-items: center; justify-content: space-between; }
.ld-foot .ld-brand b{ color: var(--ld-cream); }
.ld-fcontact{ display: flex; flex-wrap: wrap; gap: 8px 26px; font-family: var(--ld-ui); font-size: 13px; color: rgba(247,240,234,0.66); }
.ld-fcontact a{ color: rgba(247,240,234,0.66); transition: color .3s; }
.ld-fcontact a:hover{ color: var(--ld-gold-pl); }
.ld-socials{ display: flex; gap: 10px; }
.ld-socials a{ width: 34px; height: 34px; border: 1px solid rgba(185,145,95,0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--ld-ui); font-size: 10px; color: rgba(247,240,234,0.7); transition: border-color .3s, color .3s; }
.ld-socials a:hover{ border-color: var(--ld-gold); color: var(--ld-gold-pl); }
.ld-flinks{ display: flex; gap: 22px; font-family: var(--ld-ui); font-size: 12.5px; color: rgba(247,240,234,0.6); }
.ld-flinks a:hover{ color: var(--ld-gold-pl); }
.ld-copy{ width: 100%; margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(185,145,95,0.12); font-family: var(--ld-ui); font-size: 11px; color: rgba(247,240,234,0.4); }

/* ============================================================
   ARTICLE PAGE — hero
   ============================================================ */
.ld-article-hero{ background: var(--ld-espresso); color: var(--ld-cream); text-align: center; padding: clamp(56px, 7vw, 104px) 24px clamp(48px, 6vw, 80px); }
.ld-article-hero .ld-eyebrow{ color: var(--ld-gold-pl); justify-content: center; }
.ld-article-hero .ld-eyebrow::after{ display: none; }
.ld-article-hero h1{ font-family: var(--ld-serif); font-weight: 500; font-size: clamp(42px, 7vw, 86px); line-height: 0.96; max-width: 940px; margin: 18px auto 0; }
.ld-article-sub{ font-family: var(--ld-serif); font-style: italic; font-size: clamp(19px, 2.4vw, 24px); color: rgba(247,240,234,0.82); margin: 20px auto 0; max-width: 640px; }
.ld-postmeta{ font-family: var(--ld-ui); margin-top: 24px; font-size: 11.5px; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(247,240,234,0.55); }

/* ARTICLE PAGE — layout (reading column + sticky sidebar) */
.ld-article-layout{ max-width: 1120px; margin: 0 auto; padding: clamp(48px, 6vw, 88px) clamp(20px, 5vw, 40px); display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(40px, 5vw, 72px); align-items: start; }
.ld-article-body{ max-width: 720px; font-family: var(--ld-serif); font-size: clamp(19px, 1.4vw, 21px); line-height: 1.78; color: var(--ld-ink); }
.ld-article-body p{ margin: 0 0 22px; }
.ld-article-body > p.ld-first::first-letter{ font-family: var(--ld-serif); font-weight: 600; float: left; font-size: 82px; line-height: 0.72; padding: 8px 14px 0 0; color: var(--ld-blush-dk); }
.ld-article-body h2{ font-family: var(--ld-serif); font-weight: 500; font-size: clamp(28px, 3.6vw, 40px); line-height: 1.05; margin: 48px 0 20px; color: var(--ld-ink); }
.ld-article-body h3{ font-family: var(--ld-serif); font-weight: 600; font-size: clamp(22px, 2.6vw, 28px); line-height: 1.15; margin: 34px 0 12px; color: var(--ld-blush-dk); }
.ld-article-body ul{ margin: 0 0 22px; padding-left: 22px; }
.ld-article-body li{ margin: 0 0 9px; }
/* short dramatic single lines */
.ld-article-body p.ld-beat{ font-style: italic; font-weight: 500; font-size: clamp(21px, 2vw, 24px); color: var(--ld-blush-dk); }
/* pull quote */
.ld-article-body blockquote{ margin: 40px 0; padding: 6px 0 6px 30px; border-left: 3px solid var(--ld-gold); font-family: var(--ld-serif); font-style: italic; font-size: clamp(26px, 3vw, 32px); line-height: 1.32; color: var(--ld-ink); }
.ld-rule{ width: 60px; height: 2px; background: var(--ld-gold); border: 0; margin: 44px auto; }
.ld-signoff{ font-family: var(--ld-serif); font-style: italic; font-size: clamp(22px, 2.4vw, 26px); color: var(--ld-blush-dk); text-align: center; margin: 40px 0 0; }

/* ARTICLE PAGE — sticky sidebar */
.ld-sidebar{ position: sticky; top: 96px; display: flex; flex-direction: column; gap: 20px; }
.ld-side-card{ background: var(--ld-espresso); color: var(--ld-cream); border-radius: 10px; padding: 30px; }
.ld-side-card.ld-side-cream{ background: var(--ld-rosemist); color: var(--ld-ink); }
.ld-side-card .ld-eyebrow{ color: var(--ld-gold-pl); }
.ld-side-card.ld-side-cream .ld-eyebrow{ color: var(--ld-blush-dk); }
.ld-side-card h3{ font-family: var(--ld-serif); font-weight: 500; font-size: 26px; line-height: 1.1; margin: 14px 0 0; }
.ld-side-card p{ font-family: var(--ld-ui); font-size: 13.5px; line-height: 1.65; color: rgba(247,240,234,0.72); margin: 12px 0 0; }
.ld-side-card.ld-side-cream p{ color: rgba(43,33,30,0.75); }
.ld-side-card .ld-btn{ margin-top: 20px; width: 100%; }
.ld-side-list{ list-style: none; margin: 16px 0 0; padding: 0; }
.ld-side-list li{ border-top: 1px solid rgba(185,145,95,0.18); }
.ld-side-list li:first-child{ border-top: 0; }
.ld-side-list a{ display: block; padding: 13px 0; font-family: var(--ld-serif); font-size: 18px; line-height: 1.2; color: var(--ld-cream); transition: color .3s; }
.ld-side-list a:hover{ color: var(--ld-gold-pl); }
@media (max-width: 900px){ .ld-article-layout{ grid-template-columns: 1fr; } .ld-sidebar{ position: static; } }

/* ARTICLE PAGE — end CTA + disclaimer */
.ld-cta{ max-width: 720px; margin: 4px auto clamp(40px, 5vw, 64px); padding: clamp(34px, 5vw, 52px); background: var(--ld-rosemist); border-radius: 12px; text-align: center; }
.ld-cta h3{ font-family: var(--ld-serif); font-weight: 500; font-size: clamp(28px, 3vw, 34px); margin: 0; color: var(--ld-ink); }
.ld-cta p{ font-family: var(--ld-ui); margin: 16px 0 0; font-size: 15px; line-height: 1.72; color: rgba(43,33,30,0.78); }
.ld-cta .ld-book-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 50px; margin-top: 26px; padding: 0 40px; background: var(--ld-blush); color: #1a1210; font-family: var(--ld-ui); font-weight: 600; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; border-radius: 8px; transition: background .4s; }
.ld-cta .ld-book-btn:hover{ background: var(--ld-blush-dk); }
.ld-disclaimer{ max-width: 720px; margin: 0 auto clamp(48px, 6vw, 80px); padding: 0 24px; font-family: var(--ld-ui); font-size: 12.5px; font-style: italic; line-height: 1.7; color: var(--ld-taupe); text-align: center; }

/* ARTICLE PAGE — related diaries */
.ld-related{ background: var(--ld-cream); padding: clamp(48px, 6vw, 84px) clamp(20px, 5vw, 64px); border-top: 1px solid rgba(43,33,30,0.08); }
.ld-related-inner{ max-width: 1120px; margin: 0 auto; }
.ld-related-inner > .ld-eyebrow{ color: var(--ld-blush-dk); }
.ld-related-inner h2{ font-family: var(--ld-serif); font-weight: 500; font-size: clamp(30px, 3.4vw, 44px); line-height: 1.02; color: var(--ld-ink); margin: 12px 0 32px; }
.ld-related-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 2.4vw, 32px); }
@media (max-width: 900px){ .ld-related-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px 14px; } }

/* permanent footer banner (Secrets worth keeping candle image) */
.ld-footer-banner{ line-height:0; background: var(--ld-black); }
.ld-footer-banner img{ width:100%; height:auto; display:block; }

/* featured card = frosted glass, no image (practitioner shows through) */
.ld-feature{ background: rgba(20,15,13,0.40); backdrop-filter: blur(16px) saturate(1.05); -webkit-backdrop-filter: blur(16px) saturate(1.05); border: 1px solid rgba(215,187,138,0.22); }
.ld-feature .ld-feature-body h2{ color: var(--ld-cream); }
.ld-feature .ld-feature-sub{ color: var(--ld-gold-pl); }
.ld-feature .ld-feature-teaser{ color: rgba(247,240,234,0.82); }
.ld-feature .ld-eyebrow{ color: var(--ld-gold-pl); }
.ld-feature .ld-eyebrow::after{ background: rgba(215,187,138,0.5); }

/* footer newsletter signup row */
.ld-foot-news{ max-width:1280px; margin:0 auto 24px; padding-bottom:24px; border-bottom:1px solid rgba(185,145,95,0.14); display:flex; flex-wrap:wrap; gap:20px 48px; align-items:center; justify-content:space-between; }
.ld-news-h{ font-family:var(--ld-serif); font-weight:500; font-size:24px; color:var(--ld-cream); }
.ld-news-h em{ font-style:italic; color:var(--ld-gold-pl); }
.ld-news-p{ font-family:var(--ld-ui); font-size:13px; color:rgba(247,240,234,0.6); margin-top:4px; }
.ld-foot-signup{ display:flex; flex-direction:column; }
.ld-foot-form{ display:flex; align-items:stretch; border:1px solid rgba(185,145,95,0.36); border-radius:8px; overflow:hidden; }
.ld-foot-form input{ background:transparent; border:0; padding:14px 18px; color:var(--ld-cream); font-family:var(--ld-ui); font-size:14px; outline:none; min-width:230px; }
.ld-foot-form input::placeholder{ color:rgba(247,240,234,0.45); }
.ld-foot-form button{ border:0; cursor:pointer; padding:14px 26px; background:var(--ld-blush); color:#1a1210; font-family:var(--ld-ui); font-weight:600; font-size:11px; letter-spacing:0.16em; text-transform:uppercase; transition:background .4s; }
.ld-foot-form button:hover{ background:var(--ld-blush-dk); }
.ld-news-msg{ font-size:12px; color:var(--ld-gold-pl); margin-top:8px; min-height:14px; }
@media (max-width:600px){ .ld-foot-form{ flex-direction:column; } }

/* compact footer: cap banner height, tighten spacing */
.ld-footer-banner{ height: clamp(180px, 19vw, 290px); overflow: hidden; }
.ld-footer-banner img{ width:100%; height:100%; object-fit:cover; object-position:center; }
.ld-foot{ padding-top:32px; padding-bottom:28px; }
.ld-foot-news{ margin-bottom:20px; padding-bottom:20px; }

/* footer v2: tighter + centred newsletter (form no longer under the image) */
.ld-footer-banner{ height: clamp(150px, 15vw, 240px); }
.ld-foot{ padding-top: 22px; padding-bottom: 24px; }
.ld-foot-news{ flex-direction: column; align-items: center; text-align: center; gap: 12px; margin-bottom: 16px; padding-bottom: 18px; }
.ld-foot-signup{ align-items: center; }
.ld-news-h{ font-size: 22px; }
.ld-foot-inner{ gap: 18px 40px; }

/* footer v3: newsletter overlaid in the banner's empty middle */
.ld-footer-banner{ position: relative; height: auto; min-height: clamp(300px, 30vw, 440px); overflow: hidden;
  background: #090807 url('../img/diaries-footer.jpg') center/cover no-repeat;
  display: flex; align-items: center; justify-content: center; padding: 40px 24px; }
.ld-banner-form{ text-align: center; max-width: 430px; width: 100%; }
.ld-banner-form .ld-news-h{ font-family: var(--ld-serif); font-weight: 500; font-size: clamp(22px, 2.6vw, 30px); color: var(--ld-cream); }
.ld-banner-form .ld-news-h em{ font-style: italic; color: var(--ld-gold-pl); }
.ld-banner-form .ld-news-p{ font-family: var(--ld-ui); font-size: 13px; color: rgba(247,240,234,0.75); margin-top: 6px; }
.ld-banner-form .ld-foot-form{ margin: 18px auto 0; display: inline-flex; background: rgba(9,8,7,0.35); backdrop-filter: blur(4px); }
.ld-banner-form .ld-news-msg{ display: block; margin-top: 8px; color: var(--ld-gold-pl); }
.ld-foot{ padding-top: 26px; padding-bottom: 26px; }

/* GLOBAL NAV — matched to the home page menu */
.ld-brand b{ font-family: 'Bodoni Moda', serif; font-weight: 400; font-size: 27px; letter-spacing: 0.22em; color: #F6F0E7; line-height: 1; }
.ld-brand span{ font-family: var(--ld-ui); font-size: 10px; font-weight: 500; letter-spacing: 0.44em; color: #C7A46A; margin-top: 4px; padding-left: 0; }
.ld-navlinks a.ld-link{ text-transform: uppercase; font-size: 12px; font-weight: 500; letter-spacing: 0.16em; color: #EDE3D6; }
.ld-navlinks a.ld-link:hover{ color: #C7A46A; }
.ld-navlinks a.ld-link.is-active{ color: #C7A46A; }
.ld-navlinks a.ld-link.is-active::after{ background: #C7A46A; }
.ld-book-nav{ flex:0 0 auto; white-space:nowrap; padding:15px 24px; background:#6B2436; color:#F6F0E7; font-family:var(--ld-ui); font-size:11px; letter-spacing:0.2em; text-transform:uppercase; transition:background .45s,color .45s; }
.ld-book-nav:hover{ background:#C7A46A; color:#1B1310; }

/* branded article hero banner + SEO-hidden h1 */
.ld-hero-banner{ line-height:0; background:var(--ld-espresso); }
.ld-hero-banner img{ width:100%; height:auto; display:block; }
.ld-hero-meta{ text-align:center; padding:22px 24px 0; }
.ld-sr-only{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ld-hero-meta span{ font-family:var(--ld-ui); font-size:11px; letter-spacing:0.22em; text-transform:uppercase; color:var(--ld-taupe); }

/* image-forward square tile cards */
.ld-card.ld-tile{ position:relative; aspect-ratio:1/1; background-size:cover; background-position:center; border-radius:10px; overflow:hidden; display:block; box-shadow:none; }
.ld-card.ld-tile:hover{ transform:translateY(-5px); box-shadow:0 26px 54px -30px rgba(43,33,30,0.5); }
.ld-tile > .ld-tile-date{ position:absolute; bottom:0; left:0; right:0; padding:16px 18px; font-family:var(--ld-ui); font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(255,255,255,0.9); background:linear-gradient(transparent, rgba(9,8,7,0.55)); }
.ld-tile-text .ld-tile-overlay{ position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:26px; background:linear-gradient(transparent 34%, rgba(9,8,7,0.9)); }
.ld-tile-text .ld-cat{ font-family:var(--ld-ui); font-size:11px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:var(--ld-gold-pl); }
.ld-tile-text h3{ font-family:var(--ld-serif); font-weight:500; font-size:clamp(22px,2.2vw,28px); line-height:1.06; color:#fff; margin:10px 0 0; }
.ld-tile-text .ld-tile-date{ position:static; padding:12px 0 0; background:none; color:rgba(255,255,255,0.72); letter-spacing:0.1em; }

/* ===== premium diaries grid (framed gallery) ===== */
.ld-grid-head{ max-width:1280px; margin:0 auto; padding:clamp(52px,6vw,84px) clamp(20px,5vw,64px) 0; text-align:center; }
.ld-grid-eyebrow{ font-family:var(--ld-ui); font-size:11px; font-weight:600; letter-spacing:0.34em; text-transform:uppercase; color:var(--ld-blush-dk); }
.ld-grid-sub{ display:block; font-family:var(--ld-serif); font-style:italic; font-size:clamp(20px,2.4vw,28px); color:var(--ld-ink); margin-top:10px; }
.ld-grid{ gap:clamp(28px,3vw,46px); padding-top:clamp(34px,4vw,52px); }
.ld-card.ld-tile{ position:relative; display:block; background:none; border:0; border-radius:0; box-shadow:none; overflow:visible; }
.ld-card.ld-tile:hover{ transform:none; box-shadow:none; }
.ld-tile-frame{ position:relative; aspect-ratio:1/1; overflow:hidden; border-radius:8px; box-shadow:0 18px 50px -30px rgba(43,33,30,0.42); transition:box-shadow .6s, transform .6s cubic-bezier(.2,.75,.2,1); }
.ld-card.ld-tile:hover .ld-tile-frame{ transform:translateY(-6px); box-shadow:0 36px 72px -32px rgba(43,33,30,0.5); }
.ld-tile-frame::after{ content:""; position:absolute; inset:0; border-radius:8px; border:1px solid rgba(185,145,95,0); transition:border-color .55s; pointer-events:none; }
.ld-card.ld-tile:hover .ld-tile-frame::after{ border-color:rgba(185,145,95,0.6); }
.ld-tile-img2{ width:100%; height:100%; background-size:cover; background-position:center; transition:transform 1s cubic-bezier(.2,.75,.2,1); }
.ld-card.ld-tile:hover .ld-tile-img2{ transform:scale(1.045); }
.ld-tile-cap{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 4px 0; }
.ld-tc-date{ font-family:var(--ld-ui); font-size:11px; letter-spacing:0.2em; text-transform:uppercase; color:var(--ld-taupe); }
.ld-tc-read{ font-family:var(--ld-ui); font-size:11px; font-weight:600; letter-spacing:0.16em; text-transform:uppercase; color:var(--ld-blush-dk); opacity:0; transform:translateX(-6px); transition:opacity .45s, transform .45s; }
.ld-card.ld-tile:hover .ld-tc-read{ opacity:1; transform:none; }

/* ===== Inner Circle newsletter (redesigned footer CTA) ===== */
.diary-newsletter{ position:relative; min-height:430px; overflow:hidden; color:#f8f1e9;
  background-image:
    linear-gradient(90deg, rgba(7,5,4,0.97) 0%, rgba(8,6,5,0.93) 42%, rgba(8,6,5,0.60) 66%, rgba(8,6,5,0.18) 100%),
    url("../img/diaries-footer.jpg");
  background-size:cover; background-position:center right; }
.diary-newsletter__inner{ position:relative; z-index:2; width:min(1240px, calc(100% - 80px)); min-height:430px; margin:0 auto;
  display:grid; grid-template-columns:0.9fr 1.1fr; gap:clamp(60px,7vw,120px); align-items:center; padding:56px 0; }
.diary-newsletter__intro{ max-width:520px; }
.diary-script img{ display:block; height:clamp(52px,5vw,80px); width:auto; }
.diary-gold-rule{ width:160px; height:1px; margin:30px 0 24px; background:linear-gradient(90deg,#b98a5a,rgba(185,138,90,0.1)); }
.diary-newsletter__intro p{ margin:0; font-family:'Cormorant Garamond',serif; font-size:20px; line-height:1.55; color:rgba(248,241,233,0.78); }
.diary-newsletter__signup{ max-width:560px; padding:44px 46px; background:rgba(12,9,8,0.72); border:1px solid rgba(194,151,95,0.28); border-radius:2px; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.diary-eyebrow{ display:block; margin-bottom:14px; font-family:'Manrope',sans-serif; font-size:11px; font-weight:600; letter-spacing:0.24em; text-transform:uppercase; color:#ba9562; }
.diary-newsletter__signup h2{ margin:0 0 12px; font-family:'Cormorant Garamond',serif; font-size:clamp(38px,4vw,52px); font-weight:400; line-height:1; color:#f8f1e9; }
.diary-newsletter__signup > p{ max-width:440px; margin:0 0 26px; font-family:'Cormorant Garamond',serif; font-size:18px; line-height:1.5; color:rgba(248,241,233,0.68); }
.diary-newsletter__form{ display:grid; grid-template-columns:1fr auto; min-height:58px; border:1px solid rgba(185,138,90,0.42); }
.diary-newsletter__form input{ min-width:0; padding:0 20px; background:rgba(0,0,0,0.38); border:0; outline:0; font-family:'Manrope',sans-serif; font-size:14px; color:#fff; }
.diary-newsletter__form input::placeholder{ color:rgba(255,255,255,0.43); }
.diary-newsletter__form button{ padding:0 28px; border:0; background:#d6a39a; color:#1a1210; font-family:'Manrope',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; cursor:pointer; transition:background .25s ease; display:inline-flex; align-items:center; gap:8px; }
.diary-newsletter__form button:hover{ background:#c69a61; }
.diary-newsletter__signup small{ display:block; margin-top:12px; font-family:'Manrope',sans-serif; font-size:10px; letter-spacing:0.04em; color:rgba(255,255,255,0.42); }
@media (max-width:800px){
  .diary-newsletter{ background-position:70% center; }
  .diary-newsletter__inner{ width:min(100% - 36px, 600px); grid-template-columns:1fr; gap:35px; padding:60px 0; }
  .diary-newsletter__signup{ padding:32px 26px; }
  .diary-newsletter__form{ grid-template-columns:1fr; gap:10px; border:0; }
  .diary-newsletter__form input{ min-height:54px; border:1px solid rgba(185,138,90,0.42); }
  .diary-newsletter__form button{ min-height:52px; justify-content:center; }
}
/* footer: more breathing room + brighter contact */
.ld-foot{ padding-top:40px !important; padding-bottom:40px !important; }
.ld-fcontact, .ld-fcontact a{ color:rgba(247,240,234,0.86) !important; }

/* ===== Inner Circle v2: full image shown, small centred card ===== */
.diary-newsletter{ background-image:url("../img/diaries-footer.jpg"); background-size:cover; background-position:center; min-height:clamp(460px,34vw,620px); display:flex; align-items:center; justify-content:center; padding:40px 24px; }
.diary-newsletter__card{ width:min(400px,92%); padding:34px 32px; background:rgba(10,8,7,0.52); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border:1px solid rgba(194,151,95,0.30); border-radius:3px; text-align:center; }
.diary-newsletter__card .diary-eyebrow{ color:#ba9562; margin-bottom:12px; }
.diary-newsletter__card h2{ font-family:'Cormorant Garamond',serif; font-weight:400; font-size:clamp(30px,3vw,40px); line-height:1.02; color:#f8f1e9; margin:6px 0 12px; }
.diary-newsletter__card > p{ font-family:'Cormorant Garamond',serif; font-size:16px; line-height:1.5; color:rgba(248,241,233,0.72); margin:0 auto 22px; max-width:320px; }
.diary-newsletter__card .diary-newsletter__form{ display:grid; grid-template-columns:1fr auto; min-height:52px; border:1px solid rgba(185,138,90,0.45); }
.diary-newsletter__card small{ display:block; margin-top:12px; font-family:'Manrope',sans-serif; font-size:10px; letter-spacing:0.04em; color:rgba(255,255,255,0.45); }
@media (max-width:800px){
  .diary-newsletter{ background-position:70% center; }
  .diary-newsletter__card{ background:rgba(10,8,7,0.74); }
  .diary-newsletter__card .diary-newsletter__form{ grid-template-columns:1fr; gap:8px; border:0; }
  .diary-newsletter__card input{ border:1px solid rgba(185,138,90,0.45); min-height:50px; }
  .diary-newsletter__card button{ min-height:48px; justify-content:center; }
}

/* ===== Inner Circle v3: narrow compact card, lower-left below the script ===== */
.diary-newsletter{ position:relative; display:block; min-height:clamp(500px,38vw,680px); padding:0; align-items:initial; justify-content:initial; }
.diary-newsletter__card{ position:absolute; left:clamp(20px,5vw,80px); bottom:clamp(36px,6vw,66px); width:min(300px,84%); padding:26px 26px; text-align:left; background:rgba(10,8,7,0.55); }
.diary-newsletter__card .diary-eyebrow{ margin-bottom:10px; }
.diary-newsletter__card h2{ font-size:clamp(25px,2.4vw,32px); margin:4px 0 16px; }
.diary-newsletter__card .diary-newsletter__form{ display:grid; grid-template-columns:1fr; gap:8px; border:0; min-height:auto; }
.diary-newsletter__card .diary-newsletter__form input{ border:1px solid rgba(185,138,90,0.45); min-height:46px; background:rgba(0,0,0,0.4); }
.diary-newsletter__card .diary-newsletter__form button{ min-height:44px; justify-content:center; }
.diary-newsletter__card small{ margin-top:11px; }
@media (max-width:800px){
  .diary-newsletter{ min-height:clamp(440px,80vw,560px); background-position:72% center; }
  .diary-newsletter__card{ position:static; margin:0 auto; left:auto; bottom:auto; width:min(340px,90%); background:rgba(10,8,7,0.75); text-align:center; }
  .diary-newsletter{ display:flex; align-items:center; justify-content:center; padding:48px 24px; }
}

/* ===== Inner Circle v4: full uncovered image banner + slim signup band below ===== */
.diary-banner{ background:#0b0908 url("../img/diaries-footer.jpg") center/cover no-repeat; min-height:clamp(320px,29vw,500px); }
.diary-signup{ background:#0b0908; padding:clamp(46px,5vw,68px) 24px; text-align:center; }
.diary-signup__inner{ max-width:520px; margin:0 auto; }
.diary-signup .diary-eyebrow{ color:#ba9562; display:block; }
.diary-signup h2{ font-family:'Cormorant Garamond',serif; font-weight:400; font-size:clamp(32px,3.4vw,46px); color:#f8f1e9; margin:10px 0 12px; line-height:1.0; }
.diary-signup__inner p{ font-family:'Cormorant Garamond',serif; font-size:17px; line-height:1.5; color:rgba(248,241,233,0.7); margin:0 auto 24px; max-width:420px; }
.diary-signup .diary-newsletter__form{ display:grid; grid-template-columns:1fr auto; max-width:440px; margin:0 auto; min-height:56px; border:1px solid rgba(185,138,90,0.45); }
.diary-signup small{ display:block; margin-top:13px; font-family:'Manrope',sans-serif; font-size:10px; letter-spacing:0.04em; color:rgba(255,255,255,0.42); }
@media(max-width:600px){
  .diary-signup .diary-newsletter__form{ grid-template-columns:1fr; gap:8px; border:0; }
  .diary-signup .diary-newsletter__form input{ border:1px solid rgba(185,138,90,0.45); min-height:50px; }
  .diary-signup .diary-newsletter__form button{ min-height:48px; justify-content:center; }
}

/* ===== Inner Circle v5: signup left-aligned under the "Secrets worth keeping" script ===== */
.diary-signup{ text-align:left; padding-left:clamp(28px,7vw,120px); }
.diary-signup__inner{ margin:0; max-width:470px; }
.diary-signup__inner p{ margin:0 0 24px; max-width:420px; }
.diary-signup .diary-newsletter__form{ margin:0; }
@media(max-width:600px){ .diary-signup{ padding-left:24px; padding-right:24px; } }

/* ===== Inner Circle v6: tighten the black space ===== */
.diary-banner{ min-height:clamp(280px,24vw,420px); }
.diary-signup{ padding-top:clamp(24px,3vw,38px) !important; padding-bottom:clamp(26px,3vw,40px) !important; }
.diary-signup .diary-eyebrow{ margin-bottom:6px; }
.diary-signup h2{ margin:4px 0 8px; }
.diary-signup__inner p{ margin:0 0 16px; }
.diary-signup small{ margin-top:9px; }

/* ===== Inner Circle v7: on-image, right of the gold line, in line with the script ===== */
.diary-newsletter{ position:relative; background:#0b0908 url("../img/diaries-footer.jpg") center/cover no-repeat; min-height:clamp(440px,34vw,600px); display:flex; align-items:center; padding:40px clamp(24px,4vw,60px) 40px clamp(24px,44%,900px); }
.diary-newsletter__card{ width:min(320px,90%); text-align:left; background:none; border:0; padding:0; backdrop-filter:none; -webkit-backdrop-filter:none; }
.diary-newsletter__card .diary-eyebrow{ color:#ba9562; margin-bottom:8px; }
.diary-newsletter__card h2{ font-family:'Cormorant Garamond',serif; font-weight:400; font-size:clamp(28px,2.8vw,38px); color:#f8f1e9; margin:4px 0 10px; line-height:1.02; }
.diary-newsletter__card > p{ font-family:'Cormorant Garamond',serif; font-size:15px; line-height:1.5; color:rgba(248,241,233,0.78); margin:0 0 16px; max-width:300px; }
.diary-newsletter__card .diary-newsletter__form{ display:grid; grid-template-columns:1fr; gap:8px; border:0; max-width:300px; min-height:auto; }
.diary-newsletter__card .diary-newsletter__form input{ border:1px solid rgba(185,138,90,0.5); background:rgba(0,0,0,0.5); min-height:46px; }
.diary-newsletter__card .diary-newsletter__form button{ min-height:44px; justify-content:center; }
.diary-newsletter__card small{ margin-top:10px; }
@media(max-width:800px){
  .diary-newsletter{ padding:56px 24px; justify-content:center; background-position:72% center; min-height:clamp(420px,80vw,540px); }
  .diary-newsletter__card{ background:rgba(10,8,7,0.74); padding:26px; text-align:center; margin:0 auto; width:min(340px,92%); }
  .diary-newsletter__card > p{ margin-left:auto; margin-right:auto; }
}

/* ===== Inner Circle v8: force signup into right column, past the gold line ===== */
.diary-newsletter{ display:grid !important; grid-template-columns:minmax(0,48%) minmax(0,1fr) !important; align-items:center; padding:40px clamp(24px,4vw,56px) !important; }
.diary-newsletter__card{ grid-column:2 !important; width:auto !important; max-width:340px; margin:0 !important; }
@media(max-width:800px){
  .diary-newsletter{ grid-template-columns:1fr !important; padding:56px 24px !important; }
  .diary-newsletter__card{ grid-column:1 !important; max-width:340px; margin:0 auto !important; }
}

/* ===== Inner Circle v9: nudge left (closer to the line) + up ===== */
.diary-newsletter{ grid-template-columns:minmax(0,42%) minmax(0,1fr) !important; }
.diary-newsletter__card{ transform:translateY(-26px); }
@media(max-width:800px){ .diary-newsletter__card{ transform:none; } }

/* ===== Inner Circle v10: more up + tighten spacing ===== */
.diary-newsletter__card{ transform:translateY(-54px); }
.diary-newsletter__card .diary-eyebrow{ margin-bottom:4px; }
.diary-newsletter__card h2{ margin:2px 0 6px; line-height:1.0; }
.diary-newsletter__card > p{ margin:0 0 13px; }
.diary-newsletter__card .diary-newsletter__form{ gap:7px; }
.diary-newsletter__card small{ margin-top:8px; }
@media(max-width:800px){ .diary-newsletter__card{ transform:none; } }

/* ===== tighten the contact footer (less padding) ===== */
.ld-foot{ padding-top:24px !important; padding-bottom:20px !important; }
.ld-copy{ margin-top:14px; padding-top:14px; }

/* ===== footer tighter still ===== */
.ld-foot{ padding-top:16px !important; padding-bottom:14px !important; }
.ld-copy{ margin-top:10px; padding-top:10px; font-size:10.5px; }
.ld-foot-inner{ gap:12px 40px !important; }

/* ===== footer: halve it ===== */
.ld-foot{ padding-top:8px !important; padding-bottom:6px !important; }
.ld-copy{ margin-top:6px; padding-top:6px; }
.ld-foot .ld-brand b{ font-size:22px; }
.ld-foot-inner{ gap:8px 40px !important; }

/* ===== The Journal — editorial magazine layout (alternating rows) ===== */
.ld-journal{ max-width:1140px; margin:0 auto; padding:clamp(36px,4vw,60px) clamp(20px,5vw,44px) clamp(64px,7vw,104px); display:flex; flex-direction:column; gap:clamp(52px,6.5vw,96px); }
.ld-story{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,4vw,68px); align-items:center; }
.ld-story:nth-child(even) .ld-story-img{ order:2; }
.ld-story-img{ display:block; aspect-ratio:1/1; border-radius:6px; overflow:hidden; box-shadow:0 26px 64px -36px rgba(43,33,30,0.42); }
.ld-story-img > div{ width:100%; height:100%; background-size:cover; background-position:center; transition:transform 1.1s cubic-bezier(.2,.75,.2,1); }
.ld-story:hover .ld-story-img > div{ transform:scale(1.04); }
.ld-story-text{ max-width:460px; }
.ld-story-text .ld-cat{ font-family:var(--ld-ui); font-size:11px; font-weight:600; letter-spacing:0.24em; text-transform:uppercase; color:var(--ld-blush-dk); }
.ld-story-text h3{ font-family:var(--ld-serif); font-weight:500; font-size:clamp(30px,3.3vw,46px); line-height:1.05; margin:14px 0 0; }
.ld-story-text h3 a{ color:var(--ld-ink); transition:color .35s; }
.ld-story-text h3 a:hover{ color:var(--ld-blush-dk); }
.ld-excerpt{ font-family:var(--ld-serif); font-size:clamp(17px,1.5vw,20px); line-height:1.55; color:rgba(43,33,30,0.74); margin:16px 0 0; }
.ld-story-meta{ font-family:var(--ld-ui); font-size:11px; letter-spacing:0.2em; text-transform:uppercase; color:var(--ld-taupe); margin-top:20px; }
.ld-story-read{ display:inline-block; margin-top:14px; font-family:var(--ld-ui); font-size:11.5px; font-weight:600; letter-spacing:0.16em; text-transform:uppercase; color:var(--ld-blush-dk); transition:color .35s; }
.ld-story-read:hover{ color:var(--ld-gold); }
/* lead story slightly larger for hierarchy */
.ld-story:first-child h3{ font-size:clamp(34px,4vw,54px); }
/* (obsolete single-column journal rule removed — the 2-column mini-magazine grid
   below is the single source of truth for the mobile Journal layout) */

/* ============================================================
   LUXURY ARTICLE — single column, refined rhythm, fewer boxes
   ============================================================ */
.ld-article-layout{ grid-template-columns:1fr !important; max-width:1120px; }
.ld-sidebar{ display:none !important; }
.ld-article-body{ max-width:700px; margin:0 auto; font-size:clamp(19px,1.35vw,21px); line-height:1.74; }
.ld-article-body p{ margin:0 0 14px; }
.ld-article-body p.ld-beat{ margin:20px 0; font-size:clamp(21px,2vw,25px); }
.ld-article-body h2{ margin:54px 0 18px; }
/* centred pull-quote with gold rules (editorial) */
.ld-article-body blockquote{ margin:50px 0; padding:0; border:0; text-align:center; font-size:clamp(26px,3vw,34px); line-height:1.34; color:var(--ld-ink); }
.ld-article-body blockquote::before,.ld-article-body blockquote::after{ content:""; display:block; width:44px; height:1px; background:var(--ld-gold); margin:0 auto; }
.ld-article-body blockquote::before{ margin-bottom:24px; } .ld-article-body blockquote::after{ margin-top:24px; }

/* CTA — elegant end-note, not a heavy pink block */
.ld-cta{ background:transparent !important; border:0 !important; border-top:1px solid rgba(185,145,95,0.45) !important; border-bottom:1px solid rgba(185,145,95,0.45) !important; border-radius:0 !important; padding:clamp(40px,4.5vw,58px) 24px !important; max-width:700px; margin-left:auto !important; margin-right:auto !important; }
.ld-cta h3{ font-size:clamp(28px,3vw,38px); }
.ld-cta .ld-book-btn{ background:transparent; border:1px solid var(--ld-blush-dk); color:var(--ld-ink); }
.ld-cta .ld-book-btn:hover{ background:var(--ld-blush-dk); color:#fff; }

/* Related — clean editorial cards (no heavy card chrome) */
.ld-related .ld-card{ background:none !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; display:block !important; }
.ld-related .ld-card:hover{ transform:translateY(-4px); box-shadow:none !important; }
.ld-related .ld-card-img{ border-radius:6px; overflow:hidden; box-shadow:0 22px 52px -32px rgba(43,33,30,0.4); aspect-ratio:4/3; }
.ld-related .ld-card-body{ padding:16px 2px 0 !important; }
.ld-related .ld-card-body h3{ font-size:22px; }
.ld-related .ld-card-foot svg{ display:none; }

/* ===== faint Layali mandala watermark in the empty article margins ===== */
.ld-article-layout{ position:relative; }
.ld-article-layout::before, .ld-article-layout::after{
  content:""; position:absolute; width:clamp(300px,32vw,460px); aspect-ratio:1/1;
  background:url('../assets/layali-logo-mark.jpg') center/contain no-repeat;
  opacity:0.05; mix-blend-mode:multiply; pointer-events:none; z-index:0;
}
.ld-article-layout::before{ top:10px; right:0; }
.ld-article-layout::after{ bottom:160px; left:0; }
.ld-article-body{ position:relative; z-index:1; }
@media(max-width:1024px){ .ld-article-layout::before, .ld-article-layout::after{ display:none; } }

/* ===== fixed, centred mandala watermark (stays put on scroll) ===== */
.ld-article-layout::after{ display:none !important; }
.ld-article-layout::before{
  position:fixed !important; top:50% !important; left:50% !important; right:auto !important; bottom:auto !important;
  transform:translate(-50%,-50%);
  width:min(62vw,640px) !important; height:min(62vw,640px) !important; aspect-ratio:auto !important;
  opacity:0.045 !important; mix-blend-mode:multiply;
}
@media(max-width:1024px){ .ld-article-layout::before{ display:block !important; width:80vw !important; height:80vw !important; opacity:0.04 !important; } }

/* ===== warmer accent colour in article text (exciting yet premium) ===== */
.ld-article-body h2{ color:#A85D5A; }
.ld-article-body h3{ color:#A85D5A; }
.ld-article-body blockquote{ color:#A85D5A; }
.ld-article-body p.ld-beat{ color:#A85D5A; }
.ld-signoff{ color:#A85D5A; }
.ld-article-body > p.ld-first::first-letter{ color:#B08D57; }   /* gold drop cap */
.ld-article-body blockquote::before,.ld-article-body blockquote::after{ background:var(--ld-gold); }

/* ===== contact list under "Secrets worth keeping" (icons, vertical) ===== */
.diary-contact{ grid-column:1; align-self:end; justify-self:start; padding:0 0 clamp(28px,5vw,56px) clamp(4px,2vw,24px); max-width:430px; }
.diary-contact ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.diary-contact li{ display:flex; align-items:center; gap:12px; font-family:'Manrope',sans-serif; font-size:13.5px; line-height:1.4; color:rgba(247,240,234,0.84); }
.diary-contact li svg{ width:17px; height:17px; color:#ba9562; flex:0 0 auto; }
.diary-contact a{ color:rgba(247,240,234,0.84); transition:color .3s; }
.diary-contact a:hover{ color:#d7bb8a; }
.diary-contact-social{ display:flex; gap:12px; margin-top:20px; }
.diary-contact-social a{ width:36px; height:36px; border:1px solid rgba(194,151,95,0.35); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#ba9562; transition:border-color .3s, color .3s; }
.diary-contact-social a svg{ width:17px; height:17px; }
.diary-contact-social a:hover{ border-color:#d7bb8a; color:#d7bb8a; }
.diary-contact-links{ margin-top:16px; font-family:'Manrope',sans-serif; font-size:11.5px; letter-spacing:0.05em; color:rgba(247,240,234,0.6); display:flex; gap:9px; align-items:center; }
.diary-contact-links a{ color:rgba(247,240,234,0.7); } .diary-contact-links a:hover{ color:#d7bb8a; }
.diary-contact-links span{ opacity:0.5; }
/* slim copyright bar */
.ld-foot{ padding:14px clamp(20px,5vw,64px) !important; text-align:center; }
.ld-foot .ld-copy{ margin:0 !important; padding:0 !important; border:0 !important; }
@media(max-width:800px){ .diary-contact{ grid-column:1; justify-self:center; text-align:center; padding-bottom:8px; } .diary-contact li{ justify-content:center; } .diary-contact-social{ justify-content:center; } .diary-contact-links{ justify-content:center; } }

/* bring the contact list down so it clears the script */
.diary-contact{ padding-bottom:clamp(10px,1.4vw,16px) !important; }
.diary-newsletter{ min-height:clamp(500px,37vw,660px) !important; }

/* ===== show full banner image (no zoom) + contact lower ===== */
.diary-newsletter{ min-height:0 !important; aspect-ratio:2000 / 667; background-position:center !important; }
.diary-contact{ align-self:end !important; padding-bottom:clamp(28px,3.4vw,52px) !important; }
@media(max-width:900px){ .diary-newsletter{ aspect-ratio:auto; min-height:auto !important; } }

/* contact list: drop it lower (less bottom padding = lower) */
.diary-contact{ padding-bottom:clamp(14px,1.8vw,22px) !important; }

/* drop contact ~2 lines below the gold line (compact + lower, keeps full image) */
.diary-contact{ padding-bottom:clamp(6px,0.8vw,12px) !important; }
.diary-contact ul{ gap:8px !important; }
.diary-contact-social{ margin-top:12px !important; }
.diary-contact-social a{ width:32px !important; height:32px !important; }
.diary-contact-social a svg{ width:15px !important; height:15px !important; }
.diary-contact-links{ margin-top:9px !important; }

/* ===== Mobile layer (single source of truth for Diaries mobile) ===== */
@media (max-width: 760px){
  html, body{ overflow-x:hidden; max-width:100vw; }
  img{ max-width:100%; height:auto; }
  .ld-hero, .ld-article, .ld-related, .diary-newsletter{ padding-left:max(20px, env(safe-area-inset-left)); padding-right:max(20px, env(safe-area-inset-right)); }

  /* Blog cards — KEEP A GRID: 2-column mini-magazine (image on top, text below),
     instead of the desktop editorial rows collapsing into one long list */
  .ld-journal{ display:grid !important; grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:28px 14px !important; max-width:none; padding:26px 18px 56px !important; }
  .ld-story{ display:flex !important; flex-direction:column !important; gap:0 !important; align-items:stretch !important; }
  .ld-story:nth-child(even) .ld-story-img{ order:0 !important; }
  .ld-story-img{ aspect-ratio:4/5 !important; border-radius:5px; }
  .ld-story-text{ max-width:none !important; }
  .ld-story-text .ld-cat{ display:block; font-size:9px; letter-spacing:0.16em; margin-top:12px; }
  .ld-story-text h3, .ld-story:first-child h3{ font-size:16px !important; line-height:1.16; margin-top:7px; }
  .ld-excerpt{ font-size:12.5px; line-height:1.45; margin-top:7px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .ld-story-meta{ font-size:9px; letter-spacing:0.13em; margin-top:9px; }
  .ld-story-read{ font-size:10px; margin-top:8px; }
  .ld-grid-head{ padding-left:18px; padding-right:18px; }
}

/* ============================================================
   DIARIES FOOTER — clean, authoritative MOBILE layout
   (single source of truth; overrides the accumulated newsletter cascade above)
   ============================================================ */
@media (max-width: 760px){
  .diary-newsletter{
    position: relative !important;
    display: flex !important; flex-direction: column !important;
    align-items: stretch !important; justify-content: flex-start !important;
    grid-template-columns: none !important;
    aspect-ratio: auto !important; min-height: 0 !important;
    padding: 0 !important; transform: none !important; gap: 0 !important;
    background: #0b0908 url("../img/diaries-footer.jpg") center/cover no-repeat !important;
  }
  .diary-newsletter::before{
    content:""; position:absolute; inset:0; z-index:0;
    background: linear-gradient(180deg, rgba(9,8,7,0.80) 0%, rgba(9,8,7,0.90) 58%, rgba(9,8,7,0.96) 100%);
  }
  .diary-newsletter > *{ position: relative; z-index: 1; }

  /* Newsletter CTA first, centred */
  .diary-newsletter__card{
    order: 1; position: static !important; transform: none !important;
    grid-column: auto !important; width: auto !important; max-width: none !important; margin: 0 !important;
    background: none !important; border: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    text-align: center !important; padding: 42px 22px 30px !important;
  }
  .diary-newsletter__card .diary-eyebrow{ margin-bottom: 8px !important; }
  .diary-newsletter__card h2{ font-size: 30px !important; line-height: 1.02 !important; margin: 2px 0 12px !important; }
  .diary-newsletter__card > p{ font-size: 15px !important; line-height: 1.55 !important; max-width: 300px !important; margin: 0 auto 20px !important; }
  .diary-newsletter__card .diary-newsletter__form{ display: grid !important; grid-template-columns: 1fr !important; gap: 9px !important; max-width: 320px !important; margin: 0 auto !important; border: 0 !important; min-height: auto !important; }
  .diary-newsletter__card input{ border: 1px solid rgba(185,138,90,0.5) !important; background: rgba(0,0,0,0.5) !important; min-height: 50px !important; border-radius: 3px !important; }
  .diary-newsletter__card button{ min-height: 48px !important; justify-content: center !important; border-radius: 3px !important; }
  .diary-newsletter__card small{ margin-top: 12px !important; }

  /* Contact block below, centred, with a divider above it */
  .diary-contact{
    order: 2; grid-column: auto !important; align-self: auto !important; justify-self: center !important;
    text-align: center !important; max-width: none !important; width: 100% !important;
    padding: 26px 22px 36px !important; margin: 0 !important;
    border-top: 1px solid rgba(194,151,95,0.22);
  }
  .diary-contact ul{ align-items: center !important; gap: 12px !important; }
  .diary-contact li{ justify-content: center !important; font-size: 13px !important; }
  .diary-contact-social{ justify-content: center !important; margin-top: 18px !important; }
  .diary-contact-links{ justify-content: center !important; margin-top: 14px !important; }

  /* Slim copyright bar */
  .ld-foot{ padding: 14px 20px !important; text-align: center !important; }
  .ld-copy{ margin: 0 !important; padding: 0 !important; border: 0 !important; }
}