.color-intro{padding:65px 0;background:#e8f1ed}.color-intro .lead{max-width:650px}.color-intro .under-link{margin-top:25px}.color-collection{padding-top:50px}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.collection-heading .eyebrow{margin:0}.collection-heading>span{font-size:.8125rem;color:#5c7166}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:42px 25px}.color-open{display:block;width:100%;text-align:left;padding:0;background:none;border:0;color:inherit;cursor:pointer}.color-image{display:block;aspect-ratio:1;overflow:hidden;background:#d5ddd7}.color-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.color-open:hover .color-image img{transform:scale(1.04)}.color-card-label{display:flex;justify-content:space-between;gap:12px;flex-direction:column;padding:16px 0 0}.color-card-label>span:first-child{display:flex;align-items:baseline;gap:10px}.color-number{font-size:.6875rem;color:#547b6a;letter-spacing:.05em}.color-card-label strong{font-family:'Manrope',Arial,sans-serif;font-size:1.15rem;letter-spacing:-.025em;font-weight:650}.color-view{font-size:.8125rem;color:#567166;padding-left:25px}.color-dialog{border:0;padding:0;width:min(1100px,calc(100% - 48px));max-height:calc(100dvh - 48px);color:var(--ink);background:white;box-shadow:0 20px 100px #0005;overflow:auto}.color-dialog::backdrop{background:#0d1c17d9}.color-dialog-top{display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:20px 25px;border-bottom:1px solid var(--line)}.color-dialog-top .eyebrow{margin:0}.color-close{border:1px solid var(--line);background:white;padding:7px 14px;font-size:.875rem;cursor:pointer;color:var(--ink)}.color-close span{margin-left:15px;font-size:1.25rem}.color-dialog-body{display:grid;grid-template-columns:1.15fr 1fr}.color-dialog-photo{background:#e5ebe7;display:flex;align-items:center;justify-content:center;min-width:0}.color-dialog-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.color-dialog-copy{padding:38px 35px}.color-dialog-copy h2{font-size:2.5rem}.color-dialog-copy>p{font-size:.875rem}.color-dialog-copy>.button{margin-top:28px}.sample-open{overflow:hidden}
@media(max-width:1150px){.color-grid{grid-template-columns:repeat(3,1fr)}.color-card-label strong{font-size:1.125rem}}
@media(max-width:800px){.color-intro{padding:48px 0}.collection-heading{align-items:flex-start;flex-direction:column;gap:8px}.color-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.color-card-label strong{font-size:1rem}.color-card-label>span:first-child{gap:7px}.color-view{padding-left:22px;font-size:.75rem}.color-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.color-dialog-top{padding:14px 16px;position:sticky;top:0;background:white;z-index:1}.color-dialog-top .eyebrow{font-size:.625rem}.color-dialog-body{grid-template-columns:1fr}.color-dialog-photo img{max-height:47dvh;object-fit:contain}.color-dialog-copy{padding:25px}.color-dialog-copy h2{font-size:2rem}}
@media(max-width:390px){.color-grid{gap:26px 12px}.color-card-label>span:first-child{align-items:flex-start}.color-card-label strong{font-size:.9rem;line-height:1.4}.color-number{padding-top:2px}.color-view{padding-left:0}}