/* Self-hosted font files (fonts/) and role mapping from the original Schaefer site. */
@font-face {
  font-family:'Conduit ITC Std';
  src:url('./fonts/conduit-regular.woff2') format('woff2');
  font-style:normal;font-weight:400;font-display:swap;
}
@font-face {
  font-family:'Conduit ITC Std Medium';
  src:url('./fonts/conduit-medium.woff2') format('woff2');
  font-style:normal;font-weight:400;font-display:swap;
}
@font-face {
  font-family:'Conduit ITC Std Bold';
  src:url('./fonts/conduit-bold.woff2') format('woff2');
  font-style:normal;font-weight:400;font-display:swap;
}
@font-face {
  font-family:'Lato Site';
  src:url('./fonts/lato-regular.woff2') format('woff2');
  font-style:normal;font-weight:700;font-display:swap;
}
:root {
  --font-display:'Conduit ITC Std Medium',Arial,sans-serif;
  --font-body:'Conduit ITC Std',Arial,sans-serif;
  --font-nav:'Conduit ITC Std Bold',Arial,sans-serif;
  --font-button:'Lato Site',Arial,sans-serif;
  --text-xs:.8125rem;
  --text-sm:1rem;
  --text-base:1.125rem;
  --text-lg:1.25rem;
  --text-xl:clamp(1.875rem,2.8vw,2.75rem);
  --text-hero:clamp(2.75rem,6vw,5rem);
}
h1,h2 {
  text-transform:uppercase;
  letter-spacing:.05em;
  line-height:1.06;
}
h1 {font-weight:400}
h2 {font-weight:700}
.hero h1 {max-width:900px}
.hero .eyebrow,.eyebrow,.step-label {
  font-family:var(--font-nav);
  font-weight:400;
}
.header nav>a,.nav-enquire,.menu-button {
  font-family:var(--font-nav);
  font-size:1.125rem;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.015em;
}
.button,.text-button {
  font-family:var(--font-button);
  font-weight:700;
  font-size:.875rem;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.text-link,summary,.attribution strong,.proof strong,h3 {
  font-family:var(--font-nav);
  font-weight:400;
}
.range-card h3 {
  font-family:var(--font-display);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.story-copy h2 {line-height:1.12}
.quote-card blockquote {min-height:240px}
.quote-mark {font-family:var(--font-display)}
@media(max-width:1150px) {
  .header nav {gap:var(--space-4)}
  .header nav>a,.nav-enquire {font-size:1rem}
  .quote-card blockquote {min-height:310px}
}
@media(max-width:900px) {
  .quote-card blockquote {min-height:0}
}
@media(max-width:600px) {
  .hero h1 {line-height:1.06;letter-spacing:.035em}
  .hero-intro {font-size:var(--text-base)}
  .hero .actions {gap:var(--space-3)}
  .hero-bottom>span {max-width:180px}
  .story-copy h2 {font-size:1.875rem}
  .header .menu-button {font-size:1rem}
  .button {gap:var(--space-6)}
}