.surface-family-picture{min-width:0;overflow:hidden;border-radius:6px}.surface-family-picture img{display:block;width:100%;height:auto}.surface-collection-hero .page-hero-grid{align-items:center}.surface-collection-nav{background:#e0e6d8;border-top:1px solid #cbd5c4;border-bottom:1px solid #cbd5c4;padding:24px 0}.surface-collection-nav nav{display:flex;flex-wrap:wrap;gap:12px}.surface-collection-nav a{padding:12px 18px;border:1px solid #acbca3;border-radius:4px;color:#183440;font-size:14px;font-weight:600}.surface-range-section{background:#e6e9de;border-bottom:1px solid #d2dbc9}.surface-range-section:nth-of-type(even){background:#efede4}.surface-variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.surface-variant-card{background:#f0eee5}.surface-variant-card .collection-image{position:relative;aspect-ratio:1;height:auto}.surface-variant-card .collection-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.surface-variant-card .collection-copy p{font-size:16px;line-height:1.8}.surface-variant-card .collection-copy .eyebrow{font-size:12px}#floor-refills .surface-variant-grid{grid-template-columns:minmax(0,550px)}@media(max-width:700px){.surface-collection-hero .page-hero-grid>div:first-child{order:2}.surface-family-picture{order:1}.surface-variant-grid{grid-template-columns:1fr}.surface-collection-nav a{font-size:13px;padding:10px 14px}}