.xh{--xh-nh:0px;--xh-max:min(30vw, 44svh);--xh-gap:var(--space-5);--xh-gb:var(--space-5);--xh-ch:224px;--xh-fg:var(--space-5);--xh-fh:138px;--xh-peek:64px;--xh-drift:0px;--xh-h:max(100svh, 560px);--xh-pw:max(100vw, var(--xh-h) * 1672 / 941);--xh-ph:calc(var(--xh-pw) * 941 / 1672)}.xh-stage{isolation:isolate;min-block-size:var(--xh-h);padding:var(--xh-top) var(--gutter) var(--xh-gb);background:var(--xh-sky);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative;overflow:clip}.xh-pic{z-index:-1;left:calc(50% - var(--xh-pw) / 2);top:max(calc(var(--xh-h) - var(--xh-ph)), calc(var(--xh-roof) - .355 * var(--xh-ph)));inline-size:var(--xh-pw);block-size:var(--xh-ph);position:absolute;-webkit-mask-image:linear-gradient(#0000,#000 12%);mask-image:linear-gradient(#0000,#000 12%)}.xh-shade{z-index:-1;background:var(--scrim);block-size:44%;position:absolute;inset:auto 0 0}.xh:has(.xh-name){--xh-nf:clamp(24px, 1.1vw + 18px, 38px);--xh-nh:calc(var(--xh-nf) * 1.1 + var(--space-4))}@media (width<=599px){.xh:has(.xh-name){--xh-nh:calc(var(--xh-nf) * 2.2 + var(--space-4))}}.xh-name{translate:calc(-.0775 * var(--xh-fs)) 0;margin:0 0 var(--space-4);font:400 var(--xh-nf) / 1.1 var(--font-body);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;text-shadow:0 1px 12px rgb(var(--scrim-ground) / .5)}.xh-wl{background-image:linear-gradient(to bottom, var(--ink) .095em, color-mix(in oklch, var(--ink) 50%, var(--tint-clay)) .805em);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (prefers-contrast:more),(forced-colors:active){.xh-wl{-webkit-text-fill-color:currentColor;background-image:none}}.xh-row{top:calc(100% + .26 * var(--xh-fs) - 14px);justify-content:center;align-items:center;gap:clamp(28px,4vw,64px);padding-inline-end:calc(2 * var(--xh-s));display:flex;position:absolute;inset-inline:0}.xh-one{top:calc(50% - 1.5px);left:-100vw;right:calc(.1 * var(--xh-fs));background:color-mix(in oklch, var(--ink) 92%, transparent);block-size:3px;box-shadow:0 1px 6px rgb(var(--scrim-ground) / .6);position:absolute}.xh-stop{background:color-mix(in oklch, var(--ink) 92%, transparent);block-size:12px;inline-size:2px;box-shadow:0 1px 6px rgb(var(--scrim-ground) / .6);border-radius:1px;flex:none;display:block;position:relative}.xh-rec{z-index:3;left:calc(-1 * var(--xh-s));inline-size:var(--xh-cw);margin-block-start:calc(-1 * var(--xh-third));position:relative}.xh-card{padding:var(--space-4) var(--space-5) var(--space-2);box-shadow:var(--shadow-float);text-align:start;border-radius:16px}.xh-ch{align-items:baseline;gap:0 var(--space-3);margin:0 0 var(--space-2);flex-wrap:wrap;display:flex}.xh-rows{margin:0;padding:0;list-style:none;display:grid}.xh-rows li{align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-block-start:1px solid var(--hairline);grid-template-columns:5.25rem 1fr;line-height:1.35;display:grid}.xh-rows time{color:var(--ink-2);font-size:14px}.xh-foot{--xh-scrim:color-mix(in oklch, var(--ground) 72%, transparent);z-index:2;transform:translateX(calc(-1 * max(0px, min(var(--xh-s), var(--xh-col) / 2 - 50%))));justify-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) 0;background:var(--xh-scrim);box-shadow:0 0 40px 28px var(--xh-scrim);border-radius:48px;margin-block-start:var(--xh-fg);display:grid;position:relative}.xh-foot .xh-line{text-wrap:balance;max-inline-size:36ch;margin:0}.xh-actions{margin:0}@media (width>=600px){.xh{--xh-gap:var(--space-6);--xh-gb:var(--space-5);--xh-ch:220px;--xh-fh:110px;--xh-drift:min(40px, 4svh)}}@media (width>=900px) and (height<=800px){.xh{--xh-fh:70px}.xh-foot{align-items:center;column-gap:var(--space-6);grid-template-columns:auto auto}.xh-line{text-align:start}}@media (aspect-ratio<=9/10){.xh{--xh-max:30svh;--xh-ph:calc(100vw * 1848 / 851)}.xh-stage{--xh-night:color-mix(in oklch, var(--xh-sky-p) 20%, var(--ground));background:linear-gradient(var(--xh-night) 50%, var(--ground) 0)}.xh-pic:after{content:"";background:linear-gradient(var(--xh-night) 10%, transparent 40%);position:absolute;inset:0}.xh-shade{display:none}.xh-pic{left:0;top:calc(var(--xh-top) + var(--xh-nh) + var(--xh-drift) + .97 * var(--xh-fs) + 46px - .455 * var(--xh-ph));inline-size:100vw;-webkit-mask-image:linear-gradient(#0000,#000 12% 90%,#0000);mask-image:linear-gradient(#0000,#000 12% 90%,#0000)}}@media (width<=599px){.xh-card{padding-inline:var(--space-4)}.xh-rows li{gap:var(--space-2);padding-block:var(--space-2);grid-template-columns:4.25rem 1fr;font-size:14px}.xh-rows b{display:block}.xh-foot{padding-inline:var(--space-1)}.xh-rows time{font-size:12px}}@media (width<=389px){.xh-foot{margin-inline:calc(8px - var(--gutter));align-self:stretch}}@media (width<=599px) and (height<=759px){.xh{--xh-gap:6px;--xh-gb:var(--space-3);--xh-fg:var(--space-3);--xh-fh:172px}.xh-line{font-size:17px;line-height:1.45}.xh-actions .btn{--btn-h:48px}}@media (height<=619px){.xh{--xh-nofit:9999px;--xh-drift:0px}}@media (prefers-reduced-motion:no-preference) and (height>=620px){html[data-js]:not([data-motion=off]) .xh:not([data-film],[data-lab]) :is(.xh-row,.xh-glyph){--init-opacity:0;--init-y:0px;animation:1ms 4s backwards reveal-rise}}