.property-film{margin:42px 0;padding-top:28px;border-top:1px solid #dddcd740}.property-film h2{font:30px Georgia,serif;margin:0 0 14px}.film-frame{aspect-ratio:16/9;background:#263e51;display:grid;place-items:center;border-radius:8px;overflow:hidden}.film-frame button{font:15px Montserrat,sans-serif;background:transparent;border:1px solid #dddcd780;border-radius:5px;padding:18px 30px;color:#dddcd7;cursor:pointer}.film-frame iframe{width:100%;height:100%;border:0}.film-note{font-size:12px;line-height:1.7;opacity:.8}.film-hero{grid-row:span 2;position:relative;overflow:hidden;background:#263e51}.film-hero .film-poster{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.film-hero .film-poster img{width:100%;height:100%;object-fit:cover}.film-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;border:1px solid #fff9;border-radius:50%;background:#18364dcc;color:#fff;font-size:25px;padding-left:4px;box-shadow:0 3px 20px #0004}.film-poster:hover .film-play-icon{background:#18364df0}.film-hero iframe{display:block;width:100%;height:100%;border:0}@media(max-width:600px){.film-play-icon{width:54px;height:54px;font-size:20px}}.cs-hero.film-hero{aspect-ratio:16/9}.cs-hero.film-hero .film-poster{height:100%;width:100%}.cs-hero.film-hero iframe{height:100%;width:100%}
/* Keep the opening film full-width on phones, before and during playback. */
@media(max-width:600px){.mosaic:has(.film-hero){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.mosaic .film-hero{grid-column:1/-1;grid-row:auto;aspect-ratio:16/9;min-width:0}.mosaic:has(.film-hero)>button:not(.all-photos){height:125px;grid-column:auto;grid-row:auto}.mosaic:has(.film-hero)>button:nth-child(n+4):not(.all-photos){display:none}.mosaic .film-hero iframe{width:100%;height:100%;aspect-ratio:16/9}}