.coll-hero{position:relative;width:100%;height:70vh;min-height:480px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:#0a0a0a}.coll-hero-bg{position:absolute;top:-20%;right:0;bottom:-20%;left:0;background:url(https://images.unsplash.com/photo-1441984904996-e0b6ba687e04?auto=format&fit=crop&w=2000&q=80) center/cover no-repeat;will-change:transform}.coll-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000004d,#000000b3);z-index:1}.coll-hero-content{position:relative;z-index:2;text-align:center;padding:0 40px 64px;color:#f3f0e9}.coll-hero-eyebrow{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#f3f0e999;margin-bottom:18px;display:block}.coll-hero-title{font-family:var(--serif);font-size:clamp(52px,10vw,140px);font-weight:400;line-height:.9;letter-spacing:-.03em;margin-bottom:18px}.coll-hero-title em{font-style:italic}.coll-hero-sub{font-size:15px;color:#f3f0e999;max-width:44ch;margin:0 auto;line-height:1.6}.coll-panels{max-width:1400px;margin:0 auto;padding:80px 40px 120px}.coll-panel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,80px);align-items:center;margin-bottom:clamp(80px,10vh,140px);opacity:0;transform:translateY(40px)}.coll-panel:last-child{margin-bottom:0}.coll-panel:nth-child(2n){direction:rtl}.coll-panel:nth-child(2n)>*{direction:ltr}.coll-panel-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:4px;background:#eae7e0}.coll-panel-media img{position:absolute;top:-10%;left:0;width:100%;height:120%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.coll-panel:hover .coll-panel-media img{transform:scale(1.05)}.coll-panel-media:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--accent, #c9a96e);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.16,1,.3,1)}.coll-panel:hover .coll-panel-media:after{transform:scaleX(1)}.coll-panel-body{display:flex;flex-direction:column;gap:20px}.coll-panel-num{font-family:var(--serif);font-size:clamp(48px,7vw,96px);font-weight:300;line-height:.85;color:#0a0a0a14;-webkit-user-select:none;user-select:none}.coll-panel-name{font-family:var(--serif);font-size:clamp(36px,5vw,72px);font-weight:400;line-height:.95;letter-spacing:-.02em;color:var(--ink)}.coll-panel-tagline{font-size:15px;line-height:1.7;color:var(--stone-dark, #6b665a);max-width:40ch}.coll-panel-meta{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--stone, #999)}.coll-panel-cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);padding:14px 28px;border-radius:999px;transition:background .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);text-decoration:none;align-self:flex-start}.coll-panel-cta:hover{background:var(--ink);color:var(--paper, #f3f0e9);transform:translateY(-2px)}.coll-panel-cta svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}@media(max-width:900px){.coll-panel{grid-template-columns:1fr;gap:32px}.coll-panel:nth-child(2n){direction:ltr}.coll-panels{padding:60px 24px 80px}.coll-hero{height:55vh;min-height:380px}.coll-hero-content{padding-bottom:48px}}@media(max-width:480px){.coll-hero{height:45vh;min-height:320px}.coll-hero-content{padding:0 16px 32px}.coll-hero-title{font-size:clamp(36px,10vw,72px)}.coll-hero-sub{font-size:13px}.coll-panels{padding:40px 16px 60px}.coll-panel{gap:24px;margin-bottom:clamp(60px,8vh,90px)}.coll-panel-name{font-size:clamp(28px,7vw,48px)}.coll-panel-tagline{font-size:14px}.coll-panel-cta{padding:12px 22px;font-size:11px}}html.dark-mode .coll-panel-num{color:#f3f0e914}html.dark-mode .coll-panel-name{color:#f3f0e9}html.dark-mode .coll-panel-tagline{color:#f3f0e999}html.dark-mode .coll-panel-cta{color:#f3f0e9;border-color:#f3f0e9}html.dark-mode .coll-panel-cta:hover{background:#f3f0e9;color:#0a0a0a}
/*# sourceMappingURL=/cdn/shop/t/78/assets/collections.css.map */