/* Liquid Data's shared identity, adapted to the full-screen House. */
:root[data-theme] body>header .brand,
:root[data-theme] #houseMenu .house-menu-head>a {
 display:inline-flex;align-items:center;min-height:44px;min-width:0;
 font:inherit;letter-spacing:normal;text-transform:none;flex-shrink:0;
}
.house-wordmark {display:block;width:auto;height:clamp(29px,2.5vw,34px);max-width:100%;overflow:visible}
:root[data-theme] #houseMenuButton {
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
 width:44px;height:44px;min-width:44px;min-height:44px;padding:6px;margin-left:0;
}
#houseMenuButton>span {display:block;width:30px;height:1.5px;background:currentColor;transition:transform .25s}
#houseMenuButton:hover>span:first-child {transform:translateX(-3px)}
#houseMenuButton:hover>span:last-child {transform:translateX(3px)}
body>header .research-shortcut {margin-left:auto}
body>header .edition {font-size:9px;line-height:1.6;letter-spacing:.09em}
#fallback {opacity:1;object-fit:contain;background:#030505}

/* Keep the title and its descriptive subtitle together without widening the page. */
#rooms {gap:10px;top:78px;max-width:calc(100% - 56px);overflow-x:auto;scrollbar-width:thin}
#rooms button {display:flex;align-items:center;gap:9px;min-height:57px;padding:10px 12px;text-align:left;letter-spacing:0;text-transform:none;white-space:nowrap}
#rooms button .house-room-index {display:block;flex:none;margin:0;color:var(--muted);font:10px/1.4 var(--font-interface)}
#rooms button .house-room-copy {display:flex;flex-direction:column;gap:4px;margin:0;font:inherit}
#rooms .house-room-copy strong {font:400 11px/1.35 var(--font-interface);letter-spacing:.01em}
#rooms .house-room-copy small {font:10px/1.35 var(--font-interface);color:var(--muted);letter-spacing:0}
#rooms button[aria-pressed=true] {text-decoration:none}
#rooms button[aria-pressed=true] .house-room-index {color:var(--mint)}
#rooms button[aria-pressed=true] .house-room-copy strong {text-decoration:underline;text-underline-offset:5px}
.intro,.interior-heading {top:153px}

