.home-page .collections{padding-top:90px;padding-bottom:90px}
.home-page .collections .section-heading{align-items:flex-end;gap:32px;margin-bottom:28px}
.home-page .collections .section-heading h2{font-size:clamp(34px,3.6vw,62px);line-height:1.1;letter-spacing:-1.3px;max-width:950px}
.home-page .collections .collection-intro{max-width:660px;line-height:1.9}
.home-page .collections #categories{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;counter-reset:collection}
.home-page .collections #categories .category{grid-column:span 3;position:relative;isolation:isolate;height:auto;min-height:0;aspect-ratio:4/5;border:1px solid #d3b36c35;background:#15130e;counter-increment:collection;overflow:hidden}
.home-page .collections #categories .category:nth-child(n+5){grid-column:span 4;aspect-ratio:1/1}
.home-page .collections #categories .category::before{content:counter(collection,decimal-leading-zero);position:absolute;z-index:2;top:20px;left:20px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #f5e6c35c;background:#100e0a60;backdrop-filter:blur(8px);color:#f6e6c5;font-size:11px;letter-spacing:1px;pointer-events:none}
.home-page .collections #categories .category::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#0000 40%,#09080535 57%,#090805ed 100%);pointer-events:none}
.home-page .collections #categories .category img{position:absolute;inset:0;width:100%;height:100%;padding:0;object-fit:cover;object-position:center;mix-blend-mode:normal;transition:transform .7s ease,filter .7s ease;filter:brightness(.97)}
.home-page .collections #categories .category:hover img{transform:scale(1.035);filter:brightness(1.05)}
.home-page .collections #categories .category .category-label{position:absolute;inset:auto 0 0;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;padding:28px 24px;gap:14px;background:none}
.home-page .collections #categories .category b{display:block;color:#fff0cf;font-family:Georgia,serif;font-size:clamp(25px,2.35vw,40px);font-weight:600;line-height:1.06;letter-spacing:-.6px;text-shadow:0 2px 18px #0006}
.home-page .collections #categories .category small{display:block;margin-top:12px;font-size:11px;line-height:1.5;color:#dcc18a}
.home-page .collections #categories .category .category-label>svg{width:38px;height:38px;min-width:38px;padding:10px;border:1px solid #d5b76e6b;border-radius:50%;color:#e8cc8d;background:#0c0a0740;transition:background .25s,transform .25s}
.home-page .collections #categories .category:hover .category-label>svg{background:#c5a358;color:#111;transform:translateX(3px)}
.home-page .collections #categories .category:focus-visible{outline:2px solid #e5c47b;outline-offset:5px}
@media(max-width:1100px){.home-page .collections #categories{gap:16px}.home-page .collections #categories .category .category-label{padding:24px 17px}.home-page .collections #categories .category b{font-size:27px}}
@media(max-width:900px){.home-page .collections #categories{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .collections #categories .category:nth-child(n){grid-column:span 1;aspect-ratio:4/5}.home-page .collections #categories .category:last-child{grid-column:1/-1;aspect-ratio:16/9}.home-page .collections #categories .category:last-child img{object-position:center 43%}.home-page .collections #categories .category b{font-size:34px}}
@media(max-width:600px){.home-page .collections{padding-top:56px;padding-bottom:56px}.home-page .collections .section-heading{display:block}.home-page .collections .section-heading>a{width:max-content;margin-top:24px}.home-page .collections .section-heading h2{font-size:35px;letter-spacing:-.8px}.home-page .collections #categories{gap:12px}.home-page .collections #categories .category:nth-child(n){aspect-ratio:3/4}.home-page .collections #categories .category:last-child{aspect-ratio:4/3}.home-page .collections #categories .category::before{top:12px;left:12px;width:28px;height:28px;font-size:10px}.home-page .collections #categories .category .category-label{padding:20px 13px;gap:7px}.home-page .collections #categories .category b{font-size:24px}.home-page .collections #categories .category small{font-size:9px;margin-top:8px}.home-page .collections #categories .category .category-label>svg{width:28px;height:28px;min-width:28px;padding:7px}}
@media(prefers-reduced-motion:reduce){.home-page .collections #categories .category img,.home-page .collections #categories .category .category-label>svg{transition:none}.home-page .collections #categories .category:hover img{transform:none}}
