/* Live, selectable C-5 title; scoped to the hero on desktop and mobile. */
@font-face {
  font-family:'Temco Hero';
  src:url('assets/fonts/Outfit-Variable.ttf') format('truetype');
  font-weight:100 900; font-style:normal; font-display:swap;
}
.c3-series { gap:12px; align-items:baseline; }
.c3-series strong {
  font-family:'Temco Hero','Temco Sans',sans-serif;
  font-weight:700; letter-spacing:-.025em; text-shadow:none;
  transform:scaleX(1.12); transform-origin:left center; margin-right:.23em;
}
.c3-series > span {
  font-family:'Temco Sans',sans-serif;
  font-weight:300; letter-spacing:-.055em;
}
.c3-product figcaption strong {
  font-family:'Temco Hero','Temco Sans',sans-serif;
  font-weight:700; letter-spacing:-.025em;
  transform:scaleX(1.12); transform-origin:center;
}
@media(min-width:1101px) {
  .c3-series strong { font-size:clamp(84px,6.1vw,117px); }
  .c3-series > span { font-size:clamp(49px,3.65vw,70px); }
}
@media(min-width:1101px) and (max-width:1250px) {
  .c3-series { gap:10px; }
  .c3-series strong { font-size:77px; }
  .c3-series > span { font-size:46px; }
}
@media(min-width:701px) and (max-width:1100px) {
  .c3-series strong { font-size:clamp(76px,10vw,98px); }
  .c3-series > span { font-size:clamp(44px,5.9vw,58px); }
}
@media(max-width:700px) {
  .c3-series { gap:10px; }
  .c3-series strong { font-size:78px; }
  .c3-series > span { font-size:47px; }
}
@media(max-width:370px) {
  .c3-series strong { font-size:66px; }
  .c3-series > span { font-size:40px; }
}