/* Zala Springs MAIN — native WordPress blog frontend v1.0.0 */

.zs-blog-list,
.zs-blog-single{
  --zsb-gold:var(--zs-brand-gold,#c2a22f);
  --zsb-dark:var(--zs-brand-midnight,#26352c);
  --zsb-forest:var(--zs-brand-forest,#394a40);
  --zsb-viridian:var(--zs-brand-viridian,#6b887c);
  --zsb-ivory:var(--zs-surface,#fbfaf7);
  --zsb-cream:var(--zs-bg,#f5f3ed);
  --zsb-muted:var(--zs-text-soft,#707974);
  --zsb-line:rgba(38,53,44,.12);
  width:100%;
  color:var(--zsb-dark);
  font-family:"Brandon book",Arial,Helvetica,sans-serif!important;
}
.zs-blog-list *,
.zs-blog-list *::before,
.zs-blog-list *::after,
.zs-blog-single *,
.zs-blog-single *::before,
.zs-blog-single *::after{
  box-sizing:border-box;
  font-family:"Brandon book",Arial,Helvetica,sans-serif!important;
}
.zs-blog-list a,
.zs-blog-single a{text-decoration:none}

/* =========================================================
   BLOG LIST HERO
========================================================= */
.zs-blog-list{
  padding:28px 28px clamp(86px,7vw,130px);
  overflow:hidden;
  background:
    radial-gradient(circle at 94% 72%,rgba(107,136,124,.08),transparent 27%),
    linear-gradient(180deg,var(--zsb-ivory),#f3efe6);
}
.zs-blog-list__hero{
  position:relative;
  min-height:clamp(560px,64svh,720px);
  overflow:hidden;
  border-radius:28px;
  isolation:isolate;
  background:var(--zsb-dark);
  color:#fff;
}
.zs-blog-list__hero-media{
  position:absolute;
  inset:0;
  z-index:-3;
}
.zs-blog-list__hero-media img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center 48%;
  transform:scale(1.02);
  filter:saturate(.92) contrast(1.02);
}
.zs-blog-list__hero-overlay{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(17,34,24,.92) 0%,rgba(17,34,24,.72) 35%,rgba(17,34,24,.34) 69%,rgba(17,34,24,.10) 100%),
    linear-gradient(0deg,rgba(12,28,19,.58),rgba(12,28,19,.06) 60%);
}
.zs-blog-list__hero-copy{
  position:absolute;
  left:clamp(52px,7.5vw,150px);
  bottom:clamp(88px,10vh,130px);
  width:min(840px,66vw);
}
.zs-blog-list__eyebrow,
.zs-blog-single__eyebrow,
.zs-blog-list__section-kicker,
.zs-blog-single__article-kicker{
  display:flex;
  align-items:center;
  gap:13px;
  color:#e2ce79;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.20em;
  text-transform:uppercase;
}
.zs-blog-list__eyebrow span,
.zs-blog-single__eyebrow span,
.zs-blog-list__section-kicker span,
.zs-blog-single__article-kicker span{
  width:36px;
  height:1px;
  flex:0 0 auto;
  background:var(--zsb-gold);
}
.zs-blog-list__eyebrow b,
.zs-blog-single__eyebrow b,
.zs-blog-list__section-kicker b,
.zs-blog-single__article-kicker b{font-weight:700}
.zs-blog-list__hero h1{
  margin:18px 0 0;
  color:#fff;
  font-size:clamp(70px,7vw,122px);
  font-weight:400;
  line-height:.96;
  letter-spacing:.003em;
}
.zs-blog-list__hero p{
  width:min(100%,640px);
  margin:24px 0 0;
  color:rgba(255,255,255,.76);
  font-size:clamp(16px,1.05vw,20px);
  line-height:1.58;
}
.zs-blog-list__hero-signature,
.zs-blog-single__hero-signature{
  position:absolute;
  right:clamp(30px,4vw,68px);
  bottom:clamp(28px,3vw,42px);
  color:rgba(255,255,255,.34);
  font-size:9px;
  font-weight:600;
  letter-spacing:.23em;
}

/* =========================================================
   BLOG LIST BODY + GRID
========================================================= */
.zs-blog-list__body{
  width:min(100%,1480px);
  margin:0 auto;
  padding:clamp(82px,7vw,126px) 0 0;
}
.zs-blog-list__section-head{
  max-width:900px;
  margin:0 auto clamp(46px,5vw,72px);
  text-align:center;
}
.zs-blog-list__section-kicker{
  justify-content:center;
  color:#9b812d;
}
.zs-blog-list__section-kicker span:last-child{display:none}
.zs-blog-list__section-head h2{
  margin:18px 0 0;
  color:var(--zsb-dark);
  font-size:clamp(48px,4.8vw,82px);
  font-weight:400;
  line-height:1.02;
}
.zs-blog-list__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.zs-blog-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(194,162,47,.25);
  border-radius:22px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 46px rgba(38,53,44,.06);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease;
}
.zs-blog-card:hover{
  transform:translateY(-5px);
  border-color:rgba(194,162,47,.48);
  box-shadow:0 26px 58px rgba(38,53,44,.11);
}
.zs-blog-card__media{
  position:relative;
  display:block;
  aspect-ratio:1.55/1;
  margin:9px;
  overflow:hidden;
  border-radius:15px;
  background:linear-gradient(145deg,#dce1dd,#9dad9f);
}
.zs-blog-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(20,40,29,.02) 48%,rgba(20,40,29,.35));
  pointer-events:none;
}
.zs-blog-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .75s cubic-bezier(.2,.7,.2,1);
}
.zs-blog-card:hover .zs-blog-card__media img{transform:scale(1.045)}
.zs-blog-card__placeholder{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.45);
  font-size:clamp(80px,8vw,130px);
  letter-spacing:-.08em;
}
.zs-blog-card__date{
  position:absolute;
  z-index:2;
  right:14px;
  bottom:14px;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(38,53,44,.76);
  color:#fff;
  font-size:9px;
  font-weight:600;
  letter-spacing:.10em;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.zs-blog-card__body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:12px 24px 24px;
}
.zs-blog-card__tags,
.zs-blog-single__hero-tags,
.zs-blog-single__footer-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.zs-blog-card__tags{margin-bottom:15px}
.zs-blog-card__tags span{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 9px;
  border:1px solid rgba(194,162,47,.30);
  border-radius:999px;
  background:#f7f2e4;
  color:#866f29;
  font-size:8px;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.zs-blog-card h3{
  margin:0;
  color:var(--zsb-dark);
  font-size:clamp(27px,1.8vw,35px);
  font-weight:400;
  line-height:1.08;
}
.zs-blog-card h3 a{color:inherit}
.zs-blog-card__excerpt{
  margin:14px 0 0;
  color:var(--zsb-muted);
  font-size:15px;
  line-height:1.62;
}
.zs-blog-card__excerpt > *:first-child{margin-top:0}
.zs-blog-card__excerpt > *:last-child{margin-bottom:0}
.zs-blog-card__cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:auto;
  padding-top:22px;
  color:var(--zsb-dark);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.zs-blog-card__cta i{
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border-radius:50%;
  background:var(--zsb-dark);
  color:#e2ce79;
  font-size:18px;
  font-style:normal;
  transition:transform .25s ease,background .25s ease;
}
.zs-blog-card__cta:hover i{
  transform:translateX(3px);
  background:var(--zsb-forest);
}
.zs-blog-list__empty{
  padding:46px 28px;
  border:1px dashed rgba(38,53,44,.20);
  border-radius:20px;
  color:var(--zsb-muted);
  text-align:center;
}

/* =========================================================
   BLOG SINGLE — EDITORIAL REDESIGN V1.1
   Visual references:
   - MAIN package single hero
   - Resort Story editorial image / index language
   - Evergreen / Boutique SPA split compositions
========================================================= */
.zs-blog-single{
  position:relative;
  padding:28px 28px clamp(96px,8vw,150px);
  overflow:hidden;
  background:
    radial-gradient(circle at 6% 72%,rgba(194,162,47,.07),transparent 23%),
    radial-gradient(circle at 96% 88%,rgba(107,136,124,.09),transparent 27%),
    linear-gradient(180deg,#fbfaf7 0%,#f4f0e7 100%);
}

.zs-blog-single__hero{
  position:relative;
  min-height:clamp(620px,70svh,800px);
  overflow:hidden;
  border-radius:28px;
  isolation:isolate;
  background:
    radial-gradient(circle at 80% 18%,rgba(194,162,47,.18),transparent 26%),
    linear-gradient(145deg,#1f3026,#3e5548);
  color:#fff;
}

.zs-blog-single__hero-media{
  position:absolute;
  inset:0;
  z-index:-4;
  overflow:hidden;
}

.zs-blog-single__hero-media img{
  position:absolute;
  inset:-2%;
  display:block;
  width:104%;
  height:104%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  transform:scale(1.025);
  filter:saturate(.90) contrast(1.035);
  transition:transform 7s cubic-bezier(.16,.74,.2,1);
}

.zs-blog-single__hero:hover .zs-blog-single__hero-media img{
  transform:scale(1.055);
}

.zs-blog-single__hero-overlay{
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(90deg,
      rgba(15,31,22,.95) 0%,
      rgba(15,31,22,.82) 28%,
      rgba(15,31,22,.58) 51%,
      rgba(15,31,22,.25) 77%,
      rgba(15,31,22,.11) 100%),
    linear-gradient(0deg,
      rgba(10,25,17,.72) 0%,
      rgba(10,25,17,.13) 52%,
      rgba(10,25,17,.07) 100%);
}

.zs-blog-single__hero.is-no-image .zs-blog-single__hero-overlay{
  background:
    radial-gradient(circle at 82% 18%,rgba(194,162,47,.16),transparent 28%),
    radial-gradient(circle at 15% 88%,rgba(107,136,124,.20),transparent 26%),
    linear-gradient(145deg,#1e3025,#3c5145);
}

.zs-blog-single__hero-glow{
  position:absolute;
  z-index:-2;
  left:-8%;
  bottom:-42%;
  width:min(820px,56vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(194,162,47,.18),rgba(194,162,47,.05) 38%,transparent 69%);
  pointer-events:none;
}

.zs-blog-single__topline{
  position:absolute;
  z-index:3;
  top:clamp(34px,4vw,66px);
  left:clamp(42px,5vw,86px);
  display:flex;
  align-items:center;
  gap:14px;
  color:rgba(255,255,255,.54);
  font-size:9px;
  font-weight:600;
  line-height:1;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.zs-blog-single__topline i{
  width:42px;
  height:1px;
  background:rgba(194,162,47,.82);
}

.zs-blog-single__hero-orbit{
  position:absolute;
  z-index:1;
  top:clamp(44px,6vw,96px);
  right:clamp(34px,5vw,88px);
  width:clamp(180px,18vw,300px);
  aspect-ratio:1;
  opacity:.20;
  pointer-events:none;
}

.zs-blog-single__hero-orbit span{
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.46);
  border-radius:50%;
}

.zs-blog-single__hero-orbit span:nth-child(2){inset:18%}

.zs-blog-single__hero-orbit b{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.50);
  font-size:clamp(38px,4vw,62px);
  font-weight:400;
  letter-spacing:-.06em;
}

.zs-blog-single__hero-content{
  position:absolute;
  z-index:4;
  left:clamp(52px,7.5vw,150px);
  bottom:clamp(112px,13vh,166px);
  width:min(1080px,73vw);
}

.zs-blog-single__eyebrow{margin-bottom:17px}

.zs-blog-single__hero-tags{
  margin:0 0 16px;
}

.zs-blog-single__hero-tags span{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#efdda0;
  font-size:8px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}

.zs-blog-single__hero h1{
  max-width:1080px;
  margin:0;
  color:#fff;
  font-size:clamp(56px,5.7vw,102px);
  font-weight:400;
  line-height:.99;
  letter-spacing:.002em;
  text-wrap:balance;
}

.zs-blog-single__hero-bottom{
  position:absolute;
  z-index:4;
  right:clamp(34px,4vw,70px);
  bottom:clamp(26px,3vw,42px);
  left:clamp(34px,4vw,70px);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
}

.zs-blog-single__hero-date{
  display:flex;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.54);
  font-size:9px;
  font-weight:600;
  line-height:1;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.zs-blog-single__hero-date time{color:#e3cf7d}

.zs-blog-single__hero-date i{
  width:58px;
  height:1px;
  background:rgba(255,255,255,.24);
}

.zs-blog-single__hero-signature{
  position:static;
  color:rgba(255,255,255,.30);
  font-size:9px;
  font-weight:600;
  line-height:1;
  letter-spacing:.23em;
}

/* =========================================================
   EDITORIAL FEATURE STAGE
========================================================= */
.zs-blog-single__article{
  position:relative;
  width:min(100%,1480px);
  margin:0 auto;
  padding:clamp(90px,8vw,140px) 0 0;
}

.zs-blog-single__feature-stage{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  align-items:stretch;
  gap:clamp(20px,2.2vw,34px);
}

.zs-blog-single__featured{
  position:relative;
  min-width:0;
  min-height:clamp(580px,47vw,720px);
  margin:0;
  overflow:visible;
}

.zs-blog-single__featured-mask{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:28px;
  background:#dce1dd;
  box-shadow:0 34px 80px rgba(38,53,44,.14);
}

.zs-blog-single__featured-mask img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  transform:scale(1.015);
  transition:transform .9s cubic-bezier(.16,.74,.2,1);
}

.zs-blog-single__featured:hover .zs-blog-single__featured-mask img{
  transform:scale(1.055);
}

.zs-blog-single__featured-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 58%,rgba(17,35,25,.42));
  pointer-events:none;
}

.zs-blog-single__featured-index{
  position:absolute;
  z-index:3;
  top:-35px;
  left:-20px;
  color:rgba(38,53,44,.14);
  font-size:clamp(94px,8.5vw,154px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.065em;
  pointer-events:none;
}

.zs-blog-single__featured-side{
  position:absolute;
  z-index:3;
  right:-34px;
  bottom:54px;
  color:#66716b;
  font-size:9px;
  font-weight:700;
  letter-spacing:.31em;
  writing-mode:vertical-rl;
  text-transform:uppercase;
  pointer-events:none;
}

.zs-blog-single__lead{
  position:relative;
  display:flex;
  min-height:clamp(580px,47vw,720px);
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  padding:clamp(42px,4vw,70px);
  border-radius:28px;
  background:
    radial-gradient(circle at 96% 4%,rgba(194,162,47,.18),transparent 30%),
    radial-gradient(circle at 10% 96%,rgba(107,136,124,.18),transparent 34%),
    linear-gradient(145deg,#213128,#354b3e);
  color:#fff;
  box-shadow:0 32px 76px rgba(38,53,44,.13);
}

.zs-blog-single__lead.is-wide{
  grid-column:1 / -1;
  min-height:440px;
}

.zs-blog-single__lead::after{
  content:"";
  position:absolute;
  right:-120px;
  top:-120px;
  width:360px;
  height:360px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  box-shadow:
    0 0 0 56px rgba(255,255,255,.025),
    0 0 0 112px rgba(255,255,255,.018);
  pointer-events:none;
}

.zs-blog-single__lead-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.39);
  font-size:9px;
  font-weight:700;
  letter-spacing:.20em;
}

.zs-blog-single__lead-top i{
  width:38px;
  height:1px;
  background:var(--zsb-gold);
}

.zs-blog-single__lead-watermark{
  position:absolute;
  right:-12px;
  bottom:-56px;
  color:rgba(255,255,255,.035);
  font-size:clamp(180px,20vw,320px);
  font-weight:600;
  line-height:.75;
  letter-spacing:-.10em;
  pointer-events:none;
}

.zs-blog-single__lead-copy{
  position:relative;
  z-index:2;
  margin:auto 0;
  padding:clamp(34px,4vw,64px) 0;
}

.zs-blog-single__article-kicker{
  margin-bottom:22px;
  color:#dfcb7f;
}

.zs-blog-single__lead-excerpt,
.zs-blog-single__lead-title{
  position:relative;
  z-index:2;
  max-width:600px;
  margin:0;
  color:#fff;
  font-size:clamp(27px,2.35vw,42px);
  font-weight:400;
  line-height:1.22;
  letter-spacing:-.01em;
}

.zs-blog-single__lead-excerpt > *{
  margin:0;
  color:inherit;
  font:inherit;
  line-height:inherit;
}

.zs-blog-single__lead-excerpt > * + *{margin-top:.8em}

.zs-blog-single__lead-meta{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding-top:25px;
  border-top:1px solid rgba(255,255,255,.13);
}

.zs-blog-single__lead-meta time{
  color:#dec979;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
}

.zs-blog-single__lead-tags{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}

.zs-blog-single__lead-tags span{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:rgba(255,255,255,.72);
  font-size:8px;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
}

/* =========================================================
   READING AREA
========================================================= */
.zs-blog-single__reading{
  position:relative;
  display:grid;
  grid-template-columns:150px minmax(0,900px);
  justify-content:center;
  gap:clamp(42px,5vw,78px);
  margin-top:clamp(86px,8vw,138px);
}

.zs-blog-single__reading-rail{
  position:relative;
  display:flex;
  min-height:280px;
  flex-direction:column;
  align-items:center;
  padding-top:7px;
  color:#8f7628;
}

.zs-blog-single__reading-number{
  font-size:11px;
  font-weight:700;
  letter-spacing:.17em;
}

.zs-blog-single__reading-rail i{
  width:1px;
  height:110px;
  margin:18px 0;
  background:linear-gradient(180deg,var(--zsb-gold),rgba(194,162,47,.12));
}

.zs-blog-single__reading-brand{
  font-size:9px;
  font-weight:700;
  letter-spacing:.25em;
  writing-mode:vertical-rl;
}

.zs-blog-single__reading-main{
  position:relative;
  min-width:0;
}

.zs-blog-single__reading-watermark{
  position:absolute;
  z-index:0;
  top:-76px;
  right:-40px;
  color:rgba(38,53,44,.030);
  font-size:clamp(110px,13vw,210px);
  font-weight:600;
  line-height:1;
  letter-spacing:-.055em;
  pointer-events:none;
}

.zs-blog-single__content{
  position:relative;
  z-index:1;
  width:100%;
  color:#48534d;
  font-size:clamp(17px,1.12vw,20px);
  font-weight:400;
  line-height:1.80;
}

.zs-blog-single__content > *:first-child{margin-top:0}
.zs-blog-single__content > *:last-child{margin-bottom:0}

.zs-blog-single__content > p:first-child{
  color:#394740;
  font-size:clamp(19px,1.3vw,22px);
  line-height:1.76;
}

.zs-blog-single__content > p:first-child::first-letter{
  float:left;
  margin:.07em .13em 0 0;
  color:#9a802b;
  font-size:3.35em;
  font-weight:400;
  line-height:.76;
}

.zs-blog-single__content h2,
.zs-blog-single__content h3,
.zs-blog-single__content h4{
  position:relative;
  color:var(--zsb-dark);
  font-weight:400;
  letter-spacing:-.015em;
}

.zs-blog-single__content h2{
  margin:1.85em 0 .72em;
  padding-top:10px;
  font-size:clamp(38px,3.4vw,58px);
  line-height:1.08;
}

.zs-blog-single__content h2::before{
  content:"";
  display:block;
  width:46px;
  height:1px;
  margin-bottom:18px;
  background:var(--zsb-gold);
}

.zs-blog-single__content h3{
  margin:1.7em 0 .65em;
  font-size:clamp(29px,2.4vw,41px);
  line-height:1.12;
}

.zs-blog-single__content h4{
  margin:1.55em 0 .6em;
  color:#59645e;
  font-size:clamp(23px,1.8vw,30px);
  line-height:1.18;
}

.zs-blog-single__content p{margin:0 0 1.35em}

.zs-blog-single__content strong{color:#2f3d35}

.zs-blog-single__content ul,
.zs-blog-single__content ol{
  margin:0 0 1.65em;
  padding-left:1.35em;
}

.zs-blog-single__content li{
  margin:.48em 0;
  padding-left:.16em;
}

.zs-blog-single__content li::marker{color:#a58a30}

.zs-blog-single__content a{
  color:#876e25;
  text-decoration:underline;
  text-decoration-color:rgba(135,110,37,.42);
  text-decoration-thickness:1px;
  text-underline-offset:4px;
  transition:color .25s ease,text-decoration-color .25s ease;
}

.zs-blog-single__content a:hover{
  color:var(--zsb-dark);
  text-decoration-color:var(--zsb-dark);
}

.zs-blog-single__content blockquote{
  position:relative;
  margin:clamp(38px,4vw,62px) 0;
  overflow:hidden;
  padding:clamp(34px,4vw,54px);
  border:0;
  border-radius:24px;
  background:
    radial-gradient(circle at 96% 0%,rgba(194,162,47,.16),transparent 35%),
    linear-gradient(145deg,#24362c,#334a3d);
  color:rgba(255,255,255,.84);
  font-size:clamp(22px,1.8vw,30px);
  font-weight:400;
  line-height:1.48;
  box-shadow:0 24px 58px rgba(38,53,44,.10);
}

.zs-blog-single__content blockquote::before{
  content:"“";
  position:absolute;
  top:-18px;
  right:22px;
  color:rgba(194,162,47,.18);
  font-size:130px;
  line-height:1;
}

.zs-blog-single__content blockquote p{
  position:relative;
  z-index:1;
  margin:0;
  color:inherit;
}

.zs-blog-single__content img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  margin:clamp(34px,4vw,56px) auto;
  border-radius:22px;
  box-shadow:0 20px 48px rgba(38,53,44,.08);
}

.zs-blog-single__content figure{
  margin:clamp(38px,4vw,58px) 0;
}

.zs-blog-single__content figure img{margin:0}

.zs-blog-single__content figcaption{
  margin-top:11px;
  color:var(--zsb-muted);
  font-size:13px;
  line-height:1.5;
  text-align:center;
}

.zs-blog-single__content hr{
  width:min(180px,28%);
  height:1px;
  margin:clamp(46px,5vw,70px) auto;
  border:0;
  background:var(--zsb-gold);
  opacity:.55;
}

.zs-blog-single__content table{
  width:100%;
  margin:2em 0;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--zsb-line);
  border-radius:18px;
  background:rgba(255,255,255,.58);
}

.zs-blog-single__content th,
.zs-blog-single__content td{
  padding:14px 16px;
  border-bottom:1px solid var(--zsb-line);
  text-align:left;
  vertical-align:top;
}

.zs-blog-single__content th{
  background:rgba(38,53,44,.055);
  color:var(--zsb-dark);
  font-weight:600;
}

.zs-blog-single__content tr:last-child td{border-bottom:0}

.zs-blog-single__footer{
  position:relative;
  z-index:1;
  width:100%;
  margin:clamp(58px,6vw,88px) 0 0;
  padding-top:28px;
  border-top:1px solid var(--zsb-line);
}

.zs-blog-single__footer-label{
  display:block;
  margin-bottom:14px;
  color:var(--zsb-muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.zs-blog-single__footer-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.zs-blog-single__footer-tags span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 12px;
  border:1px solid rgba(194,162,47,.24);
  border-radius:999px;
  background:#eee7d3;
  color:#776322;
  font-size:9px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.zs-blog-single__endmark{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:clamp(54px,6vw,84px);
  color:#9a802b;
}

.zs-blog-single__endmark span{
  width:64px;
  height:1px;
  background:rgba(194,162,47,.44);
}

.zs-blog-single__endmark b{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid rgba(194,162,47,.40);
  border-radius:50%;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}

/* =========================================================
   RESPONSIVE — canonical MAIN breakpoints
========================================================= */
@media(max-width:1366px){
  .zs-blog-list,.zs-blog-single{padding-left:22px;padding-right:22px}
  .zs-blog-list__hero,
  .zs-blog-single__hero{border-radius:28px}

  .zs-blog-list__hero-copy{left:clamp(42px,6vw,92px)}
  .zs-blog-single__hero-content{left:clamp(46px,6vw,92px)}

  .zs-blog-single__feature-stage{
    grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  }
}

@media(max-width:1200px){
  .zs-blog-list,.zs-blog-single{padding-left:18px;padding-right:18px}
  .zs-blog-list__hero,
  .zs-blog-single__hero{border-radius:24px}

  .zs-blog-list__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zs-blog-list__hero-copy{left:54px;width:min(820px,74vw)}

  .zs-blog-single__hero-content{
    left:54px;
    width:min(840px,72vw);
  }

  .zs-blog-single__hero-orbit{opacity:.14}

  .zs-blog-single__feature-stage{
    grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);
  }

  .zs-blog-single__lead{padding:44px}
  .zs-blog-single__reading{grid-template-columns:120px minmax(0,860px)}
}

@media(max-width:1024px){
  .zs-blog-list,.zs-blog-single{padding-left:16px;padding-right:16px}
  .zs-blog-list__hero,
  .zs-blog-single__hero{border-radius:22px}

  .zs-blog-list__hero-copy{left:46px;right:46px;width:auto}

  .zs-blog-single__hero-content{
    left:46px;
    right:46px;
    width:auto;
  }

  .zs-blog-single__topline{left:38px}
  .zs-blog-single__hero-orbit{right:34px}

  .zs-blog-single__feature-stage{
    grid-template-columns:1fr;
    gap:24px;
  }

  .zs-blog-single__featured{
    min-height:clamp(520px,66vw,650px);
  }

  .zs-blog-single__featured-mask{border-radius:22px}

  .zs-blog-single__featured-side{
    right:22px;
    bottom:22px;
    color:rgba(255,255,255,.70);
    writing-mode:initial;
  }

  .zs-blog-single__lead{
    min-height:460px;
    border-radius:22px;
  }

  .zs-blog-single__reading{
    grid-template-columns:90px minmax(0,820px);
    gap:34px;
  }
}

@media(max-width:880px){
  .zs-blog-list,.zs-blog-single{padding-left:12px;padding-right:12px}

  .zs-blog-list__hero,
  .zs-blog-single__hero{
    min-height:580px;
    border-radius:19px;
  }

  .zs-blog-list__hero-copy{left:34px;right:34px;bottom:80px}
  .zs-blog-list__hero h1{font-size:clamp(58px,11vw,88px)}

  .zs-blog-single__topline{top:30px;left:30px}
  .zs-blog-single__topline span:last-child{display:none}
  .zs-blog-single__topline i{width:30px}
  .zs-blog-single__hero-orbit{display:none}

  .zs-blog-single__hero-content{
    left:34px;
    right:34px;
    bottom:108px;
  }

  .zs-blog-single__hero h1{font-size:clamp(47px,9vw,70px)}

  .zs-blog-single__hero-bottom{
    right:30px;
    bottom:25px;
    left:30px;
  }

  .zs-blog-single__hero-signature{display:none}
  .zs-blog-single__featured{min-height:clamp(470px,68vw,560px)}
  .zs-blog-single__featured-mask{border-radius:19px}
  .zs-blog-single__lead{border-radius:19px}

  .zs-blog-single__reading{
    display:block;
    margin-top:86px;
  }

  .zs-blog-single__reading-rail{display:none}
  .zs-blog-single__reading-main{width:min(100%,820px);margin:0 auto}
}

@media(max-width:767px){
  .zs-blog-list,
  .zs-blog-single{
    padding:10px 10px 58px;
  }

  .zs-blog-list__hero,
  .zs-blog-single__hero{
    min-height:540px;
    border-radius:18px;
  }

  .zs-blog-list__hero-overlay{
    background:
      linear-gradient(0deg,rgba(12,28,19,.94) 0%,rgba(12,28,19,.80) 38%,rgba(12,28,19,.42) 72%,rgba(12,28,19,.14) 100%);
  }

  .zs-blog-single__hero{
    min-height:620px;
  }

  .zs-blog-single__hero-overlay{
    background:
      linear-gradient(0deg,rgba(12,28,19,.96) 0%,rgba(12,28,19,.84) 42%,rgba(12,28,19,.43) 74%,rgba(12,28,19,.15) 100%);
  }

  .zs-blog-list__hero-copy{left:22px;right:22px;bottom:64px}

  .zs-blog-single__topline{
    top:24px;
    left:22px;
    font-size:8px;
  }

  .zs-blog-single__hero-content{
    left:22px;
    right:22px;
    bottom:112px;
  }

  .zs-blog-list__eyebrow,
  .zs-blog-single__eyebrow{
    gap:9px;
    font-size:8px;
  }

  .zs-blog-list__eyebrow span,
  .zs-blog-single__eyebrow span{width:25px}

  .zs-blog-list__hero h1{
    margin-top:13px;
    font-size:clamp(50px,16vw,72px);
  }

  .zs-blog-list__hero p{
    margin-top:15px;
    font-size:14px;
    line-height:1.5;
  }

  .zs-blog-single__hero h1{
    font-size:clamp(40px,11.2vw,58px);
    line-height:1.01;
  }

  .zs-blog-single__hero-tags{
    margin-bottom:12px;
  }

  .zs-blog-single__hero-tags span{
    min-height:27px;
    padding:0 8px;
    font-size:7.5px;
  }

  .zs-blog-single__hero-bottom{
    right:22px;
    bottom:23px;
    left:22px;
  }

  .zs-blog-single__hero-date{
    gap:9px;
    font-size:8px;
  }

  .zs-blog-single__hero-date i{width:32px}
  .zs-blog-single__hero-date span{display:none}

  .zs-blog-list__hero-signature,
  .zs-blog-single__hero-signature{display:none}

  .zs-blog-list__body{padding-top:68px}
  .zs-blog-list__section-head{margin-bottom:34px}
  .zs-blog-list__section-head h2{font-size:clamp(38px,11vw,54px)}
  .zs-blog-list__grid{grid-template-columns:1fr;gap:16px}
  .zs-blog-card{border-radius:18px}
  .zs-blog-card__media{border-radius:12px}
  .zs-blog-card__body{padding:11px 18px 20px}
  .zs-blog-card h3{font-size:30px}

  .zs-blog-single__article{
    padding-top:72px;
  }

  .zs-blog-single__feature-stage{gap:14px}

  .zs-blog-single__featured{
    min-height:75vw;
  }

  .zs-blog-single__featured-mask{
    border-radius:18px;
  }

  .zs-blog-single__featured-index{
    top:-21px;
    left:10px;
    color:rgba(255,255,255,.34);
    font-size:76px;
  }

  .zs-blog-single__featured-side{
    right:16px;
    bottom:16px;
    font-size:8px;
  }

  .zs-blog-single__lead{
    min-height:420px;
    padding:30px 24px;
    border-radius:18px;
  }

  .zs-blog-single__lead-top{font-size:8px}
  .zs-blog-single__lead-copy{padding:30px 0}
  .zs-blog-single__article-kicker{margin-bottom:17px}

  .zs-blog-single__lead-excerpt,
  .zs-blog-single__lead-title{
    font-size:clamp(25px,7vw,34px);
    line-height:1.22;
  }

  .zs-blog-single__lead-meta{
    align-items:flex-start;
    flex-direction:column;
    padding-top:20px;
  }

  .zs-blog-single__lead-tags{justify-content:flex-start}

  .zs-blog-single__reading{
    margin-top:72px;
  }

  .zs-blog-single__reading-watermark{
    top:-52px;
    right:-10px;
    font-size:104px;
  }

  .zs-blog-single__content{
    font-size:16.5px;
    line-height:1.74;
  }

  .zs-blog-single__content > p:first-child{
    font-size:18px;
    line-height:1.70;
  }

  .zs-blog-single__content > p:first-child::first-letter{
    font-size:3em;
  }

  .zs-blog-single__content h2{
    font-size:clamp(34px,10vw,44px);
  }

  .zs-blog-single__content h3{
    font-size:clamp(28px,8vw,34px);
  }

  .zs-blog-single__content h4{
    font-size:24px;
  }

  .zs-blog-single__content blockquote{
    margin:34px 0;
    padding:30px 24px;
    border-radius:18px;
    font-size:21px;
  }

  .zs-blog-single__content img{
    margin:34px auto;
    border-radius:16px;
  }

  .zs-blog-single__content table{
    display:block;
    max-width:100%;
    overflow-x:auto;
  }

  .zs-blog-single__footer{margin-top:56px}
  .zs-blog-single__endmark{margin-top:52px}
}

@media(max-width:520px){
  .zs-blog-single__hero-tags span,
  .zs-blog-card__tags span{font-size:7.5px}
}

@media(prefers-reduced-motion:reduce){
  .zs-blog-list *,
  .zs-blog-list *::before,
  .zs-blog-list *::after,
  .zs-blog-single *,
  .zs-blog-single *::before,
  .zs-blog-single *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }

  .zs-blog-single__hero-media img,
  .zs-blog-single__featured-mask img{
    transform:none!important;
  }
}