:root{color-scheme:light;--paper:#f3f0e8;--ink:#282923;--muted:#67685e;--line:#d3cfc3;--brass:#776443;--header:86px;--footer:82px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;border-radius:0;background:transparent;min-height:44px;padding:12px 16px}button:hover{background:#e5e0d5}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--brass);outline-offset:-3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}canvas{display:block;width:100vw;height:100dvh;touch-action:none;cursor:grab;outline:0}canvas:active{cursor:grabbing}header{position:absolute;inset:0 0 auto;height:var(--header);padding:0 32px;display:flex;align-items:center;background:var(--paper);border-bottom:1px solid var(--line);z-index:5;gap:32px}.wordmark{font-size:28px;letter-spacing:-1.4px;text-decoration:none;color:var(--ink);line-height:1}.wordmark small{display:block;font:9px Arial,Helvetica,sans-serif;letter-spacing:1.8px;margin-top:9px}.header-note{color:var(--muted);font:italic 16px Georgia,'Times New Roman',serif;border-left:1px solid var(--line);padding-left:32px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:16px}#roomToggle{border-bottom:1px solid var(--ink);padding:10px 0;min-width:140px;display:flex;justify-content:space-between;gap:25px}#roomToggle[aria-expanded=true]{color:var(--brass)}#help{border-left:1px solid var(--line);padding-left:28px}.room-heading{position:absolute;top:calc(var(--header) + 26px);left:32px;padding:18px 22px 20px;background:var(--paper);pointer-events:none;border-top:2px solid var(--brass);max-width:350px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:var(--muted);margin:0 0 12px;line-height:1.5}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.6px}h1{font-size:32px;line-height:1.12;margin:0 0 7px}#roomName{margin:0;color:var(--muted);font-size:12px;line-height:1.5}h2{font-size:34px;line-height:1.12;margin:16px 0}.intro{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 23px}footer{position:absolute;inset:auto 0 0;height:var(--footer);display:flex;align-items:center;gap:26px;padding:0 32px;background:var(--paper);border-top:1px solid var(--line);z-index:3}.tools{display:flex;gap:8px;align-items:center}#products{background:var(--ink);color:var(--paper);min-width:150px;display:flex;justify-content:space-between;gap:22px}#products:hover{background:#46483e}#reset{font-size:12px}#next{margin-left:auto;border-left:1px solid var(--line);padding-left:28px;text-align:right;max-width:300px;font-size:13px}.hint{font-size:11px;margin:0 0 7px;color:var(--ink)}.hint span{margin:0 7px;color:var(--brass)}.disclosure{font-size:10px;margin:0;color:var(--muted)}#roomIndex,#inspector,#catalogue{position:absolute;top:var(--header);bottom:var(--footer);width:390px;right:0;z-index:6;padding:22px 28px 30px;background:var(--paper);border-left:1px solid var(--line);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;box-shadow:-12px 0 35px #28292312}#roomIndex{width:400px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);margin-bottom:24px;position:sticky;top:-22px;padding:5px 0;background:var(--paper);z-index:2}.panel-top .eyebrow{margin:0}.panel-top button{font-size:11px;white-space:nowrap;padding:8px 0 8px 12px}#brands{display:block}.brand-group{margin:24px 0 0}.brand-group h3{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;margin:0;padding-bottom:9px;border-bottom:1px solid var(--ink)}#brands button{display:grid;grid-template-columns:26px 1fr 15px;gap:8px;align-items:baseline;text-align:left;padding:12px 0;width:100%;border-bottom:1px solid var(--line);font-size:13px;line-height:1.4}#brands button .room-ordinal{font-size:10px;color:var(--muted)}#brands button .room-arrow{opacity:0}#brands button[aria-current=true]{color:var(--brass)}#brands button[aria-current=true] .room-arrow{opacity:1}#brands button:hover{padding-left:7px}#brands button small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.index-note{border-top:1px solid var(--line);padding-top:16px;margin-top:24px;font-size:11px;line-height:1.6;color:var(--muted)}#productList{counter-reset:pieces}#productList button{counter-increment:pieces;display:block;width:100%;text-align:left;border-top:1px solid var(--line);padding:16px 0;font-size:14px;line-height:1.6}#productList button:before{content:counter(pieces,decimal-leading-zero);font-size:10px;color:var(--muted);margin-right:15px}#productList button:last-child{border-bottom:1px solid var(--line)}#productDescription{font-size:14px;line-height:1.7;color:var(--muted)}#productEvidence p{font-size:12px;line-height:1.65;border-top:1px solid var(--line);padding-top:12px;margin:12px 0}#productEvidence strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--brass);margin-bottom:5px}#productEvidence summary{cursor:pointer;padding:12px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}#productEvidence a{display:block;color:var(--ink);font-size:12px;line-height:1.65;margin:20px 0;text-underline-offset:4px}#productEvidence details p{border:0}.fine{font-size:11px;line-height:1.7;color:var(--muted)}.endnote{padding-top:18px;margin-top:24px;border-top:1px solid var(--line)}#loading{position:absolute;inset:var(--header) 0 var(--footer);background:var(--paper);display:grid;place-items:center;z-index:7}.load-card{width:min(440px,88%);padding:32px 0;border-top:1px solid var(--ink)}.load-card h2{font-size:38px}.load-card>p:not(.eyebrow){line-height:1.7;font-size:13px}progress{display:block;width:100%;height:3px;accent-color:var(--brass);margin:28px 0}#retry{background:var(--ink);color:var(--paper)}#portalLabel{position:absolute;transform:translate(-50%,-50%);text-align:center;z-index:2;pointer-events:none}#portalLabel button{pointer-events:auto;background:var(--paper);border:1px solid var(--brass);font-size:11px}#portalLabel small{display:block;background:var(--paper);padding:4px 7px;font-size:7px;letter-spacing:1px}dialog{width:min(540px,92%);max-height:90dvh;overflow:auto;padding:24px 32px;background:var(--paper);color:var(--ink);border:1px solid var(--line)}dialog::backdrop{background:#20211b80}dialog h2{font-size:39px}.guide-list{margin:26px 0}.guide-list>div{display:grid;grid-template-columns:110px 1fr;border-top:1px solid var(--line);padding:13px 0;gap:12px;font-size:12px;line-height:1.6}.guide-list dt{font-weight:600}.guide-list dd{margin:0;color:var(--muted)}.primary{background:var(--ink);color:var(--paper);width:100%;text-align:left; margin-top:12px}.touchpad{display:none;position:absolute;bottom:calc(var(--footer) + 18px);right:18px;text-align:center;touch-action:none;user-select:none;z-index:3}.touchpad button{background:var(--paper);border:1px solid var(--line);width:44px;height:44px;padding:0;font-size:20px;margin:1px;touch-action:none}.touchpad div{display:flex}.touchpad .active{background:var(--ink);color:var(--paper)}@media(pointer:coarse){.touchpad{display:block}.hint{font-size:0}.hint:after{content:'Drag to look · Hold arrows to walk';font-size:11px}}@media(max-width:1000px){.view-guide{display:none}.header-note{display:none}}@media(max-width:700px){:root{--header:68px;--footer:66px}header{padding:0 16px;gap:12px}.wordmark{font-size:24px}.wordmark small{font-size:7px;letter-spacing:1.3px;margin-top:7px}.header-actions{gap:12px}#roomToggle{font-size:11px;min-width:100px;gap:12px}#help{font-size:11px;padding:10px 0 10px 12px}.room-heading{top:var(--header);left:0;right:0;max-width:none;padding:12px 16px 13px;border-top:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:3px 10px}.room-heading .eyebrow{font-size:8px;margin:0;grid-column:2;grid-row:1;align-self:center;letter-spacing:.8px}h1{font-size:24px;margin:0;grid-column:1;grid-row:1}#roomName{font-size:10px;grid-column:1 / -1}.room-heading h1{font-size:22px}footer{padding:0 12px;gap:5px}.tools{gap:3px}#products{min-width:116px;font-size:11px;padding:10px 12px;gap:12px}#reset{font-size:16px;padding:10px;width:44px}#reset span{display:none}#reset:after{content:''}#next{font-size:10px;max-width:170px;padding:8px 0 8px 12px;line-height:1.5}#roomIndex,#inspector,#catalogue{top:35dvh;bottom:var(--footer);width:100%;right:0;padding:16px 22px 24px;border:0;border-top:1px solid var(--brass);box-shadow:0 -10px 25px #28292318}#roomIndex{top:var(--header)}.panel-top{top:-16px;margin-bottom:18px}#inspector h2,#catalogue h2{font-size:29px}#portalLabel button{font-size:10px;padding:8px}#portalLabel small{font-size:6px}.touchpad{bottom:calc(var(--footer) + 14px);right:12px}body:has(#inspector:not([hidden])) .touchpad,body:has(#catalogue:not([hidden])) .touchpad,body:has(#roomIndex:not([hidden])) .touchpad{visibility:hidden}dialog{padding:18px 22px}dialog h2{font-size:32px}.guide-list>div{grid-template-columns:95px 1fr}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s}}
/* Primary navigation: four design houses, expandable room children. */
:root{--header:138px}
header{height:var(--header);padding-bottom:52px}
#brandNav{position:absolute;bottom:0;left:32px;right:32px;display:flex;justify-content:center;border-top:1px solid var(--line);gap:32px;height:52px}
#brandNav>button{font-family:Georgia,'Times New Roman',serif;font-size:17px;padding:10px 18px;white-space:nowrap;border-bottom:2px solid transparent}
#brandNav>button[aria-current=true]{border-bottom-color:var(--brass);color:var(--brass)}
#brandNav>button[aria-expanded=true]{background:#e5e0d5}
@media(max-width:700px){:root{--header:174px}header{height:var(--header);padding-bottom:96px}#brandNav{height:96px;left:14px;right:14px;display:grid;grid-template-columns:1fr 1fr;gap:0 8px}#brandNav>button{font-size:14px;padding:8px 3px;min-height:44px}#roomIndex{top:var(--header);max-height:calc(100dvh - var(--header) - 12px)}}
/* Maison Territo: editorial headings, quiet and readable offline UI. */
:root{--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif;--muted:#57594f}
body{font-family:var(--sans)}
.wordmark{font-family:var(--serif);font-size:30px;letter-spacing:-.7px;line-height:1.05;white-space:nowrap}
.wordmark small{font-family:var(--sans);font-size:11px;font-weight:400;letter-spacing:1.9px;margin-top:8px}
h1,h2{font-family:var(--serif);letter-spacing:-.45px}
.brand-group h3{font-family:var(--serif);font-size:22px;line-height:1.25;font-weight:400;letter-spacing:-.3px;text-transform:none;padding-bottom:12px}
#brands button{font-size:14px;line-height:1.55}
#brands button small,.index-note,.fine{font-size:12px}
#productEvidence p,#productEvidence a{font-size:14px;line-height:1.7}
#productEvidence strong{font-size:11px}
.intro{font-size:14px}
@media(max-width:700px){.wordmark{font-size:23px;letter-spacing:-.6px}.wordmark small{font-size:9px;letter-spacing:1.4px;margin-top:7px}.header-actions{gap:8px}#roomToggle{min-width:92px}#roomName{font-size:12px}.room-heading h1{font-size:22px}.room-heading{grid-template-columns:minmax(0,1fr) auto}.brand-group h3{font-size:22px}#next{font-size:11px}}
@media(max-width:360px){header{padding:0 12px 96px;gap:8px}.wordmark{font-size:21px}.wordmark small{font-size:8px}.header-actions{gap:6px}#roomToggle{min-width:76px;gap:6px}#help{padding-left:8px}}
