/* Fonts are hosted on this site (no requests to Google). Both are open-licence (SIL OFL); licences are in /fonts. */
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(fonts/jost-latin-wght-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jost'; font-style: italic; font-weight: 100 900; font-display: swap;
  src: url(fonts/jost-latin-wght-italic.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url(fonts/cormorant-garamond-latin-wght-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 300 700; font-display: swap;
  src: url(fonts/cormorant-garamond-latin-wght-italic.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ===== Roskraft — delad stilmall v2 ===== */

:root {
  --cream: #F8F2E6;
  --cream-deep: #EEE3CE;
  --paper: #FCF8F0;
  --espresso: #38271B;
  --espresso-soft: #6B5542;
  --aubergine: #4A2F4E;
  --aubergine-deep: #35213A;
  --gold: #A8803C;
  --gold-bright: #C9A24E;
  --gold-soft: #E3C98A;
  --red: #9A2A1E;
  --cream-text-on-dark: #F3E9D6;
  --hairline: rgba(56,39,27,0.16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--cream);
  color: var(--espresso);
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}

h1, h2, .display {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  color: var(--espresso);
  line-height: 1.08;
  letter-spacing: 0.01em;
  margin: 0 0 0.4em 0;
}

h1 { font-size: 4.6rem; }
h2 { font-size: 2.6rem; }

.eyebrow {
  display: block;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  font-size: 0.78rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 0.9rem;
}

p { max-width: 62ch; font-weight: 300; }
a { color: var(--espresso); }

.container { max-width: 1160px; margin: 0 auto; padding: 0 2.2rem; }

/* ---- gold ornamental divider ---- */
.ornament {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  margin: 0 0 2.2rem 0;
  color: var(--gold);
}
.ornament::before, .ornament::after {
  content: "";
  height: 1px;
  width: 54px;
  background: linear-gradient(to right, transparent, var(--gold));
}
.ornament::after { background: linear-gradient(to left, transparent, var(--gold)); }
.ornament svg { width: 16px; height: 16px; }
.ornament.left { justify-content: flex-start; }
.ornament.left::before { display:none; }
.ornament.left::after { width: 64px; }

/* ---- Nav ---- */
.site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(248, 242, 230, 0.94);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid #8E0203;
}
.nav-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 1.1rem 2.2rem; max-width: 1160px; margin: 0 auto;
}
.nav-logo { display: flex; align-items: center; gap: 0.7rem; text-decoration: none; color: var(--espresso); }
.nav-logo img { height: 38px; width: 38px; }
.nav-logo span { font-family: 'Cormorant Garamond', serif; font-size: 1.55rem; letter-spacing: 0.04em; }
.nav-links { display: flex; gap: 2rem; list-style: none; margin: 0; padding: 0; font-size: 0.88rem; }
.nav-links a {
  text-decoration: none; color: var(--espresso-soft); letter-spacing: 0.06em; text-transform: uppercase;
  font-size: 0.8rem; border-bottom: 1px solid transparent; padding-bottom: 4px;
  transition: border-color 0.25s ease, color 0.25s ease;
}
.nav-links a:hover, .nav-links a.active { color: var(--aubergine); border-color: var(--aubergine); }
.nav-toggle { display: none; background: none; border: none; font-size: 1.6rem; color: var(--espresso); cursor: pointer; }
@media (max-width: 860px) {
  .nav-links { position: absolute; top: 100%; left: 0; right: 0; background: var(--cream); flex-direction: column; gap: 0; border-bottom: 1px solid var(--hairline); display: none; }
  .nav-links.open { display: flex; }
  .nav-links a { display: block; padding: 1rem 2.2rem; border-bottom: 1px solid var(--hairline); }
  .nav-toggle { display: block; }
}

/* ---- Hero ---- */
.hero {
  min-height: 86vh;
  display: flex; align-items: flex-end; justify-content: flex-end;
  padding: 0 7% 4.5rem 0;
  background-size: cover; background-position: center top;
  position: relative; color: var(--cream-text-on-dark); text-align: center;
}
@media (max-width: 760px) { .hero { justify-content: center; padding: 0 0 3rem 0; } }
.hero::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(27,17,11,0.35) 0%, rgba(27,17,11,0.45) 55%, rgba(27,17,11,0.75) 100%);
}
.hero-inner { position: relative; z-index: 1; padding: 2rem; }
.hero-mark { width: 54px; height: 54px; margin: 0 auto 1.6rem; color: var(--gold-soft); }
.hero h1 {
  color: var(--cream-text-on-dark);
  font-size: 2.9rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 400;
}
.hero .hero-sub {
  font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.3rem;
  color: var(--gold-soft); letter-spacing: 0.03em; margin-top: 0.6rem;
}
@media (max-width: 700px) { .hero h1 { font-size: 2.1rem; } }

