/* One self-hosted family and one shared type scale for every page. */
@font-face{font-family:Inter;src:url('fonts/inter-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-500.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-600.woff') format('woff');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-700.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
:root{--font-site:Inter,Arial,sans-serif;--type-h1:clamp(36px,4.4vw,64px);--type-h2:clamp(30px,3.2vw,46px);--type-h3:clamp(21px,1.8vw,26px);--type-body:16px;--type-small:14px}
body{font-family:var(--font-site)!important;font-size:var(--type-body);font-weight:400;line-height:1.7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body :where(h1,h2,h3,h4,h5,h6,p,a,span,strong,b,em,small,li,dt,dd,div,button,input,textarea,select,label,legend,summary,figcaption,th,td){font-family:var(--font-site)!important}
h1,h2,h3,h4,h5,h6{font-weight:700!important}
h1{font-size:var(--type-h1)!important;line-height:1.1!important;letter-spacing:-.04em!important;text-wrap:balance}
h2{font-size:var(--type-h2)!important;line-height:1.16!important;letter-spacing:-.035em!important;text-wrap:balance}
h3{font-size:var(--type-h3)!important;line-height:1.3!important;letter-spacing:-.02em!important;text-wrap:balance}
h4,h5,h6{font-size:18px!important;line-height:1.35!important;letter-spacing:-.01em}
main p,section p{line-height:1.7}
:where(.intro,.company-copy,.product-description,.detail-description,.faq-answer) p{font-size:16px!important;font-weight:400!important}
:where(.hero-copy,.category-copy,.work-hero,.company-hero,.showrooms-hero,.why-heading,.resources-heading)>p{font-size:clamp(17px,1.4vw,20px)!important;line-height:1.65!important}
body .eyebrow,body .project-category{font-size:12px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:.13em!important}
body .btn,body .textlink,body .model-link{font-family:var(--font-site)!important;font-size:15px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0!important}
body input,body select,body textarea{font-size:16px!important;line-height:1.5!important}
body .category-tabs button,body .filters button{font-size:15px!important;font-weight:600!important;letter-spacing:0!important}
body .model-info h3,body .product h3,body .sr-card h3,body .related-card h3,body .resource-card h3{font-size:24px!important;line-height:1.25!important}
body .benefit h3,body .features h3{font-size:20px!important;line-height:1.3!important}
body .benefit p,body .features p,body .resource-card p{font-size:15px!important;line-height:1.65!important}
body .sr-row{font-size:14px;line-height:1.7}
body .sr-detail .sr-row{font-size:16px}
body .sr-detail h2,body .config-group h2,body .config-group h3,body .configurator h2{font-size:22px!important;letter-spacing:-.02em!important}
body .configurator h1{font-size:clamp(32px,3.2vw,46px)!important}
body .project-gallery-head h2,body .related-head h2{font-size:clamp(25px,2.4vw,32px)!important}
body dialog h2{font-size:30px!important}
body .sr-edit h1{font-size:36px!important}
body #engagements .why-item h3{font-size:clamp(18px,1.8vw,28px)!important;line-height:1.2!important;letter-spacing:-.025em!important}
body #engagements .why-heading p{font-size:clamp(17px,1.4vw,21px)!important}
body .mega-intro-copy>strong{font-size:clamp(24px,1.8vw,32px)!important;font-weight:700;line-height:1.15!important;letter-spacing:-.035em!important}
body .mega-label{font-weight:600!important;line-height:1.25!important;letter-spacing:-.02em!important}
body header nav,body header .product-nav-toggle{font-weight:600!important;letter-spacing:-.02em!important}
body .sr-foot a{font-size:12px;letter-spacing:.07em;font-weight:600}
body footer h3{font-size:13px!important;letter-spacing:.1em!important;line-height:1.5!important}
body footer p,body footer a{font-size:14px;line-height:1.7}
body :where(.caption,.preview-note,.model-note,.finish-status,.project-photo-note,.projects-note,.sr-image-note){font-size:12px!important;line-height:1.6!important}
body .crumbs,body .breadcrumbs{font-size:13px;line-height:1.6}
@media(min-width:1201px){body header nav{font-size:14px!important;gap:12px!important}body header .logo{width:155px}body header .nav>.btn{padding:16px 18px}}
@media(min-width:1440px){body header nav{font-size:16px!important;gap:18px!important}body header .logo{width:185px}}
@media(min-width:1750px){body header nav{font-size:18px!important;gap:24px!important}}
@media(max-width:900px){body #engagements .why-item h3{font-size:clamp(14px,3.7vw,20px)!important}body .why-heading h2{display:block!important}}
@media(max-width:700px){:root{--type-h1:clamp(34px,8vw,44px);--type-h2:clamp(28px,6.5vw,36px);--type-h3:22px}body .btn{font-size:14px!important}body .model-info h3,body .sr-card h3{font-size:22px!important}body .mega-intro-copy>strong{font-size:25px!important}}