/* The same light directory / dark artwork composition as the website menu. */
:root[data-theme] .house-site-menu {
 position:fixed;inset:0;width:100%;max-width:100vw;height:100dvh;max-height:100dvh;
 margin:0;padding:0;overflow:auto;background:#efefed;color:#141414;border:0;border-radius:0;
 --bg:#efefed;--fg:#141414;--muted:#575753;--mint:#126653;--soft:#deded9;--instrument-modal:#efefed;
 color-scheme:light;overscroll-behavior:contain;scrollbar-width:thin;
}
.house-site-menu::backdrop {background:#000;backdrop-filter:none}
.house-site-menu[open] {display:block;animation:house-menu-arrive .35s cubic-bezier(.2,.8,.2,1)}
:root[data-theme] #houseMenu .house-menu-head {
 position:absolute;inset:0 0 auto;z-index:3;display:flex;justify-content:space-between;align-items:center;
 min-height:90px;margin:0;padding:22px 3%;background:transparent;color:#141414;border:0;pointer-events:none;
}
.house-menu-head>* {pointer-events:auto}
:root[data-theme] #houseMenu .house-menu-head>a {color:#f2f2f2}
.house-menu-head>span {display:none}
.house-menu-head>button {display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:6px;color:#141414;background:transparent;border:0}
.house-menu-layout {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:100dvh;padding:0;margin:0;gap:0}
.house-menu-visual {position:relative;min-height:100dvh;background:#030505;color:#f2f2f2;overflow:hidden}
.house-menu-visual>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;opacity:.65}
.house-menu-visual:after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002,#0001 30%,#000b 80%,#000e);pointer-events:none}
.house-menu-story {position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(100dvh - 130px);padding:160px 10% 34px}
.house-menu-story>span {font:10px/1.6 var(--font-interface);letter-spacing:.06em;color:#b9c8c1}
:root[data-theme] .house-menu-story h2 {font:400 clamp(42px,4.5vw,68px)/1.04 var(--font-editorial);letter-spacing:-.04em;margin:22px 0}
.house-menu-story>p {font:16px/1.65 var(--font-editorial);color:#bfc5c2;margin:0}
.house-menu-visual>button {position:relative;z-index:1;display:flex;align-items:center;gap:18px;min-height:44px;margin:20px 10% 32px;padding:8px 0;border:0;background:transparent;color:#f2f2f2;font:11px/1.5 var(--font-interface);text-align:left}
.house-menu-visual>button:hover {text-decoration:underline;text-underline-offset:5px}
.house-menu-index {min-width:0;padding:132px 7% 32px;display:flex;flex-direction:column}
.house-menu-eyebrow {font:10px/1.5 var(--font-interface);letter-spacing:.06em;color:#666660;margin:0 0 28px}
.house-menu-categories {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 30px;margin:0;overflow:visible}
.house-menu-row {border:0;align-self:start;min-width:0}
.house-menu-row>a {font:400 clamp(21px,2vw,29px)/1.15 var(--font-editorial);text-transform:none;letter-spacing:-.035em;gap:12px;padding:16px 0;color:#55554f;overflow-wrap:normal}
.house-menu-row small {font:10px/1.4 var(--font-interface);color:#77776f;letter-spacing:0}
.house-menu-row>button {color:#55554f;font:19px/1 var(--font-interface);min-width:44px;width:44px;height:58px}
.house-menu-row[data-selected=true]>a,.house-menu-row[data-selected=true]>button {color:#141414}
.house-menu-row>a:hover {text-decoration:underline;text-underline-offset:6px}
.house-menu-row[data-selected=true] small {color:#126653}
.house-menu-panel {padding:7px 0 18px;border:0}
.house-menu-label {font:10px/1.6 var(--font-interface);letter-spacing:0;text-transform:uppercase;color:#666660}
.house-menu-panel>p {font:14px/1.65 var(--font-editorial);color:#575753;margin:14px 0 20px;max-width:32ch}
.house-menu-panel>a {font:13px/1.45 var(--font-interface);gap:12px;min-height:54px;padding:12px 0;border:0;color:#141414}
.house-menu-panel>a:hover {text-decoration:underline;text-underline-offset:4px}
.house-menu-panel small {font:12px/1.5 var(--font-editorial);color:#666660;margin-top:5px}
.house-menu-foot {margin-top:auto;padding-top:42px;gap:12px 20px;border:0;color:#141414}
.house-menu-foot .quiet {font-size:11px;margin-left:0;color:#141414}
.house-menu-foot .house-theme {gap:10px;margin:0 0 0 auto;color:#575753}
.house-site-menu .house-theme button {border:0;background:transparent;color:#141414;border-radius:0;min-width:44px;min-height:44px}
.house-site-menu .house-theme button[aria-pressed=true] {background:#d6d6d2;color:#141414}
.house-site-menu :is(a,button):focus-visible {outline:2px solid #126653;outline-offset:4px}
.house-menu-visual :is(a,button):focus-visible {outline-color:#97fce4}
@keyframes house-menu-arrive {from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1100px) and (min-width:761px) {
 .house-menu-layout {grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
 .house-menu-index {padding-inline:6%}
 .house-menu-story {padding-inline:9%}
 .house-menu-categories {column-gap:22px}
 .house-menu-row>a {font-size:23px}
}
@media(max-width:800px) {
 :root[data-theme] body>header {height:calc(74px + env(safe-area-inset-top));padding:14px max(18px,env(safe-area-inset-right)) 14px max(18px,env(safe-area-inset-left))}
 body>header .brand {margin-right:auto}
 .house-wordmark {height:29px}
 #rooms {top:calc(74px + env(safe-area-inset-top));max-width:calc(100% - 28px);gap:4px;justify-content:flex-start}
 #rooms button {min-height:58px;padding:9px 9px;gap:7px}
 #rooms button .house-room-index {display:none}
 #rooms button .house-room-copy {display:flex}
 #rooms .house-room-copy strong {font-size:11px}
 #rooms .house-room-copy small {font-size:10px}
 .intro,.interior-heading {top:calc(149px + env(safe-area-inset-top))}
 .interior-heading h1 {max-width:90vw;overflow-wrap:normal}
}
@media(max-width:760px) {
 #fallback {top:140px;bottom:110px;height:calc(100% - 250px);object-fit:cover}
 :root[data-theme] #houseMenu .house-menu-head {position:sticky;top:0;min-height:80px;padding:18px 5%;background:#efefed}
 :root[data-theme] #houseMenu .house-menu-head>a {color:#141414}
 .house-menu-head .house-wordmark>g>path:last-child {fill:#126653}
 .house-menu-layout {display:block;min-height:calc(100dvh - 80px)}
 .house-menu-visual {display:none}
 .house-menu-index {padding:20px 6% calc(24px + env(safe-area-inset-bottom))}
 .house-menu-eyebrow {font-size:9px;margin:0 0 15px}
 .house-menu-categories {display:block}
 .house-menu-row>a {font-size:27px;padding:15px 0;gap:14px}
 .house-menu-row>button {height:60px}
 .house-menu-panel {margin:0 0 18px 25px;padding:4px 0 17px}
 .house-menu-panel>p {max-width:38ch;margin-block:10px}
 .house-menu-panel>a {min-height:52px;padding:11px 0}
 .house-menu-foot {padding-top:26px;gap:8px 20px}
 .house-menu-foot .house-theme {margin-left:0}
}
@media(max-height:560px) and (min-width:761px) {
 .house-menu-index {padding-top:105px}
 .house-menu-story {padding-top:130px}
 .house-menu-story h2 {font-size:44px}
}
@media(max-height:560px) {
 #rooms {top:calc(61px + env(safe-area-inset-top))}
 #rooms button {min-height:49px;padding-block:6px}
 .intro {display:none}
 .interior-heading {top:calc(118px + env(safe-area-inset-top))}
 :root[data-theme] body>header {height:calc(61px + env(safe-area-inset-top));padding-block:8px}
}
@media(prefers-reduced-motion:reduce) {.house-site-menu[open]{animation:none}#houseMenuButton>span{transition:none}}
@media(forced-colors:active) {
 :root[data-theme] .house-site-menu,:root[data-theme] #houseMenu .house-menu-head {background:Canvas;color:CanvasText}
 .house-menu-visual {display:none}.house-menu-layout {display:block}
 .house-wordmark,.house-menu-row>a,.house-menu-row>button,.house-menu-panel>a {color:CanvasText}
}
