/* Desktop mark: 25% above the preceding half-size revision. */
.header-quote-icon{display:none}
@media(min-width:1101px){
 :root{--header-height:88px}
 .site-header .brand{width:105.625px;min-height:44px}
 .site-header .brand picture{height:67.5px}
 .site-header.is-scrolled .brand picture{height:50px}
 .site-header.is-scrolled .header-inner{min-height:72px}
 html{scroll-padding-top:104px}
}
@media(min-width:1101px) and (max-width:1300px){.site-header .brand{width:93.75px}}

/* Keep the mobile name readable beside the reduced monogram. */
@media(max-width:1100px){
 :root{--header-height:68px}
 html{scroll-padding-top:84px}
 .site-header .header-inner,.site-header.is-scrolled .header-inner{min-height:68px;gap:12px}
 .site-header .brand{width:140px;min-height:44px;gap:7px}
 .site-header .brand picture,.site-header.is-scrolled .brand picture{width:23px;height:23px}
 .site-header .mobile-brand-name{font-size:15px;letter-spacing:-.035em}
 .site-header .mobile-brand-name small{font-size:6px;letter-spacing:.045em;margin-top:4px}
 .site-header .menu-toggle{min-width:44px;min-height:44px;font-size:11px;gap:9px}
 .site-header .navigation,.site-header .navigation.is-open{max-height:calc(100dvh - 68px - env(safe-area-inset-bottom));overscroll-behavior:contain}
 .site-header .navigation>a{min-height:50px;font-size:15px}
 .site-header .navigation.is-open{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}
@media(max-width:700px){
 :root{--gutter:20px}
 .site-header .header-inner{padding-inline:18px;gap:10px}
 .page-home .site-header:not(.is-scrolled){background:var(--ivory);border-bottom-color:var(--line)}
 .site-header .brand{width:138px;gap:7px}
 .site-header .brand picture,.site-header.is-scrolled .brand picture{width:20.5px;height:20.5px}
 .site-header .header-quote{position:relative;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin-left:auto}
 .site-header .header-quote>.arrow{display:none}
 .header-quote-icon{display:block;width:22px;height:22px}
 .header-quote .quote-count{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;font-size:10px;border:2px solid var(--ivory)}
 .site-header .menu-toggle{font-size:10px;gap:7px}
 .cinematic-hero{padding-top:84px}
 .page-top{padding-top:96px}
 .hero-description{font-size:13px;line-height:1.85}
 .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .hero-actions>.button{width:100%;min-height:52px;padding-inline:11px;font-size:11px;gap:9px;white-space:normal;text-align:left}
 .hero-location{font-size:10px}
 .category-card-title{display:block}
 .category-card-title>span{display:inline-flex;margin-top:9px;min-height:36px;font-size:11px}
 .category-card-title h3{font-size:25px}
 .filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;align-items:end}
 .filter-fields>label{display:block;min-width:0;font-size:12px}
 .filter-fields>.search-field{grid-column:1/-1}
 .filter-fields input,.filter-fields select{min-height:48px;font-size:16px;padding:11px 12px}
 .filter-fields .text-button{grid-column:1/-1;justify-self:start;min-height:44px;font-size:12px}
 .filter-count{font-size:11px;line-height:1.8}
 .category-filters>button{font-size:11px;min-height:46px}
 .product-description,.about-text>p:not(.eyebrow),.about-story>div>p:not(.eyebrow),.location-section>div:last-child>p{font-size:13px}
 .faq-item>summary{font-size:14px;line-height:1.7}
 .faq-answer>div>p{font-size:13px}
 .section-note,.storage-note,.privacy-note{font-size:11px;line-height:1.9}
 .quote-form>label{font-size:13px}
 .quote-form input,.quote-form textarea{font-size:16px;min-height:50px}
 .quote-form>.button{min-height:56px;font-size:12px;line-height:1.7;white-space:normal;text-align:left;padding-inline:14px;gap:12px}
 .quote-row{grid-template-columns:60px minmax(0,1fr) 44px;gap:10px}
 .quote-row-picture{width:60px;height:76px}
 .remove-item{min-width:44px;min-height:44px}
 .quote-row-info p,.quote-row-info label{font-size:11px}
 .quote-row-info input{min-height:48px}
 .product-mobile-bar{gap:10px;padding-inline:12px}
 .product-mobile-bar>a{font-size:11px;min-height:48px;flex-shrink:0}
 .product-mobile-bar>.button{flex:1;min-width:0;max-width:250px;min-height:48px;font-size:11px;white-space:normal;line-height:1.5;text-align:left;padding-inline:12px;gap:8px}
 .page-product .site-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
 .footer-main nav>a{font-size:12px;min-height:44px}
 .footer-bottom>a{font-size:11px;min-height:44px}
 .toast>button{min-width:44px;min-height:44px}
}
@media(max-width:480px){
 .products-grid,.products-grid.three-columns{grid-template-columns:minmax(0,1fr);gap:34px}
 .product-photo{aspect-ratio:1}
 .product-photo>img{padding:10px}
 .product-card h3{font-size:28px}
 .product-card>p{font-size:12px}
 .product-meta,.product-meta>span:last-child:not(:first-child){font-size:10px}
 .detail-link,.add-button{font-size:12px;min-height:48px}
 .filter-fields{grid-template-columns:minmax(0,1fr);gap:16px}
 .photo-placeholder.compact .placeholder-note{font-size:10px;left:14px;bottom:14px}
}
@media(max-width:370px){
 .site-header .header-inner{padding-inline:16px;gap:8px}
 .site-header .brand{width:130px}
 .site-header .mobile-brand-name{font-size:14px}
 .site-header .menu-toggle>span:first-child{display:none}
 .hero-actions>.button{font-size:10px;gap:6px;padding-inline:9px}
 .quote-form{padding-inline:16px}
}