.hero{background:var(--carvao);height:500vh;position:relative}@media (max-width:767px){.hero{height:360vh}}.hero-sticky{height:100lvh;position:sticky;top:0;overflow:hidden}.hero-media{will-change:transform;position:absolute;inset:0}.hero-poster,.hero-canvas{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-canvas{opacity:0;transition:opacity .4s;display:block}.hero-canvas[data-ready=true]{opacity:1}.hero-gradient{pointer-events:none;opacity:0;background:linear-gradient(to top, var(--carvao) 0%, color-mix(in srgb, var(--carvao) 75%, transparent) 22%, color-mix(in srgb, var(--carvao) 20%, transparent) 55%, transparent 75%), linear-gradient(to right, color-mix(in srgb, var(--carvao) 55%, transparent) 0%, transparent 55%);position:absolute;inset:0}.hero-content{padding:0 20px calc(env(safe-area-inset-bottom,0px) + 48px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 40px + (100lvh - 100svh));pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}@media (min-width:768px){.hero-content{padding:0 clamp(32px,6vw,96px) clamp(56px,9vh,96px)}}.hero-lines{margin-bottom:20px;display:grid}.hero-line{max-width:14ch;color:var(--osso);visibility:hidden;text-shadow:0 4px 48px #00000059;grid-area:1/1;align-self:end;margin:0;font-size:clamp(2.1rem,8.5vw,3.4rem)}@media (min-width:768px){.hero-line{font-size:clamp(3.2rem,6vw,6.5rem)}}.hero-word{vertical-align:top;padding-bottom:.08em;display:inline-block;overflow:hidden}.hero-word-inner{will-change:transform;display:inline-block}.hero-line[data-last=true] .hero-word:last-child .hero-word-inner,.hero-line[data-last=true] .hero-word:nth-last-child(2) .hero-word-inner{color:var(--mostarda)}.hero-sub{max-width:44ch;color:color-mix(in srgb, var(--osso) 80%, transparent);visibility:hidden;margin:0 0 28px;font-size:clamp(.95rem,1.4vw,1.125rem);line-height:1.55}.hero-ctas{pointer-events:auto;flex-direction:column;gap:10px;display:flex}.hero-ctas>*{visibility:hidden}@media (min-width:640px){.hero-ctas{flex-direction:row;align-items:center;gap:14px}}.cta{white-space:nowrap;cursor:pointer;min-height:52px;transition:transform .35s var(--ease-out), background .25s ease, box-shadow .35s var(--ease-out), border-color .25s ease;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.cta:active{transform:scale(.97)}.cta--primary{background:var(--brasa);color:#fff;box-shadow:0 8px 32px color-mix(in srgb, var(--brasa) 40%, transparent)}.cta--primary:hover{box-shadow:0 14px 40px color-mix(in srgb, var(--brasa) 55%, transparent);transform:translateY(-2px)}.cta--secondary{color:var(--osso);background:color-mix(in srgb, var(--osso) 8%, transparent);border:1px solid color-mix(in srgb, var(--osso) 28%, transparent);-webkit-backdrop-filter:blur(10px)}.cta--secondary:hover{background:color-mix(in srgb, var(--osso) 14%, transparent);border-color:color-mix(in srgb, var(--osso) 50%, transparent);transform:translateY(-2px)}.cta--ghost{min-height:auto;color:var(--osso);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb, var(--osso) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--osso) 40%, transparent);padding:14px 8px}.cta--ghost:hover{-webkit-text-decoration-color:var(--osso);text-decoration-color:var(--osso)}.hero-progress{background:color-mix(in srgb, var(--osso) 15%, transparent);border-radius:2px;width:2px;height:120px;position:absolute;top:50%;right:clamp(14px,2.5vw,32px);overflow:hidden;transform:translateY(-50%)}.hero-progress-fill{background:var(--mostarda);transform-origin:top;width:100%;height:100%;transform:scaleY(0)}.hero-scroll-hint{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);position:absolute;transform:translate(-50%)}.hero-mouse{border:2px solid color-mix(in srgb, var(--osso) 70%, transparent);border-radius:14px;width:24px;height:38px;display:block;position:relative}.hero-mouse-dot{background:var(--osso);width:4px;height:7px;animation:heroMouse 1.8s var(--ease-in-out) infinite;border-radius:2px;margin-left:-2px;position:absolute;top:7px;left:50%}@keyframes heroMouse{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(12px)}to{opacity:0;transform:translateY(0)}}