/* CLASS NAMING
   k_c-* = every permanent project class.
   k_c-component__element = component element.
   k_c-component--modifier = variant or runtime state.
   Page-local compositions use the same k_c- namespace; no unnamespaced project classes.
*/
:root{
  --site-text:#343434;
  --site-paper:var(--site-white);
  --site-dark:#212121;
  --site-cover-dark:#393939;
  --site-card:#edeaea;
  /* Previous accents retained for rollback/reference: #fafac6 → #ffffd9. */
  --site-accent:#f8f8e2;
  --site-button-dark-hover:#292929;
  --site-gutter:80px;
  --site-cover-gutter:40px;
  --site-gap:40px;
  --site-grid-gap:var(--site-gap);
  --site-radius:24px;
  --site-nav-h:50px;
  --site-control-height:54px;
  --site-social-control-height:48px;
  --site-opacity-muted:.68;
  --site-paragraph-indent:1.5em;
  --site-leading-body:30px;
  --site-ease-soft:cubic-bezier(.16,1,.3,1);
  --site-space-12:12px;
  --site-space-32:32px;
  --site-space-48:48px;
  --site-space-96:96px;
  --site-space-120:120px;
  --site-space-200:200px;
  --site-material-surface:rgba(245,245,245,.74);
  --site-material-inner-light:
    linear-gradient(to bottom,var(--site-white-24) 0%,rgba(255,255,255,.08) 4px,var(--site-white-transparent) 13px),
    linear-gradient(to top,var(--site-white-10) 0%,var(--site-white-transparent) 10px),
    linear-gradient(to right,var(--site-white-10) 0%,var(--site-white-transparent) 10px),
    linear-gradient(to left,rgba(255,255,255,.16) 0%,var(--site-white-transparent) 12px);
  --site-material-tone:
    linear-gradient(100deg,
      rgba(42,42,42,.18) 0%,
      rgba(120,120,120,.08) 38%,
      rgba(238,238,238,.08) 62%,
      var(--site-white-28) 100%);
  --site-material-tone-opacity:.52;
  --site-material-blur:blur(18px);
  --site-soft-surface-base:#e8e8e4;
  --site-soft-surface-highlight:#fafaf6;
  --site-soft-surface-shadow:#d9d9d3;
  --site-accent-chip-bg:color-mix(in srgb,var(--site-accent) 14%,transparent);
  --site-white:#fff;
  --site-ink-deep:#232323;
  --site-control-light:#e5e5e5;
  --site-white-transparent:rgba(255,255,255,0);
  --site-white-10:rgba(255,255,255,.10);
  --site-white-24:rgba(255,255,255,.24);
  --site-white-28:rgba(255,255,255,.28);
  --site-white-40:rgba(255,255,255,.4);
  --site-cover-dark-transparent:rgba(33,33,33,0);
  --site-overlay-dark-12:rgba(0,0,0,.12);
  --site-overlay-dark-13:rgba(0,0,0,.13);
  --site-overlay-dark-17:rgba(0,0,0,.17);
  --site-overlay-dark-28:rgba(0,0,0,.28);
  --site-social-gap:var(--site-space-12);
  --site-parallax-scale:1.14;

  /* FLUID DESIGN SCALE — desktop 1440 is the reference state.
     Responsive layers change tokens, not page-local font sizes. */
  --site-type-display:116px;
  --site-type-display-xl:212px;
  --site-type-feature:96px;
  --site-type-heading-lg:62px;
  --site-type-heading-lg-leading:64px;
  --site-type-heading-sm:32px;
  --site-type-heading-sm-leading:40px;
  --site-type-body:22px;
  --site-type-label:16px;
  --site-type-control:18px;
  --site-type-pill:20px;
  --site-type-pill-leading:28px;
  --site-type-input:20px;
  --site-input-leading:28px;
  --site-type-small:14px;
  --site-small-leading:20px;

  --site-control-pad-x:32px;
  --site-pill-pad-x:24px;
  --site-approach-pad-y:30px;
  --site-approach-pad-x:32px;
  --site-form-pad-y:40px;
  --site-form-pad-x:36px;
  --site-form-gap:20px;
  --site-overlay-control-inset:32px;
  --site-statement-pad:80px;
  --site-feature-measure:960px;

  --site-sequence-font-size:22px;
  --site-sequence-leading:30px;
  --site-sequence-pad-x:32px;
  --site-sequence-arrow-w:18px;
  --site-sequence-arrow-h:11px;
  --site-home-practice-measure:100%;
  --site-brand-top:48px;
  --site-brand-karim-width:136px;
  --site-heading-sm-body-gap:48px;
}

/* TYPOGRAPHY */
.k_c-type-display{
  margin:0;
  font-family:"Instrument Serif","Times New Roman",serif;
  font-size:var(--site-type-display);
  line-height:.833333em;
  font-weight:400;
  letter-spacing:-.005em;
  font-style:normal;
  font-synthesis:none;
  font-kerning:normal;
  font-variant-ligatures:common-ligatures;
  font-feature-settings:"kern" 1,"liga" 1,"ss01" 1;
}
.k_c-type-heading-lg{
  margin:0;
  font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
  font-size:var(--site-type-heading-lg);
  line-height:var(--site-type-heading-lg-leading);
  font-weight:300;
  letter-spacing:-.03em;
  text-indent:0;
}
.k_c-type-heading-sm{
  margin:0;
  font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
  font-size:var(--site-type-heading-sm);
  line-height:var(--site-type-heading-sm-leading);
  font-weight:400;
  letter-spacing:-.03em;
  text-indent:0;
}
.k_c-type-body{
  margin:0;
  --site-leading:var(--site-leading-body);
  font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
  font-size:var(--site-type-body);
  line-height:var(--site-leading-body);
  font-weight:400;
  letter-spacing:-.02em;
  text-indent:var(--site-paragraph-indent);
}
.k_c-type-label{
  margin:0;
  font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
  font-size:var(--site-type-label);
  line-height:20px;
  font-weight:500;
  letter-spacing:.055em;
  text-transform:uppercase;
  text-indent:0;
}

html{scroll-behavior:smooth;scroll-padding-top:0;}

body{margin: 0; background: var(--site-paper); color: var(--site-text);}

*{box-sizing: border-box;}

.k_c-master{width: 100%;
  background: var(--site-paper);
  color: var(--site-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;}

.k_c-master,
.k_c-master *,
.k_c-page,
.k_c-page *{cursor:default;}

.k_c-master a,
.k_c-master button,
.k_c-master [role="button"],
.k_c-page a,
.k_c-page button,
.k_c-page [role="button"]{cursor:pointer;}

.k_c-master input,
.k_c-master textarea,
.k_c-page input,
.k_c-page textarea{cursor:text;}

.k_c-master :where(a),
.k_c-page :where(a){
  color:inherit;
  text-decoration:none;
}

.k_c-master img,
.k_c-master iframe,
.k_c-master svg,
.k_c-page img,
.k_c-page iframe,
.k_c-page svg{display:block;}

.k_c-master img,
.k_c-page img{object-position:center center;}

/* Temporary image treatment. Remove this class from markup later to restore colour. */
.k_c-image-bw{--site-image-filter:grayscale(1);}

.k_c-type-russian{font-family:"Noto Serif",Georgia,serif; font-weight:400; letter-spacing:-.01em;}

.k_c-text-accent{color:var(--site-accent);}

.k_c-text-center{text-align:center;}

.k_c-prose p{margin:0 0 var(--site-leading);}

.k_c-prose p:last-child{margin-bottom:0;}

.k_c-prose strong{font-weight:500;}

.k_c-no-indent{text-indent:0;}

.k_c-text-accent.k_c-text-link{text-decoration-color:color-mix(in srgb,var(--site-accent) 30%,transparent);}

.k_c-text-link:hover{text-decoration-color:transparent;}

.k_c-home-briefs-copy> .k_c-type-body{max-width:560px;}

.k_c-home-briefs-copy> .k_c-type-display{max-width:7.07em;text-indent:.7em;}

.k_c-feature-title{margin:0;
  width:100%;
  max-width:10.2em;
  font-family:"Instrument Serif","Times New Roman",serif;
  font-size:var(--site-type-feature);
  line-height: .8em;
  font-weight: 400;
  letter-spacing: -.005em;
  font-style: normal;
  font-synthesis: none;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures;
  font-feature-settings: "kern" 1, "liga" 1, "ss01" 1;}

.k_c-page{position: relative; width: 100%; overflow: hidden; background: var(--site-paper); color: var(--site-text);}

.k_c-container{width: 100%; padding-inline: var(--site-gutter);}

.k_c-container--cover{padding-inline: var(--site-cover-gutter);}

.k_c-grid{display:grid;
  width:100%;
  gap:var(--site-gap);
  align-items:start;}

/* Macro layout: one 12-column system everywhere outside covers. */
.k_c-grid--12{grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--site-grid-gap);}

.k_c-grid--12> *{min-width:0;}

/* Covers deliberately use a simpler two-column system. */
.k_c-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.k_c-grid--2> *{min-width:0;}

.k_c-grid--baseline{align-items:first baseline;}
.k_c-grid--equal-rows{grid-auto-rows:1fr; align-items:stretch;}
.k_c-grid--equal-rows> *{height:100%;}
.k_c-grid--equal-rows .k_c-card{height:100%;}

.k_c-section{padding:0; background:var(--site-paper);}

/* Vertical page rhythm: one owner per boundary, so spacing cannot add up accidentally. */
.k_c-page> .k_c-cover + .k_c-section{padding-top:var(--site-space-120);}
.k_c-page> .k_c-section + .k_c-section{padding-top:var(--site-space-200);}
.k_c-page> .k_c-section.k_c-section--last{padding-bottom:var(--site-space-120);}
.k_c-section__head{margin:0;}
.k_c-section__label{margin-top:0;}
.k_c-stack-card{height:100%; display:flex; flex-direction:column; align-items:flex-start;}

/* Explicit 12-column placement utilities used by the page layouts. */
.k_c-span-3{grid-column-end:span 3;}
.k_c-span-4{grid-column-end:span 4;}
.k_c-span-5{grid-column-end:span 5;}
.k_c-span-6{grid-column-end:span 6;}
.k_c-span-7{grid-column-end:span 7;}
.k_c-span-8{grid-column-end:span 8;}
.k_c-span-10{grid-column-end:span 10;}
.k_c-span-12{grid-column-end:span 12;}
.k_c-start-1{grid-column-start:1;}
.k_c-start-2{grid-column-start:2;}
.k_c-start-4{grid-column-start:4;}
.k_c-start-5{grid-column-start:5;}
.k_c-start-7{grid-column-start:7;}
.k_c-start-8{grid-column-start:8;}
.k_c-start-9{grid-column-start:9;}
.k_c-start-10{grid-column-start:10;}

.k_c-cover{position:relative;
  width:100%;
  height:100vh;
  min-height:760px;
  overflow:hidden;
  isolation:isolate;
  background:var(--site-cover-dark);
  color:var(--site-accent);}

.k_c-cover__inner{position:relative;
  z-index:2;
  width:100%;
  height:100%;
  display:grid;
  grid-template-rows:168px 1fr auto;}

.k_c-cover__top{display:flex; align-items:flex-start; justify-content:space-between; gap:var(--site-gap);}

.k_c-cover__title-row{align-self:end;}

.k_c-cover__title-wrap{width:100%; max-width:none;}

.k_c-cover:not(.k_c-cover--crossing) .k_c-cover__title-primary .k_c__title:not(.k_c-briefs-cover-title){
  width:100%;
  max-width:5.69em;
}

.k_c-cover__bottom{align-items:end;}

.k_c-cover__meta-primary> *,
.k_c-cover__meta-secondary> *{margin:0;}

.k_c-cover__meta-secondary> *{text-align:right;}

.k_c-cover__stack{display:grid; align-content:end;}

.k_c-cover__stack> *{margin:0;}

.k_c-briefs-cover-title-row .k_c-cover__title-primary{grid-column:1 / -1;}

.k_c-briefs-cover-title{font-size:var(--site-type-display-xl); line-height:.792453em;}

.k_c-cover--crossing{background:var(--site-cover-dark);}

.k_c-crossing-title-line{display:block; white-space:nowrap;}

.k_c-crossing-title-line--first{margin-left:.7em;}

.k_c-cover__stack.k_c-prose{padding-right:180px;}


/* SHARED SITE HEADER — one brand slot + one navigation instance.
   The block is intentionally autonomous so it can later move into a Tilda Header. */
.k_c-site-header{
  --site-header-foreground:var(--site-accent);
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  color:var(--site-header-foreground);
  pointer-events:none;
}

.k_c-site-header--write{
  --site-header-foreground:var(--site-accent);
}

/* Utility/legal pages sit on the light paper surface. Keep the shared header,
   but switch only its page-level foreground treatment. */
.k_c-site-header--utility{
  --site-header-foreground:var(--site-text);
}
.k_c-site-header--utility .k_c-site-header__brand-variant--karim .k_c-site-header__brand-svg{
  opacity:.8;
}

.k_c-site-header__brand{
  position:absolute;
  z-index:2;
  top:var(--site-brand-top);
  left:var(--site-cover-gutter);
  pointer-events:auto;
}

.k_c-site-header__brand-variant{
  display:flex;
  height:auto;
  flex-direction:column;
  align-items:center;
  gap:10px;
  color:var(--site-header-foreground);
}

.k_c-site-header__brand-variant[hidden]{display:none;}

.k_c-site-header__brand-variant--karim{width:var(--site-brand-karim-width);}
.k_c-site-header__brand-variant--crossing{
  width:230px;
  /* CB-1 has a little more optical space above the artwork than KC-1. */
  transform:translateY(-6px);
}

.k_c-site-header__brand-link,
.k_c-site-header__brand-tagline{
  color:inherit;
  text-decoration:none;
}

.k_c-site-header__brand-link{
  display:block;
  width:100%;
}

.k_c-site-header__brand-svg{
  display:block;
  width:100%;
  height:auto;
  color:inherit;
}

.k_c-site-header__brand-tagline{
  display:block;
  width:100%;
  font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.2;
  font-weight:400;
  letter-spacing:-.02em;
  text-align:center;
}

.k_c-site-header__brand-tagline> span{
  display:block;
  width:max-content;
  margin:0 auto;
  white-space:nowrap;
}

/* Write now uses the same full-screen image-cover header treatment as the other covers. */
.k_c-site-header--write .k_c-site-header__brand-variant--karim .k_c-site-header__brand-svg{
  opacity:1;
}

.k_c-crossing-title-wrap .k_c__title{text-indent: 0;}

.k_c-nav{
  --site-nav-pad-x:24px;
  --site-nav-item-gap:20px;
  --site-nav-control-gap:8px;
  position:fixed;
  z-index:2147483640;
  top:44px;
  right:16px;
  width:82px;
  height:54px;
  padding:0 var(--site-nav-pad-x);
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px;
  align-items:center;
  column-gap:0;
  overflow:hidden;
  white-space:nowrap;
  border:0;
  border-radius:100px;
  box-shadow:none;
  background:transparent;
  color:var(--site-text);
  transform:none;
  font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
  font-size:22px;
  line-height:var(--site-leading-body);
  font-weight:400;
  letter-spacing:-.02em;
  text-indent:0;
  pointer-events:auto;
  transition:width .64s var(--site-ease-soft) .10s,column-gap .64s var(--site-ease-soft) .10s;
}

.k_c-nav::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background:var(--site-material-surface);
  -webkit-backdrop-filter:var(--site-material-blur);
  backdrop-filter:var(--site-material-blur);
  opacity:0;
  transform:scale(.74);
  transform-origin:calc(100% - 41px) 50%;
  pointer-events:none;
  transition:opacity .34s ease,transform .46s var(--site-ease-soft);
}

/* A restrained tonal layer makes the old dark-left / light-right material effect
   repeatable across different cover images. It is part of the nav surface, not a
   separate control, and collapses around the same burger-centre origin. */
.k_c-nav::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background:var(--site-material-inner-light),var(--site-material-tone);
  opacity:0;
  transform:scale(.74);
  transform-origin:calc(100% - 41px) 50%;
  pointer-events:none;
  transition:opacity .34s ease,transform .46s var(--site-ease-soft);
}

.k_c-nav--open{
  width:var(--site-nav-open-width,calc(100vw - 48px));
  column-gap:var(--site-nav-control-gap);
  border-radius:100px;
  transition:width .68s var(--site-ease-soft) .12s,column-gap .68s var(--site-ease-soft) .12s;
}

.k_c-nav--open::before{opacity:1;transform:scale(1);}
.k_c-nav--open::after{opacity:var(--site-material-tone-opacity);transform:scale(1);}

.k_c-nav__content{
  position:relative;
  z-index:1;
  min-width:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:var(--site-nav-item-gap);
  opacity:0;
  transform:translateX(14px);
  visibility:hidden;
  pointer-events:none;
  transition:opacity .20s ease,transform .34s var(--site-ease-soft),visibility 0s linear .22s;
}

.k_c-nav--open .k_c-nav__content{
  opacity:1;
  transform:translateX(0);
  visibility:visible;
  pointer-events:auto;
  overflow:visible;
  transition:opacity .22s ease .10s,transform .34s var(--site-ease-soft) .08s,visibility 0s linear 0s;
}

/* On desktop the opened navigation spans the cover container line: 24px outer
   inset + 16px inner padding = the existing 40px cover gutter. When the black
   menu mark is present it anchors left; links stay right with at least 48px air. */
@media (min-width:1200px){
  .k_c-nav{
    --site-nav-pad-x:16px;
    right:24px;
  }
  .k_c-nav::before,
  .k_c-nav::after{transform-origin:calc(100% - 33px) 50%;}
  .k_c-nav--open.k_c-nav--has-brand .k_c-nav__content{gap:48px;}
  .k_c-nav--open.k_c-nav--has-brand .k_c-nav__brand{margin-left:8px;margin-right:auto;}
}

.k_c-nav__brand{
  display:none;
  flex:0 0 auto;
  width:auto;
  height:24px;
  color:var(--site-text);
  cursor:pointer;
  opacity:0;
  transform:translateX(7px);
  text-decoration:none;
  transition:opacity .46s ease,transform .52s var(--site-ease-soft);
}

.k_c-nav__brand--available{display:block;}
.k_c-nav__brand.k_c-nav__item--revealed{opacity:1;transform:translateX(0);}

