@font-face{font-family:"Pirou";src:url("../fonts/Pirou-Regular.e58c408c815b.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
:root{--font-display:"Pirou","DM Serif Display",Georgia,serif}
h1,h2,.price{text-wrap:balance;font-weight:400;letter-spacing:.01em}
.showcase-hero h1,.pricing-header h1,.stream-hero h1,.legal-page h1{letter-spacing:.015em}

/* Keep large display headings inside narrow Android viewports without ever
   splitting a word. */
@media(max-width:560px){
  .showcase-hero-copy{
    left:6vw;
    right:6vw;
    width:auto;
    min-width:0;
    max-width:none;
  }
  .events-heading{min-width:0;max-width:100%}
  .showcase-hero h1,.events-heading h1,.editorial-hero h1{
    max-width:100%;
    font-size:clamp(30px,10vw,42px);
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }
  .showcase-hero-copy>p,.events-heading>p{max-width:100%}
}

@media(max-width:360px){
  .showcase-hero h1,.events-heading h1,.editorial-hero h1{font-size:30px}
}
