@font-face{font-family:Switzer;src:url(Switzer-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}.shop-by-metal{background:var(--shop-metal-bg, #fff);font-family:Switzer,system-ui,sans-serif}.shop-by-metal__container{max-width:1745px;margin:0 auto;padding:0 1.5rem}@media screen and (min-width:750px){.shop-by-metal__container{padding:0 5rem}}.shop-by-metal__header{margin-bottom:2.8rem}.shop-by-metal__eyebrow{margin:0 0 1.8rem;font-family:Switzer,system-ui,sans-serif;font-size:1rem;letter-spacing:.42em;text-transform:uppercase;font-weight:500;color:var(--shop-metal-eyebrow-color, #7c3a2a)}.shop-by-metal__heading,.eb-garamond-heading--metal{margin:0;font-family:EB Garamond,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:clamp(3.6rem,4.5vw,6.6rem);line-height:1.04;letter-spacing:-.01em;color:var(--shop-metal-heading-color, #2c1810)}.shop-by-metal__heading em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--shop-metal-accent-color, #b8956f)}.shop-by-metal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,1.6vw,2.2rem)}.metal-card{position:relative;border-radius:1.8rem;overflow:hidden;aspect-ratio:.78;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2.4rem,2.8vw,3.8rem);text-decoration:none;color:inherit;transition:transform .5s cubic-bezier(.22,1,.36,1)}.metal-card:hover{transform:translateY(-.6rem)}.metal-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.metal-card--white:before{background:linear-gradient(160deg,#f5f3ef,#d9d5cc,#c8c2b5)}.metal-card--yellow:before{background:linear-gradient(160deg,#fbe9c2,#e2bc6e 55%,#b8915a)}.metal-card--rose:before{background:linear-gradient(160deg,#f8ddd3,#e3a48f 55%,#b96f58)}.metal-card__top,.metal-card__bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.metal-card__bottom{flex-direction:column;align-items:flex-start;gap:1rem}.metal-card__tag{font-family:Switzer,system-ui,sans-serif;font-size:1rem;letter-spacing:.36em;text-transform:uppercase;font-weight:600;color:var(--shop-metal-heading-color, #2c1810);background:#fff6;padding:.6rem 1.2rem;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.metal-card__swatch{width:4.6rem;height:4.6rem;border-radius:50%;border:2px solid rgba(255,255,255,.6);box-shadow:0 .6rem 1.4rem #2c18102e;flex-shrink:0}.metal-card--white .metal-card__swatch{background:linear-gradient(135deg,#fff,#bdb6a8)}.metal-card--yellow .metal-card__swatch{background:linear-gradient(135deg,#f7d77a,#a37335)}.metal-card--rose .metal-card__swatch{background:linear-gradient(135deg,#f7c8b6,#a55a44)}.metal-card__img{position:relative;z-index:1;flex:1;display:grid;place-items:center;margin:.8rem 0;border-radius:1.2rem;overflow:hidden;background:#ffffff2e;box-shadow:0 1.4rem 3rem #2c18102e;min-height:0}.metal-card__img-el,.metal-card__placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,1,.36,1)}.metal-card:hover .metal-card__img-el{transform:scale(1.06) rotate(-1deg)}.metal-card__heading{margin:0;font-family:EB Garamond,serif;font-style:italic;font-size:clamp(2.2rem,2.2vw,3rem);font-weight:400;line-height:1.1;color:var(--shop-metal-heading-color, #2c1810)}.metal-card__heading em{font-family:inherit;font-style:italic;font-weight:inherit;color:var(--shop-metal-heading-color, #2c1810)}.metal-card__link{display:inline-flex;align-items:center;gap:.8rem;font-family:Switzer,system-ui,sans-serif;font-size:1rem;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--shop-metal-heading-color, #2c1810);border-bottom:1px solid var(--shop-metal-heading-color, #2c1810);padding-bottom:.2rem}.metal-card__arr{transition:transform .3s ease}.metal-card:hover .metal-card__arr{transform:translate(.4rem)}@media screen and (max-width:900px){.shop-by-metal__grid{grid-template-columns:1fr}.shop-by-metal__heading{font-size:clamp(3rem,8vw,4.4rem)}}@media(prefers-reduced-motion:reduce){.metal-card,.metal-card__img-el,.metal-card__arr{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-shop-by-metal.css.map */