.k_c-nav__brand-svg{display:block;width:auto;height:100%;color:inherit;}

.k_c-nav__links{
  min-width:0;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:var(--site-nav-item-gap);
}

.k_c-nav__link{
  flex:0 0 auto;
  color:var(--site-text);
  font-size:22px;
  line-height:1.2;
  font-weight:500;
  opacity:0;
  transform:translateX(7px);
  text-decoration:none;
  text-decoration-line:none;
  transition:opacity .28s ease,transform .34s var(--site-ease-soft);
}

.k_c-nav__link.k_c-nav__item--revealed{opacity:.8;transform:translateX(0);}
.k_c-nav__link.k_c-nav__item--active{opacity:1;}

.k_c-nav-toggle{
  appearance:none;
  -webkit-appearance:none;
  position:fixed;
  z-index:2147483641;
  top:54px;
  right:40px;
  width:34px;
  height:34px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--site-white);
  mix-blend-mode:difference;
}

.k_c-nav-toggle span{
  position:absolute;
  right:0;
  top:50%;
  display:block;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transform-origin:50% 50%;
  opacity:1;
  transition:width .34s var(--site-ease-soft),height .28s var(--site-ease-soft),right .34s var(--site-ease-soft),border-radius .28s ease,transform .42s var(--site-ease-soft),opacity .22s ease;
}

.k_c-nav-toggle span:first-child{width:28px;transform:translateY(-6px);}
.k_c-nav-toggle span:last-child{width:18px;transform:translateY(5px);}
.k_c-nav--open + .k_c-nav-toggle span{right:0;width:26px;height:2px;border-radius:999px;opacity:.8;}
.k_c-nav--open + .k_c-nav-toggle span:first-child{transform:translateY(-1px) rotate(45deg);}
.k_c-nav--open + .k_c-nav-toggle span:last-child{transform:translateY(-1px) rotate(-45deg);}
.k_c-nav__link:where(.k_c-nav__item--revealed):hover{opacity:1;}
.k_c-nav--open + .k_c-nav-toggle:hover span{opacity:1;}
.k_c-nav-toggle:focus-visible{
  border-radius:50%;
  background:rgba(52,52,52,.08);
}

/* Desktop hero navigation keeps the same right-hand control slot as the opened menu.
   The actual toggle is a fixed sibling in the shared header: point -> burger -> cross.
   Scroll transitions stay surface-free; the material surface belongs only to click-open. */
.k_c-nav.k_c-nav--hero,
.k_c-nav.k_c-nav--hero-expanding{
  width:var(--site-nav-hero-width,1040px);
  grid-template-columns:minmax(0,1fr) 34px;
  column-gap:var(--site-nav-control-gap);
}

.k_c-nav.k_c-nav--hero-expanding{
  transition:width .68s var(--site-ease-soft) .10s,column-gap .68s var(--site-ease-soft) .10s;
}

/* When an opened menu reaches the hero zone it docks directly into the static menu:
   open material -> transparent hero geometry, cross -> point, with no compact-burger stop. */
.k_c-nav.k_c-nav--open-to-hero{
  width:var(--site-nav-hero-width,1040px);
  grid-template-columns:minmax(0,1fr) 34px;
  column-gap:var(--site-nav-control-gap);
  transition:width .68s var(--site-ease-soft) .04s,column-gap .68s var(--site-ease-soft) .04s;
}
.k_c-nav--open-to-hero::before,
.k_c-nav--open-to-hero::after{
  opacity:0;
  transform:scale(1);
}
.k_c-nav--open-to-hero .k_c-nav__content{
  grid-column:1;
  opacity:0;
  transform:translateX(0);
  visibility:visible;
  pointer-events:none;
  transition:opacity .20s ease,transform .34s var(--site-ease-soft),visibility 0s linear .22s;
}
.k_c-nav--open-to-hero .k_c-nav__link{
  color:var(--site-text);
  opacity:0;
  transform:none;
  transition:opacity .20s ease,transform .34s var(--site-ease-soft);
}

.k_c-nav--hero::before,
.k_c-nav--hero::after{
  opacity:0;
  transform:scale(1);
}

.k_c-nav--hero .k_c-nav__content,
.k_c-nav--hero-expanding .k_c-nav__content{
  grid-column:1;
  opacity:1;
  transform:translateX(0);
  visibility:visible;
  pointer-events:auto;
}

/* During the reverse compact -> hero gesture, copy appears only after the menu has
   already started opening; this avoids another visible stop at a "material" state. */
.k_c-nav--hero-expanding .k_c-nav__content{
  transition:opacity .26s ease .24s,transform .34s var(--site-ease-soft) .20s,visibility 0s linear 0s;
}

.k_c-nav--hero .k_c-nav__brand,
.k_c-nav--hero-expanding .k_c-nav__brand{display:none;}

.k_c-nav--hero .k_c-nav__link,
.k_c-nav--hero-expanding .k_c-nav__link{
  color:var(--site-header-foreground,var(--site-accent));
  opacity:.8;
  transform:none;
}

.k_c-nav--hero .k_c-nav__link{
  transition:opacity .28s ease,transform .34s var(--site-ease-soft);
}

.k_c-nav--hero-expanding .k_c-nav__link{
  transition:opacity .26s ease .24s,transform .34s var(--site-ease-soft) .20s;
}

.k_c-nav--hero .k_c-nav__link.k_c-nav__item--active,
.k_c-nav--hero-expanding .k_c-nav__link.k_c-nav__item--active{opacity:1;}
.k_c-nav--hero .k_c-nav__link:hover,
.k_c-nav--hero-expanding .k_c-nav__link:hover{opacity:1;}

.k_c-nav--hero + .k_c-nav-toggle span,
.k_c-nav--hero-expanding + .k_c-nav-toggle span,
.k_c-nav--open-to-hero + .k_c-nav-toggle span{
  right:15px;
  width:4px;
  height:4px;
  border-radius:50%;
  opacity:.55;
  transform:translateY(0);
}

/* Scroll transitions stay visually transparent: static menu -> point -> burger and
   burger -> point -> static menu. The glass/tonal surface belongs only to the
   explicitly opened click-menu and is never introduced by scroll. */
.k_c-nav--collapse-from-hero{
  transition:width .68s var(--site-ease-soft) .04s,column-gap .68s var(--site-ease-soft) .04s;
}
.k_c-nav--collapse-from-hero .k_c-nav__link{
  color:var(--site-header-foreground,var(--site-accent));
  transition:opacity .20s ease,transform .34s var(--site-ease-soft);
}

.k_c-nav--collapse-from-hero::before,
.k_c-nav--collapse-from-hero::after,
.k_c-nav--hero-expanding::before,
.k_c-nav--hero-expanding::after{
  opacity:0;
  transform:scale(1);
  animation:none;
}

.k_c-hover-grow{--site-hover-grow-scale: 1.025;
  transform-origin: 50% 50%;
  scale: 1;
  transition: scale .8s var(--site-ease-soft);}


.k_c-nav-toggle:where(.k_c-hover-grow){transform: scale(1);
  transition:transform .8s var(--site-ease-soft),opacity .42s ease,visibility 0s linear 0s;}

@media (hover:hover) and (pointer:fine){
  .k_c-hover-grow:where(:not(:disabled):not([aria-disabled="true"])):hover{scale:var(--site-hover-grow-scale);}
  .k_c-nav-toggle:where(.k_c-hover-grow):where(:not(:disabled)):hover{transform:scale(var(--site-hover-grow-scale));}
}

.k_c-button{appearance:none;
  -webkit-appearance:none;
  --k_c-button-bg:var(--site-text);
  --k_c-button-hover-bg:var(--site-button-dark-hover);
  cursor:pointer;
  display:inline-flex;
  width:auto;
  min-width:0;
  height:var(--site-control-height);
  min-height:var(--site-control-height);
  padding:0 var(--site-control-pad-x);
  border:0;
  border-radius:999px;
  align-items:center;
  justify-content:center;
  background:var(--k_c-button-bg);
  color:var(--site-white);
  text-decoration:none;
  text-indent:0;
  font-family:"Zalando Sans", Arial, Helvetica, sans-serif;
  font-size:var(--site-type-control);
  line-height:1.6em;
  font-weight:500;
  letter-spacing:-.01em;
  white-space:nowrap;
  opacity:1;
  transition:background-color .72s var(--site-ease-soft),color .72s var(--site-ease-soft);}

.k_c-button--accent{
  --k_c-button-bg:var(--site-accent);
  --k_c-button-hover-bg:var(--site-white);
  color:var(--site-text);
}
.k_c-button:where(:not(:disabled):not([aria-disabled="true"])):hover{background:var(--k_c-button-hover-bg);}

.k_c-card .k_c-button{margin-top:auto; align-self:flex-start;}

.k_c-home-crossing-actions .k_c-button{flex: 0 0 auto;}

.k_c-card{background:var(--site-card); border-radius:var(--site-radius); overflow:hidden;}

.k_c-step{min-width:0; padding:32px;}

.k_c-media-frame{width:100%;
  overflow:hidden;
  border-radius:var(--site-radius);}

.k_c-media-placeholder{position:relative;
  aspect-ratio:4 / 3;
  background-color:var(--site-card);

  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  filter:var(--site-image-filter,none);
}

.k_c-image-panel{position:relative;
  isolation:isolate;
  color:var(--site-white);}

.k_c-image-panel> *{position:relative; z-index:1;}


.k_c-image-panel::after{content:""; position:absolute; z-index:0; inset:0; background:var(--site-overlay-dark-13); pointer-events:none;}

/* SOCIAL CONTROLS — one 48x48 geometry. Icons are embedded once as inline SVG symbols and recoloured via currentColor. */
.k_c-svg-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;}
.k_c-socials{
  --k_c-social-bg:var(--site-text);
  --k_c-social-hover-bg:var(--site-button-dark-hover);
  --k_c-social-glyph:var(--site-white);
  display:flex;
  align-items:center;
  gap:var(--site-social-gap);
}
.k_c-socials--on-dark{
  --k_c-social-bg:var(--site-accent);
  --k_c-social-hover-bg:var(--site-white);
  --k_c-social-glyph:var(--site-text);
}
.k_c-social{
  position:relative;
  width:var(--site-social-control-height);
  height:var(--site-social-control-height);
  flex:0 0 var(--site-social-control-height);
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:var(--k_c-social-bg);
  color:var(--k_c-social-glyph);
  transition:background-color .72s var(--site-ease-soft);
}
.k_c-social:hover{background:var(--k_c-social-hover-bg);}
.k_c-social__glyph{
  display:block;
  width:90%;
  height:90%;
  color:inherit;
  fill:currentColor;
  pointer-events:none;
}
.k_c-social__glyph *{vector-effect:non-scaling-stroke;}
.k_c-social__glyph .k_c-social__glyph-cutout{fill:var(--k_c-social-bg);}
.k_c-home-crossing-actions .k_c-socials{flex:0 0 auto;}


.k_c-practice-method .k_c-step{
  position:sticky;
  isolation:isolate;
  min-height:320px;
  margin-block-start:calc(0px - var(--k_c-stack-release-head,0px));
  margin-block-end:var(--k_c-stack-release-tail,0px);
  opacity:1;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
}
.k_c-practice-method .k_c-step::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background:#000;
  opacity:var(--k_c-stack-shade,0);
  transition:opacity .18s linear;
  pointer-events:none;
}
.k_c-practice-method .k_c-step> *{position:relative;z-index:1;}

.k_c-practice-method .k_c-step:nth-child(1){z-index:11;top:96px;}
.k_c-practice-method .k_c-step:nth-child(2){z-index:12;top:120px;}
.k_c-practice-method .k_c-step:nth-child(3){z-index:13;top:144px;}
.k_c-practice-method .k_c-step:nth-child(4){z-index:14;top:168px;}


.k_c-immersive-surface{position:relative;
  width:100%;
  height:100vh;
  min-height:760px;
  overflow:hidden;
  color:var(--site-white);}

.k_c-statement{display:grid;
  place-items:center;
  padding:var(--site-statement-pad);
  background:var(--site-text);}

.k_c-statement__label{color:var(--site-accent);}

.k_c-feature-footer{isolation:isolate;}

.k_c-feature-footer__surface{position:absolute; inset:0; width:100%; height:100%; overflow:hidden; isolation:isolate; background:var(--site-cover-dark);}

.k_c-feature-footer__bg{position:absolute; z-index:0; inset:0; background-size:cover; background-position:center center; background-repeat:no-repeat; filter:var(--site-image-filter,none); pointer-events:none;}

.k_c-feature-footer__shade{position:absolute; z-index:1; inset:0; background:var(--site-overlay-dark-13); pointer-events:none;}

.k_c-feature-footer__main{position:absolute; left:var(--site-cover-gutter); right:var(--site-cover-gutter); top:50%; transform:translateY(-50%); display:grid; justify-items:center;}

.k_c-feature-footer__quote{width:100%; max-width:none; text-align:center;}

.k_c-feature-footer__actions{display:grid; justify-items:center; gap:22px;}

.k_c-feature-footer__overline{display:block; width:100%; text-align:center; color:var(--site-accent);}

.k_c-feature-footer--practice .k_c-feature-footer__shade{background:rgba(0,0,0,.34);}

.k_c-feature-footer--practice .k_c-feature-footer__main{max-width:1280px; margin:0 auto;}
.k_c-page--result .k_c-feature-footer__main{
  left:50%;
  right:auto;
  width:min(var(--site-feature-measure),calc(100% - (2 * var(--site-cover-gutter))));
  transform:translate(-50%,-50%);
}

.k_c-aliveness-block .k_c-feature-footer__quote{margin:0;}

.k_c-feature-footer--practice .k_c-practice-contact-quote{max-width:960px;
  margin-left:auto;
  margin-right:auto;}

.k_c-statement__footer-gradient{position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  height: 144px;
  pointer-events: none;
  background: linear-gradient(to bottom, var(--site-cover-dark-transparent), var(--site-dark));}

.k_c-statement--home .k_c-statement__inner,
.k_c-statement--home .k_c-statement__footer-gradient{position: relative;
  z-index: 2;}

.k_c-statement--home .k_c-statement__inner{position: relative;
  z-index: 2;
  width: min(1180px, calc(100vw - 160px));
  margin: auto;
  display: grid;
  justify-items: center;
  text-align: center;}

.k_c-statement--home .k_c-statement__footer-gradient{position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  height: 144px;}

.k_c-feature-footer__surface::after{content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  height: 144px;
  pointer-events: none;
  background: linear-gradient(to bottom, var(--site-cover-dark-transparent), var(--site-dark));}

.k_c-statement--who .k_c-statement__inner{position: relative;
  z-index: 4;}

.k_c-statement--who .k_c-statement__footer-gradient{z-index: 3;}

.k_c-credit-arrow{display:inline-block; flex:0 0 14px; width:14px; height:8px; align-self:center; transform:translateY(1px); background:currentColor; -webkit-mask:url("https://static.tildacdn.com/tild3765-3439-4864-a565-303866313737/photo.svg") center / contain no-repeat; mask:url("https://static.tildacdn.com/tild3765-3439-4864-a565-303866313737/photo.svg") center / contain no-repeat; transition:transform 1s var(--site-ease-soft);}

.k_c-home-duo-arrow .k_c-credit-arrow{
  width:20px;
  height:12px;
  flex:0 0 20px;
  color:currentColor;
}

.k_c-practice-sequence{--practice-sequence-height: var(--site-control-height);
  --practice-sequence-pad-x: var(--site-sequence-pad-x);
  --practice-sequence-gap: 16px;
  --practice-sequence-collapsed-width: var(--site-control-height);
  position: relative;
  isolation: isolate;
  display: block;
  flex: 0 0 auto;
  width: var(--practice-sequence-collapsed-width);
  height: var(--practice-sequence-height);
  min-height: var(--practice-sequence-height);
  border-radius: 100px;
  overflow: hidden;
  opacity: 0;
  transform: scale(.94);
  transform-origin: left center;
  transition:
    width .95s var(--site-ease-soft),
    opacity .30s ease,
    transform .72s var(--site-ease-soft);
}

.k_c-practice-sequence::before{content:"";
  position:absolute;
  z-index:0;
  inset:0;
  width:var(--practice-sequence-track-width,var(--practice-sequence-full-width,100%));
  height:100%;
  background:transparent;
  pointer-events:none;}

.k_c-practice-sequence.k_c-practice-sequence--visible{width: var(--practice-sequence-full-width);
  opacity: 1;
  transform: scale(1);}

.k_c-practice-sequence__track{position: relative;
  z-index: 1;
  display: flex;
  border-radius:100px;
  overflow:hidden;
  align-items: center;
  justify-content:space-between;
  width:var(--practice-sequence-full-width,100%);
  height: 100%;
  padding: 0 var(--practice-sequence-pad-x);
  gap:0;
  color: var(--site-text);}

.k_c-practice-sequence .k_c-practice-action{position: relative;
  flex: 0 0 auto;
  height: var(--practice-sequence-height);
  min-height: var(--practice-sequence-height);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background: transparent;
  background-image: none;
  box-shadow: none;
  white-space: nowrap;}

.k_c-practice-sequence .k_c-practice-action p{
  margin:0;
  white-space:nowrap;
  font-size:var(--site-sequence-font-size);
  line-height:var(--site-sequence-leading);
}

.k_c-practice-sequence__arrow{display:block;
  width:var(--site-sequence-arrow-w);
  height:var(--site-sequence-arrow-h);
  flex:0 0 var(--site-sequence-arrow-w);
  background: currentColor;
  -webkit-mask: url("https://static.tildacdn.com/tild3765-3439-4864-a565-303866313737/photo.svg") center / contain no-repeat;
  mask: url("https://static.tildacdn.com/tild3765-3439-4864-a565-303866313737/photo.svg") center / contain no-repeat;}

.k_c-practice-sequence__reveal{opacity: 0;
  transform: translate3d(-10px, 0, 0);
  transition: opacity .26s ease, transform .44s var(--site-ease-soft);
}

.k_c-practice-sequence__reveal.k_c-practice-sequence__item--visible{opacity: 1;
  transform: none;}

.k_c-home-briefs-panel::after{background:var(--site-overlay-dark-28);}

