:root{
  --bg: oklch(98.5% .008 68);
  --card: oklch(99.5% .004 68);
  --fg: oklch(27.5% .047 158);
  --muted: oklch(94.4% .014 70);
  --muted-fg: oklch(48% .035 166);
  --border: oklch(90.5% .016 76);
  --forest: oklch(39.43% .0673 157.9);
  --forest-deep: oklch(30% .05 158);
  --on-forest: oklch(96.02% .0171 67.62);
  --on-forest-muted: oklch(85% .03 120);
  --yellow: oklch(90.45% .1526 95.16);
  --clay: oklch(68% .104 46);--clay-text: oklch(52% .11 46);
  --mint: oklch(96% .02 158);
  --radius: .375rem;
  --r: .375rem;
  --display: "Instrument Serif", ui-serif, Georgia, serif;
  --sans: "Work Sans", ui-sans-serif, system-ui, sans-serif;
  --label: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --wrap: 72rem;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:1.0625rem;line-height:1.65;font-weight:400}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;letter-spacing:-.01em;margin:0}
h1{font-size:clamp(2.6rem,6vw,4.6rem)}
h2{font-size:clamp(2rem,4.2vw,3.2rem)}
h3{font-size:1.6rem}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
@media (min-width:720px){.wrap{padding:0 32px}}
section{padding:clamp(4rem,9vw,7rem) 0}
.eyebrow{font-family:var(--label);font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--clay-text);margin-bottom:1rem}
.lead{font-size:1.2rem;color:var(--muted-fg);max-width:44rem;margin-top:1.25rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--label);font-weight:500;font-size:.95rem;text-decoration:none;padding:.9rem 1.4rem;border-radius:999px;transition:transform .15s ease,background-color .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.btn-yellow{background:var(--yellow);color:var(--forest-deep)}
.btn-ghost{color:var(--on-forest);border:1px solid color-mix(in oklab,var(--on-forest) 35%,transparent)}
.btn-forest{background:var(--forest);color:var(--on-forest)}

/* Header */
.site-header{background:var(--forest);color:var(--on-forest);position:sticky;top:0;z-index:20}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:4.5rem;gap:1rem}
.logo img{width:120px;height:auto}
.nav{display:none;gap:1.75rem;font-family:var(--label);font-size:.92rem}
.nav a{text-decoration:none;opacity:.9}
.nav a:hover{opacity:1;color:var(--yellow)}
@media (min-width:960px){.nav{display:flex}}
.site-header .btn{padding:.6rem 1.1rem;font-size:.88rem}

/* Hero */
.hero{background:var(--forest);color:var(--on-forest);padding-top:clamp(3rem,7vw,5.5rem)}
.hero-grid{display:grid;gap:3rem;align-items:center}
@media (min-width:960px){.hero-grid{grid-template-columns:1.1fr .9fr}}
.hero .eyebrow{color:var(--yellow)}
.hero h1 em{font-style:italic;color:var(--yellow)}
.hero .lead{color:var(--on-forest-muted)}
.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.hero-img{border-radius:var(--r);overflow:hidden;aspect-ratio:1/1}
.hero-img img{width:100%;height:100%;object-fit:cover}
.trust{margin-top:clamp(3rem,6vw,4.5rem);padding-top:1.75rem;border-top:1px solid color-mix(in oklab,var(--on-forest) 18%,transparent);display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 2.5rem}
.trust p{font-family:var(--label);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--on-forest-muted)}
.trust img{height:44px;width:auto;background:#fff;border-radius:.5rem;padding:8px 14px}

/* Risk */
.cards3{display:grid;gap:1.25rem;margin-top:3rem}
@media (min-width:860px){.cards3{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:2rem}
.card h3{margin-bottom:.75rem}
.card p{color:var(--muted-fg)}
.card .num{font-family:var(--label);font-size:.8rem;color:var(--clay-text);font-weight:600;letter-spacing:.1em;margin-bottom:1.25rem;display:block}

/* Shift table */
.shift{background:var(--muted)}
.shift-table{width:100%;border-collapse:collapse;margin-top:3rem;background:var(--card);border-radius:var(--r);overflow:hidden;border:1px solid var(--border)}
.shift-table caption{text-align:left;font-family:var(--label);font-size:.85rem;color:var(--muted-fg);padding:0 0 .75rem;caption-side:top}
.shift-table th,.shift-table td{text-align:left;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);vertical-align:top}
.shift-table thead th{font-family:var(--label);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--muted-fg);background:var(--card)}
.shift-table tbody tr:last-child td,.shift-table tbody tr:last-child th{border-bottom:0}
.shift-table .from{color:var(--muted-fg);text-decoration:line-through;text-decoration-color:color-mix(in oklab,var(--clay) 70%,transparent)}
.shift-table .to{font-family:var(--display);font-size:1.45rem;font-weight:400;color:var(--forest);line-height:1.2}
@media (max-width:719px){
  .shift-table thead{display:none}
  .shift-table,.shift-table tbody,.shift-table tr,.shift-table td,.shift-table th{display:block;width:100%}
  .shift-table tr{padding:1.25rem 1.25rem;border-bottom:1px solid var(--border)}
  .shift-table tbody tr:last-child{border-bottom:0}
  .shift-table td,.shift-table th{padding:.2rem 0;border:0}
  .shift-table .from::before{content:attr(data-label);text-decoration:none;display:inline-block;margin-right:.3em}
}

/* Staircase */
.stairs{list-style:none;padding:0;margin:3rem 0 0;display:grid;gap:1rem;counter-reset:s}
@media (min-width:960px){.stairs{grid-template-columns:repeat(5,1fr)}}
.stairs li{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem;display:flex;flex-direction:column;gap:.6rem}
@media (min-width:960px){
  .stairs{align-items:stretch}
  .stairs li:nth-child(1){margin-top:8rem}
  .stairs li:nth-child(2){margin-top:6rem}
  .stairs li:nth-child(3){margin-top:4rem}
  .stairs li:nth-child(4){margin-top:2rem}
}
.stairs li:last-child{background:var(--forest);color:var(--on-forest);border-color:var(--forest)}
.stairs li:last-child p{color:var(--on-forest-muted)}
.stairs .step{font-family:var(--label);font-size:.78rem;font-weight:600;letter-spacing:.12em;color:var(--clay-text)}
.stairs li:last-child .step{color:var(--yellow)}
.stairs h3{font-size:1.55rem}
.stairs p{color:var(--muted-fg);font-size:.98rem}
.stairs .effect{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border);font-family:var(--label);font-size:.82rem;color:var(--fg)}
.stairs li:last-child .effect{border-color:color-mix(in oklab,var(--on-forest) 20%,transparent);color:var(--yellow)}

