.header .itfting-brand{width:111px!important;height:39px!important;object-fit:contain!important}
/* Center the larger header wordmark within the full navigation bar height. */
.header .header-logo-nav-wrap > .header__logo{
  --itfting-logo-expanded:9rem;
  --itfting-logo-size:var(--itfting-logo-expanded);
  --logo-header:var(--itfting-logo-size);
  transition:width .2s ease-out;
  display:flex;
  align-items:center;
  align-self:stretch;
  flex-shrink:0;
  padding-block:0!important;
}
.header .header__logo > a{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:0;
}
.header .header__logo .itfting-brand{
  display:block;
  width:var(--itfting-logo-size)!important;
  transition:width .2s ease-out;
  height:auto!important;
  max-width:none!important;
}
@media(max-width:1280px){
  .header .header-logo-nav-wrap > .header__logo{--itfting-logo-expanded:8rem}
}

/* Reference wordmark shrinks from 111px to 99px (33/37) with its desktop header. */
@media(min-width:73.8125rem){
  .header.scroll .header-logo-nav-wrap > .header__logo{
    --itfting-logo-size:calc(var(--itfting-logo-expanded) * .8918918919);
  }
}
@media(prefers-reduced-motion:reduce){
  .header .header-logo-nav-wrap > .header__logo,
  .header .header__logo .itfting-brand{transition:none}
}

/* User-supplied Yuhan Kimberly webfonts, scoped to both note bars.
   Optical sizing: Korean glyphs fill ~87% em versus the reference capitals at ~65%. */
@font-face{font-family:'yuhan-kimberly_font_WebFont';src:url('/tend-home/yuhan-kimberly-light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'yuhan-kimberly_font_WebFont';src:url('/tend-home/yuhan-kimberly-medium.woff2') format('woff2');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:'yuhan-kimberly_font_WebFont';src:url('/tend-home/yuhan-kimberly-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
.slide-notes-wrap .splide__slide,
.slide-notes-wrap .slide-notes-wrap-col-2 a{
  font-family:'yuhan-kimberly_font_WebFont',sans-serif;
  font-size:.75rem;
  white-space:nowrap;
}
.slide-notes-wrap .splide-notes{flex:1;min-width:0;max-width:none}
@media(max-width:40rem){
  .slide-notes-wrap .splide__slide,
    .slide-notes-wrap .slide-notes-wrap-col-2 a{font-size:.625rem}
}

/* Emphasize both fixed links with the supplied bold font face. */
.slide-notes-wrap .slide-notes-wrap-col-2 a{font-weight:700}

/* Why itfting? uses the reference stylesheet's size, weight, line-height,
   padding, alignment and responsive rules, without Korean optical adjustments. */
.slide-notes-wrap .slide-notes-wrap-col-1 a{font-family:'Founders Grotesk',sans-serif}

/* Original Why Tend typography, isolated to the fluorescent header bar. */
@font-face{font-family:'Tend Topbar Latin';src:url('/tend-home/founders-grotesk-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
.header__topbar.slide-notes-wrap .slide-notes-wrap-col-1 a{
  font-family:'Tend Topbar Latin',sans-serif;
  font-size:1rem;
  font-weight:500;
  font-style:normal;
  line-height:1.8125;
  letter-spacing:normal;
  height:2.5rem;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:0 1.25rem .125rem;
  transform:none;
}
@media(max-width:73.75rem){.header__topbar.slide-notes-wrap .slide-notes-wrap-col-1 a{height:2.125rem}}
@media(max-width:40rem){.header__topbar.slide-notes-wrap .slide-notes-wrap-col-1 a{font-size:.8125rem;padding-inline:.625rem}}
@media(max-width:21.875rem){.header__topbar.slide-notes-wrap .slide-notes-wrap-col-1 a{padding-inline:.3125rem}}

html[lang="ko"] .header,html[lang="ko"] .header button,html[lang="ko"] .header input,html[lang="ko"] .slide-notes-wrap{font-family:'Founders Grotesk',sans-serif}