/* Display, reading and utility type have distinct roles. Serif names identify products. */
:root{--type-body:16px;--type-small:13px;--type-label:12px;--type-section:clamp(34px,4.1vw,60px)}
h1,h2,h3{letter-spacing:-.035em;line-height:1.1}
h2{font-size:var(--type-section)}
.hero h1{letter-spacing:-.045em;line-height:1.08}
.eyebrow{font-size:12px;letter-spacing:.065em}
.text-link{font-size:14px;min-height:44px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;line-height:1.4}
.text-link:hover{text-decoration-thickness:2px}
.header-cta{gap:0}.button{gap:16px}
.introduction h2{font-size:clamp(34px,3.6vw,52px);letter-spacing:-.035em}
.introduction{padding-block:85px}
.choose-heading h2{font-size:clamp(34px,3.6vw,52px)}
.choice-options>button>span:first-child{letter-spacing:-.02em;line-height:1.25;padding-right:0}
.choice-options>button:hover>span:first-child{text-decoration:underline;text-underline-offset:5px}
.choice-options>button{padding-bottom:32px}.choice-options small{font-size:14px;line-height:1.5}
.story-copy>p:not(.eyebrow){line-height:1.7}
.atelier .range-heading h2{font-size:clamp(36px,4.1vw,60px);letter-spacing:-.035em;line-height:1.1}
.atelier .range-heading .eyebrow{font-size:12px;letter-spacing:.065em}
.atelier .stage-copy h3,.showcase-dialog h2{letter-spacing:-.035em;line-height:1.08}
.atelier .stage-copy #product-description{font-size:15px;line-height:1.65}
.atelier .stage-copy .product-tagline{letter-spacing:-.025em;line-height:1.2}
.atelier .product-kind,.product-register,.photo-toolbar,.collection-controls p,#collection-position{font-size:12px;letter-spacing:.035em}
.atelier .range-tabs small{font-size:12px}.atelier .range-tabs .tab-number{font-size:11px}
.product-facts>div{font-size:13px}.photo-toolbar button{font-size:12px}
.atelier-cta{justify-content:center;font-size:14px}.atelier .product-actions .text-link{justify-content:flex-start;font-size:14px}
#collection-position{white-space:nowrap;flex-shrink:0}.collection-controls>div{flex-shrink:0}
.range-bottom p{font-size:14px}.range-bottom .text-link{font-size:14px}
.showcase-dialog .eyebrow,.catalogue-reference{font-size:12px}.showcase-dialog .showcase-detail-item p{font-size:15px;line-height:1.65}
.detail-copy [role=tabpanel] p{font-size:15px;line-height:1.6}.detail-copy>p:not(.eyebrow){line-height:1.65}
.location-search-label,.location-filters label,.location-count{font-size:12px}
.location-card .location-meta{font-size:11px;letter-spacing:.035em}.location-card p{font-size:14px;line-height:1.6}.location-card .text-link,.reseller-help .text-link{font-size:13px}.reseller-help p{font-size:14px}
.map-placeholder h3{font-family:inherit;font-weight:500;font-size:clamp(34px,3.2vw,48px);letter-spacing:-.035em;line-height:1.1}
.map-placeholder small,.location-source-note,.map-footnote p,.map-footnote .text-link{font-size:12px;line-height:1.6}
.location-empty p{font-size:14px}.location-empty :is(a,button){font-size:14px}
.footer-main>div{font-size:14px}.footer-bottom{font-size:12px;line-height:1.6}
.catalog-filters button{min-height:44px}.form-hint,.dialog-note{font-size:13px!important;line-height:1.65}
@media(max-width:900px){.atelier .range-tabs strong{font-size:14px}.atelier .range-tabs small{font-size:11px}.atelier .range-tabs .tab-number{font-size:11px}}
@media(max-width:767px){
 .hero h1{letter-spacing:-.035em}.hero-description{font-size:15px;line-height:1.6}.hero .button{font-size:14px}
 .introduction{padding-block:55px}.introduction h2,.choose-heading h2{font-size:36px;line-height:1.13}.introduction>p:last-child,.choose-heading p{font-size:15px;line-height:1.65}.choose-section{padding-block:60px}
 .story h2,.detail-copy h2{font-size:38px;line-height:1.12;letter-spacing:-.035em}.story-copy>p:not(.eyebrow),.detail-copy>p:not(.eyebrow){font-size:15px;line-height:1.65}
 .choice-options small{font-size:13px}.choice-options>button{padding:23px 16px}
 .footer-main>div{font-size:13px}.atelier .product-register{font-size:11px}.atelier .stage-copy #product-description{font-size:15px}
 .atelier .range-tabs strong{font-size:15px}.atelier .range-tabs small{font-size:12px}.atelier .range-heading h2{font-size:36px;line-height:1.12}.range-heading-aside .text-link{font-size:14px}.collection-controls p{font-size:11px}.photo-toolbar{font-size:11px}.photo-toolbar button{font-size:12px}
 .range-bottom .text-link{justify-content:flex-start}.mattress-comparison table{font-size:12px}.mattress-comparison .comparison-note{font-size:12px}
}