/* Kern Medien homepage v42, isolated production release 2026-09-09. */
#km-home-story {
  --km-story-header-space:88px;
  --km-story-header-height:88px;
  --km-story-header-offset:88px;
  position:relative; overflow:clip; color:#161f2c; background:#fff;
  padding-top:var(--km-story-header-space);
  font:15px/1.7 var(--km-global-font, Manrope, Arial, sans-serif);
}
#km-home-story *,#km-home-story *::before,#km-home-story *::after { box-sizing:border-box; }
#km-home-story h1,#km-home-story h2,#km-home-story h3,#km-home-story p,#km-home-story figure,#km-home-story ul,#km-home-story ol,#km-home-story dl,#km-home-story dd { margin:0; }
#km-home-story h1,#km-home-story h2,#km-home-story h3 { color:inherit; font-family:inherit; text-wrap:initial; }
#km-home-story p { font-size:15px; line-height:1.7; }
#km-home-story button { font-family:inherit; border-radius:0; line-height:1.7; box-shadow:none; }
#km-home-story blockquote { padding:0; border:0; font-style:normal; color:inherit; }
#km-home-story a { box-shadow:none; }
#km-home-story a.button { text-decoration:none !important; }
/* Existing Astra/global header breakpoints: mobile navigation at 922px,
   smaller 49px logo at 544px. Rounded verified header heights minimize the
   pre-JS shift; measureHeader replaces them with the exact runtime geometry. */
@media(max-width:922px) {
  #km-home-story { --km-story-header-space:84px; --km-story-header-height:84px; --km-story-header-offset:84px; }
}
@media(max-width:544px) {
  #km-home-story { --km-story-header-space:69px; --km-story-header-height:69px; --km-story-header-offset:69px; }
}

#km-home-story { --paper:#ffffff;
  --ink:#161f2c;
  --muted:#5b6674;
  --line:#98a1ad;
  --orange:#ff9300;
  --orange-text:#9f4c00;
  --gutter:clamp(22px,5vw,88px) }
#km-home-story * { box-sizing:border-box }
#km-home-story { margin:0;
  background:var(--paper);
  color:var(--ink);
  font:15px/1.7 Manrope,Arial,sans-serif }
#km-home-story button,
#km-home-story a,
#km-home-story summary { -webkit-tap-highlight-color:transparent }
#km-home-story button { font:inherit }
#km-home-story a { color:inherit;
  text-decoration:none !important }
#km-home-story button,
#km-home-story summary { cursor:pointer }
#km-home-story button { color:inherit }
#km-home-story img { display:block;
  max-width:100%;
  height:auto }
#km-home-story figure,
#km-home-story p { margin:0 }
#km-home-story h1,
#km-home-story h2,
#km-home-story h3 { margin:0;
  font-weight:600;
  letter-spacing:-.055em;
  line-height:1.08 }
#km-home-story h2 { font-size:clamp(32px,4vw,58px) }
#km-home-story h3 { font-size:clamp(21px,2.2vw,30px) }
#km-home-story a:focus-visible,
#km-home-story button:focus-visible,
#km-home-story summary:focus-visible,
#km-home-story [tabindex]:focus-visible { outline:3px solid var(--ink);
  outline-offset:6px }
#km-home-story .wrap { width:100%;
  max-width:1600px;
  margin-inline:auto;
  padding-inline:var(--gutter) }
#km-home-story .section-space { padding-block:clamp(70px,8vw,120px) }
#km-home-story .eyebrow { font-size:10px;
  font-weight:750;
  letter-spacing:.13em;
  line-height:1.7 }
#km-home-story .button { display:inline-flex;
  justify-content:space-between;
  align-items:center;
  gap:38px;
  background:var(--ink);
  color:#fff;
  border:1px solid var(--ink);
  padding:16px 23px;
  font-size:13px;
  font-weight:650;
  border-radius:2px;
  transition:background .2s }
#km-home-story .button:hover { background:#202d3e }
#km-home-story .button span { font-size:21px }
#km-home-story .text-link { display:inline-flex;
  align-items:center;
  gap:28px;
  font-size:12px;
  font-weight:750;
  padding-block:9px;
  border-bottom:1px solid #98a1ad }
#km-home-story .text-link:hover { color:var(--orange-text);
  border-color:currentColor }
#km-home-story .text-link span { font-size:21px }
#km-home-story .skip { position:absolute;
  top:5px;
  left:10px;
  transform:translateY(-180%);
  background:#fff;
  padding:15px;
  z-index:20 }
#km-home-story .skip:focus { transform:none }
#km-home-story h1 { font-size:clamp(42px,5.5vw,86px);
  font-weight:600;
  line-height:1.06 }
#km-home-story h1 span { color:var(--orange) }
#km-home-story .reviews { padding-block:clamp(32px,4vw,56px) }
#km-home-story .review-heading { display:flex;
  justify-content:space-between;
  align-items:end;
  gap:25px;
  margin-bottom:20px }
#km-home-story .review-heading h2 { font-size:clamp(23px,2.4vw,32px);
  margin-top:10px }
#km-home-story .rating { display:flex;
  flex-direction:column;
  flex-shrink:0 }