/* Levels */
.levels{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-top:2.5rem}
@media (min-width:720px){.levels{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.levels{grid-template-columns:repeat(4,1fr)}}
.levels div{background:var(--card);padding:1.75rem}
.levels h3{font-size:1.4rem;margin-bottom:.5rem}
.levels p{color:var(--muted-fg);font-size:.98rem}

/* Offer */
.offer{background:var(--forest);color:var(--on-forest)}
.offer .eyebrow{color:var(--yellow)}
.offer .lead{color:var(--on-forest-muted)}
.packages{display:grid;gap:1.25rem;margin-top:3rem}
@media (min-width:960px){.packages{grid-template-columns:repeat(3,1fr)}}
.pkg{background:var(--forest-deep);border:1px solid color-mix(in oklab,var(--on-forest) 14%,transparent);border-radius:var(--r);padding:2rem;display:flex;flex-direction:column}
.pkg.flag{background:var(--on-forest);color:var(--fg);border-color:var(--yellow);box-shadow:0 0 0 2px var(--yellow)}
.pkg .tag{font-family:var(--label);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow)}
.pkg.flag .tag{color:var(--clay-text)}
.pkg h3{font-size:1.9rem;margin:.6rem 0 .75rem}
.pkg .for{color:var(--on-forest-muted);font-size:.98rem}
.pkg.flag .for{color:var(--muted-fg)}
.pkg ul{margin:1.25rem 0;padding:0;list-style:none;display:grid;gap:.55rem;font-size:.97rem}
.pkg li{padding-left:1.5rem;position:relative}
.pkg li::before{content:"";position:absolute;left:0;top:.62em;width:.7rem;height:2px;background:var(--yellow)}
.pkg.flag li::before{background:var(--clay)}
.pkg dl{margin:auto 0 0;padding-top:1.25rem;border-top:1px solid color-mix(in oklab,currentColor 18%,transparent);display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;font-size:.92rem}
.pkg dt{font-family:var(--label);color:var(--on-forest-muted)}
.pkg.flag dt{color:var(--muted-fg)}
.pkg dd{margin:0}
.offer-note{margin-top:2rem;color:var(--on-forest-muted);font-size:.98rem;max-width:46rem}

/* Expertise */
.feature{display:grid;gap:2.5rem;align-items:center}
@media (min-width:960px){.feature{grid-template-columns:1fr 1fr}}
.feature-img{border-radius:var(--r);overflow:hidden}
.feature p+p{margin-top:1rem}
.feature .body{color:var(--muted-fg);margin-top:1.25rem}
.expert-grid{display:grid;gap:1.25rem;margin-top:3rem}
@media (min-width:860px){.expert-grid{grid-template-columns:repeat(2,1fr)}}
.link{font-family:var(--label);font-size:.9rem;font-weight:500;color:var(--forest);display:inline-block;margin-top:1rem}

/* Buyers */
.buyers{background:var(--mint)}
.quote{font-family:var(--display);font-style:italic;font-size:1.45rem;line-height:1.3;color:var(--forest);margin:.25rem 0 1rem}
.buyer-role{font-family:var(--label);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--clay-text)}

/* Cases */
.cases{display:grid;gap:1.25rem;margin-top:3rem}
@media (min-width:860px){.cases{grid-template-columns:repeat(2,1fr)}}
.case-logo{height:30px;width:auto;margin-bottom:1.5rem}
.case h3{margin-bottom:.75rem}

/* CTA */
.cta{background:var(--forest);color:var(--on-forest);text-align:center}
.cta .lead{color:var(--on-forest-muted);margin-left:auto;margin-right:auto}
.cta .hero-cta{justify-content:center}

/* Footer */
footer{background:var(--forest-deep);color:var(--on-forest-muted);padding:3.5rem 0 2.5rem;font-size:.95rem}
.foot{display:grid;gap:2rem}
@media (min-width:860px){.foot{grid-template-columns:2fr 1fr 1fr}}
footer h2{font-family:var(--label);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--on-forest);margin-bottom:.9rem}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
footer a{text-decoration:none}
footer a:hover{color:var(--yellow)}
.legal{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid color-mix(in oklab,var(--on-forest) 14%,transparent);font-size:.85rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px}
.skip:focus{left:16px;top:16px;z-index:50;background:var(--yellow);color:var(--forest-deep);padding:.5rem 1rem;border-radius:.5rem}

.sub-h{margin-top:4.5rem;font-size:clamp(1.6rem,3vw,2.2rem)}

/* Header: language toggle + mobile menu */
.head-right{display:flex;align-items:center;gap:.75rem}
.lang{display:flex;border:1px solid color-mix(in oklab,var(--on-forest) 30%,transparent);border-radius:999px;padding:3px}
.lang a{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:999px;text-decoration:none;font-family:var(--label);font-size:.78rem;font-weight:500;color:var(--on-forest);opacity:.75}
.lang a:hover{opacity:1}
.lang a[aria-current]{background:var(--on-forest);color:var(--forest-deep);opacity:1}
.flag{width:20px;height:13px;border-radius:2px;display:block;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.mnav{position:relative}
.mnav summary{list-style:none;cursor:pointer;font-family:var(--label);font-size:.88rem;padding:.55rem .9rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--on-forest) 35%,transparent)}
.mnav summary::-webkit-details-marker{display:none}
.mnav nav{position:absolute;right:0;top:calc(100% + .5rem);background:var(--forest-deep);border-radius:var(--r);padding:.75rem;display:grid;min-width:15rem;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.mnav nav a{padding:.6rem .75rem;text-decoration:none;font-family:var(--label);font-size:.95rem;border-radius:.5rem}
.mnav nav a:hover{background:color-mix(in oklab,var(--on-forest) 10%,transparent);color:var(--yellow)}
@media (min-width:960px){.mnav{display:none}}
@media (max-width:719px){.head-cta{display:none}.logo img{width:96px}}
.nav a[aria-current]{color:var(--yellow);opacity:1}

/* Knowledge page */
.page-hero{background:var(--forest);color:var(--on-forest);padding:clamp(3.5rem,7vw,5.5rem) 0}
.page-hero .eyebrow{color:var(--yellow)}
.page-hero .lead{color:var(--on-forest-muted)}
.areas{display:grid;gap:1.25rem;margin-top:3rem}
@media (min-width:960px){.areas{grid-template-columns:repeat(3,1fr)}}
.area{display:flex;flex-direction:column}
.area ul{margin:1.25rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem;font-size:.97rem;color:var(--fg)}
.area li{padding-left:1.4rem;position:relative}
.area li::before{content:"";position:absolute;left:0;top:.65em;width:.65rem;height:2px;background:var(--clay)}
.area .links{margin-top:auto;padding-top:1.25rem;display:grid;gap:.25rem}
.area .link{margin-top:0}
.guide{background:var(--mint)}
.guide-grid{display:grid;gap:3rem;align-items:center}
@media (min-width:900px){.guide-grid{grid-template-columns:.8fr 1.2fr}}
.guide-cover{max-width:22rem;margin:0 auto;border-radius:.5rem;overflow:hidden;box-shadow:0 30px 60px -30px rgba(20,50,35,.55);transform:rotate(-2deg)}
.guide ul{margin:1.5rem 0 0;padding:0;list-style:none;display:grid;gap:.6rem}
.guide li{padding-left:1.6rem;position:relative}
.guide li::before{content:"";position:absolute;left:0;top:.55em;width:.7rem;height:.7rem;border-radius:50%;background:var(--forest)}
.guide .meta{margin-top:1rem;font-family:var(--label);font-size:.85rem;color:var(--muted-fg)}
.guide .for{margin-top:1.25rem;color:var(--muted-fg)}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.5rem;list-style:none;padding:0}
.chips li{font-family:var(--label);font-size:.85rem;padding:.55rem 1rem;border-radius:999px;background:var(--card);border:1px solid var(--border)}
.chips li b{color:var(--clay-text);font-weight:600;margin-right:.35rem}
.articles{display:grid;gap:1.25rem;margin-top:3rem}
@media (min-width:860px){.articles{grid-template-columns:repeat(3,1fr)}}
.article{display:flex;flex-direction:column}
.article .cat{font-family:var(--label);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--clay-text);margin-bottom:.75rem}
.article h3{font-size:1.45rem;margin-bottom:.75rem}
.article h3 a{text-decoration:none}
.article h3 a:hover{text-decoration:underline}
.article .link{margin-top:auto;padding-top:1rem}
.note{margin-top:1.5rem;font-size:.92rem;color:var(--muted-fg)}