.k_c-home-briefs-kicker{margin:0;}
.k_c-home-briefs-discover{
  display:block;
  width:max-content;
  max-width:100%;
  margin-top:var(--site-space-48);
  font-weight:500;
  text-decoration:none;
  transition:color .72s var(--site-ease-soft);
}
.k_c-home-briefs-discover:hover{color:var(--site-white);}

.k_c-home-who-marquee{margin-top:0;}

.k_c-home-who-cta-row{margin-top:var(--site-space-48);}

.k_c-home-who-cta{width:max-content; max-width:none; margin:0; white-space:nowrap;}

.k_c-page--practice{overflow:clip;}
.k_c-page--briefs{overflow:clip;}

.k_c-practice-method{position:relative;
  isolation:isolate;}

.k_c-method-stack{row-gap:var(--site-space-48);}
.k_c-method-stack__runway{
  grid-column:1 / -1;
  height:calc(var(--site-space-200) - var(--site-space-48));
  margin-top:calc(0px - var(--k_c-stack-release-final,0px));
  pointer-events:none;
}

.k_c-practice-method-sticky-column{align-self: stretch;}

.k_c-practice-method-sticky{position: sticky;
  top: 96px;
  width: 100%;}

/* The final grid row creates real sticky runway (padding does not extend the sticky constraint box).
   Together with the preceding 48px row gap it contributes 200px so I synthesise can settle at 168px before release.
   Per-card release margins are measured from the same 24px stack geometry and cancelled in normal grid flow;
   they only stagger the native sticky end constraint so the four-card stack leaves without collapsing.
   The following section keeps the shared section-to-section rhythm; runway must not consume that spacing. */


.k_c-practice-question-title{width:100%;
  max-width:none;
  margin-top:24px;
  text-align:left;
  color:var(--site-text);}

.k_c-approach-card--plain{width:100%;
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  background:transparent;
  background-image:none;
  box-shadow:none;
  padding:var(--site-approach-pad-y) var(--site-approach-pad-x) var(--site-approach-pad-x);}

.k_c-approach-card--plain::before,
.k_c-approach-card--plain::after{content:none;}

.k_c-approach-card--plain .k_c-type-body{margin:0;font-weight:500;}

.k_c-approach-next{display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  padding-top:12px;}

.k_c-crossing-marquee{width:100%; overflow:hidden; padding-block:12px;}

.k_c-crossing-marquee__track{display:flex; width:max-content; will-change:transform; animation:crossingStoryMarquee 42.857s linear infinite;}

.k_c-crossing-marquee__item{flex:0 0 auto; padding-right:.57em; white-space:nowrap; font-family:"Instrument Serif","Times New Roman",serif; font-size:var(--site-type-display-xl); line-height:1.142857em; font-weight:400; letter-spacing:-.036em; color:transparent; background:linear-gradient(90deg,var(--site-ink-deep) 0%,#898989 30%,var(--site-ink-deep) 50%,#464444 71%,var(--site-ink-deep) 88%,var(--site-ink-deep) 100%); -webkit-background-clip:text; background-clip:text;}

.k_c-crossing-story-emphasis{max-width:620px;}

.k_c-statement--who{position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--site-cover-dark);}

.k_c-statement--who::after{content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: var(--site-overlay-dark-13);
  pointer-events: none;}

.k_c-talks-copy{min-width:0;}

.k_c-practice-action p{margin:0;}

.k_c-motion-cover{transform-origin: 50% 0%;
}

.k_c-motion-cover-bg{transform-origin: 50% 50%;
}

.k_c-motion-cover .k_c-motion-cover-bg,
.k_c-motion-footer .k_c-motion-footer-bg{
  --k_c-motion-blur:0px;
  --k_c-motion-brightness:1;
  --k_c-motion-saturate:1;
  filter:
    var(--site-image-filter, grayscale(0))
    blur(var(--k_c-motion-blur))
    brightness(var(--k_c-motion-brightness))
    saturate(var(--k_c-motion-saturate));
}

.k_c-motion-cover .k_c-cover__inner{transform-origin: 50% 50%;}

.k_c-motion-cover-veil{position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: color-mix(in srgb,var(--site-accent) 1.8%,transparent);
  box-shadow:
    inset 0 0 260px color-mix(in srgb,var(--site-accent) 18%,transparent),
    inset 0 0 110px color-mix(in srgb,var(--site-accent) 7.5%,transparent);
}


/* Motion-tail seam guard: a dark continuation sits behind the moving surface only.
   It does not animate the shared legal footer and does not affect pages without a motion tail. */
.k_c-motion-footer{isolation:isolate;}
.k_c-motion-footer::before{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  bottom:-1px;
  height:32px;
  background:var(--site-dark);
  pointer-events:none;
}

.k_c-motion-footer .k_c-motion-footer-surface{
  z-index:1;
}

.k_c-legal.k_c-legal--after-motion{
  margin-top:-1px;
}


/* Tilda shared-footer bridge */
#t-footer{
  position:relative;
  background:var(--site-dark);
}

#t-footer::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-1px;
  height:1px;
  background:var(--site-dark);
  pointer-events:none;
}


.k_c-statement--home.k_c-motion-footer::after{
  content:none;
}

.k_c-statement--home.k_c-motion-footer::after{content:none;}

.k_c-statement--home .k_c-motion-footer-shade{position: absolute;
  z-index: 1;
  inset: 0;
  background: var(--site-overlay-dark-13);
  pointer-events: none;}

@keyframes crossingStoryMarquee {from { transform:translate3d(22vw,0,0); } to { transform:translate3d(calc(-50% + 22vw),0,0); }}

.k_c-before-beyond__label{margin:0 0 var(--site-space-48);}

.k_c-before-beyond__copy{margin-top:var(--site-space-48);}

.k_c-before-beyond__media-column{align-self:stretch;}

.k_c-before-beyond__media{position:sticky; top:96px; align-self:start;}

.k_c-practice-question-card .k_c-practice-question-title{color:var(--site-accent);}

.k_c-crossing-contact .k_c-stack-card> p.k_c-type-body{margin-top:0;}
.k_c-crossing-contact .k_c-stack-card> .k_c-text-link{font-weight:500;}

.k_c-pill-list.k_c-pill-list--aliveness{justify-content:center; gap:10px; margin:0;}

.k_c-pill-list--aliveness.k_c-pill-list--visible .k_c-pill--aliveness{opacity:1; transform:translateY(0);}

.k_c-crossing-story-layout{align-items:start;}

.k_c-crossing-story-copy .k_c-prose> .k_c-type-heading-sm{margin-top:var(--site-space-96);}

.k_c-crossing-story-media-column{align-self:stretch;}

.k_c-page--crossing{overflow:clip;}

.k_c-crossing-contact .k_c-grid.k_c-grid--baseline{align-items:stretch;}

.k_c-home-aliveness-copy{max-width:820px;}

.k_c-pill-list{display:flex; flex-wrap:wrap; gap:12px;}

.k_c-pill{display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:var(--site-control-height);
  padding:0 var(--site-pill-pad-x);
  border-radius:999px;
  background:var(--site-control-light);
  color:var(--site-text);
  font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
  font-size:var(--site-type-pill);
  line-height:var(--site-type-pill-leading);
  letter-spacing:-.02em;
  text-indent:0;}

.k_c-home-aliveness-cta{justify-self:center;}

.k_c-practice-vitality-copy{align-self:center;}

.k_c-practice-question-conclusion{max-width:620px;}

.k_c-crossing-cover-platforms{display:flex; justify-content:flex-end; align-items:flex-end;}


.k_c-cb-about-layout{align-items:first baseline;}

.k_c-cb-contact-copy{align-self:center;}

.k_c-briefs-subscribe-layout{align-items:start;}

.k_c-briefs-subscribe-copy{grid-column:2 / span 6;}

.k_c-briefs-subscribe-side{grid-column:8 / span 4;position:sticky;top:96px;align-self:start;}

.k_c-make-direction .k_c-prose p:last-child{margin-bottom:0;}


.k_c-talks-pill-list{justify-content:flex-start;}

.k_c-home-briefs-panel,
.k_c-crossing-story-layout,
.k_c-crossing-story-copy,
.k_c-talks-layout{row-gap:var(--site-space-48);}

.k_c-make-intro{margin-bottom:var(--site-space-200);}

.k_c-make-directions{align-items:stretch;
  row-gap:var(--site-space-96);}

.k_c-make-direction{display:flex;
  flex-direction:column;
  min-width:0;}

.k_c-make-action-slot{margin-top:auto;
  padding-top:var(--site-space-48);}

.k_c-coming-soon,
.k_c-make-action{align-self:flex-start;}

.k_c-coming-soon{
  opacity:1;
  color:rgba(52,52,52,.6);
  pointer-events:none;
}

.k_c-make-direction:nth-child(1),
.k_c-make-direction:nth-child(2){grid-row:1;}

.k_c-crossing-story-copy> .k_c-crossing-story-act + .k_c-crossing-story-act{margin-top:28px;}

.k_c-crossing-story-copy .k_c-crossing-story-act h3{margin-bottom:28px;}

.k_c-crossing-story-copy .k_c-crossing-story-emphasis{margin-top:28px;}

.k_c-editorial{align-items:start; row-gap:0;}

.k_c-factoid{padding:0; border:0; align-self:start;}
.k_c-factoid .k_c-type-body{margin:0;font-size:var(--site-type-control);line-height:1.4;}


.k_c-briefs-editorial-heading{grid-column:2 / span 7;}

.k_c-briefs-editorial-prose--intro{grid-column:2 / span 7;
  grid-row:1;
  margin-top:var(--site-space-48);}

.k_c-briefs-editorial__factoid--intro{grid-column:10 / span 2;
  grid-row:1;
  margin-top:var(--site-space-48);}

.k_c-briefs-editorial-prose--adaptation{grid-column:2 / span 7;
  grid-row:3;}

.k_c-briefs-editorial__factoid--adaptation{grid-column:10 / span 2;
  grid-row:3;}

.k_c-briefs-editorial-conclusion{grid-column:2 / span 7;
  grid-row:4;
  margin-top:var(--site-space-48);}

.k_c-home-practice-headline{max-width:var(--site-home-practice-measure,none);}
.k_c-home-practice-headline> span{display:block;}
.k_c-home-practice-headline> span:nth-child(2){margin-top:var(--site-space-48);}
.k_c-home-practice-controls{align-items:center;max-width:var(--site-home-practice-measure,100%);}
.k_c-home-practice-cta-wrap .k_c-practice-cta{width:auto;max-width:max-content;}
.k_c-practice-sequence .k_c-practice-action p,
.k_c-practice-sequence .k_c-practice-sequence__arrow{color:var(--site-text);mix-blend-mode:normal;}

.k_c-practice-sequence .k_c-practice-sequence__arrow{background:currentColor;}

/* FORMS + ACTION PROMPTS — one base + solid / image / glass surfaces. */
.k_c-form-card,
.k_c-action-prompt{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  padding:var(--site-form-pad-y) var(--site-form-pad-x);
  border-radius:var(--site-radius);
  background-color:var(--site-cover-dark);
  color:var(--site-accent);
  scale:1;
  transform-origin:50% 50%;
  transition:scale 1.15s var(--site-ease-soft);
}
.k_c-form-card::after,
.k_c-action-prompt::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
}
.k_c-form-card::after{background:var(--site-overlay-dark-12);}
.k_c-form-card--image::after,
.k_c-action-prompt--image::after{background:var(--site-overlay-dark-17);}
.k_c-form-card--image::before,
.k_c-action-prompt--image::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:url("https://static.tildacdn.com/tild6364-3533-4136-b431-306335323131/Form-2.jpg") center center / cover no-repeat;
  filter:var(--site-image-filter,none);
}
.k_c-form-card> *,
.k_c-action-prompt> *{position:relative;z-index:2;}

.k_c-form-card--solid,
.k_c-form-card--image,
.k_c-action-prompt--image{
  background-color:var(--site-cover-dark);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.k_c-form-card--solid{background-image:none;}
.k_c-form-card--glass{
  background:rgba(33,33,33,.42);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

.k_c-form-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--site-form-gap);
}

.k_c-form-card label{
  min-width:0;
}

.k_c-field{
  position:relative;
  min-width:0;
  opacity:var(--site-opacity-muted);
  transition:opacity 1s var(--site-ease-soft);
}

.k_c-field:focus-within{
  opacity:1;
}

.k_c-input{
  display:block;
  width:100%;
  height:var(--site-control-height);
  padding:0 0 11px;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--site-accent) 58%,transparent);
  border-radius:0;
  background:transparent;
  color:var(--site-accent);
  font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
  font-size:var(--site-type-input);
  line-height:var(--site-input-leading);
  font-weight:400;
  letter-spacing:-.02em;
  box-shadow:none;
  transition:border-bottom-color .72s var(--site-ease-soft);
}

.k_c-input::placeholder{
  color:color-mix(in srgb,var(--site-accent) 62%,transparent);
  opacity:1;
}


/* Shared keyboard focus.
   Tilda pages can live directly under .k_c-page rather than .k_c-master. */
.k_c-master :where(a,button,input,textarea,select,[tabindex]):focus-visible,
.k_c-page :where(a,button,input,textarea,select,[tabindex]):focus-visible{
  outline:2px solid currentColor;
  outline-offset:4px;
}


/* Form fields use the underline itself as the focus state. */
.k_c-input:focus,
.k_c-input:focus-visible{
  outline:none;
  box-shadow:none;
  border-bottom-color:var(--site-accent);
}


/* Remove the browser's grey / blue autofill surface. */
.k_c-form-stack .k_c-input:-webkit-autofill,
.k_c-form-stack .k_c-input:-webkit-autofill:hover,
.k_c-form-stack .k_c-input:-webkit-autofill:focus,
.k_c-form-stack .k_c-input:autofill{
  -webkit-text-fill-color:var(--site-accent);
  caret-color:var(--site-accent);
  -webkit-background-clip:text;
  background-clip:text;
  box-shadow:none;
  transition:
    background-color 9999s ease-out 0s,
    border-bottom-color .72s var(--site-ease-soft);
}


textarea.k_c-input{
  height:auto;
  min-height:160px;
  padding-top:10px;
  resize:vertical;
}


/* Tilda validation.
   Error lives inside the normal gap instead of changing field height. */
.k_c-form-stack .t-input-error{
  position:absolute;
  left:0;
  top:calc(100% + 2px);
  width:100%;
  margin:0;
  padding:0;
  color:color-mix(in srgb,var(--site-accent) 78%,#c87563);
  font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:14px;
  font-weight:400;
  letter-spacing:-.01em;
  opacity:.82;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}


.k_c-form-card .k_c-button,
.k_c-action-prompt .k_c-button{
  width:100%;
}


/* Replace the browser/Tilda blue focus ring with our own quiet state. */
.k_c-form-stack .t-submit:focus{
  outline:none;
  box-shadow:none;
}

.k_c-form-stack .t-submit:focus-visible{
  outline:1px solid color-mix(in srgb,var(--site-accent) 48%,transparent);
  outline-offset:4px;
  box-shadow:none;
}


.k_c-action-prompt .k_c-button{
  --k_c-button-bg:var(--site-accent);
  --k_c-button-hover-bg:var(--site-white);
  color:var(--site-text);
}

.k_c-form-note .k_c-text-link{
  text-decoration-color:color-mix(in srgb,var(--site-accent) 50%,transparent);
}

.k_c-action-prompt{
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:var(--site-space-48);
}
.k_c-action-prompt> p{margin:0;color:var(--site-accent);}
@media (hover:hover) and (pointer:fine){
  .k_c-form-card:hover,
  .k_c-action-prompt:hover{scale:1.018;}
}

/* SHARED LIGHT SURFACE — one material recipe, one virtual source of light per group.
   JS only supplies the local source position and strength; no nth-child art direction. */
.k_c-soft-surface{
  --k_c-light-x:14%;
  --k_c-light-y:10%;
  --k_c-light-strength:.74;
  background-color:var(--site-soft-surface-base);
  background-image:
    radial-gradient(
      ellipse 165% 145% at var(--k_c-light-x) var(--k_c-light-y),
      rgba(255,255,255,var(--k_c-light-strength)) 0%,
      var(--site-white-24) 30%,
      var(--site-white-transparent) 66%
    ),
    radial-gradient(
      ellipse 120% 105% at calc(100% - var(--k_c-light-x)) calc(100% - var(--k_c-light-y)),
      rgba(0,0,0,.055) 0%,
      rgba(0,0,0,0) 68%
    ),
    linear-gradient(132deg,var(--site-soft-surface-highlight) 0%,var(--site-soft-surface-base) 54%,var(--site-soft-surface-shadow) 100%);
  background-repeat:no-repeat;
}

/* WRITE TO ME — full-screen cover followed directly by the shared legal footer.
   Entrance motion is the shared cover entrance; this cover has no scroll-hide motion. */
.k_c-write-cover{
  background:var(--site-cover-dark);
  color:var(--site-accent);
}
.k_c-write-cover .k_c-cover__shade{background:var(--site-overlay-dark-28);}
.k_c-write-cover .k_c-statement__footer-gradient{z-index:3;}
.k_c-write-cover__inner{
  display:flex;
  align-items:flex-end;
  height:100%;
  padding-top:132px;
  padding-bottom:40px;
}
.k_c-write-cover__body{align-items:end;}
.k_c-write-cover__editorial{
  grid-column:1 / span 7;
  min-width:0;
}
.k_c-write-cover__form{
  grid-column:9 / span 4;
  min-width:0;
  align-self:end;
}
.k_c-write-cover__title{
  margin:0;
  width:100%;
  max-width:7.07em;
  font-size:var(--site-type-display);
  line-height:.82em;
  text-indent:.7em;
  color:var(--site-accent);
}
.k_c-write-cover__copy{
  max-width:650px;
  margin-top:var(--site-space-48);
}
.k_c-write-cover__copy h2,
.k_c-write-cover__copy p{
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
  color:var(--site-accent);
}
.k_c-write-cover__copy .k_c-type-heading-sm,
.k_c-write-cover__copy .k_c-type-body{max-width:620px;}
.k_c-write-cover__copy .k_c-type-body{margin-top:28px;}
.k_c-write-form-card{width:100%;}


/* LEGAL PAGES — existing grid, typography and text-link components only. */
.k_c-page--policy{overflow:visible;}
.k_c-page--policy> .k_c-section{padding-top:50vh;}
.k_c-page--policy> .k_c-section> .k_c-container{padding-inline:var(--site-gutter);}
.k_c-policy-index{
  position:sticky;
  top:var(--site-cover-gutter);
  align-self:start;
  margin-left:calc(var(--site-cover-gutter) - var(--site-gutter));
  width:calc(100% + (var(--site-gutter) - var(--site-cover-gutter)));
}
.k_c-policy-index__label{margin:0 0 var(--site-space-48);}
.k_c-policy-index .k_c-prose p{margin-bottom:12px;}
.k_c-policy-index .k_c-prose p:last-child{margin-bottom:0;}
.k_c-policy-index .k_c-text-link{font-weight:500;}
.k_c-page--policy h2[id]{scroll-margin-top:0;}

/* BASE */
html,
body { overflow-x:clip; }
.k_c-master .k_c-page[id],
.k_c-master .k_c-section[id],
.k_c-master footer[id],
.k_c-master header[id] { scroll-margin-top:0; }
.k_c-text-link {
  text-decoration-line:underline;
  text-decoration-style:solid;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(52,52,52,.30);
  text-underline-offset:6px;
  transition:text-decoration-color .95s var(--site-ease-soft),opacity .95s var(--site-ease-soft);
}
.k_c-form-note {
  margin:0;
  color:var(--site-accent);
  opacity:.6;
  font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
  font-size:var(--site-type-small);
  line-height:var(--site-small-leading);
  font-weight:400;
  letter-spacing:-.01em;
}

/* COVERS */

.k_c-cover__bg {
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  filter:var(--site-image-filter,none);
}
.k_c-cover__shade {
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:rgba(0,0,0,.18);
}
.k_c__title { width:100%; max-width:100%; text-indent:.7em; }
.k_c-cover__bg--home {
  inset:0;
}

.k_c-crossing-title-wrap { width:900px; max-width:900px; }
.k_c-crossing-cover-bottom> .k_c-crossing-cover-platforms {
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;
  padding-right:0;
}

/* SHARED FULL-SCREEN SURFACES */
.k_c-statement__inner {
  position:relative;
  z-index:4;
  width:min(1180px,calc(100vw - var(--site-statement-pad) - var(--site-statement-pad)));
  margin:auto;
  display:grid;
  justify-items:center;
  text-align:center;
}
.k_c-feature-footer__inner { position:relative; z-index:3; width:100%; height:100%; }
.k_c-statement-content {
  width:100%;
  max-width:980px;
  margin-inline:auto;
  display:grid;
  justify-items:center;
  text-align:center;
  row-gap:var(--site-space-48);
}
.k_c-statement__bg--home {
  position:absolute;
  z-index:0;
  inset:0;
  filter:var(--site-image-filter,none);
  transform-origin:50% 50%;
}

/* HOME */
.k_c-home-briefs-panel {
  min-height:760px;
  padding:var(--site-space-48) var(--site-cover-gutter) var(--site-cover-gutter);
  display:grid;
  grid-template-rows:auto 1fr;
  row-gap:var(--site-space-48);
  background:var(--site-cover-dark);
}
.k_c-home-briefs-head{align-self:start;}
.k_c-home-briefs-body{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(320px,4fr);
  column-gap:var(--site-grid-gap);
  align-items:end;
}
.k_c-home-briefs-copy { max-width:820px; }


/* PRACTICE */
.k_c-practice-vitality-media {
  aspect-ratio:4 / 3;
}
.k_c-practice-question-media-column{
  position:sticky;
  top:96px;
  align-self:start;
}
.k_c-practice-question-card {
  aspect-ratio:4 / 3;
  height:auto;
  min-height:max-content;
  padding:var(--site-cover-gutter);
  position:relative;
  isolation:isolate;
  color:var(--site-accent);
  background:var(--site-cover-dark);
}
.k_c-practice-question-card::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:rgba(0,0,0,.16);
  pointer-events:none;
}
.k_c-practice-question-card> *{position:relative; z-index:2;}
.k_c-before-beyond__closing { margin:var(--site-space-48) 0 0; }