#km-home-story .rating>span { color:var(--orange);
  letter-spacing:3px }
#km-home-story .rating>b { font-size:12px }
#km-home-story .rating>small { font-size:9px;
  color:var(--muted) }
#km-home-story .review-track { display:flex;
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  scrollbar-color:#98a1ad transparent;
  padding:4px 4px 8px;
  margin-inline:-4px }
#km-home-story .review-card { flex:0 0 calc((100% - 32px)/3);
  padding:20px;
  border:1px solid #eceff3;
  border-radius:14px;
  background:#fafbfc;
  min-width:0;
  display:flex;
  flex-direction:column;
  scroll-snap-align:start }
#km-home-story .review-card:hover { background:#f3f5f8;
  border-color:#e0e5ec }
#km-home-story .review-card blockquote { font-size:13px;
  line-height:1.7;
  margin:0 0 16px }
#km-home-story .review-card footer { margin-top:auto;
  font-size:11px;
  font-weight:650 }
#km-home-story .review-card footer span { display:block;
  color:var(--orange);
  font-size:12px;
  letter-spacing:2px;
  margin-bottom:4px }
#km-home-story .review-card small { margin-top:5px;
  font-size:10px;
  color:var(--muted) }
#km-home-story .contact { background:#ffffff }
#km-home-story .contact-inner { display:flex;
  justify-content:space-between;
  align-items:center;
  gap:35px }
#km-home-story .contact h2 { font-size:clamp(43px,5.8vw,80px);
  margin:22px 0 }
#km-home-story .contact p:last-child { font-size:14px;
  color:#5b6674 }
#km-home-story .contact .button { flex-shrink:0 }
#km-home-story.is-reduced { scroll-behavior:auto }
#km-home-story.is-reduced *,
#km-home-story.is-reduced *:before,
#km-home-story.is-reduced *:after { transition:none!important;
  animation:none!important }
@media(max-width:1000px) {
#km-home-story .review-card { flex-basis:calc((100% - 16px)/2) }
}
@media(max-width:700px) {
#km-home-story { --gutter:22px }
#km-home-story h1 { font-size:clamp(35px,8.8vw,59px) }
#km-home-story .review-heading { align-items:start;
    flex-direction:column;
    gap:12px;
    margin-bottom:16px }
#km-home-story .review-heading h2 { font-size:24px }
#km-home-story .rating { display:grid;
    grid-template-columns:auto auto;
    column-gap:12px;
    align-items:center }
#km-home-story .rating>small { grid-column:1/-1 }
#km-home-story .review-card { flex-basis:88%;
    padding:18px }
#km-home-story .review-card blockquote { font-size:13px }
#km-home-story .contact-inner { flex-direction:column;
    align-items:start;
    gap:30px }
