.lh{position:relative;height:clamp(320px,40vh,400px);overflow:hidden;background:var(--c-night);color:var(--c-on-dark)}.lh-im{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos, 50% 50%);opacity:.88;animation:heroimg 2.4s var(--zpe) both}@keyframes heroimg{0%{opacity:0;transform:scale(1.05)}to{opacity:.88;transform:scale(1)}}.lh:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#1414128c,#1414122e 55%,#14141200)}.lh-in{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;padding:var(--z5) var(--mx);max-width:640px}.lh h1{display:flex;align-items:flex-start;gap:10px;font-family:var(--f-serif);font-weight:300;font-size:clamp(44px,4.4vw,64px);line-height:.9;letter-spacing:-.025em}.lh h1 .ln{animation:zpRise 1.2s .2s var(--zpe) both}.lh h1 sup{font-family:var(--f-sans);font-size:var(--fs-body);font-weight:400;letter-spacing:0;line-height:1;margin-top:.5em;color:#f2f2eecc;font-variant-numeric:tabular-nums}.lh-p{max-width:440px;margin-top:var(--z2);font-size:var(--fs-body);line-height:1.6;color:#f2f2eedb;animation:zpRise 1.2s .4s var(--zpe) both}.lh-tabs{display:flex;flex-wrap:wrap;gap:var(--z1);margin-top:var(--z4)}.lh-t{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid rgba(242,242,238,.28);background:#14141247;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--c-on-dark);font-size:var(--fs-k);line-height:1.5;letter-spacing:.02em;cursor:pointer;transition:background-color .6s var(--zpe),color .6s var(--zpe),border-color .6s var(--zpe)}.lh-t:hover{border-color:#f2f2eeb3}.lh-t.on{background:var(--c-on-dark);border-color:var(--c-on-dark);color:var(--c-ink)}collection-filters{display:block;position:sticky;top:var(--hdr-h);z-index:var(--z-sticky)}.cl-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--z2);min-height:52px;padding:0 var(--mx);border-bottom:1px solid var(--c-line);background:#fafaf7db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cl-bar-l,.cl-bar-r{display:flex;align-items:center;gap:20px}.cl-bar-r{gap:10px}.sortl{display:flex;align-items:center;gap:8px}.sortl select{appearance:none;-webkit-appearance:none;border:0;border-bottom:1px solid var(--c-ink);border-radius:0;background:transparent;font:inherit;font-size:var(--fs-sm);color:var(--c-ink);padding:2px 18px 2px 0;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 7px) 55%,calc(100% - 3px) 55%;background-size:4px 4px;background-repeat:no-repeat}.stk{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 4px 0 0;background:none;border:0;font-size:var(--fs-k);color:var(--c-stone);cursor:pointer;transition:color .5s var(--zpe)}.stk .sw{position:relative;width:30px;height:18px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-paper);transition:background-color .5s var(--zpe),border-color .5s var(--zpe)}.stk .sw i{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--c-stone);transition:transform .5s var(--zpe),background-color .5s var(--zpe)}.stk:hover,.stk[aria-checked=true]{color:var(--c-ink)}.stk[aria-checked=true] .sw{background:var(--c-indigo);border-color:var(--c-indigo)}.stk[aria-checked=true] .sw i{transform:translate(12px);background:var(--c-white)}.zgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--c-paper)}.zgrid>*{box-shadow:0 0 0 1px var(--c-line)}.lf{position:relative;grid-column:span 2;aspect-ratio:8 / 5;background:var(--c-card);color:var(--c-ink);overflow:hidden}.lf-a{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.lf-ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos, 50% 50%);transition:transform 2.4s var(--zpe)}.lf-a:hover .lf-ph{transform:scale(1.03)}.lf-panel{position:absolute;left:var(--z2);bottom:var(--z2);width:min(320px,calc(100% - 32px));padding:var(--z2) 20px 18px;background:#14141257;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(242,242,238,.22);color:var(--c-on-dark);transition:background-color .7s var(--zpe),border-color .7s var(--zpe)}.lf-a:hover .lf-panel{background:var(--c-ink);border-color:var(--c-ink)}.lf-panel h2{font-family:var(--f-serif);font-weight:400;font-size:30px;line-height:1}.lf-s{font-size:var(--fs-sm);color:#f2f2eec7;margin-top:var(--z1)}.lf-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--z2);margin-top:var(--z2);padding-top:12px;border-top:1px solid rgba(242,242,238,.2)}.lf-p{font-size:var(--fs-ui)}.lf-p s{color:#f2f2ee8c;margin-left:6px}.lf-cta{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-sm);border-bottom:1px solid currentColor;padding-bottom:3px}.lf-cta svg{width:15px;height:15px;transition:transform .7s var(--zpe)}.lf-a:hover .lf-cta svg{transform:translate(4px)}.lf-tag{position:absolute;top:var(--z2);left:var(--z2);z-index:2}.cl-empty{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:80px var(--mx);border-bottom:1px solid var(--c-line)}.cl-empty p{font-family:var(--f-serif);font-size:34px;line-height:1.1}.cl-pg{display:flex;justify-content:center;align-items:center;gap:var(--z3);padding:var(--z5) var(--mx)}@media(max-width:1100px)and (min-width:1024px){.zgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1023px){.zgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.lh{height:auto;min-height:340px}.lh:after{background:linear-gradient(180deg,#14141233,#14141299)}.lh-in{position:relative;padding:var(--z6) var(--mx) var(--z4);max-width:none}.lh h1{font-size:44px}.lh-tabs{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(var(--mx) * -1);padding-right:var(--mx);scrollbar-width:none}.lh-tabs::-webkit-scrollbar{display:none}.lh-t{flex:none}.cl-bar{gap:var(--z1)}.cl-bar-l{gap:12px}.cl-bar-l>.small,.sortl>.small{display:none}.sortl select{max-width:150px}.lf{grid-column:1 / -1;aspect-ratio:4 / 5}.lf-panel{left:var(--z1);right:var(--z1);bottom:var(--z1);width:auto;padding:var(--z2)}.lf-panel h2{font-size:28px}.cl-empty p{font-size:26px}}@media(max-width:767px){.zgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1023px)and (min-width:768px){.lh-p,.cl-empty p{max-width:640px}.lf{aspect-ratio:16 / 9;grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.lh-im,.lh h1 .ln,.lh-p{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-collection.css.map */