:root {
  --khk-paper: #fffaf1;
  --khk-paper-warm: #fff2d9;
  --khk-cream: #fff7e8;
  --khk-mist: #eef9fb;
  --khk-sky-pale: #dcf4fb;
  --khk-teal: #0f7894;
  --khk-teal-deep: #18556a;
  --khk-teal-richer: #124a60;
  --khk-sky: #35bde8;
  --khk-blue: #1687c3;
  --khk-sun: #ffc94a;
  --khk-sun-deep: #e99a18;
  --khk-coral: #ff765d;
  --khk-coral-deep: #d95646;
  --khk-mint: #bdebd5;
  --khk-plum: #8b5ca8;
  --khk-ink: #28586a;
  --khk-muted: #648392;
  --khk-line: rgba(42, 117, 142, .18);
  --khk-shadow: rgba(36, 102, 126, .20);
  --khk-shadow-soft: rgba(45, 116, 138, .10);
  --khk-white: #ffffff;
}

.khk-home {
  position: relative;
  overflow: clip;
  color: var(--khk-ink);
  background: var(--khk-paper);
  font-family: 'Manrope', sans-serif;
}

.khk-home *, .khk-home *::before, .khk-home *::after { box-sizing: border-box; }
.khk-home img { display: block; max-width: 100%; }
.khk-home a { color: inherit; }
.khk-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }

.khk-eyebrow {
  margin: 0 0 .8rem;
  color: var(--khk-coral-deep);
  font-family: 'Oswald', sans-serif;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .16em;
  line-height: 1.2;
  text-transform: uppercase;
}

.khk-handnote {
  font-family: 'Patrick Hand', cursive;
  font-size: 1.22rem;
  letter-spacing: .02em;
}

/* ---------- FULL-BLEED HERO ---------- */
.khk-hero {
  --hero-x: 0px;
  --hero-y: 0px;
  position: relative;
  width: 100%;
  height: calc(100svh - 74px);
  min-height: 620px;
  max-height: 980px;
  background: #2e829b;
  isolation: isolate;
}

.khk-hero__stage { position: relative; width: 100%; height: 100%; overflow: hidden; }

.khk-hero__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .9s cubic-bezier(.2,.75,.2,1), visibility 0s linear .9s;
}
.khk-hero__slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
  transition-delay: 0s;
}

.khk-hero__media { position: absolute; inset: -18px; overflow: hidden; }
.khk-hero__media img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: var(--khk-object-position, center center);
  transform: translate3d(var(--hero-x), var(--hero-y), 0) scale(1.045);
  transition: transform 9s cubic-bezier(.18,.7,.2,1), filter .8s ease;
  will-change: transform;
}
.khk-hero__slide.is-active .khk-hero__media img { transform: translate3d(var(--hero-x), var(--hero-y), 0) scale(1.09); }
.khk-hero__media--fallback {
  background:
    radial-gradient(circle at 72% 28%, rgba(255,201,74,.58), transparent 22%),
    radial-gradient(circle at 78% 66%, rgba(255,118,93,.40), transparent 28%),
    linear-gradient(135deg, #1d718b, #389caa 55%, #e79d37);
}

.khk-hero__colour {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(18,74,96,.88) 0%, rgba(18,74,96,.70) 28%, rgba(15,120,148,.24) 53%, rgba(15,120,148,.03) 72%),
    linear-gradient(0deg, rgba(18,74,96,.72) 0%, rgba(18,74,96,.10) 34%, rgba(18,74,96,.06) 100%);
  mix-blend-mode: multiply;
  pointer-events: none;
}

.khk-hero__grain {
  position: absolute;
  inset: 0;
  opacity: .20;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.55) 0 1px, transparent 1.3px),
    radial-gradient(circle at 80% 20%, rgba(255,255,255,.42) 0 1px, transparent 1.2px),
    radial-gradient(circle at 40% 80%, rgba(255,255,255,.40) 0 1px, transparent 1.2px);
  background-size: 31px 31px, 47px 47px, 61px 61px;
}

.khk-hero__content-wrap {
  position: relative;
  z-index: 4;
  width: min(1180px, calc(100% - 64px));
  height: 100%;
  margin-inline: auto;
  display: flex;
  align-items: center;
  padding: 5.5rem 0 9.8rem;
}
.khk-hero__content { width: min(760px, 66vw); color: var(--khk-white); }
.khk-hero__kicker-row { display: flex; align-items: center; gap: .7rem; margin-bottom: 1.25rem; }
.khk-hero__kicker-row p {
  margin: 0;
  font-family: 'Oswald', sans-serif;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #fff2c9;
}
.khk-hero__kicker-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--khk-sun);
  box-shadow: 0 0 0 7px rgba(255,201,74,.18), 0 0 26px rgba(255,201,74,.54);
}
.khk-hero__content h1 {
  max-width: 760px;
  margin: 0;
  color: var(--khk-white);
  font-family: 'Playfair Display', serif;
  font-size: clamp(3.45rem, 6.4vw, 7.1rem);
  font-weight: 700;
  letter-spacing: -.052em;
  line-height: .92;
  text-wrap: balance;
  text-shadow: 0 12px 42px rgba(36, 84, 101, .34);
}
.khk-hero__copy {
  width: min(610px, 90%);
  margin: 1.7rem 0 0;
  color: rgba(255,255,255,.91);
  font-size: clamp(.98rem, 1.2vw, 1.12rem);
  font-weight: 500;
  line-height: 1.72;
}
.khk-hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: .85rem; margin-top: 2rem; }