.page-hero { padding: 7rem 0 3rem; text-align: center; }
.page-hero .lede { font-size: 1.25rem; color: var(--espresso-soft); font-style: italic; font-family: 'Cormorant Garamond', serif; max-width: 52ch; margin: 0 auto; }

/* ---- Sections ---- */
section { padding: 5.5rem 0; }
.section-tight { padding: 3.2rem 0; }

.band-dark { background: var(--espresso); color: var(--cream-text-on-dark); }
.band-dark h1, .band-dark h2 { color: var(--cream-text-on-dark); }
.band-dark p { color: var(--cream-text-on-dark); opacity: 0.92; }
.band-dark .eyebrow { color: var(--gold-soft); }

.band-aubergine { background: var(--aubergine-deep); color: var(--cream-text-on-dark); }
.band-aubergine h1, .band-aubergine h2 { color: var(--cream-text-on-dark); }
.band-aubergine p { color: var(--cream-text-on-dark); opacity: 0.92; }
.band-aubergine .eyebrow { color: var(--gold-soft); }

.band-dark .btn, .band-aubergine .btn { border-color: var(--gold-soft); color: var(--cream-text-on-dark); }
.band-dark .btn:hover, .band-aubergine .btn:hover { background: var(--gold-soft); color: var(--espresso); }

/* ---- Buttons ---- */
.btn {
  display: inline-block; padding: 0.95rem 2.1rem;
  border: 1px solid var(--espresso); color: var(--espresso); text-decoration: none;
  font-family: 'Jost', sans-serif; font-size: 0.8rem; letter-spacing: 0.16em; text-transform: uppercase;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
  margin: 0.3rem 0.7rem 0.3rem 0;
}
.btn:hover { background: var(--espresso); color: var(--cream); }
.btn-gold { border-color: var(--gold); color: var(--gold); }
.btn-gold:hover { background: var(--gold); color: var(--paper); }
.btn-ghost { border-color: var(--aubergine); color: var(--aubergine); }
.btn-ghost:hover { background: var(--aubergine); border-color: var(--aubergine); color: var(--cream-text-on-dark); }

/* red button — used on the Conscious Evolution band */
.btn.btn-red, .band-aubergine .btn.btn-red, .band-dark .btn.btn-red { background: var(--red); border-color: var(--red); color: var(--cream-text-on-dark); }
.btn.btn-red:hover, .band-aubergine .btn.btn-red:hover, .band-dark .btn.btn-red:hover { background: #7A1E14; border-color: #7A1E14; color: var(--cream-text-on-dark); }

.link-row { margin: 1.8rem 0; }

/* ---- Split layout ---- */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.split.reverse { direction: rtl; }
.split.reverse > * { direction: ltr; }
@media (max-width: 860px) { .split { grid-template-columns: 1fr; gap: 2rem; } .split.reverse { direction: ltr; } }

/* ---- Photos: no frame, just softly rounded corners ---- */
.frame img { width: 100%; display: block; border-radius: 16px; }

/* ---- Offer blocks ---- */
.offer { border-top: 1px solid var(--hairline); padding: 2.6rem 0; }
.offer:first-of-type { border-top: none; }
.offer h3 {
  font-family: 'Cormorant Garamond', serif; font-size: 1.9rem; font-weight: 500;
  color: var(--aubergine); margin-bottom: 0.3rem;
}
.offer .meta { color: var(--gold); font-size: 0.82rem; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 1rem; display: block; }

ul.plain { padding-left: 1.3rem; margin: 1.1rem 0; }
ul.plain li { margin-bottom: 0.7rem; }

/* ---- Quote ---- */
blockquote.testimonial {
  border-left: 2px solid var(--aubergine);
  margin: 1.8rem 0; padding: 0.2rem 0 0.2rem 1.5rem;
  font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.35rem;
  color: var(--espresso-soft);
}
blockquote.testimonial footer { font-family: 'Jost', sans-serif; font-style: normal; font-size: 0.82rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gold); margin-top: 0.6rem; }
.stars { color: var(--gold-bright); letter-spacing: 3px; font-size: 1.1rem; margin-bottom: 0.5rem; }

