/* Stolen Hearts — journal (blog index + single posts). Scoped to #sh-blog plus the transparent header over the hero. */

/* Header: transparent over the hero, white once scrolled (same behaviour as Contact). */
body.sh-blog-page.sh-overlay-header #Top_bar.sh-site-header:not(.sh-scrolled){background:transparent!important}
body.sh-blog-page.sh-overlay-header #Top_bar.sh-site-header:not(.sh-scrolled) .sh-logo{background-color:var(--sh-blush)}
body.sh-blog-page.sh-overlay-header #Top_bar.sh-site-header:not(.sh-scrolled) .sh-navigation a{color:#f7f3ef}
body.sh-blog-page.sh-overlay-header #Top_bar.sh-site-header:not(.sh-scrolled) .sh-navigation .sh-enquire{color:#fff!important}
@media(max-width:1024px){
  body.sh-blog-page.sh-overlay-header #Top_bar.sh-site-header:not(.sh-scrolled) .sh-menu-toggle{color:#f7f3ef!important}
  body.sh-blog-page.sh-overlay-header #Top_bar.sh-site-header:not(.sh-scrolled) .sh-navigation a{color:var(--sh-ink)!important}
  body.sh-blog-page.sh-overlay-header #Top_bar.sh-site-header.sh-menu-open:not(.sh-scrolled){background:var(--sh-paper)!important}
  body.sh-blog-page.sh-overlay-header #Top_bar.sh-site-header.sh-menu-open:not(.sh-scrolled) .sh-menu-toggle{color:var(--sh-ink)!important}
  body.sh-blog-page.sh-overlay-header #Top_bar.sh-site-header.sh-menu-open:not(.sh-scrolled) .sh-logo{background-color:#b87872}
}
body.sh-blog-page #Content{padding:0!important;background:#f8f6f3}

#sh-blog{--b-ivory:#f8f6f3;--b-paper:#fffdfa;--b-sand:#f1ebe5;--b-ink:#282b2b;--b-body:#5c5551;--b-muted:#8a7d76;--b-rose:#b47b76;--b-rose-btn:#bc827e;--b-rose-hi:#cd9690;--b-blush:#e4ada7;--b-line:#e7ddd5;--b-dark:#1d2120;--b-serif:"Stolen Hearts Serif","Cormorant Garamond",Georgia,serif;--b-hand:"Dancing Script","Segoe Script",cursive;color:var(--b-ink);font:400 16px/1.7 Lato,Arial,sans-serif;background:var(--b-ivory);overflow-x:clip}
#sh-blog *,#sh-blog *::before,#sh-blog *::after{box-sizing:border-box}
#sh-blog h1,#sh-blog h2,#sh-blog h3,#sh-blog h4{text-transform:none;letter-spacing:-.015em;font-weight:400;color:var(--b-ink)}
#sh-blog a{color:inherit}
#sh-blog img{max-width:100%;height:auto}
#sh-blog .shb-eyebrow{margin:0 0 16px;color:var(--b-rose);font:400 10.5px/1.5 Lato,Arial,sans-serif!important;letter-spacing:.3em!important;text-transform:uppercase}
#sh-blog h1 em,#sh-blog h2 em{font-style:italic;color:var(--b-rose)}

