.glytone-bf-hero{--bf-navy: oklch(.351 .056 253.2);--bf-navy-deep: oklch(.333 .061 251.5);--bf-mist: oklch(.975 .004 250);--bf-display: "Ivy Presto Headline", "IvyPresto Headline", "Ivy Presto Display", serif;--bf-sans: "Gotham", "Gotham HTF", "Montserrat", sans-serif;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(380px,.85fr);min-height:calc(100svh - 34px);color:var(--bf-navy);font-family:var(--bf-sans);font-weight:300;-webkit-font-smoothing:antialiased}.glytone-bf-hero,.glytone-bf-hero *{box-sizing:border-box}.glytone-bf-hero__title{margin:0;color:var(--bf-navy);font-family:var(--bf-display);font-size:clamp(2.6rem,4.3vw,4.5rem);font-weight:300;line-height:.98;letter-spacing:-.025em;text-transform:none}.glytone-bf-hero__offer{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;margin-top:32px;font-size:1rem;line-height:1.65;color:color-mix(in oklab,var(--bf-navy) 80%,transparent)}.glytone-bf-hero__percentage{color:var(--bf-navy);font-family:var(--bf-display);font-size:3.2rem;font-weight:300;line-height:1;font-variant-numeric:lining-nums}.glytone-bf-hero__offer-copy{font-weight:300}.glytone-bf-hero__offer-copy strong{color:var(--bf-navy);font-weight:500;white-space:nowrap}.glytone-bf-hero__steps{position:relative;display:flex;flex-direction:column;gap:20px;width:fit-content;margin-top:36px;padding-left:32px;font-size:.98rem;line-height:1.4}.glytone-bf-hero__steps-line{position:absolute;top:8px;bottom:16px;left:5px;width:1px;background:color-mix(in oklab,var(--bf-navy) 20%,transparent)}.glytone-bf-hero__step{position:relative;font-weight:300}.glytone-bf-hero__dot{position:absolute;top:.4em;left:-32px;width:11px;height:11px;border:1px solid var(--bf-navy);border-radius:50%;background:var(--bf-mist)}.glytone-bf-hero__dot--filled{background:var(--bf-navy)}.glytone-bf-hero__step--muted{opacity:.65}.glytone-bf-hero__step-number{display:inline-block;color:var(--bf-navy);font-family:var(--bf-display);font-size:2.1rem;font-weight:300;line-height:1;vertical-align:-.1em}.glytone-bf-hero__media{position:relative;min-width:0;overflow:hidden;background:var(--bf-mist)}.glytone-bf-hero__media picture{display:block;width:100%;height:100%}.glytone-bf-hero__image{display:block;width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center;transform:scale(1.1)}.glytone-bf-hero__placeholder{display:block;width:100%;height:100%}.glytone-bf-hero__signup{display:flex;flex-direction:column;justify-content:center;min-width:0;background:var(--bf-navy);color:#fff;padding:48px 40px;scroll-margin-top:20px}.glytone-bf-hero__eyebrow{margin:0;color:#ffffffb3;font-family:var(--bf-sans);font-size:.625rem;font-weight:400;line-height:1.6;letter-spacing:.3em;text-transform:uppercase}.glytone-bf-hero__timer{display:flex;align-items:flex-start;justify-content:flex-start;margin-top:16px;white-space:nowrap}.glytone-bf-hero__timer-unit{display:flex;flex-direction:column;align-items:center;min-width:0}.glytone-bf-hero__timer-value{display:block;min-width:2ch;color:#fff;font-family:var(--bf-display);font-size:clamp(2rem,2.5vw,2.9rem);font-weight:300;line-height:1;text-align:center;font-variant-numeric:lining-nums tabular-nums}.glytone-bf-hero__timer-label{margin-top:8px;color:#ffffff8c;font-size:.5rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase}.glytone-bf-hero__timer-separator{padding:0 5px;color:#ffffff4d;font-family:var(--bf-display);font-size:clamp(1.8rem,2.2vw,2.6rem);line-height:1}.glytone-bf-hero__divider{width:100%;height:1px;margin:36px 0;background:#ffffff26}@keyframes glytone-bf-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1280px){.glytone-bf-hero__content{padding-left:64px;padding-right:64px}.glytone-bf-hero__signup{padding-left:56px;padding-right:56px}.glytone-bf-hero__percentage{font-size:3.8rem}}@media(max-width:1199px){.glytone-bf-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(320px,.85fr)}.glytone-bf-hero__content{padding-left:32px;padding-right:32px}.glytone-bf-hero__signup{padding-left:28px;padding-right:28px}.glytone-bf-hero__timer-value{font-size:2rem}.glytone-bf-hero__timer-separator{font-size:1.8rem;padding:0 3px}}@media(max-width:1023px){.glytone-bf-hero{display:flex;flex-direction:column;min-height:0}.glytone-bf-hero__content{padding:36px 40px 48px}.glytone-bf-hero__title{font-size:clamp(2.6rem,6.4vw,5.1rem)}.glytone-bf-hero__media{height:58vh;min-height:360px}.glytone-bf-hero__image{transform:none}.glytone-bf-hero__signup{padding:48px 40px}.glytone-bf-hero__timer-value{font-size:2.4rem}.glytone-bf-hero__timer-separator{font-size:2.2rem;padding:0 6px}}@media(max-width:639px){.glytone-bf-hero__content{padding:32px 24px 40px}.glytone-bf-hero__title{font-size:clamp(2.6rem,10vw,3.8rem);text-align:center}.glytone-bf-hero__offer{justify-content:center;margin-top:32px;text-align:center}.glytone-bf-hero__steps{margin:36px auto 0}.glytone-bf-hero__media{height:38vh;min-height:270px}.glytone-bf-hero__image{transform:scale(1.08)}.glytone-bf-hero__signup{padding:48px 24px 124px}.glytone-bf-hero__eyebrow{text-align:center}.glytone-bf-hero__timer{justify-content:center}.glytone-bf-hero__timer-value{font-size:clamp(2rem,8vw,2.4rem)}.glytone-bf-hero__timer-separator{font-size:1.8rem;padding:0 4px}.glytone-bf-hero__divider{margin:36px 0}}@media(prefers-reduced-motion:reduce){.glytone-bf-hero__content-inner{animation:none}}.glytone-bf-hero__content{display:flex;flex-direction:column;min-width:0;background:var(--bf-mist);padding:36px 48px 48px}.glytone-bf-hero__logo-wrap{display:flex;align-items:center;justify-content:flex-start;margin-bottom:48px}.glytone-bf-hero__logo{display:block;width:auto;height:20px;max-width:100%;object-fit:contain}.glytone-bf-hero__content-inner{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;animation:glytone-bf-rise 1.1s cubic-bezier(.22,1,.36,1) both}@media(max-width:639px){.glytone-bf-hero__content{padding:24px 24px 40px}.glytone-bf-hero__logo-wrap{justify-content:center;margin-bottom:36px}.glytone-bf-hero__logo{height:18px}}body.black-friday-early-access #shopify-section-columns>:first-child{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/50/assets/section-glytone-black-friday-hero.css.map */