/* ===== Multi-page components ===== */
.wrap.narrow{max-width:50rem}
.crumbs ol{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;font-family:var(--label);font-size:.8rem}
.crumbs li{color:inherit;opacity:.8}
.crumbs li+li::before{content:"/";margin-right:.35rem;opacity:.6}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs [aria-current]{opacity:1;max-width:28ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.on-dark{color:var(--on-forest-muted)}
.on-dark a{color:var(--yellow)}
.note{margin-top:1rem;font-size:.92rem}
.subtitle{font-family:var(--display);font-style:italic;font-size:1.5rem;line-height:1.3;margin-top:1rem;color:var(--forest)}

/* article / case hero */
.art-hero{padding:clamp(2.5rem,6vw,4.5rem) 0 2rem}
.art-hero h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.art-hero .lead{margin-top:1.25rem}
.byline{margin-top:1.25rem;font-family:var(--label);font-size:.85rem;color:var(--muted-fg)}
.art-img{margin:0 0 2.5rem;border-radius:var(--r);overflow:hidden}
.art-img img{width:100%}
.hero-logo-wrap{background:#fff;border:1px solid var(--border);border-radius:.75rem;padding:.9rem 1.2rem;display:inline-block;margin-bottom:1.5rem}
.hero-logo{height:44px;width:auto}

/* prose */
.prose{font-size:1.08rem;line-height:1.75;padding-bottom:1rem}
.prose>*+*{margin-top:1.1rem}
.prose h2{font-size:clamp(1.7rem,3.2vw,2.2rem);margin-top:2.75rem}
.prose h3{font-size:1.45rem;margin-top:2rem}
.prose h4{font-family:var(--label);font-size:1rem;font-weight:600;margin-top:1.5rem}
.prose ul,.prose ol{padding-left:1.25rem;display:grid;gap:.4rem}
.prose li::marker{color:var(--clay)}
.prose a{color:var(--forest);text-underline-offset:3px}
.prose-fig{margin:2rem 0}
.prose-fig img{border-radius:.75rem;width:100%}
figcaption{font-family:var(--label);font-size:.82rem;color:var(--muted-fg);margin-top:.6rem}
.quote-block{margin:2rem 0;padding:1.75rem 2rem;background:var(--mint);border-left:4px solid var(--forest);border-radius:0 1rem 1rem 0}
.quote-block blockquote{margin:0;font-family:var(--display);font-size:1.35rem;line-height:1.45;color:var(--forest)}
.quote-block blockquote p+p{margin-top:1rem}
.quote-block figcaption{margin-top:1rem;font-size:.9rem;color:var(--fg)}
.video{margin:1.5rem 0}
.video .yt,.video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:.75rem;overflow:hidden;position:relative;cursor:pointer;padding:0;background:#000}
.video .yt img{width:100%;height:100%;object-fit:cover;opacity:.85}
.video .play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:var(--yellow);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.video .play::after{content:"";position:absolute;left:31px;top:24px;border-left:22px solid var(--forest-deep);border-top:14px solid transparent;border-bottom:14px solid transparent}
.related-offer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem 1rem;margin:2rem 0 3rem;padding:1.4rem 1.6rem;border-radius:var(--r);background:var(--forest);color:var(--on-forest);text-decoration:none}
.related-offer span{font-family:var(--label);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);grid-column:1}
.related-offer strong{font-family:var(--display);font-weight:400;font-size:1.5rem;grid-column:1}
.related-offer i{grid-row:1/3;grid-column:2;font-style:normal;font-size:1.6rem;color:var(--yellow)}
.related-offer+.related-offer{margin-top:-2rem}
.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.tags span{font-family:var(--label);font-size:.8rem;padding:.4rem .8rem;border-radius:999px;background:var(--muted)}

/* episodes */
.ep-hero{background:var(--forest);color:var(--on-forest);padding:clamp(2.5rem,6vw,4.5rem) 0}
.ep-hero .eyebrow{color:var(--yellow)}
.ep-hero .lead{color:var(--on-forest-muted)}
.ep-hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem)}
.ep-grid{display:grid;gap:2.5rem;align-items:center}
@media (min-width:960px){.ep-grid{grid-template-columns:1.3fr .7fr}}
.ep-photo{margin:0}
.ep-photo img{border-radius:var(--r);width:100%;aspect-ratio:1/1;object-fit:cover}
.ep-photo figcaption{color:var(--on-forest-muted)}
.guest-line{margin-top:1.5rem;display:grid;gap:.15rem}
.guest-line strong{font-family:var(--label);font-weight:600}
.guest-line span{color:var(--on-forest-muted);font-size:.95rem}
.spotify{margin:2.5rem 0 1rem}
.spotify iframe{border:0;border-radius:12px;display:block}
.episodes{display:grid;gap:1.25rem;margin-top:2.5rem}
@media (min-width:720px){.episodes{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.episodes{grid-template-columns:repeat(3,1fr)}}
.ep-card{display:flex;flex-direction:column;padding:0;overflow:hidden}
.ep-card>*:not(.ep-img){margin-left:1.6rem;margin-right:1.6rem}
.ep-card .ep-img{display:block;aspect-ratio:1/1;overflow:hidden;margin-bottom:1.25rem}
.ep-card .ep-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.ep-card:hover .ep-img img{transform:scale(1.03)}
.ep-card h3{font-size:1.4rem;margin-bottom:.6rem}
.ep-card h3 a,.case h3 a{text-decoration:none}
.ep-card h3 a:hover,.case h3 a:hover{text-decoration:underline}
.ep-card .guest{font-size:.9rem;margin-bottom:.6rem}
.ep-card>p:not(.cat):not(.guest){color:var(--muted-fg);font-size:.97rem}
.card-links{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:auto!important;padding:1rem 0 1.5rem}
.card-links .link{margin-top:0}
.cat{font-family:var(--label);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--clay-text);margin-bottom:.6rem}