/* Hero (index + post) */
#sh-blog .shb-hero{position:relative;isolation:isolate;min-height:clamp(480px,42vw,640px);display:flex;align-items:flex-end;padding:140px 0 clamp(70px,7vw,110px);color:#fff;overflow:hidden;background:#3d332c}
#sh-blog .shb-hero-img{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:50% 45%}
#sh-blog .shb-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1a1411b0 0%,#1a141133 24%,transparent 42%),linear-gradient(0deg,#1a1411cc 0%,#1a141166 34%,transparent 64%)}
#sh-blog .shb-hero-inner{width:min(88%,1100px);margin:0 auto}
#sh-blog .shb-hero .shb-eyebrow{color:#efd2cc}
#sh-blog .shb-hero h1{max-width:18ch;margin:0;color:#fff;font:400 clamp(44px,5.4vw,84px)/1.02 var(--b-serif)!important;text-shadow:0 2px 30px #0005}
#sh-blog .shb-hero h1 em{color:#f0c4bc}
#sh-blog .shb-hero-intro{max-width:540px;margin:22px 0 0;color:#f4eee8;font-size:clamp(16px,1.2vw,18px);line-height:1.65;text-shadow:0 1px 14px #0006}
#sh-blog .shb-post-hero{min-height:clamp(520px,48vw,720px)}
#sh-blog .shb-post-hero h1{max-width:22ch;font-size:clamp(38px,4.6vw,72px)!important;line-height:1.05}
#sh-blog .shb-crumbs,#sh-blog .shb-post-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 18px;color:#efd2cc;font:400 11px/1.5 Lato,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}
#sh-blog .shb-crumbs a{color:#fff;text-decoration:none;border-bottom:1px solid #fff6}
#sh-blog .shb-crumbs a:hover{border-color:#fff}
#sh-blog .shb-post-meta{margin:22px 0 0;color:#f4eee8;letter-spacing:.14em}

/* Cards */
#sh-blog .shb-index-body{width:min(88%,1240px);margin:0 auto;padding:clamp(60px,6vw,96px) 0 clamp(80px,7vw,120px)}
#sh-blog .shb-card{position:relative;display:flex;flex-direction:column;background:var(--b-paper);border:1px solid var(--b-line);border-radius:4px;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
#sh-blog .shb-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px #3d2a2266}
#sh-blog .shb-card-media{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--b-sand);line-height:0}
#sh-blog .shb-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
#sh-blog .shb-card:hover .shb-card-media img{transform:scale(1.04)}
#sh-blog .shb-card-body{display:flex;flex-direction:column;flex:1;padding:26px 28px 30px}
#sh-blog .shb-meta{display:flex;gap:8px;margin:0 0 12px;color:var(--b-rose);font:400 10.5px/1.5 Lato,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}
#sh-blog .shb-card h2,#sh-blog .shb-card h3{margin:0 0 12px;font:400 clamp(24px,1.9vw,29px)/1.15 var(--b-serif)!important}
#sh-blog .shb-card h2 a,#sh-blog .shb-card h3 a{text-decoration:none;color:var(--b-ink)}
#sh-blog .shb-card h2 a::after,#sh-blog .shb-card h3 a::after{content:"";position:absolute;inset:0}
#sh-blog .shb-card h2 a:focus-visible,#sh-blog .shb-card h3 a:focus-visible{outline:none}
#sh-blog .shb-card:focus-within{outline:2px solid var(--b-rose);outline-offset:3px}
#sh-blog .shb-excerpt{margin:0 0 20px;color:var(--b-body);font-size:15px;line-height:1.7}
#sh-blog .shb-more{margin-top:auto;color:var(--b-ink);font:400 10.5px/1.5 Lato,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}
#sh-blog .shb-more span{display:inline-block;margin-left:6px;color:var(--b-rose);transition:transform .3s}
#sh-blog .shb-card:hover .shb-more span{transform:translateX(4px)}
#sh-blog .shb-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);margin-bottom:clamp(36px,4vw,56px)}
#sh-blog .shb-feature .shb-card-media{aspect-ratio:auto;min-height:380px;height:100%}
#sh-blog .shb-feature .shb-card-body{justify-content:center;padding:clamp(32px,4vw,60px)}
#sh-blog .shb-feature h2{font-size:clamp(32px,3vw,46px)!important;line-height:1.08}
#sh-blog .shb-feature .shb-excerpt{font-size:16px;max-width:440px}
#sh-blog .shb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.4vw,34px)}
#sh-blog .shb-empty{text-align:center;color:var(--b-body)}

