/* (3) Posters, loaded at once (no lazy): every block's own first frame is painted as the background of
   its media layer, webp with a jpg fallback (image-set), preloaded in <head> (the hero's with high
   priority). Under it, as insurance only, a tiny inlined preview of the same frame (12-24px JPEG,
   ~0.4 KB) on the frame's average colour. The videos sit on top, invisible until their first frame
   plays, then fade in (styles.css, html.posters-eager). Remove this file's <link> and the class to
   go back to the script-set video posters. The first-line `url(...jpg)` is for browsers without
   image-set type(). Previews built from assets/video/posters/*.jpg. */

.hero__media {
  background: url("assets/video/posters/wall-wide.jpg") 72% 50% / cover no-repeat, url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAOABgDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAQBAgUG/8QAJBAAAgIBAwMFAQAAAAAAAAAAAQIDEQAEEiETUbExQWGR0eH/xAAWAQEBAQAAAAAAAAAAAAAAAAABAAL/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDkkduo0qyRrZZ1A9+6/HByIplEhWNQopSN4N/0c+MU6rdVSpKsRVg1lk1ILKoD0AOC1834rjMpsTBJ9JJYCg6i2IPpwPrDFYpTso3sZwNt32/MMC//2Q==") 72% 50% / cover no-repeat, #34332B;
  background: image-set(url("assets/video/posters/wall-wide.webp") type("image/webp"), url("assets/video/posters/wall-wide.jpg") type("image/jpeg")) 72% 50% / cover no-repeat,
    url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAOABgDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAQBAgUG/8QAJBAAAgIBAwMFAQAAAAAAAAAAAQIDEQAEEiETUbExQWGR0eH/xAAWAQEBAQAAAAAAAAAAAAAAAAABAAL/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDkkduo0qyRrZZ1A9+6/HByIplEhWNQopSN4N/0c+MU6rdVSpKsRVg1lk1ILKoD0AOC1834rjMpsTBJ9JJYCg6i2IPpwPrDFYpTso3sZwNt32/MMC//2Q==") 72% 50% / cover no-repeat,
    #34332B;
}
.scene--hall .scene__media {
  background: url("assets/video/posters/hall-wide.jpg") 50% 50% / cover no-repeat, url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAOABgDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAUGAv/EACUQAAIBAwMCBwAAAAAAAAAAAAECAwAEEQUhQRIyIyQxUWFxof/EABYBAQEBAAAAAAAAAAAAAAAAAAMCBP/EABkRAAMBAQEAAAAAAAAAAAAAAAABAhExQv/aAAwDAQACEQMRAD8AkW8w0buQshXdlXnemGnaq9lZTmSAyMy+FhwADznk/FKoSWkhUYyRj9NUw0WJNPLLgzKnc24PvtWasXR5deWTIUTOZrhycnPSPuitTXSr2wr059CKKeWsIpPT/9k=") 50% 50% / cover no-repeat, #493623;
  background: image-set(url("assets/video/posters/hall-wide.webp") type("image/webp"), url("assets/video/posters/hall-wide.jpg") type("image/jpeg")) 50% 50% / cover no-repeat,
    url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAOABgDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAUGAv/EACUQAAIBAwMCBwAAAAAAAAAAAAECAwAEEQUhQRIyIyQxUWFxof/EABYBAQEBAAAAAAAAAAAAAAAAAAMCBP/EABkRAAMBAQEAAAAAAAAAAAAAAAABAhExQv/aAAwDAQACEQMRAD8AkW8w0buQshXdlXnemGnaq9lZTmSAyMy+FhwADznk/FKoSWkhUYyRj9NUw0WJNPLLgzKnc24PvtWasXR5deWTIUTOZrhycnPSPuitTXSr2wr059CKKeWsIpPT/9k=") 50% 50% / cover no-repeat,
    #493623;
}
.scene--oven .scene__media {
  background: url("assets/video/posters/oven-wide.jpg") 45% 50% / cover no-repeat, url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAOABgDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMBAgQG/8QAJxAAAgEDAgMJAAAAAAAAAAAAAQMCAAQREiEFEzEiMlFSYXGRsdH/xAAVAQEBAAAAAAAAAAAAAAAAAAACA//EABkRAAIDAQAAAAAAAAAAAAAAAAACAREhIv/aAAwDAQACEQMRAD8A5a1K4LEmjsjwO3tS720elUWtmsZGeWDkxHr+dawrvsL0SSJb5zqIqzuIsZExEYxh5ck/dSlWsrDLWi5Im24K0LMzLfER0oqTf3DF8vXogB3YDSD8UUtByf/Z") 45% 50% / cover no-repeat, #362518;
  background: image-set(url("assets/video/posters/oven-wide.webp") type("image/webp"), url("assets/video/posters/oven-wide.jpg") type("image/jpeg")) 45% 50% / cover no-repeat,
    url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAOABgDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMBAgQG/8QAJxAAAgEDAgMJAAAAAAAAAAAAAQMCAAQREiEFEzEiMlFSYXGRsdH/xAAVAQEBAAAAAAAAAAAAAAAAAAACA//EABkRAAIDAQAAAAAAAAAAAAAAAAACAREhIv/aAAwDAQACEQMRAD8A5a1K4LEmjsjwO3tS720elUWtmsZGeWDkxHr+dawrvsL0SSJb5zqIqzuIsZExEYxh5ck/dSlWsrDLWi5Im24K0LMzLfER0oqTf3DF8vXogB3YDSD8UUtByf/Z") 45% 50% / cover no-repeat,
    #362518;
}
.scene--bar .scene__media {
  background: url("assets/video/posters/bar-wide.jpg") 40% 50% / cover no-repeat, url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAOABgDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAUCBAb/xAAjEAACAQQCAgIDAAAAAAAAAAABAgMABBESBTEGQRMhUWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgP/xAAcEQEAAgEFAAAAAAAAAAAAAAABAAISESExQVH/2gAMAwEAAhEDEQA/AE3jllbO9ozxtIzTLkFMrjYZyfZpx5zCsXGQyhYYJVZxqsepZdhjH8HdZXiuUtrSWFtZwVkViVwc4IPR+qb8vy48nljt1M6iPYbyleiR6Ufr80eKqsYau0q8PeRxQxozfMquG1ACAD2Cx79UVODhbqGAxQ3yiLbbQxfWcd90VHOj3Hjbyf/Z") 40% 50% / cover no-repeat, #655953;
  background: image-set(url("assets/video/posters/bar-wide.webp") type("image/webp"), url("assets/video/posters/bar-wide.jpg") type("image/jpeg")) 40% 50% / cover no-repeat,
    url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAOABgDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAUCBAb/xAAjEAACAQQCAgIDAAAAAAAAAAABAgMABBESBTEGQRMhUWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgP/xAAcEQEAAgEFAAAAAAAAAAAAAAABAAISESExQVH/2gAMAwEAAhEDEQA/AE3jllbO9ozxtIzTLkFMrjYZyfZpx5zCsXGQyhYYJVZxqsepZdhjH8HdZXiuUtrSWFtZwVkViVwc4IPR+qb8vy48nljt1M6iPYbyleiR6Ufr80eKqsYau0q8PeRxQxozfMquG1ACAD2Cx79UVODhbqGAxQ3yiLbbQxfWcd90VHOj3Hjbyf/Z") 40% 50% / cover no-repeat,
    #655953;
}

