.homepage-hero{background-color:var(--color-brand-primary);padding-block:var(--space-7) var(--space-6)}@media(min-width:1024px){.homepage-hero{padding-block:var(--space-9) var(--space-9)}}.homepage-hero__inner{display:flex;flex-direction:column;gap:var(--space-5);width:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-margin)}@media(min-width:1024px){.homepage-hero__inner{flex-direction:row;align-items:center;gap:var(--space-8)}}.homepage-hero__text{display:flex;flex-direction:column;gap:18px;flex:1}.homepage-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 14px;background-color:var(--color-brand-black);color:var(--color-brand-primary);font-size:var(--fs-11);font-weight:var(--fw-extrabold);letter-spacing:1.2px;text-transform:uppercase;border-radius:999px}.homepage-hero__eyebrow svg{width:14px;height:14px;fill:currentColor}.homepage-hero__headline{margin:0;font-family:var(--font-brand);font-size:42px;font-weight:var(--fw-black);line-height:1;letter-spacing:-.0286em;color:var(--color-brand-black)}@media(min-width:768px){.homepage-hero__headline{font-size:60px}}@media(min-width:1024px){.homepage-hero__headline{font-size:80px;line-height:.95;letter-spacing:-.0275em}}.homepage-hero__subline{margin:0;font-size:var(--fs-base);font-weight:var(--fw-medium);line-height:1.45;color:var(--color-brand-black);max-width:60ch}@media(min-width:1024px){.homepage-hero__subline{font-size:var(--fs-18)}}.homepage-hero__ctas{display:flex;flex-direction:column;gap:10px;margin-block-start:var(--space-1)}@media(min-width:768px){.homepage-hero__ctas{flex-direction:row;flex-wrap:wrap;gap:12px}}.homepage-hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:12px;font-family:var(--font-brand);font-size:var(--fs-md);font-weight:var(--fw-extrabold);text-decoration:none;transition:opacity var(--transition-fast),background-color var(--transition-fast);cursor:pointer;border:0}.homepage-hero__cta svg{width:16px;height:16px;stroke:currentColor;fill:currentColor;stroke-width:2}.homepage-hero__cta--primary{background-color:var(--color-brand-black);color:var(--color-brand-primary)}.homepage-hero__cta--primary:hover{opacity:.92}.homepage-hero__cta--secondary{background-color:transparent;color:var(--color-brand-black);border:2px solid var(--color-brand-black);padding:14px 22px}.homepage-hero__cta--secondary svg{fill:none;stroke:currentColor}.homepage-hero__cta--secondary:hover{background-color:#0000000d}.homepage-hero__visual{width:100%;display:flex;justify-content:center}@media(min-width:1024px){.homepage-hero__visual{flex:1;max-width:600px}}.homepage-hero__phone{position:relative;width:260px;height:540px;background-color:#0e0e0e;border-radius:40px;padding:5px;box-shadow:inset 0 0 0 1px #2a2a2a,0 20px 40px #0006}@media(min-width:1024px){.homepage-hero__phone{width:380px;height:780px;border-radius:56px;padding:6px;box-shadow:inset 0 0 0 1px #2a2a2a,0 32px 60px #0006}}.homepage-hero__phone-screen{position:relative;width:100%;height:100%;background-color:#111;border-radius:36px;overflow:hidden}@media(min-width:1024px){.homepage-hero__phone-screen{border-radius:50px}}.homepage-hero__phone-island{position:absolute;top:10px;left:50%;transform:translate(-50%);width:88px;height:26px;background-color:#000;border-radius:999px;z-index:2}@media(min-width:1024px){.homepage-hero__phone-island{top:14px;width:120px;height:34px}}.homepage-hero__phone-media{display:block;width:100%;height:100%;object-fit:cover}.homepage-hero__phone-media--placeholder{display:flex;align-items:center;justify-content:center;background-image:linear-gradient(180deg,#1a1a1a,#0a0a0a)}.homepage-hero__phone-play{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#000000b3;border-radius:999px;color:#fff}.homepage-hero__phone-play svg{width:26px;height:26px;margin-inline-start:3px}@media(min-width:1024px){.homepage-hero__phone-play{width:88px;height:88px}.homepage-hero__phone-play svg{width:36px;height:36px;margin-inline-start:4px}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/homepage-hero.css.map */