/* EDITORIAL FLOW IMAGE */

.k_c-flow-image{
  aspect-ratio:4 / 3;
  margin-block:var(--site-space-48);
  background-position:center center;
}

/* BRIEFS */
.k_c-briefs-editorial-media {
  width:100%;
  grid-column:2 / span 7;
  grid-row:2;
}

.k_c-briefs-next-heading{text-transform:none;}

/* CROSSING BORDERS */
.k_c-crossing-story-media-card {
  position:sticky;
  top:96px;
  aspect-ratio:4 / 3;
  isolation:isolate;
}
.k_c-crossing-story-media-card__socials {
  position:absolute;
  z-index:2;
  right:var(--site-overlay-control-inset);
  bottom:calc(var(--site-overlay-control-inset) + (var(--site-control-height) - var(--site-social-control-height)) / 2);
  left:auto;
}

/* WHO */
.k_c-who-portrait {
  position:relative;
  filter:var(--site-image-filter,none);
}

/* CONTENT IMAGES — real  elements; motion/layout stay on their existing wrappers. */
.k_c-media-image {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  pointer-events:none;
  transform:translate3d(0,-4%,0) scale(var(--site-parallax-scale));
  transform-origin:50% 50%;
}

.k_c-cover__bg > .k_c-media-image{
  object-position:50% 0%;
  transform:translate3d(0,0,0) scale(1);
  transform-origin:50% 0%;
}

@media (min-width:980px) and (prefers-reduced-motion:no-preference){
  .k_c-cover__bg > .k_c-media-image{
    height:112%;
  }
}

.k_c-cover__bg > .k_c-media-image,
.k_c-feature-footer__bg > .k_c-media-image,
.k_c-statement__bg--home > .k_c-media-image,
.k_c-media-placeholder > .k_c-media-image,
.k_c-who-portrait > .k_c-media-image {
  position:absolute;
  inset:0;
}

/* Every parallax image starts with the same overscan as the JS from-state.
   This prevents an uncovered frame before GSAP initialises and keeps compensation consistent
   across covers, inline media, portraits and feature-footer imagery. */
@media (prefers-reduced-motion: reduce){
  .k_c-media-image{transform:none;}
}

.k_c-image-panel > .k_c-media-image {
  position:absolute;
  z-index:0;
  inset:-1px;
  width:calc(100% + 2px);
  height:calc(100% + 2px);
  filter:var(--site-image-filter,none);
}

.k_c-practice-question-card > .k_c-media-image,
.k_c-crossing-story-media-card > .k_c-media-image,
.k_c-statement--who > .k_c-media-image {
  position:absolute;
  z-index:0;
  inset:0;
  filter:var(--site-image-filter,none);
}

/* HOME: 12-column Crossing layout. */
.k_c-home-crossing-media {
  min-width:0;
  align-self:stretch;
}
.k_c-home-crossing-media .k_c-media-placeholder{
  height:100%;
  min-height:100%;
  aspect-ratio:auto;
}
.k_c-home-crossing-copy {
  min-width:0;
  padding-top:0;
  align-self:stretch;
  display:flex;
  flex-direction:column;
}
.k_c-home-crossing-actions{
  margin-top:auto;
  padding-top:var(--site-space-48);
  display:flex;
  align-items:center;
  gap:28px;
}

/* HOME: two related cards, one component definition. */
.k_c-home-duo-card {
  position:relative;
  width:100%;
  min-height:0;
  aspect-ratio:16 / 9;
  padding:40px 40px 110px;
  border-radius:var(--site-radius);
}
.k_c-home-duo-card .k_c-button { margin-top:auto; }
.k_c-home-duo-card .k_c-home-duo-arrow {
  position:absolute;
  right:40px;
  bottom:40px;
  width:var(--site-control-height);
  min-width:var(--site-control-height);
  height:var(--site-control-height);
  min-height:var(--site-control-height);
  margin:0;
  padding:0;
  border-radius:50%;
  align-self:flex-end;
  overflow:hidden;
  --k_c-button-bg:var(--site-soft-surface-highlight);
  --k_c-button-hover-bg:var(--site-soft-surface-highlight);
  color:var(--site-text);
}
.k_c-home-duo-card .k_c-home-duo-arrow::before{content:none;}
.k_c-home-duo-card .k_c-home-duo-arrow .k_c-credit-arrow {
  position:relative;
  z-index:1;
  width:20px;
  height:12px;
  flex-basis:20px;
  color:var(--site-text);
}

/* PRACTICE */

.k_c-before-beyond__subhead { margin:var(--site-space-48) 0 0; }

/* WHO */

.k_c-who-editorial__heading{grid-column:2 / span 7;}
.k_c-who-editorial__intro{grid-column:2 / span 7; grid-row:1;}
.k_c-who-editorial__factoid--intro{grid-column:10 / span 2; grid-row:1;}
.k_c-who-editorial__knowledge-flow{grid-column:2 / span 7; grid-row:2;}
.k_c-who-editorial__factoid--knowledge{grid-column:10 / span 2; grid-row:2;}
.k_c-who-editorial__action{grid-column:2 / span 7; grid-row:3;}

/* TALKS */
.k_c-page--sticky { overflow:visible; }
.k_c-talks-side { min-width:0; align-self:stretch; position:relative; }
.k_c-talks-action { position:sticky; top:120px; width:100%; max-width:none; align-self:flex-start; }


/* LEGAL FOOTER — one layout and one typography system. */
.k_c-legal{
  position:relative;
  padding:var(--site-space-96) 0 24px;
  background:var(--site-dark);
  color:var(--site-white-40);
}
.k_c-legal .k_c-container{padding-inline:var(--site-cover-gutter);}
.k_c-legal-grid{row-gap:var(--site-space-96);align-items:start;}
.k_c-legal__copyright,
.k_c-legal__credit{align-self:baseline;}
.k_c-legal__nav-group{display:contents;}
.k_c-legal__disclaimer{grid-column:1 / span 5;grid-row:1;max-width:760px;}
.k_c-legal__primary{grid-column:7 / span 2;grid-row:1;}
.k_c-legal__policies{grid-column:9 / span 2;grid-row:1;}
.k_c-legal__write{grid-column:11 / span 2;grid-row:1;justify-self:start;}
.k_c-legal__copyright{grid-column:1 / span 5;grid-row:2;align-self:end;margin:0;}
.k_c-legal__credit{
  grid-column:10 / span 3;
  grid-row:2;
  align-self:end;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0;
  white-space:nowrap;
}
.k_c-legal :where(.k_c-legal__primary,.k_c-legal__policies){
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
.k_c-legal :where(.k_c-legal-text,.k_c-legal__primary,.k_c-legal__policies,.k_c-legal__write,.k_c-legal__copyright,.k_c-legal__credit){
  font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:24px;
  font-weight:400;
  letter-spacing:-.01em;
  color:var(--site-white-40);
}
.k_c-legal-text{margin:0;}
.k_c-legal a:not(.k_c-credit-pill){
  color:color-mix(in srgb,var(--site-accent) 40%,transparent);
  text-decoration-line:underline;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(255,255,255,.15);
  text-underline-offset:6px;
  transition:color .95s var(--site-ease-soft),text-decoration-color .95s var(--site-ease-soft);
}
.k_c-legal a:not(.k_c-credit-pill):hover{color:var(--site-accent);text-decoration-color:transparent;}
.k_c-legal__credit> .k_c-credit-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  height:32px;
  padding:0 14px 2px;
  margin-top:3px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  color:rgba(255,255,255,.6);
  text-decoration:none;
}
.k_c-legal__credit> .k_c-credit-pill:hover{text-decoration:none;}
.k_c-legal__credit> .k_c-credit-pill .k_c-credit-arrow{width:14px;height:8px;flex-basis:14px;}

