.hero{position:relative;height:100dvh;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#fff}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-5) var(--space-12);width:100%;max-width:800px;flex:1}@media screen and (min-width:750px){.hero__content{padding:var(--space-20) var(--space-8) var(--space-16)}}.hero__heading{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-style:normal;font-size:clamp(40px,6vw,60px);line-height:1.2;letter-spacing:-.85px;margin:0 0 var(--space-4);color:#fff;text-align:center}.hero__subheading{font-family:var(--font-body);font-size:clamp(15px,2.5vw,20px);font-style:normal;font-weight:500;line-height:1.5;letter-spacing:-.85px;margin:0 0 var(--space-8);color:#fff;text-align:center;max-width:560px}.hero__prompt{display:flex;align-items:center;gap:var(--space-2);width:100%;max-width:600px;height:59px;background:#f9f9f9;border-radius:76px;border:2px solid #000;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);text-decoration:none;color:#666;cursor:pointer;transition:box-shadow .2s ease;box-shadow:0 5px 15px #00000059}.hero__prompt:hover{box-shadow:0 7px 20px #00000073}@media screen and (max-width:749px){.hero__prompt{height:50px;max-width:100%}}.hero__prompt-icon{flex-shrink:0;width:24px;height:24px}.hero__typewriter-wrap{flex:1;text-align:left;min-width:0;position:relative;font-family:var(--font-body);font-size:14px;font-style:normal;font-weight:600;line-height:1.5;letter-spacing:-.85px;color:#737373;min-height:1.5em}.hero__typewriter{display:inline}.hero__typewriter:after{content:"|";display:inline;animation:hero-blink .8s step-end infinite;color:#888;font-weight:300;margin-left:1px}@keyframes hero-blink{0%,to{opacity:1}50%{opacity:0}}.hero__generate-btn{flex-shrink:0;display:flex;align-items:center;align-self:stretch;padding:var(--space-2) var(--space-3);border-radius:100px;background:var(--color-brand-purple);color:#f6f6f6;text-align:center;font-family:var(--font-action);font-size:13px;font-style:normal;font-weight:500;line-height:15px;letter-spacing:1.117px;text-transform:uppercase;pointer-events:none}@media screen and (max-width:749px){.hero__generate-btn{font-size:11px;padding:var(--space-1-5) var(--space-2-5)}}.hero__secondary-link{display:inline-block;margin-top:var(--space-5);color:#fff;text-align:center;font-family:var(--font-body);font-size:16px;font-style:normal;font-weight:700;line-height:1.5;letter-spacing:-.85px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:12%;text-underline-offset:25%;text-underline-position:from-font;transition:opacity .2s ease}.hero__secondary-link:hover{opacity:.8}@media screen and (max-width:749px){.hero__secondary-link{font-size:14px}}.hero__marquee{position:absolute;bottom:10%;left:0;z-index:2;width:100%;overflow:hidden;padding:var(--space-4) 0;white-space:nowrap}.hero__marquee-track{display:inline-flex;animation:hero-marquee-scroll var(--marquee-duration, 30s) linear infinite;will-change:transform}.hero__marquee-track:hover{animation-play-state:paused}.hero__marquee-item{display:inline-flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);font-family:var(--font-action);font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:1.2px;text-transform:uppercase;text-align:center;color:#f2f2f2;white-space:nowrap}.hero__marquee-dot{width:var(--space-1);height:var(--space-1);border-radius:50%;background:#ffffff80;flex-shrink:0}@keyframes hero-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.hero__heading,.hero__subheading,.hero__prompt,.hero__secondary-link,.hero__marquee{opacity:0}.hero__heading .line,.hero__subheading .line{display:block;opacity:0}.hero__heading.is-split,.hero__subheading.is-split{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-hero.css.map */