/* Nicole Riedl — Consulting & Care
   Brand layer. It intentionally loads after the legacy page styles. */

:root{
  --font-serif:'Montserrat',Arial,sans-serif;
  --font-sans:'Montserrat',Arial,sans-serif;
  --text-primary:#23382a;
  --text-dark:#23382a;
  --text-body:#405047;
  --text-muted:#657169;
  --text-light:#7f8982;
  --text-subtle:#929b95;
  --text-faint:#a7afa9;
  --gold:#c8a96a;
  --gold-bg:#f1eadc;
  --white:#fff;
  --bg-warm:#f2efe8;
  --bg-soft:#faf8f3;
  --bg-dark:#23382a;
  --border:rgba(35,56,42,.16);
  --max-w:76rem;
  --section-pad:clamp(5rem,8vw,8rem);
  --pad:clamp(1.25rem,5vw,5.5rem);
  --display:clamp(2.75rem,5.6vw,5.7rem);
  --h1:clamp(2rem,3.8vw,3.8rem);
  --h2:clamp(1.4rem,2.4vw,2.2rem);
  --h3:1.12rem;
  --body:clamp(.94rem,1vw,1.02rem);
  --quote:clamp(1.25rem,2.1vw,1.75rem);
  --nav:.76rem;
  --btn:.78rem;
  --link:.85rem;
}

html{scroll-padding-top:5rem}
body{
  font-family:var(--font-sans);
  color:var(--text-body);
  background:#fbfaf7;
  font-weight:400;
  letter-spacing:-.008em;
}
::selection{background:var(--gold);color:var(--text-primary)}

h1,h2,h3,
.section-heading,.hero-name,.quote-text,.philosophy-heading,.home-consulting-heading,
.projects-title,.projects-sub,.project-card-heading,.trust-heading,.cta-heading,
.c-hero-heading,.c-solution-heading,.c-services-title,.c-experience-heading,.c-results-title,
.c-testimonial-quote,.c-cta-heading,.u-hero-name,.u-welten-heading,.u-worlds-title,
.u-worlds-sub,.u-world-card-heading,.u-quote-text,.u-cta-heading,.n-hero-heading,
.n-why-heading,.n-how-heading,.n-testimonial-quote,.n-cta-heading,.f-hero-heading,
.f-origin-heading,.f-statement-heading,.f-process-title,.f-values-heading,.f-cta-heading,
.legal h1{
  font-family:var(--font-sans);
  font-weight:300;
  letter-spacing:-.04em;
  color:var(--text-primary);
}

.body-text{font-size:var(--body);line-height:1.8;color:var(--text-body)}
.body-text strong{font-weight:600;color:var(--text-primary)}
.label{
  font-family:var(--font-sans);
  font-size:.66rem;
  font-weight:600;
  letter-spacing:.22em;
  color:var(--gold);
  margin-bottom:1rem;
}
.label--gold{color:var(--gold)}
.pill{
  background:transparent;
  color:var(--text-primary);
  border:1px solid rgba(35,56,42,.22);
  border-radius:99px;
  padding:.45rem .85rem;
  font-size:.7rem;
  letter-spacing:.02em;
}
.text-link{
  color:var(--text-primary);
  border-bottom:1px solid var(--gold);
  font-size:var(--link);
  font-weight:600;
  letter-spacing:.01em;
}
.pain-point::before{background:var(--gold)}
.benefit::before{background:var(--gold)}