/* cases */
.cases.three{grid-template-columns:1fr}
@media (min-width:860px){.cases.three,.cases.grid{grid-template-columns:repeat(3,1fr)}}
.case{display:flex;flex-direction:column}
.case>p:not(.cat){color:var(--muted-fg);font-size:.97rem;margin-top:.5rem}
.case .link{margin-top:auto;padding-top:1rem}
.case-logo-wrap{height:56px;display:flex;align-items:center;margin-bottom:1.25rem}
.case-logo{max-height:44px;width:auto;max-width:160px;object-fit:contain}
.case-name{font-family:var(--label);font-weight:600;font-size:1.05rem}
.logo-wall{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
@media (min-width:720px){.logo-wall{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1080px){.logo-wall{grid-template-columns:repeat(5,1fr)}}
.logo-wall li{background:var(--card);display:flex;align-items:center;justify-content:center;padding:1.5rem;min-height:96px}
.logo-wall img{max-height:40px;max-width:140px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.logo-wall li:hover img{filter:none;opacity:1}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.chip{font-family:var(--label);font-size:.85rem;padding:.55rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer}
.chip.on{background:var(--forest);color:var(--on-forest);border-color:var(--forest)}
.filters+.episodes,.filters+.cases{margin-top:1.5rem}
.articles.two{grid-template-columns:1fr}
@media (min-width:860px){.articles.two{grid-template-columns:repeat(2,1fr)}}

/* generic layout helpers for hand-written pages */
.split2{display:grid;gap:2.5rem;align-items:start}
@media (min-width:900px){.split2{grid-template-columns:1fr 1fr}.split2.wide-left{grid-template-columns:1.2fr .8fr}}
.media{border-radius:var(--r);overflow:hidden}
.media img{width:100%;height:100%;object-fit:cover}
.checks{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.7rem}
.checks li{padding-left:2rem;position:relative}
.checks li::before{content:"";position:absolute;left:0;top:.2em;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--mint);box-shadow:inset 0 0 0 2px var(--forest)}
.checks li::after{content:"";position:absolute;left:.42rem;top:.42em;width:.35rem;height:.6rem;border:solid var(--forest);border-width:0 2px 2px 0;transform:rotate(45deg)}
.grid2,.grid3,.grid4{display:grid;gap:1.25rem;margin-top:2.5rem}
@media (min-width:760px){.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(2,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}}
.card h3+p{margin-top:.25rem}
.card .meta-dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:1.25rem 0 0;font-size:.92rem}
.card .meta-dl dt{font-family:var(--label);color:var(--muted-fg)}
.card .meta-dl dd{margin:0}
.card ul{margin:1rem 0 0;padding-left:1.1rem;display:grid;gap:.35rem;font-size:.97rem}
.card ul li::marker{color:var(--clay)}
.steps{list-style:none;padding:0;margin:2.5rem 0 0;display:grid;gap:1rem;counter-reset:st}
@media (min-width:900px){.steps{grid-template-columns:repeat(5,1fr)}}
.steps li{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:1.4rem}
.steps li b{display:block;font-family:var(--label);font-size:.78rem;color:var(--clay-text);letter-spacing:.1em;margin-bottom:.5rem}
.steps h3{font-size:1.3rem;margin-bottom:.4rem}
.steps p{color:var(--muted-fg);font-size:.95rem}
.band{background:var(--forest);color:var(--on-forest);border-radius:1.25rem;padding:clamp(1.75rem,4vw,3rem);margin-top:3rem}
.band .eyebrow{color:var(--yellow)}
.band p{color:var(--on-forest-muted)}
.band h2,.band h3{color:var(--on-forest)}
.pdf-promo{display:grid;gap:2rem;align-items:center}
@media (min-width:860px){.pdf-promo{grid-template-columns:.5fr 1.5fr}}
.pdf-promo img{border-radius:.5rem;box-shadow:0 20px 50px -25px rgba(20,50,35,.6);max-width:14rem}

/* team */
.team{display:grid;gap:1.25rem;margin-top:2.5rem}
@media (min-width:860px){.team{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1180px){.team{grid-template-columns:repeat(3,1fr)}}
.person-card{display:flex;flex-direction:column}
.person-card img{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:1rem}
.person-card .role{font-family:var(--label);font-size:.85rem;color:var(--clay-text);margin:.25rem 0 .75rem}
.person-card details{margin-top:auto;padding-top:1rem}
.person-card summary{cursor:pointer;font-family:var(--label);font-size:.9rem;font-weight:500;color:var(--forest)}
.person-card details p{margin-top:.75rem;font-size:.95rem;color:var(--muted-fg)}
.skills{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:.75rem 0 0}
.skills li{font-family:var(--label);font-size:.75rem;padding:.3rem .65rem;border-radius:999px;background:var(--muted)}

/* forms */
.form{display:grid;gap:1rem}
.form label{font-family:var(--label);font-size:.85rem;font-weight:500;display:block;margin-bottom:.35rem}
.form input,.form select,.form textarea{width:100%;font:inherit;font-size:1rem;padding:.8rem .95rem;border-radius:.6rem;border:1px solid var(--border);background:var(--card);color:var(--fg)}
.form textarea{min-height:9rem;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--forest);outline-offset:1px}
.form .row2{display:grid;gap:1rem}
@media (min-width:640px){.form .row2{grid-template-columns:1fr 1fr}}
.form .check{display:flex;gap:.6rem;align-items:flex-start;font-family:var(--sans);font-weight:400;font-size:.95rem}
.form .check input{width:auto;margin-top:.3rem}
.form .hp{position:absolute;left:-9999px}
.form button{justify-self:start;border:0;cursor:pointer}
.form-status{font-size:.95rem;min-height:1.4em}
.form-status.ok{color:var(--forest);font-weight:500}
.form-status.err{color:#b4372c}
.form-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:clamp(1.5rem,4vw,2.5rem)}
.privacy{font-size:.85rem;color:var(--muted-fg)}

/* capgemini */
.gate{min-height:60vh;display:flex;align-items:center}
.gate-card{max-width:34rem}
.gate-form{margin-top:2rem}
.gate-form label{color:var(--on-forest)}
.gate-row{display:flex;gap:.6rem;flex-wrap:wrap}
.gate-row input{flex:1;min-width:12rem}
.form-error{color:#ffb4a8;margin-top:.5rem}
.cg-hero h1 em{font-style:italic;color:var(--yellow)}
.dl-card{background:var(--forest-deep);border:1px solid color-mix(in oklab,var(--on-forest) 14%,transparent);border-radius:var(--r);padding:1.75rem}
.dl-card h2{font-size:1.6rem;margin-bottom:1rem}
.dl-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.dl-list a{display:grid;gap:.15rem;padding:.9rem 1rem;border-radius:.75rem;background:color-mix(in oklab,var(--on-forest) 7%,transparent);text-decoration:none}
.dl-list a:hover{background:color-mix(in oklab,var(--on-forest) 13%,transparent)}
.dl-list strong{font-family:var(--label);font-weight:500;color:var(--yellow)}
.dl-list span{font-size:.88rem;color:var(--on-forest-muted)}
.takeaways{list-style:none;padding:0;margin:2.5rem 0 0;display:grid;gap:1rem}
.takeaways li{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem 1.75rem}
.takeaways .n{font-family:var(--display);font-size:2.2rem;color:var(--clay);line-height:1}
.takeaways h3{font-size:1.45rem;margin-bottom:.35rem}
.takeaways p{color:var(--muted-fg)}
.explore{display:grid;gap:1.25rem;margin-top:2.5rem}
@media (min-width:860px){.explore{grid-template-columns:repeat(2,1fr)}}
.explore-card{text-decoration:none;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}
.explore-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px -28px rgba(20,50,35,.5)}
.explore-card h3{margin-bottom:.5rem}
.explore-card .link{margin-top:auto;padding-top:1rem}
.speakers{display:grid;gap:1.25rem;margin-top:2.5rem}
@media (min-width:860px){.speakers{grid-template-columns:repeat(2,1fr)}}
.speaker{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:start}
.speaker img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.speaker .role{font-family:var(--label);font-size:.85rem;color:var(--clay-text);margin:.2rem 0 .6rem}
.cta .btn-ghost{color:var(--on-forest)}
.card ul.skills{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:.75rem 0 0;list-style:none}
.split2 .lead+p{margin-top:1rem}
.btn-outline{border:1.5px solid var(--forest);color:var(--forest)}

/* FAQ on offering pages */
.faq h2{margin-bottom:1.5rem}
.faq-item{border-top:1px solid var(--border)}
.faq-item:last-child{border-bottom:1px solid var(--border)}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 0;font-family:var(--label);font-weight:500;font-size:1.05rem;color:var(--forest)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--clay);flex-shrink:0}
.faq-item[open] summary::after{content:"–"}
.faq-item p{color:var(--muted-fg);padding:0 0 1.5rem;max-width:44rem}
.faq-item a{color:var(--forest)}