#km-home-story .contact h2 { font-size:43px }
#km-home-story .contact .eyebrow { font-size:9px }
#km-home-story .contact p:last-child { font-size:13px }
}
@media(prefers-reduced-motion:reduce) {
#km-home-story:not(.motion-enabled) * { transition:none!important }
}
#km-home-story .review-track.is-ticker { --review-edge-fade:clamp(14px,3vw,42px);
  scroll-snap-type:none;
  scrollbar-width:none;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 var(--review-edge-fade),#000 calc(100% - var(--review-edge-fade)),transparent);
  mask-image:linear-gradient(to right,transparent,#000 var(--review-edge-fade),#000 calc(100% - var(--review-edge-fade)),transparent); }
#km-home-story .review-track.is-ticker:focus-within { -webkit-mask-image:none; mask-image:none; }
#km-home-story .review-track.is-ticker::-webkit-scrollbar { display:none; }
#km-home-story .review-track.is-ticker .review-card { scroll-snap-align:none; }
#km-home-story .review-card[hidden] { display:none; }
#km-home-story .button { background:var(--orange); border-color:var(--orange); color:var(--ink); }
#km-home-story .button:hover { background:#ff8400; border-color:#ff8400; }
#km-home-story .media-links { display:flex; align-items:center; flex-wrap:wrap; gap:10px 22px; margin-top:27px; }
#km-home-story .media-links .text-link { margin-top:0; font-size:12px; gap:12px; }
#km-home-story .home-shell { width:calc(100% - 72px); max-width:1240px; margin-inline:auto; }
#km-home-story .home-intro { background:#0d141e; color:#fff; padding:calc(clamp(138px,12vw,172px) - 56px) 0 clamp(82px,8vw,112px); }
#km-home-story .home-intro-grid { display:grid; grid-template-columns:minmax(0,880px) minmax(300px,1fr); gap:clamp(36px,3vw,40px); align-items:center; }
#km-home-story .home-region { color:var(--orange); font-size:11.52px; font-weight:800; letter-spacing:.12em; line-height:1.4; text-transform:uppercase; margin-bottom:18px; }
#km-home-story .home-intro h1 { max-width:880px; font-size:clamp(53.6px,5vw,74.4px); font-weight:700; line-height:1.01; letter-spacing:-.035em; text-wrap:balance; }
#km-home-story .home-summary,
#km-home-story .home-trust { max-width:630px; margin-top:26px; color:rgba(255,255,255,.72); font-size:clamp(16.32px,1.25vw,18.4px); line-height:1.65; }
#km-home-story .home-summary a:hover { color:var(--orange); text-decoration:underline !important; text-underline-offset:4px; }
#km-home-story .home-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:38px; }
#km-home-story .home-actions .button { min-height:56px; padding:0 22px; gap:28px; border-radius:12px; font-size:15.36px; font-weight:720; letter-spacing:-.01em; box-shadow:0 16px 38px #ff840033; }
#km-home-story .home-actions .button span { font-size:18px; }
#km-home-story .home-actions .home-button-secondary { background:rgba(255,255,255,.055); color:#fff; border-color:rgba(255,255,255,.22); box-shadow:none; }
#km-home-story .home-actions .home-button-secondary:hover { background:rgba(255,255,255,.11); border-color:rgba(255,255,255,.42); }
#km-home-story .home-trust { grid-column:1/-1; display:flex; align-items:center; justify-content:center; gap:12px; width:100%; max-width:none; margin-top:0; border-top:1px solid rgba(255,255,255,.15); padding-top:22px; }
#km-home-story .home-trust>span { white-space:nowrap; }
#km-home-story .home-trust .trust-separator { color:var(--orange); }
#km-home-story .home-intro a:focus-visible { outline-color:#fff; }
#km-home-story .home-portrait { position:relative; width:min(100%,430px); justify-self:end; }
#km-home-story .home-portrait::before { content:""; position:absolute; right:-12px; top:-12px; width:42%; height:34%; border:2px solid #ff9300d1; border-left:0; border-bottom:0; border-radius:0 26px 0 0; }
#km-home-story .home-portrait-frame { position:relative; aspect-ratio:4/5; border:1px solid #ffffff24; border-radius:28px; overflow:hidden; box-shadow:0 28px 70px #0005; }
#km-home-story .home-portrait-frame::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 54%,#0d141e57); pointer-events:none; }
#km-home-story .home-portrait img { width:100%; height:100%; object-fit:cover; object-position:62% center; filter:saturate(.88) contrast(1.05); }
#km-home-story .home-signal { position:absolute; right:-18px; bottom:34px; display:flex; align-items:center; justify-content:center; gap:4px; width:70px; height:76px; background:#0d141ee6; border:1px solid #ffffff29; border-radius:18px; box-shadow:0 18px 42px #0005; }
#km-home-story .home-signal i { width:3px; height:38px; border-radius:5px; background:var(--orange); transform:scaleY(.65); }
#km-home-story .home-signal i:nth-child(2n) { transform:scaleY(.35); }
#km-home-story .home-signal i:nth-child(3n) { transform:scaleY(.9); }
@media(max-width:1120px) {
#km-home-story .home-shell { width:calc(100% - 52px); max-width:1040px; }
#km-home-story .home-intro-grid { grid-template-columns:minmax(0,1fr); }
#km-home-story .home-portrait { display:none; }
}
@media(max-width:820px) {
#km-home-story .home-shell { width:calc(100% - 40px); }
}
@media(max-width:680px) {
#km-home-story .home-intro { padding-top:76px; padding-bottom:70px; }
#km-home-story .home-intro h1 { font-size:clamp(40.8px,11.4vw,59.2px); line-height:1.02; }
#km-home-story .home-trust { font-size:clamp(12px,3.65vw,15px); gap:5px; padding-top:20px; }
}
@media(max-width:560px) {
#km-home-story .home-shell { width:calc(100% - 28px); }
#km-home-story .home-actions { flex-direction:column; align-items:stretch; margin-top:30px; }
#km-home-story .home-actions .button { width:100%; }
}
#km-home-story .media-story { position:relative; }
#km-home-story .media-stage { position:relative; height:min(680px,calc(100svh - var(--km-story-header-offset,0px))); min-height:0; background:var(--paper); }
#km-home-story.story-ready .media-story { height:calc(var(--stage-height,100svh) + var(--story-travel,220svh)); }
#km-home-story.story-ready .media-stage { position:sticky; top:var(--km-story-header-offset,0px); min-height:0; }
#km-home-story.story-ready:not(.is-reduced) .media-stage { height:calc(100vh - var(--km-story-header-offset,0px)); height:calc(100dvh - var(--km-story-header-offset,0px)); }
#km-home-story .media-layout { height:100%; display:grid; grid-template-columns:.95fr 1.15fr; align-items:center; gap:22px; padding-top:48px; padding-bottom:100px; }
#km-home-story .media-copy { position:relative; z-index:2; }
#km-home-story .copy-stack { display:grid; }
#km-home-story .media-scene { grid-area:1/1; opacity:0; visibility:hidden; }
#km-home-story .media-scene:first-child { opacity:1; visibility:visible; }
#km-home-story .media-scene h2 { font-size:clamp(34px,4.4vw,68px); font-weight:550; line-height:1.08; letter-spacing:-.065em; }
#km-home-story .media-scene h2 span { color:var(--orange-text); }
#km-home-story .media-scene>p:last-child { margin-top:27px; color:var(--muted); font-size:13px; max-width:370px; line-height:1.85; }
#km-home-story .media-skip { margin-top:27px; }
#km-home-story .media-art { position:relative; min-width:0; min-height:0; width:100%; align-self:center; }
#km-home-story .media-svg { display:none; width:100%; height:auto; overflow:visible; }
#km-home-story.story-ready .media-svg { display:block; }
#km-home-story .media-fallback { max-height:430px; object-fit:contain; mix-blend-mode:multiply; }
#km-home-story.story-ready .media-fallback { display:none; }
#km-home-story .art-caption,
#km-home-story .art-baseline { display:flex; justify-content:space-between; gap:20px; font-size:11px; font-weight:600; letter-spacing:.015em; color:#5b6674; line-height:1.5; }
#km-home-story .art-caption { padding:0 2px 12px; border-bottom:1.5px solid #8893a1; }
#km-home-story .art-baseline { padding-top:13px; border-top:1.5px solid #8893a1; }
#km-home-story .art-caption>span:first-child { color:var(--orange-text); }
#km-home-story .media-controls { position:absolute; bottom:28px; left:0; right:0; display:flex; align-items:center; justify-content:space-between; gap:20px; }
#km-home-story .story-hint { display:flex; align-items:center; gap:12px; font-size:9px; line-height:1.55; color:var(--muted); }
#km-home-story .story-hint>span:first-child { font-size:25px; color:var(--orange); }
#km-home-story .media-controls nav { display:none; align-items:center; gap:7px; }
#km-home-story.story-ready .media-controls nav { display:flex; }
#km-home-story .media-controls button { border:1px solid transparent; border-bottom-color:var(--line); background:transparent; padding:10px 13px; font-size:11px; font-weight:650; color:#5b6674; }
#km-home-story .media-controls button span { margin-left:8px; }
#km-home-story .media-controls button:hover { border-bottom-color:var(--orange); color:var(--orange-text); }
#km-home-story .media-controls button[aria-current] { color:var(--orange-text); border-bottom:3px solid var(--orange); }
#km-home-story .story-direct { font-size:9px; padding-block:12px; text-decoration:underline !important; text-decoration-color:#98a1ad !important; text-underline-offset:4px; }
#km-home-story .media-progress { position:absolute; bottom:0; width:100%; height:3px; background:#98a1ad; }
#km-home-story .media-progress span { display:block; width:100%; height:100%; background:var(--orange); transform:scaleX(0); transform-origin:left; }
#km-home-story.story-ready.is-reduced .media-story { height:var(--stage-height,100svh); }
#km-home-story.story-ready.is-reduced .media-stage { position:relative; }
@media (max-width:1000px) {
#km-home-story .media-layout { grid-template-columns:1fr 1.05fr; gap:15px; padding-top:48px; padding-bottom:100px; }
#km-home-story .media-scene h2 { font-size:clamp(32px,4.3vw,43px); }
#km-home-story .media-scene>p:last-child { font-size:12px; }
#km-home-story .art-caption,
#km-home-story .art-baseline { font-size:10px; letter-spacing:.015em; }
#km-home-story .media-controls button { padding:9px 10px; }
#km-home-story .story-direct { display:none; }
}
@media (max-width:700px) {
#km-home-story.story-ready .media-stage { min-height:0; }
#km-home-story .media-layout { grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); align-content:start; gap:17px; padding-top:36px; padding-bottom:85px; }
#km-home-story .media-scene h2 { font-size:clamp(32px,8.8vw,46px); line-height:1.06; }
#km-home-story .media-scene>p:last-child { font-size:12px; line-height:1.7; margin-top:16px; }
#km-home-story .media-skip { font-size:10px; margin-top:12px; padding-block:6px; }
#km-home-story .media-skip span { font-size:17px; }
#km-home-story .media-art { height:100%; max-height:355px; display:flex; flex-direction:column; justify-content:center; }
#km-home-story .media-svg { flex:1; min-height:0; width:100%; height:calc(100% - 42px); }
#km-home-story .art-caption { padding-bottom:8px; flex-shrink:0; }
#km-home-story .art-baseline { padding-top:8px; flex-shrink:0; }
#km-home-story .media-controls { bottom:20px; gap:9px; }
#km-home-story .story-hint { font-size:0; gap:0; }
#km-home-story .story-hint>span:first-child { font-size:23px; }
#km-home-story .media-controls nav { flex:1; justify-content:flex-end; gap:2px; }
#km-home-story .media-controls button { font-size:9px; padding:11px 7px; }
#km-home-story .media-controls button span { margin-left:4px; }
}
@media (max-height:650px) and (min-width:701px) {
#km-home-story .media-layout { padding-top:30px; padding-bottom:72px; }
#km-home-story .media-art { max-width:600px; max-height:100%; height:100%; display:flex; flex-direction:column; }
#km-home-story .media-svg { flex:1; min-height:0; height:calc(100% - 42px); }
#km-home-story .media-scene h2 { font-size:clamp(28px,3.7vw,44px); }
#km-home-story .media-scene>p:last-child { margin-top:17px; font-size:12px; }
#km-home-story .media-skip { margin-top:13px; font-size:11px; padding-block:5px; }
#km-home-story .media-controls { bottom:14px; }
}
@media (max-height:680px) and (max-width:700px) {
#km-home-story .media-layout { padding-top:26px; padding-bottom:63px; gap:10px; }
#km-home-story .media-scene h2 { font-size:29px; }
#km-home-story .media-scene>p:last-child { font-size:11px; line-height:1.5; margin-top:10px; }
#km-home-story .media-skip { margin-top:8px; padding-block:4px; }
#km-home-story .media-controls { bottom:11px; }
#km-home-story .art-caption,
#km-home-story .art-baseline { font-size:9px; }
}
@media (max-height:450px) and (min-width:481px) {
#km-home-story .media-layout { grid-template-columns:1fr 1.12fr; grid-template-rows:minmax(0,1fr); gap:15px; padding-top:24px; padding-bottom:57px; }
#km-home-story .media-art { align-self:stretch; height:100%; max-height:100%; }
#km-home-story .media-scene h2 { font-size:clamp(22px,3.5vw,30px); }
#km-home-story .media-scene>p:last-child { font-size:10px; line-height:1.4; margin-top:10px; }
#km-home-story .media-skip { font-size:9px; margin-top:7px; padding-block:2px; }
#km-home-story .media-skip span { font-size:15px; }
#km-home-story .media-controls { bottom:7px; }
#km-home-story .media-controls button { padding-block:7px; }
#km-home-story .art-caption,
#km-home-story .art-baseline { font-size:8px; letter-spacing:0; }
#km-home-story .art-caption { padding-bottom:5px; }
#km-home-story .art-baseline { padding-top:5px; }
}
@media(max-width:700px) {
#km-home-story .media-links { margin-top:12px; gap:6px 18px; }
#km-home-story .media-links .text-link { font-size:10px; gap:8px; padding-block:6px; }
#km-home-story .media-links .text-link span { font-size:17px; }
}
@media(max-height:680px) and (max-width:700px) {
#km-home-story .media-links { margin-top:8px; gap:4px 12px; }
#km-home-story .media-links .text-link { font-size:9px; padding-block:4px; }
}
@media(max-height:450px) and (min-width:481px) {
#km-home-story .media-links { margin-top:7px; gap:4px 12px; }
#km-home-story .media-links .text-link { font-size:9px; padding-block:2px; }
}
#km-home-story .media-stage { background:linear-gradient(125deg,#fffdf9 15%,#f8f2e8 100%); }
#km-home-story .media-art { padding:24px 28px 22px; background:rgba(255,255,255,.58); border:1px solid rgba(160,120,62,.13); border-radius:28px; box-shadow:0 16px 45px rgba(68,49,22,.045); }
#km-home-story .art-caption { align-items:center; border-bottom:0; padding:0 0 16px; color:#625c54; }
#km-home-story .art-caption>span:first-child { padding:6px 11px; border-radius:8px; background:#ff93001a; color:#854500; font-weight:750; }
#km-home-story .art-baseline { border-top:1px solid #c6b9a866; padding-top:14px; color:#625c54; }
#km-home-story .media-svg { margin-block:8px; }
#km-home-story .media-scene h2 { font-weight:600; }
#km-home-story .media-scene>p:last-child { color:#5d5a55; }
#km-home-story .media-controls button { border:1px solid #c9bda780; border-radius:9px; padding:10px 16px; background:#ffffff85; color:#514d47; }
#km-home-story .media-controls button:hover { background:#fff; border-color:#c08632; color:#854500; }
#km-home-story .media-controls button[aria-current] { border:1px solid var(--ink); background:var(--ink); color:#fff; box-shadow:0 5px 12px #161f2c12; }
#km-home-story .media-progress { background:#e0d7ca; }
#km-home-story .media-controls nav { gap:8px; }
@media(max-width:1000px) {
#km-home-story .media-art { padding:18px 18px 16px; border-radius:23px; }
#km-home-story .media-controls button { padding:9px 12px; }
}
@media(max-width:700px) {
#km-home-story .media-art { padding:12px 14px; border-radius:18px; }
#km-home-story .art-caption { padding-bottom:4px; }
#km-home-story .art-caption>span:first-child { padding:4px 8px; }
#km-home-story .art-baseline { padding-top:7px; }
#km-home-story .media-svg { margin-block:4px; }
#km-home-story .media-controls nav { gap:6px; }
#km-home-story .media-controls button { padding:10px 9px; }
}
@media(max-height:680px) and (max-width:700px) {
#km-home-story .media-art { padding:8px 12px; }
#km-home-story .art-caption>span:first-child { padding:3px 6px; }
}
@media(max-height:450px) and (min-width:481px) {
#km-home-story .media-art { padding:8px 12px; }
#km-home-story .media-controls button { padding-block:6px; }
}
#km-home-story .home-summary { color:#d5dbe3; }
#km-home-story .home-summary a { color:#fff; text-decoration:underline !important; text-decoration-color:var(--orange) !important; text-decoration-thickness:1px !important; text-underline-offset:4px; }
@media(min-width:1121px) {
#km-home-story .home-intro { --intro-next-peek:clamp(56px,7svh,80px);
    position:relative;
    display:flex;
    align-items:center;
    min-height:calc(100svh - var(--km-story-header-height) - var(--intro-next-peek));
    padding-block:clamp(24px,5svh,72px); }
#km-home-story .home-intro-grid { row-gap:clamp(42px,6svh,76px); }
#km-home-story .home-intro::after { content:""; position:absolute; z-index:1; left:50%; bottom:-18px; width:2px; height:36px; border-radius:2px; background:#b97836; transform:translateX(-50%); pointer-events:none; }
}
@media(min-width:1121px) and (max-height:740px) {
#km-home-story .home-intro { padding-block:24px; }
#km-home-story .home-intro-grid { row-gap:28px; }
}
#km-home-story .review-card { background:#faf8f4; border-color:#eee8df; }
#km-home-story .review-card:hover { background:#f5f0e7; border-color:#e2d7c7; }
#km-home-story .home-offerings { background:#fff; }
#km-home-story .offering-heading { margin-bottom:42px; }
#km-home-story .offering-heading::before,
#km-home-story .process-heading::before { content:""; display:block; width:38px; height:3px; margin-bottom:20px; border-radius:2px; background:var(--orange); }
#km-home-story .offering-heading h2,
#km-home-story .process-heading h2 { font-size:clamp(32px,3.65vw,52px); line-height:1.12; letter-spacing:-.045em; }
#km-home-story .offering-heading>p,
#km-home-story .process-heading>p { margin-top:18px; color:var(--muted); font-size:15px; line-height:1.65; }
#km-home-story .offering-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
#km-home-story .offering-card { min-width:0; display:flex; flex-direction:column; padding:28px; background:#faf8f4; border:1px solid #e5dfd5; border-radius:20px; box-shadow:0 6px 20px rgba(22,31,44,.035); transition:border-color .18s,box-shadow .18s; }
#km-home-story .offering-card:hover,
#km-home-story .offering-card:focus-within { border-color:#cabda8; box-shadow:0 10px 26px rgba(22,31,44,.055); }
#km-home-story .offering-main { display:flex; flex-direction:column; min-height:0; padding:0 0 16px; border-radius:4px; }
#km-home-story .offering-label { color:#626b76; font-size:10px; font-weight:750; letter-spacing:.1em; line-height:1.5; text-transform:uppercase; }
#km-home-story .offering-label b { color:var(--orange-text); font-weight:inherit; }
#km-home-story .offering-main h3 { margin-top:20px; font-size:clamp(27px,2.7vw,38px); line-height:1.14; letter-spacing:-.045em; text-wrap:balance; transition:color .18s; }
#km-home-story .offering-main>p { margin-top:16px; max-width:520px; font-size:14px; line-height:1.75; color:var(--muted); }
#km-home-story .offering-action { display:flex; align-items:center; min-height:46px; margin-top:24px; padding:12px 0; color:var(--ink); font-size:13px; font-weight:750; line-height:1.5; text-decoration:underline !important; text-decoration-color:#bdc3cb !important; text-decoration-thickness:1px !important; text-underline-offset:5px; }
#km-home-story .offering-main:hover h3 { color:var(--orange-text); }
#km-home-story .offering-main:hover .offering-action { color:var(--orange-text); text-decoration-color:currentColor !important; }
#km-home-story .offering-main:focus-visible { outline-offset:7px; }
#km-home-story .offering-links { display:grid; grid-template-columns:minmax(0,1fr); align-items:stretch; gap:0; padding:8px 0 0; border-top:1px solid #e5dfd5; }
#km-home-story .offering-links>a { display:flex; align-items:center; min-width:0; min-height:44px; padding:8px 0; font-size:12px; font-weight:650; line-height:1.5; text-decoration:underline !important; text-decoration-color:#bdc3cb !important; text-underline-offset:5px; }
#km-home-story .offering-links>a+a { border:0; }
#km-home-story .offering-links>a:hover,
#km-home-story .offering-note a:hover,
#km-home-story .offering-extras a:hover { color:var(--orange-text); text-decoration-color:currentColor !important; }
#km-home-story .offering-note { margin:0; padding-top:16px; color:var(--muted); font-size:12px; line-height:1.8; }
#km-home-story .offering-note a { color:var(--ink); font-weight:650; white-space:nowrap; text-decoration:underline !important; text-underline-offset:4px; text-decoration-color:#bdc3cb !important; }
@supports (grid-template-rows:subgrid) {
#km-home-story .offering-grid { row-gap:0; }
#km-home-story .offering-card { display:grid; grid-template-rows:subgrid; grid-row:span 6; row-gap:0; }
#km-home-story .offering-card:nth-child(n+3) { margin-top:24px; }
#km-home-story .offering-main { display:grid; grid-template-rows:subgrid; grid-row:span 4; row-gap:0; }
#km-home-story .offering-links { grid-row:5; }
#km-home-story .offering-note { grid-row:6; }
}
#km-home-story .offering-footer { margin-top:24px; border:1px solid #e5dfd5; border-radius:20px; background:#faf8f4; }
#km-home-story .offering-extras { padding:26px 28px 28px; }
#km-home-story .offering-extras h3 { margin:0 0 20px; color:#626b76; font-size:11px; font-weight:750; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; }
#km-home-story .offering-extra-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
#km-home-story .offering-extra-links>a { display:flex; flex-direction:column; justify-content:flex-start; gap:8px; min-width:0; min-height:58px; border-radius:3px; }
#km-home-story .offering-extra-links>a+a { padding-left:28px; border-left:1px solid #ded7cc; }
#km-home-story .offering-extra-links strong { font-size:18px; font-weight:700; line-height:1.35; letter-spacing:-.02em; text-decoration:underline !important; text-decoration-color:#c8bca9 !important; text-decoration-thickness:1px !important; text-underline-offset:5px; }
#km-home-story .offering-extra-links span { color:var(--muted); font-size:13px; line-height:1.65; }
#km-home-story .offering-extra-links>a:hover strong { text-decoration-color:currentColor !important; }
#km-home-story .offering-extra-links>a:focus-visible { outline-offset:6px; }
#km-home-story .offering-overview-wrap { display:flex; justify-content:center; padding:22px 28px; border-top:1px solid #e5dfd5; border-radius:0 0 19px 19px; background:#fff; }
#km-home-story .offering-overview { justify-content:center; min-height:54px; margin:0; padding:13px 28px; background:var(--ink); border-color:var(--ink); border-radius:10px; color:#fff; font-size:13px; font-weight:750; text-align:center; }
#km-home-story .offering-overview:hover { background:#27384e; border-color:#27384e; }
#km-home-story .home-process { background:var(--ink); color:#fff; }
#km-home-story .home-process .process-heading>p { color:#c5cdd8; }
#km-home-story .process-heading { max-width:880px; }
#km-home-story .process-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; padding:0; margin:48px 0 0; list-style:none; }
#km-home-story .process-steps li { position:relative; padding-top:22px; border-top:1px solid #4b5563; }
#km-home-story .process-number { display:block; color:var(--orange); font-size:12px; font-weight:750; margin-bottom:23px; }
#km-home-story .process-steps h3 { font-size:clamp(21px,1.9vw,27px); letter-spacing:-.035em; line-height:1.25; }
#km-home-story .process-steps p { margin-top:13px; font-size:14px; line-height:1.7; color:#c5cdd8; max-width:350px; }
#km-home-story .home-regions { background:var(--ink); color:#fff; padding-block:clamp(48px,5vw,72px); }
#km-home-story .region-inner { display:grid; grid-template-columns:1fr 1.6fr; align-items:start; gap:56px; }
#km-home-story .region-intro .eyebrow { margin-bottom:14px; color:var(--orange); }
#km-home-story .region-intro h2 { max-width:490px; font-size:clamp(26px,2.7vw,36px); line-height:1.2; letter-spacing:-.035em; text-wrap:balance; }
#km-home-story .region-intro>p:last-child { max-width:480px; margin-top:15px; color:#c5cdd8; font-size:14px; line-height:1.7; }
#km-home-story .region-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 24px; margin:0; padding:0; list-style:none; }
#km-home-story .region-links li { min-width:0; }
#km-home-story .region-links a { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:8px; min-height:60px; height:100%; max-width:100%; padding-block:6px; color:#e6eaf0; line-height:1.5; }
#km-home-story .region-links strong { font-size:15px; font-weight:650; text-decoration:underline !important; text-decoration-color:#718096 !important; text-decoration-thickness:1px !important; text-underline-offset:5px; }
#km-home-story .region-links span { color:#c5cdd8; font-size:12px; line-height:1.6; }
#km-home-story .region-links a:hover strong { text-decoration-color:currentColor !important; }
#km-home-story .region-overview { display:inline-flex; align-items:center; min-height:44px; margin-top:18px; color:#fff; font-size:14px; font-weight:750; line-height:1.5; text-decoration:underline !important; text-decoration-color:var(--orange) !important; text-decoration-thickness:2px !important; text-underline-offset:6px; }
#km-home-story .home-regions a:hover { color:var(--orange); text-decoration-color:currentColor !important; }
#km-home-story .home-regions a:focus-visible { outline-color:var(--orange); border-radius:2px; }
#km-home-story .home-contact { background:var(--orange); color:#0d141e; padding-block:clamp(64px,7vw,88px); }
#km-home-story .home-contact .contact-inner { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:center; gap:clamp(32px,6vw,88px); }
#km-home-story .contact-intro { min-width:0; }
#km-home-story .home-contact .eyebrow { color:#0d141e; }
#km-home-story .home-contact h2 { font-size:clamp(42px,4.5vw,75px); }
#km-home-story .home-contact p.contact-invitation { max-width:520px; color:#25303e; font-size:14px; line-height:1.8; }
#km-home-story .contact-actions { justify-self:end; width:100%; max-width:440px; min-width:0; padding-left:clamp(28px,3vw,44px); border-left:1px solid rgba(22,31,44,.22); }
#km-home-story .home-contact .button { justify-content:space-between; width:100%; background:#0d141e; border-color:#0d141e; color:#fff; min-height:56px; padding:0 22px; font-size:15px; border-radius:12px; gap:28px; }
#km-home-story .home-contact .button:hover { background:var(--ink); border-color:var(--ink); }
#km-home-story .contact-details { display:grid; gap:6px; margin:22px 0 0; padding:18px 0 0; border-top:1px solid rgba(22,31,44,.22); }
#km-home-story .contact-details>div { display:grid; grid-template-columns:56px minmax(0,1fr); align-items:center; gap:12px; }
#km-home-story .contact-details dt { color:#25303e; font-size:12px; line-height:1.5; }
#km-home-story .contact-details dd { min-width:0; margin:0; }
#km-home-story .contact-details a { display:inline-flex; align-items:center; min-height:44px; color:#0d141e; font-size:14px; font-weight:650; line-height:1.5; text-decoration:underline !important; text-decoration-color:rgba(22,31,44,.55) !important; text-underline-offset:5px; }
#km-home-story .contact-details a:hover { color:#0d141e; text-decoration-color:currentColor !important; }
#km-home-story .home-contact a:focus-visible,
#km-home-story .home-contact button:focus-visible { outline-color:#0d141e; }
@media(max-width:1100px) {
#km-home-story .region-inner { grid-template-columns:minmax(0,1fr); gap:28px; }
#km-home-story .region-intro h2 { max-width:620px; }
}
@media(max-width:1000px) {
#km-home-story .process-steps { gap:25px; }
}
@media(min-width:701px) and (max-width:1000px) {
#km-home-story .offering-card { padding:24px; }
}
@media(max-width:1000px) {
#km-home-story .offering-links { grid-template-columns:minmax(0,1fr); }
#km-home-story .offering-links>a+a { border:0; }
}
@media(max-width:700px) {
#km-home-story .offering-heading { margin-bottom:30px; }
#km-home-story .offering-heading h2,
#km-home-story .process-heading h2 { font-size:clamp(30px,8vw,40px); }
#km-home-story .offering-heading>p,
#km-home-story .process-heading>p { font-size:14px; }
#km-home-story .offering-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
#km-home-story .offering-card { display:flex; grid-row:auto; padding:20px; border-radius:16px; }
#km-home-story .offering-card:nth-child(n+3) { margin-top:0; }
#km-home-story .offering-main { display:flex; min-height:0; padding:0 0 14px; }
#km-home-story .offering-main h3 { font-size:clamp(25px,7.3vw,30px); margin-top:20px; }
#km-home-story .offering-main>p { font-size:14px; margin-top:13px; }
#km-home-story .offering-action { margin-top:22px; }
#km-home-story .offering-footer { margin-top:18px; border-radius:16px; }
#km-home-story .offering-extras { padding:22px 20px; }
#km-home-story .offering-extras h3 { margin-bottom:18px; }
#km-home-story .offering-extra-links { grid-template-columns:minmax(0,1fr); gap:0; }
#km-home-story .offering-extra-links>a { min-height:0; padding:0 0 12px; }
#km-home-story .offering-extra-links>a+a { padding:12px 0 0; border-left:0; border-top:1px solid #ded7cc; }
#km-home-story .offering-extra-links strong { font-size:17px; }
#km-home-story .offering-overview-wrap { padding:20px; border-radius:0 0 15px 15px; }
#km-home-story .offering-overview { width:100%; font-size:13px; padding-inline:16px; }
#km-home-story .process-steps { grid-template-columns:minmax(0,1fr); gap:28px; margin-top:34px; }
#km-home-story .process-steps li { display:grid; grid-template-columns:25px minmax(0,1fr); gap:0 16px; padding-top:20px; }
#km-home-story .process-number { grid-row:1/3; margin:2px 0 0; }
#km-home-story .process-steps h3 { font-size:22px; }
#km-home-story .process-steps p { margin-top:9px; font-size:14px; }
#km-home-story .home-regions { padding-block:42px; }
#km-home-story .region-inner { gap:24px; }
#km-home-story .region-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 20px; }
#km-home-story .region-intro h2 { font-size:clamp(26px,7vw,32px); }
#km-home-story .region-overview { margin-top:14px; }
#km-home-story .home-contact h2 { font-size:clamp(39px,10vw,58px); }
#km-home-story .home-contact .contact-inner { grid-template-columns:minmax(0,1fr); gap:28px; }
#km-home-story .contact-actions { max-width:none; padding:28px 0 0; border-left:0; border-top:1px solid rgba(22,31,44,.22); }
#km-home-story .contact-details { margin-top:20px; padding-top:14px; gap:4px; }
}
@media(prefers-reduced-motion:reduce) {
#km-home-story .offering-card { transition:none; }
}
#km-home-story.is-reduced .offering-card { transition:none; }
/* Offsets concern only this content. The existing header, footer and legal UI
   keep their existing theme styles and behavior. */
#km-home-story section[id] { scroll-margin-top:calc(var(--km-story-header-offset) + 28px); }
#km-home-story:not(.story-ready) .media-stage { height:auto; min-height:500px; }
#km-home-story:not(.story-ready) .copy-stack { display:grid; gap:24px; }
#km-home-story:not(.story-ready) .media-scene { grid-area:auto; opacity:1; visibility:visible; }
#km-home-story:not(.story-ready) .story-hint,#km-home-story:not(.story-ready) .media-progress { display:none; }
#km-home-story.is-reduced .story-hint { display:none; }
#km-home-story .skip { top:calc(var(--km-story-header-offset) + 5px); z-index:10; }