/* COMPONENT CONSOLIDATION */
.k_c-practice-action {
  width:auto;
  min-height:var(--site-control-height);
  height:var(--site-control-height);
  padding:0 32px;
  border-radius:var(--site-radius);
  align-items:center;
  background:var(--site-control-light);
}
.k_c-practice-cta {
  flex:0 0 auto;
  margin:0;
  align-self:end;
  justify-self:end;
}
.k_c-home-practice-sequence-wrap {
  min-width:0;
  display:flex;
  align-items:center;
}
.k_c-home-practice-cta-wrap {
  min-width:0;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .72s var(--site-ease-soft),visibility 0s linear .72s;
}
.k_c-home-practice-cta-wrap.k_c-home-practice-cta-wrap--visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .72s var(--site-ease-soft),visibility 0s linear 0s;
}
.k_c-approach-card {
  width:100%;
  min-height:0;
  height:100%;
  padding:var(--site-approach-pad-y) var(--site-approach-pad-x) var(--site-approach-pad-x);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.k_c-approach-grid{
  gap:20px;
  grid-auto-rows:1fr;
  align-items:stretch;
}
.k_c-approach-rail{display:contents;}
.k_c-approach-card p{
  margin:auto 0 0;
  padding-top:var(--site-leading-body);
  text-indent:0;
  font-size:var(--site-type-control);
  line-height:1.35;
}
.k_c-approach-card>h3{font-weight:500;}
.k_c-brief-topics {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:10px;
}
.k_c-brief-topics .k_c-pill {
  flex:0 0 auto;
  width:max-content;
  max-width:100%;
  white-space:nowrap;
}
.k_c-home-briefs-panel.k_c-motion-expand-panel {
  width:calc(100% + (2 * var(--site-gutter)));
  height:100vh;
  min-height:100vh;
  max-height:none;
  margin-left:calc(-1 * var(--site-gutter));
  transform-origin:50% 50%;
}
.k_c-statement--home.k_c-motion-footer {
  position:relative;
  height:100vh;
  min-height:760px;
  display:block;
  overflow:hidden;
  background:var(--site-paper);
}

.k_c-statement--home .k_c-motion-footer-surface {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  background:var(--site-cover-dark);
  transform-origin:50% 50%;
}
.k_c-before-beyond__copy--second { margin-top:var(--site-space-48); }

/* MOBILE RHYTHM COMPONENTS — dormant above phone width; v79 layout remains the rollback reference. */
.k_c-mobile-chapter-map{display:none;}
.k_c-mobile-disclosure > summary{display:none;}
.k_c-pill--aliveness {
  padding:0 20px;
  background:var(--site-accent-chip-bg);
  color:var(--site-accent);
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .55s var(--site-ease-soft),transform .55s var(--site-ease-soft);
  transition-delay:calc(var(--aliveness-index,0) * 85ms);
}
.k_c-crossing-story-media-card__shade {
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:var(--site-overlay-dark-12);
}
.k_c-crossing-story-media-card__cta { position:absolute; z-index:2; left:var(--site-overlay-control-inset); bottom:var(--site-overlay-control-inset); }
.k_c-talks-facts { display:block; margin-top:var(--site-space-96); }
.k_c-talks-fact-title { margin:0 0 var(--site-space-48); }
.k_c-make-direction:nth-child(3) { grid-row:2; }
.k_c-chemical-title{display:inline-flex;align-items:stretch;height:40px;line-height:40px;column-gap:2px;}
.k_c-chemical-title__letter{display:inline-flex;align-items:center;height:40px;line-height:40px;}
.k_c-chemical-title__index{display:inline-flex;height:40px;font-size:18px;line-height:18px;font-weight:600;letter-spacing:-.01em;}
.k_c-chemical-title__index--top{align-items:flex-start;transform:translateY(-2px);}
.k_c-chemical-title__index--bottom{align-items:flex-end;transform:translateY(2px);}



/* MOBILE NAV SUPPORT CONTENT — stays inside the one shared navigation DOM. */
.k_c-nav__mobile-logo,
.k_c-nav__mobile-extras{display:none;}

/* SPACING UTILITIES — explicit helpers live after components so they win by source order. */
.k_c-mt-auto{margin-top:auto;}
.k_c-mt-12{margin-top:var(--site-space-12);}
.k_c-mt-32{margin-top:var(--site-space-32);}
.k_c-mt-48{margin-top:var(--site-space-48);}
.k_c-mt-96{margin-top:var(--site-space-96);}
.k_c-mt-120{margin-top:var(--site-space-120);}
.k_c-mt-200{margin-top:var(--site-space-200);}
.k_c-mb-32{margin-bottom:var(--site-space-32);}
.k_c-mb-48{margin-bottom:var(--site-space-48);}
.k_c-mb-96{margin-bottom:var(--site-space-96);}
.k_c-mb-200{margin-bottom:var(--site-space-200);}
.k_c-pt-48{padding-top:var(--site-space-48);}
.k_c-pb-32{padding-bottom:var(--site-space-32);}
.k_c-pb-48{padding-bottom:var(--site-space-48);}

/* RESPONSIVE FOUNDATION — desktop 1440+ stays the source; narrower layers adapt the same composition. */

/* SYSTEM RHYTHM — one token owns every spacing that is 200px on desktop. */
@media (max-width:1439px) {
  :root{--site-space-200:180px;}
}
@media (max-width:1199px) {
  :root{
    --site-space-200:160px;
    --site-control-height:52px;
    --site-social-control-height:44px;
    --site-control-pad-x:24px;
    --site-pill-pad-x:20px;
    --site-approach-pad-y:26px;
    --site-approach-pad-x:28px;
    --site-form-pad-y:36px;
    --site-form-pad-x:32px;
    --site-form-gap:18px;
    --site-overlay-control-inset:28px;
    --site-feature-measure:760px;
    --site-statement-pad:64px;
    --site-sequence-font-size:20px;
    --site-sequence-leading:27px;
    --site-sequence-pad-x:22px;
    --site-sequence-arrow-w:16px;
    --site-sequence-arrow-h:10px;
    --site-home-practice-measure:min(100%,820px);
  }
}

/* FLUID TYPE BRIDGE — 1440 desktop composition is the reference.
   Every semantic type role scales continuously; no page-local title curve lives here. */
@media (min-width:1200px) and (max-width:1439px) {
  :root{
    --site-type-display:clamp(97px,calc(2px + 7.9167vw),116px);
    --site-type-display-xl:clamp(177px,calc(2px + 14.5833vw),212px);
    --site-type-feature:clamp(86px,calc(36px + 4.1667vw),96px);
    --site-type-heading-lg:clamp(52px,calc(2px + 4.1667vw),62px);
    --site-type-heading-lg-leading:1.04em;
    --site-type-heading-sm:clamp(30px,calc(20px + .8333vw),32px);
    --site-type-heading-sm-leading:1.25em;
    --site-type-body:clamp(21px,calc(16px + .4167vw),22px);
    --site-type-label:clamp(15px,calc(10px + .4167vw),16px);
    --site-type-pill:clamp(19px,calc(14px + .4167vw),20px);
    --site-type-input:clamp(19px,calc(14px + .4167vw),20px);
    --site-input-leading:clamp(27px,calc(22px + .4167vw),28px);
    --site-type-small:clamp(13px,calc(8px + .4167vw),14px);
    --site-small-leading:clamp(19px,calc(14px + .4167vw),20px);
  }
}

/* PRACTICE METHOD — 1200–1279: use an honest 6+6 pair instead of the tighter desktop 6 + 5 placement. */
@media (min-width:1200px) and (max-width:1279px) {
  .k_c-practice-method-sticky-column{grid-column:1 / span 6;}
  .k_c-practice-method-block > .k_c-grid--12 > .k_c-start-8.k_c-span-5{grid-column:7 / span 6;}
}

@media (min-width:980px) and (max-width:1439px) {
  .k_c-cover__title-row,
  .k_c-cover__bottom{
    grid-template-columns:minmax(0,clamp(560px,46vw,660px)) minmax(0,1fr);
  }
  .k_c-cover__stack.k_c-prose{padding-right:120px;}
}

/* Home duo cards become content-led as soon as desktop leaves the 1440 reference state. */
@media (max-width:1439px) {
  .k_c-home-duo-card{aspect-ratio:auto;}
}

/* LOWER IMMERSIVE COVER HEIGHT SYSTEM — desktop keeps 100vh.
   Below the motion threshold heights are fixed per responsive range from the tallest shared content case (Who),
   so separate Tilda pages do not need runtime measurement and simpler covers do not inherit empty viewport height. */
@media (min-width:640px) and (max-width:979px) {
  #home-aliveness,#practice-contact,#cb-footer,#who-aliveness{height:760px;min-height:760px;}
}
@media (min-width:480px) and (max-width:639px) {
  #home-aliveness,#practice-contact,#cb-footer,#who-aliveness{height:680px;min-height:680px;}
}
@media (min-width:360px) and (max-width:479px) {
  #home-aliveness,#practice-contact,#cb-footer,#who-aliveness{height:660px;min-height:660px;}
}
@media (max-width:359px) {
  #home-aliveness,#practice-contact,#cb-footer,#who-aliveness{height:740px;min-height:740px;}
}

/* Independent paired media stays square while it remains beside its text.
   Flow images embedded inside prose keep their original 4:3 ratio. */
@media (min-width:720px) and (max-width:1400px) {
  .k_c-home-crossing-media .k_c-media-placeholder,
  .k_c-practice-vitality-media,
  .k_c-media--practice-numbers,
  .k_c-crossing-story-media-card{
    aspect-ratio:1 / 1;
    height:auto;
    min-height:0;
  }
  .k_c-home-crossing-media .k_c-media-placeholder{min-height:0;}
}

/* Tablet widths always use the compact hamburger from the first frame. */
@media (max-width:1199px) {
  .k_c-nav.k_c-nav--hero,
  .k_c-nav.k_c-nav--hero-expanding{
    width:82px;
    grid-template-columns:minmax(0,1fr) 34px;
    transform:none;
  }
  .k_c-nav.k_c-nav--hero::before,
  .k_c-nav.k_c-nav--hero::after,
  .k_c-nav.k_c-nav--hero-expanding::before,
  .k_c-nav.k_c-nav--hero-expanding::after{
    opacity:0;
    transform:scale(.74);
  }
  .k_c-nav.k_c-nav--hero .k_c-nav__content,
  .k_c-nav.k_c-nav--hero-expanding .k_c-nav__content{
    grid-column:auto;
    opacity:0;
    transform:translateX(14px);
    visibility:hidden;
    pointer-events:none;
  }
}

/* ADAPTIVE FULLSCREEN MENU — one component for every non-desktop width.
   The logo reuses the exact site-brand geometry. All remaining content is a bottom-left reading stack;
   when the viewport is too short the content pane scrolls, but the logo keeps a guaranteed 96/48-system separation. */
@media (max-width:1199px) {
  .k_c-nav{
    transition:
      width .64s var(--site-ease-soft),
      height .64s var(--site-ease-soft),
      top .64s var(--site-ease-soft),
      right .64s var(--site-ease-soft),
      padding .64s var(--site-ease-soft),
      border-radius .64s var(--site-ease-soft);
  }
  .k_c-nav.k_c-nav--open{
    top:0;
    right:0;
    width:100vw;
    height:100vh;
    height:100svh;
    padding:var(--site-brand-top) var(--site-cover-gutter) var(--site-cover-gutter);
    grid-template-columns:minmax(0,1fr) 34px;
    align-items:stretch;
    column-gap:var(--site-nav-control-gap);
    border-radius:0;
    white-space:normal;
    background:rgba(255,255,255,.78);
    -webkit-backdrop-filter:blur(72px) saturate(108%);
    backdrop-filter:blur(72px) saturate(108%);
    color:var(--site-text);
  }
  .k_c-nav--open::before,
  .k_c-nav--open::after{opacity:0;}
  .k_c-nav--open .k_c-nav__content{
    position:static;
    grid-column:1;
    width:min(520px,100%);
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:0 54px 4px 0;
    scrollbar-width:none;
  }
  .k_c-nav--open .k_c-nav__content::-webkit-scrollbar{display:none;}
  .k_c-nav__brand{display:none;}
  .k_c-nav__mobile-logo{display:none;}
  .k_c-nav--open .k_c-nav__mobile-logo{
    position:static;
    z-index:2;
    display:flex;
    flex:0 0 auto;
    width:var(--site-brand-karim-width);
    margin:0;
    color:var(--site-text);
  }
  .k_c-nav__mobile-logo > .k_c-site-header__brand-svg{
    display:block;
    width:100%;
    height:auto;
    color:var(--site-text);
  }
  .k_c-nav__mobile-logo-tagline{color:var(--site-text);}

  .k_c-nav--open .k_c-nav__links{
    flex:0 0 auto;
    width:100%;
    margin-top:auto;
    padding-top:var(--site-space-96);
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end;
    gap:6px;
  }
  .k_c-nav--open .k_c-nav__link{
    font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
    font-size:var(--site-type-heading-sm);
    line-height:var(--site-type-heading-sm-leading);
    font-weight:400;
    letter-spacing:-.03em;
    opacity:1;
    transform:none;
    white-space:normal;
  }
  .k_c-nav--open .k_c-nav__link.k_c-nav__item--active,
  .k_c-nav--open .k_c-nav__link:hover{opacity:1;}

  .k_c-nav--open .k_c-nav__mobile-extras{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width:100%;
    gap:0;
    margin-top:var(--site-space-48);
  }
  .k_c-nav__mobile-podcast{
    order:1;
    position:relative;
    width:100%;
    min-height:0;
    padding:0;
    border-radius:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:calc(var(--site-space-48) / 2);
    overflow:visible;
    color:var(--site-text);
    background:transparent;
  }
  .k_c-nav__mobile-podcast > img,
  .k_c-nav__mobile-podcast::after{display:none;}
  .k_c-nav__mobile-podcast-title,
  .k_c-nav__mobile-socials{position:relative;z-index:auto;}
  .k_c-nav__mobile-podcast-title{
    max-width:none;
    color:var(--site-text);
  }
  .k_c-nav__mobile-socials{
    flex:0 0 auto;
    --site-social-control-height:40px;
    --k_c-social-bg:var(--site-text);
    --k_c-social-hover-bg:var(--site-button-dark-hover);
    --k_c-social-glyph:var(--site-accent);
    gap:var(--site-social-gap);
  }
  .k_c-nav__mobile-subscribe{
    order:2;
    align-self:flex-start;
    width:max-content;
    max-width:100%;
    margin-top:var(--site-space-48);
  }
  .k_c-nav__mobile-legal{
    order:3;
    display:flex;
    flex-wrap:wrap;
    gap:8px 18px;
    margin-top:var(--site-space-48);
  }
  .k_c-nav__mobile-legal a{
    font-size:14px;
    line-height:20px;
    font-weight:400;
    color:color-mix(in srgb,var(--site-text) 40%,transparent);
    text-decoration:none;
  }
  html:has(.k_c-master .k_c-nav--open),
  html:has(.k_c-master .k_c-nav--open) body{overflow:hidden;}
}

/* COMPACT DESKTOP / HORIZONTAL TABLET — 980–1199.
   Keep the desktop composition; explicit media/text pairs become honest 6+6. */
@media (min-width:980px) and (max-width:1199px) {
  :root{
    --site-gutter:48px;
    --site-cover-gutter:32px;
    --site-grid-gap:24px;
    --site-type-display:clamp(86px,calc(41.25px + 4.566vw),96px);
    --site-type-display-xl:clamp(150px,calc(33.65px + 9.705vw),177px);
    --site-type-feature:clamp(82px,calc(64.10px + 1.826vw),86px);
    --site-type-heading-lg:clamp(48px,calc(30.1px + 1.826vw),52px);
    --site-type-heading-lg-leading:1.04em;
    --site-type-heading-sm:clamp(28px,calc(19.05px + .913vw),30px);
    --site-type-heading-sm-leading:1.26em;
    --site-type-body:clamp(20px,calc(15.53px + .4566vw),21px);
    --site-type-label:clamp(14px,calc(9.53px + .4566vw),15px);
    --site-type-pill:18px;
    --site-type-input:clamp(18.5px,calc(16.26px + .2283vw),19px);
    --site-input-leading:27px;
    --site-type-small:clamp(12.5px,calc(10.26px + .2283vw),13px);
    --site-small-leading:19px;
  }

  .k_c-cover__stack.k_c-prose{padding-right:80px;}

  /* Explicit media + text pairs. */
  .k_c-home-crossing-media{grid-column:1 / span 6;}
  .k_c-home-crossing-copy{grid-column:7 / span 6;}

  #practice-who > .k_c-container > .k_c-grid.k_c-mt-200 > .k_c-start-1.k_c-span-5{grid-column:1 / span 6;}
  .k_c-practice-vitality-copy{grid-column:7 / span 6;}

  #practice-before-beyond-numbers .k_c-grid--12 > .k_c-start-1.k_c-span-6{grid-column:1 / span 6;}
  .k_c-before-beyond__media-column{grid-column:7 / span 6;}

  .k_c-practice-question-media-column{grid-column:1 / span 6;}
  #practice-question .k_c-grid--12 > .k_c-start-7.k_c-span-6{grid-column:7 / span 6;}

  .k_c-crossing-story-copy{grid-column:1 / span 6;}
  .k_c-crossing-story-media-column{grid-column:7 / span 6;}

  #cb-about .k_c-grid--12 > .k_c-start-1.k_c-span-5{grid-column:1 / span 6;}
  #cb-about .k_c-grid--12 > .k_c-start-7.k_c-span-6{grid-column:7 / span 6;}

  /* Text + form/action pairs keep more reading width. */
  .k_c-cb-contact-main > .k_c-cb-contact-copy{grid-column:1 / span 7;}
  .k_c-cb-contact-main > .k_c-start-9.k_c-span-4{grid-column:8 / span 5;}
  .k_c-briefs-subscribe-copy{grid-column:1 / span 7;}
  .k_c-briefs-subscribe-side{grid-column:8 / span 5;}
  .k_c-talks-copy{grid-column:1 / span 8;}
  .k_c-talks-side{grid-column:9 / span 4;}
  .k_c-write-cover__editorial{grid-column:1 / span 7;}
  .k_c-write-cover__form{grid-column:8 / span 5;}

  .k_c-home-briefs-body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);}

  /* Remove the old one-column side indentation wherever it still survived. */
  .k_c-briefs-editorial-heading,
  .k_c-briefs-editorial-prose--intro,
  .k_c-briefs-editorial-media,
  .k_c-briefs-editorial-prose--adaptation,
  .k_c-briefs-editorial-conclusion,
  .k_c-who-editorial__heading,
  .k_c-who-editorial__intro,
  .k_c-who-editorial__knowledge-flow,
  .k_c-who-editorial__action{
    grid-column:1 / span 8;
  }
  .k_c-briefs-editorial__factoid--intro,
  .k_c-briefs-editorial__factoid--adaptation,
  .k_c-who-editorial__factoid--intro,
  .k_c-who-editorial__factoid--knowledge{grid-column:9 / span 4;}
  #briefs-subscribe .k_c-section__head > .k_c-start-2.k_c-span-6{grid-column:1 / span 7;}
  .k_c-make-intro > .k_c-start-2.k_c-span-10{grid-column:1 / -1;}
  .k_c-make-direction:nth-child(1){grid-column:1 / span 6;}
  .k_c-make-direction:nth-child(2){grid-column:7 / span 6;}
  .k_c-make-direction:nth-child(3){grid-column:1 / span 6;}

  .k_c-approach-next-row> .k_c-start-1.k_c-span-8{grid-column:1 / span 7;}
  .k_c-approach-next{
    grid-column:8 / span 5;
    justify-content:flex-start;
    padding-top:0;
  }

}

/* LEGACY v74 WRITE BREAKPOINT — intentionally disabled.
   It promoted the title to a full-width row at 1077px and broke the shared cover hierarchy.
   Kept for reference while the new system is validated.
@media (min-width:980px) and (max-width:1077px) {
  ...
}
*/

/* 980–1027 — geometry narrows, typography remains owned by the fluid type tokens above. */
@media (min-width:980px) and (max-width:1027px) {
  .k_c-cover__title-row,
  .k_c-cover__bottom{grid-template-columns:minmax(0,560px) minmax(0,1fr);}
  .k_c-cover__stack.k_c-prose{padding-right:64px;}
}

/* FOOTER — first compact state: half disclaimer, half two link columns.
   Write to me finishes the first link column; copyright and credit stay on one bottom baseline. */
@media (min-width:800px) and (max-width:1199px) {
  .k_c-legal-grid{row-gap:0;}
  .k_c-legal__disclaimer{grid-column:1 / span 6;grid-row:1 / span 2;}
  .k_c-legal__primary{grid-column:7 / span 3;grid-row:1;}
  .k_c-legal__write{
    grid-column:7 / span 3;
    grid-row:2;
    margin-top:0;
  }
  .k_c-legal__policies{grid-column:10 / span 3;grid-row:1 / span 2;}
  .k_c-legal__copyright{
    grid-column:1 / span 6;
    grid-row:3;
    margin-top:var(--site-space-96);
  }
  .k_c-legal__credit{
    grid-column:10 / span 3;
    grid-row:3;
    margin-top:var(--site-space-96);
    align-self:end;
    justify-self:end;
  }
}

/* VERTICAL TABLET — 640–979.
   Keep the 12-column coordinate system, but make cover composition portrait-oriented and reading measures calmer. */
@media (min-width:640px) and (max-width:979px) {
  :root{
    --site-gutter:32px;
    --site-cover-gutter:24px;
    --site-gap:32px;
    --site-grid-gap:20px;
    --site-leading-body:clamp(27px,calc(23.23px + .589vw),29px);
    --site-type-display:clamp(76px,calc(57.12px + 2.95vw),86px);
    --site-type-display-xl:clamp(96px,calc(-5.95px + 15.93vw),150px);
    --site-type-feature:clamp(66px,calc(35.79px + 4.72vw),82px);
    --site-type-heading-lg:clamp(40px,calc(24.89px + 2.36vw),48px);
    --site-type-heading-lg-leading:1.04em;
    --site-type-heading-sm:clamp(26px,calc(22.22px + .59vw),28px);
    --site-type-heading-sm-leading:1.28em;
    --site-type-body:clamp(19px,calc(17.11px + .295vw),20px);
    --site-type-label:clamp(13.5px,calc(12.56px + .1475vw),14px);
    --site-type-control:17px;
    --site-type-pill:18px;
    --site-type-input:clamp(17.5px,calc(15.61px + .295vw),18.5px);
    --site-input-leading:clamp(25px,calc(21.22px + .59vw),27px);
    --site-type-small:clamp(12px,calc(11.06px + .1475vw),12.5px);
    --site-small-leading:18px;
    --site-control-height:51px;
    --site-control-pad-x:21px;
    --site-pill-pad-x:19px;
    --site-social-control-height:42px;
    --site-form-pad-y:32px;
    --site-form-pad-x:28px;
    --site-form-gap:18px;
    --site-approach-pad-y:24px;
    --site-approach-pad-x:26px;
    --site-overlay-control-inset:24px;
    --site-statement-pad:48px;
    --site-feature-measure:720px;
    --site-sequence-font-size:18px;
    --site-sequence-leading:24px;
    --site-sequence-pad-x:clamp(20px,calc(16.22px + .59vw),22px);
    --site-sequence-arrow-w:clamp(14px,calc(10.22px + .59vw),16px);
    --site-sequence-arrow-h:clamp(9px,calc(7.11px + .295vw),10px);
    --site-home-practice-measure:min(100%,720px);
  }

  /* Full-screen portrait covers: same cinematic component, new internal composition. */
  .k_c-cover{
    height:100svh;
    min-height:100svh;
  }
  .k_c-cover__inner{grid-template-rows:120px minmax(0,1fr) auto;}
  .k_c-cover__title-row,
  .k_c-cover__bottom{grid-template-columns:minmax(0,1fr);}
  .k_c-cover__title-row{align-self:end;}
  .k_c-cover__bottom{row-gap:24px;}
  .k_c-cover__title-primary,
  .k_c-cover__meta-primary,
  .k_c-cover__meta-secondary{grid-column:1;}
  .k_c-cover__title-wrap{max-width:620px;}
  .k_c-section__head > .k_c-type-heading-lg{text-wrap:balance;}
  .k_c-cover__meta-primary{max-width:620px;}
  .k_c-cover__meta-secondary> *{text-align:left;}
  .k_c-cover__stack.k_c-prose{
    /* LEGACY rollback measures: 15em → 18em. Current system follows the parent cover-meta measure. */
    width:100%;
    max-width:100%;
    padding-right:0;
  }
  .k_c-crossing-title-wrap{width:100%;max-width:620px;}
  .k_c-crossing-cover-bottom > .k_c-crossing-cover-platforms{justify-content:flex-start;align-items:flex-start;}


  /* Home practice sequence and CTA deliberately ignore grid tracks here: one continuous row matters more. */
  .k_c-home-practice-controls{
    display:flex;
    width:100%;
    gap:var(--site-gap);
    align-items:center;
  }
  .k_c-home-practice-sequence-wrap{
    flex:1 1 auto;
    min-width:0;
  }
  .k_c-home-practice-cta-wrap{
    flex:0 0 auto;
    min-width:0;
    margin-top:0;
  }

  /* Home Siberian Briefs: keep the form beside the story, but make the form the narrower partner. */
  .k_c-home-briefs-body{
    grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);
    column-gap:var(--site-grid-gap);
    row-gap:0;
  }
  .k_c-home-briefs-form{
    width:100%;
    justify-self:stretch;
  }

  /* Home Who tablet layout now follows the same single-column editorial rhythm as Practice Who.
     The former 2+1 placement is intentionally retired rather than overridden later. */

  /* LEGACY v79 tablet triplets — retired in favour of the shared .k_c-editorial-triplet owner.
  #cb-formats .k_c-grid--12{row-gap:48px;}
  #cb-formats .k_c-grid--12 > :nth-child(1){grid-column:1 / span 6;}
  #cb-formats .k_c-grid--12 > :nth-child(2){grid-column:7 / span 6;}
  #cb-formats .k_c-grid--12 > :nth-child(3){grid-column:1 / span 6;}
  #practice-who > .k_c-container > .k_c-grid--12.k_c-motion-reveal:first-of-type{row-gap:48px;}
  */

  /* Practice method intro becomes normal flow, but the approved overlapping-card animation stays intact. */
  .k_c-practice-method-sticky-column,
  .k_c-practice-method-block > .k_c-grid--12 > .k_c-start-8.k_c-span-5{grid-column:1 / -1;}
  .k_c-practice-method-sticky{
    position:relative;
    top:auto;
    margin-bottom:var(--site-space-48);
  }

  /* LEGACY v79 Who single-column tablet state — retained for rollback reference.
  .k_c-who-editorial__heading,
  .k_c-who-editorial__intro,
  .k_c-who-editorial__factoid--intro,
  .k_c-who-editorial__knowledge-flow,
  .k_c-who-editorial__action{grid-column:1 / -1;grid-row:auto;}
  .k_c-who-editorial__factoid--knowledge{display:none;}
  */
  .k_c-factoid .k_c-type-body{font-weight:500;}

  /* Make remains a two-column catalogue; intro loses the old one-column side inset. */
  .k_c-make-intro > .k_c-start-2.k_c-span-10{grid-column:1 / -1;}
  .k_c-make-direction:nth-child(1){grid-column:1 / span 6;}
  .k_c-make-direction:nth-child(2){grid-column:7 / span 6;}
  .k_c-make-direction:nth-child(3){grid-column:1 / span 6;}

  /* Legal index stays a side rail only while portrait width still supports it. */
  .k_c-policy-index{grid-column:1 / span 4;}
  .k_c-page--policy .k_c-grid--12 > .k_c-start-7.k_c-span-6{grid-column:5 / span 8;}
}