@media (max-aspect-ratio: 1/1) {
  .hero__media {
    background: url("assets/video/posters/wall-mobile.jpg") 72% 50% / cover no-repeat, url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAVAAwDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAQFAwb/xAAjEAACAQQBAwUAAAAAAAAAAAABAgMAESExBBITQQUiUXHh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAQL/xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEQMRAD8A5niRSFgdlwcEYJGCfyp/qMbiSH27hS1vqt+Ee2ylirNe/Up3414tTc3bnETMylljVTf5qLSkxTv1MQbFmLYxY5ppiVCgX1RRTQ//2Q==") 72% 50% / cover no-repeat, #38362E;
    background: image-set(url("assets/video/posters/wall-mobile.webp") type("image/webp"), url("assets/video/posters/wall-mobile.jpg") type("image/jpeg")) 72% 50% / cover no-repeat,
    url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAVAAwDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAQFAwb/xAAjEAACAQQBAwUAAAAAAAAAAAABAgMAESExBBITQQUiUXHh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAQL/xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEQMRAD8A5niRSFgdlwcEYJGCfyp/qMbiSH27hS1vqt+Ee2ylirNe/Up3414tTc3bnETMylljVTf5qLSkxTv1MQbFmLYxY5ppiVCgX1RRTQ//2Q==") 72% 50% / cover no-repeat,
    #38362E;
  }
  .scene--hall .scene__media {
    background: url("assets/video/posters/hall-mobile.jpg") 50% 50% / cover no-repeat, url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAVAAwDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAMGAgT/xAAfEAACAgICAwEAAAAAAAAAAAABAgMRAAQFMRJBUTL/xAAWAQEBAQAAAAAAAAAAAAAAAAAEAAL/xAAZEQACAwEAAAAAAAAAAAAAAAAAAQIRQSH/2gAMAwEAAhEDEQA/AJXjIFn2I4SfF2IULV2T6H3OjkoIdPceB5R5L2K6PzMaGnNvMDEqnwX9NYAN+sTNpxxzyK7hWDGwwojCtK+sUpyqkig4YDXiiiTrsk+zi+T04Z9xnkBLVV3WGGZ0sP/Z") 50% 50% / cover no-repeat, #65462A;
    background: image-set(url("assets/video/posters/hall-mobile.webp") type("image/webp"), url("assets/video/posters/hall-mobile.jpg") type("image/jpeg")) 50% 50% / cover no-repeat,
    url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAVAAwDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAMGAgT/xAAfEAACAgICAwEAAAAAAAAAAAABAgMRAAQFMRJBUTL/xAAWAQEBAQAAAAAAAAAAAAAAAAAEAAL/xAAZEQACAwEAAAAAAAAAAAAAAAAAAQIRQSH/2gAMAwEAAhEDEQA/AJXjIFn2I4SfF2IULV2T6H3OjkoIdPceB5R5L2K6PzMaGnNvMDEqnwX9NYAN+sTNpxxzyK7hWDGwwojCtK+sUpyqkig4YDXiiiTrsk+zi+T04Z9xnkBLVV3WGGZ0sP/Z") 50% 50% / cover no-repeat,
    #65462A;
  }
  .scene--oven .scene__media {
    background: url("assets/video/posters/oven-mobile.jpg") 45% 85% / cover no-repeat, url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAVAAwDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAQFAgb/xAAhEAACAgIBBAMAAAAAAAAAAAABAgMRAAQhEhQxYTJBgf/EABQBAQAAAAAAAAAAAAAAAAAAAAP/xAAWEQEBAQAAAAAAAAAAAAAAAAAAAgH/2gAMAwEAAhEDEQA/AOQ2BDAWjVbaxyBx4+sUXXjktr6efBy1rzyaupIphZGf5vQJb9vgesRMELOzd9Ctm+lVJAwZrTVGI5JJs8n3mThhigf/2Q==") 45% 85% / cover no-repeat, #3B2717;
    background: image-set(url("assets/video/posters/oven-mobile.webp") type("image/webp"), url("assets/video/posters/oven-mobile.jpg") type("image/jpeg")) 45% 85% / cover no-repeat,
    url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAVAAwDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAQFAgb/xAAhEAACAgIBBAMAAAAAAAAAAAABAgMRAAQhEhQxYTJBgf/EABQBAQAAAAAAAAAAAAAAAAAAAAP/xAAWEQEBAQAAAAAAAAAAAAAAAAAAAgH/2gAMAwEAAhEDEQA/AOQ2BDAWjVbaxyBx4+sUXXjktr6efBy1rzyaupIphZGf5vQJb9vgesRMELOzd9Ctm+lVJAwZrTVGI5JJs8n3mThhigf/2Q==") 45% 85% / cover no-repeat,
    #3B2717;
  }
  .scene--bar .scene__media {
    background: url("assets/video/posters/bar-mobile.jpg") 0% 60% / cover no-repeat, url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAVAAwDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAYDBAf/xAAjEAACAQQCAgIDAAAAAAAAAAABAgMABAURITESIgZxE1Fh/8QAFgEBAQEAAAAAAAAAAAAAAAAAAgAB/8QAGhEBAAIDAQAAAAAAAAAAAAAAAQARAiEicf/aAAwDAQACEQMRAD8AMXiMPFiZJpLEXbebgSLssAFBGgP7S1PLJay/jtbRZItAhwxPlx33x9U5fHb14MLNFLavK5Z/Fo2Ugeg49m3WcXkcjT+yiNgoBC7Ozrv7NFGi4/Jbhzt8tuYEdUVjssq6b9VFHkbmJAsblR3xRRWZdaZDU//Z") 0% 60% / cover no-repeat, #73696B;
    background: image-set(url("assets/video/posters/bar-mobile.webp") type("image/webp"), url("assets/video/posters/bar-mobile.jpg") type("image/jpeg")) 0% 60% / cover no-repeat,
    url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAQTGF2YzYxLjE5LjEwMAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAVAAwDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAYDBAf/xAAjEAACAQQCAgIDAAAAAAAAAAABAgMABAURITESIgZxE1Fh/8QAFgEBAQEAAAAAAAAAAAAAAAAAAgAB/8QAGhEBAAIDAQAAAAAAAAAAAAAAAQARAiEicf/aAAwDAQACEQMRAD8AMXiMPFiZJpLEXbebgSLssAFBGgP7S1PLJay/jtbRZItAhwxPlx33x9U5fHb14MLNFLavK5Z/Fo2Ugeg49m3WcXkcjT+yiNgoBC7Ozrv7NFGi4/Jbhzt8tuYEdUVjssq6b9VFHkbmJAsblR3xRRWZdaZDU//Z") 0% 60% / cover no-repeat,
    #73696B;
  }
}
@media (min-width: 900px) {
  .hero__media { background-position: 50% 50%; }
  .scene--bar .scene__media { background-position: 0% 50%; }
}

/* Laptops and wide screens: the hero is a still photo of the wall (full 1920x1080 frame), no video.
   Remove the class `hero--still-wide` on .hero (index.html) to bring the wide hero video back. */
@media (min-aspect-ratio: 1/1) {
  .hero--still-wide .hero__media {
    background: image-set(url("assets/video/posters/wall-wide-hd.webp") type("image/webp"), url("assets/video/posters/wall-wide-hd.jpg") type("image/jpeg")) 72% 50% / cover no-repeat, #34332B;
  }
}