.hero{--overlay: color-mix(in srgb, var(--color-feature) 67%, transparent);background:linear-gradient(var(--overlay),var(--overlay)),var(--bg-image, transparent) center/cover;background-color:var(--color-feature);color:var(--color-text-contrast);column-gap:calc(var(--content-padding) * 2);display:grid;grid-template-columns:45% 1fr;grid-template-rows:repeat(5,auto);margin-block:var(--content-padding);margin-inline:calc(var(--content-padding) * -2);padding:calc(var(--content-padding) * 2);row-gap:var(--content-padding)}.hero-left{align-items:center;display:flex;flex-direction:column;gap:var(--content-padding);grid-column:1;grid-row:1 / -1;justify-content:center}.hero-video{aspect-ratio:16/9;background-color:var(--color-background);background-position:center;background-size:cover;width:100%}.hero-video iframe{border:none;display:block;height:100%;width:100%}.hero-video-thumbnail{align-items:center;border:none;cursor:pointer;display:flex;justify-content:center}.hero-video-thumbnail .play-button{height:120px;width:120px}.hero-creator{text-align:center}.hero-creator-short{display:none}.hero-content-link{color:inherit;display:flex;flex-direction:column;gap:var(--content-padding);grid-column:2;grid-row:1 / 5;text-decoration:none}.hero-title{margin-top:0}.hero-content-link:hover .hero-title{text-decoration:underline}.hero-images{display:flex;gap:calc(var(--content-padding) / 2);overflow:hidden}.hero-image{aspect-ratio:1;background-color:var(--color-background);flex:1;max-width:calc((100% - var(--content-padding)) / 3);overflow:hidden}.hero-image img{height:100%;object-fit:cover;width:100%}.hero-meta{align-items:center;display:flex;gap:var(--content-padding);justify-content:space-between}.hero-button{align-self:end;background-color:var(--color-feature);color:inherit;grid-column:2;grid-row:5;min-width:fit-content;padding:calc(var(--content-padding) / 2) var(--content-padding);text-align:center;text-decoration:none;width:calc((100% - var(--content-padding)) / 3)}.hero-button:hover{text-decoration:underline}@media(max-width:640px){.hero{grid-template-columns:1fr 1fr;grid-template-rows:auto;padding-block:var(--content-padding)}.hero-left,.hero-content-link{display:contents}.hero-title{grid-column:1 / -1;grid-row:1}.hero-summary{grid-column:1 / -1;grid-row:2}.hero-video{grid-column:1 / -1;grid-row:3}.hero-images{grid-column:1 / -1;grid-row:4}.hero-meta{grid-column:1 / -1;grid-row:5}.hero-button{align-self:baseline;grid-column:1;grid-row:6;width:auto}.hero-creator{grid-column:2;grid-row:6;align-self:baseline;justify-self:end;text-align:right}.hero-creator-long{display:none}.hero-creator-short{display:inline}}