#product-two .product-gallery>img{display:block;width:100%;height:min(52vh,480px);object-fit:contain;background:#e5e1d7}#product-two .thumbnails{display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;padding:11px 2px 8px;scroll-snap-type:x mandatory}#product-two .thumbnails img{flex:0 0 64px;width:64px;height:82px;object-fit:cover;cursor:pointer;border:1px solid transparent;scroll-snap-align:start}#product-two .thumbnails img.active{border-color:#24231e}@media(max-width:650px){#product-two .product-gallery>img{height:52vh;max-height:390px}#product-two .thumbnails img{flex-basis:58px;width:58px;height:74px}}
[hidden]{display:none!important}
header>*{min-width:0}
nav{flex-wrap:wrap}
dialog#product,dialog#product-two{max-width:960px;max-height:calc(100dvh - 24px);overflow:auto;padding-top:52px}
dialog .close{position:sticky;display:block;margin:-42px -5px 8px auto;top:0;right:auto;width:40px;height:40px;background:var(--paper);z-index:2;line-height:1}
.product-layout>*{min-width:0}
.product-gallery>#product-image,#product-two .product-gallery>img{height:min(52vh,480px);width:100%;object-fit:contain}
.thumbnails{max-width:100%;overflow-x:auto}
.thumb{flex:0 0 62px}
.book-grid{gap:28px}
.product-copy{overflow-wrap:break-word}
@media(max-width:650px){
 nav{gap:14px}
 h1{font-size:clamp(38px,12vw,51px)}
 .product-layout{display:block}
 dialog#product,dialog#product-two{padding:52px 18px 24px}
 .product-copy h2{font-size:clamp(26px,8vw,34px)}
 .product-copy .button{max-width:100%}
 .quote h2{overflow-wrap:break-word}
 .subscribe{border-left:0}
}