.explore-banner{position:relative;min-height:100vh;width:100%;overflow:hidden;background:var(--ti-ink);display:flex;align-items:center;padding:clamp(80px,12vh,140px) clamp(20px,5vw,56px);isolation:isolate}.explore-banner__inner{position:relative;z-index:2;width:100%;max-width:1120px;margin:0 auto}.explore-banner__bg-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.explore-banner__bg{position:absolute;top:-15%;left:0;width:100%;height:130%;background-size:cover;background-position:center;background-repeat:no-repeat;will-change:transform}.explore-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#0d1b2a6b,#0d1b2a1f 45%,#0d1b2a00 72%)}.explore-banner__card{--card-base: clamp(20px, 1.7vw, 24px);font-size:var(--card-base);position:relative;z-index:2;width:100%;max-width:27em;background:linear-gradient(158deg,var(--ti-deep) 0%,var(--ti-royal) 100%);color:var(--ti-on-primary);border-radius:1.3em;padding:2.8em;box-shadow:0 30px 66px -32px #0e5a9999;display:grid;gap:1.05em}.explore-banner__headline{font-family:var(--ti-font-display);font-size:2.5em;line-height:.99;letter-spacing:-.01em;margin:0;color:var(--ti-on-primary)}.explore-banner__headline em{font-family:var(--ti-font-serif);font-style:italic;font-weight:500;color:var(--ti-sun);position:relative;white-space:nowrap}.explore-banner__headline em:after{content:"";position:absolute;left:0;right:0;bottom:-.08em;height:.16em;background:var(--ti-squiggle-sun) center / 100% 100% no-repeat;transform:scaleX(0);transform-origin:left center;transition:transform .7s var(--ti-ease) .3s}.explore-banner.is-in-view .explore-banner__headline em:after{transform:scaleX(1)}.explore-banner__lede{font-family:var(--ti-font-serif);font-weight:500;font-size:.86em;line-height:1.55;color:#ffffffeb;margin:0;max-width:46ch}.explore-banner__ctas{display:flex;flex-wrap:nowrap;gap:.55em;margin-top:.35em}.explore-banner__cta{display:inline-flex;align-items:center;gap:.5em;padding:1em 1.55em;border-radius:999px;font-family:var(--ti-font-body);font-size:.68em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-decoration:none;transition:transform .22s var(--ti-ease),background-color .22s var(--ti-ease),border-color .22s var(--ti-ease),box-shadow .22s var(--ti-ease)}.explore-banner__cta--primary{background:var(--ti-sun);color:var(--ti-ink);box-shadow:0 14px 30px -14px #ffba1f8c}.explore-banner__cta--primary:hover{background:#ffd066;transform:translateY(-2px)}.explore-banner__cta--ghost{background:transparent;color:var(--ti-on-primary);border:1px solid rgba(255,255,255,.5)}.explore-banner__cta--ghost:hover{background:#ffffff1f;border-color:#ffffffd9;transform:translateY(-2px)}.explore-banner__cta-arrow{width:1.1em;height:1.1em;transition:transform .24s var(--ti-ease)}.explore-banner__cta:hover .explore-banner__cta-arrow{transform:translate(3px)}.explore-banner__headline,.explore-banner__lede,.explore-banner__ctas{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ti-ease),transform .7s var(--ti-ease)}.explore-banner.is-in-view .explore-banner__headline{opacity:1;transform:none;transition-delay:.12s}.explore-banner.is-in-view .explore-banner__lede{opacity:1;transform:none;transition-delay:.24s}.explore-banner.is-in-view .explore-banner__ctas{opacity:1;transform:none;transition-delay:.36s}@media(max-width:480px){.explore-banner__card{max-width:none;transform:none}.explore-banner__ctas{flex-wrap:wrap}.explore-banner__cta{flex:1 1 auto;justify-content:center}}@media(prefers-reduced-motion:reduce){.explore-banner__bg{transform:none!important}.explore-banner__headline,.explore-banner__lede,.explore-banner__ctas{opacity:1!important;transform:none!important;transition:none!important}.explore-banner__headline em:after{transform:scaleX(1)!important;transition:none!important}}@media(max-width:767px){.explore-banner__card{justify-items:center;text-align:center}.explore-banner__lede{margin-inline:auto}.explore-banner__ctas{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/explore-banner.css.map */