/* Fixed 1440×900 spreads. Cover, house, restaurant and agenda are original. */
.remix { overflow: hidden; }
.remix img, .remix video { display: block; width: 100%; height: 100%; object-fit: cover; }
.remix figure, .remix h2, .remix h3, .remix p { margin: 0; }
.rm-kicker, .rm-folio {
  font: 500 calc(13 * var(--u))/1.2 "HK Grotesk", Arial, sans-serif;
  letter-spacing: .17em;
  color: #92252B;
}
.rm-on-dark { color: #F7ECE2; }
.rm-folio { font-size: calc(10 * var(--u)); }
.rm-link { color: #92252B; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: calc(5 * var(--u)); font: 500 calc(14 * var(--u)) "HK Grotesk", Arial, sans-serif; letter-spacing: .12em; }
.rm-link--light { color: #FFF5EA; }
.rm-link:hover { opacity: .7; }
.rm-link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

/* 03: restaurant poster and chef profile share one spread. */
.rm-restaurant-chef__photo { overflow: hidden; }
.rm-restaurant-chef__photo img { object-position: center 31%; }
.rm-restaurant-chef__left-shade { background: linear-gradient(0deg, #140B0DD9 0%, #140B0D88 38%, transparent 100%); pointer-events: none; }
.rm-restaurant-chef__logo-left .fly { color: #D75459; }
.rm-restaurant-chef__menu { display: flex; align-items: center; justify-content: space-between; gap: calc(8 * var(--u)); border-top: 1px solid #92252B; border-bottom: 1px solid #92252B; color: #92252B; font: 500 calc(14 * var(--u))/1 "HK Grotesk", Arial, sans-serif; letter-spacing: .1em; text-decoration: none; }
.rm-restaurant-chef__menu span { font-size: calc(23 * var(--u)); font-weight: 400; line-height: 1; }
.rm-restaurant-chef__menu:hover { color: #5C141C; border-color: currentColor; }
.rm-restaurant-chef__menu:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.rm-restaurant-chef__lead { font: 400 calc(24 * var(--u))/1.07 "Cormorant Garamond", Georgia, serif; letter-spacing: -.015em; color: #2D2420; }
.rm-restaurant-chef__lead em { font-weight: 400; color: #92252B; }
.rm-restaurant-chef__path { font: calc(14 * var(--u))/1.35 "PT Serif", Georgia, serif; color: #4A3B35; }
.rm-restaurant-chef__signature { display: flex; flex-direction: column; gap: calc(4 * var(--u)); color: #8E242A; }
.rm-restaurant-chef__signature span { font: 500 calc(10 * var(--u))/1 "HK Grotesk", Arial, sans-serif; letter-spacing: .15em; }
.rm-restaurant-chef__signature strong { font: 400 calc(23 * var(--u))/1 "Cormorant Garamond", Georgia, serif; }

/* 04: one white editorial page with a film and three bar selections. */
.rm-bar .rm-bar__video { width: calc(510 * var(--u)); height: calc(900 * var(--u)); object-fit: cover; object-position: center; background: #13080B; }
.rm-bar__shade { background: linear-gradient(0deg, #070405DC, #07040500); pointer-events: none; }
.rm-bar__brand { color: #FFF; font: 400 calc(31 * var(--u))/1 "Cormorant Garamond", Georgia, serif; letter-spacing: .03em; white-space: nowrap; }
.rm-bar__brand span { display: block; margin-top: calc(8 * var(--u)); text-align: center; font: 500 calc(8 * var(--u))/1 "HK Grotesk", Arial, sans-serif; letter-spacing: .22em; }
.rm-bar__play { display: grid; place-items: center; border: 1px solid #FFF; border-radius: 50%; background: #0003; color: #FFF; font: calc(30 * var(--u))/1 Arial, sans-serif; cursor: pointer; }
.rm-bar__play:hover { background: #0008; }
.rm-bar__play:focus-visible { outline: 2px solid #FFF; outline-offset: 4px; }
.rm-bar__left-title { color: #FFF; font: italic 400 calc(84 * var(--u))/.94 "Cormorant Garamond", Georgia, serif; letter-spacing: -.05em; }
.rm-bar__left-caption, .rm-bar__left-folio { color: #FFF; font: 500 calc(10 * var(--u))/1 "HK Grotesk", Arial, sans-serif; letter-spacing: .2em; }
.rm-bar__left-folio { font-size: calc(9 * var(--u)); }
.rm-bar__eyebrow, .rm-bar__feature-copy > span { color: #A3262B; font: 500 calc(11 * var(--u))/1 "HK Grotesk", Arial, sans-serif; letter-spacing: .16em; }
.rm-bar__headline { color: #171211; font: 400 calc(96 * var(--u))/.82 "Cormorant Garamond", Georgia, serif; letter-spacing: -.06em; white-space: nowrap; }
.rm-bar .rm-bar__editorial { width: calc(176 * var(--u)); height: calc(210 * var(--u)); object-fit: cover; object-position: center; }
.rm-bar__intro { color: #423734; font: calc(19 * var(--u))/1.36 "PT Serif", Georgia, serif; }
.rm-bar__rule { border-top: 1px solid #CBC6C3; }
.rm-bar__tabs { display: flex; gap: calc(16 * var(--u)); }
.rm-bar__tab { flex: 1; min-width: 0; border: 1px solid #C9C3BF; border-radius: calc(24 * var(--u)); background: #FFF; color: #302625; cursor: pointer; font: 500 calc(11 * var(--u))/1 "HK Grotesk", Arial, sans-serif; letter-spacing: .13em; }
.rm-bar__tab:last-child { flex: 1.22; }
.rm-bar__tab[aria-selected="true"] { border-color: #171413; background: #171413; color: #FFF; }
.rm-bar__tab:hover:not([aria-selected="true"]) { border-color: #9F6D69; color: #8F242A; }
.rm-bar__tab:focus-visible { outline: 2px solid #A3262B; outline-offset: 3px; }
.rm-bar__panel[hidden] { display: none; }
.rm-bar__panel { position: absolute; }
.rm-bar .rm-bar__feature-image { position: absolute; left: 0; top: 0; width: calc(467 * var(--u)); height: calc(215 * var(--u)); object-fit: cover; }
.rm-bar__feature-copy { position: absolute; left: calc(493 * var(--u)); top: calc(14 * var(--u)); width: calc(348 * var(--u)); }
.rm-bar__feature-copy h3 { margin-top: calc(15 * var(--u)); color: #1C1716; font: 400 calc(42 * var(--u))/1 "Cormorant Garamond", Georgia, serif; letter-spacing: -.04em; white-space: nowrap; }
.rm-bar__feature-copy p { margin-top: calc(13 * var(--u)); color: #4B403C; font: calc(17 * var(--u))/1.4 "PT Serif", Georgia, serif; }
.rm-bar__feature-copy a { display: flex; align-items: center; justify-content: space-between; margin-top: calc(40 * var(--u)); padding-top: calc(13 * var(--u)); border-top: 1px solid #A3262B; color: #8F242A; text-decoration: none; font: 500 calc(10 * var(--u))/1 "HK Grotesk", Arial, sans-serif; letter-spacing: .13em; }
.rm-bar__feature-copy a span { font: calc(27 * var(--u))/1 "Cormorant Garamond", Georgia, serif; }
.rm-bar__feature-copy a:hover { color: #5C141C; }
.rm-bar__feature-copy a:focus-visible { outline: 2px solid #A3262B; outline-offset: 3px; }
.rm-bar__thumbs { position: absolute; left: 0; top: calc(235 * var(--u)); display: flex; gap: calc(9 * var(--u)); width: 100%; }
.rm-bar__thumbs figure { flex: 0 0 calc(160 * var(--u)); min-width: 0; }
.rm-bar .rm-bar__thumbs img { width: calc(160 * var(--u)); height: calc(126 * var(--u)); object-fit: cover; }
.rm-bar__thumbs figcaption { padding-top: calc(15 * var(--u)); color: #513D38; font: calc(10 * var(--u))/1 "HK Grotesk", Arial, sans-serif; white-space: nowrap; }
.rm-bar__footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #C9C2BF; color: #2D2523; font: 500 calc(11 * var(--u))/1 "HK Grotesk", Arial, sans-serif; letter-spacing: .1em; }
.rm-bar__footer a { text-decoration: none; }
.rm-bar__footer a:hover { color: #8F242A; }
.rm-bar__footer a:focus-visible { outline: 2px solid #A3262B; outline-offset: 3px; }
.rm-bar__footer span { color: #9B2B30; font-size: calc(9 * var(--u)); }

/* 06: salon as a stage collage, with the timeline in a red spine. */
.rm-salon__red { background: #8F242B; }
.rm-salon__vertical { writing-mode: vertical-rl; font: 500 calc(14 * var(--u)) "HK Grotesk", Arial, sans-serif; letter-spacing: .25em; color: #EECFCB; }
.rm-salon__title { font: 400 calc(104 * var(--u))/.88 "Cormorant Garamond", Georgia, serif; letter-spacing: -.045em; color: #231C1B; }
.rm-salon__title em { font-weight: 400; color: #8F242B; }
.rm-salon__main { overflow: hidden; background: #292323; }
.rm-salon__main video { object-position: center; }
.rm-salon__small { padding: calc(7 * var(--u)); background: #FFFFFF; box-shadow: 0 calc(8 * var(--u)) calc(25 * var(--u)) #2A1E1A55; }
.rm-salon__small img { height: calc(179 * var(--u)); }
.rm-salon__small figcaption { font: 500 calc(11 * var(--u)) "HK Grotesk", Arial, sans-serif; letter-spacing: .12em; padding-top: calc(7 * var(--u)); }
.rm-salon__small--one { transform: rotate(6deg); }
.rm-salon__small--two { transform: rotate(-7deg); }
.rm-salon__times { display: flex; flex-direction: column; gap: calc(79 * var(--u)); color: #FFF5ED; font: calc(35 * var(--u)) "Cormorant Garamond", Georgia, serif; }
.rm-salon__bottom { font: italic calc(32 * var(--u)) "Cormorant Garamond", Georgia, serif; color: #301F1D; }

/* 08: full image, invitation card and a small photographic contact sheet. */
.rm-rent__hero { overflow: hidden; }
.rm-rent__hero img { object-position: center 52%; }
.rm-rent__number { font: 400 calc(125 * var(--u))/.8 "Cormorant Garamond", Georgia, serif; color: #FFFFFFE6; }
.rm-rent__panel { background: #8B242B; box-shadow: 0 calc(18 * var(--u)) calc(40 * var(--u)) #3A171555; }
.rm-rent__title { font: 400 calc(80 * var(--u))/.9 "Cormorant Garamond", Georgia, serif; color: #FFF7ED; }
.rm-rent__title em { color: #E8C0B9; font-weight: 400; }
.rm-rent__body { font: calc(18 * var(--u))/1.55 "PT Serif", Georgia, serif; color: #FFF4E8; }
.rm-rent__list { display: grid; grid-template-columns: repeat(2, calc(160 * var(--u))); gap: calc(20 * var(--u)); color: #FFF7EE; font: 500 calc(12 * var(--u)) "HK Grotesk", Arial, sans-serif; letter-spacing: .13em; }
.rm-rent__detail { padding: calc(8 * var(--u)); background: #FFFFFF; box-shadow: 0 calc(9 * var(--u)) calc(22 * var(--u)) #30201A44; }
.rm-rent__detail--one { transform: rotate(-7deg); }
.rm-rent__detail--two { transform: rotate(5deg); }
.rm-rent__detail--three { transform: rotate(-4deg); }

/* 09: a panoramic lead and two unequal information blocks. */
.rm-halls__hero img { object-position: center 45%; }
.rm-halls__shade { background: linear-gradient(0deg,#0D0809BB,transparent 75%); }
.rm-halls__headline { font: 400 calc(100 * var(--u))/.9 "Cormorant Garamond", Georgia, serif; color: #FFF7ED; letter-spacing: -.045em; }
.rm-halls__main h3 { margin-top: calc(15 * var(--u)); font: 400 calc(49 * var(--u))/1 "Cormorant Garamond", Georgia, serif; }
.rm-halls__main p { margin-top: calc(15 * var(--u)); font: calc(17 * var(--u))/1.45 "PT Serif", Georgia, serif; }
.rm-halls__main div { margin-top: calc(17 * var(--u)); border-top: 1px solid #B6A9A0; padding-top: calc(12 * var(--u)); font: calc(13 * var(--u)) "HK Grotesk", Arial, sans-serif; }
.rm-halls__main strong { margin-left: calc(13 * var(--u)); font: calc(31 * var(--u)) "Cormorant Garamond", Georgia, serif; color: #92252B; }
.rm-halls__main strong:first-child { margin-left: 0; }
.rm-halls__secret { padding: calc(36 * var(--u)); background: #7D2028; box-shadow: 0 calc(10 * var(--u)) calc(22 * var(--u)) #3E1A1A44; color: #FFF4EA; }
.rm-halls__secret h3 { margin-top: calc(21 * var(--u)); font: 400 calc(75 * var(--u))/.75 "Cormorant Garamond", Georgia, serif; }
.rm-halls__secret h3 em { font-weight: 400; }
.rm-halls__secret p { margin-top: calc(22 * var(--u)); font: calc(17 * var(--u))/1.35 "PT Serif", Georgia, serif; }
.rm-halls__secret div { margin-top: calc(20 * var(--u)); border-top: 1px solid #D5A29C; padding-top: calc(15 * var(--u)); font: 500 calc(11 * var(--u)) "HK Grotesk", Arial, sans-serif; letter-spacing: .07em; }

/* 10: a pasted paper invitation over a photographic day/night diptych. */
.rm-table__day img { object-position: center; }
.rm-table__shade { background: linear-gradient(90deg,#1B101080,transparent); }
.rm-table__night { padding: calc(10 * var(--u)); background: #FFFFFF; transform: rotate(7deg); box-shadow: 0 calc(16 * var(--u)) calc(30 * var(--u)) #120A0A88; }
.rm-table__paper { background: #FFFFFF; box-shadow: 0 calc(18 * var(--u)) calc(38 * var(--u)) #22131277; transform: rotate(-3deg); }
.rm-table__title { font: 400 calc(88 * var(--u))/.86 "Cormorant Garamond", Georgia, serif; letter-spacing: -.05em; color: #271E1B; }
.rm-table__title em { color: #982831; font-weight: 400; }
.rm-table__line { font: calc(18 * var(--u)) "PT Serif", Georgia, serif; color: #493D37; }
.rm-table__side { writing-mode: vertical-rl; color: #E0BCB5; font: 500 calc(13 * var(--u)) "HK Grotesk", Arial, sans-serif; letter-spacing: .22em; }

/* 11: back cover, with route and contacts as the only story. */
.rm-back__letter { font: 400 calc(850 * var(--u))/.85 "Cormorant Garamond", Georgia, serif; color: #A43840; opacity: .55; }
.rm-back__title { font: 400 calc(155 * var(--u))/.77 "Cormorant Garamond", Georgia, serif; letter-spacing: -.055em; color: #FFF8EB; }
.rm-back__title em { font-weight: 400; }
.rm-back__address { font: calc(28 * var(--u))/1.25 "PT Serif", Georgia, serif; color: #FFF6E9; }
.rm-back__details { display: flex; flex-direction: column; gap: calc(12 * var(--u)); font: 500 calc(15 * var(--u)) "HK Grotesk", Arial, sans-serif; letter-spacing: .09em; color: #FFE5D9; }
.rm-back__details a { color: inherit; text-decoration: none; }
.rm-back__map { overflow: hidden; border: calc(10 * var(--u)) solid #F7EDE0; transform: rotate(3deg); box-shadow: 0 calc(18 * var(--u)) calc(33 * var(--u)) #3E101077; }
.rm-back__map img { object-fit: cover; }
.rm-back__map figcaption { position: absolute; bottom: calc(10 * var(--u)); right: calc(12 * var(--u)); color: white; font: calc(10 * var(--u)) "HK Grotesk", Arial, sans-serif; }
.rm-back__route { padding-bottom: calc(6 * var(--u)); border-bottom: 1px solid #F6EDE1; color: #FFF6E8; text-decoration: none; font: 500 calc(18 * var(--u)) "HK Grotesk", Arial, sans-serif; letter-spacing: .12em; }