/* Below 980 the cover itself is static/full-bleed. Only the content-facing corners are rounded. */
@media (max-width:979px) {
  .k_c-write-cover{height:auto;min-height:0;}
  .k_c-write-cover__inner{height:auto;min-height:0;align-items:flex-end;}

  .k_c-cover{
    border-radius:0 0 var(--site-radius) var(--site-radius);
    overflow:hidden;
  }
  .k_c-write-cover{border-radius:0;}

  /* Once cover-style motion is disabled, immersive surfaces are content-led.
     Their geometry no longer carries desktop motion's 100vh constraint. */
  .k_c-home-briefs-panel.k_c-motion-expand-panel{
    height:auto;
    min-height:0;
    max-height:none;
    transform:none;
    border-radius:var(--site-radius);
    overflow:hidden;
  }
  .k_c-motion-footer-surface{
    transform:none;
    border-radius:var(--site-radius) var(--site-radius) 0 0;
    overflow:hidden;
  }
}

/* <920 — Siberian compositions get a deliberate vertical hierarchy instead of competing columns. */
@media (min-width:640px) and (max-width:919px) {
  .k_c-home-briefs-panel.k_c-motion-expand-panel{
    height:auto;
    min-height:0;
    max-height:none;
  }
  .k_c-home-briefs-body{
    grid-template-columns:minmax(0,1fr);
    row-gap:48px;
    align-items:start;
  }
  .k_c-home-briefs-copy{max-width:none;display:block;}
  .k_c-home-briefs-copy > .k_c-type-display{max-width:7.07em;}
  .k_c-home-briefs-copy > .k_c-type-body{max-width:560px;margin-top:var(--site-space-48);}
  .k_c-home-briefs-copy > .k_c-home-briefs-discover{display:block;margin-top:var(--site-space-48);white-space:normal;}
  .k_c-home-briefs-form{
    width:100%;
    max-width:none;
    justify-self:stretch;
  }
}

/* Most image/text pairs remain side by side through 720px. */
@media (min-width:720px) and (max-width:979px) {
  .k_c-home-crossing-media,
  #practice-who > .k_c-container > .k_c-grid.k_c-mt-200 > .k_c-start-1.k_c-span-5,
  .k_c-practice-question-media-column,
  #practice-before-beyond-numbers .k_c-grid--12 > .k_c-start-1.k_c-span-6,
  .k_c-crossing-story-copy,
  #cb-about .k_c-grid--12 > .k_c-start-1.k_c-span-5{
    grid-column:1 / span 6;
  }
  .k_c-home-crossing-copy,
  .k_c-practice-vitality-copy,
  #practice-question .k_c-grid--12 > .k_c-start-7.k_c-span-6,
  .k_c-before-beyond__media-column,
  .k_c-crossing-story-media-column,
  #cb-about .k_c-grid--12 > .k_c-start-7.k_c-span-6{
    grid-column:7 / span 6;
  }

  .k_c-cb-contact-main > .k_c-cb-contact-copy{grid-column:1 / span 8;}
  .k_c-cb-contact-main > .k_c-start-9.k_c-span-4{grid-column:9 / span 4;}
  .k_c-briefs-subscribe-copy{grid-column:1 / span 7;}
  .k_c-briefs-subscribe-side{grid-column:8 / span 5;}
  .k_c-talks-copy{grid-column:1 / span 8;}
  .k_c-talks-side{grid-column:9 / span 4;}
}

/* Text-bearing question card: square is a preferred desktop/tablet composition, never a clipping box. */
@media (min-width:720px) and (max-width:1400px) {
  .k_c-practice-question-card{
    aspect-ratio:1 / 1;
    height:auto;
    min-height:max-content;
  }
}
@media (min-width:1200px) and (max-width:1400px) {
  .k_c-practice-question-media-column{grid-column:1 / span 6;}
  #practice-question .k_c-grid--12 > .k_c-start-7.k_c-span-6{grid-column:7 / span 6;}
}
@media (max-width:719px) {
  .k_c-practice-question-card{
    aspect-ratio:auto;
    height:auto;
    min-height:0;
  }
}

/* Narrow portrait tablet: side-by-side image/text pairs become reading-order stacks.
   Once stacked, their images return to 4:3 instead of carrying the square paired-media crop. */
@media (min-width:640px) and (max-width:719px) {
  .k_c-home-crossing-media,
  .k_c-home-crossing-copy,
  #practice-who > .k_c-container > .k_c-grid.k_c-mt-200 > .k_c-start-1.k_c-span-5,
  .k_c-practice-vitality-copy,
  .k_c-practice-question-media-column,
  #practice-question .k_c-grid--12 > .k_c-start-7.k_c-span-6,
  #practice-before-beyond-numbers .k_c-grid--12 > .k_c-start-1.k_c-span-6,
  .k_c-before-beyond__media-column,
  .k_c-crossing-story-copy,
  .k_c-crossing-story-media-column,
  #cb-about .k_c-grid--12 > .k_c-start-1.k_c-span-5,
  #cb-about .k_c-grid--12 > .k_c-start-7.k_c-span-6,
  .k_c-cb-contact-main > .k_c-cb-contact-copy,
  .k_c-cb-contact-main > .k_c-start-9.k_c-span-4,
  .k_c-briefs-subscribe-copy,
  .k_c-briefs-subscribe-side,
  .k_c-talks-copy,
  .k_c-talks-side{
    grid-column:1 / -1;
  }

  .k_c-home-crossing-copy,
  .k_c-practice-vitality-copy,
  #practice-question .k_c-grid--12 > .k_c-start-7.k_c-span-6,
  .k_c-before-beyond__media-column,
  .k_c-crossing-story-media-column,
  #cb-about .k_c-grid--12 > .k_c-start-7.k_c-span-6,
  .k_c-cb-contact-main > .k_c-start-9.k_c-span-4,
  .k_c-briefs-subscribe-side,
  .k_c-talks-side{margin-top:var(--site-space-48);}

  .k_c-home-crossing-media .k_c-media-placeholder,
  .k_c-practice-vitality-media,
  .k_c-media--practice-numbers,
  .k_c-crossing-story-media-card{
    aspect-ratio:4 / 3;
    height:auto;
    min-height:0;
  }

  .k_c-practice-question-media-column,
  .k_c-before-beyond__media,
  .k_c-crossing-story-media-card,
  .k_c-briefs-subscribe-side,
  .k_c-talks-action{
    position:relative;
    top:auto;
  }

  .k_c-policy-index{
    position:relative;
    top:auto;
    grid-column:1 / -1;
    width:100%;
    margin-left:0;
  }
  .k_c-page--policy .k_c-grid--12 > .k_c-start-7.k_c-span-6{
    grid-column:1 / -1;
    margin-top:var(--site-space-96);
  }


  .k_c-home-practice-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;}
  .k_c-home-practice-sequence-wrap,
  .k_c-home-practice-cta-wrap{
    grid-column:1 / -1;
    width:100%;
    min-width:0;
  }
  .k_c-home-practice-cta-wrap{margin-top:0;}
  /* Home Practice rail — this width keeps the full sequence and moves the CTA below it. */
  .k_c-practice-sequence,
  .k_c-practice-sequence.k_c-practice-sequence--visible{width:100%;max-width:100%;}
  .k_c-practice-sequence__track{width:100%;min-width:100%;justify-content:space-between;gap:0;}
}

/* WRITE COMPOSITION — stays two-column while the form still has a viable reading width. */
@media (min-width:800px) and (max-width:979px) {
  .k_c-write-cover__body{align-items:end;}
  .k_c-write-cover__editorial{grid-column:1 / span 7;display:block;min-width:0;}
  .k_c-write-cover__form{grid-column:8 / span 5;align-self:end;min-width:0;}
  .k_c-write-cover__title{
    position:relative;
    z-index:2;
    width:100%;
    max-width:7.07em;
    margin:0;
    white-space:normal;
    text-indent:.7em;
    text-wrap:balance;
  }
  /* LEGACY v77/v80 rollback: width:max-content; max-width:none; white-space:nowrap; */
  .k_c-write-cover__copy{max-width:650px;margin-top:var(--site-space-48);}
  .k_c-write-form-card{width:100%;}
}

/* WRITE COMPOSITION — only here does the two-column cover become a vertical reading sequence. */
@media (max-width:799px) {
  .k_c-write-cover__body{align-items:end;row-gap:var(--site-space-48);}
  .k_c-write-cover__editorial{display:contents;}
  .k_c-write-cover__title{
    grid-column:1 / -1;
    grid-row:1;
    width:100%;
    max-width:7.07em;
    margin:0;
    white-space:normal;
    text-indent:.7em;
  }
  .k_c-write-cover__copy{
    grid-column:1 / -1;
    grid-row:2;
    max-width:680px;
    margin-top:0;
  }
  .k_c-write-cover__form{
    grid-column:1 / -1;
    grid-row:3;
    width:100%;
    margin-top:0;
  }
  .k_c-write-form-card{width:100%;max-width:none;}
}

/* FOOTER — narrow tablet: disclaimer left, all navigation right as one ordered column.
   The visual order is pages → Write to me → legal; no extra gap is inserted between those groups. */
@media (min-width:640px) and (max-width:799px) {
  .k_c-legal-grid{row-gap:0;}
  .k_c-legal__disclaimer{
    grid-column:1 / span 5;
    grid-row:1;
    max-width:none;
    padding-right:24px;
  }
  .k_c-legal__nav-group{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    grid-column:7 / span 6;
    grid-row:1;
  }
  .k_c-legal__nav-group .k_c-legal__primary{order:1;}
  .k_c-legal__nav-group .k_c-legal__write{order:2;margin-top:0;}
  .k_c-legal__nav-group .k_c-legal__policies{order:3;}
  .k_c-legal__copyright{
    grid-column:1 / span 6;
    grid-row:2;
    margin-top:var(--site-space-96);
  }
  .k_c-legal__credit{
    grid-column:7 / span 6;
    grid-row:2;
    margin-top:var(--site-space-96);
    align-self:end;
    justify-self:end;
  }
}


/* =========================================================
   MOBILE — 480–639 / 320–479
   Same 12-column coordinate system; most reading components span all 12 tracks.
   Large mobile preserves selected 2-column card rhythms. Small mobile resolves to one reading column.
   ========================================================= */