/* ===== Home: classic aumla.io start page layout (scoped to .hc) ===== */
.hc .wrap{max-width:78rem;padding-left:1.25rem;padding-right:1.25rem}
.hc .eyebrow{font-size:.75rem;letter-spacing:.16em;color:var(--muted-fg);margin:0}
.hc h3{font-size:1.25rem}
.hc a{text-decoration:none}
.hc-mint{background:var(--mint)}
.hc-cream{background:color-mix(in oklab,var(--on-forest) 60%,var(--bg))}
.hc-hero{padding:0;background:color-mix(in oklab,var(--on-forest) 40%,var(--bg))}
.hc-hero-grid{display:grid;align-items:center;gap:3.5rem;padding-top:4rem;padding-bottom:4rem}
@media (min-width:768px){.hc-hero-grid{padding-top:6rem;padding-bottom:6rem}}
@media (min-width:1024px){.hc-hero-grid{grid-template-columns:1.05fr 1fr}}
.hc-hero-grid>img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.hc-xl{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.02;letter-spacing:-.02em;margin-top:1.5rem}
.hc-xl em{font-style:italic}
.hc-lg{font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.08;letter-spacing:-.02em;margin-top:1rem}
.hc-lead{margin-top:1.25rem;font-size:1.125rem;line-height:1.625;color:var(--muted-fg)}
.hc-hero .hc-lead{margin-top:1.75rem;max-width:36rem}
.hc-text{margin-top:1.5rem;line-height:1.625;color:var(--muted-fg)}
.hc-intro{max-width:48rem}
.hc-ctas{margin-top:2.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.hc-mint .hc-ctas,.hc-cream .hc-ctas{margin-top:2rem}
.hc-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.75rem 1.5rem;font-family:var(--label);font-size:.875rem;font-weight:500;transition:opacity .15s ease,background-color .15s ease}
.hc-btn-primary{background:var(--forest);color:var(--on-forest)}
.hc-btn-primary:hover{opacity:.9}
.hc-btn-outline{border:1px solid color-mix(in oklab,var(--fg) 25%,transparent);color:var(--fg)}
.hc-btn-outline:hover{background:var(--on-forest)}
.hc-btn-yellow{background:var(--yellow);color:oklch(31.5% .057 158);padding:.875rem 1.75rem}
.hc-btn-yellow:hover{opacity:.9}
.hc-shift{margin-top:3.5rem;display:grid;gap:1px;overflow:hidden;border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--border) 60%,transparent);background:color-mix(in oklab,var(--border) 60%,transparent)}
@media (min-width:768px){.hc-shift{grid-template-columns:repeat(5,1fr)}}
.hc-shift>div{background:var(--card);padding:1.5rem}
.hc-shift .from{font-size:.875rem;color:var(--muted-fg);text-decoration:line-through;text-decoration-color:color-mix(in oklab,var(--forest) 70%,transparent)}
.hc-shift .to{margin-top:.75rem;font-family:var(--display);font-size:1.25rem;line-height:1.25}
.hc-grid3{margin-top:3rem;display:grid;gap:1.5rem}
@media (min-width:768px){.hc-grid3{grid-template-columns:repeat(3,1fr)}}
.hc-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:2rem}
.hc-card>p:not(.eyebrow){margin-top:.75rem;line-height:1.625;color:var(--muted-fg)}
.hc-levels{margin-top:3rem;max-width:48rem}
.hc-levels>p{line-height:1.625;color:var(--muted-fg)}
.hc-levels>p:last-child{margin-top:1.5rem}
.hc-pills{margin-top:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.hc-pills span{border:1px solid color-mix(in oklab,var(--fg) 20%,transparent);border-radius:999px;padding:.5rem 1.25rem;font-family:var(--label);font-size:.875rem}
.hc-pills i{font-style:normal;color:var(--yellow)}
.hc-offers{margin-top:3.5rem;display:grid;gap:1.5rem}
@media (min-width:768px){.hc-offers{grid-template-columns:repeat(2,1fr)}}
.hc-offer{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:inherit;transition:border-color .15s ease}
.hc-offer:hover{border-color:var(--yellow)}
.hc-offer>img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s ease}
.hc-offer:hover>img{transform:scale(1.02)}
.hc-offer .body{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:2rem}
@media (min-width:768px){.hc-offer:not(.has-img) .body{padding:2.5rem}}
.hc-offer h3{margin-top:1rem;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.15}
.hc-offer .body p:not(.eyebrow){margin-top:1rem;line-height:1.625;color:var(--muted-fg)}
.hc-offer .more{margin-top:1.75rem;display:inline-flex;gap:.5rem;font-size:.875rem;font-weight:500}
.hc-split{display:grid;align-items:center;gap:3.5rem}
@media (min-width:1024px){.hc-split{grid-template-columns:1fr 1fr}}
.hc-split>img{border-radius:var(--radius);object-fit:cover;width:100%}
.hc-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem}
.hc-small-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--label);font-size:.75rem;font-weight:500;text-transform:uppercase}
.hc-text-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--label);font-size:.875rem;font-weight:500;transition:gap .15s ease}
.hc-text-link:hover,.hc-link-card:hover .hc-text-link{gap:.75rem}
.hc-cases{margin-top:2.5rem;display:grid;gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--border)}
@media (min-width:768px){.hc-cases{grid-template-columns:repeat(2,1fr)}}
.hc-cases>a{background:var(--card);padding:1.75rem;color:inherit}
@media (min-width:768px){.hc-cases>a{padding:2.25rem}}
.hc-cases .logo{height:2.25rem;display:flex;align-items:center;margin-bottom:1.75rem}
.hc-cases .logo img{max-height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.hc-cases h3{margin-top:1rem;font-size:1.5rem;line-height:1.25}
.hc-cases p:not(.eyebrow){margin-top:1rem;font-size:.875rem;line-height:1.625;color:var(--muted-fg)}
.hc-cases .hc-small-link{margin-top:1.5rem}
.hc-steps{margin:3rem 0 0;padding:0;list-style:none;display:grid;gap:1.5rem}
@media (min-width:640px){.hc-steps{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.hc-steps{grid-template-columns:repeat(5,1fr)}}
.hc-steps li{border:1px solid color-mix(in oklab,var(--border) 60%,transparent);border-radius:var(--radius);background:color-mix(in oklab,var(--card) 60%,transparent);padding:1.75rem}
.hc-steps .n{font-family:var(--display);font-size:1.875rem;color:var(--forest)}
.hc-steps h3{margin-top:1rem}
.hc-steps .sub{margin-top:.75rem;font-size:.875rem;font-weight:500;line-height:1.375;color:color-mix(in oklab,var(--fg) 90%,transparent)}
.hc-steps p:not(.sub){margin-top:.5rem;font-size:.875rem;line-height:1.625;color:var(--muted-fg)}
.hc-link-card{color:inherit;padding:1.75rem;transition:border-color .15s ease}
.hc-link-card:hover{border-color:color-mix(in oklab,var(--fg) 25%,transparent)}
.hc-link-card h3{margin-top:1rem;line-height:1.375}
.hc-link-card>p:not(.eyebrow){font-size:.875rem}
.hc-link-card .hc-text-link{margin-top:1.5rem}
.hc-cta{padding:5rem 0}
@media (min-width:768px){.hc-cta{padding:6rem 0}}
.hc-cta-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:2rem}
@media (min-width:768px){.hc-cta-row{flex-direction:row;align-items:center}}
.hc-cta-row>div{max-width:36rem}
.hc-cta-row .hc-lg{margin-top:0}
.hc-cta-row p{margin-top:1rem;line-height:1.625;color:color-mix(in oklab,var(--fg) 70%,transparent)}

/* ===== Offering overview: six areas ===== */
.ofr-jump{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.ofr-jump a{font-family:var(--label);font-size:.85rem;text-decoration:none;padding:.45rem 1rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--on-forest) 35%,transparent);color:var(--on-forest)}
.ofr-jump a:hover{background:color-mix(in oklab,var(--on-forest) 12%,transparent)}
.ofr-area{display:grid;gap:2rem;align-items:center;padding:3rem 0;border-top:1px solid var(--border);scroll-margin-top:6rem}
.ofr-area:first-child{border-top:0;padding-top:0}
@media (min-width:900px){.ofr-area{grid-template-columns:1fr 1.1fr;gap:4rem}.ofr-area:nth-child(even)>img{order:2}}
.ofr-area>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.ofr-area h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.ofr-area .for{margin-top:1rem;font-size:1.1rem;color:var(--muted-fg);max-width:36rem}
.ofr-area .checks{margin-top:1.25rem}
.ofr-meta{margin:1.25rem 0 1.5rem;font-size:.95rem;color:var(--muted-fg)}
.ofr-meta span{font-family:var(--label);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--clay-text);margin-right:.5rem}
.ofr-meta a{color:var(--forest)}
.ofr-also{margin-top:1rem;padding:1.5rem 1.75rem;border-radius:var(--r);background:var(--muted)}
.ofr-also .eyebrow{margin-bottom:.4rem}
.ofr-also a{color:var(--forest);font-weight:500}
.ofr-start{margin-top:2rem}

