/* ════════ Booked Bridal — Journal / article styles ════════ */

/* index hero */
.journal-hero{padding-top:158px;padding-bottom:clamp(40px,5vw,60px);}
.journal-hero h1{margin:26px 0 0;max-width:16ch;}
.journal-hero h1 .alt{font-style:italic;color:var(--taupe-deep);}
.journal-hero .lead{margin-top:26px;}

/* featured */
.feat{display:grid;grid-template-columns:1.15fr 0.85fr;gap:clamp(28px,4vw,56px);align-items:center;border-top:1px solid var(--line);padding-top:clamp(36px,4vw,56px);}
.feat .feat-media .ph{aspect-ratio:4/3;}
.feat .cat{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:inline-block;}
.feat h2{font-size:clamp(30px,3.8vw,50px);margin-bottom:18px;line-height:1.06;}
.feat h2 a:hover{color:var(--taupe-deep);}
.feat p{margin-bottom:24px;max-width:50ch;}
.feat .meta{font-size:12px;letter-spacing:0.04em;color:var(--ink-55);text-transform:uppercase;}

/* grid */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px);}
.post-card{display:flex;flex-direction:column;cursor:pointer;}
.post-card .ph{aspect-ratio:3/2;margin-bottom:22px;transition:transform .5s ease;}
.post-card:hover .ph{transform:scale(1.015);}
.post-card .cat{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.post-card h3{font-size:clamp(20px,1.9vw,25px);line-height:1.18;margin-bottom:12px;}
.post-card:hover h3{color:var(--taupe-deep);}
.post-card p{font-size:14.5px;margin-bottom:16px;}
.post-card .meta{margin-top:auto;font-size:11.5px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-55);}

/* newsletter strip */
.subscribe{text-align:center;}
.subscribe h2{max-width:18ch;margin:0 auto 18px;}
.sub-form{display:flex;gap:10px;max-width:460px;margin:28px auto 0;}
.sub-form input{flex:1;height:52px;background:var(--cream);border:1px solid var(--line);padding:0 18px;font-family:var(--sans);font-size:14.5px;color:var(--ink);outline:none;}
.sub-form input:focus{border-color:var(--taupe-deep);}
@media(max-width:560px){.sub-form{flex-direction:column;}}

/* ───── ARTICLE ───── */
.art-head{padding-top:140px;padding-bottom:clamp(28px,3vw,40px);}
.art-head .crumbs{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--taupe);margin-bottom:26px;}
.art-head .crumbs a:hover{color:var(--ink);}
.art-head .cat{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:inline-block;}
.art-head h1{font-size:clamp(34px,5vw,68px);line-height:1.04;max-width:18ch;margin-bottom:26px;}
.art-meta{display:flex;gap:22px;align-items:center;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-55);flex-wrap:wrap;}
.art-meta .sep{width:4px;height:4px;border-radius:50%;background:var(--taupe);}
.art-hero-img .ph{aspect-ratio:16/7;}

.article{max-width:720px;margin:0 auto;}
.article .lede{font-family:var(--serif);font-size:clamp(22px,2.4vw,28px);line-height:1.5;color:var(--ink);font-weight:400;margin-bottom:36px;}
.article p{font-family:var(--serif);font-size:clamp(18px,1.5vw,20.5px);line-height:1.62;color:var(--ink);font-weight:400;margin-bottom:24px;}
.article h2{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3vw,38px);line-height:1.12;margin:clamp(40px,5vw,60px) 0 18px;}
.article h3{font-family:var(--serif);font-weight:500;font-size:clamp(21px,2vw,26px);margin:36px 0 14px;}
.article ul,.article ol{margin:0 0 24px;padding-left:0;list-style:none;}
.article ul li,.article ol li{font-family:var(--serif);font-size:clamp(18px,1.5vw,20.5px);line-height:1.55;color:var(--ink);margin-bottom:14px;padding-left:30px;position:relative;}
.article ul li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;background:var(--gold);transform:rotate(45deg);}
.article ol{counter-reset:n;}
.article ol li{counter-increment:n;}
.article ol li::before{content:counter(n);position:absolute;left:0;top:0;font-family:var(--sans);font-size:13px;color:var(--gold);font-weight:500;}
.article blockquote{margin:clamp(36px,4vw,52px) 0;padding-left:30px;border-left:2px solid var(--gold);}
.article blockquote p{font-style:italic;font-size:clamp(23px,2.6vw,30px);line-height:1.42;color:var(--taupe-deep);margin:0;}
.article strong{font-weight:600;color:var(--ink);}
.article a{color:var(--taupe-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line);}
.article a:hover{text-decoration-color:var(--taupe-deep);}
.article .divider-mark{display:flex;justify-content:center;margin:clamp(40px,5vw,56px) 0;color:var(--gold);font-family:var(--serif);font-style:italic;font-size:22px;}

.art-foot{max-width:720px;margin:clamp(48px,6vw,72px) auto 0;border-top:1px solid var(--line);padding-top:32px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;}
.art-foot .by{font-size:13px;color:var(--ink-55);}
.art-foot .by b{color:var(--ink);font-weight:500;}

.art-cta{background:var(--espresso);color:var(--cream);text-align:center;padding:clamp(48px,6vw,80px) var(--gutter);margin-top:clamp(56px,7vw,96px);}
.art-cta h2{color:var(--cream);max-width:20ch;margin:0 auto 14px;}
.art-cta p{color:rgba(230,224,214,0.66);max-width:48ch;margin:0 auto 30px;}

@media(max-width:860px){.feat,.post-grid{grid-template-columns:1fr;}.feat .feat-media{order:-1;}.post-grid{gap:44px;}}
@media(max-width:600px){
  .journal-hero{padding-top:114px;}
  .art-head{padding-top:104px;}
  .feat .feat-media .ph{aspect-ratio:16/10;}
  .post-grid{gap:36px;}
  .post-card .ph{aspect-ratio:16/10;margin-bottom:18px;}
  .art-hero-img .ph{aspect-ratio:16/10;}
  .art-foot{flex-direction:column;align-items:flex-start;}
}