@font-face{
  font-family:'Montserrat Brand';
  src:url('assets/fonts/montserrat-brand.woff2') format('woff2');
  font-style:normal;
  font-weight:900;
  font-display:swap;
}
:root{--display:'Montserrat Brand',Arial,sans-serif;--serif:var(--display);--ink:#2b4f36}
.wordmark{gap:11px;letter-spacing:.1px;font-family:var(--display);font-weight:900;line-height:1.05;white-space:normal}
.brand-symbol{display:block;width:48px;height:53px;flex:none;border-radius:2px}
.brand-name{font-size:18px;letter-spacing:.15px}
h1,h2,h3{font-family:var(--display);font-weight:900;font-synthesis:none}
h1 em,h2 em{font-style:normal;font-weight:900}
.hero h1{font-size:clamp(84px,8.25vw,126px);line-height:1.02;letter-spacing:-.025em}
.hero-copy{width:52%}
.hero-description{margin-top:27px}
.heading-star{top:3px;right:-51px;font-size:34px}
h2{font-size:clamp(32px,3.5vw,53px);letter-spacing:-1.6px;line-height:1.13}
.benefit h2{font-size:23px;line-height:1.15;letter-spacing:-.8px}
.product-heading h3{font-size:27px;letter-spacing:-.9px}
.fitting h2{font-size:clamp(30px,3.1vw,47px);letter-spacing:-1.5px}
.showroom h2{font-size:clamp(35px,3.9vw,60px);letter-spacing:-1.8px;max-width:820px}
.room-sizes button{font-family:var(--display);font-weight:900;font-size:28px;letter-spacing:-1px}
.product-number,.room-annotation,.peek-note{font-family:var(--sans);font-style:normal}
.room-annotation{font-size:13px}.peek-note{font-size:13px}.product-number{font-size:14px}
dialog h2{font-size:36px;letter-spacing:-1.3px}
@media(min-width:761px) and (max-width:1100px){
  .brand-name{font-size:15px}.brand-symbol{width:42px;height:46px}.site-header nav{gap:14px;font-size:11px}
  .hero h1{font-size:clamp(57px,6.6vw,73px);letter-spacing:-2.4px}
  .hero-copy{width:57%}.fitting-copy{padding-right:25px}.showroom h2{max-width:740px}
}
@media(max-width:760px){
  .site-header{height:88px}.brand-symbol{width:39px;height:43px}.brand-name{font-size:14px}.wordmark{gap:8px}
  .hero-copy{width:auto;padding-top:120px;margin-right:var(--gutter)}
  .hero h1{font-size:clamp(50px,16.4vw,72px);line-height:1.04;letter-spacing:-.025em}
  .hero-eyebrow{font-size:8px;letter-spacing:1px}.hero-description{margin:23px 0}
  .heading-star{display:none}
  h2,.fitting h2,.faq-intro h2{font-size:32px;line-height:1.16;letter-spacing:-1.2px}
  .benefit{grid-template-columns:1fr 1.2fr;gap:8px 18px}.benefit h2{font-size:20px;letter-spacing:-.6px}
  .product-heading h3{font-size:26px}.showroom h2{font-size:33px;max-width:100%;letter-spacing:-1px}
  .showroom h2 em{display:inline}.peek-note{font-size:10px}.room-annotation{font-size:11px}
  dialog h2{font-size:30px}.site-footer .wordmark{width:auto}.site-footer{row-gap:28px}
}
@media(max-width:360px){
  .brand-symbol{width:34px;height:38px}.brand-name{font-size:12px}.site-header{height:80px}
  .hero-copy{padding-top:108px}.hero h1{font-size:52px;letter-spacing:-.025em}
  .hero-eyebrow{font-size:7px;letter-spacing:.6px}
  h2,.fitting h2,.faq-intro h2{font-size:27px;letter-spacing:-1px}
  .benefit h2{font-size:18px}.product-heading h3{font-size:24px}.showroom h2{font-size:28px}
}