.collection-hero{--noir: #000000;--gris-fume: #4F5356;--bleu-nuit: #1C2430;--beige: #D8CFBC;--sable: #F7F4F0;--f-display: "Monument Extended", "Big Shoulders Display", Impact, sans-serif;--f-body: "Raleway", sans-serif}.collection-hero .breadcrumb-bar{background:var(--sable);border-bottom:1px solid rgba(216,207,188,.5);padding:13px 48px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris-fume);font-weight:400;display:flex;align-items:center;gap:10px;border-top:1px solid #D8CFBC}.collection-hero .breadcrumb-bar a{color:var(--gris-fume);text-decoration:none}.collection-hero .breadcrumb-bar a:hover{color:var(--noir)}.collection-hero .hero{position:relative;height:380px;overflow:hidden;display:flex;align-items:flex-end;padding:48px 48px 52px}.collection-hero .hero-bg{position:absolute;top:0;right:0;bottom:0;left:0}.collection-hero .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.collection-hero .hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#141a2459,#141a24b8);z-index:1}.collection-hero .hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");opacity:.4;mix-blend-mode:overlay;pointer-events:none;z-index:2}.collection-hero .hero-content{position:relative;z-index:3;animation:fadeUp .9s ease both .15s}.collection-hero .hero-eyebrow{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--beige);opacity:.7;margin-bottom:10px;font-weight:400}.collection-hero .hero-title{font-family:var(--f-display);font-weight:800;font-size:clamp(72px,12vw,110px);color:var(--sable);line-height:50px;letter-spacing:.02em;text-transform:uppercase;margin:0}.collection-hero .hero-meta{margin-top:18px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--beige);opacity:.6;font-weight:400}@keyframes fadeUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.collection-hero .breadcrumb-bar{padding:13px 20px}.collection-hero .hero{padding:40px 20px;height:320px}.collection-hero .hero-title{font-size:60px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/collection-hero-component.css.map */