.reel-hero{isolation:isolate;background:var(--cf-deep);height:100dvh;min-height:650px;max-height:1120px;padding:7rem var(--cf-space) 5.5rem;align-items:flex-end;display:flex;position:relative;overflow:hidden}.reel-hero-media,.reel-hero-media picture,.reel-hero-media img,.reel-hero-media video{width:100%;height:100%;display:block;position:absolute;inset:0}.reel-hero-media{z-index:-2}.reel-hero-media img,.reel-hero-media video{object-fit:cover;object-position:50% 43%}.reel-hero-media video{opacity:0;transition:opacity .2s}.reel-hero-media video.is-painted{opacity:1}.reel-hero-shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#1b1917ba,#1b191747 60%,#1b191714),linear-gradient(#0000 22%,#1b1917b8);position:absolute;inset:0}.reel-hero-copy{width:min(850px,72vw)}.reel-hero-copy h1{letter-spacing:-.075em;white-space:pre-line;color:var(--cf-paper);text-wrap:initial;font-family:Sora,sans-serif;font-size:clamp(3.3rem,6vw,6.5rem);font-weight:600;line-height:1.015}.reel-hero-copy>p{color:var(--cf-paper);max-width:45ch;margin-top:1.8rem;font-size:1.03rem;line-height:1.65}.reel-hero-actions{margin-top:2.1rem}.reel-hero-toggle{right:var(--cf-space);background:color-mix(in srgb,var(--cf-ink) 70%,transparent);border:1px solid color-mix(in srgb,var(--cf-paper) 65%,transparent);width:46px;height:46px;color:var(--cf-paper);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:3rem}.reel-hero-toggle:hover{background:var(--cf-ink)}.reel-hero-toggle:active{transform:scale(.96)}.costela-site:lang(zh-CN) .reel-hero-copy h1{letter-spacing:-.025em;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(3rem,5.7vw,6.5rem);line-height:1.2}@media (width>=1700px){.reel-hero-copy{width:1000px}.reel-hero-copy h1{font-size:7rem}}@media (width<=767px){.reel-hero{height:auto;min-height:0;max-height:none;padding:72px 0 2.7rem;display:block;overflow:hidden}.reel-hero-media{z-index:0;aspect-ratio:16/10;width:100%;height:auto;position:relative;inset:auto}.reel-hero-media img,.reel-hero-media video{object-position:50% 45%}.reel-hero-shade{z-index:1;background:linear-gradient(0deg,var(--cf-deep),transparent 48%);height:62.5vw;inset:72px 0 auto}.reel-hero-copy{z-index:2;width:auto;margin:-.7rem 1.35rem 0;position:relative}.reel-hero-copy h1{letter-spacing:-.07em;font-size:clamp(2.7rem,9.8vw,4rem);line-height:1.065}.reel-hero-copy>p{max-width:36ch;margin-top:1.3rem;font-size:.9rem}.reel-hero-actions{margin-top:1.5rem}.reel-hero-toggle{z-index:3;width:38px;height:38px;top:90px;bottom:auto;right:1rem}.costela-site:lang(zh-CN) .reel-hero-copy h1{font-size:clamp(2.3rem,9vw,3.7rem)}}@media (prefers-reduced-motion:reduce){.reel-hero-media video,.reel-hero-toggle{transition:none;transform:none!important}}