.title-page{--title-gap:calc(2 * var(--grid-ch));--title-thumb-gap:var(--grid-ch);--title-thumb-w:calc(10 * var(--grid-ch));--title-thumb-h:calc(4 * var(--line))}.title-header>*,.title-heading>*,.title-details>*,.title-detail-list>*,.title-launch>*,.title-description>*{margin-top:0}.title-fallback-text{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.title-header{--overlay:color-mix(in srgb, var(--color-feature) 67%, transparent);column-gap:var(--title-gap);row-gap:var(--line);color:var(--color-text-contrast);grid-template-columns:minmax(0,1fr) max-content;align-items:start;display:grid}.title-header:before{background:linear-gradient(var(--overlay), var(--overlay)), var(--title-header-bg) center / cover;background-color:var(--color-feature)}.title-heading{min-width:0}.title-name{display:block}.title-name .mono-line-text{line-height:inherit}.title-creator{margin-top:0}.title-play{color:var(--color-text);grid-area:1/2}.title-thumbs{grid-column:1/-1;grid-template-columns:repeat(auto-fit, var(--title-thumb-w));column-gap:var(--title-thumb-gap);row-gap:var(--line);justify-content:start;display:grid}.title-thumb{--play-button-bg:var(--color-feature);--play-button-fg:var(--color-text-contrast);width:var(--title-thumb-w);height:var(--title-thumb-h);background-color:var(--color-media-placeholder);color:inherit;cursor:pointer;background-position:50%;background-size:cover;border:0;place-content:center;padding:0;display:grid}.title-thumb:hover{--play-button-bg:var(--color-text-contrast);--play-button-fg:var(--color-feature);outline:var(--card-outline-width) solid var(--color-text-contrast);outline-offset:calc(-1 * var(--card-outline-width))}.title-thumb .play-button{width:calc(2 * var(--line));height:calc(2 * var(--line))}.title-lightbox{pointer-events:none;color:#fff;opacity:1;background:0 0;border:0;width:auto;height:auto;margin:0;padding:0;transition:opacity .15s;inset:0;overflow:hidden}.title-lightbox:popover-open{grid-template-columns:calc(6 * var(--grid-ch)) minmax(0, 1fr) calc(6 * var(--grid-ch));column-gap:var(--grid-ch);display:grid}@starting-style{.title-lightbox:popover-open{opacity:0}}.title-lightbox::backdrop{background:#000000d9}body:has(.title-lightbox:popover-open){overflow:hidden}.title-lightbox-close,.title-lightbox-arrow{font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;border:0;margin:0}.title-lightbox-close{margin-top:var(--line);margin-right:calc(2 * var(--grid-ch));color:var(--color-text);grid-area:1/3;place-self:start end}.title-lightbox-arrow{place-self:center}.title-lightbox-arrow--prev{grid-area:1/1}.title-lightbox-arrow--next{grid-area:1/3}.title-lightbox-slides{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;pointer-events:auto;grid-area:1/2;grid-auto-columns:100%;grid-auto-flow:column;margin:0;display:grid;overflow-x:auto}.title-lightbox-slides:focus-visible{outline:var(--card-outline-width) solid white;outline-offset:calc(-1 * var(--card-outline-width))}.title-lightbox-slide{padding:var(--line) 0;scroll-snap-align:center;scroll-snap-stop:always;place-items:center;margin:0;display:grid}.title-lightbox-image{width:auto;max-width:100%;height:auto;max-height:100%}.title-lightbox-poster,.title-lightbox-video{aspect-ratio:16/9;width:min(100%, calc((100dvh - 2 * var(--line)) * 16 / 9));grid-area:1/1;height:auto}.title-lightbox-poster{object-fit:cover}.title-lightbox-video{border:0;margin:0}@media (width<=640px){.title-lightbox:popover-open{grid-template-columns:calc(5 * var(--grid-ch)) minmax(0, 1fr) calc(5 * var(--grid-ch))}}.title-content{min-width:0;margin-top:var(--line)}.title-description{white-space:normal;color:var(--color-text-contrast)}.title-description>*+*{margin-top:var(--line)}.title-description>*{margin-inline:0}:is(.title-description>p:not(:has(img)),.title-description>div,.title-description>ul,.title-description>ol){max-width:calc(68 * var(--grid-ch))}.title-description ul,.title-description ol{padding-left:calc(2 * var(--grid-ch));margin:0}.title-description li{margin-top:0}.title-description img{width:round(down, 100%, var(--grid-ch));max-width:100%;height:auto;display:block}.title-details{margin-top:var(--line)}.title-detail-list{grid-template-columns:calc(8 * var(--grid-ch)) minmax(0, 1fr);column-gap:calc(2 * var(--grid-ch));row-gap:0;margin:0;display:grid}.title-detail-list dt{color:var(--color-text-secondary)}.title-detail-list dd{margin-left:0}.title-launch{margin-top:var(--line);margin-bottom:0}@media (width<=640px){.title-page{margin-top:0}}
