/* A printed headline with live marker strokes, fitted to one stable line. */
.thinking-home .hero-title-typewriter{--marker-yellow:#ffe500;container-type:inline-size}
.thinking-home .hero-title-typewriter .typewriter-stage{font-size:clamp(1px,11cqw,112px)}
.thinking-home .hero-title-typewriter .hero-static{font-size:clamp(1px,12cqw,120px)}
.thinking-home .hero-title-typewriter .hero-payoff{font-size:clamp(1px,9cqw,90px)}
.hero-title-typewriter,.direction-diner,.direction-blueprint,.direction-statement{--typewriter-line-gap:10px}
.thinking-home .hero-title-typewriter{--typewriter-line-gap:8px}
.thinking-home .hero-copy{background:var(--brand-paper);border-radius:18px 0 0 18px}
.thinking-home .hero-title-typewriter .hero-static,.thinking-home .hero-title-typewriter .hero-payoff{color:var(--brand-ink);letter-spacing:0}
.thinking-home .hero-title-typewriter .hero-static{font-weight:600}
.thinking-home .hero-title-typewriter .hero-payoff{font-family:var(--display);font-weight:700}
.hero-title-typewriter .typewriter-stage[data-typewriter-marker=yellow]{--marker-colour:var(--marker-yellow,#ffe500)}
.hero-title-typewriter .typewriter-stage[data-typewriter-layout] [data-typewriter-text]{position:relative;z-index:1;color:var(--brand-ink)}
.hero-title-typewriter .typewriter-stage[data-typewriter-layout] .typewriter-ink{isolation:isolate}
.hero-title-typewriter .typewriter-ink::before{
  content:'';position:absolute;z-index:0;pointer-events:none;
  left:var(--marker-left,0px);top:var(--marker-top,0px);
  width:var(--marker-width,0px);height:var(--marker-height,0px);opacity:var(--marker-visible,0);
  background:linear-gradient(178deg,#ffffff19 0%,transparent 18%,#ffffff14 49%,transparent 67%,#3d434814 100%),repeating-linear-gradient(0deg,transparent 0px,transparent 2px,#fff2 2.3px,transparent 2.9px),var(--marker-colour,var(--highlight-blue));
  clip-path:polygon(0 8%,3% 3%,20% 5%,42% 0,61% 4%,82% 2%,99% 7%,100% 94%,96% 98%,74% 96%,53% 100%,30% 95%,12% 99%,1% 93%);
  box-shadow:inset 0 2px 0 #fff3,inset 0 -2px 0 #3d434814;
}
:is(.hero,.direction-diner,.direction-blueprint,.direction-statement) .typewriter-stage[data-typewriter-layout]{
  position:relative;
  display:block;
  height:var(--typewriter-row-height,1.1em);
  block-size:var(--typewriter-row-height,1.1em);
  min-height:0;
  min-block-size:0;
  margin:var(--typewriter-line-gap,10px) 0 0;
  padding:0;
  line-height:1;
  letter-spacing:0;
  word-spacing:0;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  overflow-x:clip;
  overflow-y:visible;
}
:is(.hero,.direction-diner,.direction-blueprint,.direction-statement) .typewriter-stage[data-typewriter-layout] .typewriter-measure{
  display:none!important;
}
:is(.hero,.direction-diner,.direction-blueprint,.direction-statement) .typewriter-stage[data-typewriter-layout] .typewriter-measure::after{
  content:none;
}
:is(.hero,.direction-diner,.direction-blueprint,.direction-statement) .typewriter-stage[data-typewriter-layout] .typewriter-ink{
  position:absolute;
  top:0;
  right:auto;
  bottom:auto;
  left:0;
  display:inline-block;
  width:max-content;
  max-width:none;
  height:auto;
  block-size:auto;
  padding:0;
  margin:0;
  line-height:1;
  letter-spacing:0;
  word-spacing:0;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  text-align:left;
}
:is(.hero,.direction-diner,.direction-blueprint,.direction-statement) .typewriter-stage[data-typewriter-layout] [data-typewriter-text]{
  display:inline-block;
  max-width:none;
  line-height:1;
  letter-spacing:0;
  word-spacing:0;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  text-transform:none;
  font-synthesis:none;
  font-kerning:normal;
}
:is(.hero,.direction-diner,.direction-blueprint,.direction-statement) .typewriter-stage[data-typewriter-layout] .cw-baseline-probe{
  display:inline-block;
  width:0;
  height:0;
  padding:0;
  margin:0;
  border:0;
  font-size:0;
  line-height:0;
  vertical-align:baseline;
}
.cw-fixed-baseline-probe{display:inline-block;width:0;height:0;padding:0;margin:0;border:0;font-size:0;line-height:0;vertical-align:baseline}
:is(.hero,.direction-diner,.direction-blueprint,.direction-statement) .typewriter-stage[data-typewriter-layout] .typewriter-caret{
  display:inline-block;
  width:2px;
  margin-left:4px;
  padding:0;
  border:0;
  color:inherit;
  background:currentColor;
  font-size:0;
  line-height:0;
  overflow:hidden;
}
.hero .hero-title-typewriter .hero-static,
.direction-diner h1 .typewriter-base,
.direction-blueprint h1 .typewriter-base,
.direction-statement h1 .typewriter-base{
  display:block;
  margin:0;
  padding-block:0;
  line-height:1.08;
  letter-spacing:normal;
  word-spacing:normal;
  white-space:nowrap;
}
.hero .hero-title-typewriter .hero-payoff,
.direction-diner .typewriter-payoff,
.direction-blueprint .typewriter-payoff,
.direction-statement .typewriter-payoff{
  display:block;
  max-width:none;
  margin:var(--typewriter-line-gap,10px) 0 0;
  padding-block:0;
  line-height:1.1;
  letter-spacing:normal;
  word-spacing:normal;
  white-space:nowrap;
}
/* Fixed copy and highlighted ink share one reading edge. */
.thinking-home .hero-title-typewriter .hero-static,
.thinking-home .hero-title-typewriter .hero-payoff{margin-inline-start:var(--typewriter-text-inset,0px)}
.thinking-home .hero-title-typewriter .typewriter-stage[data-typewriter-layout]{margin-inline-end:calc(0px - var(--typewriter-text-inset,0px))}
@media(max-width:1000px){.thinking-home .hero-copy{border-radius:18px 18px 0 0}}
@media(max-width:520px){.hero-title-typewriter,.direction-diner,.direction-blueprint,.direction-statement{--typewriter-line-gap:8px}.thinking-home .hero-title-typewriter{--typewriter-line-gap:5px}.thinking-home .hero-copy{border-radius:14px 14px 0 0}}
@media(forced-colors:active){.hero-title-typewriter .typewriter-ink::before{background:Highlight;clip-path:none}.hero-title-typewriter .typewriter-stage[data-typewriter-layout] [data-typewriter-text]{color:HighlightText}}
@media(prefers-reduced-motion:reduce){
  :is(.hero,.direction-diner,.direction-blueprint,.direction-statement) .typewriter-stage[data-typewriter-layout] .typewriter-caret{
    display:none;
    animation:none;
  }
}