@font-face{font-family:RoomSans;src:url('/assets/home/fira-sans-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:RoomSans;src:url('/assets/home/fira-sans-medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
.room-header .room-introduction h1{font-family:RoomSans,Arial,sans-serif;font-weight:500;font-size:clamp(23px,2.1vw,32px);line-height:1.2;letter-spacing:-.015em}
.room-header .room-introduction p{font-family:RoomSans,Arial,sans-serif;font-weight:400;line-height:1.5}
/* The foreground characters must occlude the wall posters, including on phones. */
.room-scene .room-background{z-index:0}
.room-scene .room-poster{z-index:1}
.room-scene .room-child{z-index:2;pointer-events:none}
/* Align the visible lettering with the poster tops, inside the central clear area. */
.room-scene .room-slogan{z-index:3;left:35%;width:30%;top:7%;margin:0;text-shadow:none;pointer-events:none}
/* Use the supplied lettering itself as an alpha mask, preserving its exact strokes. */
.room-lettering{display:block;width:100%;aspect-ratio:2172/724;background:#fff;-webkit-mask:url('/assets/home/slogan-lettering-v1.png') center/contain no-repeat;mask:url('/assets/home/slogan-lettering-v1.png') center/contain no-repeat;mask-mode:alpha;transform:translateY(-21.82%);filter:drop-shadow(0 1px 3px #65462b55)}
@media(max-width:700px){.room-header .room-introduction h1{font-size:25px;line-height:1.22}.room-header .room-introduction p{font-size:14px}.room-header .room-introduction .room-audience{font-size:12px}.room-scene .room-slogan{top:8%;left:28%;width:44%}}