/* If Possible 4.0: /scott, the booking page. Scoped under .hp, homepage tokens only. */
.hp .sk{padding-block:28px 96px}
.hp .sk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-areas:"head book" "more book";grid-template-rows:auto 1fr;column-gap:64px;row-gap:44px;align-items:start}
.hp .sk-head{grid-area:head;display:flex;flex-direction:column;gap:22px;padding-top:30px}
.hp .sk .h1{font-size:92px;line-height:.92}
.hp .sk .lead{font-size:21px;max-width:480px}
.hp .sk-meta{margin:0;font-family:var(--f-mono);font-size:14px;line-height:1.45;color:var(--ink2)}

/* the calendar: the page's one job */
.hp .sk-book{grid-area:book;position:sticky;top:20px;min-height:640px;background:var(--card,#fff);border-radius:var(--rad-card,10px);box-shadow:0 0 0 1px rgba(16,40,60,.06),0 24px 60px rgba(16,40,60,.10);overflow:hidden}
.hp .sk-book iframe{display:block;width:100%;min-height:640px}

/* the film and the About */
.hp .sk-more{grid-area:more;display:grid;grid-template-columns:172px minmax(0,1fr);gap:28px;align-items:start}
.hp .sk-film{display:flex;flex-direction:column;gap:12px;padding:0;border:0;background:none;color:inherit;font-family:inherit;text-align:left;cursor:pointer}
.hp .sk-thumb{position:relative;display:block;aspect-ratio:9/16;border-radius:var(--rad-card,10px);overflow:hidden;background:var(--dk);box-shadow:0 18px 40px rgba(16,40,60,.18);transition:transform .32s cubic-bezier(.32,.72,0,1),box-shadow .32s ease}
.hp .sk-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.hp .sk-film:hover .sk-thumb{transform:translateY(-3px);box-shadow:0 24px 50px rgba(16,40,60,.22)}
.hp .sk-film:hover .st-play{transform:scale(1.08)}
.hp .sk-film:active .sk-thumb{transform:scale(.985)}
.hp .sk-film:focus-visible{outline:2px solid var(--acc);outline-offset:4px;border-radius:var(--rad-card,10px)}
.hp .sk-film-t{display:flex;flex-direction:column;gap:4px}
.hp .sk-film-t .wc{color:var(--acc);line-height:1.5}
.hp .sk-film-t b{font-size:17px;font-weight:650;line-height:1.25}
.hp .sk-about{display:flex;flex-direction:column;gap:12px}
.hp .sk-about h2{margin:0;color:var(--acc);line-height:1.5}
.hp .sk-about p{margin:0;font-size:17px;line-height:1.58;color:var(--ink2);text-wrap:pretty}

@container (max-width:1000px){
  .hp .sk-grid{column-gap:40px}
  .hp .sk .h1{font-size:72px}
  .hp .sk-more{grid-template-columns:132px minmax(0,1fr);gap:20px}
}
@container (max-width:860px){
  .hp .sk{padding-block:12px 64px}
  .hp .sk-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "book" "more";grid-template-rows:none;row-gap:28px}
  .hp .sk-head{gap:16px;padding-top:12px}
  .hp .sk .h1{font-size:64px}
  .hp .sk .lead{font-size:19px}
  .hp .sk-book{position:static}
  .hp .sk-more{grid-template-columns:128px minmax(0,1fr);gap:18px;padding-top:8px}
  .hp .sk-about p{font-size:16px}
}