.belt-in-box{position:relative;overflow:hidden;min-height:62rem;background-color:var(--green-900);background-image:var(--belt-box-image);background-position:var(--belt-box-position, center);background-repeat:no-repeat;background-size:cover}.belt-in-box__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--green-900);object-fit:cover}.belt-in-box__scrim{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#09201bd1,#09201b6b 32%,#09201b8c 70%,#09201be6);display:block!important}.belt-in-box__inner{position:relative;z-index:2;display:flex;width:100%;max-width:120rem;min-height:62rem;margin:0 auto;padding:7rem 2.4rem 6rem;flex-direction:column;justify-content:space-between;text-align:center}.belt-in-box__eyebrow{display:inline-flex;margin:0 0 1.8rem;align-items:center;justify-content:center;gap:1rem;color:var(--gold-100);font-family:var(--ff-sans);font-size:1.3rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.belt-in-box__eyebrow:before{width:2.6rem;height:.2rem;background:var(--gold);content:""}.belt-in-box__heading{margin:0;color:var(--cream-50);font-family:var(--ff-display);font-size:clamp(3.8rem,5.4vw,7.2rem);font-weight:400;line-height:.92;letter-spacing:.005em;text-transform:uppercase}.belt-in-box__grid{display:grid;margin-top:4rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.8rem}.belt-in-box__item{padding:2.2rem;border:.1rem solid rgba(234,217,168,.28);border-radius:var(--r-md);background:#ffffff14;box-shadow:0 1rem 3rem #00000047;text-align:center;backdrop-filter:blur(.6rem);-webkit-backdrop-filter:blur(.6rem)}.belt-in-box__number{color:var(--gold-600);font-family:var(--ff-display);font-size:3rem;line-height:1}.belt-in-box__item h3{margin:.8rem 0 .5rem;color:var(--cream-50);font-family:var(--ff-sans);font-size:1.5rem;font-weight:800;line-height:1.3}.belt-in-box__item p{margin:0;color:#f3ecdbbf;font-family:var(--ff-sans);font-size:1.3rem;line-height:1.5}@media screen and (max-width:900px){.belt-in-box__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:560px){.belt-in-box,.belt-in-box__inner{min-height:56rem}.belt-in-box__inner{padding:5rem 1.6rem 4.4rem}.belt-in-box__grid{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/belt-in-the-box.css.map */