/* ---- Red accent ---- */
.pull-red {
  font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 500;
  font-size: 1.9rem; color: var(--red); max-width: 20ch; line-height: 1.3;
  margin: 1.2rem 0 2rem;
}
.accent-red {
  color: var(--red); font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.12em;
}

/* ---- Söndagsmys: no box behind it any more ---- */
.callout { background: none; padding: 0 2.2rem; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 3rem; align-items: center; }
@media (max-width: 860px) { .callout { grid-template-columns: 1fr; } }

/* ---- Gold three dots ---- */
.dots { display: flex; gap: 8px; justify-content: center; margin: 0 0 2.6rem; }
.dots span { width: 4px; height: 4px; border-radius: 50%; background: var(--gold-bright); display: inline-block; }



/* ---- Footer ---- */
footer.site-footer { background: var(--espresso); color: var(--cream-text-on-dark); padding: 4rem 0 2.2rem; }
footer.site-footer .foot-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 2.5rem; }
footer.site-footer h4 { font-family: 'Jost', sans-serif; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold-soft); font-size: 0.8rem; margin: 0 0 1rem 0; }
footer.site-footer a { color: var(--cream-text-on-dark); text-decoration: none; opacity: 0.88; }
footer.site-footer a:hover { opacity: 1; }
footer.site-footer .foot-links { display: flex; flex-direction: column; gap: 0.6rem; }
footer.site-footer .copyright { margin-top: 2.4rem; font-size: 0.78rem; opacity: 0.55; letter-spacing: 0.05em; }
@media (max-width: 860px) { footer.site-footer .foot-grid { grid-template-columns: 1fr; } }

.note { font-size: 0.85rem; color: #9a8c78; font-style: italic; }
.tm { font-size: 0.6em; vertical-align: super; }


/* ---- Yoga & Läkning: thin gold lines where it meets the sections above and below ---- */
.gold-edges { border-top: 2px solid #D4A843; border-bottom: 2px solid #D4A843; }

/* ---- Same soft dark filter as the hero, laid over a photo ---- */
.frame.shaded { position: relative; border-radius: 16px; overflow: hidden; }
.frame.shaded::after {
  content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none;
  background: linear-gradient(180deg, rgba(27,17,11,0.35) 0%, rgba(27,17,11,0.45) 55%, rgba(27,17,11,0.75) 100%);
}


/* ---- Powerful Human Network: logo and name on one line ---- */
.phn-block { padding: 4.5rem 0 5rem; }
.phn-row { display: flex; align-items: center; justify-content: center; gap: 1.8rem; flex-wrap: wrap; }
.phn-row img { height: 124px; width: auto; display: block; }
.phn-row .phn-name {
  font-family: 'Jost', sans-serif; font-weight: 400; font-size: 1.2rem;
  letter-spacing: 0.26em; text-transform: uppercase; color: var(--espresso);
  max-width: none; margin: 0;
}



/* ---- PHN: smaller, with "Founder of" above the name ---- */
.phn-block { padding: 3.2rem 0 3.6rem; }
.phn-row { gap: 1.4rem; }
.phn-row img { height: 96px; }
.phn-text { text-align: left; }
.phn-founder {
  font-family: 'Jost', sans-serif; font-weight: 500; font-size: 0.66rem; letter-spacing: 0.28em;
  text-transform: uppercase; color: var(--gold); margin: 0 0 0.45rem; max-width: none;
}
.phn-row .phn-name { font-size: 0.98rem; letter-spacing: 0.24em; }
@media (max-width: 560px) { .phn-text { text-align: center; } }

/* ---- Two buttons turn red on hover (Om mig, Till Läkning) ---- */
.btn.btn-hover-red:hover, .band-dark .btn.btn-hover-red:hover {
  background: var(--red); border-color: var(--red); color: var(--cream-text-on-dark);
}


/* ---- Banner: a continuous, slow, rolling strip + a gold line where it meets the section above ---- */
.trust-bar {
  border-top: 2px solid #D4A843; border-bottom: 1px solid var(--hairline);
  padding: 1.3rem 0; font-size: 0.74rem; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--espresso-soft); overflow: hidden; text-align: left;
}
.trust-marquee {
  display: flex; width: max-content;
  animation: trust-roll 100s linear infinite;
  -webkit-mask-image: none; mask-image: none;
}
.trust-marquee:hover { animation-play-state: paused; }
.trust-group { display: flex; flex-shrink: 0; align-items: center; }
.trust-set { display: flex; align-items: center; flex-shrink: 0; }
.trust-item { white-space: nowrap; }
.trust-item::after { content: "·"; margin: 0 1.6rem; color: var(--gold-bright); }
.trust-bar .star { color: var(--gold-bright); letter-spacing: 2px; text-transform: none; }
@keyframes trust-roll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .trust-marquee { animation: none; width: auto; justify-content: center; flex-wrap: wrap; }
  .trust-group[aria-hidden="true"] { display: none; }
  .trust-group .trust-set:not(:first-child) { display: none; }
  .trust-set .trust-item:last-child::after { display: none; }
}