@media (max-width:639px) {
  :root{
    --site-gutter:24px;
    --site-cover-gutter:20px;
    --site-gap:24px;
    --site-grid-gap:16px;
    --site-space-200:120px;
    --site-space-120:96px;
    --site-space-96:72px;
    --site-space-48:40px;

    --site-type-display:clamp(58px,calc(39.94px + 5.64vw),76px);
    --site-type-display-xl:clamp(64px,15vw,96px);
    --site-type-feature:clamp(42px,calc(17.92px + 7.52vw),66px);
    --site-type-heading-lg:clamp(28px,calc(15.96px + 3.76vw),40px);
    --site-type-heading-lg-leading:1.06em;
    --site-type-heading-sm:clamp(24px,calc(21.99px + .627vw),26px);
    --site-type-heading-sm-leading:1.28em;
    --site-type-body:clamp(18px,calc(16.997px + .3135vw),19px);
    --site-leading-body:clamp(26px,calc(23.99px + .627vw),28px);
    --site-type-label:clamp(12.5px,calc(11.497px + .3135vw),13.5px);
    --site-type-control:clamp(16px,calc(14.997px + .3135vw),17px);
    --site-type-pill:clamp(16px,calc(14.997px + .3135vw),17px);
    --site-type-pill-leading:1.35em;
    --site-type-input:clamp(17px,calc(16.498px + .1567vw),17.5px);
    --site-input-leading:clamp(24px,calc(22.997px + .3135vw),25px);
    --site-type-small:12px;
    --site-small-leading:18px;

    --site-control-height:clamp(48px,calc(45.99px + .627vw),50px);
    --site-control-pad-x:clamp(16px,calc(13.99px + .627vw),18px);
    --site-pill-pad-x:clamp(16px,calc(13.99px + .627vw),18px);
    --site-social-control-height:clamp(36px,calc(31.99px + 1.254vw),40px);
    --site-approach-pad-y:clamp(20px,calc(15.99px + 1.254vw),24px);
    --site-approach-pad-x:clamp(20px,calc(15.99px + 1.254vw),24px);
    --site-form-pad-y:clamp(24px,calc(15.97px + 2.508vw),32px);
    --site-form-pad-x:clamp(20px,calc(11.97px + 2.508vw),28px);
    --site-form-gap:16px;
    --site-overlay-control-inset:clamp(16px,calc(7.97px + 2.508vw),24px);
    --site-statement-pad:24px;
    --site-feature-measure:620px;

    --site-sequence-font-size:clamp(16px,calc(13.99px + .627vw),18px);
    --site-sequence-leading:clamp(22px,calc(17.99px + 1.254vw),26px);
    --site-sequence-pad-x:clamp(16px,calc(11.99px + 1.254vw),20px);
    --site-sequence-arrow-w:clamp(12px,calc(7.99px + 1.254vw),16px);
    --site-sequence-arrow-h:clamp(8px,calc(5.99px + .627vw),10px);
    --site-home-practice-measure:100%;
  }
  .k_c-container{padding-inline:var(--site-gutter);}
  .k_c-container--cover{padding-inline:var(--site-cover-gutter);}
  .k_c-home-duo-card{padding:24px 24px calc(24px + var(--site-control-height) + 24px);}
  .k_c-home-duo-card .k_c-home-duo-arrow{right:24px;bottom:24px;}
  .k_c-practice-method .k_c-step{padding:24px;}
  .k_c-briefs-cover-title{max-width:100%;text-wrap:balance;}
  .k_c-grid{row-gap:var(--site-space-48);}

  /* Covers stay cinematic and static; vertical composition is retained, not converted to an image card. */
  .k_c-cover{height:100svh;min-height:620px;border-radius:0 0 var(--site-radius) var(--site-radius);}
  /* Crossing lower cover releases desktop-authored line breaks throughout mobile so the shared fixed height follows content, not forced lines. */
  .k_c-feature-footer--crossing .k_c-feature-footer__quote br{display:none;}
  .k_c-cover__inner{grid-template-rows:100px minmax(0,1fr) auto;}
  .k_c-cover__title-row,
  .k_c-cover__bottom{grid-template-columns:minmax(0,1fr);}
  .k_c-cover__title-row{align-self:end;}
  .k_c-cover__bottom{row-gap:18px;}
  .k_c-cover__title-primary,
  .k_c-cover__meta-primary,
  .k_c-cover__meta-secondary{grid-column:1;}
  .k_c-cover__title-wrap,
  .k_c-cover__meta-primary,
  .k_c-crossing-title-wrap{width:100%;max-width:min(100%,560px);padding-right:0;}
  /* LEGACY rollback measures: 15em → 18em. Current system follows the parent cover-meta measure. */
  .k_c-cover__stack.k_c-prose{width:100%;max-width:100%;padding-right:0;}
  .k_c-cover__meta-secondary> *{text-align:left;}
  .k_c-crossing-cover-bottom > .k_c-crossing-cover-platforms{justify-content:flex-start;align-items:flex-start;}
  .k_c-crossing-cover-platforms .k_c-socials{justify-content:flex-start;}

  :root{--site-brand-top:28px;--site-brand-karim-width:112px;}
  .k_c-site-header__brand{left:var(--site-cover-gutter);}
  .k_c-site-header__brand-variant--crossing{width:184px;}


  /* All ordinary 12-col placements enter a clean reading flow first; deliberate card grids override below. */
  .k_c-grid--12 > [class*="k_c-start-"]{grid-column:1 / -1;grid-row:auto;}

  /* Continue the tablet normal-flow state; never rebound to the desktop sticky intro on phones. */
  .k_c-practice-method-sticky{position:relative;top:auto;margin-bottom:var(--site-space-48);}

  /* Adaptive menu uses the shared <=1199 component; this range only adjusts phone-scale dimensions below. */
  /* Home: sequence remains a sequence, but CTA becomes the next action in reading flow. */
  .k_c-home-practice-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;}
  .k_c-home-practice-sequence-wrap,
  .k_c-home-practice-cta-wrap{width:100%;min-width:0;}
  .k_c-home-practice-cta-wrap{margin-top:0;}

  /* Home Practice rail — medium/narrow mobile keeps the sequence readable across the full content width.
     The scroll-driven overflow state begins only below 440px. */
  .k_c-practice-sequence,
  .k_c-practice-sequence.k_c-practice-sequence--visible{width:100%;max-width:100%;}
  .k_c-practice-sequence__track{width:100%;min-width:100%;justify-content:space-between;gap:0;}
  .k_c-practice-sequence{max-width:100%;}

  /* Home duo keeps each label attached to its own card when the two desktop columns become one reading sequence. */
  #home-talks > .k_c-container{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:var(--site-grid-gap);
    row-gap:var(--site-space-48);
  }
  #home-talks > .k_c-container > .k_c-grid{display:contents;}
  #home-talks > .k_c-container > .k_c-grid:first-child > :nth-child(1){grid-column:1 / -1;grid-row:1;}
  #home-talks > .k_c-container > .k_c-grid:nth-child(2) > :nth-child(1){grid-column:1 / -1;grid-row:2;}
  #home-talks > .k_c-container > .k_c-grid:first-child > :nth-child(2){grid-column:1 / -1;grid-row:3;}
  #home-talks > .k_c-container > .k_c-grid:nth-child(2) > :nth-child(2){grid-column:1 / -1;grid-row:4;}

  /* Siberian home panel is a deliberate vertical feature, form always below the story. */
  .k_c-home-briefs-panel.k_c-motion-expand-panel{height:auto;min-height:0;max-height:none;}
  .k_c-home-briefs-body{grid-template-columns:minmax(0,1fr);row-gap:var(--site-space-48);align-items:start;}
  .k_c-home-briefs-copy{
    max-width:none;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:20px;
    row-gap:var(--site-space-48);
    align-items:end;
  }
  .k_c-home-briefs-copy > .k_c-type-display{grid-column:1 / -1;max-width:7.07em;}
  .k_c-home-briefs-copy > .k_c-type-body{grid-column:1;max-width:none;margin-top:0;}
  /* Legacy Home Briefs inline-CTA rule removed here.
     Discover more is now a text link, and <=719 owns its stacked placement below the copy. */
  .k_c-home-briefs-form{width:100%;max-width:none;justify-self:stretch;}

  /* Ordinary image/text and text/form pairs become semantic stacks. */
  .k_c-home-crossing-copy,
  .k_c-practice-vitality-copy,
  #practice-question .k_c-grid--12 > .k_c-start-7.k_c-span-6,
  .k_c-before-beyond__media-column,
  .k_c-crossing-story-media-column,
  #cb-about .k_c-grid--12 > .k_c-start-7.k_c-span-6,
  .k_c-cb-contact-main > .k_c-start-9.k_c-span-4,
  .k_c-briefs-subscribe-side,
  .k_c-talks-side{margin-top:0;}

  .k_c-home-crossing-media .k_c-media-placeholder,
  .k_c-practice-vitality-media,
  .k_c-media--practice-numbers,
  .k_c-crossing-story-media-card{aspect-ratio:4 / 3;height:auto;min-height:0;}


  .k_c-practice-question-media-column,
  .k_c-before-beyond__media,
  .k_c-crossing-story-media-card,
  .k_c-briefs-subscribe-side,
  .k_c-talks-action{position:relative;top:auto;}

  /* Practice cards keep the same native sticky overlap mechanism as desktop. */

  /* Who editorial becomes a single reading column here.
     Briefs editorial is intentionally NOT owned by this generic phone rule: its factoid-rail
     composition is owned by the dedicated <=960 / <=640 blocks below. */
  .k_c-who-editorial__heading,
  .k_c-who-editorial__intro,
  .k_c-who-editorial__factoid--intro,
  .k_c-who-editorial__knowledge-flow,
  .k_c-who-editorial__action{
    grid-column:1 / -1;
    grid-row:auto;
  }
  .k_c-who-editorial{row-gap:40px;}
  .k_c-who-editorial__factoid--knowledge{display:none;}
  .k_c-flow-image{aspect-ratio:4 / 3;}

  /* Policy pages become compact utility pages rather than preserving a desktop 50vh lead-in. */
  .k_c-page--policy > .k_c-section{padding-top:160px;}
  .k_c-policy-index{position:relative;top:auto;grid-column:1 / -1;width:100%;margin-left:0;}
  .k_c-page--policy .k_c-grid--12 > .k_c-start-7.k_c-span-6{grid-column:1 / -1;margin-top:72px;}

  /* Footer: disclaimer stays editorial copy on the left; the complete navigation is one ordered column on the right. */
  .k_c-legal-grid{row-gap:0;}
  .k_c-legal__disclaimer{
    grid-column:1 / span 6;
    grid-row:1;
    max-width:none;
    margin-top:0;
    padding-right:16px;
  }
  .k_c-legal__nav-group{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    grid-column:7 / span 6;
    grid-row:1;
  }
  .k_c-legal__nav-group .k_c-legal__primary{order:1;}
  .k_c-legal__nav-group .k_c-legal__write{order:2;margin-top:0;}
  .k_c-legal__nav-group .k_c-legal__policies{order:3;}
  .k_c-legal__copyright{grid-column:1 / span 7;grid-row:2;margin-top:72px;}
  .k_c-legal__credit{grid-column:8 / span 5;grid-row:2;margin-top:72px;justify-self:end;align-self:end;}

  /* Feature/result surfaces keep the same centered hierarchy at a phone-appropriate scale. */
  .k_c-feature-footer__main{left:var(--site-cover-gutter);right:var(--site-cover-gutter);}
}

/* LEGACY v81 rollback — Practice sequence used native horizontal overflow at 440–639.
   The current owner keeps the sequence full-width in this range and the CTA on the next row. */

/* LEGACY v79 480–639 Crossing Formats 2-column state — rollback reference only.
@media (min-width:480px) and (max-width:639px) {
  #cb-formats .k_c-grid--12{row-gap:32px;}
  #cb-formats .k_c-grid--12 > :nth-child(1),
  #cb-formats .k_c-grid--12 > :nth-child(3){grid-column:1 / span 6;}
  #cb-formats .k_c-grid--12 > :nth-child(2){grid-column:7 / span 6;}
}
*/

@media (max-width:479px) {
  :root{
    --site-gutter:16px;
    --site-cover-gutter:16px;
    --site-gap:20px;
    --site-grid-gap:12px;
    --site-space-200:96px;
    --site-space-120:80px;
    --site-space-96:64px;
    --site-space-48:32px;
    --site-radius:20px;
    --site-statement-pad:16px;
    --site-heading-sm-body-gap:20px;
    --site-mobile-card-pad:20px;
  }

  /* Mobile card padding converges across feature cards and method cards. */
  .k_c-home-duo-card{
    padding:var(--site-mobile-card-pad) var(--site-mobile-card-pad) calc(var(--site-mobile-card-pad) + var(--site-control-height) + var(--site-mobile-card-pad));
  }
  .k_c-home-duo-card .k_c-home-duo-arrow{right:var(--site-mobile-card-pad);bottom:var(--site-mobile-card-pad);}
  .k_c-practice-method .k_c-step{padding:var(--site-mobile-card-pad);}

  /* Write cover becomes content-led on phones: the form may grow the cover, never be clipped to save height. */
  .k_c-write-cover{height:auto;min-height:100svh;overflow:visible;}
  .k_c-write-cover__inner{height:auto;min-height:100svh;padding-top:112px;padding-bottom:var(--site-space-48);align-items:stretch;}
  .k_c-write-cover__body{width:100%;align-items:start;}
  .k_c-write-cover__form,
  .k_c-write-form-card{width:100%;max-width:100%;min-width:0;}

  /* Crossing contact stacked cards use the same heading/body rhythm as other stacked editorial groups. */
  .k_c-crossing-contact .k_c-grid.k_c-mt-120{margin-top:64px;row-gap:48px;}
  .k_c-crossing-contact .k_c-stack-card > .k_c-type-heading-sm{margin-bottom:var(--site-heading-sm-body-gap);}
  .k_c-crossing-contact .k_c-stack-card > p.k_c-type-body{margin-bottom:24px;}

  /* LEGACY v81 rollback — chapter map used one accent strip driven by vertical scroll.
     v82 moves ownership to one native swipe component at <=640. */

  /* Equivalent three-item editorial groups stay stacked on phones. */
  .k_c-editorial-triplet{display:grid;overflow:visible;scroll-snap-type:none;padding-bottom:0;}
  .k_c-editorial-triplet > *{min-width:0;}
  .k_c-editorial-triplet br{display:none;}
  /* LEGACY v80 rollback: horizontal snap rail with 84vw cards. */

  /* Secondary Practice reading layer uses native progressive disclosure only on phones. */
  .k_c-mobile-disclosure{margin-top:var(--site-space-48);}
  .k_c-mobile-disclosure > summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    cursor:pointer;
    list-style:none;
    padding:0;
    border:0;
    color:var(--site-text);
    font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
    font-size:var(--site-type-heading-sm);
    line-height:var(--site-type-heading-sm-leading);
    font-weight:400;
    letter-spacing:-.03em;
  }
  .k_c-mobile-disclosure > summary::-webkit-details-marker{display:none;}
  .k_c-disclosure-icon{
    position:relative;
    width:1.6em;
    height:1.6em;
    flex:0 0 1.6em;
    border-radius:50%;
    background:var(--site-soft-surface-base);
  }
  .k_c-disclosure-icon::before,
  .k_c-disclosure-icon::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:.72em;
    height:2px;
    border-radius:999px;
    background:var(--site-text);
    transform:translate(-50%,-50%);
    transform-origin:50% 50%;
    transition:transform .34s var(--site-ease-soft),opacity .22s ease;
  }
  .k_c-disclosure-icon::after{transform:translate(-50%,-50%) rotate(90deg);}
  .k_c-mobile-disclosure[open] .k_c-disclosure-icon::after{
    transform:translate(-50%,-50%) rotate(90deg) scaleX(0);
    opacity:0;
  }
  .k_c-mobile-disclosure > .k_c-mobile-disclosure__desktop-title{display:none;}
  .k_c-mobile-disclosure > .k_c-before-beyond__copy--second{margin-top:24px;}
  .k_c-mobile-disclosure--story > .k_c-prose{margin-top:24px;}
  .k_c-mobile-disclosure--story > .k_c-crossing-story-emphasis{margin-top:var(--site-space-48);}
  .k_c-mobile-disclosure > .k_c-before-beyond__closing{margin-top:var(--site-space-48);}

  /* Within a Practice chapter, internal beats are shorter than the 96px chapter transition. */
  #practice-who > .k_c-container > .k_c-grid.k_c-mt-200,
  #practice-who .k_c-practice-method-block.k_c-mt-200{margin-top:64px;}

  .k_c-cover{min-height:580px;}
  .k_c-cover__inner{grid-template-rows:88px minmax(0,1fr) auto;}
  .k_c-cover__title-wrap,
  .k_c-cover__meta-primary,
  .k_c-crossing-title-wrap{max-width:100%;}
  .k_c-cover__stack.k_c-prose{max-width:100%;}
  :root{--site-brand-top:22px;--site-brand-karim-width:96px;}
  .k_c-site-header__brand-variant--crossing{width:156px;}

  .k_c-nav{top:18px;right:12px;width:76px;height:50px;}
  .k_c-nav-toggle{top:18px;right:12px;width:76px;height:50px;}

  /* Equivalent editorial triplets are owned by .k_c-editorial-triplet below. */
  .k_c-make-direction:nth-child(1),
  .k_c-make-direction:nth-child(2),
  .k_c-make-direction:nth-child(3){grid-column:1 / -1;grid-row:auto;}

  .k_c-home-practice-controls{gap:20px;}



  .k_c-legal__disclaimer{
    grid-column:1 / span 5;
    grid-row:1;
    margin-top:0;
    padding-right:10px;
    font-size:13px;
    line-height:18px;
  }
  .k_c-legal__nav-group{grid-column:6 / span 7;grid-row:1;}
  .k_c-legal :where(.k_c-legal__primary,.k_c-legal__policies,.k_c-legal__write){font-size:14px;line-height:20px;}
  .k_c-legal__copyright{grid-column:1 / span 7;grid-row:2;margin-top:64px;padding-right:0;font-size:12px;line-height:18px;}
  .k_c-legal__credit{grid-column:8 / span 5;grid-row:2;margin-top:64px;justify-self:end;font-size:12px;line-height:18px;}
  .k_c-legal__credit > span{display:inline;}
  .k_c-legal__credit > .k_c-credit-pill{height:28px;padding:0 8px 2px;font-size:13px;}
  .k_c-legal__credit > .k_c-credit-pill .k_c-credit-arrow{width:12px;height:7px;flex-basis:12px;}

  textarea.k_c-input{min-height:104px;}
  .k_c-write-form-card{min-width:0;}

  .k_c-page--policy > .k_c-section{padding-top:132px;}
  .k_c-page--policy .k_c-grid--12 > .k_c-start-7.k_c-span-6{margin-top:64px;}

}



/* CONTENT SYSTEM — <=960: repeated editorial/card patterns use the same rhythm. */
@media (max-width:960px) {
  :root{--site-heading-sm-body-gap:24px;}

  /* One owner for every equivalent three-item editorial group. */
  .k_c-editorial-triplet{row-gap:48px;}
  .k_c-editorial-triplet > *{grid-column:1 / -1;grid-row:auto;}

  /* Heading-to-body spacing is one token across direct heading/body pairs. */
  .k_c-type-heading-sm:has(+ .k_c-type-body){margin-bottom:0;}
  .k_c-type-heading-sm + .k_c-type-body{margin-top:var(--site-heading-sm-body-gap);}

  /* Method cards share the natural height of the most content-rich card.
     Do not use 1fr here: the sticky runway would donate free space to every card. */
  .k_c-method-stack{grid-auto-rows:auto;}
  .k_c-practice-method .k_c-step{
    height:var(--k_c-method-card-height,auto);
    min-height:0;
  }

  /* Briefs editorial keeps the factoids as an adjacent rail; the media remains full width. */
  .k_c-briefs-editorial-heading{grid-column:1 / span 8;}
  .k_c-briefs-editorial-layout{row-gap:48px;}
  .k_c-briefs-editorial-prose--intro{
    grid-column:1 / span 8;
    grid-row:1;
    margin-top:0;
  }
  .k_c-briefs-editorial__factoid--intro{
    grid-column:9 / span 4;
    grid-row:1;
    margin-top:0;
  }
  .k_c-briefs-editorial-media{
    grid-column:1 / -1;
    grid-row:2;
    margin-block:0;
  }
  .k_c-briefs-editorial-prose--adaptation{
    grid-column:1 / span 8;
    grid-row:3;
  }
  .k_c-briefs-editorial__factoid--adaptation{
    grid-column:9 / span 4;
    grid-row:3;
  }
  .k_c-briefs-editorial-conclusion{
    grid-column:1 / span 8;
    grid-row:4;
    margin-top:0;
  }

  /* Who keeps a desktop-like narrow factoid rail: 9 columns copy + 1 column air + 2 columns factoid. */
  .k_c-who-editorial__heading{grid-column:1 / span 9;}
  .k_c-who-editorial__intro{grid-column:1 / span 9;grid-row:1;}
  .k_c-who-editorial__factoid--intro{grid-column:11 / span 2;grid-row:1;}
  .k_c-who-editorial__knowledge-flow{grid-column:1 / span 9;grid-row:2;}
  .k_c-who-editorial__factoid--knowledge{display:block;grid-column:11 / span 2;grid-row:2;}
  .k_c-who-editorial__action{grid-column:1 / span 9;grid-row:3;}
  .k_c-who-editorial{row-gap:48px;}
  /* LEGACY v80 rollback: copy 8 cols + factoid 4 cols. */

  /* Briefs subscribe uses the same left edge as the page content. */
  #briefs-subscribe .k_c-section__head > .k_c-start-2.k_c-span-6{grid-column:1 / span 8;}
}

@media (min-width:640px) and (max-width:960px) {
  .k_c-practice-method .k_c-step{
    display:grid;
    grid-template-columns:minmax(150px,4fr) minmax(0,8fr);
    column-gap:32px;
    align-items:start;
  }
  .k_c-practice-method .k_c-step > .k_c-type-body{
    margin-top:0;
    padding-right:60px;
  }
}

/* CONTENT SYSTEM — <=719: controls and paired home modules stop competing for width. */
@media (max-width:719px) {
  #home-practice > .k_c-container > .k_c-section__head{margin-bottom:var(--site-space-32);}
  .k_c-home-practice-controls{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:24px;
  }
  .k_c-home-practice-sequence-wrap,
  .k_c-home-practice-cta-wrap{width:100%;min-width:0;}
  .k_c-home-practice-cta-wrap{margin-top:0;}

  .k_c-home-briefs-copy{display:block;}
  .k_c-home-briefs-copy > .k_c-type-display{max-width:7.07em;}
  .k_c-home-briefs-copy > .k_c-type-body{max-width:560px;margin-top:var(--site-space-48);}
  .k_c-home-briefs-copy > .k_c-home-briefs-discover{
    display:block;
    margin-top:var(--site-space-48);
  }

  .k_c-home-crossing-actions{display:flex;flex-wrap:wrap;}
  .k_c-home-crossing-actions .k_c-button{order:1;}
  .k_c-home-crossing-actions .k_c-socials{order:2;}

  /* Home Talks / Make become two independent vertical groups: label → card → label → card. */
  #home-talks > .k_c-container{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:var(--site-grid-gap);
    row-gap:0;
  }
  #home-talks > .k_c-container > .k_c-grid{display:contents;}
  #home-talks > .k_c-container > .k_c-grid:first-child > :nth-child(1){grid-column:1 / -1;grid-row:1;}
  #home-talks > .k_c-container > .k_c-grid:nth-child(2) > :nth-child(1){grid-column:1 / -1;grid-row:2;}
  #home-talks > .k_c-container > .k_c-grid:first-child > :nth-child(2){grid-column:1 / -1;grid-row:3;margin-top:64px;}
  #home-talks > .k_c-container > .k_c-grid:nth-child(2) > :nth-child(2){grid-column:1 / -1;grid-row:4;}
  #home-talks .k_c-type-label.k_c-mb-48{margin-bottom:24px;}

  .k_c-practice-question-card{padding-bottom:calc(var(--site-cover-gutter) + 16px);}
}

