.hero{--hero-text:hsl(20, 28%, 13%);max-width:80rem;margin:0 auto;padding-block:3rem 4rem;display:grid;grid-template-columns:1fr 1.1fr;gap:3.5rem;align-items:stretch;color:var(--punchline-brown)}.hero__text{display:grid;align-content:space-between}body[data-device=Phone] .hero__text{gap:1.5rem}.hero__label{justify-content:center;opacity:0;animation:heroFadeUp .7s ease forwards .1s}.hero__title{font-family:var(--ff-serif);font-size:var(--fs-hero);font-weight:700;line-height:1.18;margin:0;opacity:0;animation:heroFadeUp .7s ease forwards .25s}.hero__title em{font-style:italic;color:var(--punchline-terracotta)}.hero__subtitle-wrap{display:flex;justify-content:center;opacity:0;animation:heroFadeUp .7s ease forwards .4s}.hero__subtitle{font-family:var(--ff-serif);font-size:var(--fs-h3);font-weight:var(--fw-regular,400);font-style:italic;line-height:var(--lh-relaxed,1.6);color:var(--hero-text);text-wrap:balance;padding:1rem 1.5rem;margin:0;background:hsl(0 0% 100% / .55);border:1px solid hsl(0 0% 0% / .06);border-radius:.875rem;backdrop-filter:blur(4px);text-align:center;box-shadow:0 .125rem .25rem hsl(0 0% 0% / .02),0 .5rem 1rem hsl(0 0% 0% / .04)}.hero__usps{display:grid;gap:.75rem;opacity:0;animation:heroFadeUp .7s ease forwards .5s}.hero__usp{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--hero-text)}.hero__usp-icon{width:2.25rem;height:2.25rem;border-radius:50%;background:hsl(8 55% 51% / .08);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--punchline-terracotta);margin-block-end:auto}.hero__usp-icon svg{width:1rem;height:1rem}.hero__usp strong{font-family:var(--ff-semibold,sans-serif);font-weight:var(--fw-bolder,600)}.hero__cta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;opacity:0;animation:heroFadeUp .7s ease forwards .6s}.hero__visual{position:relative;display:grid;opacity:0;animation:heroFadeIn .9s ease forwards .3s}.hero__media{width:100%;aspect-ratio:1/1;border-radius:.875rem;overflow:hidden;box-shadow:0 1.25rem 3rem hsl(18 43% 16% / .1);position:relative;background:var(--punchline-cream)}.hero__media img,.hero__media video{width:100%;height:100%;object-fit:cover;display:block}.hero__replay{position:absolute;bottom:.75rem;right:.75rem;width:2.25rem;height:2.25rem;display:grid;place-content:center;background:hsl(0 0% 0% / .35);backdrop-filter:blur(4px);border:none;border-radius:50%;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s ease,background .25s ease;z-index:1}.hero__replay.is-visible{opacity:1;pointer-events:auto}.hero__replay:focus-visible,.hero__replay:hover{background:hsl(0 0% 0% / .5)}.hero__replay-icon{width:1rem;height:1rem;color:hsl(0 0% 100%)}.hero__badge{position:absolute;top:-.75rem;right:-.75rem;width:4.5rem;height:4.5rem;background:var(--white,#f7f7f7);border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 .25rem 1rem hsl(18 43% 16% / .1);border:2px solid var(--punchline-gold-border);z-index:2}.hero__badge-since,.hero__badge-year{line-height:1}.hero__badge-since{font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;color:var(--punchline-text-light)}.hero__badge-year{font-family:var(--ff-serif);font-size:1.25rem;font-weight:700}@keyframes heroFadeUp{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hero__cta,.hero__label,.hero__subtitle-wrap,.hero__title,.hero__usps,.hero__visual{opacity:1;animation:none}}@media (max-width:64em){.hero{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 3rem 3.5rem}.hero__visual{max-width:35rem}}@media (max-width:40em){.hero{padding:2rem 1.5rem 3rem}}