/* Navigation */
.nav{
  height:5rem;
  background:rgba(251,250,247,.92);
  border-bottom:1px solid transparent;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.nav.scrolled,.nav.menu-open{
  background:rgba(251,250,247,.96);
  border-bottom-color:var(--border);
  box-shadow:none;
}
.nav.menu-open{z-index:220}
.nav-inner{
  display:grid;
  width:min(calc(100% - 2.5rem),var(--max-w));
  max-width:var(--max-w);
  padding:0;
  grid-template-columns:1fr auto 1fr;
}
.nav-links{grid-column:2;display:flex;align-items:center;justify-content:center}
.nav-cta{grid-column:3;justify-self:end}
.nav-logo{
  display:block;
  width:10.8rem;
  height:auto;
  line-height:0;
}
.nav-logo img{width:100%;height:auto;object-fit:contain}
.nav-links{gap:clamp(1.2rem,2.6vw,2.6rem)}
.nav-link{
  color:var(--text-muted);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:var(--nav);
  font-weight:500;
}
.nav:not(.scrolled):not(.menu-open) .nav-link{color:var(--text-muted)}
.nav-link:hover,.nav-link--active{color:var(--text-primary)}
.nav-link--active::after{bottom:-.65rem;background:var(--gold);height:1px}
.nav-cta,.cta-btn,.c-cta-btn,.n-cta-btn,.u-cta-btn,.f-cta-btn{
  background:var(--text-primary);
  color:var(--white)!important;
  border:1px solid var(--text-primary);
  border-radius:99px;
  padding:.72rem 1.3rem;
  font-family:var(--font-sans);
  font-size:var(--btn);
  font-weight:600;
  letter-spacing:.04em;
  box-shadow:none;
}
.nav-cta:hover,.cta-btn:hover,.c-cta-btn:hover,.n-cta-btn:hover,.u-cta-btn:hover,.f-cta-btn:hover{
  background:var(--gold);
  border-color:var(--gold);
  color:var(--text-primary)!important;
  box-shadow:none;
}
.nav-hamburger span{background:var(--text-primary)}
.mobile-menu{background:var(--text-primary)}
.mobile-menu a{
  font-family:var(--font-sans);
  font-size:clamp(1.7rem,7vw,2.5rem);
  font-weight:300;
  color:var(--white);
  letter-spacing:-.03em;
}
.mobile-menu .mobile-cta{background:var(--gold);color:var(--text-primary);font-weight:600}
body.menu-open .nav-hamburger span{background:var(--text-primary)}

/* Images and visual rhythm */
.img-wrap,
.philosophy-card,.project-card,.trust-stat-card,.cta-card,
.u-welten-card,.u-world-card,.c-cta-card,.n-cta-card,.f-statement-card,.f-cta-card{
  border-radius:0;
  box-shadow:none;
}
.img-wrap{position:relative;z-index:0;overflow:visible}
.img-wrap::after{
  content:'';
  position:absolute;
  inset:.75rem -.75rem -.75rem .75rem;
  border:1px solid rgba(200,169,106,.6);
  pointer-events:none;
  z-index:-1;
}
.img-placeholder{
  font-size:0!important;
  color:transparent!important;
  background-color:var(--text-primary)!important;
  background-image:url('assets/brand/brand-mark.png')!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:min(52%,28rem)!important;
}

/* Home */
.hero{height:100svh;min-height:42rem;background:var(--text-primary)}
.hero-inner{height:100%;grid-template-columns:42% 58%}
.hero-inner::before{
  content:'';
  position:absolute;
  left:-6rem;
  bottom:-10rem;
  width:32rem;
  aspect-ratio:1;
  background:url('assets/brand/brand-mark.png') center/contain no-repeat;
  opacity:.1;
  z-index:1;
  pointer-events:none;
}
.hero-inner::after{left:42%;top:16%;bottom:16%;background:var(--gold)}
.hero-bg{grid-column:2;height:100%;background:var(--text-primary)}
.hero-bg img{height:100%;object-position:52% 44%}
.hero-content{position:relative;z-index:2;padding-left:var(--pad);padding-right:3.5rem}
.hero-name{font-size:clamp(3rem,5.4vw,5.8rem);font-weight:300;color:var(--white);white-space:normal}
.hero-tagline{font-size:clamp(.98rem,1.25vw,1.16rem);color:rgba(255,255,255,.76);line-height:1.75}
.hero-scroll{z-index:4}.hero-scroll-text{color:rgba(255,255,255,.58)}
.quote-section{background:var(--bg-soft);padding:clamp(4rem,7vw,7rem) var(--pad)}
.quote-inner{max-width:54rem}
.quote-mark{font-family:var(--font-sans);font-weight:300;color:var(--gold);opacity:1}
.quote-text{font-style:normal;font-weight:300;line-height:1.65;color:var(--text-primary)}
.quote-divider{background:var(--gold)}
.philosophy{background:var(--bg-warm)}
.philosophy-card{border-top:1px solid var(--gold)}
.philosophy-text{padding:clamp(2.5rem,5vw,5rem)}
.philosophy-accent,.home-consulting-text::before{background:var(--gold);width:1px}
.home-consulting{background:#fbfaf7}
.home-consulting-inner{grid-template-columns:42% 51%;gap:7%}
.projects{background:var(--text-primary)}
.projects-title{color:var(--white)}
.projects-sub{font-style:normal;color:rgba(255,255,255,.6);font-weight:400;letter-spacing:0}
.project-card{background:transparent;border-top:1px solid rgba(200,169,106,.7)}
.project-card-body{padding:1.8rem 0 0}
.project-card-heading,.project-card .body-text,.project-card .text-link{color:var(--white)}
.project-card-label{color:var(--gold)}
.project-card .body-text strong{color:var(--white)}
.projects .project-card:first-child .img-placeholder{
  background-image:url('Bilder/Web/consulting-handshake.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}
.trust-stats-section{background:var(--gold);border:0}
.trust-stats-grid{gap:0}
.trust-stat-card{background:transparent;border-right:1px solid rgba(35,56,42,.25);min-height:auto;padding:1rem}
.trust-stat-card:last-child{border-right:0}
.trust-stat-value{font-weight:500;color:var(--text-primary)}
.trust-stat-label{color:rgba(35,56,42,.7)}
.trust{background:var(--bg-soft)}
.cta-section{background:#fbfaf7}
.cta-card{max-width:var(--max-w);background:var(--text-primary);padding:0;gap:0;overflow:hidden}
.cta-card-img{border-radius:0;max-width:none;aspect-ratio:4/3}
.cta-card>div:last-child{padding:clamp(2.2rem,5vw,5rem)}
.cta-heading{color:var(--white)}
.cta-sub{color:rgba(255,255,255,.7)}
.cta-card .cta-btn{background:var(--gold);border-color:var(--gold);color:var(--text-primary)!important}
.cta-micro{color:rgba(255,255,255,.5)}

/* Inner-page heroes */
.c-hero,.n-hero,.f-hero{
  position:relative;
  overflow:hidden;
  background:var(--bg-warm);
  height:auto;
  min-height:clamp(40rem,76svh,52rem);
  margin-top:0;
  padding-top:clamp(10rem,14vw,13rem);
  padding-bottom:var(--section-pad);
}
.c-hero::after,.n-hero::after,.f-hero::after{
  content:'';
  position:absolute;
  right:-8rem;
  top:4rem;
  width:28rem;
  aspect-ratio:1;
  background:url('assets/brand/brand-mark.png') center/contain no-repeat;
  opacity:.14;
  pointer-events:none;
}
.c-hero-inner,.n-hero-inner,.f-hero-inner{position:relative;z-index:1}
.c-hero-heading,.n-hero-heading,.f-hero-heading{font-size:var(--display);line-height:1.04;max-width:12ch}
.c-hero-img .img-placeholder{
  background-image:url('Bilder/Web/pages/consulting-1.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}
.c-solution-img .img-placeholder{
  background-image:url('Bilder/Web/pages/consulting-2.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}
.c-experience-img .img-placeholder{
  background-image:url('Bilder/Web/pages/consulting-3.jpg')!important;
  background-size:cover!important;
  background-position:center 35%!important;
}
.c-cta-img .img-placeholder,
.u-cta-img .img-placeholder{
  background-image:url('Bilder/Web/home-contact.jpg')!important;
  background-size:cover!important;
  background-position:center 36%!important;
}
.n-cta-img .img-placeholder{
  background-image:url('Bilder/Web/pages/network-4.jpg')!important;
  background-size:cover!important;
  background-position:center 10%!important;
}
.c-solution,.c-results,.n-why,.f-origin,.f-process{background:#fbfaf7}
.c-services,.c-experience,.n-how,.f-statement,.f-values{background:var(--bg-warm)}
.service-card{border-radius:0;box-shadow:none;border-top:1px solid var(--gold);background:transparent;padding:2rem 0}
.service-card-accent{display:none}
.service-card-num,.f-step-num{color:var(--gold);font-weight:300}
.result-item{border-color:var(--border)}
.result-icon{border-color:var(--gold);color:var(--gold)}
.c-testimonial{background:var(--text-primary)}
.c-testimonial-label,.c-testimonial-author{color:var(--gold)}
.c-testimonial-quote{color:var(--white);font-style:normal;font-weight:300}
.c-testimonial-arrow{border-color:rgba(255,255,255,.25);color:var(--white)}
.c-testimonial-dot{background:rgba(255,255,255,.28)}
.c-testimonial-dot--active{background:var(--gold)}
.c-cta,.n-cta,.u-cta,.f-cta{background:#fbfaf7}
.c-cta-card,.n-cta-card,.u-cta-card,.f-cta-card{background:var(--text-primary);overflow:hidden}
.c-cta-heading,.n-cta-heading,.u-cta-heading,.f-cta-heading{color:var(--white)}
.c-cta-body,.n-cta-body,.u-cta-body,.f-cta-body{color:rgba(255,255,255,.7)}
.c-cta-micro,.n-cta-micro,.u-cta-micro,.f-cta-micro{color:rgba(255,255,255,.5)}

/* About */
.u-hero{background:var(--text-primary);margin-top:0;padding-top:5rem}
.u-hero-inner{max-width:none}
.u-hero-content{z-index:2;padding-left:var(--pad)}
.u-hero-name{color:var(--white);font-size:var(--display)}
.u-hero-sub{color:rgba(255,255,255,.72)}
.u-hero-bg .img-placeholder{
  background-image:linear-gradient(90deg,rgba(35,56,42,.25),rgba(35,56,42,0)),url('Bilder/Web/pages/about-hero.jpg')!important;
  background-size:cover!important;
  background-position:center 40%!important;
}
.u-welten{background:var(--bg-warm)}
.u-welten-card{border-top:1px solid var(--gold)}
.u-welten-accent,.f-statement-accent{background:var(--gold);width:1px}
.u-welten-img .img-placeholder{
  background-image:url('Bilder/Web/pages/about-2.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}
.u-welten-img--mirrored img{transform:scaleX(-1)}
.u-stats{background:var(--gold)}
.u-stat-card{background:transparent;box-shadow:none;border-radius:0;border-right:1px solid rgba(35,56,42,.24)}
.u-stat-card:last-child{border-right:0}
.u-worlds{background:var(--text-primary)}
.u-worlds-title{color:var(--white)}
.u-worlds-sub{color:rgba(255,255,255,.58);font-style:normal;font-weight:400;letter-spacing:0}
.u-world-card{background:transparent;border-top:1px solid var(--gold)}
.u-world-card-heading,.u-world-card .body-text,.u-world-card .text-link{color:var(--white)}
.u-world-card .body-text strong{color:var(--white)}
.u-world-card:nth-child(1) .img-placeholder{background-image:url('Bilder/Web/consulting-handshake.jpg')!important;background-size:cover!important}
.u-world-card:nth-child(2) .img-placeholder{background-image:url('Bilder/Web/home-network.jpg')!important;background-size:cover!important}
.u-world-card:nth-child(3) .img-placeholder{background-image:url('Bilder/Web/network-phone.jpg')!important;background-size:cover!important}
.u-quote{background:var(--bg-soft)}
.u-quote-text{font-style:normal;font-weight:300}

/* Network */
.n-hero-img .img-placeholder{
  background-image:url('Bilder/Web/pages/network-1.jpg')!important;
  background-size:cover!important;
  background-position:center 72%!important;
}
.n-why-img .img-placeholder{
  background-image:url('Bilder/Web/pages/network-2.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}
.n-how-img .img-placeholder{
  background-image:url('Bilder/Web/pages/network-3.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}
.n-hero-img img{object-position:50% 72%}
.n-why-img img,.n-how-img img{object-position:50% 50%}
.n-stats{background:var(--gold)}
.n-stat-card{background:transparent;box-shadow:none;border-radius:0}
.n-testimonial{background:var(--text-primary)}
.n-testimonial-quote{color:var(--white);font-style:normal}
.n-testimonial-author{color:var(--gold)}

/* Feed my Horsie: intentional brand panels until horse photography exists */
.f-hero-img .img-placeholder,.f-origin-img .img-placeholder,.f-statement-img .img-placeholder,
.f-values-img .img-placeholder,.f-cta-img .img-placeholder{
  background-color:var(--text-primary)!important;
  background-image:url('assets/brand/main-logo.png')!important;
  background-size:min(55%,24rem)!important;
}
.f-steps{gap:0}
.f-step{border-radius:0;box-shadow:none;background:transparent;border-top:1px solid var(--gold)}
.f-statement-card{border-top:1px solid var(--gold)}

/* Footer */
.footer{background:var(--text-primary);padding:clamp(4rem,7vw,6rem) var(--pad) 2rem}
.footer-inner{grid-template-columns:1.25fr .75fr 1fr;gap:clamp(2rem,5vw,5rem)}
.footer-brand-logo{width:min(17rem,100%);height:auto;margin-bottom:1rem}
.footer-brand-name{display:none}
.footer-brand-desc{color:rgba(255,255,255,.64);max-width:22rem;line-height:1.7}
.footer-brand-loc{color:var(--gold)}
.footer-col-label{color:var(--gold);letter-spacing:.18em}
.footer-links a{color:rgba(255,255,255,.67)}
.footer-links a:hover{color:var(--white)}
.footer-bottom{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:1rem;
  border-color:rgba(255,255,255,.12);
  color:rgba(255,255,255,.38);
  text-align:left;
}
.footer-bottom a{color:rgba(255,255,255,.56)}
.footer-legal{text-align:center;white-space:nowrap}
.footer-credit{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  min-height:2.75rem;
  padding:.38rem .6rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.45rem;
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.62)!important;
  text-decoration:none;
  transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.footer-credit:hover{
  border-color:rgba(200,169,106,.5);
  background:rgba(255,255,255,.065);
  color:var(--white)!important;
}
.footer-credit img{display:block;width:4.7rem;height:auto;opacity:.86}
.footer-credit span{font-size:.56rem;line-height:1.35;letter-spacing:.02em;white-space:nowrap}
.footer-social a[href="#"]{opacity:.42;pointer-events:none;cursor:default}

/* Legal */
.legal{padding-top:10rem;padding-bottom:7rem}
.legal h1{font-size:var(--h1);margin-bottom:3rem}
.legal h2{color:var(--text-primary);font-size:1rem;letter-spacing:-.01em;margin-top:2.5rem}
.legal p,.legal li{font-size:.94rem;line-height:1.8}
.legal a{border-color:var(--gold)}

@media(max-width:64rem){
  .nav-inner{display:flex;justify-content:space-between}
  .nav-links,.nav-cta{display:none}
  .nav-hamburger{display:block}
  .hero{height:82svh;min-height:38rem}
  .hero-inner{display:block;height:100%}
  .hero-bg{position:absolute;inset:0}
  .hero-bg::after{background:linear-gradient(180deg,rgba(35,56,42,.05),rgba(35,56,42,.86))}
  .hero-content{position:absolute;left:0;bottom:5rem;transform:none;width:100%;padding:0 var(--pad)}
  .hero-inner::before{display:none}
}

@media(max-width:40rem){
  :root{--section-pad:4.25rem;--body:.92rem}
  .nav{height:4.5rem}
  .nav-inner{width:calc(100% - 2.5rem);padding:0}
  .nav-logo{width:9rem}
  .hero{height:78svh;min-height:34rem}
  .hero-name{font-size:2.75rem}
  .hero-content{bottom:4rem}
  .quote-section{padding:4rem var(--pad)}
  .quote-mark{font-size:2.5rem}
  .philosophy-card,.home-consulting-inner,.trust-grid{grid-template-columns:1fr}
  .philosophy-img{min-height:20rem}
  .projects-grid{gap:3.5rem}
  .trust-stats-grid,.u-stats-grid,.n-stats-grid{grid-template-columns:1fr 1fr}
  .trust-stat-card:nth-child(2),.u-stat-card:nth-child(2){border-right:0}
  .trust-stat-card,.u-stat-card{border-bottom:1px solid rgba(35,56,42,.2)}
  .cta-card{grid-template-columns:1fr;text-align:left}
  .cta-card-img{max-width:none;aspect-ratio:4/3}
  .c-hero,.n-hero,.f-hero{padding-top:8rem}
  .c-hero::after,.n-hero::after,.f-hero::after{width:17rem;right:-7rem}
  .footer-inner{grid-template-columns:1fr;text-align:left}
  .footer-brand-desc{margin:.5rem 0 0}
  .footer-social{justify-content:flex-start}
  .img-wrap::after{inset:.45rem -.45rem -.45rem .45rem}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}

/* ═══════════════════════════════════════════════════════════════
   Refinement system: split heroes, orbit metrics and shared CTAs
   ═══════════════════════════════════════════════════════════════ */

/* Split hero */
.split-hero--home .split-hero__inner{grid-template-columns:46% 54%}
.split-hero--home .split-hero__inner::after{left:46%}
.split-hero--home .split-hero__content{padding-right:clamp(2rem,4vw,5rem)}
.split-hero--home .hero-tagline{max-width:34rem}
.split-hero--home .split-hero__inner::before{
  left:-9rem;
  bottom:-15rem;
  width:46rem;
  opacity:.13;
}

.split-hero--about{
  height:100svh;
  min-height:42rem;
  margin:0;
  padding:0;
  background:var(--text-primary);
}
.split-hero--about .split-hero__inner{
  position:relative;
  width:100%;
  max-width:none;
  height:100%;
  display:grid;
  grid-template-columns:46% 54%;
  gap:0;
  align-items:stretch;
}
.split-hero--about .split-hero__inner::after{
  content:'';
  position:absolute;
  z-index:3;
  left:46%;
  top:16%;
  bottom:16%;
  width:1px;
  background:var(--gold);
  pointer-events:none;
}
.split-hero--about .split-hero__content{
  grid-column:1;
  grid-row:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:5rem clamp(2rem,4vw,5rem) 0 var(--pad);
}
.split-hero--about .u-hero-name{font-size:clamp(3rem,5.4vw,5.8rem);font-weight:300}
.split-hero--about .u-hero-sub{max-width:34rem;font-size:clamp(.98rem,1.25vw,1.16rem);line-height:1.75}
.split-hero--about .split-hero__media{
  position:relative;
  grid-column:2;
  grid-row:1;
  height:100%;
  overflow:hidden;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.split-hero--about .split-hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}

/* Stronger editorial project panels */
.projects-grid{gap:clamp(1.5rem,3vw,2.75rem);align-items:stretch}
.project-card{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border:1px solid rgba(200,169,106,.38);
  box-shadow:0 1.2rem 3.5rem rgba(8,24,15,.12);
  transition:transform .45s var(--ease-out-strong),border-color .35s ease,background .35s ease,box-shadow .45s ease;
}
.project-card::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,var(--gold),rgba(200,169,106,0));
  transform:scaleX(.25);
  transform-origin:left;
  transition:transform .55s var(--ease-out-strong);
}
.project-card:hover,.project-card:focus-visible{
  transform:translateY(-.45rem);
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
  border-color:rgba(200,169,106,.72);
  box-shadow:0 1.8rem 4.5rem rgba(8,24,15,.28);
}
.project-card:hover::after,.project-card:focus-visible::after{transform:scaleX(1)}
.project-card-img{flex:none;aspect-ratio:16/9}
.project-card-body{display:flex;flex:1;flex-direction:column;padding:clamp(1.6rem,2.5vw,2.35rem)}
.project-card .text-link{margin-top:auto;align-self:flex-start}

/* Softer activity cards */
.u-worlds-grid{gap:clamp(1.5rem,3vw,2.75rem);align-items:stretch}
.u-world-card{
  position:relative;
  height:100%;
  border:0;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));
  box-shadow:inset 0 0 0 1px rgba(200,169,106,.16),0 1.5rem 4rem rgba(8,24,15,.14);
  transition:transform .45s var(--ease-out-strong),background .35s ease,box-shadow .45s ease;
}
.u-world-card:hover,.u-world-card:focus-visible{
  transform:translateY(-.4rem);
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  box-shadow:inset 0 0 0 1px rgba(200,169,106,.38),0 2rem 4.5rem rgba(8,24,15,.25);
}
.u-world-card-accent{height:2px;background:linear-gradient(90deg,var(--gold),rgba(200,169,106,0))}
.u-world-card-img{aspect-ratio:4/3}
.u-world-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out-strong)}
.u-world-card:hover .u-world-card-img img{transform:scale(1.025)}
.u-world-card-body{padding:clamp(1.6rem,2.5vw,2.25rem)}

/* Consulting: asymmetric editorial service layout */
.c-services{
  position:relative;
  overflow:hidden;
  background:#fbfaf7;
}
.c-services::before{
  content:'';
  position:absolute;
  top:-12rem;
  right:-10rem;
  width:32rem;
  aspect-ratio:1;
  border:1px solid rgba(200,169,106,.16);
  border-radius:50%;
  pointer-events:none;
}
.c-services-header{
  position:relative;
  z-index:1;
  max-width:var(--max-w);
  margin-bottom:clamp(2.5rem,5vw,4.5rem);
  text-align:left;
}
.c-services-title{max-width:18ch}
.c-services-grid{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,1.12fr) minmax(19rem,.88fr);
  grid-template-rows:repeat(2,minmax(13rem,auto));
  gap:clamp(1.5rem,3vw,2.75rem);
  align-items:stretch;
}
.service-card{
  min-height:0;
  overflow:hidden;
  padding:clamp(1.35rem,2vw,2rem) 0;
  background:transparent;
  border:0;
  border-top:1px solid rgba(200,169,106,.62);
  box-shadow:none;
  transition:transform .4s var(--ease-out-strong),border-color .3s ease;
}
.service-card:first-child{
  grid-row:1/3;
  padding:clamp(2.5rem,4vw,4rem);
  background:linear-gradient(145deg,#1d3425 0%,#294534 100%);
  border:0;
  box-shadow:0 1.75rem 4.5rem rgba(21,44,29,.16);
}
.service-card-accent{display:none}
.service-card-num{
  margin-bottom:clamp(1.5rem,3vw,2.5rem);
  font-size:clamp(3.75rem,6.5vw,6.5rem);
  font-weight:300;
  line-height:.8;
  letter-spacing:-.07em;
  color:rgba(200,169,106,.64);
}
.service-card:nth-child(n+2) .service-card-num{
  margin-bottom:1rem;
  font-size:clamp(2.75rem,4vw,4rem);
  color:rgba(200,169,106,.78);
}
.service-card-title{
  margin-bottom:1.1rem;
  padding-bottom:1.1rem;
  border-color:rgba(35,56,42,.15);
}
.service-card:first-child .service-card-title{
  color:var(--white);
  border-color:rgba(255,255,255,.16);
}
.service-card:first-child .body-text{color:rgba(255,255,255,.72)}
.service-card:first-child .text-link{color:var(--white)}
.service-card:hover{
  transform:translateX(.35rem);
  background:transparent;
  border-color:var(--gold);
  box-shadow:none;
}
.service-card:first-child:hover{
  transform:translateY(-.35rem);
  background:linear-gradient(145deg,#213a2a 0%,#2d4a38 100%);
  box-shadow:0 2rem 5rem rgba(21,44,29,.2);
}

/* Consulting: dark experience stage */
.c-experience{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 110%,rgba(200,169,106,.12),transparent 36%),
    linear-gradient(120deg,#172d20 0%,#233b2b 58%,#1b3224 100%);
}
.c-experience::before{
  content:'';
  position:absolute;
  z-index:-1;
  top:-18rem;
  left:-12rem;
  width:44rem;
  aspect-ratio:1;
  border:1px solid rgba(200,169,106,.12);
  border-radius:50%;
}
.c-experience-inner{
  grid-template-columns:minmax(0,1.08fr) minmax(22rem,.82fr);
  gap:clamp(4rem,7vw,7rem);
  align-items:center;
}
.c-experience-content{padding:clamp(1rem,3vw,3rem) 0}
.c-experience .label{color:var(--gold)}
.c-experience-heading{
  max-width:15ch;
  color:var(--white);
}
.c-experience .body-text{color:rgba(255,255,255,.68)}
.c-experience .body-text strong{color:var(--white)}
.c-experience-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(1.5rem,3vw,3rem);
  margin:1.25rem 0 1.75rem!important;
}
.c-experience-list .benefit{
  min-height:5.2rem;
  padding:1rem 0 1rem 1.15rem;
  border-top:1px solid rgba(255,255,255,.17);
  color:rgba(255,255,255,.76);
  line-height:1.55;
}
.c-experience-list .benefit::before{
  top:1.5rem;
  width:.34rem;
  height:.34rem;
  border-radius:50%;
}
.c-experience-closing{
  padding-top:1.35rem;
  border-top:1px solid rgba(200,169,106,.4);
}
.c-experience-credentials{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1.4rem;
}
.c-experience .pill{
  color:rgba(255,255,255,.8);
  border-color:rgba(200,169,106,.42);
  background:rgba(255,255,255,.035);
}
.c-experience-img{
  position:relative;
  isolation:isolate;
  overflow:visible;
  aspect-ratio:3/4;
  box-shadow:none;
}
.c-experience-img::before{
  content:'';
  position:absolute;
  z-index:-1;
  inset:1.1rem -1.1rem -1.1rem 1.1rem;
  border:1px solid rgba(200,169,106,.58);
  background:rgba(200,169,106,.045);
}
.c-experience-img img{
  border-radius:.75rem;
  object-position:50% 32%;
  box-shadow:0 2rem 5rem rgba(5,18,10,.26);
}
.c-experience-img:hover img{transform:none}

/* Orbit impact component */
.impact-orbit{
  --orbit-x:0px;
  --orbit-y:0px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(4.5rem,7vw,7rem) var(--pad)!important;
  border:0!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(200,169,106,.12),transparent 32%),
    radial-gradient(circle at 8% 115%,rgba(200,169,106,.11),transparent 38%),
    linear-gradient(120deg,#172c20 0%,#23382a 50%,#193123 100%)!important;
}
.impact-orbit::before{
  content:'';
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.025) 42%,transparent 68%);
  transform:translateX(-110%);
}
.impact-orbit.is-visible::before{animation:impactSweep 2.4s .2s var(--ease-out-strong) both}
.impact-orbit__visual{
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:min(88rem,125vw);
  aspect-ratio:1;
  transform:translate3d(calc(-50% + var(--orbit-x)),calc(-50% + var(--orbit-y)),0);
  transition:transform .9s var(--ease-out-strong);
  pointer-events:none;
}
.impact-orbit__ring{
  position:absolute;
  left:50%;
  top:50%;
  border:1px solid rgba(200,169,106,.2);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.impact-orbit__ring::after{
  content:'';
  position:absolute;
  left:50%;
  top:-.3rem;
  width:.55rem;
  height:.55rem;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 1.4rem rgba(200,169,106,.75);
}
.impact-orbit__ring--one{width:30%;aspect-ratio:1}
.impact-orbit__ring--two{width:52%;aspect-ratio:1;border-color:rgba(200,169,106,.14)}
.impact-orbit__ring--three{width:78%;aspect-ratio:1;border-color:rgba(200,169,106,.09)}
.impact-orbit.is-visible .impact-orbit__ring--one{animation:orbitSpin 18s linear infinite}
.impact-orbit.is-visible .impact-orbit__ring--two{animation:orbitSpinReverse 28s linear infinite}
.impact-orbit.is-visible .impact-orbit__ring--three{animation:orbitSpin 42s linear infinite}
.impact-orbit__line{
  position:absolute;
  left:50%;
  top:50%;
  width:75%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(200,169,106,.18),transparent);
  transform-origin:center;
}
.impact-orbit__line--one{transform:translate(-50%,-50%) rotate(17deg)}
.impact-orbit__line--two{transform:translate(-50%,-50%) rotate(-24deg)}
.impact-orbit__grid{
  position:relative;
  z-index:1;
  max-width:70rem;
  gap:clamp(1rem,3vw,3rem)!important;
  align-items:center;
}
.impact-orbit__item{
  position:relative;
  width:100%;
  max-width:12rem;
  min-height:0!important;
  aspect-ratio:1;
  margin:0 auto;
  padding:1.25rem!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(200,169,106,.34)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 0 2.5rem rgba(200,169,106,.035),0 1.5rem 3rem rgba(4,17,9,.18)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.impact-orbit__item::after{
  content:'';
  position:absolute;
  right:12%;
  top:11%;
  width:.42rem;
  height:.42rem;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 1rem rgba(200,169,106,.72);
}
.impact-orbit--ready:not(.is-visible) .impact-orbit__item{opacity:0;transform:translateY(2rem) scale(.72)}
.impact-orbit.is-visible .impact-orbit__item{
  animation:impactNodeIn .9s var(--ease-out-strong) both;
  animation-delay:calc(var(--impact-index,0) * 120ms + 180ms);
}
.impact-orbit .trust-stat-value,
.impact-orbit .u-stat-value,
.impact-orbit .n-stat-value{
  color:var(--white);
  font-size:clamp(1rem,1.7vw,1.45rem);
  font-weight:500;
  white-space:normal;
  text-align:center;
}
.impact-orbit .n-stat-value:not(.n-stat-value--text){font-size:clamp(1.8rem,3.2vw,3.15rem);font-weight:300}
.impact-orbit .n-stat-value--text{font-size:clamp(.95rem,1.6vw,1.35rem)}
.impact-orbit .trust-stat-label,
.impact-orbit .u-stat-label,
.impact-orbit .n-stat-label{
  max-width:9rem;
  margin-top:.6rem;
  color:rgba(255,255,255,.58);
  font-size:.63rem;
  line-height:1.45;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
  white-space:normal;
}

/* Shared closing CTA */
.site-cta-section{padding:var(--section-pad) var(--pad)!important;background:#fbfaf7!important}
.site-cta{
  width:100%;
  max-width:68rem!important;
  margin:0 auto;
  padding:clamp(1rem,2.2vw,1.75rem)!important;
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  gap:clamp(1.5rem,4vw,4rem)!important;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(200,169,106,.23);
  border-radius:.55rem!important;
  background:
    radial-gradient(circle at 100% 0,rgba(200,169,106,.13),transparent 36%),
    var(--text-primary)!important;
  box-shadow:0 1.6rem 4rem rgba(35,56,42,.11)!important;
}
.site-cta .site-cta__media{
  width:100%;
  max-width:none;
  aspect-ratio:4/3!important;
  min-height:0;
  margin:0;
  overflow:hidden;
  border-radius:.25rem!important;
  box-shadow:none;
  align-self:center;
}
.site-cta__media img,.site-cta__media .img-placeholder{width:100%;height:100%;object-fit:cover}
.site-cta__media img{object-position:50% 10%!important}
.site-cta__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  padding:clamp(.75rem,2vw,1.5rem) clamp(.5rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem) 0!important;
  text-align:left;
}
.site-cta .site-cta__heading{
  max-width:13ch;
  margin:0 0 1rem;
  color:var(--white);
  font-size:clamp(1.75rem,3vw,2.75rem)!important;
  font-weight:300;
  line-height:1.08;
  letter-spacing:-.045em;
}
.site-cta .site-cta__body{
  max-width:31rem;
  margin:0 0 1.6rem;
  color:rgba(255,255,255,.72);
  font-size:var(--body);
  line-height:1.72;
}
.site-cta .site-cta__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  width:auto;
  padding:.82rem 1.45rem;
  border:1px solid var(--gold);
  border-radius:99px;
  background:var(--gold)!important;
  color:var(--text-primary)!important;
  font-size:var(--btn);
  font-weight:650;
  letter-spacing:.035em;
  box-shadow:0 .55rem 1.5rem rgba(5,18,10,.16);
  transition:transform .25s var(--ease-out-strong),background .25s ease,color .25s ease,box-shadow .25s ease;
}
.site-cta .site-cta__button:hover{
  transform:translateY(-2px);
  border-color:var(--white);
  background:var(--white)!important;
  color:var(--text-primary)!important;
  box-shadow:0 .8rem 2rem rgba(5,18,10,.24);
}
.site-cta .site-cta__micro{margin:.8rem 0 0;color:rgba(255,255,255,.48);font-size:.69rem;line-height:1.5}

@keyframes impactSweep{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
@keyframes impactNodeIn{0%{opacity:0;transform:translateY(2rem) scale(.72)}70%{opacity:1;transform:translateY(-.2rem) scale(1.025)}100%{opacity:1;transform:none}}
@keyframes orbitSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbitSpinReverse{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0deg)}}

@media(max-width:64rem){
  .split-hero--home .split-hero__inner{display:block}
  .split-hero--home .split-hero__inner::after{display:none}
  .split-hero--home .hero-tagline{max-width:34rem}
  .split-hero--about{height:82svh;min-height:38rem}
  .split-hero--about .split-hero__inner{display:block;height:100%}
  .split-hero--about .split-hero__inner::after{display:none}
  .split-hero--about .split-hero__media{position:absolute;inset:0;height:100%}
  .split-hero--about .split-hero__media::after{
    content:'';
    position:absolute;
    z-index:1;
    inset:0;
    background:linear-gradient(180deg,rgba(35,56,42,.06) 10%,rgba(35,56,42,.28) 48%,rgba(35,56,42,.92) 100%);
  }
  .split-hero--about .split-hero__media img{position:absolute;inset:0;object-position:50% 50%}
  .split-hero--about .split-hero__content{
    position:absolute;
    z-index:2;
    left:0;
    bottom:5rem;
    width:100%;
    padding:0 var(--pad);
    transform:none;
  }
  .c-services-grid{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    gap:1.5rem;
  }
  .c-services-grid .service-card:first-child{
    grid-row:auto;
    min-height:24rem;
  }
  .c-services-grid .service-card:nth-child(3){grid-column:auto;max-width:none;justify-self:stretch}
  .c-experience-inner{
    grid-template-columns:1fr;
    gap:3rem;
  }
  .c-experience-content{max-width:46rem;padding:0}
  .c-experience-img{
    width:min(100%,34rem);
    max-width:34rem;
    aspect-ratio:4/5;
    justify-self:start;
  }
}

@media(max-width:40rem){
  .split-hero--home .hero-tagline{max-width:26rem}
  .split-hero--about{height:78svh;min-height:34rem}
  .split-hero--about .split-hero__content{bottom:4rem}
  .split-hero--about .u-hero-name{font-size:2.75rem}
  .projects-grid{gap:2rem}
  .project-card-body,.u-world-card-body{padding:1.5rem}
  .u-world-card-img{aspect-ratio:4/3}
  .c-services::before{top:-8rem;right:-14rem;width:24rem}
  .c-services-grid{grid-template-columns:1fr;gap:1rem}
  .c-services-grid .service-card:first-child{
    min-height:21rem;
    padding:2rem 1.6rem;
  }
  .service-card:nth-child(n+2){padding:1.5rem 0}
  .service-card-num{font-size:3.7rem}
  .service-card:nth-child(n+2) .service-card-num{font-size:2.75rem}
  .c-experience-list{grid-template-columns:1fr}
  .c-experience-list .benefit{min-height:0}
  .c-experience-img{width:100%;aspect-ratio:4/5}
  .c-experience-img::before{inset:.75rem -.55rem -.75rem .55rem}
  .impact-orbit{padding:4.25rem var(--pad)!important}
  .impact-orbit__visual{width:185vw}
  .impact-orbit__grid{grid-template-columns:1fr 1fr!important;gap:1rem!important;max-width:22rem!important}
  .impact-orbit__item{max-width:9.5rem;padding:.85rem!important}
  .impact-orbit .trust-stat-value,.impact-orbit .u-stat-value,.impact-orbit .n-stat-value{font-size:.93rem}
  .impact-orbit .n-stat-value:not(.n-stat-value--text){font-size:2rem}
  .impact-orbit .n-stat-value--text{font-size:.87rem}
  .impact-orbit .trust-stat-label,.impact-orbit .u-stat-label,.impact-orbit .n-stat-label{font-size:.56rem}
  .n-stats .impact-orbit__item:last-child{grid-column:1/-1}
  .site-cta{grid-template-columns:1fr!important;gap:.35rem!important;padding:1rem!important}
  .site-cta .site-cta__media{max-width:none!important;aspect-ratio:4/3!important;order:0;margin:0}
  .site-cta__content{align-items:flex-start;padding:1.25rem .8rem 1rem!important;text-align:left}
  .site-cta .site-cta__heading{max-width:15ch;font-size:clamp(1.75rem,8vw,2.3rem)!important}
  .site-cta .site-cta__body{margin-bottom:1.35rem}
}

@media(prefers-reduced-motion:reduce){
  .impact-orbit::before,
  .impact-orbit__ring,
  .impact-orbit__item{animation:none!important}
  .impact-orbit--ready .impact-orbit__item{opacity:1!important;transform:none!important}
  .impact-orbit__visual{transform:translate(-50%,-50%)!important;transition:none!important}
  .project-card,.u-world-card,.service-card,.site-cta__button{transition:none!important}
}

/* ═══════════════════════════════════════════════════════════════
   Hero supergraphics and square CTA media
   ═══════════════════════════════════════════════════════════════ */

/* Keep the large mark inside the dark copy panel on split heroes. */
.split-hero--home .split-hero__inner::before{display:none}
.split-hero--home .split-hero__content,
.split-hero--about .split-hero__content{
  isolation:isolate;
  clip-path:inset(0);
}
.split-hero--home .split-hero__content::before,
.split-hero--about .split-hero__content::before{
  content:'';
  position:absolute;
  z-index:-1;
  left:-21rem;
  bottom:-28rem;
  width:66rem;
  aspect-ratio:1;
  background:url('assets/brand/brand-mark.png') center/contain no-repeat;
  opacity:.14;
  pointer-events:none;
}

/* Consulting and Network: explicit layers prevent copy/image collisions. */
.inner-hero{
  isolation:isolate;
}
.inner-hero::after{
  z-index:0;
  top:-18rem;
  right:-19rem;
  width:60rem;
  opacity:.11;
}
.inner-hero .inner-hero__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);
  gap:clamp(3rem,6vw,6rem);
  align-items:center;
}
.inner-hero__content{
  position:relative;
  z-index:2;
  min-width:0;
  max-width:42rem;
}
.inner-hero .inner-hero__media{
  position:relative;
  z-index:1;
  min-width:0;
  width:100%;
  max-width:32rem;
  justify-self:end;
}
.inner-hero .c-hero-heading,
.inner-hero .n-hero-heading{
  max-width:100%;
  font-size:clamp(2.75rem,4.7vw,5.15rem);
  line-height:1.035;
  overflow-wrap:normal;
  hyphens:none;
}

/* All shared closing CTAs use the same taller square image. */
.site-cta .site-cta__media{aspect-ratio:1/1!important}

@media(max-width:64rem){
  .split-hero--home .split-hero__content,
  .split-hero--about .split-hero__content{clip-path:none}
  .split-hero--home .split-hero__content::before,
  .split-hero--about .split-hero__content::before{
    left:-14rem;
    bottom:-18rem;
    width:42rem;
    opacity:.1;
  }
  .inner-hero::after{
    top:-7rem;
    right:-17rem;
    width:43rem;
    opacity:.09;
  }
  .inner-hero .inner-hero__inner{
    grid-template-columns:1fr;
    gap:2.5rem;
  }
  .inner-hero__content{max-width:44rem}
  .inner-hero .inner-hero__media{
    width:100%;
    max-width:32rem;
    justify-self:start;
  }
  .inner-hero .c-hero-heading,
  .inner-hero .n-hero-heading{font-size:clamp(2.65rem,7vw,4.25rem)}
}

@media(max-width:40rem){
  .split-hero--home .split-hero__content::before,
  .split-hero--about .split-hero__content::before{
    left:-12rem;
    bottom:-14rem;
    width:32rem;
    opacity:.085;
  }
  .inner-hero::after{
    top:1rem;
    right:-14rem;
    width:31rem;
    opacity:.075;
  }
  .inner-hero .c-hero-heading,
  .inner-hero .n-hero-heading{
    max-width:100%;
    font-size:clamp(2.35rem,11vw,3.15rem);
  }
  .inner-hero .inner-hero__media{max-width:100%}
  .site-cta .site-cta__media{aspect-ratio:1/1!important}
}

/* Consulting & Care: editorial intro and detailed offers */
.consulting-intro{
  min-height:auto;
  padding-top:clamp(9rem,12vw,11rem);
}
.consulting-intro .inner-hero__inner{
  grid-template-columns:minmax(0,1.2fr) minmax(19rem,.8fr);
  align-items:start;
}
.consulting-intro .inner-hero__content{max-width:46rem}
.consulting-intro .c-hero-heading{
  font-size:clamp(2.9rem,4.7vw,5rem);
  margin-bottom:1rem;
}
.c-hero-subheading{
  max-width:30rem;
  margin-bottom:1.75rem;
  font-size:clamp(1.15rem,1.7vw,1.5rem);
  font-weight:500;
  line-height:1.45;
  color:var(--text-primary);
}
.c-hero-copy{max-width:45rem}
.consulting-intro .c-hero-img{
  height:auto;
  aspect-ratio:3/4;
}
.consulting-intro .c-hero-img img{object-position:50% 42%}

.offer-section{
  position:relative;
  padding:var(--section-pad) var(--pad);
}
.offer-section--consulting{background:#fbfaf7}
.offer-section--training{background:var(--bg-warm)}
.offer-inner{
  max-width:var(--max-w);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(19rem,.82fr) minmax(0,1.18fr);
  gap:clamp(3rem,7vw,7rem);
  align-items:start;
}
.offer-inner--reverse{
  grid-template-columns:minmax(0,1.12fr) minmax(21rem,.88fr);
}
.offer-content{padding:clamp(.5rem,2vw,2rem) 0}
.offer-heading{
  max-width:18ch;
  margin-bottom:1.15rem;
  font-size:var(--h1);
  line-height:1.12;
}
.offer-subheading{
  max-width:27ch;
  margin:-.2rem 0 1.5rem;
  font-size:clamp(1.1rem,1.8vw,1.4rem);
  font-weight:500;
  line-height:1.35;
  letter-spacing:-.025em;
  color:var(--text-primary);
}
.offer-media{
  width:100%;
  aspect-ratio:3/4;
  border-radius:.75rem;
}
.offer-media img{object-position:50% 42%}
.offer-media--landscape{
  position:sticky;
  top:7rem;
  aspect-ratio:4/3;
}
.offer-media--landscape img{object-position:48% 50%}
.offer-list-intro{margin-top:1.4rem!important}
.offer-benefits{margin:1rem 0 1.5rem}
.offer-schedule-link{margin-top:1.75rem}

.offer-video{
  max-width:var(--max-w);
  margin:clamp(4rem,7vw,7rem) auto 0;
  padding-top:clamp(2rem,4vw,3.5rem);
  border-top:1px solid rgba(200,169,106,.5);
}
.offer-video video{
  display:block;
  width:min(100%,28rem);
  height:auto;
  margin:0 auto;
  aspect-ratio:404/720;
  object-fit:contain;
  border-radius:.75rem;
  background:var(--text-primary);
  box-shadow:0 1.5rem 4rem rgba(21,44,29,.14);
}
.offer-video .label{
  width:min(100%,28rem);
  margin-left:auto;
  margin-right:auto;
}
.offer-coaching{
  max-width:var(--max-w);
  margin:clamp(4rem,7vw,6rem) auto 0;
  padding:clamp(2rem,4vw,3rem) 0 0;
  border-top:1px solid rgba(200,169,106,.62);
  display:grid;
  grid-template-columns:minmax(14rem,.7fr) minmax(0,1.3fr);
  gap:clamp(2rem,6vw,6rem);
  align-items:start;
}
.offer-coaching-heading{font-size:var(--h2)}
.offer-coaching .text-link{margin-top:1.25rem}

@media(max-width:64rem){
  .consulting-intro .inner-hero__inner,
  .offer-inner,
  .offer-inner--reverse{grid-template-columns:1fr}
  .consulting-intro .c-hero-img{max-width:28rem}
  .offer-media{max-width:30rem;aspect-ratio:4/5;order:-1}
  .offer-media--landscape{position:relative;top:auto;max-width:38rem;aspect-ratio:3/2;order:-1}
}

@media(max-width:40rem){
  .consulting-intro{padding-top:7.5rem}
  .consulting-intro .c-hero-heading{font-size:clamp(2.25rem,11vw,3rem)}
  .c-hero-subheading{font-size:1.08rem}
  .offer-media,.offer-media--landscape{max-width:100%;aspect-ratio:4/3}
  .offer-coaching{grid-template-columns:1fr;gap:1rem}
  .offer-video video{border-radius:.4rem}
}

/* ═══════════════════════════════════════════════════════════════
   Content update from client presentation · August 2026
   ═══════════════════════════════════════════════════════════════ */

/* Homepage bilingual positioning */
.hero-tagline-en{
  display:block;
  margin-top:.65rem;
  color:rgba(255,255,255,.64);
  font-size:.88em;
  font-style:italic;
}

/* Warm Welcome / My Journey */
.journey{padding:var(--section-pad) var(--pad)}
.journey-inner{max-width:var(--max-w);margin:0 auto}
.journey-header{max-width:55rem;margin:0 0 clamp(2.5rem,5vw,4.5rem)}
.journey-title{
  max-width:16ch;
  margin-bottom:1rem;
  font-size:clamp(2.5rem,5vw,4.75rem);
  line-height:1.05;
  letter-spacing:-.045em;
}
.journey-tagline{
  max-width:42rem;
  color:var(--gold-dark);
  font-family:var(--font-serif);
  font-size:clamp(1.25rem,2.2vw,1.8rem);
  line-height:1.4;
}
.journey-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr);
  gap:clamp(3rem,7vw,7rem);
  align-items:start;
}
.journey-copy{max-width:47rem}
.journey-media{
  position:sticky;
  top:7rem;
  overflow:hidden;
  aspect-ratio:2/3;
  margin:0;
  border-radius:.75rem;
  box-shadow:0 1.5rem 4rem rgba(21,44,29,.13);
}
.journey-media img{width:100%;height:100%;object-fit:cover;object-position:50% 44%}
.journey-values{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  grid-column:1/-1;
  margin-top:clamp(1rem,3vw,2.25rem);
}
.journey-values p{
  margin:0;
  padding:clamp(1.5rem,3vw,2.4rem);
  border:1px solid rgba(200,169,106,.42);
  border-radius:.6rem;
  background:rgba(255,255,255,.68);
  color:var(--text-primary);
  font-family:var(--font-serif);
  font-size:clamp(1.15rem,1.8vw,1.45rem);
  line-height:1.45;
}
.journey-purpose{padding:var(--section-pad) var(--pad);background:#fbfaf7}
.journey-purpose-inner{
  max-width:var(--max-w);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(21rem,.9fr) minmax(0,1.1fr);
  gap:clamp(3rem,7vw,7rem);
  align-items:center;
}
.journey-purpose-media{
  overflow:hidden;
  aspect-ratio:3/4;
  border-radius:.75rem;
  box-shadow:0 1.5rem 4rem rgba(21,44,29,.13);
}
.journey-purpose-media img{width:100%;height:100%;object-fit:cover;object-position:51% 50%}
.journey-purpose-copy{max-width:48rem}
.journey-purpose-title{
  max-width:17ch;
  margin-bottom:1.5rem;
  font-size:var(--h1);
  line-height:1.1;
}

/* Homepage Business Mentoring */
.home-mentoring{padding:var(--section-pad) var(--pad);background:#fbfaf7}
.home-mentoring-inner{
  max-width:var(--max-w);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(20rem,.82fr) minmax(0,1.18fr);
  gap:clamp(3.5rem,7vw,7rem);
  align-items:start;
}
.home-mentoring-media{position:sticky;top:7rem;width:min(100%,30rem);padding:0;justify-self:start}
.home-mentoring-media>img:first-child{
  display:block;
  width:100%;
  aspect-ratio:2/3;
  object-fit:cover;
  object-position:50% 45%;
  border-radius:.75rem;
  box-shadow:0 1.4rem 3.7rem rgba(21,44,29,.13);
}
.home-mentoring-copy{padding-top:clamp(.25rem,2vw,1.5rem)}
.home-mentoring-heading{max-width:17ch;margin-bottom:1.5rem;font-size:var(--h1);line-height:1.1}
.home-mentoring-benefits{margin:1.5rem 0}
.home-mentoring-note{
  margin:2rem 0 1.5rem!important;
  padding:1.25rem 1.4rem;
  border-left:3px solid var(--gold);
  background:var(--bg-warm);
  font-size:.94rem!important;
}

/* Consulting: restored project context */
.project-context{padding:var(--section-pad) var(--pad);background:var(--text-primary)}
.project-context-inner{
  max-width:var(--max-w);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);
  gap:clamp(3rem,7vw,7rem);
  align-items:center;
}
.project-context-copy{max-width:47rem}
.project-context-heading{
  max-width:17ch;
  margin-bottom:1.5rem;
  color:var(--white);
  font-size:var(--h1);
  line-height:1.08;
}
.project-context .body-text{color:rgba(255,255,255,.76)}
.project-context .body-text strong{color:var(--white)}
.project-context-points{margin-top:1.6rem}
.project-context .pain-point{color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.17)}
.project-context-media{width:100%;aspect-ratio:4/5;border-radius:.75rem}
.project-context-media img{object-position:48% 50%}

/* Consulting: clear transition into the four core services */
.services-overview{
  position:relative;
  overflow:hidden;
  padding:var(--section-pad) var(--pad);
  background:var(--text-primary);
  color:var(--white);
}
.services-overview-inner{
  position:relative;
  z-index:1;
  max-width:var(--max-w);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(18rem,.72fr) minmax(29rem,1.28fr);
  gap:clamp(3rem,7vw,7rem);
  align-items:center;
}
.services-overview-header{max-width:35rem}
.services-overview-heading{
  max-width:12ch;
  margin-bottom:1.35rem;
  color:var(--white);
  font-size:var(--h1);
  line-height:1.08;
}
.services-overview-header>p{
  max-width:34rem;
  color:rgba(255,255,255,.7);
  font-size:var(--body);
  line-height:1.75;
}
.services-orbit{
  position:relative;
  justify-self:end;
  width:min(100%,35rem);
  aspect-ratio:1;
}
.services-orbit::before{
  content:"";
  position:absolute;
  inset:1%;
  background:url('assets/brand/brand-mark.png') center/contain no-repeat;
  opacity:.33;
}
.service-node{
  position:absolute;
  z-index:2;
  width:38%;
  aspect-ratio:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:1.25rem;
  border:1px solid rgba(200,169,106,.68);
  border-radius:50%;
  background:rgba(35,56,42,.88);
  text-align:center;
  transition:background .25s ease,transform .25s var(--ease-out-strong),border-color .25s ease;
}
.service-node--consulting{top:5%;left:8%}
.service-node--training{top:5%;right:8%}
.service-node--coaching{bottom:5%;left:8%}
.service-node--care{right:8%;bottom:5%}
.service-node-number{
  margin-bottom:.35rem;
  color:var(--gold);
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.18em;
}
.service-node strong{
  color:var(--white);
  font-size:clamp(1rem,1.7vw,1.35rem);
  font-weight:500;
  letter-spacing:-.025em;
}
.service-node>span:last-child{
  max-width:13ch;
  margin-top:.4rem;
  color:rgba(255,255,255,.66);
  font-size:clamp(.68rem,1vw,.78rem);
  line-height:1.4;
}
.services-orbit-core{
  position:absolute;
  z-index:3;
  top:50%;
  left:50%;
  width:18%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  padding:.85rem;
  border:1px solid rgba(200,169,106,.55);
  border-radius:50%;
  background:var(--text-primary);
}
.services-orbit-core img{width:100%;height:100%;object-fit:contain}
@media(hover:hover) and (pointer:fine){
  .service-node:hover{z-index:4;background:#31503b;border-color:var(--gold);transform:translateY(-.3rem)}
}

/* Consulting: compact, pitch-oriented single-image service sections */
#consulting,#training,#coaching,#care{scroll-margin-top:5rem}
.offer-section{padding:clamp(4.5rem,7vw,7rem) var(--pad)}
.offer-inner,
.offer-inner--reverse,
.coaching-inner{
  grid-template-columns:minmax(23rem,.96fr) minmax(0,1.04fr);
  gap:clamp(2.75rem,6vw,5.75rem);
  align-items:center;
}
.offer-content{max-width:42rem;padding:0}
.offer-content .body-text{line-height:1.68}
.offer-content .body-text+.body-text{margin-top:.65rem}
.offer-heading{font-size:clamp(2rem,3.35vw,3.25rem)}
.offer-media{
  position:sticky;
  top:7rem;
  min-height:0;
  aspect-ratio:2/3;
}
.offer-media img{object-position:50% 45%}
.offer-media--landscape{aspect-ratio:4/3}
.offer-benefits,.care-benefits{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.65rem;
  margin:1rem 0 1.35rem;
}
.offer-benefits .benefit,.care-benefits .benefit{
  min-height:3.6rem;
  display:flex;
  align-items:center;
  padding:.75rem .8rem .75rem 2.15rem;
  border:1px solid rgba(35,56,42,.12);
  border-radius:.45rem;
  background:rgba(255,255,255,.5);
  font-size:clamp(.82rem,.9vw,.92rem);
  line-height:1.45;
}
.offer-benefits .benefit::before,.care-benefits .benefit::before{left:.9rem;top:50%;transform:translateY(-50%)}
.offer-closing{
  margin-top:1.25rem!important;
  padding:1.1rem 1.2rem;
  border-left:2px solid var(--gold);
  background:rgba(200,169,106,.09);
}
.offer-video{margin-top:clamp(3rem,5vw,4.5rem)}
.offer-video video,.offer-video .label{width:min(100%,25rem)}

/* Monthly impulse talks */
.impulse-section{padding:var(--section-pad) var(--pad);background:var(--text-primary);color:var(--white)}
.impulse-inner{max-width:var(--max-w);margin:0 auto}
.impulse-header{max-width:43rem;margin-bottom:clamp(2.5rem,5vw,4rem)}
.impulse-heading{margin-bottom:1rem;color:var(--white);font-size:var(--h1)}
.impulse-header .body-text{color:rgba(255,255,255,.7)}
.impulse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.impulse-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:11rem;
  padding:clamp(1.5rem,3vw,2.25rem);
  border:1px solid rgba(200,169,106,.4);
  border-radius:.65rem;
  background:rgba(255,255,255,.045);
}
.impulse-date{margin-bottom:1rem;color:var(--gold);font-size:.73rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.impulse-card h3{max-width:26ch;color:var(--white);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.32}
.impulse-description{margin:1rem 0 1.5rem;color:#e1e5e0;font-size:var(--body);line-height:1.75}
.impulse-request{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  margin-top:auto;
  min-height:2.75rem;
  max-width:100%;
  padding:.8rem 1.25rem;
  border:1px solid var(--gold);
  border-radius:2rem;
  background:var(--gold);
  color:var(--text-primary);
  font-size:var(--btn);
  font-weight:600;
  line-height:1.4;
  text-align:center;
  text-decoration:none;
}
.impulse-request:hover{background:#dfc38e;border-color:#dfc38e}
.impulse-request:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(min-width:64.01rem){.impulse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Coaching */
.offer-section--coaching{background:#fbfaf7}
.coaching-inner{grid-template-columns:minmax(23rem,.96fr) minmax(0,1.04fr)}
.coaching-media{position:sticky;top:7rem;padding:0;overflow:hidden;border-radius:.75rem;background:var(--bg-warm);box-shadow:0 1.5rem 4rem rgba(21,44,29,.13)}
.coaching-media-main{
  display:block;
  width:100%;
  aspect-ratio:596/884;
  object-fit:cover;
  border-radius:.75rem;
}

/* Care */
.care-section{padding:var(--section-pad) var(--pad);background:var(--bg-warm)}
.care-inner{max-width:var(--max-w);margin:0 auto}
.care-header{max-width:48rem;margin-bottom:clamp(1.75rem,3vw,2.75rem)}
.care-kicker{margin:.1rem 0 .65rem;color:var(--gold-dark);font-family:var(--font-serif);font-size:1.35rem}
.care-heading{max-width:17ch;font-size:var(--h1);line-height:1.1}
.care-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(23rem,.96fr);gap:clamp(2.75rem,6vw,5.75rem);align-items:center}
.care-copy{max-width:48rem}
.care-benefits{margin:1.5rem 0 2rem}
.care-media{position:sticky;top:7rem;padding:0;overflow:hidden;border-radius:.75rem;box-shadow:0 1.5rem 4rem rgba(21,44,29,.13)}
.care-media-main{
  display:block;
  width:100%;
  aspect-ratio:540/754;
  object-fit:cover;
  border-radius:.75rem;
}
.care-video{margin-top:clamp(4rem,7vw,7rem)}
.care-video video{aspect-ratio:404/720;object-fit:contain}
.care-disclaimer{
  max-width:48rem;
  margin:3rem auto 0;
  padding:1.4rem 1.6rem;
  border:1px solid rgba(200,169,106,.52);
  border-radius:.55rem;
  background:rgba(255,255,255,.58);
  color:var(--text-muted);
  font-size:.84rem;
  line-height:1.7;
}

/* Consulting & Care summary */
.holistic-section{padding:var(--section-pad) var(--pad);background:#fbfaf7}
.holistic-inner{
  max-width:var(--max-w);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);
  gap:clamp(3rem,7vw,7rem);
  align-items:center;
}
.holistic-heading{max-width:16ch;margin-bottom:1.5rem;font-size:var(--h1);line-height:1.1}
.holistic-closing{margin-top:1.5rem;color:var(--gold-dark);font-family:var(--font-serif);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.45}
.holistic-media{overflow:hidden;aspect-ratio:2/3;margin:0;border-radius:.75rem;box-shadow:0 1.5rem 4rem rgba(21,44,29,.13)}
.holistic-media img{width:100%;height:100%;object-fit:cover;object-position:50% 44%}

/* Business Mentoring team hero: preserve the entire portrait photo */
.n-hero-img--team{aspect-ratio:721/1280!important;background:var(--bg-warm)}
.n-hero-img--team img{object-fit:contain!important;object-position:center!important}

@media(max-width:64rem){
  .journey-layout,.journey-purpose-inner,.home-mentoring-inner,.project-context-inner,.coaching-inner,.care-layout,.holistic-inner{grid-template-columns:1fr}
  .services-overview-inner{grid-template-columns:1fr;text-align:center}
  .services-overview-header{margin:0 auto}
  .services-overview-heading{margin-left:auto;margin-right:auto}
  .services-overview-header>p{margin:0 auto}
  .services-orbit{justify-self:center;width:min(100%,32rem)}
  .offer-inner,.offer-inner--reverse,.coaching-inner{grid-template-columns:1fr}
  .journey-media,.home-mentoring-media,.coaching-media,.care-media{position:relative;top:auto;width:min(100%,32rem)}
  .journey-media{order:-1;aspect-ratio:3/4}
  .journey-purpose-media{width:min(100%,38rem);aspect-ratio:4/3}
  .home-mentoring-media,.coaching-media,.care-media{order:-1}
  .project-context-media{width:min(100%,35rem);aspect-ratio:3/2;order:-1}
  .holistic-media{width:min(100%,34rem);aspect-ratio:4/5;order:-1}
}

@media(max-width:40rem){
  .hero-tagline-en{margin-top:.5rem}
  .journey-values,.impulse-grid{grid-template-columns:1fr}
  .services-orbit{
    width:100%;
    aspect-ratio:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.75rem;
  }
  .services-orbit::before,.services-orbit-core{display:none}
  .service-node{
    position:static;
    width:100%;
    min-height:9rem;
    aspect-ratio:auto;
    padding:1rem;
    border-radius:.6rem;
    background:rgba(255,255,255,.045);
  }
  .service-node strong{font-size:1rem}
  .offer-benefits,.care-benefits{grid-template-columns:1fr}
  .offer-benefits .benefit,.care-benefits .benefit{min-height:auto}
  .journey-media{width:100%;aspect-ratio:4/5}
  .journey-purpose-media{width:100%;aspect-ratio:4/3}
  .home-mentoring-media{width:min(100%,26rem);padding:0}
  .coaching-media,.care-media{width:100%;padding:0}
  .project-context-media{width:100%;aspect-ratio:4/3}
  .impulse-card{min-height:auto}
  .holistic-media{width:100%;aspect-ratio:4/5}
}

/* Responsive and interaction audit · September 2026 */
section[id]{scroll-margin-top:5.5rem}
.nav-hamburger{
  position:relative;
  z-index:210;
  display:none;
  flex-shrink:0;
  width:2.75rem;
  height:2.75rem;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
.nav-hamburger span{
  position:absolute;
  left:50%;
  display:block;
  width:1.25rem;
  height:1.5px;
  background:var(--text-primary);
  transform:translateX(-50%);
  transition:top .25s ease,transform .25s ease,opacity .2s ease;
}
.nav-hamburger span:nth-child(1){top:.85rem}
.nav-hamburger span:nth-child(2){top:1.25rem}
.nav-hamburger span:nth-child(3){top:1.65rem}
.nav-hamburger.open span:nth-child(1){top:1.25rem;transform:translateX(-50%) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){top:1.25rem;transform:translateX(-50%) rotate(-45deg)}
.mobile-menu{
  position:fixed;
  z-index:200;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1rem;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .25s ease,visibility 0s linear .25s;
}
.mobile-menu.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s;
}
.mobile-menu a{
  opacity:0;
  transform:translateY(.5rem);
  transition:opacity .35s ease,transform .35s ease;
}
.mobile-menu.open a{opacity:1;transform:translateY(0)}
.mobile-menu.open a:nth-child(1){transition-delay:.05s}
.mobile-menu.open a:nth-child(2){transition-delay:.09s}
.mobile-menu.open a:nth-child(3){transition-delay:.13s}
.mobile-menu.open a:nth-child(4){transition-delay:.17s}
.mobile-menu.open a:nth-child(5){transition-delay:.21s}
body.menu-open{overflow:hidden}
.footer-social .is-pending{
  opacity:.42;
  pointer-events:none;
  cursor:default;
}

@media(min-width:64.01rem){
  .journey-media,
  .home-mentoring-media,
  .offer-media:not(.offer-media--landscape),
  .coaching-media,
  .care-media,
  .holistic-media{max-width:30rem}
  .journey-purpose-media,
  .offer-media--landscape{max-width:38rem}
}

@media(max-width:64rem){
  .nav-links,.nav-cta{display:none}
  .nav-hamburger{display:block;grid-column:3;justify-self:end}
  .offer-section{padding:var(--section-pad) var(--pad)}
  .mobile-menu{
    min-height:100svh;
    padding:calc(5.5rem + env(safe-area-inset-top)) var(--pad) calc(2rem + env(safe-area-inset-bottom));
    overflow-y:auto;
  }
  .mobile-menu a{
    min-height:2.75rem;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .footer-links a,
  .footer-bottom a,
  .legal a,
  .text-link,
  .site-cta__button,
  .cta-btn,
  .c-cta-btn,
  .n-cta-btn,
  .u-cta-btn,
  .f-cta-btn{
    min-height:2.75rem;
    display:inline-flex;
    align-items:center;
  }
  .footer-social a{
    width:2.75rem;
    height:2.75rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .footer-bottom{
    grid-template-columns:1fr;
    justify-items:center;
    gap:.35rem;
    text-align:center;
  }
  .footer-credit{justify-self:center;margin-top:.5rem}
  .inner-hero .inner-hero__media,
  .journey-media,
  .journey-purpose-media,
  .home-mentoring-media,
  .project-context-media,
  .offer-media,
  .coaching-media,
  .care-media,
  .holistic-media,
  .n-hero-img--team,
  .n-why-img,
  .n-how-img,
  .site-cta .site-cta__media{
    width:min(100%,38rem)!important;
    max-width:38rem!important;
    margin-left:auto;
    margin-right:auto;
    justify-self:center!important;
  }
}

@media(max-width:40rem){
  :root{
    --section-pad:3.5rem;
    --pad:clamp(1.15rem,5vw,1.35rem);
    --body:.9375rem;
  }
  html,body{overflow-x:hidden}
  body{line-height:1.65}
  .inner-hero .inner-hero__media,
  .journey-media,
  .journey-purpose-media,
  .home-mentoring-media,
  .project-context-media,
  .offer-media,
  .coaching-media,
  .care-media,
  .holistic-media,
  .n-hero-img--team,
  .n-why-img,
  .n-how-img,
  .site-cta .site-cta__media{
    width:100%!important;
    max-width:100%!important;
  }
  .nav{height:4.5rem}
  .nav-inner{width:100%;padding-left:var(--pad);padding-right:var(--pad)}
  .nav-logo{width:min(9rem,46vw)}
  .mobile-menu{gap:.8rem}
  .mobile-menu a{font-size:clamp(1.45rem,7vw,1.75rem)}
  .mobile-menu .mobile-cta{
    min-height:2.75rem;
    margin-top:.65rem;
    padding:.75rem 1.5rem;
    font-size:.9rem;
  }
  .body-text{font-size:var(--body);line-height:1.75}
  .label{margin-bottom:.55rem}
  .home-consulting-inner{gap:2rem}
  .home-mentoring-inner,
  .journey-layout,
  .journey-purpose-inner,
  .project-context-inner,
  .offer-inner,
  .offer-inner--reverse,
  .coaching-inner,
  .care-layout,
  .holistic-inner,
  .n-why-inner,
  .n-how-inner{gap:2rem}
  .home-mentoring-media{
    width:100%;
    max-width:100%!important;
    aspect-ratio:2/3;
    margin:0 auto;
    justify-self:center;
  }
  .home-mentoring-media>img:first-child{height:100%;aspect-ratio:2/3;object-position:50% 45%}
  .journey-purpose-media{aspect-ratio:3/2}
  .project-context-media{aspect-ratio:4/5}
  .offer-media{width:100%;max-width:100%;aspect-ratio:4/5}
  .offer-media--landscape{aspect-ratio:3/2}
  .n-hero-img--team{
    width:100%!important;
    max-width:100%!important;
    justify-self:center!important;
  }
  .n-why-img,.n-how-img{width:100%;max-width:100%!important}
  .site-cta{padding:0!important;gap:0!important}
  .site-cta .site-cta__media{aspect-ratio:4/3!important;margin:0!important}
  .site-cta__content{padding:2rem 1.25rem 1.75rem!important}
  .site-cta__media img{object-position:50% 30%!important}
  .n-cta .site-cta__media img{object-position:50% 14%!important}
  .offer-video video,.care-video video{display:block;width:100%;height:auto;object-fit:contain}
  .site-cta__button,
  .cta-btn,.c-cta-btn,.n-cta-btn,.u-cta-btn,.f-cta-btn{
    min-height:2.75rem;
    display:inline-flex;
    align-items:center;
  }
  .text-link{
    min-height:2.75rem;
    display:flex!important;
    align-items:center;
    width:fit-content;
    max-width:100%;
    gap:.45rem;
  }
  .benefit,.pain-point{line-height:1.55}
  .legal{padding:7.5rem var(--pad) 4rem}
  .footer{padding:3.5rem var(--pad) 1.75rem}
  .footer-inner{text-align:left;gap:2rem}
  .footer-brand-desc{margin:.5rem 0 0}
  .footer-social{justify-content:flex-start}
}

/* ═══════════════════════════════════════════════════════════════
   Final polish · September 2026
   Vereinheitlicht Bildsprache, Typo-Hierarchie, Kontrast und
   Responsive-Details. Bewusst als letzter Block: überschreibt die
   gewachsenen Ebenen, ohne die bestehende Kaskade umzubauen.
   ═══════════════════════════════════════════════════════════════ */

/* ── Tokens ── */
:root{
  --gold-dark:#86682c;      /* Gold für Text auf hellem Grund — WCAG AA */
  --bg-soft:#fbfaf7;        /* dritter Cremeton entfällt: nur noch Basis + Akzent */
  --frame:.75rem;           /* Versatz des Goldrahmens */
}

/* ── 1 · Eine Bildsprache: eckig, ohne Schatten, mit Goldrahmen ── */
.journey-media,.journey-purpose-media,.home-mentoring-media,
.coaching-media,.care-media,.holistic-media{
  z-index:0;
  overflow:visible;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.journey-purpose-media,.holistic-media{position:relative}
.journey-media::after,.journey-purpose-media::after,.home-mentoring-media::after,
.coaching-media::after,.care-media::after,.holistic-media::after{
  content:'';
  position:absolute;
  z-index:-1;
  inset:var(--frame) calc(var(--frame) * -1) calc(var(--frame) * -1) var(--frame);
  border:1px solid rgba(200,169,106,.6);
  pointer-events:none;
}
.journey-media img,.journey-purpose-media img,.holistic-media img,
.home-mentoring-media>img:first-child,
.coaching-media-main,.care-media-main,
.offer-media img,.project-context-media img,.c-experience-img img{
  border-radius:0;
  box-shadow:none;
}
.offer-media,.offer-media--landscape,.project-context-media,
.c-experience-img{border-radius:0;box-shadow:none}
.site-cta .site-cta__media{border-radius:0!important}
/* Goldrahmen der Experience-Bühne auf denselben Versatz wie überall */
.c-experience-img::before{
  inset:var(--frame) calc(var(--frame) * -1) calc(var(--frame) * -1) var(--frame);
  border-color:rgba(200,169,106,.6);
  background:transparent;
}

/* ── 2 · Kategorie 2 (Bild + Text): ein Format, eine Ausrichtung ──
   Alle redaktionellen Bilder 3/4 hoch. Bild sitzt immer oben bündig mit
   dem Text und wandert beim Scrollen mit, wenn die Copy länger ist. */

/* 2a · Grid oben ausrichten statt zentrieren */
.home-consulting-inner,.trust-grid,.home-mentoring-inner,
.project-context-inner,.c-solution-inner,.offer-inner,.offer-inner--reverse,
.coaching-inner,.care-layout,.holistic-inner,.c-experience-inner,
.journey-layout,.journey-purpose-inner,
.n-why-inner,.n-how-inner{align-items:start}

/* 2b · Einheitliches Bildformat */
.home-consulting .img-wrap,.trust-img,
.project-context-media,.c-solution-img,
.offer-media,.offer-media--landscape,.holistic-media,.c-experience-img,
.journey-media,.journey-purpose-media,
.n-why-img,.n-how-img,
.philosophy-img{aspect-ratio:3/4}
.home-mentoring-media>img:first-child,
.coaching-media-main,.care-media-main{aspect-ratio:3/4}
.consulting-intro .c-hero-img{aspect-ratio:3/4}

/* 2c · Bild oben bündig und mitscrollend */
.home-consulting .img-wrap,.trust-img,.home-mentoring-media,
.project-context-media,.c-solution-img,
.offer-media,.offer-media--landscape,.coaching-media,.care-media,
.holistic-media,.c-experience-img,
.journey-media,.journey-purpose-media,
.n-why-img,.n-how-img,.philosophy-img{
  position:sticky;
  top:7rem;
  align-self:start;
}

/* 2d · Beschnitt der drei Querformat-Originale nachziehen */
.project-context-media img,.offer-media--landscape img{object-position:48% 50%}
.journey-purpose-media img{object-position:46% 50%}

/* ── 3 · Typo-Hierarchie ── */
.philosophy-heading,.journey-title{font-size:var(--h1)}
.philosophy-heading,.home-consulting-heading,.trust-heading,.projects-title,
.home-mentoring-heading,.journey-title,.journey-purpose-title,.u-worlds-title,
.n-why-heading,.n-how-heading,.project-context-heading,.holistic-heading,
.care-heading,.services-overview-heading,.impulse-heading,.offer-heading{line-height:1.08}

/* ── 4 · Kontrast ── */
.label{color:var(--gold-dark)}
.projects .label,.u-worlds .label,.c-experience .label,.impulse-section .label,
.services-overview .label,.project-context .label,
.c-testimonial .label,.n-testimonial .label{color:var(--gold)}
.footer-bottom{color:rgba(255,255,255,.55)}
.footer-bottom a{color:rgba(255,255,255,.72)}
.cta-micro,.c-cta-micro,.n-cta-micro,.u-cta-micro,.f-cta-micro,
.site-cta .site-cta__micro{color:rgba(255,255,255,.62)}

/* ── 5 · Business-Mentoring-Hero: Höhe begrenzen ── */
.inner-hero .n-hero-img--team{width:min(100%,19.5rem);max-width:19.5rem}

/* ── 6 · Interaktion: schnellere Hover, Press-Feedback, Touch-Schutz ── */
.project-card,.u-world-card{
  transition:transform .22s var(--ease-out-strong),background .22s ease,
             border-color .22s ease,box-shadow .28s ease;
}
.service-card{transition:transform .2s var(--ease-out-strong),border-color .2s ease}
.site-cta .site-cta__button:active{transform:scale(.97)}
.impact-orbit.is-visible .impact-orbit__item{
  animation-duration:.6s;
  animation-delay:calc(var(--impact-index,0) * 70ms + 140ms);
}
@media(hover:none),(pointer:coarse){
  .project-card:hover,.u-world-card:hover,
  .service-card:hover,.service-card:first-child:hover,
  .nav-cta:hover,.cta-btn:hover,.site-cta .site-cta__button:hover{transform:none}
}

/* ── 7 · Responsive-Details ── */
@media(max-width:64rem){
  /* Supergrafik gehört ins dunkle Textpanel, nicht auf das Hero-Foto */
  .split-hero--home .split-hero__content::before,
  .split-hero--about .split-hero__content::before{display:none}
  /* Bild- und Textkante fluchten lassen statt Bilder zu zentrieren */
  .inner-hero .inner-hero__media,
  .journey-media,.journey-purpose-media,.home-mentoring-media,
  .project-context-media,.offer-media,.coaching-media,.care-media,
  .holistic-media,.n-hero-img--team,.n-why-img,.n-how-img{
    margin-left:0;
    margin-right:0;
    justify-self:start!important;
  }
}
@media(max-width:40rem){
  .services-overview-heading{max-width:none}
  .journey-media::after,.journey-purpose-media::after,.home-mentoring-media::after,
  .coaching-media::after,.care-media::after,.holistic-media::after,
  .c-experience-img::before{
    inset:.45rem -.45rem -.45rem .45rem;
  }
}

/* Akzentlinie auf volle Überschriftenhöhe ziehen (Philosophie / Welten) */
.philosophy-heading-wrap,.u-welten-heading-wrap,.f-statement-heading-wrap{align-items:stretch}
.philosophy-accent,.u-welten-accent,.f-statement-accent{min-height:0;margin-top:0}

/* Einheitliche Zeilenhöhe für alle großen Überschriften (Zitate und
   Kartentitel bleiben bewusst luftiger) */
.hero-name,.u-hero-name,.c-hero-heading,.n-hero-heading,.f-hero-heading,
.philosophy-heading,.home-consulting-heading,.projects-title,.home-mentoring-heading,
.trust-heading,.journey-title,.journey-purpose-title,.u-welten-heading,.u-worlds-title,
.project-context-heading,.services-overview-heading,.c-solution-heading,.c-services-title,
.c-experience-heading,.c-results-title,.offer-heading,.care-heading,.impulse-heading,
.holistic-heading,.n-why-heading,.n-how-heading,.f-origin-heading,.f-statement-heading,
.f-process-title,.f-values-heading,
.cta-heading,.c-cta-heading,.n-cta-heading,.u-cta-heading,.f-cta-heading{line-height:1.08}
.hero-name,.u-hero-name,.c-hero-heading,.n-hero-heading,.f-hero-heading{line-height:1.05}

/* Care ist das vierte der vier Angebote — gleiche Überschriftenstufe wie
   Consulting, Training und Coaching statt eine Stufe darüber */
.care-heading{font-size:clamp(2rem,3.35vw,3.25rem)}

/* ═══ Kategorie 2, Teil 2 ═══ */

/* Philosophie aus der Kartenoptik ins Standard-Raster überführen,
   damit die Sektion sich nicht als Sonderfall liest */
.philosophy-card{
  background:transparent;
  border-top:0;
  overflow:visible;
  grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);
  gap:clamp(3rem,7vw,7rem);
  align-items:start;
}
.philosophy-text{padding:0}
.philosophy-img{min-height:0;overflow:visible;z-index:0}

/* Goldrahmen auch für die neu ins System geholten Bilder */
.philosophy-img::after,.home-mentoring-media::after{
  content:'';
  position:absolute;
  z-index:-1;
  inset:var(--frame) calc(var(--frame) * -1) calc(var(--frame) * -1) var(--frame);
  border:1px solid rgba(200,169,106,.6);
  pointer-events:none;
}

/* Mitscrollen ist eine Desktop-Geste: einspaltig steht das Bild fest */
@media(max-width:64rem){
  .home-consulting .img-wrap,.trust-img,.home-mentoring-media,
  .project-context-media,.c-solution-img,
  .offer-media,.offer-media--landscape,.coaching-media,.care-media,
  .holistic-media,.c-experience-img,
  .journey-media,.journey-purpose-media,
  .n-why-img,.n-how-img,.philosophy-img{
    position:relative;
    top:auto;
  }
  .philosophy-card{grid-template-columns:1fr;gap:2rem}
  .philosophy-img{order:-1}
}

/* .c-experience hat overflow:hidden (klippt die Deko-Kreise) und wird dadurch
   selbst zum Scroll-Container — sticky würde das Bild dauerhaft 7rem nach unten
   versetzen. Hier deshalb nur oben bündig, ohne Mitscrollen. Copy und Bild sind
   fast gleich hoch, es geht optisch nichts verloren. */
.c-experience-img{position:relative;top:auto}

/* Beide Inner-Heroes gleich ausrichten (Consulting war start, Network center) */
.inner-hero .inner-hero__inner{align-items:start}

/* Einspaltig steht das Bild in Kategorie 2 immer über dem Text
   (trust und c-experience folgten bisher der DOM-Reihenfolge) */
@media(max-width:64rem){
  .trust-img,.c-experience-img{order:-1}
  .home-mentoring-media,
  .home-mentoring-media>img:first-child{aspect-ratio:3/4}
}
@media(max-width:40rem){
  .home-mentoring-media,
  .home-mentoring-media>img:first-child{aspect-ratio:3/4}
}

/* ═══ Kategorie 2, Teil 3: eine Bildbreite, ein Hero-Format ═══
   Bisher hatte jede Sektion ihr eigenes Spaltenraster — daraus wurden neun
   verschiedene Bildbreiten (448–587 px). Jetzt zwei Raster, je nachdem ob das
   Bild links oder rechts steht. Nur ab 64rem: darunter ist alles einspaltig,
   und eine unbedingte Regel am Dateiende würde das überschreiben. */
@media(min-width:64.01rem){
  /* Bild links */
  .home-consulting-inner,.home-mentoring-inner,.journey-purpose-inner,
  .c-solution-inner,.offer-inner,.coaching-inner,.n-why-inner{
    grid-template-columns:clamp(20rem,34vw,30rem) minmax(0,1fr);
    gap:clamp(2.5rem,5vw,5rem);
  }
  /* Bild rechts (.offer-inner--reverse kippt die Basisregel oben) */
  .philosophy-card,.trust-grid,.journey-layout,.project-context-inner,
  .offer-inner--reverse,.care-layout,.holistic-inner,.c-experience-inner,
  .n-how-inner{
    grid-template-columns:minmax(0,1fr) clamp(20rem,34vw,30rem);
    gap:clamp(2.5rem,5vw,5rem);
  }
  /* Alte Einzelbreiten aus dem Block bei Zeile ~1848 aufheben */
  .journey-media,.journey-purpose-media,.home-mentoring-media,
  .project-context-media,.offer-media,.offer-media--landscape,
  .coaching-media,.care-media,.holistic-media,
  .c-solution-img,.c-experience-img,.trust-img,
  .n-why-img,.n-how-img,.philosophy-img,
  .home-consulting .img-wrap{width:auto;max-width:30rem;justify-self:stretch}
}

/* ── Beide Boxed-Heroes gleich groß (544 px) ──
   Home und Über mich behalten ihren vollflächigen Split-Hero. */
@media(min-width:64.01rem){
  .consulting-intro .inner-hero__inner,
  .inner-hero .inner-hero__inner{
    grid-template-columns:minmax(0,1fr) clamp(22rem,38vw,34rem);
    gap:clamp(2.5rem,4vw,4.5rem);
  }
  .inner-hero .inner-hero__media{max-width:34rem}
  .consulting-intro .c-hero-img{max-width:34rem}
}

/* Teamfoto ins Standardformat: alle Gesichter liegen in der oberen Hälfte,
   der Beschnitt nimmt nur Beine und Treppenboden weg. */
.inner-hero .n-hero-img--team{width:auto;max-width:34rem}
.n-hero-img--team{aspect-ratio:3/4!important;background:transparent}
.n-hero-img--team img{object-fit:cover!important;object-position:50% 8%!important}

/* Überschrift sitzt jetzt in der Textspalte (Care, My Journey) — dadurch
   beginnt das Bild wie überall sonst auf Höhe der Eyebrow-Zeile. */
.care-header,.journey-header{max-width:none;margin-bottom:1.5rem}

/* .journey-values steht nicht mehr im Grid und braucht die Containerbreite
   selbst (verhinderte, dass das Sticky-Bild über die Callout-Boxen wandert). */
.journey-values{max-width:var(--max-w);margin-left:auto;margin-right:auto}

/* Position unter dem Namen der Empfehlung */
.c-testimonial-role{
  display:block;
  margin-top:.3rem;
  color:rgba(255,255,255,.55);
  font-size:.74rem;
  font-weight:400;
  letter-spacing:.04em;
}
