.gh{background:#000}.gh__frame{width:100%;height:calc(100vw * var(--gh-ratio));margin:0 auto;overflow:hidden}.gh__img{display:block;width:100%;height:100%;object-fit:cover}.gh__timer{padding:1.2rem 1.2rem 1.4rem;background:#000;color:#fdfaf3;text-align:center}.gh__timer[hidden]{display:none}.gh__timer-label{margin:0 0 .8rem;font-family:var(--font-heading-family);font-size:1.4rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.gh__phase{color:#d4a13f}.gh__units{display:flex;justify-content:center;gap:.8rem}.gh__unit{min-width:6.6rem;padding:.7rem .4rem;border:.1rem solid rgba(212,161,63,.7);background:#d4a13f14}.gh__num{display:block;font-family:var(--font-heading-family);font-size:3.4rem;font-weight:700;line-height:1;color:#d4a13f;font-variant-numeric:tabular-nums}.gh__name{display:block;margin-top:.4rem;font-size:1rem;letter-spacing:.14em;text-transform:uppercase}.gh__timer.is-urgent .gh__phase,.gh__timer.is-urgent .gh__num{color:#ff4a3d}.gh__timer.is-urgent .gh__unit{border-color:#ff4a3dcc;background:#ff4a3d1a}@media(prefers-reduced-motion:no-preference){.gh__unit--sec{animation:gh-pulse 1s ease-in-out infinite}}@keyframes gh-pulse{0%,to{box-shadow:0 0 #d4a13f00}50%{box-shadow:0 0 14px #d4a13fb3}}.gh__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:5.6rem;padding:.9rem 1.5rem;background:#d4a13f;color:#121212;text-align:center;text-decoration:none;box-shadow:0 0 24px #d4a13f80}.gh__cta-main{font-family:var(--font-heading-family);font-size:2.2rem;font-weight:700;line-height:1.1;letter-spacing:.14em;text-transform:uppercase}@media screen and (min-width:750px){.gh{--gh-header: 12rem;display:grid;grid-template-columns:min(55%,calc((100vh - var(--gh-header)) / var(--gh-ratio))) 1fr;grid-template-columns:min(55%,calc((100svh - var(--gh-header)) / var(--gh-ratio))) 1fr;align-items:stretch}.gh__frame{width:100%;height:auto;aspect-ratio:1 / var(--gh-ratio)}.gh__side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;padding:2rem 4rem}.gh__timer{padding:0}.gh__timer-label{margin-bottom:1.2rem;font-size:2rem}.gh__unit{min-width:10rem;padding:1rem .6rem}.gh__num{font-size:5.2rem}.gh__name{font-size:1.3rem}.gh__cta{max-width:52rem;min-height:7rem}.gh__cta-main{font-size:2.8rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/giveaway-hero.css.map */