/* The H.O.T. Take video poster: the designed Moonshots read card (no photos of real people).
   Linked by _tools/hot-take/build_hottake.py; kept as its own file so the band/token passes leave its fixed card colors alone.
   Sizes use container units so the card reads the same in the wide take page and the narrow home lead. */
.ht-vid{container-type:inline-size}
.ht-vid .ht-card{position:absolute;inset:0;background:rgb(237,232,216);color:rgb(23,25,32);display:flex;flex-direction:column;justify-content:flex-end;padding:0 6cqw 6.5cqw;text-align:left}
.ht-vid .ht-card .ht-card-bar{position:absolute;top:0;left:0;right:0;height:max(4px,0.8cqw);background:linear-gradient(90deg,rgb(200,146,42) 0 33.3%,rgb(46,138,176) 33.3% 66.6%,rgb(26,158,138) 66.6%)}
.ht-vid .ht-card p{margin:0!important;padding:0!important;max-width:none!important}
.ht-vid .ht-card .ht-card-k{font-family:'IBM Plex Mono',monospace!important;font-weight:500!important;font-size:max(10px,1.55cqw)!important;line-height:1.3!important;letter-spacing:.14em!important;text-transform:uppercase;color:rgb(31,106,138)!important;margin:0 0 1.6cqw!important}
.ht-vid .ht-card .ht-card-t{font-family:'Archivo','Syne','Helvetica Neue',Arial,sans-serif!important;font-weight:800!important;font-size:max(17px,4.4cqw)!important;line-height:1.06!important;letter-spacing:-.015em!important;color:rgb(23,25,32)!important;max-width:24ch!important}
.ht-vid .ht-card .ht-card-s{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:400!important;font-size:max(13px,2.2cqw)!important;line-height:1.3!important;color:rgb(90,86,78)!important;margin:1.6cqw 0 0!important}
.ht-vid .ht-card ~ .ht-play{left:auto!important;top:6cqw!important;right:6cqw!important;transform:none!important;width:max(48px,8.5cqw)!important;height:max(48px,8.5cqw)!important;background:rgb(31,106,138)!important;box-shadow:0 0 0 max(6px,1.1cqw) rgba(31,106,138,.18)!important}
.ht-vid .ht-card ~ .ht-play svg path{fill:rgb(246,242,232)!important}