/* ---- Red thread: a red centre dot between two gold ones ---- */
.dots span:nth-child(2) { background: var(--red); }
.band-aubergine .dots span:nth-child(2), .band-dark .dots span:nth-child(2) { background: #C23B2C; }

/* ---- Red thread: a fine red line beside each gold line around Yoga & Läkning ---- */
.gold-edges { position: relative; }
.gold-edges::before, .gold-edges::after {
  content: ""; position: absolute; left: 0; right: 0; height: 1px; background: #B8301F; pointer-events: none;
}
.gold-edges::before { display: none; }   /* top red line removed */
.gold-edges::after  { bottom: -3px; }



/* ---- Small Sri Chakra, in gold, at the top of Vägledning ---- */
.yantra-mark { display: flex; justify-content: center; margin: 0 0 1.4rem; }
.yantra-mark img { width: 80px; height: 80px; display: block; }
section.has-yantra { padding-top: 3.2rem; }

.dots.bottom { margin: 2.6rem 0 0; }


/* =========================================================
   INNER PAGES — the same language as Hem
   ========================================================= */
.hero.hero-page { min-height: 50vh; padding: 0 7% 3.2rem 0; }
.hero.hero-page h1 { font-size: 2.5rem; }
.hero.hero-page .lede {
  font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.25rem;
  color: var(--gold-soft); margin: 0.5rem auto 0; max-width: 30ch;
}
@media (max-width: 760px) { .hero.hero-page { min-height: 40vh; padding: 0 0 2.4rem 0; } }

.title-band { padding: 4.5rem 0 4.2rem; text-align: center; }
.title-band h1 { font-size: 3rem; margin: 0; }
.title-band .dots { margin-bottom: 1.6rem; }
.title-band p.lede {
  font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.3rem;
  color: var(--gold-soft); opacity: 1; margin: 0.9rem auto 0; max-width: 40ch;
}

.statements { margin-bottom: 2rem; }
.statements p { font-family: 'Cormorant Garamond', serif; font-size: 1.55rem; line-height: 1.45; margin: 0 0 0.5rem; max-width: 52ch; color: var(--espresso); }

.btn.btn-wrap { white-space: normal; text-align: center; max-width: 34rem; line-height: 1.65; }
.pull-red.center { max-width: 26ch; margin: 1rem auto 2rem; }
.page-hero h1 { font-size: 3rem; }
p a { text-decoration-color: var(--gold); text-underline-offset: 3px; }
h2.band-title { font-size: 2rem; }

/* =========================================================
   FÖRETAG — grounded: espresso, cream and gold only.
   Red and purple stay out of this page.
   ========================================================= */
body.theme-grounded .site-header { border-bottom: 2px solid #D4A843; }
body.theme-grounded .nav-links a:hover, body.theme-grounded .nav-links a.active { color: var(--espresso); border-color: #D4A843; }
body.theme-grounded .dots span:nth-child(2) { background: var(--gold-bright); }
body.theme-grounded .gold-edges::after { display: none; }
body.theme-grounded .btn-ghost { border-color: var(--espresso-soft); color: var(--espresso); }
body.theme-grounded .btn-ghost:hover { background: var(--espresso); border-color: var(--espresso); color: var(--cream-text-on-dark); }
body.theme-grounded blockquote.testimonial { border-left-color: var(--gold); }
body.theme-grounded .offer h3 { color: var(--espresso); }

.link-row.center-row { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.8rem; }
.link-row.center-row .btn { margin: 0.2rem 0; }

/* centred intro blocks (Tack, Integritetspolicy): keep the paragraph box centred too */
.page-hero p { margin-left: auto; margin-right: auto; }
.policy h3 { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: 1.6rem; color: var(--aubergine); margin: 2.4rem 0 0.4rem; }
.policy h3:first-child { margin-top: 0; }


/* =========================================================
   ROUND: tighter spacing, red band, Företag feature blocks, Om mig story
   ========================================================= */
/* Yoga — less space before the first offering */
.intro-tight { padding-bottom: 1.2rem; }
.offers-tight { padding-top: 0.2rem; }
.offers-tight .offer:first-of-type { padding-top: 1.2rem; }

/* Öppet Hjärta — its own deep red band */
.band-red {
  background: #8E0203; color: var(--cream-text-on-dark);
  border-top: 2px solid #D4A843; border-bottom: 2px solid #D4A843;
  padding: 4.5rem 0 4.8rem; text-align: center;
}
.band-red .dots { margin-bottom: 1.8rem; }
.band-red .dots span:nth-child(2) { background: var(--gold-bright); }
.band-red .container { max-width: 800px; }
.band-red h2 { color: var(--cream-text-on-dark); font-size: 2.5rem; margin-bottom: 0.3rem; }
.band-red .band-sub { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.55rem; color: var(--gold-soft); margin: 0 auto 1.8rem; max-width: none; }
.band-red .band-lead { font-family: 'Cormorant Garamond', serif; font-size: 1.45rem; color: var(--cream-text-on-dark); margin: 0 auto 1.1rem; max-width: none; }
.band-red p { color: var(--cream-text-on-dark); opacity: 0.96; margin-left: auto; margin-right: auto; }
.band-red .btn { border-color: var(--gold-soft); color: var(--cream-text-on-dark); }
.band-red .btn:hover { background: var(--gold-soft); border-color: var(--gold-soft); color: var(--espresso); }

/* Företag — intro about me, a standing-out Initiativ Mindfulness block, and the entrepreneur callout */
.bio-intro { padding-bottom: 1.2rem; }
.bio-intro p.bio { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.5rem; line-height: 1.6; color: var(--espresso); max-width: 62ch; }
.feature-initiativ { padding: 3.6rem 0 3.4rem; border-top: 1px solid #D4A843; border-bottom: 1px solid #D4A843; }
.feature-initiativ h2 { font-size: 2.6rem; margin-bottom: 0.3rem; }
.feature-initiativ .feature-lead { font-size: 1.22rem; line-height: 1.85; color: var(--espresso); max-width: 62ch; }
.programme { padding-top: 1.6rem; }
.callout-feature { background: var(--gold-whisper); border-left: 3px solid #D4A843; padding: 2rem 2.2rem 1.7rem; margin: 2.2rem 0; max-width: 760px; }
.callout-feature .entre { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.85rem; line-height: 1.4; color: var(--espresso); margin: 0 0 1.2rem; max-width: 30ch; }
.callout-feature .btn { margin-bottom: 0; }

/* Om mig — tighter when the story is open, with a thin espresso line at its end */
#full-story { padding-top: 0.2rem; padding-bottom: 0.4rem; }
.story-open { padding-bottom: 1.2rem; }
#full-story.open + section { padding-top: 2rem; }
.espresso-line { border: 0; border-top: 1px solid var(--espresso); margin: 2.2rem 0 0; }
.tight-above { padding-top: 0.8rem; }
.intro-tight .link-row { margin-bottom: 0.2rem; }
.offers-tight .offer:first-of-type h3 { margin-top: 0; }
.feature-initiativ { background: var(--cream-deep); padding: 3.6rem 0 3rem; }
.programme { padding-top: 2.2rem; }
.callout-feature .entre { max-width: 40ch; }

/* Företag: headshot beside the "who I am" intro */
.bio-intro .split { gap: 3.6rem; align-items: center; }
.bio-intro .frame img { aspect-ratio: 1 / 1; object-fit: cover; object-position: 46% 18%; }
@media (min-width: 861px) { .bio-intro .split { grid-template-columns: 1.2fr 0.8fr; } }

.callout-feature { padding: 1.7rem 2.2rem; }
.callout-feature .entre { margin: 0; }

/* small note under booking buttons: prices live on the booking page */
.price-note { font-size: 0.8rem; letter-spacing: 0.04em; font-style: italic; color: var(--espresso-soft); margin: 0.4rem 0 0; max-width: none; }
.link-row + .price-note { margin-top: -1.1rem; }
.band-dark .price-note, .band-aubergine .price-note, .band-red .price-note { color: var(--cream-text-on-dark); opacity: 0.72; }
/* the Yoga intro button has tighter spacing underneath, so its note must not be pulled up into it */
.intro-tight .link-row + .price-note { margin-top: 0.5rem; }