/* Small films keep their original frame; playback always starts with the visitor. */
#kb-site-preview .detail-film{margin:0;min-width:0}
#kb-site-preview .detail-film video{display:block;width:100%;height:auto;object-fit:contain;background:#eae5df;border:0}
#kb-site-preview .detail-film.is-portrait{width:100%;max-width:340px;justify-self:center}
#kb-site-preview .detail-film.is-landscape{width:100%;max-width:1180px;margin-inline:auto}
#kb-site-preview .detail-film figcaption{padding:15px 0 0;color:#5f5563;font-size:14px;line-height:1.65}
#kb-site-preview .detail-film figcaption p{font-size:15px;line-height:1.65;margin:8px 0 0}
#kb-site-preview .detail-film figcaption h3{font:400 25px/1.25 'playfair display',serif;margin:8px 0 10px}
#kb-site-preview .film-duration{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#75636c}
#kb-site-preview .detail-film video:focus-visible{outline:3px solid #8c749c;outline-offset:5px}
#kb-site-preview .film-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,5vw,70px);align-items:start;max-width:850px;margin:35px auto 0}
#kb-site-preview .film-feature{padding:clamp(40px,6vw,80px) clamp(22px,6vw,86px);background:#f3eee7}
#kb-site-preview .film-feature h2{font:400 clamp(31px,3.6vw,47px)/1.18 'playfair display',serif;letter-spacing:-.02em}
#kb-site-preview .film-intro{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end;margin-bottom:32px}
#kb-site-preview .film-intro p{max-width:58ch}
#kb-site-preview .film-intro h2{margin-bottom:0}
#kb-site-preview .film-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:24px;padding-top:18px;border-top:1px solid #dcd3d9;font-size:14px}
#kb-site-preview .film-links a{min-height:40px;padding-block:8px}
#kb-site-preview .film-inset{margin-top:35px;padding-top:30px;border-top:1px solid #ded5df}
#kb-site-preview .film-inset h3{font-size:26px}
#kb-site-preview .film-detail-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:8%;align-items:center;margin-top:35px}
#kb-site-preview .film-detail-split .detail-film{max-width:320px}
#kb-site-preview .film-detail-split p{max-width:52ch}
#kb-site-preview .home-sauna-feature .detail-film figcaption{font-size:12px;padding-top:10px}
#kb-site-preview .film-hub .story-jumps{flex-wrap:wrap}
#kb-site-preview .film-hub .film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}
#kb-site-preview .film-hub .film-grid .detail-film{max-width:300px}
#kb-site-preview .film-hub .film-grid+.film-grid{margin-top:44px}
#kb-site-preview .film-hub .room-films{margin-top:30px}
#kb-site-preview .film-hub .room-films video{max-width:340px;margin:auto;max-height:none;object-fit:contain;background:#eee}
@media(max-width:800px){
 #kb-site-preview .film-hub .film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 #kb-site-preview .film-intro{grid-template-columns:1fr;gap:20px}
}
@media(max-width:600px){
 #kb-site-preview .film-detail-split{grid-template-columns:1fr;gap:28px}
 #kb-site-preview .film-pair{gap:30px;grid-template-columns:1fr}
 #kb-site-preview .film-hub .film-grid{grid-template-columns:1fr;gap:38px}
 #kb-site-preview .detail-film.is-portrait{max-width:330px}
}

#kb-site-preview .sauna-opening-film video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}