/* Offering page in the classic home style */
.hc-jump{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0 3rem}
.hc-jump a{font-family:var(--label);font-size:.85rem;padding:.5rem 1.1rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--fg) 20%,transparent)}
.hc-jump a:hover{background:var(--mint)}
.hc .hc-card-link{font-size:.9rem;margin-top:1rem!important;padding-top:1rem;border-top:1px solid var(--border)}
.hc .hc-card-link a{color:var(--forest);text-decoration:underline}
.hc .ofr-meta a,.hc .ofr-also a{text-decoration:underline}
.hc .ofr-area .hc-btn{margin-top:.25rem}
.hc .hc-hero .crumbs{margin-bottom:.5rem}
.hc .cases{margin-top:2.5rem}

/* ===== Case overview: classic aumla.io layout ===== */
.hc-casehero{background:color-mix(in oklab,var(--on-forest) 50%,var(--bg));border-bottom:1px solid var(--border);padding:5rem 0}
@media (min-width:768px){.hc-casehero{padding:7rem 0}}
.hc-casehero .wrap>*{max-width:56rem}
.hc-casehero .hc-xl{margin-top:1.25rem}
.hc-casehero .hc-lead{margin-top:1.5rem;max-width:42rem}
.hc-flow{background:var(--forest);color:var(--on-forest);padding:2rem 0;border-bottom:1px solid var(--border)}
.hc-flow .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}
.hc-flow span{font-family:var(--label);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.hc-flow i{font-style:normal;color:var(--yellow)}
.hc-group{display:grid;gap:2.5rem}
@media (min-width:1024px){.hc-group{grid-template-columns:17rem minmax(0,1fr);gap:4rem}}
.hc-md{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.15;margin-top:1rem}
.hc-casegrid{display:grid;gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--border)}
@media (min-width:768px){.hc-casegrid{grid-template-columns:repeat(2,1fr)}}
.hc-case{display:flex;flex-direction:column;justify-content:space-between;min-height:20rem;background:var(--card);padding:1.75rem}
@media (min-width:768px){.hc-case{padding:2.25rem}}
.hc-case .logo{height:2.25rem;display:flex;align-items:center;margin-bottom:2rem}
.hc-case .logo img{max-height:100%;width:auto;max-width:100%;object-fit:contain;object-position:left;mix-blend-mode:multiply}
.hc-case h3{margin-top:1.25rem;font-size:1.875rem;line-height:1.25}
.hc-case .txt{margin-top:1.25rem;font-size:.875rem;line-height:1.625;color:var(--muted-fg)}
.hc-case .tags{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem .75rem}
.hc-case .tags span{font-family:var(--label);font-size:.6875rem;font-weight:500;text-transform:uppercase;color:color-mix(in oklab,var(--fg) 70%,transparent)}
.hc-case .hc-small-link{margin-top:2rem}
.hc-case .hc-small-link span{transition:transform .15s ease}
.hc-case:hover .hc-small-link span{transform:translateX(4px)}
.hc .hc-case .tags span{background:none;border:0;border-radius:0;padding:0;letter-spacing:0}

