/* Narrow refinements. The original KCH palette, typography, composition and motion remain authoritative. */
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.home-hero-media picture{display:block;width:100%;height:100%}
.rtl .home-hero-media{inset:0 auto 0 0}
.motion-enabled:not(.motion-ready) .founder-hero-photo{clip-path:inset(0 0 100% 0)}
/* Offscreen menu links must not remain in keyboard navigation. */
.motion-enabled .mobile-menu:not(.open){visibility:hidden;transition:transform .35s ease,visibility 0s .35s}
.motion-enabled .mobile-menu.open{visibility:visible;transition:transform .35s ease,visibility 0s}
.motion-enabled.menu-open .site-header{background:var(--ink);color:white}
.motion-enabled.menu-open .site-header .logo-dark{display:none}
.motion-enabled.menu-open .site-header .logo-light{display:block}
.motion-toggle{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;padding:8px 0;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font-size:14px;font-weight:750;cursor:pointer}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.motion-paused .founder-cinema-image,.motion-paused .founder-hero-photo img,.motion-paused .big-num,.motion-paused .closing-number{transform:none!important}
.motion-paused .motion-magnetic{transform:none!important}
.motion-paused .home-hero-cross{transform:none!important}
.enquiry-context{grid-column:1/-1;padding:20px 22px;border-inline-start:3px solid var(--blue);background:rgba(89,111,183,.08)}
.enquiry-context span{display:block;font-size:14px;color:#5f5952;margin-bottom:8px}
.enquiry-context strong{font-size:18px;line-height:1.5}
.form-message{grid-column:1/-1;padding:18px;border:1px solid var(--blue);line-height:1.7}
.form button:disabled{opacity:.65;cursor:wait}
.confirmation{width:min(1000px,calc(100% - var(--pad)*2));margin:auto;padding:170px 0 100px;min-height:70svh}
.confirmation .lead{margin-top:30px}
.confirmation>.form{margin:30px 0}
body:not(.motion-enabled) .founder-hero-photo{clip-path:none}
/* Scroll details animate only after being observed; content always remains readable. */
@media(prefers-reduced-motion:no-preference){
  .motion-enabled .practice-card.in .practice-main{animation:kchChapterArrives 850ms var(--motion-ease) both}
  .motion-enabled .second-read.in .second-read-panel{animation:kchChapterArrives 850ms var(--motion-ease) both}
  @keyframes kchChapterArrives{from{transform:translate3d(0,28px,0)}to{transform:translate3d(0,0,0)}}
}
@media(max-width:1050px){
  body:not(.motion-enabled) .menu-btn{display:none}
  body:not(.motion-enabled) .mobile-menu{position:relative;inset:auto;transform:none;padding-top:110px}
}
@media(max-width:680px){
  .rtl .home-hero-media{inset:0}
  .second-read-image{background-image:url('../img/resolved-mobile.jpg');background-position:center;min-height:58svh}
  .confirmation{padding-top:130px}
}
@media(prefers-reduced-motion:reduce){
  .motion-enabled:not(.motion-ready) .founder-hero-photo{clip-path:none}
  .motion-toggle{display:none!important}
}

/* KCH restrained logo-green accents. Decorative marks, selection and interaction only. */
:root{--kch-logo-green:#91cc8a;--kch-green-focus:#386b40}
.kch-scroll-progress,.rtl .kch-scroll-progress{background:var(--kch-logo-green)}
.nav a:after{background:var(--kch-logo-green)}
.site-header:not(.scrolled):not(.light) .language-switcher a.active,
.site-header.scrolled .language-switcher a.active,
.site-header.light .language-switcher a.active{background:var(--kch-logo-green);color:var(--ink);opacity:1}
.decision-choice.active:before,.decision-choice:hover:before{background:var(--kch-logo-green)}
.decision-choice.active span{color:var(--kch-logo-green)}
.reading-controls .reading-tabs button[aria-selected=true]{box-shadow:inset 0 -3px 0 var(--kch-logo-green)}
.process-v2-step:before,.rtl .process-v2-step:before{background:var(--kch-logo-green)}
.record-stat:before,.record-card:before,.rtl .record-stat:before,.rtl .record-card:before{background:var(--kch-logo-green)}
.btn:focus-visible,.nav a:focus-visible,.language-switcher a:focus-visible{outline:3px solid var(--kch-green-focus);outline-offset:5px}
.site-header:not(.scrolled):not(.light) .nav a:focus-visible,
.site-header:not(.scrolled):not(.light) .language-switcher a:focus-visible{outline-color:var(--kch-logo-green)}
@media(hover:hover){
 .btn:hover,.nav-cta:hover{border-color:var(--kch-logo-green)}
 .text-link:hover{border-bottom-color:var(--kch-logo-green)}
 .practice-card:hover .practice-arrow{color:var(--kch-green-focus)}
 .practice-card-dark:hover .practice-arrow,.practice-card-blue:hover .practice-arrow{color:var(--kch-logo-green)}
}