/* At 640 and below secondary factoid rails disappear instead of becoming extra page length. */
@media (max-width:640px) {
  /* One shared immersive text measure: 290px at 320, fluid up to 560px at 640. */
  :root{--site-mobile-immersive-measure:min(560px,calc(100vw - 30px));}
  .k_c-statement-content{
    width:var(--site-mobile-immersive-measure);
    max-width:var(--site-mobile-immersive-measure);
  }
  .k_c-feature-footer__main{
    left:50%;
    right:auto;
    width:var(--site-mobile-immersive-measure);
    max-width:var(--site-mobile-immersive-measure);
    transform:translate(-50%,-50%);
  }

  /* Chaptered covers own their bottom shadow at the cover edge, not at the inner content row. */
  .k_c-cover--chaptered::after{
    content:"";
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    bottom:0;
    height:170px;
    pointer-events:none;
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.14) 100%);
  }
  .k_c-cover--chaptered .k_c-cover__inner{padding-bottom:var(--site-cover-gutter);}
  .k_c-cover--chaptered .k_c-cover__bottom{position:relative;z-index:2;row-gap:0;}
  .k_c-cover--chaptered .k_c-cover__meta-secondary{margin-top:18px;}

  /* Shared immersive composition: label, quote and CTA use one mobile measure.
     Include the historical Home/Who variants explicitly so desktop specificity cannot win back. */
  .k_c-statement__inner,
  .k_c-statement--home .k_c-statement__inner,
  .k_c-statement--who .k_c-statement__inner{
    width:var(--site-mobile-immersive-measure);
    max-width:var(--site-mobile-immersive-measure);
  }

  .k_c-factoid{display:none;}
  .k_c-who-editorial__heading,
  .k_c-who-editorial__intro,
  .k_c-who-editorial__knowledge-flow,
  .k_c-who-editorial__action{grid-column:1 / -1;grid-row:auto;}
  .k_c-who-editorial{row-gap:var(--site-space-48);}
  /* A flow image ending one editorial grid item must not stack its own margin with the grid row-gap. */
  .k_c-prose > .k_c-flow-image:last-child{margin-bottom:0;}
  .k_c-briefs-editorial-heading{
    grid-column:1 / -1;
    margin-bottom:var(--site-space-48);
  }
  .k_c-briefs-editorial-prose--intro,
  .k_c-briefs-editorial-media,
  .k_c-briefs-editorial-prose--adaptation,
  .k_c-briefs-editorial-conclusion{
    grid-column:1 / -1;
    grid-row:auto;
  }
  .k_c-briefs-editorial-layout{row-gap:var(--site-space-48);}
  #briefs-subscribe .k_c-section__head > .k_c-start-2.k_c-span-6{grid-column:1 / -1;}
}

/* Practice method keeps the two-zone card down to large-phone width, then returns to vertical reading. */
@media (min-width:480px) and (max-width:639px) {
  .k_c-practice-method .k_c-step{
    display:grid;
    grid-template-columns:minmax(120px,4fr) minmax(0,8fr);
    column-gap:24px;
    align-items:start;
  }
  .k_c-practice-method .k_c-step > .k_c-type-body{
    margin-top:0;
    padding-right:32px;
  }
}

@media (max-width:480px) {
  .k_c-practice-method .k_c-step{
    display:block;
  }
  .k_c-practice-method .k_c-step > .k_c-type-body{
    margin-top:24px;
    padding-right:0;
  }

  /* LEGACY v81 rollback — Approach was a vertical equal-height stack at <=480.
     v82 gives this component one swipe state for the whole <=640 range.
     .k_c-approach-grid{grid-auto-rows:1fr;row-gap:24px;}
     .k_c-approach-grid > *{grid-column:1 / -1;grid-row:auto;}
     .k_c-approach-card{display:flex;flex-direction:column;aspect-ratio:auto;height:100%;min-height:0;}
     .k_c-approach-card p{margin-top:auto;padding-top:24px;}
     .k_c-approach-card--plain{display:block;height:auto;padding:0;background:transparent;}
  */

  /* Brief topics follow the shared pill-list behaviour used by Talks.
     LEGACY v79 two-column index retained for rollback: grid-template-columns:repeat(2,minmax(0,1fr)). */
  .k_c-brief-topics{display:flex;flex-wrap:wrap;gap:10px;}
  .k_c-brief-topics .k_c-pill{width:max-content;max-width:100%;white-space:nowrap;text-align:left;}

  /* Write is allowed to wrap naturally again on phone widths. */
  .k_c-write-cover__title{
    width:100%;
    max-width:100%;
    white-space:normal;
    text-indent:0;
    text-wrap:balance;
  }
  textarea.k_c-input{min-height:104px;}
  .k_c-write-form-card{min-width:0;}

  .k_c-section__head > .k_c-type-heading-lg,
  .k_c-home-practice-headline > span,
  .k_c-home-briefs-copy > .k_c-type-display{ text-wrap:balance; }

  /* Footer bottom metadata becomes a real vertical sequence instead of two competing columns. */
  .k_c-legal__copyright{
    grid-column:1 / -1;
    grid-row:2;
    margin-top:64px;
    justify-self:start;
  }
  .k_c-legal__credit{
    grid-column:1 / -1;
    grid-row:3;
    margin-top:16px;
    justify-self:start;
  }
}

/* COMPACT PHONE — 320–440. One coherent state for mobile CTAs, footer and extracted media controls. */
@media (max-width:440px) {
  /* Full-width ownership belongs to ordinary content CTAs only.
     Circular card arrows and immersive-cover CTAs keep their intrinsic geometry. */
  .k_c-section .k_c-button:not(.k_c-home-duo-arrow){width:100%;max-width:none;}
  .k_c-home-duo-card .k_c-home-duo-arrow{
    width:var(--site-control-height);
    min-width:var(--site-control-height);
    height:var(--site-control-height);
    min-height:var(--site-control-height);
  }
  .k_c-feature-footer__actions{width:auto;}
  .k_c-feature-footer__actions .k_c-button,
  .k_c-statement .k_c-button{width:max-content;max-width:100%;}

  /* Shared Home/Crossing action composition: socials first, full-width CTA below. */
  .k_c-actions-with-socials{gap:20px;flex-wrap:wrap;}
  .k_c-actions-with-socials .k_c-socials{
    order:1;
    flex:0 0 auto;
    width:max-content;
    max-width:100%;
    justify-content:flex-start;
    gap:6px;
  }
  .k_c-actions-with-socials .k_c-button{
    order:2;
    flex:0 0 100%;
    width:100%;
    max-width:none;
    margin-left:0;
    white-space:normal;
  }

  /* Crossing story is one content image followed by extracted socials and CTA, same at every 320–440 width. */
  .k_c-crossing-story-media-card{
    aspect-ratio:auto;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto;
    align-items:start;
    gap:20px;
    overflow:visible;
    background:transparent;
    border-radius:0;
  }
  .k_c-crossing-story-media-card > .k_c-media-image{
    position:relative;
    inset:auto;
    grid-column:1;
    grid-row:1;
    width:100%;
    height:auto;
    aspect-ratio:4 / 3;
    object-fit:cover;
    border-radius:var(--site-radius);
    transform:none;
  }
  .k_c-crossing-story-media-card__shade{display:none;}
  .k_c-crossing-story-media-card__cta,
  .k_c-crossing-story-media-card__socials{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;}
  .k_c-crossing-story-media-card__socials{grid-column:1;grid-row:2;justify-self:start;}
  .k_c-crossing-story-media-card__cta{grid-column:1;grid-row:3;justify-self:stretch;}
  .k_c-crossing-story-media-card__socials{
    --k_c-social-bg:var(--site-text);
    --k_c-social-hover-bg:var(--site-button-dark-hover);
  }
  .k_c-crossing-story-media-card__cta{
    --k_c-button-bg:var(--site-text);
    --k_c-button-hover-bg:var(--site-button-dark-hover);
    color:var(--site-white);
  }
  .k_c-crossing-story-media-card__socials
/* Footer uses the approved 320 structure across the complete compact-phone range. */
  .k_c-legal__disclaimer{
    grid-column:1 / -1;
    grid-row:1;
    padding-right:0;
  }
  .k_c-legal__nav-group{
    grid-column:1 / -1;
    grid-row:2;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 20px;
    margin-top:40px;
  }
  .k_c-legal__nav-group > .k_c-legal__primary,
  .k_c-legal__nav-group > .k_c-legal__policies,
  .k_c-legal__nav-group > .k_c-legal__write{display:contents;}
  .k_c-legal__nav-group a{min-width:0;}
  .k_c-legal__copyright{grid-column:1 / -1;grid-row:3;margin-top:56px;justify-self:start;}
  .k_c-legal__credit{grid-column:1 / -1;grid-row:4;margin-top:16px;justify-self:start;}
}

/* 360–440 has enough width for the complete Practice sequence: keep it inside one full-width pill. */
@media (min-width:360px) and (max-width:440px) {
  :root{--site-brand-top:24px;--site-brand-karim-width:116px;}
  .k_c-site-header__brand-tagline{font-size:14px;}
  .k_c-site-header__brand-tagline > span{width:100%;margin:0;text-align:center;}

  .k_c-home-practice-sequence-wrap{overflow:hidden;}
  .k_c-practice-sequence,
  .k_c-practice-sequence.k_c-practice-sequence--visible{
    width:100%;
    max-width:100%;
    overflow:hidden;
    translate:0 0;
  }
  .k_c-practice-sequence__track{
    width:100%;
    min-width:100%;
    justify-content:space-between;
    gap:0;
  }
}

@media (max-width:359px) {
  :root{
    --site-statement-pad:8px;
    --site-type-display:52px;
    --site-type-display-xl:64px;
    --site-type-feature:38px;
    --site-social-control-height:32px;
    --site-social-gap:8px;
  }

  /* LEGACY v81 rollback — swipe existed only at <=359 with 84vw cards.
     v82 owns it once at <=640 with narrower cards and viewport-edge overflow. */

  /* Phone covers keep the authored hierarchy but must never overflow their content width. */
  .k_c-cover__title-primary .k_c__title,
  .k_c-briefs-cover-title{
    max-width:100%;
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
    text-wrap:balance;
  }
  .k_c-cover:not(.k_c-cover--crossing) .k_c-cover__title-primary .k_c__title{ text-indent:.45em; }
  .k_c-briefs-cover-title{text-indent:0;}

  .k_c-feature-footer__quote{overflow-wrap:normal;word-break:normal;text-wrap:balance;}

}

/* Only the smallest viewport may break inside Crossing's authored title lines.
   Above this point the desktop line composition is preserved and simply scales. */
@media (max-width:399px) {
  .k_c-cover--crossing .k_c__title{font-size:clamp(38px,12vw,46px);}
  .k_c-crossing-title-line{white-space:nowrap;}
  /* LEGACY v80 rollback: lines were allowed to wrap internally below 399px. */
}

/* LEGACY v81 rollback — reduced-motion chapter map had a separate overflow state.
   v82 is native swipe at all motion preferences, so no special branch is required. */

/* CONTENT BREAKPOINT — Approach cards are paired only while two honest columns still fit.
   The old <=1111 overlap with phone states is intentionally removed. */
@media (min-width:641px) and (max-width:1111px) {
  .k_c-approach-grid{grid-auto-rows:1fr;row-gap:20px;}
  .k_c-approach-rail > :nth-child(odd){grid-column:1 / span 6;}
  .k_c-approach-rail > :nth-child(even){grid-column:7 / span 6;}
  .k_c-approach-card--plain{grid-column:7 / span 6;}
  .k_c-approach-card{
    height:100%;
    min-height:0;
    aspect-ratio:1 / 1;
  }
  .k_c-approach-next-row > .k_c-start-1.k_c-span-8{grid-column:1 / -1;}
  .k_c-approach-next{grid-column:1 / -1;justify-content:flex-start;padding-top:0;}
}

/* CONTENT BREAKPOINT — cards become horizontal reading rows; the final statement is no longer a card. */
/* LEGACY v81 rollback — 481–579 used horizontal reading rows.
@media (min-width:481px) and (max-width:579px) { ... }
*/

/* MOBILE NATIVE RAILS — one behaviour from 640 down.
   Native horizontal swipe only; no vertical-scroll coupling. */
@media (max-width:640px) {
  .k_c-mobile-chapter-map{
    display:flex;
    grid-column:1 / -1;
    align-items:center;
    gap:8px;
    width:calc(100% + var(--site-cover-gutter));
    max-width:none;
    /* Same 32px rhythm as cover title → cover text. */
    margin-top:var(--site-space-32);
    margin-right:calc(-1 * var(--site-cover-gutter));
    padding:0 var(--site-cover-gutter) 4px 0;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .k_c-mobile-chapter-map::-webkit-scrollbar{display:none;}
  .k_c-crossing-cover-bottom > .k_c-crossing-cover-platforms{display:none;}
  .k_c-mobile-chapter-map__platforms{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
    --site-social-control-height:var(--site-control-height);
  }
  .k_c-mobile-chapter-map__platforms .k_c-social{
    width:var(--site-control-height);
    height:var(--site-control-height);
    flex-basis:var(--site-control-height);
  }
  .k_c-mobile-chapter-map a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    min-height:var(--site-control-height);
    padding:0 var(--site-pill-pad-x);
    border:0;
    border-radius:999px;
    background:var(--site-accent-chip-bg);
    color:var(--site-accent);
    font-family:"Zalando Sans",Arial,Helvetica,sans-serif;
    font-size:var(--site-type-body);
    line-height:var(--site-leading-body);
    font-weight:500;
    letter-spacing:-.02em;
    text-decoration:none;
    white-space:nowrap;
    scroll-snap-align:start;
  }
  .k_c-mobile-chapter-map .k_c-mobile-chapter-map__next{
    position:relative;
    width:var(--site-control-height);
    min-width:var(--site-control-height);
    height:var(--site-control-height);
    min-height:var(--site-control-height);
    padding:0;
    border-radius:50%;
  }
  .k_c-mobile-chapter-map__next::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:16px;
    height:10px;
    background:currentColor;
    -webkit-mask:url("https://static.tildacdn.com/tild3765-3439-4864-a565-303866313737/photo.svg") center / contain no-repeat;
    mask:url("https://static.tildacdn.com/tild3765-3439-4864-a565-303866313737/photo.svg") center / contain no-repeat;
    transform:translate(-50%,-50%) rotate(90deg);
    transform-origin:50% 50%;
  }

  /* Approach: only the actual cards swipe. The concluding sentence stays in normal flow below the rail. */
  .k_c-approach-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-auto-rows:auto;
    gap:0;
    width:100%;
    max-width:100%;
    margin-right:0;
    padding:0;
    overflow:visible;
  }
  .k_c-approach-rail{
    display:flex;
    grid-column:1 / -1;
    align-items:stretch;
    gap:16px;
    width:calc(100% + var(--site-gutter));
    max-width:none;
    margin-right:calc(-1 * var(--site-gutter));
    padding:0 var(--site-gutter) 4px 0;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .k_c-approach-rail::-webkit-scrollbar{display:none;}
  .k_c-approach-rail > *{
    flex:0 0 min(74vw,320px);
    min-width:0;
    grid-column:auto;
    grid-row:auto;
    scroll-snap-align:start;
  }
  .k_c-approach-card{
    display:flex;
    flex-direction:column;
    aspect-ratio:auto;
    height:auto;
    min-height:0;
    align-self:stretch;
  }
  .k_c-approach-card p{margin-top:auto;padding-top:24px;}
  .k_c-approach-card--plain{
    grid-column:1 / -1;
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    margin-top:var(--site-space-48);
    align-self:start;
    padding:0;
    background:transparent;
  }
}

/* Narrow controls keep readable scale; behaviour changes instead of shrinking further. */
@media (max-width:439px) {
  .k_c-button{
    max-width:100%;
    height:auto;
    min-height:var(--site-control-height);
    padding-block:10px;
    white-space:normal;
    text-align:center;
    line-height:1.25;
  }
  .k_c-home-practice-controls{gap:20px;}
  .k_c-home-practice-cta-wrap{width:100%;}
  .k_c-home-practice-cta-wrap .k_c-practice-cta{width:100%;max-width:none;}
  .k_c-approach-next{justify-content:stretch;}
  .k_c-approach-next .k_c-button{width:100%;max-width:none;}
}

/* Practice sequence scroll-driving belongs only to the genuinely narrow 320–359 state.
   At 360–440 the complete sequence uses the ordinary full-width pill from the mobile owner above. */
@media (max-width:359px) {
  .k_c-home-practice-sequence-wrap{overflow:visible;}
  .k_c-practice-sequence{
    width:var(--practice-sequence-track-width,max-content);
    max-width:none;
    overflow:visible;
    translate:var(--practice-sequence-shift,0px) 0;
    will-change:translate;
  }
  .k_c-practice-sequence.k_c-practice-sequence--visible{width:var(--practice-sequence-track-width,max-content);}
  .k_c-practice-sequence::before{display:none;}
  .k_c-practice-sequence__track{
    width:max-content;
    min-width:max-content;
    justify-content:flex-start;
    gap:18px;
    transform:none;
  }
}

@media (max-width:359px) and (prefers-reduced-motion:reduce) {
  .k_c-practice-sequence,
  .k_c-practice-sequence.k_c-practice-sequence--visible{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    scrollbar-width:none;
    --practice-sequence-shift:0px;
    translate:0 0;
  }
  .k_c-practice-sequence::before{display:block;transform:none;}
  .k_c-practice-sequence::-webkit-scrollbar{display:none;}
}