.collections-index{--ci-bg:var(--ivory);--ci-fg:var(--ink);position:relative;padding:clamp(6rem,12vw,10rem) 0;background:var(--ci-bg);color:var(--ci-fg);overflow:hidden;transition:background-color .9s var(--ease-out),color .9s var(--ease-out)}.ci-head{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:clamp(3rem,6vw,5rem)}.ci-copy{max-width:36rem;opacity:.8}.ci-list{list-style:none;border-color:currentcolor color-mix(in srgb,currentColor 20%,transparent) color-mix(in srgb,currentColor 20%,transparent);border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}.ci-row{border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)}.ci-link{position:relative;z-index:2;display:grid;grid-template-columns:4rem 1fr auto 3rem;align-items:center;gap:1.5rem;padding:clamp(1.25rem,2.5vw,2.25rem) 0}.ci-name{font-family:var(--font-cormorant),serif;font-weight:300;font-size:clamp(2.2rem,5.5vw,6rem);line-height:1;letter-spacing:-.03em;transition:transform .7s var(--ease-out),opacity .5s}.collections-index.is-active .ci-link:not(.is-hover) .ci-name{opacity:.3}.ci-link.is-hover .ci-name{font-style:italic;transform:translateX(1.5rem)}.ci-arrow{justify-self:end;font-size:1.5rem;transform:translateX(-.5rem);opacity:0;transition:transform .5s var(--ease-out),opacity .4s}.ci-link.is-hover .ci-arrow{transform:translateX(0);opacity:1}.ci-preview{position:absolute;top:0;left:0;z-index:1;width:clamp(14rem,20vw,22rem);aspect-ratio:3/4;margin:calc(clamp(14rem, 20vw, 22rem) * -.66) 0 0 calc(clamp(14rem, 20vw, 22rem) * -.5);pointer-events:none;overflow:hidden;opacity:0;scale:.6;transition:opacity .5s var(--ease-out),scale .7s var(--ease-out)}.collections-index.is-active .ci-preview{opacity:1;scale:1}.ci-preview img{position:absolute;inset:0;opacity:0;transform:scale(1.15);transition:opacity .5s,transform 1s var(--ease-out)}.ci-preview img.is-active{opacity:1;transform:scale(1)}@media (max-width:767px){.ci-link{grid-template-columns:2.5rem 1fr}.ci-arrow,.ci-preview,.ci-season{display:none}}