@import url('./assets/fonts/caveat.css');

/* The confident wordmark has a human, handwritten counterpoint. */
.welcome .welcome-headline { max-width:510px; font-size:inherit; line-height:1; font-weight:800; letter-spacing:normal; }
.welcome-headline-main { display:block; color:var(--ink); font-size:48px; font-weight:850; line-height:1.05; letter-spacing:-.05em; white-space:nowrap; }
.welcome-headline-hand { display:block; width:fit-content; max-width:100%; margin-top:1px; margin-left:3px; color:var(--red); transform:rotate(-2.5deg); transform-origin:left center; }
.welcome-headline-hand > span { display:block; font-family:'Caveat',cursive; font-size:72px; font-weight:600; line-height:1.02; letter-spacing:-.025em; white-space:nowrap; }
.welcome-headline-hand .welcome-headline-stroke { display:block; width:93%; height:10px; margin-top:-1px; margin-left:10px; }
.welcome .welcome-intro-crafted { max-width:42ch; margin:21px 0 29px; font-size:14px; line-height:1.65; color:var(--muted); }
.welcome-headline-en .welcome-headline-main { font-size:46px; }
.welcome-headline-en .welcome-headline-hand > span { font-size:62px; }
@media(max-width:1000px) {
  .welcome-headline-main { font-size:40px; }
  .welcome-headline-hand > span { font-size:64px; }
  .welcome-headline-en .welcome-headline-main { font-size:36px; }
  .welcome-headline-en .welcome-headline-hand > span { font-size:53px; }
}
@media(max-width:760px) {
  .welcome-headline-main { font-size:36px; }
  .welcome-headline-hand { margin-left:2px; }
  .welcome-headline-hand > span { font-size:56px; }
  .welcome-headline-hand .welcome-headline-stroke { height:8px; margin-left:8px; }
  .welcome .welcome-intro-crafted { max-width:40ch; margin:17px 0 23px; font-size:13px; line-height:1.6; }
  .welcome-headline-en .welcome-headline-main { font-size:34px; }
  .welcome-headline-en .welcome-headline-hand > span { font-size:50px; }
}
@media(max-width:370px) {
  .welcome-headline-main { font-size:32px; }
  .welcome-headline-hand > span { font-size:50px; }
  .welcome-headline-en .welcome-headline-main { font-size:30px; }
  .welcome-headline-en .welcome-headline-hand > span { font-size:42px; }
}