:root{--hero-background-color:#fff;--hero-video-button-color:#fff;--hero-video-play-size:90px;--hero-video-pause-size:48px;--hero-video-button-hover-color:#c81e1e}.hero{container:hero/inline-size}.hero__container{display:grid;gap:20px;grid-template-areas:"media" "content";margin-left:auto;margin-right:auto;max-width:1920px;position:relative;width:100%}.hero__content{display:flex;flex-direction:column;gap:20px;grid-area:content;padding:20px var(--section-gutter)}.hero__title{font-size:var(--display-font-size);margin:0;text-wrap:balance}.hero__title--line{margin-left:calc(var(--bar-width)*2);padding-left:0;position:relative}.hero__title--line:before{background-color:var(--bar-color);content:"";display:block;height:calc(100% - var(--bar-height-correction));left:calc(var(--bar-width)*-1*2);margin-right:var(--bar-width);position:absolute;top:50%;top:49%;translate:0 -50%;width:var(--bar-width)}.hero__title .starspan{font-weight:400}.hero__intro{margin:20px 0 0}.hero__buttons{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.hero__media{aspect-ratio:1/1;grid-area:media;position:relative}.hero__image,.hero__video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.hero__play{border:2px solid var(--hero-video-button-color);border-radius:50%;height:var(--hero-video-play-size);left:50%;padding:20px;position:absolute;top:50%;translate:-50% -50%;width:var(--hero-video-play-size)}.hero__pause{border:2px solid var(--hero-video-button-color);border-radius:4px;bottom:8px;height:var(--hero-video-pause-size);padding:10px;right:8px;width:var(--hero-video-pause-size)}.hero__pause,.hero__play{align-items:center;display:flex;justify-content:center;position:absolute;transition:background-color .35s cubic-bezier(.25,.46,.45,.94),scale .35s cubic-bezier(.25,.46,.45,.94)}.hero__pause.is-hidden,.hero__play.is-hidden{display:none}.hero__pause .icon,.hero__play .icon{color:var(--hero-video-button-color)}.hero__pause:focus-visible,.hero__pause:hover,.hero__play:focus-visible,.hero__play:hover{background-color:var(--hero-video-button-hover-color);scale:1.2}@container hero (width >= 500px){.hero__buttons{flex-flow:row wrap;gap:1rem;justify-content:flex-start}.hero__button{justify-content:flex-start;width:-moz-fit-content;width:fit-content}.hero__media{aspect-ratio:16/9}}@container hero (width >= 1000px){.hero__container{--hero-video-play-size:130px;grid-template-areas:"content media";grid-template-columns:1fr 1fr;min-height:60vh}.hero__content{justify-content:center;margin-left:auto;margin-right:auto;max-width:700px;padding:40px;width:100%}.hero__media{aspect-ratio:unset}.hero__play{padding:30px}.hero__pause{bottom:20px;right:20px}.hero--33-66 .hero__container{grid-template-columns:1fr 2fr}.hero--33-66 .hero__content{padding:40px 20px}}@container hero (width >= 1400px){.hero--33-66 .hero__content{padding:40px}}