.collection-hero{position:relative;height:320px;padding:108px 0 24px;display:flex;align-items:flex-end;color:var(--c-bg);background:var(--c-ink);isolation:isolate}.collection-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.collection-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .65) 40%,rgb(0 0 0 / .12) 60%,rgb(0 0 0 / .65));z-index:-1}.collection-hero__inner{width:100%;max-width:1360px;padding:0 50px;margin-inline:auto}.collection-hero h1{font-size:80px;line-height:1.01;margin:0}.coll{max-width:1360px;padding:32px 50px 80px;margin-inline:auto}.coll__head{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.coll__crumb{display:flex;gap:8px;font-size:14px;line-height:1.1}.coll__intro{display:flex;flex-direction:column;gap:20px}.coll__intro h2{font-size:56px;line-height:1.1;margin:0}.coll__intro>div{font-size:16px;line-height:1.2;max-width:550px}.coll__intro p{margin:0}.coll__layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px}.coll__toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.coll__search{position:relative;width:328px;height:43.5px}.coll__search>svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);pointer-events:none}.coll__search input{width:100%;height:100%;padding:10px 36px 10px 40px;border:var(--hairline);border-radius:200px;background:var(--c-bg);font:inherit;font-size:16px;line-height:1;color:var(--c-ink);transition:border-color .2s ease-in-out}.coll__search input:focus{border-color:var(--c-ink)}.coll__search input::-webkit-search-cancel-button{display:none}.coll__search>button{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;border-radius:24px;background:var(--c-surface-cool);width:20px;height:20px;padding:0;line-height:1;cursor:pointer}.coll__sort{max-width:100%;padding:10px 14px 10px 16px;border:var(--hairline);border-radius:200px;background:var(--c-bg);color:var(--c-ink);font:inherit;font-size:16px;line-height:1.2;cursor:pointer}.coll__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.coll__grid .pcard{height:390px;min-width:0}.coll__grid .card__media{aspect-ratio:auto;flex:1;min-height:0}.coll__grid .pcard[hidden]{display:none}.coll__empty{text-align:center;padding:62px 0}.coll__empty h3{font-size:24px}.coll__empty p{margin:16px 0 24px}.coll__filter-title{display:flex;justify-content:space-between;align-items:center;font-size:24px;line-height:1.2;padding-bottom:32px}.coll__filter-title button{background:none;border:0;padding:0;text-decoration:underline;font:inherit;font-size:14px;cursor:pointer}.coll__group{padding:16px 0 20px;border-top:var(--hairline)}.coll__group summary{display:flex;align-items:center;gap:4px;list-style:none;font-size:16px;line-height:1.2;font-weight:500;cursor:pointer}.coll__group summary::-webkit-details-marker{display:none}.coll__group summary:after{content:'';width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-left:auto;transition:transform .2s}.coll__group[open] summary:after{transform:rotate(225deg)}.coll__group-options{display:flex;flex-direction:column;gap:12px;margin-top:16px}.coll__choice{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;line-height:1}.coll__choice input{width:20px;height:20px;margin:0;accent-color:var(--c-ink);cursor:pointer}.coll__group--size .coll__group-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.coll__choice--size{position:relative;justify-content:center;height:32px;padding:8px 12px;border:var(--hairline);border-radius:200px}.coll__choice--size input{position:absolute;inset:0;width:100%;height:100%;opacity:0}.coll__choice--size:has(:checked){background:var(--c-ink);color:var(--c-bg)}.coll__choice--size:has(:focus-visible){outline:2px solid var(--c-red);outline-offset:2px}.coll__choice--color{position:relative;min-height:32px}.coll__choice--color input{position:absolute;left:0;top:0;width:32px;height:32px;opacity:0}.coll__color{display:block;width:32px;height:32px;border:var(--hairline);border-radius:50%;background:var(--tone);box-shadow:inset 0 0 0 3px var(--c-bg)}.coll__choice--color:has(:checked) .coll__color{outline:1px solid var(--c-ink)}.coll__choice--color:has(:focus-visible) .coll__color{outline:2px solid var(--c-red);outline-offset:2px}.coll__filter-open,.coll__group--collection{display:none}.coll__dialog{position:fixed;inset:0 0 0 auto;margin:0;width:360px;max-width:88%;height:100%;max-height:100%;padding:24px 24px 40px;border:0;color:var(--c-ink);background:var(--c-bg);overflow:auto}.coll__dialog::backdrop{background:rgb(0 0 0 / .4)}.coll__dialog>header{display:flex;justify-content:space-between;align-items:center;font-size:24px;line-height:1.2;height:36px;margin-bottom:24px}.coll__dialog>header button{display:grid;place-items:center;width:36px;height:36px;padding:0;color:inherit;background:var(--c-surface-cool);border:0;border-radius:50%;cursor:pointer}.coll__pagination{margin-top:32px;display:flex;gap:16px;justify-content:center}.coll__error{margin-bottom:24px;color:var(--c-red)}

@media(max-width:1199px){.coll{padding:32px 32px 80px}.coll__head,.coll__layout{max-width:650px;margin-inline:auto}.coll__layout{display:block}.coll__sidebar{display:none}.coll__toolbar{display:grid;grid-template-columns:1fr auto;gap:16px 12px;margin-bottom:24px}.coll__search{grid-column:1 / -1;grid-row:2;width:100%}.coll__filter-open{display:flex;align-items:center;justify-self:start;gap:6px;padding:9px 20px;border:var(--hairline);border-radius:200px;background:var(--c-bg);font:inherit;font-size:16px;line-height:1.2}.coll__sort{min-width:0;max-width:100%}.coll__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.coll__dialog .coll__group--collection{display:block}.coll__dialog .coll__group--type{display:none}}
@media(max-width:809px){.collection-hero{height:220px;padding:92px 0 16px}.collection-hero__inner{padding:0 20px}.collection-hero h1{font-size:34px}.coll{padding:24px 20px 56px}.coll__layout{padding-bottom:56px}.coll__toolbar{row-gap:16px;margin-bottom:24px}.coll__filter-open,.coll__sort{font-size:14px;line-height:1.2}.coll__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.coll__sort{position:relative;display:flex;align-items:center;gap:8px;justify-self:end}.coll__sort select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.coll__sort:has(:focus-visible){outline:2px solid var(--c-red);outline-offset:2px}