
/* A creative home; photographs, words and a continuous opening into the tour. */
.room-dossier{position:absolute;inset:0;z-index:3;opacity:0;visibility:hidden;pointer-events:none;color:#fff5e9}
.room-dossier:not([inert]) .room-layout:not([inert]),.room-dossier:not([inert]) .room-tour-moment:not([inert]){pointer-events:auto}
.room-shade{position:absolute;inset:0;background:linear-gradient(180deg,#140e12c9,#140e12c2 80%,#140e1299);pointer-events:none}
.room-layout{position:absolute;inset:13% 6% 13%;max-width:1280px;margin:auto;isolation:isolate}
.room-layout>[data-room-reveal]{position:absolute;transform-origin:center}
.room-heading{left:0;top:0;width:49%}
.room-heading>.eyebrow{font-size:12px;letter-spacing:.045em;color:#f3dfcd;margin-bottom:17px}
.room-heading h2{font:400 clamp(46px,5.3vw,76px)/.95 Redaction35,Georgia,serif;letter-spacing:-.04em}
.room-heading h2>span{display:block}
.room-heading h2 em{display:block;font:400 clamp(82px,8vw,114px)/.88 Ballet,cursive;font-variation-settings:"opsz" 48;letter-spacing:0;margin:.035em 0 0 6%;color:#fff5e9}
.room-introduction{right:0;top:4%;width:39%;max-width:445px;font:clamp(19px,1.7vw,24px)/1.5 Redaction,Georgia,serif;text-wrap:pretty}
.polaroid{margin:0;padding:8px 8px 0;background:#f3eadb;color:#3b2028;box-shadow:0 16px 38px #0b060b60,0 1px 3px #0b060b77;transform:rotate(var(--tilt));transform-origin:center}
.polaroid>a{display:block}.polaroid>a:after{content:'';position:absolute;inset:0;z-index:2}
.polaroid img{width:100%;height:auto;object-fit:cover}
.polaroid-studio{--tilt:0deg;left:0;top:33%;width:49%;z-index:2}
.polaroid-studio img{aspect-ratio:16/9}
.polaroid-corner{--tilt:2deg;left:55%;top:35%;width:17%;z-index:3}
.polaroid-corner img{aspect-ratio:.82;object-position:50% 45%}
.polaroid-kitchen{--tilt:-1.5deg;right:0;top:45%;width:23%;z-index:2}
.polaroid-kitchen img{aspect-ratio:1.6}
.polaroid figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;font:15px/1.25 Redaction,Georgia,serif}
.polaroid figcaption span{font-size:14px;color:#5e3541;white-space:nowrap}
.room-belonging{left:55%;top:86%;width:45%;font:400 23px/1.45 Redaction,Georgia,serif;text-wrap:pretty}
.room-links{left:0;top:94%;width:49%;display:flex;align-items:center;gap:30px}
.room-links button,.tour-moment-caption button{color:inherit;background:none;border:0;border-bottom:1px solid #e9d5c587;min-height:44px;padding:8px 0;font:15px/1.4 Redaction,Georgia,serif;text-align:left}
.room-location{right:0;top:70%;width:23%;font:15px/1.5 Redaction,Georgia,serif;color:#f3dfcd}
.room-location a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.room-tour-moment{position:absolute;inset:11% 6% 11%;margin:auto;max-width:1020px;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;pointer-events:none}
.tour-moment-heading{margin-bottom:24px;text-align:center}
.tour-moment-heading .eyebrow{font-size:12px;color:#f3dfcd;margin-bottom:8px}
.tour-moment-heading h3{font:400 clamp(30px,3.3vw,46px)/1.15 Redaction35,Georgia,serif;letter-spacing:-.025em}
.tour-frame{position:relative;flex:none;aspect-ratio:16/9;width:min(100%,calc((100svh - 380px) * 16 / 9));margin:0 auto}
.tour-surface{position:absolute;inset:0;transform-origin:0 0;background:#181014;box-shadow:0 16px 60px #0b060b77}
#room-inline-tour{display:block;width:100%;height:100%;object-fit:contain;background:#181014}
.tour-moment-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;width:min(100%,calc((100svh - 380px) * 16 / 9));margin:14px auto 0;font:15px/1.4 Redaction,Georgia,serif}
.tour-moment-caption a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #e9d5c587}
.tour-moment-note{text-align:center;font:17px/1.5 Redaction,Georgia,serif;margin-top:14px;color:#f3dfcd}
#inline-tour-error{font:16px/1.5 Redaction,Georgia,serif;text-align:center;margin-top:12px}#inline-tour-error a{text-decoration:underline}
.room-tour-viewer #property-tour{display:block;flex:1;min-height:0;max-width:1400px;width:100%;object-fit:contain;margin:auto;background:#0d0a0b}
.room-tour-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;font:14px/1.6 Redaction,Georgia,serif;color:#f3dfcd;flex-shrink:0}
.room-tour-caption a{display:flex;align-items:center;min-height:44px}
#room-tour-error{font:16px/1.6 Redaction,Georgia,serif;padding:16px 0}#room-tour-error a{text-decoration:underline}
@media(hover:hover) and (pointer:fine){.polaroid:hover{z-index:5}.polaroid a:hover img{filter:brightness(1.04)}.room-layout a:hover,.room-links button:hover,.tour-moment-caption :is(a,button):hover{color:#fff}.room-links button,.tour-moment-caption a,.tour-moment-caption button{transition:border-color .2s}.room-links button:hover,.tour-moment-caption :is(a,button):hover{border-color:#fff5e9}}
@media(min-width:701px) and (max-height:800px){.room-layout{inset:15% 6% 15%}.room-heading h2{font-size:54px}.room-heading>.eyebrow{margin-bottom:12px}.room-introduction{font-size:20px}.room-belonging{font-size:20px;top:89%}.room-location{font-size:14px;top:73%}.polaroid figcaption{font-size:13px;min-height:34px}.room-links{top:96%}}
@media(min-width:701px) and (max-width:1100px){.room-heading h2{font-size:56px}.room-introduction{font-size:19px;width:42%}.room-layout{inset:16% 5% 14%}.polaroid-corner{left:54%;width:19%}.polaroid-kitchen{width:23%}.room-location{font-size:14px}.room-belonging{font-size:19px;left:54%}.room-links{gap:22px}.room-links button{font-size:14px}}
@media(max-width:700px){
 .room-layout{inset:110px 6% 110px;max-width:450px}
 .room-heading{width:100%;top:0}.room-heading>.eyebrow{font-size:11px;margin-bottom:14px}.room-heading h2{font-size:54px;line-height:.97}.room-heading h2 br{display:block}
 .room-introduction{left:0;right:auto;top:25%;width:100%;max-width:380px;font-size:19px;line-height:1.45}
 .polaroid{padding:6px 6px 0}.polaroid figcaption{font-size:12px;min-height:32px;gap:4px}.polaroid figcaption span{font-size:12px}
 .polaroid-studio{top:48%;width:69%}.polaroid-studio figcaption{font-size:12px}
 .polaroid-corner{left:auto;right:0;top:46%;width:25%;--tilt:2deg}.polaroid-corner img{aspect-ratio:.65}.polaroid-corner figcaption{font-size:11px;min-height:36px}.polaroid-corner figcaption span{display:none}
 .polaroid-kitchen{display:none}
 .room-belonging{left:0;top:77%;width:100%;font-size:20px;line-height:1.4}.room-belonging br{display:block}
 .room-links{top:auto;bottom:0;width:100%;justify-content:space-between;gap:20px}.room-links button{font-size:16px}
 .room-location{top:auto;bottom:-55px;left:0;width:100%;font-size:13px}.room-location br{display:none}.room-location a{margin-left:8px;min-height:34px}
 .room-tour-moment{inset:15% 6% 16%;justify-content:center}.tour-moment-heading{margin-bottom:30px}.tour-moment-heading h3{font-size:37px}.tour-moment-heading .eyebrow{font-size:11px}
 .tour-frame{width:100%}.tour-moment-caption{width:100%;gap:14px;align-items:start}.tour-moment-caption :is(button,a){font-size:14px;max-width:48%}.tour-moment-caption a{text-align:right}
 .tour-moment-note{font-size:17px;max-width:270px;margin:24px auto 0}.room-tour-caption{font-size:13px;flex-wrap:wrap;gap:8px}
}
@media(max-width:700px) and (max-height:760px){
 .room-layout{inset:92px 6% 122px}.room-heading h2{font-size:43px}.room-heading>.eyebrow{font-size:10px;margin-bottom:11px}
 .room-introduction{top:27%;font-size:17px;line-height:1.4}.polaroid-studio{top:52%;width:69%}.polaroid-corner{top:52%;width:25%}.polaroid-corner img{aspect-ratio:.7}
 .polaroid-studio figcaption{font-size:11px}.polaroid-corner figcaption{font-size:10px}.room-belonging{display:none}.room-links{bottom:-10px}.room-links button{font-size:14px}.room-location{bottom:-65px;font-size:12px}.room-location a{margin-left:0}
 .tour-moment-heading h3{font-size:31px}.tour-moment-caption :is(button,a){font-size:13px}
}
.cinema:not(.motion-enabled) .room-dossier{position:relative;inset:auto;opacity:1;visibility:visible;padding:70px 6% 90px;background:linear-gradient(#160e12d6,#160e12ed),url('/studies/scrolls/scenes/working-atelier-v10.jpg') center/cover}
.cinema:not(.motion-enabled) .room-layout{position:relative;inset:auto;height:650px}
.cinema:not(.motion-enabled) .room-shade{display:none}
.cinema:not(.motion-enabled) .room-tour-moment{position:relative;inset:auto;margin-top:110px;opacity:1;visibility:visible}
.cinema:not(.motion-enabled) .tour-frame,.cinema:not(.motion-enabled) .tour-moment-caption{width:100%}
.cinema:not(.motion-enabled) .tour-moment-caption [data-room-photos]{display:none}
@media(max-width:700px){.cinema:not(.motion-enabled) .room-dossier{padding:50px 6% 75px}.cinema:not(.motion-enabled) .room-layout{height:560px}.cinema:not(.motion-enabled) .room-introduction{top:25%}.cinema:not(.motion-enabled) .polaroid-studio,.cinema:not(.motion-enabled) .polaroid-corner{top:47%}.cinema:not(.motion-enabled) .room-belonging{display:block;top:77%;font-size:18px}.cinema:not(.motion-enabled) .room-tour-moment{margin-top:140px}}
@media(prefers-reduced-motion:reduce){.room-dossier *{transition:none!important}}

.room-introduction>a{display:inline-flex;align-items:center;min-height:44px;font:15px/1.5 Redaction,Georgia,serif;margin-top:10px;text-decoration:underline;text-underline-offset:5px;color:#f3dfcd}
.tour-moment-heading .eyebrow{display:none}
@media(max-width:700px){.room-introduction>a{font-size:14px;margin-top:3px}.room-links{top:auto;bottom:0}.room-introduction{top:26%}}
@media(max-width:700px) and (max-height:760px){.room-introduction{top:28%;font-size:16px}.room-introduction>a{font-size:13px;min-height:36px}.polaroid-studio,.polaroid-corner{top:60%}.room-links{bottom:-24px}.polaroid-studio figcaption{min-height:32px}}

@media(max-width:700px){.polaroid-studio figcaption,.polaroid-corner figcaption{font-size:12px}.room-introduction{top:26%}}

.tour-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity .3s ease}

/* Nicole’s selected views keep their full landscape compositions. */
.polaroid-corner{left:54%;width:21%}
.polaroid-corner img,.polaroid-kitchen img{aspect-ratio:16/9;object-position:center}
@media(max-width:700px){.polaroid-corner{left:auto;right:0;width:25%}.polaroid-corner img{aspect-ratio:16/9}.polaroid-corner figcaption{min-height:38px}}

/* Readable light type without black patches around the words. */
.room-shade{background:linear-gradient(180deg,#21151f48,#21151f24 65%,#21151f44)}
.room-heading h2,.tour-moment-heading h3{color:#fff8ee;text-shadow:0 1px 3px #21121c99,0 0 13px #ffddad33}
.room-heading>.eyebrow,.room-introduction,.room-belonging,.room-links,.tour-moment-caption,.tour-moment-note{color:#fff5e9;text-shadow:0 1px 3px #21121c,0 2px 12px #21121c88}
.cinema:not(.motion-enabled) .room-dossier{background:linear-gradient(#21151f48,#21151f55),url('/studies/scrolls/scenes/working-atelier-v10.jpg') center/cover}

/* Keep all three selected photographs in the phone composition. */
@media(max-width:700px){.polaroid-kitchen{display:block;right:0;top:62%;width:25%}.polaroid-kitchen figcaption{font-size:12px;min-height:38px}.polaroid-kitchen figcaption span{display:none}}
@media(max-width:700px) and (max-height:760px){.polaroid-kitchen{top:78%}.polaroid-kitchen figcaption{font-size:11px;min-height:34px}}
@media(max-width:700px){.cinema:not(.motion-enabled) .polaroid-kitchen{top:65%}}

/* The original blue study pairs pixel Redaction with a whole Ballet phrase. */
@media(max-width:700px){.room-heading h2 em{font-size:82px;margin-left:5%}}
@media(max-width:700px) and (max-height:760px){.room-heading h2 em{font-size:65px}.room-introduction{top:calc(28% + 12px)}}
@media(min-width:701px) and (max-height:800px){.room-heading h2 em{font-size:86px}}
@media(max-width:700px){.cinema:not(.motion-enabled) .room-layout{height:680px}.cinema:not(.motion-enabled) .room-belonging{top:81%}}
