@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600&display=swap');
:root{color-scheme:light;--bg:#f3f3f1;--ink:#111;--mut:#777772;--line:#d6d6d1;font-family:Archivo,'Helvetica Neue',Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;font:400 16px/1.6 Archivo,'Helvetica Neue',Arial,sans-serif}a{color:inherit}.site-header{display:flex;justify-content:space-between;align-items:center;padding:20px clamp(20px,5vw,72px);border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-size:20px;font-weight:500;letter-spacing:.35em}.site-nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.site-nav a{text-decoration:none}.site-nav a:hover{text-decoration:underline;text-underline-offset:4px}.crumb{padding:22px clamp(20px,5vw,72px) 0;color:var(--mut);font-size:13px}.page{max-width:1440px;margin:0 auto;padding:clamp(34px,6vw,80px) clamp(20px,5vw,72px) 70px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}h1{font-weight:300;line-height:1.02;letter-spacing:-.035em;font-size:clamp(42px,8vw,94px);margin:10px 0 14px}.intro{font-size:clamp(18px,2vw,22px);max-width:42rem;margin:0 0 12px}.copy{max-width:50rem;color:#555;margin:0}.meta{font-size:13px;color:var(--mut);margin:18px 0 34px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 14px}.card{min-width:0}.card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#e5e5e1}.card h2{display:flex;justify-content:space-between;gap:10px;font-size:15px;line-height:1.35;font-weight:500;margin:12px 0 4px}.card p{font-size:13px;color:var(--mut);margin:0}.card .buy{display:inline-block;margin-top:9px;font-size:12px;text-underline-offset:3px}.all-colors{margin:60px 0 0;padding-top:24px;border-top:1px solid var(--line)}.all-colors h2{font-weight:300;font-size:clamp(27px,4vw,42px);margin:0 0 10px}.all-colors nav{display:flex;gap:12px 20px;flex-wrap:wrap}.all-colors a{font-size:13px;text-underline-offset:3px}.site-footer{padding:24px clamp(20px,5vw,72px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--mut);font-size:12px}.site-footer a{text-decoration:none}@media(max-width:920px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.site-header{align-items:flex-start;gap:20px;flex-direction:column}.site-nav{justify-content:flex-start;gap:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.card h2{display:block}.card h2 span{display:block;margin-top:3px}}