.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:#000;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)}@media(prefers-color-scheme:dark){.hero{color:#fff}}.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-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;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}}.shelf{--shelf-item-width: calc((100% - 4 * var(--content-padding)) / 5);display:flex;flex-direction:column;gap:var(--content-padding);line-height:1.4;margin-top:var(--content-padding)}.shelf-subtitle{font-size:.9em;margin:0;opacity:.7}.shelf-items{align-items:flex-start;display:flex;gap:var(--content-padding);margin:calc(-1 * var(--border-width));overflow-x:auto;padding:var(--border-width);scrollbar-width:none}.shelf-items>.title-card{flex:0 0 var(--shelf-item-width);max-width:var(--shelf-item-width);min-width:120px}