@font-face{font-family:Room;src:url('room-type.ttf') format('truetype');font-display:swap;font-weight:100 900;font-stretch:75% 100%}
:root{color-scheme:dark;--bg:#211b19;--ink:#f2e9da;--muted:#cab9a8;--accent:#e6ac7d;--wine:#572c30;--line:#655047;--paper:#eadfcb;--dark:#2b211c}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--accent) var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 Room,Arial,sans-serif}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--dark)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}button{border-radius:0}button:hover,a:hover{color:#fff5e6}[hidden]{display:none!important}.review-bar{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 3.5%;background:#12110f;font:13px/1.3 Arial,sans-serif;color:#c7bcaf}.view-switch{display:flex;gap:6px}.view-switch button{background:none;border:0;border-bottom:1px solid transparent;padding:8px 13px;font-size:13px}.view-switch button[aria-pressed=true]{color:#ffe2bd;border-color:#e6ac7d}.room-header{padding:22px 3.5%;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.return-link{display:flex;gap:14px;align-items:center;border:0;background:none;padding:8px 0;justify-self:start}.return-link img{width:178px;display:block}.reverse{transform:rotate(180deg);width:18px}.room-sign{text-decoration:none;display:flex;gap:10px;align-items:baseline;font-size:20px}.room-sign strong{font-size:30px;font-weight:600;letter-spacing:-.03em}.header-action{justify-self:end;display:flex;gap:14px;align-items:center;font-size:15px;text-decoration:none}.room-hero{display:grid;grid-template-columns:.72fr 1.28fr;max-width:1600px;margin:auto;padding:30px 3.5% 27px;gap:30px;align-items:center}.hero-copy{padding:12px 5px 18px 0}.hero-copy h1{font-size:clamp(52px,5.25vw,79px);font-weight:650;letter-spacing:-.035em;line-height:.99}.hero-copy h1 span{color:var(--accent)}.hero-copy>p{margin:23px 0 25px;font-size:19px;line-height:1.4;color:#e4d4c4}.cta{display:inline-flex;align-items:center;gap:25px;padding:15px 20px;min-height:52px;background:var(--paper);color:var(--dark);text-decoration:none;font-weight:600;font-size:16px}.cta:hover{background:#f7eddb;color:var(--dark)}.quiet{display:block;font-size:13px;color:var(--muted);margin-top:13px}.photo-frame{position:relative;background:#2d241f;overflow:hidden}.hero-photo img{width:100%;display:block;aspect-ratio:3/2;object-fit:contain}.zoom{position:absolute;bottom:15px;right:15px;padding:10px;display:grid;place-items:center;background:#211b19;border:1px solid #c7b29b;min-height:44px;min-width:44px}.zoom:hover{background:#572c30}.hero-photo figcaption>div{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:17px;margin:15px 0 11px}.hero-photo figcaption small{display:block;text-align:center;color:var(--muted);font-size:12px}.room-divider{margin:0 3.5%;padding:17px 0;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}.room-divider span:first-child{color:var(--accent)}.workbench{display:grid;grid-template-columns:1fr 1.05fr;gap:7%;padding:48px 7%;align-items:center}.bench-intro h2{font-size:43px;line-height:1.1;letter-spacing:-.03em;font-weight:550}.bench-intro>p{max-width:35ch;margin-top:20px;color:var(--muted);font-size:19px}.bench-intro .last{font-size:17px;margin-top:18px}.aside-button{border:0;border-bottom:1px solid var(--line);background:none;padding:0 0 4px;margin-top:23px;font-size:14px;color:var(--accent)}.bench-intro #aside-note{font-size:14px;max-width:42ch;margin-top:12px}.change-work{background:var(--paper);color:var(--dark);transform:rotate(-1deg);box-shadow:0 20px 40px #09060545}.change-controls{display:flex;border-bottom:1px solid #ad9980;padding:0 20px;gap:12px}.change-controls button{background:none;border:0;border-bottom:2px solid transparent;padding:17px 6px 13px;color:#655047;font-size:15px;min-height:48px}.change-controls button[aria-pressed=true]{color:#572c30;border-bottom-color:#572c30}.change-controls button:focus-visible{outline-color:#572c30}.change-result{padding:25px 28px 24px;min-height:285px}.keep-label{display:block;font-size:12px;font-weight:600;letter-spacing:.07em;margin-bottom:14px;color:#694537}.change-result h3{font-size:43px;font-weight:650;line-height:1.04;letter-spacing:-.025em}.change-result p{font-size:16px;line-height:1.5;margin-top:15px;max-width:43ch}.specimen{margin-top:23px;display:flex;align-items:center;gap:12px;border-top:1px solid #ad9980;padding-top:15px;font-size:12px}.specimen>span:first-child{color:#655047}.specimen strong{font-weight:500}.specimen .line{flex:1;border-top:1px solid #ad9980}.promise{padding:35px 7%;background:var(--wine);display:grid;grid-template-columns:1fr 1.05fr;gap:7%;align-items:center}.promise h2{font-size:49px;line-height:1.08;font-weight:550;letter-spacing:-.025em}.promise h2 span{color:#e6bda4}.promise p{font-size:18px;color:#ecd9ce;max-width:44ch;margin-bottom:12px}.promise a{display:inline-flex;align-items:center;gap:18px;font-size:15px;margin-top:6px}.start{padding:46px 7%;display:grid;grid-template-columns:1fr 1.3fr;gap:7%}.start h2{font-size:43px;line-height:1.08;letter-spacing:-.025em;font-weight:550}.start-copy>p{font-size:18px;color:var(--muted);margin-top:18px;max-width:26ch}.contact-note{display:block;font-size:14px;color:var(--accent);margin-top:20px}.reference-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.reference-choices button{background:var(--bg);border:0;text-align:left;padding:16px 12px;min-height:82px}.reference-choices button span{display:block;font-size:19px}.reference-choices button small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.reference-choices button[aria-pressed=true]{background:var(--paper);color:var(--dark)}.reference-choices button[aria-pressed=true] small{color:#655047}.reference-response{padding:23px 0 0;min-height:203px}.reference-response h3{font-size:23px;line-height:1.2;font-weight:500}.reference-response p{margin-top:12px;font-size:16px;color:var(--muted);max-width:55ch}.next-reference{display:flex;align-items:center;gap:12px;font-size:14px;margin-top:19px;color:var(--accent)}.prototype-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:13px;margin-top:14px}.exit-room{border-top:1px solid var(--line);margin:0 3.5%;padding:27px 3.6%;display:flex;justify-content:space-between;align-items:center;gap:24px}.exit-room h2{font-size:26px;font-weight:500}.exit-room p{font-size:15px;color:var(--muted);margin-top:5px}.exit-room button{display:flex;align-items:center;gap:25px;border:1px solid var(--line);background:none;padding:13px 18px;font-size:14px;min-height:48px}.exit-room button:hover{background:var(--wine)}footer{padding:24px 7%;background:#161311;display:flex;align-items:center;gap:15px;font-size:13px;color:var(--muted)}footer>span:last-child{margin-left:auto}.room-wordmark{font-size:16px;color:var(--ink)}.room-wordmark strong{font-weight:550;font-size:25px;letter-spacing:-.03em}dialog{border:0;padding:55px 15px 15px;background:#211b19;color:var(--ink);max-width:1200px;width:94vw;max-height:94vh}dialog::backdrop{background:#0e0b09ee}dialog img{display:block;width:100%;max-height:78vh;object-fit:contain}dialog p{text-align:center;font-size:13px;margin-top:10px;color:var(--muted)}.close{position:absolute;top:8px;right:12px;display:flex;align-items:center;gap:14px;background:none;border:0;padding:10px;font-size:15px;min-height:42px}.close span{font-size:26px;line-height:1}.front-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 5%;border-bottom:1px solid #43473e;background:#171a17}.front-header img{width:245px}.front-header a{display:flex;gap:15px;align-items:center;font-size:14px;text-decoration:none}.front-main{background:#171a17;padding:0 5% 30px}.front-intro{display:grid;grid-template-columns:1fr .65fr;gap:8%;align-items:center;padding:30px 0}.front-intro h1{font:500 clamp(36px,4.4vw,62px)/1.08 Arial,sans-serif;letter-spacing:-.035em}.front-intro h1 span{color:#cfb279}.front-intro p{margin:20px 0;color:#bbbdb3}.front-intro a{display:inline-flex;align-items:center;gap:15px;font-size:15px}.front-intro figure{display:flex;align-items:center;gap:20px}.front-intro figure img{width:56%;max-height:255px;object-fit:contain}.front-intro figcaption{font-size:16px;max-width:13ch;color:#bbbdb3}.doorway-panel{display:grid;grid-template-columns:1fr 1fr;background:var(--wine);align-items:center;overflow:hidden}.door-copy{padding:32px 40px}.door-copy .room-wordmark{margin-bottom:25px}.door-copy h2{font-size:clamp(36px,3.5vw,52px);line-height:1.06;font-weight:550;letter-spacing:-.03em}.door-copy p{font-size:17px;color:#ecd9ce;margin:18px 0}.entry{display:flex;gap:32px;align-items:center;background:var(--paper);color:var(--dark);border:0;padding:13px 19px;min-height:50px;font-weight:600}.entry:hover{color:var(--dark);background:#fff0d6}.entry svg{transition:transform .3s}.entry:hover svg{transform:translateX(4px)}.door-photo{position:relative;align-self:stretch;min-height:360px;overflow:hidden;background:#2d241f}.door-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.door-photo>span{position:absolute;bottom:15px;left:15px;right:15px;text-align:center;background:#211b19ed;padding:8px;font-size:13px;color:var(--ink)}.front-caveat{font-size:12px;color:#bbbdb3;margin-top:12px}.entering .hero-photo{animation:reveal .8s cubic-bezier(.16,1,.3,1) both}@keyframes reveal{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
@media(min-width:1600px){.room-header,.room-divider,.exit-room{padding-left:max(3.5%,calc((100% - 1488px)/2));padding-right:max(3.5%,calc((100% - 1488px)/2))}.workbench,.promise,.start{padding-left:max(7%,calc((100% - 1380px)/2));padding-right:max(7%,calc((100% - 1380px)/2))}}
@media(max-width:1000px){.room-hero{grid-template-columns:.75fr 1.25fr;gap:20px}.hero-copy h1{font-size:56px}.hero-copy>p{font-size:17px}.cta{font-size:14px;padding:13px 14px;gap:14px}.return-link img{width:140px}.room-sign strong{font-size:26px}.room-sign{font-size:16px}.header-action{font-size:13px}.workbench,.promise,.start{padding-inline:4%;gap:5%}.change-controls{padding-inline:12px;gap:5px}.change-controls button{font-size:14px}.change-result{padding:23px}.change-result h3{font-size:38px}.bench-intro h2,.start h2{font-size:36px}.promise h2{font-size:43px}.reference-choices button{padding:12px 8px}.reference-choices button small{font-size:12px}.reference-choices button span{font-size:17px}.front-intro{gap:5%}.door-copy{padding:28px}.door-copy h2{font-size:38px}}
@media(max-width:700px){.review-bar{padding:6px 14px;gap:8px;font-size:12px}.view-switch{gap:2px}.view-switch button{font-size:12px;padding:9px 7px}.room-header{padding:15px 18px;grid-template-columns:1fr auto;gap:12px}.room-sign{font-size:14px;gap:6px}.room-sign strong{font-size:24px}.return-link{gap:8px;padding:4px 0}.return-link img{width:124px}.return-link svg{width:15px}.header-action{display:none}.room-hero{grid-template-columns:1fr;padding:25px 18px 20px;gap:24px}.hero-copy{padding:0;display:grid;grid-template-columns:1fr;gap:0}.hero-copy h1{font-size:clamp(44px,10.5vw,62px);line-height:1.02}.hero-copy h1 br{display:none}.hero-copy h1 span{display:block}.hero-copy>p{font-size:17px;margin:16px 0 18px}.hero-copy>p br{display:none}.cta{justify-self:start;font-size:15px;padding:13px 16px}.quiet{font-size:12px;margin-top:11px}.hero-photo figcaption>div{font-size:14px;margin:12px 0 9px}.hero-photo figcaption small{font-size:12px;text-wrap:balance}.zoom{bottom:8px;right:8px;padding:8px}.room-divider{margin:0 18px;padding:13px 0;font-size:12px;gap:15px}.room-divider span:last-child{max-width:20ch;text-align:right}.workbench{padding:30px 24px 35px;grid-template-columns:1fr;gap:26px}.bench-intro h2{font-size:33px}.bench-intro>p{font-size:17px;margin-top:13px;max-width:none}.bench-intro .last{font-size:15px;margin-top:11px}.aside-button{margin-top:15px}.change-work{transform:rotate(-.7deg)}.change-controls{justify-content:space-between;padding-inline:12px}.change-controls button{font-size:14px;padding:13px 4px}.change-result{min-height:270px;padding:22px}.change-result h3{font-size:39px}.change-result p{font-size:15px}.specimen{font-size:12px;gap:8px}.promise{padding:28px 24px;grid-template-columns:1fr;gap:22px}.promise h2{font-size:39px}.promise p{font-size:16px}.start{padding:30px 24px;grid-template-columns:1fr;gap:22px}.start h2{font-size:34px}.start h2 br{display:none}.start-copy>p{font-size:16px;margin-top:12px;max-width:none}.contact-note{margin-top:9px;font-size:13px}.reference-choices button{padding:13px 10px;min-height:72px}.reference-choices button span{font-size:17px}.reference-choices button small{font-size:12px;max-width:11ch}.reference-response{padding-top:21px;min-height:222px}.reference-response h3{font-size:22px}.reference-response p{font-size:15px}.next-reference{font-size:13px;margin-top:15px}.prototype-note{font-size:12px}.exit-room{margin:0 18px;padding:24px 6px;flex-direction:column;align-items:flex-start;gap:18px}.exit-room h2{font-size:26px}.exit-room p{font-size:14px}.exit-room button{font-size:14px}footer{padding:22px 24px;flex-wrap:wrap;gap:9px 13px}footer .room-wordmark{font-size:14px}footer .room-wordmark strong{font-size:22px}footer>span:last-child{flex-basis:100%;margin:0;font-size:12px}.front-header{padding:20px 18px}.front-header img{width:190px}.front-header a{font-size:12px;max-width:105px;gap:5px}.front-header a svg{width:17px}.front-main{padding:0 18px 25px}.front-intro{grid-template-columns:1fr .55fr;padding:26px 0;gap:15px}.front-intro h1{font-size:30px}.front-intro p{font-size:14px;margin:13px 0}.front-intro a{font-size:13px;gap:7px}.front-intro figure{display:block}.front-intro figure img{width:100%;height:175px;object-fit:cover}.front-intro figcaption{font-size:12px;max-width:none;margin-top:8px}.doorway-panel{grid-template-columns:1fr}.door-copy{padding:27px}.door-copy .room-wordmark{margin-bottom:20px}.door-copy h2{font-size:39px}.door-copy p{font-size:16px}.door-photo{min-height:245px}.door-photo img{object-fit:cover}.front-caveat{font-size:12px}dialog{padding:52px 8px 12px;width:98vw}dialog p{font-size:12px}.close{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Concept 03: materials, typography and deliberate responsive composition. */
@font-face{font-family:RoomDisplay;src:url('room-display.ttf') format('truetype');font-display:swap;font-weight:200 800;font-stretch:75% 100%}
@font-face{font-family:RoomHand;src:url('room-hand.ttf') format('truetype');font-display:swap;font-weight:400 700}
:root{--accent:#f2b879;--line:#99735b;--bg:#241914;--muted:#e0c9b4}
p{text-wrap:pretty}#room-view{position:relative;isolation:isolate;background:#261814 var(--room-environment) center top/100% auto no-repeat}
#room-view::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1b100f9c,transparent 65%);pointer-events:none}
.room-header{margin:0 4.5%;padding:22px 0;border-bottom-color:#e4b17e50}.room-sign,.room-wordmark{position:relative;display:flex;align-items:center;gap:9px;white-space:nowrap}.room-sign .the,.room-wordmark .the{font:600 31px/.8 RoomHand,cursive;transform:rotate(-12deg);padding-right:2px}.room-sign strong,.room-wordmark strong{font-family:RoomDisplay,sans-serif;font-variation-settings:'wdth' 85,'opsz' 96;font-size:34px;line-height:1;font-weight:800;letter-spacing:-.04em}.header-action{border-bottom:1px solid #d9b388;padding-block:6px;font-size:14px}.return-link img{width:170px}
.room-hero{grid-template-columns:.9fr 1.2fr;padding:45px 4.5% 28px;gap:4%;align-items:center;min-height:690px}.hero-copy{padding:0 0 18px}.hero-copy h1{font:800 clamp(58px,6.15vw,92px)/.94 RoomDisplay,sans-serif;letter-spacing:-.04em;font-variation-settings:'wdth' 75,'opsz' 96;text-wrap:nowrap}.hero-copy h1 .headline-beat{display:block;color:var(--ink)}.hero-copy h1 .story{margin-top:12px;color:var(--accent)}.hero-copy h1 em{display:inline-block;font:700 1.25em/.76 RoomHand,cursive;letter-spacing:-.02em;transform:rotate(-6deg);padding:0 .04em .1em 0}.hero-copy>p{margin:28px 0 23px;font-size:18px;line-height:1.45}.hero-copy>p>span{display:block}.cta{font-size:15px;min-height:54px;padding:16px 21px;gap:22px;box-shadow:0 8px 18px #120b0750}.quiet{color:#e2c7af;margin-top:14px;font-size:12px}.hero-photo{transform:rotate(1.2deg);filter:drop-shadow(0 22px 25px #140b0880)}.photo-frame{border:6px solid #d9c3a2;border-bottom-width:0;background:#2d241f}.hero-photo figcaption{background:#e9dbc1;color:#39241d;padding:0 13px 16px}.hero-photo figcaption>div{font:600 25px/1.1 RoomHand,cursive;margin:0;padding:14px 0 9px}.hero-photo figcaption small{font:12px/1.4 Room,Arial,sans-serif;color:#624c3c}.zoom{background:#2c1d17;border-color:#e9dbc1}.room-divider{margin:0;padding:18px 4.5%;background:#281912d9;border-block:1px solid #af815d70;font-size:14px}.room-divider span:first-child{font:600 24px/1.2 RoomHand,cursive}.room-divider span:last-child{align-self:center}
.workbench{position:relative;padding:64px 7%;gap:10%;background:linear-gradient(90deg,#21130bd9,#21130b6b),var(--room-environment) center bottom/100% 850%;box-shadow:inset 0 16px 24px #0a050650;min-height:520px}.bench-intro h2,.start h2{font:750 clamp(42px,4.2vw,64px)/1.01 RoomDisplay,sans-serif;letter-spacing:-.035em;font-variation-settings:'wdth' 85,'opsz' 96}.bench-intro h2 em{font-style:normal;color:var(--accent)}.bench-intro>p{font-size:19px;line-height:1.5;max-width:30ch;margin-top:24px}.bench-intro .last{font-size:17px;margin-top:17px}.aside-button{color:#f1bd87;border-bottom-color:#ae7c55}.change-work{position:relative;background:#eee0c6;transform:rotate(-2deg);box-shadow:7px 24px 35px #0f070b99}.change-work::before{content:"";position:absolute;width:80px;height:24px;background:#ccb88ad9;top:-12px;left:38%;transform:rotate(5deg);box-shadow:0 2px 4px #6c503c33}.change-controls{padding:9px 25px 0;gap:17px}.change-controls button{padding:16px 5px 13px}.change-result{padding:28px 30px 30px;min-height:306px}.change-result h3{font:800 46px/1.02 RoomDisplay,sans-serif;letter-spacing:-.035em;font-variation-settings:'wdth' 90,'opsz' 96}.change-result p{font-size:16px;line-height:1.5;margin-top:18px}.specimen{margin-top:25px}
.promise{padding:49px 7%;position:relative;background:linear-gradient(90deg,#421d20b8,#271319d4),var(--room-environment) 48% 42%/150% 450%;gap:10%;border-top:1px solid #d5a07160;border-bottom:1px solid #d5a07160}.promise h2{font:800 clamp(40px,4.2vw,62px)/1.05 RoomDisplay,sans-serif;letter-spacing:-.035em;font-variation-settings:'wdth' 80,'opsz' 96}.promise h2 span{display:inline-block;font:650 1.05em/1.1 RoomHand,cursive;letter-spacing:-.02em;transform:rotate(-3deg);color:#f5bb85;margin-top:3px}.promise p{font-size:18px;line-height:1.5;max-width:35ch}
.start{position:relative;padding:62px 7%;gap:9%;background:linear-gradient(90deg,#211310df,#211310cc),var(--room-environment) center 55%/150% 360%;align-items:start}.start h2{font-size:52px;line-height:1.06}.start-copy>p{font-size:18px;line-height:1.5;margin-top:21px;max-width:27ch}.contact-note{font:600 26px/1.25 RoomHand,cursive;color:#f4b985;margin-top:20px;transform:rotate(-2deg)}.reference-choices{background:transparent;border:0;gap:8px}.reference-choices button{background:#33221a99;border:1px solid #b38d6e;padding:15px 13px;min-height:86px;transition:background .2s}.reference-choices button span{font-family:RoomDisplay,sans-serif;font-weight:650;font-size:20px;letter-spacing:-.025em}.reference-choices button[aria-pressed=true]{border-color:var(--paper);transform:rotate(-1deg)}.reference-response{padding-top:26px;min-height:215px}.reference-response h3{font:650 24px/1.2 RoomDisplay,sans-serif;letter-spacing:-.025em}.reference-response p{font-size:16px;line-height:1.55;margin-top:14px}.prototype-note{margin-top:20px;border-top-color:#8d6b50}.next-reference{margin-top:22px}.exit-room{background:#261914;margin:0;padding:28px 7%;border-top-color:#72523d}.exit-room h2{font-family:RoomDisplay,sans-serif;font-weight:650;letter-spacing:-.025em;font-size:27px}.exit-room button{border-color:#9e785a}.room-wordmark strong{font-size:30px}.room-wordmark .the{font-size:29px}footer{background:#1c120e;padding:30px 7%;border-top:1px solid #493023}
.doorway-panel{background:linear-gradient(90deg,#26120f8c,transparent),var(--room-environment) center/cover;box-shadow:0 20px 35px #080b0855;gap:3%}.door-copy{padding:36px 40px 40px}.door-copy .room-wordmark{margin-bottom:27px}.door-copy h2{font:800 clamp(36px,3.55vw,54px)/1.06 RoomDisplay,sans-serif;letter-spacing:-.035em;font-variation-settings:'wdth' 80,'opsz' 96}.door-copy h2 em{font:700 1.2em/.9 RoomHand,cursive;letter-spacing:-.02em;color:var(--accent)}.door-copy p{margin:22px 0}.door-photo{min-height:340px;margin:20px 28px 20px 0;align-self:center;transform:rotate(1.5deg);border:5px solid #d8c3a5;box-shadow:0 14px 25px #1b0d0b80}.door-photo>span{bottom:0;left:0;right:0;background:#e7d7b9;color:#39241d;padding:10px;font-size:13px}.front-caveat{margin-top:18px}
@media(min-width:1600px){#room-view{background-size:100% 1100px}.room-hero{max-width:1600px}.hero-copy h1{font-size:96px}}
@media(max-width:1100px){.room-hero{min-height:570px;grid-template-columns:.95fr 1.1fr;gap:4%;padding-top:36px}.hero-copy h1{font-size:65px}.hero-copy>p{font-size:17px}.photo-frame{border-width:4px;border-bottom-width:0}.hero-photo figcaption>div{font-size:22px}.hero-photo figcaption small{font-size:12px}.room-sign strong{font-size:29px}.return-link img{width:140px}.room-header{gap:15px}.workbench{padding:52px 5%;gap:7%;min-height:470px}.change-controls{padding-inline:20px;gap:9px}.change-result{padding:26px;min-height:300px}.change-result h3{font-size:40px}.promise{padding:40px 5%;gap:7%}.start{padding:48px 5%;gap:7%}.start h2{font-size:42px}.reference-choices{gap:6px}.reference-choices button{padding:13px 10px}.reference-choices button span{font-size:18px}}
@media(max-width:700px){#room-view{background-size:auto 920px;background-position:57% top}.room-header{margin:0 20px;padding:19px 0;gap:14px}.room-sign{gap:4px}.room-sign .the{font-size:23px}.room-sign strong{font-size:25px}.return-link img{width:111px}.return-link{gap:6px}.room-hero{grid-template-columns:1fr;min-height:0;padding:31px 22px 25px;gap:25px}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(37px,10.5vw,65px);line-height:1.03;letter-spacing:-.04em;text-wrap:nowrap}.hero-copy h1 br{display:none}.hero-copy h1 .headline-beat{white-space:nowrap}.hero-copy h1 .story{margin-top:9px}.hero-copy h1 em{font-size:1.28em;padding-right:.09em}.hero-copy>p{font-size:16px;line-height:1.5;margin:22px 0 21px}.hero-copy>p span{display:block}.cta{font-size:15px;padding:14px 19px;min-height:52px}.quiet{margin-top:12px}.hero-photo{transform:rotate(1deg)}.hero-photo figcaption{padding:0 8px 11px}.hero-photo figcaption>div{font-size:22px;padding:12px 0 7px;margin:0}.hero-photo figcaption small{font-size:12px;line-height:1.35}.room-divider{padding:15px 22px;font-size:12px;gap:22px;align-items:center}.room-divider span:first-child{font-size:22px;max-width:14ch}.room-divider span:last-child{max-width:18ch}.workbench{padding:38px 26px 42px;gap:35px;grid-template-columns:1fr;background-size:auto,auto 850%;background-position:center,center bottom}.bench-intro h2{font-size:43px}.bench-intro>p{font-size:17px;margin-top:19px;max-width:30ch}.bench-intro .last{font-size:16px;line-height:1.5;margin-top:16px}.change-work{transform:rotate(-1deg)}.change-controls{padding:8px 18px 0}.change-controls button{font-size:14px;padding:13px 3px}.change-result{padding:25px 24px 26px;min-height:298px}.change-result h3{font-size:41px}.change-result p{font-size:16px}.promise{padding:36px 26px 38px;gap:24px;grid-template-columns:1fr;background-size:auto,220% 450%}.promise h2{font-size:44px}.promise p{font-size:17px;line-height:1.5;max-width:32ch}.promise a{margin-top:3px}.start{padding:38px 26px 34px;gap:27px;grid-template-columns:1fr;background-size:auto,250% 400%}.start h2{font-size:42px;max-width:12ch;line-height:1.06}.start h2 br{display:initial}.start-copy>p{font-size:17px;margin-top:17px}.contact-note{font-size:24px;margin-top:13px}.reference-choices{gap:6px}.reference-choices button{padding:12px 9px;min-height:84px}.reference-choices button span{font-size:18px}.reference-choices button small{font-size:12px}.reference-response{min-height:248px;padding-top:24px}.reference-response h3{font-size:23px}.reference-response p{font-size:16px;line-height:1.5}.next-reference{font-size:13px;margin-top:18px}.exit-room{padding:27px 26px 30px;gap:20px}.exit-room h2{font-size:27px;max-width:16ch;line-height:1.15}.exit-room p{margin-top:10px}.exit-room button{font-size:14px;padding:13px 15px;gap:17px}footer{padding:26px;gap:15px}.room-wordmark strong,footer .room-wordmark strong{font-size:26px}.room-wordmark .the{font-size:26px}.doorway-panel{gap:0}.door-copy{padding:29px 26px 25px}.door-copy h2{font-size:39px}.door-copy .room-wordmark{margin-bottom:25px}.door-copy p{font-size:16px;margin:20px 0}.door-photo{margin:0 23px 26px;min-height:210px}.door-photo>span{font-size:12px;padding:8px}.door-copy .entry{font-size:15px}.front-caveat{margin-top:17px}}
@media(max-width:350px){.room-header{margin-inline:16px}.room-sign strong{font-size:22px}.room-sign .the{font-size:21px}.return-link img{width:96px}.room-hero{padding-inline:18px}.hero-copy h1{font-size:35px}.room-divider{padding-inline:18px}.workbench,.promise,.start{padding-inline:21px}.bench-intro h2,.promise h2{font-size:39px}.change-result{padding:22px 20px}.change-result h3{font-size:37px}.reference-choices button{padding-inline:7px}.reference-choices button span{font-size:16px}.start h2{font-size:39px}.door-copy{padding-inline:22px}.door-copy h2{font-size:35px}}

/* Final optical spacing: the display face must read as lettering, not a compressed block. */
.hero-copy h1{font-variation-settings:'wdth' 100,'opsz' 96;letter-spacing:-.025em;font-weight:750;font-size:clamp(60px,6vw,90px)}
.room-sign strong,.room-wordmark strong{font-variation-settings:'wdth' 100,'opsz' 96;letter-spacing:-.025em;font-weight:750;word-spacing:.04em}
.bench-intro h2,.start h2,.promise h2,.change-result h3,.door-copy h2{font-variation-settings:'wdth' 100,'opsz' 96;letter-spacing:-.025em;font-weight:750}
@media(max-width:1100px){.hero-copy h1{font-size:63px}.room-sign strong{font-size:28px}}
@media(max-width:700px){.hero-copy h1{font-size:clamp(35px,9.3vw,56px);letter-spacing:-.025em}.hero-copy h1 .story{margin-top:11px}.room-sign strong{font-size:24px}.hero-copy h1 em{font-size:1.28em}.bench-intro h2{font-size:41px}.promise h2{font-size:41px}.start h2{font-size:40px}.change-result h3{font-size:39px}}
@media(max-width:350px){.hero-copy h1{font-size:31px}.room-sign strong{font-size:21px}.bench-intro h2,.promise h2{font-size:37px}.change-result h3{font-size:35px}.start h2{font-size:37px}}

:root{--room-environment:url('room-environment.webp')}
.header-action{background:#2a160fe6;border:1px solid #d9b38880;padding:8px 12px}

/* Mobile interaction layer. The approved room, original art and display voice remain. */
.skip-link{position:fixed;top:8px;left:8px;z-index:30;background:var(--paper);color:var(--dark);padding:12px 18px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.review-bar button,.return-link,.room-sign,.aside-button{min-height:44px}.room-sign{align-items:center}.aside-button{padding-block:8px}.room-header{padding-block:16px}
.photo-frame{aspect-ratio:3/2}.hero-photo .photo-frame img{height:auto;max-width:none}.hero-photo[data-focus=old],.hero-photo[data-focus=new]{max-width:420px;width:100%;justify-self:center}.hero-photo[data-focus=old] .photo-frame,.hero-photo[data-focus=new] .photo-frame{aspect-ratio:3/4}.hero-photo[data-focus=old] .photo-frame img,.hero-photo[data-focus=new] .photo-frame img{width:200%;aspect-ratio:3/2}.hero-photo[data-focus=new] .photo-frame img{transform:translateX(-50%)}
.hero-photo figcaption>.photo-controls{display:flex;justify-content:center;gap:6px;align-items:center;margin:0;padding:9px 0 0;font-family:Room,sans-serif;font-size:14px}.photo-controls button{border:0;background:transparent;color:#71523d;padding:9px 13px;min-height:44px;border-bottom:2px solid transparent;font-size:14px;white-space:nowrap}.photo-controls button[aria-pressed=true]{border-color:#753a28;color:#382015;font-weight:650}.photo-controls button:hover{color:#382015;background:#dac5a2}.photo-controls button:focus-visible{outline-color:#773c2e}.hero-photo figcaption>.photo-caption{padding:13px 0 9px}.hero-photo[data-focus=old] .photo-caption,.hero-photo[data-focus=new] .photo-caption{grid-template-columns:1fr}.hero-photo figcaption small{max-width:45ch;margin:auto}
#start{scroll-margin-top:20px}.start{grid-template-columns:.85fr 1.25fr;gap:7%;align-items:start;padding-block:64px}.start-copy{position:sticky;top:35px}.intake{min-width:0}.reference-choices button{min-height:86px}.brief-sheet{scroll-margin-top:22px;background:#eddfc6;color:#35261e;margin-top:19px;box-shadow:5px 20px 32px #11080570;position:relative}.brief-progress{display:flex;list-style:none;margin:0;padding:20px 26px 15px;gap:19px;border-bottom:1px solid #bba58a;color:#7c6048;font-size:13px}.brief-progress li[aria-current]{color:#703329;font-weight:650;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}.brief-step{padding:28px 30px 29px}.brief-step h3{font:750 34px/1.08 RoomDisplay,sans-serif;letter-spacing:-.025em;margin:0 0 16px;outline-offset:8px}.brief-step h3 em{font-style:normal;color:#8c432c}.brief-step>p{font-size:16px;line-height:1.5;margin:0 0 20px;max-width:45ch}.brief-step .local-note{color:#6f533e;font-size:13px;line-height:1.5;margin:18px 0}.photo-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.photo-inputs button{display:flex;justify-content:center;align-items:center;gap:9px;padding:14px 10px;min-height:52px;font-size:15px;font-weight:550}.choose-photo{background:#4c2924;color:#f9ead2;border:1px solid #4c2924}.take-photo{background:transparent;border:1px solid #977b60;color:#4b3326}.photo-inputs button:hover{background:#65382a;color:#fff0d6}.photo-inputs button:disabled{opacity:.6;cursor:wait}.brief-sheet button:focus-visible,.brief-sheet input:focus-visible,.brief-sheet textarea:focus-visible{outline-color:#853f2e}.reference-help{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 22px;font-size:12px;color:#71543e}.reference-help button{border:0;background:transparent;color:#6d3424;text-decoration:underline;text-underline-offset:4px;padding:10px 0;min-height:44px;font-size:13px}.photo-status{font-size:13px!important;margin:12px 0 0!important;color:#6d523e}.photo-status:empty{display:none}.photo-error{font-size:14px!important;color:#8a231e;border-block:1px solid #ab7062;padding:12px 0;margin:16px 0!important}.photo-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo-thumbs:empty{display:none}.photo-thumb{min-width:0;margin-top:18px}.photo-thumb img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.photo-thumb span{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px}.photo-thumb button{border:0;background:transparent;color:#7f382b;font-size:13px;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:8px 2px}.brief-next{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;padding:15px 19px;min-height:52px;background:#4b2924;color:#faeed8;border:0;font-weight:550;font-size:16px}.brief-next:hover{color:#fff5e8;background:#6c3d30}.brief-step .optional-note{font-size:13px;text-align:center;margin:13px 0 0;color:#73573f}.brief-step label,.brief-step legend{font-size:16px;font-weight:550}.brief-step label>span:not(.wish-choice span){font-size:12px;font-weight:400;color:#795c43;margin-left:6px}.brief-step textarea{display:block;width:100%;margin:10px 0 25px;padding:13px;background:#f7eedc;border:1px solid #a88c6e;border-radius:0;font:16px/1.5 Room,sans-serif;color:#35261e;resize:vertical;min-height:96px;caret-color:#7c392b}.brief-step textarea::placeholder{color:#80684f;opacity:1}.brief-step fieldset{border:0;margin:0 0 22px;padding:0}.brief-step legend{margin-bottom:11px;padding:0}.wish-choice{display:flex;align-items:center;gap:12px;min-height:48px;padding:9px 0;cursor:pointer}.wish-choice input{appearance:none;width:23px;height:23px;border:1px solid #906d52;margin:0;display:grid;place-content:center;flex:none;background:#f7eedc}.wish-choice input:checked{background:#65372c;border-color:#65372c}.wish-choice input:checked::before{content:"";width:10px;height:6px;border-left:2px solid #fff2dc;border-bottom:2px solid #fff2dc;transform:rotate(-45deg) translateY(-1px)}.wish-choice span{font-size:16px!important;color:#35261e!important;font-weight:400!important;margin:0!important}.brief-actions{display:flex;align-items:center;gap:24px;margin-top:25px}.brief-actions .brief-next{flex:1}.brief-back{border:0;background:none;color:#6a3628;min-height:48px;padding:10px 4px;font-size:15px;text-decoration:underline;text-underline-offset:5px}.brief-back:hover{color:#3b211b}.draft-status{font-size:13px;color:#7f4a32;margin-bottom:17px}.review-photos{display:flex;gap:10px;margin-bottom:24px;overflow:hidden}.review-photos img{width:calc((100% - 20px)/3);aspect-ratio:1;object-fit:cover}.brief-field{margin-block:20px;overflow-wrap:anywhere}.brief-field h4{font-size:12px;font-weight:500;color:#7b5a42;margin:0 0 6px}.brief-field p{font-size:16px;line-height:1.5;white-space:pre-wrap}.review-outcome{border-top:1px solid #b8a185;padding-top:20px;margin-top:27px!important;font-size:15px!important}.mobile-start{display:none}
@media(max-width:1000px){.start{gap:5%;grid-template-columns:.75fr 1.25fr;padding-inline:4%}.brief-step{padding:26px}.photo-inputs{grid-template-columns:1fr}.brief-progress{gap:14px;padding-inline:24px}.start h2{font-size:40px}}
@media(max-width:700px){.review-bar{padding-inline:16px;min-height:44px}.view-switch{gap:6px}.view-switch button{padding-inline:12px;font-size:13px}.room-header{margin-inline:22px;padding-block:13px}.room-hero{padding-top:23px;gap:25px}.hero-copy>p{margin-top:20px;margin-bottom:20px}.hero-copy h1{font-size:clamp(31px,9.3vw,56px)}.hero-copy .cta{min-height:52px}.hero-photo[data-focus=old],.hero-photo[data-focus=new]{max-width:none}.hero-photo figcaption>.photo-controls{gap:5px;padding-top:7px}.photo-controls button{padding-inline:10px;font-size:13px}.hero-photo figcaption>.photo-caption{font-size:21px;padding:10px 0 8px}.hero-photo figcaption{padding-bottom:12px}.hero-photo figcaption small{font-size:12px;line-height:1.4}.room-divider{padding-block:16px}.workbench{padding-top:37px}.start{grid-template-columns:1fr;padding:38px 22px 42px;gap:24px}.start-copy{position:static}.start h2{font-size:40px}.start-copy>p{font-size:17px;max-width:26ch}.contact-note{margin-top:12px}.reference-choices{gap:7px}.reference-choices button{padding:13px 9px;min-height:86px}.reference-choices button span{font-size:18px}.brief-sheet{margin-top:17px}.brief-progress{gap:0;justify-content:space-between;padding:19px 20px 17px;font-size:12px}.brief-step{padding:25px 22px 26px}.brief-step h3{font-size:31px;margin-bottom:15px}.brief-step>p{font-size:16px;margin-bottom:18px}.brief-step .local-note{font-size:12px;margin:17px 0}.photo-inputs{grid-template-columns:1fr;gap:9px;margin-top:20px}.photo-inputs button{font-size:16px;min-height:52px;padding:14px}.reference-help{gap:8px;flex-wrap:wrap;margin-bottom:18px}.reference-help>span{font-size:12px}.reference-help button{font-size:13px}.photo-thumbs{gap:10px}.photo-thumb span{font-size:12px}.brief-actions{gap:17px;margin-top:24px}.brief-actions .brief-next{font-size:15px;gap:12px;padding-inline:13px}.brief-step textarea{margin-bottom:23px}.brief-step .optional-note{font-size:12px}.review-photos img{width:calc((100% - 20px)/3)}.exit-room{padding-bottom:37px}footer{padding-bottom:max(30px,env(safe-area-inset-bottom))}.mobile-start:not([hidden]){display:block;position:fixed;bottom:0;inset-inline:0;z-index:10;padding:12px 20px max(12px,env(safe-area-inset-bottom));background:#271710f5;border-top:1px solid #b78a61;box-shadow:0 -8px 25px #180d0d55}.mobile-start a{display:flex;align-items:center;justify-content:space-between;padding:14px 19px;min-height:50px;background:#eadbc0;color:#382117;text-decoration:none;font-size:16px;font-weight:550}.room-sign strong{font-size:24px}.room-sign .the{font-size:23px}dialog .close{min-height:48px}.promise a{min-height:44px;align-items:center}}
@media(max-width:350px){.room-hero{padding-inline:18px}.room-header{margin-inline:18px}.room-sign strong{font-size:21px}.hero-copy h1{font-size:31px}.start{padding-inline:18px}.brief-step{padding-inline:18px}.brief-progress{padding-inline:16px;font-size:12px}.brief-step h3{font-size:28px}.reference-choices button span{font-size:16px}.photo-controls button{font-size:12px;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.brief-sheet{scroll-behavior:auto}}
@media(forced-colors:active){.wish-choice input:checked::before{border-color:HighlightText}.photo-controls button[aria-pressed=true]{border-color:Highlight}.brief-progress li[aria-current]{color:Highlight}}

/* Integration preview: a genuine route back to the existing storefront. */
.return-link{text-decoration:none}.exit-link{display:inline-flex;align-items:center;gap:25px;border:1px solid var(--line);padding:13px 18px;font-size:14px;min-height:48px;text-decoration:none}.exit-link:hover{background:var(--wine)}.bench-intro>p{max-width:34ch}.bench-intro h2{font-size:clamp(40px,4vw,58px)}.hero-photo figcaption small{max-width:49ch}.hero-photo[data-focus=old],.hero-photo[data-focus=new]{max-width:420px}.hero-photo .photo-frame img{object-fit:contain}.room-header .return-link{border:0}.room-header .return-link:hover{color:var(--ink)}
@media(max-width:700px){.bench-intro h2{font-size:40px}.bench-intro>p{max-width:32ch}.hero-photo[data-focus=old],.hero-photo[data-focus=new]{max-width:none}.exit-link{font-size:14px;padding-inline:15px}.hero-photo figcaption small{font-size:12px}.hero-copy>p{margin-bottom:20px}}

/* Hosted site information; preserve the approved footer above. */
footer{flex-wrap:wrap}footer>span:last-of-type{margin-left:auto}.room-footer-links{display:flex;flex-wrap:wrap;flex-basis:100%;gap:6px 22px;margin-top:7px}.room-footer-links a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-underline-offset:4px}.room-footer-links a:hover{color:var(--ink)}@media(max-width:700px){footer>span:last-of-type{flex-basis:100%;margin:0;font-size:12px}.room-footer-links{gap:4px 18px}}

/* Preserve dark text on cream-backed controls in hover states. */
.brief-progress{color:#755b44}.change-controls button:hover{color:#572c30}.reference-choices button[aria-pressed=true]:hover{color:var(--dark)}.reference-help button:hover{color:#6d3424}.photo-thumb button:hover{color:#7f382b}