/* Friendly type (2026-10-06): Figtree replaces the condensed display face and Atkinson body face.
   Figtree is wider than the old display face, so headings get looser leading and a lighter weight.
   The Strykia wordmark keeps its own face (see .mark in site.css). */
h1,h2,h3,h4{font-weight:700;line-height:1.1;letter-spacing:-.02em;word-spacing:0}
body{line-height:1.65}
.sheet__head strong,.sheet__title,.est thead th,.dim,.print,.when{letter-spacing:.05em}
.btn{letter-spacing:0}
/* the two nowrap price spots can be wider in Figtree: let them wrap or shrink instead of overflowing */
.phero__meta b{font-size:clamp(1.3rem,1rem + 1vw,1.7rem);white-space:normal;text-align:right}
@media (max-width:400px){.order .lines li{grid-template-columns:minmax(0,1fr)}.order .lines b{white-space:normal;font-size:1.35rem}}
/* Home hero, wide screens: the price tags sit on fixed ruler marks, so a wider headline ran into them.
   Cap the headline, and move the whole row of tags to the right of it (snapped to whole inches on the blade). */
@media (min-width:1380px){
  .hero h1{font-size:5rem;max-width:540px}
  .reads{--x1:768px}
  .read:nth-child(1){--x:var(--x1)}
  .read:nth-child(2){--x:calc(var(--x1) + 192px)}
  .read:nth-child(3){--x:calc(var(--x1) + 384px)}
}
@supports (width:round(up,10px,48px)) and (width:max(1px,2px)){
  @media (min-width:1380px){ .reads{--x1:max(768px,round(up,calc(50vw - 20px),48px))} }
}