/* Article */
#sh-blog .shb-prose{width:min(88%,720px);margin:0 auto;padding:clamp(56px,6vw,90px) 0 clamp(40px,4vw,60px);color:var(--b-body);font-size:18px;line-height:1.8}
#sh-blog .shb-prose > p:first-child{color:var(--b-ink);font:400 clamp(22px,1.9vw,27px)/1.45 var(--b-serif)}
#sh-blog .shb-prose p{margin:0 0 1.25em}
#sh-blog .shb-prose h2{margin:2.1em 0 .6em;font:400 clamp(30px,2.6vw,40px)/1.12 var(--b-serif)!important}
#sh-blog .shb-prose h3{margin:1.7em 0 .5em;font:400 clamp(23px,1.9vw,28px)/1.2 var(--b-serif)!important}
#sh-blog .shb-prose strong{color:var(--b-ink);font-weight:700}
#sh-blog .shb-prose a{color:var(--b-rose);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#sh-blog .shb-prose a:hover{color:var(--b-ink)}
#sh-blog .shb-prose ul,#sh-blog .shb-prose ol{margin:0 0 1.4em;padding-left:1.3em}
#sh-blog .shb-prose li{margin:0 0 .55em;padding-left:.2em}
#sh-blog .shb-prose ul li::marker{color:var(--b-rose)}
#sh-blog .shb-prose ol li::marker{color:var(--b-rose);font-family:var(--b-serif);font-size:1.1em}
#sh-blog .shb-prose figure{width:min(100vw - 48px,1000px);margin:2.4em 0 2.4em 50%;transform:translateX(-50%)}
#sh-blog .shb-prose figure img{display:block;width:100%;border-radius:3px}
#sh-blog .shb-prose figure.shb-tall{width:min(100%,520px)}
#sh-blog .shb-prose figure.shb-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
#sh-blog .shb-prose figure.shb-pair figcaption{grid-column:1/-1}
#sh-blog .shb-prose figcaption{margin-top:12px;color:var(--b-muted);font-size:13px;text-align:center;letter-spacing:.02em}
#sh-blog .shb-prose blockquote{position:relative;margin:2.2em 0;padding:0 0 0 30px;border-left:2px solid var(--b-blush);color:var(--b-ink);font:italic 400 clamp(23px,2vw,29px)/1.4 var(--b-serif)}
#sh-blog .shb-prose blockquote p{margin:0 0 .5em}
#sh-blog .shb-prose blockquote cite{display:block;margin-top:10px;color:var(--b-rose);font:normal 400 11px/1.5 Lato,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}
#sh-blog .shb-prose .shb-note{margin:2em 0;padding:26px 30px;background:var(--b-sand);border-radius:4px;font-size:16px;line-height:1.7}
#sh-blog .shb-prose .shb-note > :last-child{margin-bottom:0}
#sh-blog .shb-prose .shb-note h3{margin-top:0}
#sh-blog .shb-prose table{width:100%;margin:0 0 1.6em;border-collapse:collapse;font-size:15px}
#sh-blog .shb-prose th,#sh-blog .shb-prose td{padding:12px 14px;border-bottom:1px solid var(--b-line);text-align:left;vertical-align:top}
#sh-blog .shb-prose th{color:var(--b-ink);font-weight:700}
#sh-blog .shb-prose .shb-video{position:relative;aspect-ratio:16/9;margin:2.4em 0;background:#111;border-radius:3px;overflow:hidden}
#sh-blog .shb-prose .shb-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#sh-blog .shb-prose .shb-sources{margin-top:2.6em;padding-top:1.4em;border-top:1px solid var(--b-line);color:var(--b-muted);font-size:13.5px;line-height:1.7}
#sh-blog .shb-prose .shb-sources a{color:var(--b-muted)}

