/* TONEHOLD: the landing page, in the look (10 October). Martial: "even the main page could have some gradient light
   behind?"; and of what stands under its card: "in terms of design and busy, so make it better" (his capture showed a
   busy row under the disc, then a long empty lower half).
   - A slight ground made from OUR covers stands behind its head (the houses' lead covers, blurred, fading into the
     paper: .th-fbg, laid by producers.js as on the front of houses). No stock image.
   - The row under the disc is ONE quiet line: the production in the middle, its price, what is left, Play, and the
     act that carries its lowest licence (the old row of play, parts, modes and effects is gone with the look: one
     player, the disc).
   - The licence card is the one object of card.css.
   - Under it, THE HOUSES: the ones the house represents first and larger, with their quiet mark; the others under them.
   - Nothing below waits unseen: what arrives on sight has arrived two seconds after the page (tonehold.js), so no
     screen stands empty for a hand that moves fast, or for a capture of the whole page.
   This sheet loads after look.css and card.css, on the landing page only. */
.th-home .enter{padding-block:clamp(26px,5svh,58px) 0!important}
.th-home .enter h1{font:440 clamp(42px,7vw,108px)/.93 var(--f);letter-spacing:-.05em}
.th-home .cat{padding-bottom:10px!important}
.th-home .room{-webkit-mask:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000)}
/* the row under the disc, made quiet: one line */
.th-home .th-side{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;max-width:none;margin:26px auto 0;padding:0 var(--pad)}
.th-home .th-side .th-st{display:inline-flex;align-items:center;min-height:44px;font:600 17px/1.2 var(--f);letter-spacing:-.012em}
.th-home .th-side .th-tags{display:none}
.th-home .th-sp{align-items:baseline;gap:10px;margin:0}
.th-home .th-sp b{font:500 17px/1.2 var(--f);letter-spacing:-.01em}
.th-home .th-sp .ml{font-size:10.5px}
.th-home .th-side .th-acts{display:flex;gap:8px;margin:0}
.th-home .th-side .th-acts .b{min-height:46px;padding:0 20px;font-size:14.5px}
.th-home .feat{padding-top:clamp(30px,5svh,56px)!important}
/* the houses, under the card */
.th-hmh{padding-block:clamp(48px,8svh,96px) 0!important}
.th-hmh .th-fh{gap:14px}
.th-hmh .th-fh1{font:440 clamp(34px,4.8vw,68px)/.96 var(--f)!important;margin-top:0}
.th-hmh .th-pg{margin-top:clamp(18px,3svh,34px)}
.th-hmh .th-pm{padding-bottom:10px}
.th-hmh .th-hmall{display:flex;justify-content:center;margin-top:6px}
/* what follows, set closer: no screen stands empty */
.th-home .can{padding-top:clamp(52px,8svh,96px)!important}
.th-home .two{padding-top:clamp(34px,6svh,64px)!important}
.th-home .offer .ticket{border-radius:28px}
.th-home .offer .b.k{border-radius:26px}
@media (max-width:1000px){
  .th-home .th-side{gap:6px 14px;margin-top:20px}
  .th-home .th-side .th-acts{flex:1 1 100%;justify-content:center}
  .th-home .th-side .th-acts .b{flex:1 1 0;max-width:220px;padding:0 12px}
}
.th-hmnote{margin-top:10px;text-align:center}