/* The front door: a painting at full height, beside the wall it belongs to. */
body.site-refresh.room-home { --room-gutter: clamp(20px, 4vw, 76px); }
body.site-refresh.room-home main { width: 100%; max-width: none; margin: 0; padding: 0; }
body.site-refresh.room-home .site-header-inner { min-height: 60px; }
body.site-refresh.room-home .room-diptych { --opening-height: min(1100px, calc(100svh - 112px), calc(45vw / var(--lead-ratio))); display: grid; grid-template-columns: calc(var(--opening-height) * var(--lead-ratio)) minmax(0, 1fr); height: var(--opening-height); max-height: 1100px; background: #221e19; }
body.site-refresh.room-home .room-lead { min-width: 0; display: block; overflow: hidden; }
body.site-refresh.room-home .room-lead img { display: block; width: 100%; height: 100%; object-fit: contain; border: 0; }
body.site-refresh.room-home .room-photograph { position: relative; isolation: isolate; overflow: hidden; }
body.site-refresh.room-home .room-scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 42% 50%; }
body.site-refresh.room-home .room-scene-room { object-position: 62% 50%; }
body.site-refresh.room-home .room-photograph::after { content: ''; pointer-events: none; position: absolute; inset: 0; z-index: 0; background: linear-gradient(0deg, #1a160ecc 0%, #1a160e38 31%, transparent 55%); }
body.site-refresh.room-home .room-identity { position: absolute; z-index: 1; left: clamp(25px, 4vw, 76px); right: clamp(25px, 4vw, 76px); bottom: 38px; color: #fff5e4; }
body.site-refresh.room-home .room-identity p { margin: 0 0 12px; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
body.site-refresh.room-home .room-identity h1 { margin: 0; color: inherit; font-size: clamp(52px, 7vw, 130px) !important; font-weight: 750; line-height: .87 !important; letter-spacing: -.075em !important; }
body.site-refresh.room-home .room-identity h1 span { color: #ef644c; }
body.site-refresh.room-home .room-identity a { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 28px; padding-top: 16px; border-top: 1px solid #fff5e46b; color: inherit !important; font-size: 14px; }
body.site-refresh.room-home .room-identity a span { font-size: 25px; }
body.site-refresh.room-home .room-scene-controls { position: absolute; display: flex; top: 24px; right: 24px; z-index: 2; background: #241e18dc; border-radius: 0; padding: 4px; gap: 4px; }
body.site-refresh.room-home .room-scene-controls button:not(.palette-block):not(.colordot-filter) { background: transparent !important; color: #fff5e4 !important; border: 0 !important; border-radius: 0 !important; padding: 12px 15px; font-family: var(--mono); font-size: 11px; cursor: pointer; }
body.site-refresh.room-home .room-scene-controls button[aria-pressed="true"]:not(.palette-block):not(.colordot-filter) { background: #fff5e4 !important; color: #241e18 !important; }
body.site-refresh.room-home .room-opening-caption { display: grid; grid-template-columns: 1fr 1fr auto; gap: 24px; align-items: center; min-height: 51px; padding: 0 24px; border-bottom: 1px solid var(--line); font-size: 12px; }
body.site-refresh.room-home .room-opening-caption > a:first-child { display: flex; gap: 20px; }
body.site-refresh.room-home .room-opening-caption > a:first-child span:last-child { font-family: var(--mono); color: var(--muted); }
body.site-refresh.room-home .room-opening-caption > span { text-align: center; color: var(--muted); }
body.site-refresh.room-home .room-opening-caption > a:last-child { display: flex; gap: 32px; }
body.site-refresh.room-home .room-selection { padding: 76px 0 0; scroll-margin-top: 60px; }
body.site-refresh.room-home .room-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin: 0 var(--room-gutter) 40px; }
body.site-refresh.room-home .room-eyebrow { display: block; margin-bottom: 12px; color: var(--muted); font-family: var(--mono); font-size: 11px; }
body.site-refresh.room-home .room-section-heading h2 { margin: 0; font-size: clamp(38px, 4.8vw, 86px) !important; letter-spacing: -.06em !important; line-height: 1 !important; font-weight: 500; }
body.site-refresh.room-home .room-section-heading > a { font-size: 14px; padding-bottom: 7px; }
body.site-refresh.room-home .room-gallery-controls { display: flex; align-items: center; gap: 10px; }
body.site-refresh.room-home .room-gallery-count { margin-right: 15px; font-family: var(--mono); font-size: 12px; min-width: 58px; }
body.site-refresh.room-home .room-gallery-controls button:not(.palette-block):not(.colordot-filter) { width: 52px; height: 52px; padding: 0; border-radius: 50% !important; border: 1px solid var(--ink) !important; color: var(--ink) !important; background: transparent !important; font-size: 23px; cursor: pointer; }
body.site-refresh.room-home .room-gallery-controls button:hover:not(:disabled) { background: var(--ink) !important; color: var(--paper) !important; }
body.site-refresh.room-home .room-gallery-controls button:disabled { opacity: .25; cursor: default; }
body.site-refresh.room-home .room-work-track { --gallery-height: min(66svh, 760px); display: flex; box-sizing: border-box; align-items: center; gap: clamp(42px, 5vw, 96px); padding: 6px var(--room-gutter) 38px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-left: var(--room-gutter); scrollbar-width: thin; scrollbar-color: var(--line) transparent; overscroll-behavior-x: contain; }
body.site-refresh.room-home .room-work { flex: 0 0 auto; width: min(88vw, calc(var(--gallery-height) * var(--work-scale) * var(--work-ratio))); margin: 0; padding: 0; background: transparent; border: 0; scroll-snap-align: start; }
body.site-refresh.room-home .room-work-image { display: block; }
body.site-refresh.room-home .room-work-image img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; box-shadow: var(--wall-shadow) !important; }
body.site-refresh.room-home .room-work-caption { display: grid; grid-template-columns: auto 1fr auto; align-items: baseline; gap: 15px; margin-top: 20px; }
body.site-refresh.room-home .room-number { font-size: 11px; font-family: var(--mono); color: var(--muted); }
body.site-refresh.room-home .room-work-caption h3 { margin: 0; font-size: 17px !important; font-weight: 500; line-height: 1.25 !important; letter-spacing: -.025em !important; }
body.site-refresh.room-home .room-work-caption > span:last-child { font-size: 11px; color: var(--muted); font-family: var(--mono); }
body.site-refresh.room-home .room-selection-footer { margin: 0 var(--room-gutter); padding: 23px 0 40px; display: flex; justify-content: space-between; gap: 24px; font-size: 14px; border-bottom: 1px solid var(--line); }
body.site-refresh.room-home .room-selection-footer > span { color: var(--muted); font-family: var(--mono); font-size: 11px; }
body.site-refresh.room-home .room-selection-footer > a { display: flex; gap: 46px; }
body.site-refresh.room-home .room-series { padding: 90px 0 80px; }
body.site-refresh.room-home .room-series-list { margin: 0 var(--room-gutter); border-top: 1px solid var(--ink); }
body.site-refresh.room-home .room-series-link { display: grid; grid-template-columns: 48px 1fr minmax(130px, 19%) 72px; align-items: center; gap: 20px; border-bottom: 1px solid var(--line); min-height: 180px; padding: 20px 0; }
body.site-refresh.room-home .room-series-link h3 { margin: 0; font-size: clamp(40px, 5.5vw, 96px) !important; letter-spacing: -.06em !important; line-height: 1 !important; font-weight: 500; }
body.site-refresh.room-home .room-series-link img { width: 100%; height: 158px; object-fit: contain; object-position: center; transition: transform .3s ease; }
body.site-refresh.room-home .room-series-arrow { text-align: right; font-size: 42px; }
@media (hover: hover) {
  body.site-refresh.room-home .room-series-link:hover { color: var(--red) !important; text-decoration: none !important; }
  body.site-refresh.room-home .room-series-link:hover img { transform: rotate(-3deg) scale(1.06); }
}
body.site-refresh.room-home .room-closing { display: grid; grid-template-columns: 1.1fr 1fr; background: #b82920; color: #fff5e4; }
body.site-refresh.room-home .room-closing > img { width: 100%; height: auto; align-self: stretch; object-fit: cover; }
body.site-refresh.room-home .room-closing-copy { align-self: center; padding: 48px var(--room-gutter); }
body.site-refresh.room-home .room-closing .room-eyebrow { color: #ffdcc8; }
body.site-refresh.room-home .room-closing a { color: inherit !important; }
body.site-refresh.room-home .room-contact { display: flex; justify-content: space-between; gap: 30px; padding-bottom: 24px; border-bottom: 1px solid #fff5e478; font-size: clamp(32px, 3.8vw, 70px); letter-spacing: -.05em; line-height: 1.1; }
body.site-refresh.room-home .room-closing-copy > div { display: flex; gap: 28px; margin-top: 25px; font-size: 14px; }
body.site-refresh.room-home .site-footer { margin-top: 0; border-top: 0; }
@media (max-width: 1050px) and (min-width: 701px) {
  body.site-refresh.room-home .room-identity h1 { font-size: clamp(48px, 7vw, 80px) !important; }
  body.site-refresh.room-home .room-opening-caption > span { display: none; }
  body.site-refresh.room-home .room-opening-caption { grid-template-columns: 1fr auto; }
}
@media (max-width: 820px) {
  body.site-refresh.room-home .site-header-inner { min-height: 68px; }
}
@media (max-width: 700px) {
  body.site-refresh.room-home { --room-gutter: 20px; }
  body.site-refresh.room-home .room-diptych { display: block; height: auto; max-height: none; }
  body.site-refresh.room-home .room-lead { width: 100%; }
  body.site-refresh.room-home .room-lead img { width: 100%; height: auto; }
  body.site-refresh.room-home .room-photograph { height: min(128vw, 620px); }
  body.site-refresh.room-home .room-scene { object-position: 42% 50%; }
  body.site-refresh.room-home .room-scene-room { object-position: 16% 50%; }
  body.site-refresh.room-home .room-identity { left: 24px; right: 24px; bottom: 25px; }
  body.site-refresh.room-home .room-identity h1 { font-size: clamp(58px, 15vw, 100px) !important; }
  body.site-refresh.room-home .room-identity p { font-size: 10px; }
  body.site-refresh.room-home .room-identity a { margin-top: 22px; padding-top: 13px; }
  body.site-refresh.room-home .room-scene-controls { top: 18px; right: 18px; }
  body.site-refresh.room-home .room-opening-caption { grid-template-columns: 1fr; padding: 18px 20px; min-height: 0; }
  body.site-refresh.room-home .room-opening-caption > a:first-child { justify-content: space-between; }
  body.site-refresh.room-home .room-opening-caption > span, body.site-refresh.room-home .room-opening-caption > a:last-child { display: none; }
  body.site-refresh.room-home .room-selection { padding-top: 50px; scroll-margin-top: 68px; }
  body.site-refresh.room-home .room-section-heading { gap: 15px; margin-bottom: 28px; }
  body.site-refresh.room-home .room-section-heading h2 { font-size: 35px !important; }
  body.site-refresh.room-home .room-eyebrow { font-size: 10px; margin-bottom: 10px; }
  body.site-refresh.room-home .room-gallery-controls { gap: 5px; }
  body.site-refresh.room-home .room-gallery-count { display: none; }
  body.site-refresh.room-home .room-gallery-controls button:not(.palette-block):not(.colordot-filter) { width: 42px; height: 42px; font-size: 20px; }
  body.site-refresh.room-home .room-work-track { --gallery-height: min(64svh, 118vw); gap: 28px; align-items: flex-start; }
  body.site-refresh.room-home .room-work { width: min(87vw, calc(var(--gallery-height) * var(--work-ratio))); }
  body.site-refresh.room-home .room-work-caption { gap: 10px; margin-top: 15px; }
  body.site-refresh.room-home .room-work-caption h3 { font-size: 15px !important; }
  body.site-refresh.room-home .room-selection-footer { padding: 20px 0 30px; }
  body.site-refresh.room-home .room-swipe-hint { font-size: 0; }
  body.site-refresh.room-home .room-swipe-hint::after { content: 'Swipe to explore'; font-size: 11px; }
  body.site-refresh.room-home .room-selection-footer > a { gap: 20px; }
  body.site-refresh.room-home .room-series { padding: 52px 0 48px; }
  body.site-refresh.room-home .room-series-link { grid-template-columns: 1fr 88px 22px; gap: 14px; min-height: 115px; padding: 15px 0; }
  body.site-refresh.room-home .room-series-link > .room-number { display: none; }
  body.site-refresh.room-home .room-series-link h3 { font-size: clamp(26px, 6.8vw, 46px) !important; }
  body.site-refresh.room-home .room-series-link img { height: 108px; }
  body.site-refresh.room-home .room-series-arrow { font-size: 26px; }
  body.site-refresh.room-home .room-closing { grid-template-columns: 1fr; }
  body.site-refresh.room-home .room-closing-copy { padding: 36px 24px 40px; }
  body.site-refresh.room-home .room-contact { font-size: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  body.site-refresh.room-home .room-series-link img { transition: none; }
}
/* Keep the whole identity inside the photograph on short landscape screens. */
@media (min-width: 701px) and (max-height: 380px) {
  body.site-refresh.room-home .room-identity { bottom: 22px; }
  body.site-refresh.room-home .room-identity h1 { font-size: 40px !important; }
  body.site-refresh.room-home .room-identity p { display: none; }
  body.site-refresh.room-home .room-identity a { margin-top: 14px; padding-top: 10px; }
  body.site-refresh.room-home .room-scene-controls { top: 14px; right: 14px; }
}
