@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
*{box-sizing:border-box}body{margin:0;color:#172019;background:#f6f4ed;font-family:Manrope,Arial}a{color:inherit;text-decoration:none}button,select{font:inherit}
header{height:78px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d7cf}.logo{font-size:22px;font-weight:700;letter-spacing:.16em}.logo i{display:block;font:8px 'DM Mono';letter-spacing:.25em;margin-top:3px}nav{display:flex;gap:30px;font-size:12px}.back{font-size:11px}.series-language{display:flex;align-items:center;gap:6px;font:8px 'DM Mono';letter-spacing:.1em}.series-language select{border:1px solid #aeb4aa;background:transparent;padding:8px;font:9px 'DM Mono'}
.hero{height:390px;background:linear-gradient(90deg,#162017aa,#16201722),url('assets/series-accessories-v2.webp') center/cover;display:flex;align-items:end;padding:55px 8%;color:#fff}.hero p{font:10px 'DM Mono';letter-spacing:.12em;color:#c7d474}.hero h1{font-size:64px;letter-spacing:-.06em;margin:12px 0;font-weight:500}.hero span{font:15px 'Playfair Display'}
main{max-width:1450px;margin:auto;padding:55px 7%;display:grid;grid-template-columns:240px 1fr;gap:55px}aside{display:flex;flex-direction:column;gap:15px;font-size:12px;align-self:start;position:sticky;top:25px}aside>b{font:10px 'DM Mono';letter-spacing:.12em;margin-bottom:4px}aside a{padding:8px 0;border-bottom:1px solid #ddd}aside a.active{font-weight:700;border-color:#172019}aside label{font-size:12px;display:flex;gap:8px;align-items:center}aside hr{width:100%;border:0;border-top:1px solid #bbb;margin:15px 0}#clear-filters{border:0;background:transparent;text-align:left;padding:5px 0;font-size:10px;text-decoration:underline;cursor:pointer}.filter-toggle{display:none}
.listing-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8d5cd;padding-bottom:18px}.listing-head p{font-weight:700;margin:0}.listing-head small{display:block;color:#747c73;font-size:10px;margin-top:5px}.listing-head label{display:flex;align-items:center;gap:8px;font-size:10px}.listing-head select{background:transparent;border:1px solid #bcbdb7;border-radius:20px;padding:9px 12px;font:11px Manrope}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:28px}.product-image{display:block;overflow:hidden;border-radius:8px}.product img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#d4d4cc;border-radius:8px;transition:transform .45s ease}.product:hover img{transform:scale(1.035)}.product small{display:block;font:9px 'DM Mono';letter-spacing:.1em;color:#687363;margin-top:15px}.product h2{margin:9px 0;font:28px 'Playfair Display'}.product p{margin:0;color:#6f786d;font-size:12px;line-height:1.55}.product .product-meta{display:flex;justify-content:space-between;align-items:end;margin-top:12px}.product .product-meta b{font-size:17px}.product a.product-cta{display:inline-block;margin-top:15px;border-bottom:1px solid;font-size:11px;padding-bottom:3px}.products-empty{grid-column:1/-1;padding:60px 0;text-align:center;color:#6f786d}
.collection-help{margin-top:75px;background:#172019;color:#f3f0e8;padding:45px;display:grid;grid-template-columns:.7fr 1.3fr;gap:12px 60px}.collection-help p{margin:0;font-size:12px;line-height:1.7;color:#bdc4ba}.collection-help>p:first-child{font:9px 'DM Mono';letter-spacing:.12em;color:#cbd576}.collection-help h2{font-size:38px;letter-spacing:-.04em;margin:0}.collection-help a{grid-column:2;justify-self:start;border-bottom:1px solid;padding-bottom:4px;font-size:11px}
@media(max-width:700px){header{padding:0 6%;gap:12px}nav,.back,.series-language>span{display:none}.series-language{margin-left:auto}.hero{height:300px;padding:35px 7%}.hero h1{font-size:47px}main{grid-template-columns:1fr;padding:38px 7%;gap:18px}.filter-toggle{display:block;border:1px solid #172019;border-radius:20px;background:transparent;padding:9px 14px;justify-self:start}aside{display:none;position:static;background:#eeece4;padding:18px}aside.open{display:flex}.listing-head{align-items:flex-end}.listing-head small,#sort-label{display:none}.products{grid-template-columns:1fr;gap:28px}.product h2{font-size:25px}.collection-help{grid-template-columns:1fr;padding:30px;gap:14px}.collection-help a{grid-column:1}.collection-help h2{font-size:31px}}