/* Author */
#sh-blog .shb-author{width:min(88%,720px);margin:0 auto clamp(70px,6vw,100px);display:grid;grid-template-columns:120px minmax(0,1fr);gap:28px;align-items:start;padding:32px;background:var(--b-paper);border:1px solid var(--b-line);border-radius:4px}
#sh-blog .shb-author img{width:120px;height:120px;object-fit:cover;border-radius:50%}
#sh-blog .shb-author h2{margin:0 0 10px;font:400 30px/1.1 var(--b-serif)!important}
#sh-blog .shb-author p{margin:0 0 14px;color:var(--b-body);font-size:15px;line-height:1.7}
#sh-blog .shb-author .shb-eyebrow{margin-bottom:6px}

/* Related */
#sh-blog .shb-related{padding:clamp(70px,6vw,100px) 0;background:var(--b-sand)}
#sh-blog .shb-related-inner{width:min(88%,1240px);margin:0 auto}
#sh-blog .shb-related h2{margin:0 0 clamp(30px,3vw,46px);font:400 clamp(34px,3vw,46px)/1.1 var(--b-serif)!important}

/* Links + buttons */
#sh-blog .shb-link{display:inline-block;color:var(--b-ink);font:400 10.5px/1.5 Lato,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--b-rose);padding-bottom:3px}
#sh-blog .shb-link:hover{color:var(--b-rose)}
#sh-blog .shb-btn{display:inline-flex;align-items:center;gap:16px;padding:16px 30px;border-radius:999px;background:var(--b-rose-btn);color:#fff;font:400 10.5px/1.4 Lato,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;transition:background .25s}
#sh-blog .shb-btn span{font-size:17px;letter-spacing:0;line-height:1}
#sh-blog .shb-btn:hover{background:var(--b-rose)}
#sh-blog a:focus-visible{outline:2px solid var(--b-rose);outline-offset:4px}

/* Closing invitation */
#sh-blog .shb-closing{position:relative;padding:clamp(80px,8vw,130px) 0;background:var(--b-dark);color:#d9d0c8;text-align:center;overflow:hidden}
#sh-blog .shb-closing-inner{width:min(88%,640px);margin:0 auto}
#sh-blog .shb-closing .shb-eyebrow{color:var(--b-blush)}
#sh-blog .shb-closing h2{margin:0 0 18px;color:#f6f0ea;font:400 clamp(38px,3.8vw,58px)/1.06 var(--b-serif)!important}
#sh-blog .shb-closing h2 em{color:var(--b-blush)}
#sh-blog .shb-closing p{margin:0 auto 30px;max-width:480px;color:#cfc5bc;font-size:16px}
#sh-blog .shb-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 30px}
#sh-blog .shb-closing .shb-link{color:#f6f0ea}
#sh-blog .shb-hand{position:absolute;right:clamp(20px,7vw,130px);top:clamp(40px,5vw,80px);margin:0;color:var(--b-blush);font:400 clamp(22px,1.9vw,30px)/1.12 var(--b-hand);transform:rotate(-8deg);text-align:center}
#sh-blog .shb-hand svg{display:inline-block;width:.7em;height:.6em;margin-left:.3em;vertical-align:-.05em;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1024px){
  #sh-blog .shb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #sh-blog .shb-hand{display:none}
}
@media(max-width:760px){
  #sh-blog .shb-feature{grid-template-columns:1fr}
  #sh-blog .shb-feature .shb-card-media{min-height:0;aspect-ratio:3/2}
  #sh-blog .shb-grid{grid-template-columns:1fr}
  #sh-blog .shb-prose{font-size:17px}
  #sh-blog .shb-author{grid-template-columns:1fr;text-align:left;padding:26px}
  #sh-blog .shb-author img{width:88px;height:88px}
  #sh-blog .shb-hero{min-height:440px;padding-top:120px}
  #sh-blog .shb-post-hero{min-height:500px}
}
@media(prefers-reduced-motion:reduce){#sh-blog *{transition:none!important}}

/* Ordered journal pins */
#sh-blog .shb-pinned .shb-card-media{position:relative}
#sh-blog .shb-pinned .shb-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}