.khk-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .85rem;
  min-height: 50px;
  padding: .82rem 1.2rem;
  border: 1px solid transparent;
  border-radius: 13px;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-size: .86rem;
  font-weight: 800;
  line-height: 1;
  transform: translateZ(0);
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease;
}
.khk-button > span:last-child { font-size: 1.1rem; transition: transform .22s ease; }
.khk-button:hover, .khk-button:focus-visible { transform: translateY(-3px); }
.khk-button:hover > span:last-child, .khk-button:focus-visible > span:last-child { transform: translate(3px,-2px); }
.khk-button:focus-visible { outline: 3px solid rgba(255,201,74,.42); outline-offset: 3px; }
.khk-button--sun {
  color: #81530b;
  background: linear-gradient(145deg, #ffd66f, var(--khk-sun));
  border-color: #f6ba31;
  box-shadow: 0 10px 0 rgba(178,113,24,.24), 0 18px 36px rgba(255,180,46,.24);
}
.khk-button--sun:hover, .khk-button--sun:focus-visible { box-shadow: 0 7px 0 rgba(178,113,24,.22), 0 24px 42px rgba(255,180,46,.32); }
.khk-button--glass {
  color: var(--khk-white);
  background: rgba(255,255,255,.13);
  border-color: rgba(255,255,255,.36);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 14px 30px rgba(32,91,110,.18);
}
.khk-button--glass:hover, .khk-button--glass:focus-visible { background: rgba(255,255,255,.21); border-color: rgba(255,255,255,.55); }
.khk-button--coral { color: var(--khk-white); background: var(--khk-coral); border-color: #ef6550; box-shadow: 0 8px 0 rgba(180,73,58,.23), 0 18px 32px rgba(205,80,63,.18); }
.khk-button--paper { color: var(--khk-teal-deep); background: #fffaf0; border-color: rgba(255,255,255,.64); box-shadow: 0 8px 0 rgba(60,122,143,.16), 0 18px 32px rgba(46,112,135,.14); }
.khk-button--large { min-height: 58px; padding-inline: 1.5rem; font-size: .93rem; border-radius: 15px; }

.khk-hero__topnote {
  position: absolute;
  z-index: 5;
  top: 30px;
  right: 34px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: rgba(255,255,255,.82);
  pointer-events: none;
}
.khk-hero__topnote span { font-family: 'Oswald', sans-serif; font-size: .68rem; letter-spacing: .18em; text-transform: uppercase; }
.khk-hero__topnote strong { margin-top: .15rem; color: #ffe7a8; font-family: 'Patrick Hand', cursive; font-size: 1.12rem; font-weight: 400; }

.khk-hero__navigation {
  position: absolute;
  z-index: 7;
  right: max(32px, calc((100% - 1180px)/2));
  bottom: 48px;
  display: flex;
  align-items: center;
  gap: .55rem;
}
.khk-hero__slide-count {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin-right: .35rem;
  color: rgba(255,255,255,.80);
  font-family: 'Oswald', sans-serif;
  font-size: .68rem;
  letter-spacing: .08em;
}
.khk-hero__slide-count > span:first-child { color: #fff1bf; font-size: .88rem; }
.khk-hero__slide-count i { width: 28px; height: 1px; background: rgba(255,255,255,.48); }
.khk-hero__nav-button, .khk-hero__pause {
  height: 46px;
  border: 1px solid rgba(255,255,255,.35);
  color: var(--khk-white);
  background: rgba(255,255,255,.13);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 24px rgba(32,91,110,.16);
  cursor: pointer;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}
.khk-hero__nav-button { width: 46px; border-radius: 50%; font-size: 1rem; }
.khk-hero__pause { display: inline-flex; align-items: center; gap: .45rem; padding: 0 .8rem; border-radius: 999px; font: 700 .69rem/1 'Manrope', sans-serif; }
.khk-hero__nav-button:hover, .khk-hero__nav-button:focus-visible, .khk-hero__pause:hover, .khk-hero__pause:focus-visible { transform: translateY(-2px); background: rgba(255,255,255,.24); border-color: rgba(255,255,255,.58); outline: none; }

.khk-hero__progress { position: absolute; z-index: 7; left: 0; right: 0; bottom: 0; height: 4px; background: rgba(255,255,255,.22); overflow: hidden; }
.khk-hero__progress span { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left center; background: linear-gradient(90deg, var(--khk-sun), var(--khk-coral), var(--khk-sky)); }
.khk-hero__scroll {
  position: absolute;
  z-index: 7;
  left: max(32px, calc((100% - 1180px)/2));
  bottom: 42px;
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  color: rgba(255,255,255,.84);
  text-decoration: none;
  font: 700 .69rem/1 'Manrope', sans-serif;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.khk-hero__scroll i { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.38); border-radius: 50%; font-style: normal; background: rgba(255,255,255,.11); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); animation: khk-scroll-bob 1.8s ease-in-out infinite; }
@keyframes khk-scroll-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(5px); } }

/* ---------- SQL STATS, OVERLAPPING HERO ---------- */
.khk-memory-rail {
  position: relative;
  z-index: 10;
  margin-top: -28px;
  padding: 0 24px;
}
.khk-memory-rail__inner {
  width: min(1240px, 100%);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 22px;
  background: rgba(255,250,241,.91);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  backdrop-filter: blur(18px) saturate(125%);
  box-shadow: 0 22px 60px rgba(45,116,138,.17), inset 0 1px 0 rgba(255,255,255,.9);
}
.khk-memory-rail__intro {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.3rem 1.5rem;
  color: var(--khk-white);
  background: linear-gradient(135deg, var(--khk-coral), #f78e59);
}
.khk-memory-rail__intro::after { content: ''; position: absolute; right: -22px; top: 50%; width: 44px; height: 44px; transform: translateY(-50%) rotate(45deg); background: #f9855b; }
.khk-memory-rail__intro .khk-handnote { position: relative; z-index: 2; color: #fff2c8; font-size: 1rem; }
.khk-memory-rail__intro strong { position: relative; z-index: 2; margin-top: .28rem; max-width: 190px; font-family: 'Playfair Display', serif; font-size: 1.05rem; line-height: 1.15; }
.khk-memory-rail__stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding-left: 20px; background: linear-gradient(90deg, rgba(255,255,255,.68), rgba(238,249,251,.74)); }
.khk-memory-stat { position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .85rem; min-width: 0; padding: 1.2rem .9rem; }
.khk-memory-stat + .khk-memory-stat::before { content: ''; position: absolute; left: 0; top: 24%; bottom: 24%; width: 1px; background: var(--khk-line); }
.khk-memory-stat > strong { color: var(--khk-teal); font-family: 'Playfair Display', serif; font-size: clamp(1.65rem,2.4vw,2.4rem); line-height: 1; letter-spacing: -.04em; }
.khk-memory-stat > strong sup { color: var(--khk-coral); font-size: .72em; }
.khk-memory-stat h2 { margin: 0; color: var(--khk-teal-deep); font-size: .72rem; font-weight: 800; line-height: 1.25; }
.khk-memory-stat p { margin: .18rem 0 0; color: var(--khk-muted); font-size: .63rem; line-height: 1.35; }

/* ---------- MANIFESTO / PHOTO STACK ---------- */
.khk-manifesto {
  position: relative;
  padding: clamp(110px, 11vw, 170px) 0 clamp(90px, 10vw, 145px);
  background:
    radial-gradient(circle at 8% 14%, rgba(53,189,232,.14), transparent 24%),
    radial-gradient(circle at 90% 78%, rgba(255,201,74,.18), transparent 25%),
    var(--khk-paper);
}
.khk-manifesto::before {
  content: 'MEMORY / PEOPLE / PLACE / VOICE';
  position: absolute;
  top: 15%;
  right: -42px;
  writing-mode: vertical-rl;
  color: rgba(15,120,148,.12);
  font-family: 'Oswald', sans-serif;
  font-size: clamp(2rem, 4vw, 4.5rem);
  font-weight: 600;
  letter-spacing: .08em;
}
.khk-manifesto__grid { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: clamp(4rem,8vw,8rem); align-items: center; }
.khk-photo-stack { position: relative; min-height: 590px; }
.khk-photo-stack__main, .khk-photo-stack__secondary { position: absolute; margin: 0; overflow: hidden; box-shadow: 0 26px 65px rgba(48,111,132,.18); }
.khk-photo-stack__main { z-index: 2; inset: 0 16% 8% 0; border: 7px solid #fffaf0; border-radius: 28px 8px 28px 8px; transform: rotate(-2.2deg); }
.khk-photo-stack__secondary { z-index: 3; width: 42%; aspect-ratio: 4/5; right: 0; bottom: 0; border: 7px solid #fffaf0; border-radius: 8px 24px 8px 24px; transform: rotate(4deg); }
.khk-photo-stack img { width: 100%; height: 100%; object-fit: cover; }
.khk-photo-stack__main img { object-position: 58% center; }
.khk-photo-stack__secondary img { object-position: center center; }
.khk-photo-stack__stamp {
  position: absolute;
  z-index: 5;
  left: -18px;
  bottom: 24px;
  display: grid;
  place-items: center;
  width: 132px;
  height: 132px;
  padding: 1rem;
  border: 3px solid #c94d42;
  border-radius: 50%;
  color: #c94d42;
  background: rgba(255,250,241,.90);
  font: 600 .8rem/1.25 'Oswald', sans-serif;
  letter-spacing: .12em;
  text-align: center;
  transform: rotate(-8deg);
  box-shadow: 0 12px 28px rgba(201,77,66,.12);
}
.khk-photo-stack__tape { position: absolute; z-index: 6; top: -15px; left: 33%; width: 100px; height: 32px; background: rgba(255,214,111,.73); transform: rotate(5deg); box-shadow: 0 3px 9px rgba(188,137,40,.10); }

.khk-manifesto__copy { position: relative; }
.khk-manifesto__copy h2 {
  margin: 0;
  max-width: 680px;
  color: var(--khk-teal-deep);
  font-family: 'Playfair Display', serif;
  font-size: clamp(3rem, 5.4vw, 5.7rem);
  font-weight: 700;
  letter-spacing: -.052em;
  line-height: .96;
}
.khk-manifesto__copy h2 em { color: var(--khk-blue); font-weight: 600; }
.khk-manifesto__lead { margin: 1.7rem 0 .95rem; color: var(--khk-teal-richer); font-size: 1.08rem; font-weight: 600; line-height: 1.75; }
.khk-manifesto__copy > p:not(.khk-eyebrow):not(.khk-manifesto__scribble):not(.khk-manifesto__lead) { margin: 0; color: var(--khk-muted); font-size: .96rem; line-height: 1.85; }
.khk-manifesto__links { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.khk-arrow-link, .khk-outline-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  min-height: 48px;
  padding: .75rem 1rem;
  border: 1px solid rgba(22,135,195,.25);
  border-radius: 11px;
  color: var(--khk-teal-deep);
  background: rgba(255,255,255,.62);
  text-decoration: none;
  font-size: .79rem;
  font-weight: 800;
  box-shadow: 0 7px 0 rgba(48,111,132,.07);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}
.khk-arrow-link:hover, .khk-arrow-link:focus-visible, .khk-outline-link:hover, .khk-outline-link:focus-visible { transform: translateY(-3px); border-color: rgba(22,135,195,.50); background: var(--khk-white); box-shadow: 0 10px 0 rgba(48,111,132,.08), 0 16px 30px rgba(48,111,132,.08); outline: none; }
.khk-arrow-link i { font-style: normal; color: var(--khk-coral-deep); font-size: 1.1rem; }
.khk-manifesto__scribble { position: absolute; right: -18px; bottom: -60px; margin: 0; color: rgba(217,86,70,.78); font-family: 'Patrick Hand', cursive; font-size: 1.45rem; transform: rotate(-3deg); }

/* ---------- SECTION HEADS ---------- */
.khk-section-head { display: flex; align-items: end; justify-content: space-between; gap: 3rem; margin-bottom: 3rem; }
.khk-section-head h2, .khk-watch__head h2 {
  margin: 0;
  color: var(--khk-teal-deep);
  font-family: 'Playfair Display', serif;
  font-size: clamp(2.8rem,4.7vw,4.9rem);
  font-weight: 700;
  letter-spacing: -.05em;
  line-height: .98;
}
.khk-section-head > p { max-width: 390px; margin: 0 0 .3rem; color: var(--khk-muted); font-size: .9rem; line-height: 1.7; }

/* ---------- VOICES ---------- */
.khk-voices {
  position: relative;
  padding: clamp(90px,10vw,150px) 0;
  background:
    linear-gradient(90deg, rgba(189,235,213,.34), transparent 35%),
    var(--khk-mist);
  border-block: 1px solid rgba(15,120,148,.10);
}
.khk-voices::before { content: ''; position: absolute; left: 0; top: 0; width: 11px; height: 100%; background: linear-gradient(180deg,var(--khk-sky),var(--khk-sun),var(--khk-coral)); }
.khk-section-head--voices h2 { max-width: 690px; }
.khk-outline-link { flex: 0 0 auto; border: 2px solid rgba(15,120,148,.32); background: transparent; box-shadow: 0 6px 0 rgba(15,120,148,.09); }
.khk-outline-link span { color: var(--khk-coral-deep); }
.khk-voices__layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: clamp(2rem,4vw,4rem); align-items: stretch; }
.khk-voice-feature {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(300px,.92fr);
  min-height: 590px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 32px 9px 32px 9px;
  color: inherit;
  background: var(--khk-white);
  text-decoration: none;
  box-shadow: 0 25px 70px rgba(48,111,132,.16), 0 10px 0 rgba(22,135,195,.08);
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transition: transform .22s ease, box-shadow .22s ease;
  will-change: transform;
}
.khk-voice-feature:hover { box-shadow: 0 34px 82px rgba(48,111,132,.21), 0 12px 0 rgba(22,135,195,.11); }
.khk-voice-feature__media { position: relative; min-height: 100%; overflow: hidden; background: #cde5e8; }
.khk-voice-feature__media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(18,74,96,.18), transparent 45%); }
.khk-voice-feature__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.75,.2,1); }
.khk-voice-feature:hover .khk-voice-feature__media img { transform: scale(1.035); }
.khk-voice-feature__label { position: absolute; z-index: 3; left: 20px; top: 20px; padding: .48rem .65rem; border-radius: 8px; color: #8a5308; background: var(--khk-sun); font: 800 .66rem/1 'Manrope', sans-serif; text-transform: uppercase; letter-spacing: .08em; box-shadow: 0 6px 0 rgba(159,100,22,.18); }
.khk-voice-feature__content { position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(2rem,4vw,4rem); background: linear-gradient(155deg,#fffdf8 0%,#fff4d9 100%); }
.khk-voice-feature__content::before { content: 'VOICE'; position: absolute; right: -22px; bottom: -26px; color: rgba(255,118,93,.10); font: 600 7rem/1 'Oswald',sans-serif; transform: rotate(-90deg); transform-origin: right bottom; pointer-events: none; }
.khk-index { color: var(--khk-coral-deep); font: 600 .69rem/1 'Oswald', sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.khk-voice-feature__content h3 { margin: .8rem 0 1rem; color: var(--khk-teal-deep); font-family: 'Playfair Display',serif; font-size: clamp(2.4rem,4vw,4.3rem); line-height: .96; letter-spacing: -.045em; }
.khk-meta-row { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: 1.3rem; }
.khk-meta-row span, .khk-story-tags span { display: inline-flex; padding: .4rem .58rem; border-radius: 999px; color: var(--khk-teal); background: rgba(53,189,232,.12); font-size: .66rem; font-weight: 700; line-height: 1; }
.khk-voice-feature__content > p { position: relative; z-index: 2; margin: 0; color: var(--khk-muted); font-size: .89rem; line-height: 1.75; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.khk-feature-cta { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: .65rem; margin-top: 1.7rem; color: var(--khk-teal); font-size: .78rem; font-weight: 800; }
.khk-feature-cta i { font-style: normal; color: var(--khk-coral-deep); font-size: 1.05rem; transition: transform .2s ease; }
.khk-voice-feature:hover .khk-feature-cta i, .khk-journal-feature:hover .khk-feature-cta i { transform: translate(3px,-3px); }

.khk-voices__list { align-self: stretch; display: flex; flex-direction: column; }
.khk-voices__list-label { margin: 0 0 .8rem; color: var(--khk-teal); font: 600 .69rem/1 'Oswald', sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.khk-voice-row { display: grid; grid-template-columns: 32px 58px minmax(0,1fr) 30px; align-items: center; gap: .85rem; min-height: 90px; padding: .75rem .35rem; border-bottom: 1px solid rgba(15,120,148,.16); text-decoration: none; transition: transform .2s ease, padding .2s ease, background-color .2s ease; }
.khk-voice-row:first-of-type { border-top: 1px solid rgba(15,120,148,.16); }
.khk-voice-row:hover, .khk-voice-row:focus-visible { padding-inline: .8rem; transform: translateX(4px); background: rgba(255,255,255,.58); outline: none; }
.khk-voice-row__number { color: #87a7b4; font: 600 .7rem/1 'Oswald',sans-serif; }
.khk-voice-row__portrait { width: 58px; height: 58px; overflow: hidden; border: 3px solid var(--khk-white); border-radius: 50% 50% 50% 14%; background: #cde7ea; box-shadow: 0 8px 18px rgba(48,111,132,.12); }
.khk-voice-row__portrait img { width: 100%; height: 100%; object-fit: cover; }
.khk-voice-row__portrait i { display: grid; place-items: center; width: 100%; height: 100%; color: var(--khk-teal); font: 700 1.4rem/1 'Playfair Display',serif; }
.khk-voice-row__body { min-width: 0; }
.khk-voice-row__body strong { display: block; color: var(--khk-teal-deep); font-family: 'Playfair Display',serif; font-size: 1.1rem; line-height: 1.15; }
.khk-voice-row__body small { display: block; margin-top: .25rem; overflow: hidden; color: var(--khk-muted); font-size: .64rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.khk-voice-row__arrow { color: var(--khk-coral-deep); font-size: 1rem; }
.khk-voices__quote { position: relative; margin-top: auto; padding: 2rem 1.6rem 1.5rem; border-radius: 18px 6px 18px 6px; color: var(--khk-teal-deep); background: linear-gradient(135deg,rgba(255,201,74,.34),rgba(255,118,93,.12)); }
.khk-voices__quote > span { position: absolute; top: 4px; left: 15px; color: var(--khk-coral); font-family: 'Playfair Display',serif; font-size: 3.8rem; line-height: 1; }
.khk-voices__quote p { margin: 0; font-family: 'Patrick Hand',cursive; font-size: 1.24rem; line-height: 1.35; }

.khk-image-fallback { display: grid; place-items: center; width: 100%; height: 100%; color: var(--khk-teal); background: linear-gradient(135deg,var(--khk-sky-pale),var(--khk-paper-warm)); font-family: 'Playfair Display',serif; font-size: 3rem; }

/* ---------- JOURNAL ---------- */
.khk-journal { position: relative; overflow: hidden; padding: clamp(100px,10vw,155px) 0; background: #fff3dc; }
.khk-journal::before { content: ''; position: absolute; inset: 0; opacity: .4; background-image: linear-gradient(rgba(217,86,70,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(217,86,70,.05) 1px,transparent 1px); background-size: 34px 34px; }
.khk-journal__shape { position: absolute; border-radius: 50%; filter: blur(.1px); pointer-events: none; }
.khk-journal__shape--one { width: 280px; height: 280px; right: -100px; top: 70px; background: rgba(255,118,93,.17); }
.khk-journal__shape--two { width: 190px; height: 190px; left: -80px; bottom: 130px; background: rgba(53,189,232,.15); }
.khk-section-head--journal { position: relative; z-index: 2; align-items: end; }
.khk-section-head--journal h2 { max-width: 760px; }
.khk-section-head--journal > p { max-width: 360px; color: #7e786b; }
.khk-journal__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(340px,.85fr); gap: clamp(2.2rem,5vw,5.2rem); align-items: stretch; }
.khk-journal-feature {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  position: relative;
  min-height: 650px;
  overflow: hidden;
  border: 7px solid var(--khk-white);
  border-radius: 30px 8px 30px 8px;
  color: var(--khk-white);
  text-decoration: none;
  box-shadow: 0 30px 70px rgba(151,98,57,.19), 0 11px 0 rgba(229,147,75,.13);
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transition: transform .22s ease, box-shadow .22s ease;
  will-change: transform;
}
.khk-journal-feature:hover { box-shadow: 0 38px 86px rgba(151,98,57,.24), 0 14px 0 rgba(229,147,75,.15); }
.khk-journal-feature__image { position: absolute; inset: 0; }
.khk-journal-feature__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s cubic-bezier(.2,.75,.2,1); }
.khk-journal-feature:hover .khk-journal-feature__image img { transform: scale(1.04); }
.khk-journal-feature__overlay { position: absolute; inset: 0; background: linear-gradient(0deg,rgba(18,74,96,.92) 0%,rgba(18,74,96,.66) 35%,rgba(18,74,96,.10) 70%,transparent 100%); }
.khk-journal-feature__content { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: clamp(2rem,4vw,3.5rem); }
.khk-story-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
.khk-story-tags span { color: #fff3c7; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.24); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.khk-journal-feature h3 { max-width: 720px; margin: 0; font-family: 'Playfair Display',serif; font-size: clamp(2.3rem,4vw,4.2rem); letter-spacing: -.04em; line-height: .98; }
.khk-journal-feature p { max-width: 650px; margin: 1rem 0 0; color: rgba(255,255,255,.82); font-size: .87rem; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.khk-feature-cta--light { color: #fff2c3; }
.khk-feature-cta--light i { color: var(--khk-sun); }
.khk-journal__stories { display: flex; flex-direction: column; }
.khk-journal-row { display: grid; grid-template-columns: 36px minmax(0,1fr) 32px; gap: 1rem; padding: 1.35rem 0; border-top: 1px solid rgba(163,107,63,.22); text-decoration: none; transition: transform .2s ease, padding .2s ease; }
.khk-journal-row:last-of-type { border-bottom: 1px solid rgba(163,107,63,.22); }
.khk-journal-row:hover, .khk-journal-row:focus-visible { padding-left: .6rem; transform: translateX(3px); outline: none; }
.khk-journal-row__index { color: var(--khk-coral-deep); font: 600 .69rem/1.4 'Oswald',sans-serif; }
.khk-journal-row__meta { display: flex; gap: .75rem; color: #8b877c; font: 700 .61rem/1 'Manrope',sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.khk-journal-row h3 { margin: .55rem 0 .45rem; color: var(--khk-teal-deep); font-family: 'Playfair Display',serif; font-size: clamp(1.3rem,2vw,1.72rem); line-height: 1.12; }
.khk-journal-row p { margin: 0; color: #7c817b; font-size: .76rem; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.khk-journal-row__arrow { align-self: center; color: var(--khk-teal); font-size: 1.05rem; transition: transform .2s ease; }
.khk-journal-row:hover .khk-journal-row__arrow { transform: translateX(4px); }
.khk-outline-link--journal { align-self: flex-start; margin-top: 1.6rem; border-color: rgba(217,86,70,.30); color: var(--khk-coral-deep); box-shadow: 0 6px 0 rgba(217,86,70,.08); }

/* ---------- WATCH / VIDEO ---------- */
.khk-watch { position: relative; overflow: hidden; padding: clamp(100px,10vw,155px) 0; color: var(--khk-white); background: linear-gradient(135deg,#247e98 0%,#18647d 48%,#318ea0 100%); }
.khk-watch::before { content: ''; position: absolute; inset: 0; opacity: .16; background-image: radial-gradient(circle at 18% 22%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 78% 62%,#fff 0 1px,transparent 1.5px); background-size: 33px 33px,49px 49px; }
.khk-watch__halo { position: absolute; width: 520px; height: 520px; right: -150px; top: -180px; border-radius: 50%; background: radial-gradient(circle,rgba(255,201,74,.32),rgba(255,118,93,.08) 55%,transparent 70%); }
.khk-watch__head { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 3rem; margin-bottom: 3rem; }
.khk-watch__head .khk-eyebrow { color: #ffd56d; }
.khk-watch__head h2 { max-width: 920px; color: var(--khk-white); }
.khk-watch__head h2 em { color: #ffd56d; }
.khk-watch__scribble { align-self: center; color: #ffd6cc; font-family: 'Patrick Hand',cursive; font-size: 1.5rem; transform: rotate(-5deg); }
.khk-watch__layout { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: clamp(2rem,4vw,4rem); }
.khk-video-feature { min-width: 0; }
.khk-video-feature__frame { position: relative; overflow: hidden; aspect-ratio: 16/9; border: 7px solid rgba(255,255,255,.93); border-radius: 26px 8px 26px 8px; background: #d8edf0; box-shadow: 0 30px 70px rgba(35,85,101,.30), 0 12px 0 rgba(255,201,74,.18); }
.khk-video-feature__frame iframe, .khk-video-feature__frame video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.khk-video-feature__caption { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; padding: 1.35rem .4rem 0; }
.khk-video-feature__caption span { display: block; color: #ffd76d; font: 600 .66rem/1 'Oswald',sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.khk-video-feature__caption h3 { margin: .5rem 0 0; color: var(--khk-white); font-family: 'Playfair Display',serif; font-size: clamp(1.35rem,2vw,2rem); line-height: 1.1; }
.khk-video-feature__caption > a { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.38); border-radius: 50%; color: var(--khk-white); background: rgba(255,255,255,.12); text-decoration: none; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: transform .2s ease, background-color .2s ease; }
.khk-video-feature__caption > a:hover { transform: translateY(-3px) rotate(5deg); background: rgba(255,255,255,.20); }
.khk-watch__side { display: flex; flex-direction: column; gap: .6rem; }
.khk-watch__side-intro { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 1rem; margin-bottom: 1rem; padding: 1.15rem; border: 1px solid rgba(255,255,255,.22); border-radius: 18px 7px 18px 7px; background: rgba(255,255,255,.10); -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px); }
.khk-watch__pulse { position: relative; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(255,201,74,.18); }
.khk-watch__pulse::before, .khk-watch__pulse::after { content: ''; position: absolute; border: 1px solid rgba(255,201,74,.55); border-radius: 50%; animation: khk-pulse 2.4s ease-out infinite; }
.khk-watch__pulse::before { inset: 3px; }
.khk-watch__pulse::after { inset: -5px; animation-delay: .55s; }
.khk-watch__pulse i { width: 10px; height: 10px; border-radius: 50%; background: var(--khk-sun); box-shadow: 0 0 20px rgba(255,201,74,.55); }
@keyframes khk-pulse { 0%{transform:scale(.8);opacity:.85} 80%,100%{transform:scale(1.35);opacity:0} }
.khk-watch__side-intro strong { display: block; color: #fff2c8; font-family: 'Playfair Display',serif; font-size: 1.16rem; }
.khk-watch__side-intro p { margin: .35rem 0 0; color: rgba(255,255,255,.70); font-size: .74rem; line-height: 1.55; }
.khk-watch-row { display: grid; grid-template-columns: 76px minmax(0,1fr) 26px; align-items: center; gap: .85rem; min-height: 88px; padding: .6rem; border-bottom: 1px solid rgba(255,255,255,.17); text-decoration: none; transition: transform .2s ease, background-color .2s ease; }
.khk-watch-row:hover, .khk-watch-row:focus-visible { transform: translateX(4px); background: rgba(255,255,255,.08); outline: none; }
.khk-watch-row__thumb { width: 76px; height: 64px; overflow: hidden; border: 3px solid rgba(255,255,255,.88); border-radius: 12px 4px 12px 4px; background: rgba(255,255,255,.12); }
.khk-watch-row__thumb img { width: 100%; height: 100%; object-fit: cover; }
.khk-watch-row__thumb > i { display: grid; place-items: center; height: 100%; color: var(--khk-sun); font-style: normal; }
.khk-watch-row small { display: block; color: #ffd56d; font-size: .59rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.khk-watch-row strong { display: block; margin-top: .28rem; color: var(--khk-white); font-family: 'Playfair Display',serif; font-size: 1rem; line-height: 1.2; }
.khk-watch-row > i { color: #ffd56d; font-style: normal; }
.khk-watch__side .khk-button { align-self: flex-start; margin-top: 1.2rem; }

/* ---------- PROCESS ---------- */
.khk-process { position: relative; padding: clamp(90px,9vw,135px) 0; background: linear-gradient(135deg,#fffdf7,#eef9f8); }
.khk-process::before { content: ''; position: absolute; left: 6%; top: 12%; width: 170px; height: 170px; border: 24px solid rgba(189,235,213,.24); border-radius: 50%; }
.khk-section-head--process { position: relative; z-index: 2; }
.khk-section-head--process h2 { max-width: 720px; }
.khk-process__steps { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 3.6rem 0 0; padding: 0; list-style: none; }
.khk-process__steps::before { content: ''; position: absolute; top: 36px; left: 5%; right: 5%; height: 4px; border-radius: 999px; background: linear-gradient(90deg,var(--khk-coral),var(--khk-sun),var(--khk-sky),var(--khk-teal)); box-shadow: 0 4px 13px rgba(46,112,135,.12); }
.khk-process__steps li { position: relative; padding: 0 clamp(1rem,2vw,1.65rem); }
.khk-process__num { position: relative; z-index: 2; display: grid; place-items: center; width: 74px; height: 74px; border: 7px solid #fffdf7; border-radius: 50%; color: var(--khk-teal-deep); background: var(--khk-white); box-shadow: 0 8px 0 rgba(46,112,135,.10), 0 16px 30px rgba(46,112,135,.11); font: 600 .8rem/1 'Oswald',sans-serif; }
.khk-process__steps li:nth-child(1) .khk-process__num { background: #ffe2dc; color: var(--khk-coral-deep); }
.khk-process__steps li:nth-child(2) .khk-process__num { background: #fff0bd; color: #a86b0d; }
.khk-process__steps li:nth-child(3) .khk-process__num { background: #ddf5fb; color: var(--khk-blue); }
.khk-process__steps li:nth-child(4) .khk-process__num { background: #dff4e8; color: var(--khk-teal); }
.khk-process__steps strong { display: block; margin-top: 1.45rem; color: var(--khk-teal-deep); font-family: 'Playfair Display',serif; font-size: 1.55rem; line-height: 1.05; }
.khk-process__steps p { margin: .55rem 0 0; color: var(--khk-muted); font-size: .77rem; line-height: 1.65; }

/* ---------- FINAL CTA ---------- */
.khk-final-cta { position: relative; overflow: hidden; min-height: 530px; display: grid; place-items: center; padding: clamp(90px,10vw,140px) 0; color: var(--khk-white); background: linear-gradient(118deg,#1a6982 0%,#2d8d9f 54%,#2c8797 100%); }
.khk-final-cta::before { content: ''; position: absolute; inset: 0; opacity: .20; background-image: radial-gradient(circle at 25% 28%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 77% 72%,#fff 0 1px,transparent 1.4px); background-size: 37px 37px,61px 61px; }
.khk-final-cta__sun { position: absolute; right: -110px; top: -170px; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle at 42% 43%,#ffd666 0 34%,rgba(255,201,74,.72) 35% 46%,rgba(255,201,74,.16) 47% 62%,transparent 63%); }
.khk-final-cta__line { position: absolute; left: -30px; bottom: 18px; color: rgba(255,220,126,.18); font-family: 'Patrick Hand',cursive; font-size: clamp(2.4rem,6vw,6.4rem); white-space: nowrap; transform: rotate(-2deg); }
.khk-final-cta__inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 4rem; }
.khk-final-cta .khk-eyebrow { color: #ffd86d; }
.khk-final-cta h2 { max-width: 830px; margin: 0; color: var(--khk-white); font-family: 'Playfair Display',serif; font-size: clamp(3.2rem,5.7vw,6.1rem); letter-spacing: -.052em; line-height: .94; }
.khk-final-cta__inner > div > p:last-child { max-width: 650px; margin: 1.3rem 0 0; color: rgba(255,255,255,.79); font-size: .94rem; line-height: 1.75; }
.khk-final-cta__actions { display: flex; flex-direction: column; gap: .9rem; min-width: 215px; }

/* ---------- REVEAL / MOTION ---------- */
.khk-home .is-reveal-pending { opacity: 0; transform: translate3d(0,28px,0); transition: opacity .68s ease var(--reveal-delay,0ms), transform .76s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms); }
.khk-home .is-reveal-pending.is-revealed { opacity: 1; transform: translate3d(0,0,0); }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1100px) {
  .khk-memory-rail__inner { grid-template-columns: 210px minmax(0,1fr); }
  .khk-memory-rail__stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .khk-memory-stat:nth-child(3)::before { display: none; }
  .khk-memory-stat:nth-child(n+3) { border-top: 1px solid var(--khk-line); }
  .khk-manifesto__grid { gap: 4rem; }
  .khk-voices__layout, .khk-watch__layout { grid-template-columns: 1fr; }
  .khk-voices__quote { margin-top: 1.6rem; }
  .khk-journal__grid { grid-template-columns: 1fr; }
  .khk-journal-feature { min-height: 610px; }
  .khk-journal__stories { max-width: none; }
}

@media (max-width: 900px) {
  .khk-shell { width: min(100% - 36px,1180px); }
  .khk-hero__content-wrap { width: min(100% - 42px,1180px); padding-bottom: 10rem; }
  .khk-hero__content { width: min(680px,82vw); }
  .khk-hero__content h1 { font-size: clamp(3.2rem,8vw,5.5rem); }
  .khk-memory-rail { padding-inline: 18px; }
  .khk-memory-rail__inner { grid-template-columns: 1fr; }
  .khk-memory-rail__intro { min-height: 92px; padding: 1.1rem 1.35rem; }
  .khk-memory-rail__intro::after { display: none; }
  .khk-memory-rail__intro strong { max-width: none; }
  .khk-memory-rail__stats { padding-left: 0; }
  .khk-manifesto__grid { grid-template-columns: 1fr; }
  .khk-photo-stack { min-height: 620px; width: min(630px,100%); margin-inline: auto; }
  .khk-manifesto__copy { max-width: 720px; }
  .khk-manifesto__scribble { position: static; display: inline-block; margin-top: 1.8rem; }
  .khk-section-head, .khk-watch__head, .khk-final-cta__inner { grid-template-columns: 1fr; display: grid; align-items: start; }
  .khk-section-head { justify-content: start; gap: 1.4rem; }
  .khk-section-head > p { max-width: 620px; }
  .khk-outline-link { justify-self: start; }
  .khk-voice-feature { grid-template-columns: 1fr; min-height: 0; }
  .khk-voice-feature__media { aspect-ratio: 16/11; min-height: 0; }
  .khk-process__steps { grid-template-columns: repeat(2,1fr); gap: 3rem 0; }
  .khk-process__steps::before { display: none; }
  .khk-final-cta__actions { flex-direction: row; min-width: 0; }
}

@media (max-width: 640px) {
  .khk-shell { width: min(100% - 28px,1180px); }
  .khk-hero { height: calc(100svh - 68px); min-height: 600px; max-height: none; }
  .khk-hero__media { inset: -8px; }
  .khk-hero__media img { transform: scale(1.07); }
  .khk-hero__slide.is-active .khk-hero__media img { transform: scale(1.11); }
  .khk-hero__colour { background: linear-gradient(0deg,rgba(18,74,96,.92) 0%,rgba(18,74,96,.69) 42%,rgba(18,74,96,.22) 74%,rgba(18,74,96,.08) 100%); }
  .khk-hero__content-wrap { width: calc(100% - 28px); align-items: end; padding: 2rem 0 9rem; }
  .khk-hero__content { width: 100%; }
  .khk-hero__kicker-row { margin-bottom: .8rem; }
  .khk-hero__kicker-row p { font-size: .66rem; letter-spacing: .14em; }
  .khk-hero__content h1 { max-width: 100%; font-size: clamp(2.65rem,12.7vw,4.3rem); line-height: .94; }
  .khk-hero__copy { width: 100%; margin-top: 1.05rem; font-size: .87rem; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .khk-hero__actions { gap: .6rem; margin-top: 1.2rem; }
  .khk-button { min-height: 47px; padding: .76rem 1rem; font-size: .78rem; }
  .khk-button--glass { display: none; }
  .khk-hero__topnote { top: 18px; right: 14px; }
  .khk-hero__topnote span { display: none; }
  .khk-hero__navigation { left: 14px; right: 14px; bottom: 22px; justify-content: flex-end; }
  .khk-hero__slide-count { margin-right: auto; }
  .khk-hero__pause [data-pause-label] { display: none; }
  .khk-hero__pause { width: 42px; padding: 0; justify-content: center; }
  .khk-hero__nav-button { width: 42px; height: 42px; }
  .khk-hero__pause { height: 42px; }
  .khk-hero__scroll { display: none; }
  .khk-memory-rail { margin-top: -4px; padding: 0; }
  .khk-memory-rail__inner { width: 100%; border: 0; border-radius: 0; box-shadow: 0 16px 34px rgba(45,116,138,.10); }
  .khk-memory-rail__intro { border-radius: 0; }
  .khk-memory-rail__stats { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0 8px 5px; }
  .khk-memory-rail__stats::-webkit-scrollbar { display: none; }
  .khk-memory-stat { flex: 0 0 72vw; scroll-snap-align: start; padding: 1.15rem .9rem; }
  .khk-memory-stat + .khk-memory-stat::before { display: block; top: 22%; bottom: 22%; }
  .khk-memory-stat:nth-child(n+3) { border-top: 0; }
  .khk-manifesto { padding: 88px 0 78px; }
  .khk-manifesto::before { display: none; }
  .khk-photo-stack { min-height: 440px; }
  .khk-photo-stack__main { inset: 0 10% 9% 0; border-width: 5px; border-radius: 20px 6px 20px 6px; }
  .khk-photo-stack__secondary { width: 40%; border-width: 5px; }
  .khk-photo-stack__stamp { width: 104px; height: 104px; left: -4px; bottom: 7px; font-size: .65rem; border-width: 2px; }
  .khk-manifesto__copy h2 { font-size: clamp(2.65rem,12vw,4rem); }
  .khk-manifesto__lead { font-size: .96rem; }
  .khk-manifesto__links { flex-direction: column; align-items: stretch; }
  .khk-arrow-link { width: 100%; }
  .khk-voices, .khk-journal, .khk-watch, .khk-process { padding-block: 82px; }
  .khk-section-head h2, .khk-watch__head h2 { font-size: clamp(2.5rem,11vw,3.7rem); }
  .khk-voice-feature { border-radius: 24px 7px 24px 7px; }
  .khk-voice-feature__media { aspect-ratio: 4/3; }
  .khk-voice-feature__content { padding: 1.6rem; }
  .khk-voice-feature__content h3 { font-size: 2.5rem; }
  .khk-voice-feature__content > p { -webkit-line-clamp: 4; }
  .khk-voice-row { grid-template-columns: 26px 50px minmax(0,1fr) 24px; gap: .65rem; }
  .khk-voice-row__portrait { width: 50px; height: 50px; }
  .khk-journal-feature { min-height: 560px; border-width: 5px; border-radius: 23px 6px 23px 6px; }
  .khk-journal-feature__content { padding: 1.45rem; }
  .khk-journal-feature h3 { font-size: 2.35rem; }
  .khk-journal-feature p { -webkit-line-clamp: 2; font-size: .8rem; }
  .khk-journal-row { grid-template-columns: 28px minmax(0,1fr) 24px; gap: .7rem; }
  .khk-journal-row p { display: none; }
  .khk-watch__head { gap: 1rem; }
  .khk-watch__scribble { justify-self: end; margin-right: 1rem; }
  .khk-video-feature__frame { border-width: 5px; border-radius: 20px 6px 20px 6px; }
  .khk-video-feature__caption { padding-top: 1rem; }
  .khk-video-feature__caption h3 { font-size: 1.25rem; }
  .khk-watch-row { grid-template-columns: 68px minmax(0,1fr) 22px; }
  .khk-watch-row__thumb { width: 68px; height: 58px; }
  .khk-process__steps { grid-template-columns: 1fr; gap: 0; }
  .khk-process__steps li { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 1rem; padding: 0 0 1.7rem; }
  .khk-process__num { width: 58px; height: 58px; border-width: 5px; }
  .khk-process__steps strong { margin-top: .15rem; font-size: 1.4rem; }
  .khk-process__steps p { font-size: .75rem; }
  .khk-final-cta { min-height: 610px; padding-block: 82px; }
  .khk-final-cta h2 { font-size: clamp(2.8rem,12vw,4.25rem); }
  .khk-final-cta__inner { gap: 2rem; }
  .khk-final-cta__actions { flex-direction: column; align-items: stretch; }
  .khk-final-cta__sun { width: 360px; height: 360px; right: -160px; top: -100px; }
}

@media (prefers-reduced-motion: reduce) {
  .khk-home *, .khk-home *::before, .khk-home *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .khk-hero__media img, .khk-hero__slide.is-active .khk-hero__media img { transform: scale(1.045); }
}