/* WELL service page */
.well-badge{margin-top:2rem;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);max-width:36rem}
.well-badge img{width:72px;height:auto;flex-shrink:0}
.well-badge p{font-size:.9rem;line-height:1.5;color:var(--muted-fg)}
.well-badge strong{color:var(--fg)}
.well-badge a{color:var(--forest);text-decoration:underline}
.well-features{margin-top:3rem}
.well-note{margin-top:1.5rem;max-width:48rem;font-size:.95rem;color:var(--muted-fg)}
.well-case{max-width:48rem}
@media (min-width:768px){.hc-casegrid.well-case{grid-template-columns:1fr}}
.well-case .checks{margin-top:1rem;font-size:.95rem}
.hc .hc-text+.hc-text{margin-top:1rem}
.hc .hc-text a{color:var(--forest);text-decoration:underline}
.well-hero .hc-hero-grid>img{object-position:center 30%}

/* four-up knowledge cards */
@media (min-width:1080px){.hc-grid3.hc-grid4{grid-template-columns:repeat(4,1fr)}}
.journey-steps .num{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}
.c-switch{margin-top:1rem}
.audio-player{background:var(--cream,#f5efe6);border-radius:var(--r);padding:1rem 1.25rem;margin:2rem 0}
.audio-player .eyebrow{margin-bottom:.5rem}
.audio-player audio{width:100%}

/* contact page booking */
.booking{padding-bottom:0}
.booking-card{background:var(--mint);border-radius:1.5rem;padding:clamp(1.5rem,4vw,2.5rem)}
.booking-intro{max-width:46rem}
.booking-intro h2{margin:.3rem 0 .8rem}
.booking-intro .btn{margin-top:1.2rem}
.booking-note{font-size:.85rem;color:var(--muted-fg);margin-top:1rem}
.booking-frame{margin-top:1.5rem;border-radius:var(--r);overflow:hidden;background:#fff}

[hidden]{display:none!important}

/* digital programme cards */
.programs{align-items:stretch}
.program-card .cat{color:var(--forest);font-weight:600}
.program-card .program-sub{font-weight:600;margin:.2rem 0 .6rem}
.program-card .program-label{margin:.9rem 0 .4rem;font-weight:600;font-size:.9rem}
.program-card .checks li{font-size:.95rem}
.programs-note{margin-top:1.8rem;color:var(--muted-fg)}
.card h3 a{text-decoration:none}
.card h3 a:hover{text-decoration:underline}

.card .card-link{display:inline-block;margin-top:1rem;font-weight:600}

/* digital programme theme cards */
.theme-grid{display:grid;gap:1.25rem;margin-top:2.5rem}
@media (min-width:860px){.theme-grid{grid-template-columns:repeat(2,1fr)}.theme-featured{grid-column:1/-1}}
.theme-card{display:flex;flex-direction:column}
.theme-card h3{font-size:1.55rem;margin:.2rem 0 .6rem}
.theme-card .theme-meta{display:inline-block;align-self:flex-start;margin:1rem 0 .6rem;padding:.3rem .8rem;border-radius:999px;background:var(--mint);color:var(--forest);font-size:.85rem;font-weight:600}
.theme-progs{list-style:none;padding:0;margin:0 0 1rem;font-size:.95rem}
.theme-progs li{padding:.35rem 0;border-top:1px solid rgba(0,0,0,.07)}
.theme-progs li:first-child{border-top:0}
.theme-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:baseline}
.theme-links .card-link{margin-top:0}
.theme-offer{font-size:.85rem;color:var(--muted-fg)}
.theme-featured{background:var(--forest);color:var(--on-forest,#fff);border-color:transparent}
.theme-featured .cat{color:var(--yellow)}
.theme-featured h3 a,.theme-featured .card-link{color:#fff}
.theme-featured p{color:rgba(255,255,255,.88)}
.theme-featured .theme-meta{background:var(--yellow);color:var(--forest)}
.theme-featured .theme-progs li{border-color:rgba(255,255,255,.18);color:#fff}
.theme-featured .theme-offer{color:rgba(255,255,255,.75)}
@media (min-width:860px){.theme-featured .theme-progs{columns:2;column-gap:2rem}.theme-featured .theme-progs li{break-inside:avoid}}

@media (min-width:860px){.theme-card .theme-progs{display:block}.theme-featured ul.theme-progs{columns:2;column-gap:3rem}}
.theme-card ul.theme-progs{padding-left:0}

.theme-progs li{border-top:0!important;border-bottom:1px solid rgba(0,0,0,.07)}
.theme-featured .theme-progs li{border-bottom-color:rgba(255,255,255,.18)}

/* digital programmes: body / mind / social pillars */
.library-intro{max-width:52rem;margin-top:1rem}
.theme-grid.pillars{display:block}
.pillar-row{display:grid;gap:1.25rem;margin-top:1.25rem}
@media (min-width:960px){.pillar-row{grid-template-columns:repeat(3,1fr)}}
.pillar h3{font-size:1.7rem}
.pillar-group{margin-top:1rem}
.pillar-group h4{font-size:.95rem;margin:0 0 .3rem;font-family:inherit;font-weight:700}
.pillar-group h4 a{text-decoration:none;color:var(--forest)}
.pillar-group h4 a:hover{text-decoration:underline}
.pillar-group .theme-progs{margin-bottom:.4rem}
.pillar .theme-links{padding-top:1rem}
.pillar-body{border-top:2px solid #7FB69A}
.pillar-mind{border-top:2px solid var(--yellow)}
.pillar-social{border-top:2px solid #E3A587}
.pillar-span{display:flex;gap:.5rem;margin:.9rem 0 0}
.pillar-span span{font-size:.8rem;font-weight:600;padding:.25rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.5);color:#fff}
.theme-featured .theme-progs li{display:flex;justify-content:space-between;gap:1rem}
.mod-tags{font-size:.78rem;color:rgba(255,255,255,.7);white-space:nowrap}

.mod-name{flex:1}

/* wellbeing model */
.model-svg{width:100%;height:auto;display:block;overflow:visible}.model-svg .m-lab{font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:19px;letter-spacing:.16em}.model-svg .m-lvl{font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:14px;fill:#225138;letter-spacing:.04em}.model-svg .m-ind{font-size:16px}.model-svg .m-key{font-weight:700;font-size:21px;letter-spacing:.18em}.model-svg .m-sub{font-weight:500;font-size:14px;letter-spacing:.12em}
.model-grid{display:grid;gap:3rem;align-items:center}
@media (min-width:1000px){.model-grid{grid-template-columns:1fr 1fr;gap:4rem}}
.model-figure{margin:0;max-width:560px;justify-self:center;width:100%}
.model-list{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1.1rem}
.model-list li{position:relative;padding-left:1.6rem}
.model-list li::before{content:"";position:absolute;left:0;top:.45rem;width:.85rem;height:.85rem;border-radius:50%}
.model-list .m-phys::before{background:#F5CF3F}.model-list .m-ment::before{background:#5E9E7E}.model-list .m-soc::before{background:#E39C7A}
.model-list h3{font-size:1.25rem;margin:0 0 .2rem}
.model-list p{margin:0}
.model-section .hc-levels{margin-top:2rem}
.pillar-body{border-top-color:#F5CF3F!important}.pillar-mind{border-top-color:#5E9E7E!important}.pillar-social{border-top-color:#E39C7A!important}


.pillars .theme-featured{margin-top:1.25rem}

.model-list .m-tag{font-family:Poppins,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-fg);margin-right:.4rem;vertical-align:.15em}
.model-list .m-link{font-size:.9rem;margin-top:.3rem;color:var(--muted-fg)}

/* offering: areas vs formats */
.formats-title{font-size:1.5rem;margin:3.5rem 0 0}
.formats{margin-top:1.25rem}
.format-card .eyebrow{margin-bottom:.4rem}
.formats-also{margin-top:1.5rem;color:var(--muted-fg)}
.ofr-divider{margin:4.5rem 0 1rem;padding-top:2.5rem;border-top:1px solid var(--border)}
.ofr-divider h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:.5rem}
.ofr-divider p{max-width:46rem;color:var(--muted-fg)}
.hc-jump .jump-sep{color:var(--border);padding:0 .3rem}

.model-grid>*{min-width:0}
.model-figure{max-width:min(560px,100%)}
.model-section .hc-pills{flex-wrap:wrap}
html,body{overflow-x:clip}

/* frameworks */
.frameworks .fw-head{align-items:end}
.fw-grid{display:grid;gap:2.5rem;margin-top:3rem;border-top:1px solid var(--border);padding-top:2.5rem}
@media (min-width:900px){.fw-grid{grid-template-columns:repeat(3,1fr);gap:3rem}}
.fw-col h3{font-size:1.35rem;margin:0 0 .3rem}
.fw-sub{font-size:.9rem;color:var(--muted-fg);margin:0 0 1.4rem}
.fw-col dl{margin:0}
.fw-col dt{font-family:var(--label);font-weight:600;font-size:.95rem;margin-top:1rem}
.fw-col dd{margin:.15rem 0 0;font-size:.92rem;color:var(--muted-fg)}
.fw-note{margin-top:2.5rem;font-size:.92rem;color:var(--muted-fg);max-width:48rem}
.fw-line-wrap{padding:0}
.fw-line{max-width:52rem;font-size:.95rem;color:var(--muted-fg);border-left:2px solid var(--yellow);padding:.2rem 0 .2rem 1.2rem;margin:0}
.fw-line a{white-space:nowrap}

/* ── Scandinavian polish: quieter surfaces, tick-only checks, refined type ── */
body{line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
h1,h2{letter-spacing:-.02em}
h3{letter-spacing:-.005em}
.eyebrow{font-size:.72rem;letter-spacing:.2em;font-weight:500}
.lead{line-height:1.6}
p,li{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
/* tick only – no circle */
.checks{gap:.8rem}
.checks li{padding-left:1.75rem}
.checks li::before{content:none}
.checks li::after{left:.3rem;top:.38em;width:.38rem;height:.72rem;border-color:var(--forest);border-width:0 1.5px 1.5px 0}
.on-forest .checks li::after,.hero .checks li::after,.theme-featured .checks li::after,.pkg .checks li::after,.dl-card .checks li::after{border-color:var(--yellow)}
/* calmer cards and buttons */
.card{padding:clamp(1.6rem,3vw,2.25rem);transition:border-color .2s ease}
.btn{transition:background-color .2s ease,color .2s ease,border-color .2s ease;letter-spacing:.01em}
.btn:hover{transform:none}
.btn-yellow:hover{background:color-mix(in oklab,var(--yellow) 88%,white)}
.btn-forest:hover{background:var(--forest-deep)}
.btn-ghost:hover{border-color:var(--on-forest)}
.explore-card:hover{transform:none;box-shadow:none;border-color:color-mix(in oklab,var(--forest) 45%,var(--border))}
a.card:hover,.card:has(.card-link:hover){border-color:color-mix(in oklab,var(--forest) 45%,var(--border))}
.trust img{border-radius:var(--r)}
.guide-cover{transform:none;box-shadow:0 24px 48px -32px rgba(20,50,35,.45)}
.pdf-promo img{box-shadow:0 18px 40px -30px rgba(20,50,35,.45)}
.hc-hero-grid>img{box-shadow:none}
hr{border:0;border-top:1px solid var(--border)}
