/* Top Loader Book at the top of the homepage (output/top-loader-book-2026-11-09/build_toploaderbook.py home()).
   A navy stage, the same navy as the homepage's card-holder panel, with the loop in a rounded light frame like a
   screen: the frame edge is meant to show, so the video's grey never has to match the page. Sized so the whole tile
   fits the first screen. */
.tlh{background:#0b2b3b;color:#fff;text-align:center;border-radius:24px;margin-top:24px;padding:clamp(32px,4vw,56px) 5% clamp(28px,3vw,40px);overflow:hidden}
.tlh-kicker{margin:0;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#e3a94b}
.tlh h2{color:#fff;font-size:clamp(46px,6.4vw,92px);line-height:1;letter-spacing:-.015em;margin:10px 0 12px}
.tlh-tag{font-size:clamp(21px,2.3vw,30px);line-height:1.25;margin:0 0 24px;color:#fff}
.tlh-tag em{font-style:normal;color:#a9bcc6}
.tlh-actions{display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:center;align-items:center}
.tlh .button:not(#gg){background:#fff;color:#0b2b3b;border-color:#fff}
.tlh .button:not(#gg):hover,.tlh .button:not(#gg):focus-visible{background:#e8eef1;color:#0b2b3b}
.tlh-link{color:#8cc8ff;font-size:18px;text-decoration:none}
.tlh-link:hover,.tlh-link:focus-visible{text-decoration:underline}
.tlh-media{display:block;max-width:min(1000px,max(560px,calc((100svh - 480px) * 16 / 9)));margin:26px auto 0;border-radius:20px;overflow:hidden;background:#f3f2f3;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.tlh-video{display:block;width:100%;height:auto;background:#f3f2f3}
.tlh-small{margin:14px 0 0;font-size:13px;color:#a9bcc6}
@media(max-width:760px){.tlh{border-radius:18px;margin-top:16px}.tlh-media{max-width:none;margin:22px 0 0;border-radius:14px}.tlh-link{font-size:17px}}