.whatsapp-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}@media (min-width:768px){.whatsapp-cta-group{gap:1.5rem}}.theme-whatsapp-icon{width:2.5rem;height:2.5rem;box-shadow:0 25px 50px -12px var(--cta-primary-shadow);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:hidden}.theme-whatsapp-icon--sm{width:2rem;height:2rem}.theme-whatsapp-icon--lg{width:3rem;height:3rem}.theme-whatsapp-icon__glyph{width:100%;height:100%}.theme-whatsapp-icon:hover{filter:var(--cta-whatsapp-hover-filter,brightness(.92));box-shadow:0 25px 50px -12px var(--cta-primary-shadow), 0 8px 16px -8px #0f172a1f}.theme-whatsapp-icon:focus-visible{outline:2px solid var(--cta-secondary-border);outline-offset:2px}.theme-whatsapp-banner{aspect-ratio:1487/346;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:auto;height:auto;min-height:0;transition:filter .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.theme-whatsapp-banner>span{line-height:0;width:100%!important;height:100%!important;display:block!important}.theme-whatsapp-banner__mark{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.theme-whatsapp-banner--sm{min-height:1.75rem}.theme-whatsapp-banner--md{min-height:2.25rem}.theme-whatsapp-banner--lg{min-height:3rem}.theme-whatsapp-banner:hover{filter:var(--cta-whatsapp-hover-filter,brightness(.92))}.theme-whatsapp-banner:focus-visible{outline:2px solid var(--cta-secondary-border);outline-offset:2px;border-radius:2px}
.hero-banner-track{--hero-backdrop-intro:#e1c6be;--hero-backdrop-main:#0f172a;--hero-backdrop-comic:#6e4b25;--hero-scroll-length:350vh;--hero-progress:0;--hero-t-intro-main:clamp(0, var(--hero-progress) / .5, 1);--hero-t-main-comic:clamp(0, (var(--hero-progress) - .5) / .5, 1);--hero-contact-switch:clamp(0, (var(--hero-progress) - .5) / .001, 1);--hero-contact-blend-early:color-mix(in srgb, var(--hero-backdrop-intro) calc((1 - var(--hero-t-intro-main)) * 100%), var(--hero-backdrop-main) calc(var(--hero-t-intro-main) * 100%));--hero-contact-blend-late:color-mix(in srgb, var(--hero-backdrop-main) calc((1 - var(--hero-t-main-comic)) * 100%), var(--hero-backdrop-comic) calc(var(--hero-t-main-comic) * 100%));--hero-contact-backdrop:color-mix(in srgb, var(--hero-contact-blend-early) calc((1 - var(--hero-contact-switch)) * 100%), var(--hero-contact-blend-late) calc(var(--hero-contact-switch) * 100%));--hero-contact-border-early:color-mix(in srgb, var(--hero-backdrop-intro) 55%, black);--hero-contact-border-mid:color-mix(in srgb, var(--hero-backdrop-main) 45%, white);--hero-contact-border-late:color-mix(in srgb, var(--hero-backdrop-comic) 40%, white);--hero-contact-border-blend-early:color-mix(in srgb, var(--hero-contact-border-early) calc((1 - var(--hero-t-intro-main)) * 100%), var(--hero-contact-border-mid) calc(var(--hero-t-intro-main) * 100%));--hero-contact-border-blend-late:color-mix(in srgb, var(--hero-contact-border-mid) calc((1 - var(--hero-t-main-comic)) * 100%), var(--hero-contact-border-late) calc(var(--hero-t-main-comic) * 100%));--hero-contact-border:color-mix(in srgb, var(--hero-contact-border-blend-early) calc((1 - var(--hero-contact-switch)) * 100%), var(--hero-contact-border-blend-late) calc(var(--hero-contact-switch) * 100%));--hero-contact-shadow-strength:calc(.14 + var(--hero-t-intro-main) * .3);--hero-contact-link:color-mix(in srgb, #64748b calc((1 - var(--hero-t-intro-main)) * 100%), #94a3b8 calc(var(--hero-t-intro-main) * 100%));--hero-contact-link-hover:color-mix(in srgb, #0f172a calc((1 - var(--hero-t-intro-main)) * 100%), #fff calc(var(--hero-t-intro-main) * 100%));--hero-contact-divider:color-mix(in srgb, #cbd5e1 calc((1 - var(--hero-t-intro-main)) * 100%), #fff calc(var(--hero-t-intro-main) * 100%));height:var(--hero-scroll-length);position:relative}.hero-banner-pin{background-color:var(--hero-backdrop-intro);width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.hero-banner-layer{position:absolute;inset:0}.hero-banner-layer--intro{z-index:10;opacity:calc(1 - clamp(0, var(--hero-progress) / .5, 1))}.hero-banner-layer--comic{z-index:20;opacity:clamp(0, (var(--hero-progress) - .5) / .35, 1);pointer-events:none}.hero-banner-track--comic-interactive .hero-banner-layer--comic{pointer-events:auto}.hero-banner-track--comic-interactive .hero-banner-layer--intro{pointer-events:none}.hero-banner-layer--intro .hero-banner-split__copy{--hero-text-backdrop:var(--hero-backdrop-intro)}.hero-banner-layer--comic .hero-banner-split__copy{--hero-text-backdrop:var(--hero-backdrop-comic)}.hero-banner-layer--main{--hero-text-backdrop:var(--hero-backdrop-main)}.hero-banner-layer--intro .hero-banner-split__copy,.hero-banner-layer--comic .hero-banner-split__copy,.hero-banner-layer--main{background-color:var(--hero-text-backdrop);background-image:linear-gradient(165deg, color-mix(in srgb, var(--hero-text-backdrop) 82%, white) 0%, var(--hero-text-backdrop) 46%, color-mix(in srgb, var(--hero-text-backdrop) 90%, black) 100%)}.hero-banner-layer--main{z-index:30;transform:translate3d(0, calc((1 - clamp(0, var(--hero-progress) / .5, 1)) * 100% + clamp(0, (var(--hero-progress) - .5) / .5, 1) * -100%), 0);will-change:transform}.hero-banner-split{flex-direction:column;width:100%;height:100%;display:flex}@media (min-width:768px){.hero-banner-split{flex-direction:row}}.hero-banner-split__image{width:100%;height:42%;position:relative;overflow:hidden}.hero-banner-split__copy{flex-direction:column;width:100%;height:58%;display:flex}@media (min-width:768px){.hero-banner-split__image,.hero-banner-split__copy{width:50%;height:100%}}.hero-banner-intro-copy{opacity:calc(1 - clamp(0, var(--hero-progress) / .35, 1))}.hero-banner-layer--comic .hero-banner-split{flex-direction:column-reverse}@media (min-width:768px){.hero-banner-layer--comic .hero-banner-split{flex-direction:row}}.hero-banner-comic-media{transform:scale(calc(1.12 - .12 * clamp(0, (var(--hero-progress) - .5) / .35, 1)));transform-origin:50%}.hero-banner-image-frame{position:absolute;inset:-8% 0;overflow:hidden}.hero-banner-parallax{transform:translate3d(0, calc(var(--hero-progress) * -3vh), 0);will-change:transform}.hero-banner-full-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:6rem 1rem 5.75rem;display:flex}@media (min-width:640px){.hero-banner-full-copy{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.hero-banner-full-copy{padding:7rem 2.5rem 6.25rem}}.hero-banner-copy-inner{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:48rem;padding:2rem 1.25rem;display:flex}@media (min-width:640px){.hero-banner-copy-inner{padding:2rem 1.75rem}}@media (min-width:768px){.hero-banner-copy-inner{padding:2.5rem}}.hero-banner-brand-slot{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:4.5rem;margin-bottom:1.5rem;display:flex}@media (min-width:640px){.hero-banner-brand-slot{height:5rem}}@media (min-width:768px){.hero-banner-brand-slot{height:5.5rem;margin-bottom:2rem}}.hero-banner-copy-slot{width:100%;min-height:11rem}@media (min-width:640px){.hero-banner-copy-slot{min-height:12rem}}@media (min-width:768px){.hero-banner-copy-slot{min-height:14rem}}@media (min-width:1024px){.hero-banner-copy-slot{min-height:15rem}}.hero-banner-contact{z-index:40;pointer-events:auto;background-color:var(--hero-contact-backdrop);background-image:linear-gradient(165deg, color-mix(in srgb, var(--hero-contact-backdrop) 82%, white) 0%, var(--hero-contact-backdrop) 46%, color-mix(in srgb, var(--hero-contact-backdrop) 90%, black) 100%);border-top:1px solid var(--hero-contact-border);box-shadow:0 -8px 24px rgb(0 0 0/var(--hero-contact-shadow-strength));position:absolute;bottom:0;left:0;right:0}.hero-banner-contact__link{color:var(--hero-contact-link);transition:color .3s cubic-bezier(.4,0,.2,1)}.hero-banner-contact__link:hover{color:var(--hero-contact-link-hover)}.hero-banner-contact__divider{background-color:var(--hero-contact-divider);width:1px;height:1rem;opacity:calc(.55 + var(--hero-t-intro-main) * .45)}@media (prefers-reduced-motion:reduce){.hero-banner-track{--hero-scroll-length:100vh}.hero-banner-layer--main{display:none;transform:none}.hero-banner-layer--intro,.hero-banner-intro-copy{opacity:1}.hero-banner-layer--comic{opacity:0}.hero-banner-comic-media{transform:none}.hero-banner-parallax{will-change:auto;transform:none}}