/* A visible architectural exhibition at the first viewport, shared by Home and Work. */
.showroom-section{position:relative;height:240svh;background:#0c0f12;margin:0;scroll-margin-top:var(--header)}
.showroom-shell{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:620px;overflow:hidden;isolation:isolate;color:#eeece5;background:#101419}
.showroom-stage,.showroom-canvas,.showroom-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}
.showroom-canvas{touch-action:pan-y;cursor:grab;outline-offset:-8px;opacity:0;transition:opacity .8s ease}
.showroom-canvas:active{cursor:grabbing}.showroom-canvas:focus-visible{outline:1px solid #f2eee1}.showroom-ready .showroom-canvas{opacity:1}
.showroom-swipe-hint{position:absolute;left:50%;bottom:clamp(200px,26svh,280px);transform:translateX(-50%);z-index:3;display:block;width:max-content;max-width:calc(100% - 32px);padding:5px 18px;border:1.5px solid #050607;border-radius:999px;color:#050607;background:transparent;font-family:"JR Urbanist",Arial,sans-serif;font-size:clamp(16px,1.3vw,20px);font-weight:850;line-height:1.25;letter-spacing:-.03em;text-align:center;white-space:nowrap;pointer-events:none;user-select:none;opacity:0}
.showroom-ready .showroom-swipe-hint{opacity:1}
@media(max-width:900px),(max-height:700px){.showroom-swipe-hint{bottom:14px}}
.showroom-top{position:absolute;left:var(--edge);right:var(--edge);top:35px;display:flex;align-items:start;justify-content:space-between;gap:35px;pointer-events:none;z-index:2}
.showroom-top:before{content:'';position:absolute;inset:-36px calc(-1 * var(--edge)) -65px;z-index:-1;background:linear-gradient(#0b0e11b8,transparent);pointer-events:none}
.showroom-top h2{font-size:clamp(30px,3.8vw,56px);line-height:.98;letter-spacing:-.055em;font-weight:400;margin:16px 0 10px}.showroom-top .eyebrow{font-size:9px;letter-spacing:.13em;color:#c4c8cc}.showroom-top p{font-size:12px;color:#c4c8cc;line-height:1.6;margin:0;max-width:280px}.showroom-index-link{font-size:10px;letter-spacing:.06em;border-bottom:1px solid #ffffff35;padding:12px 0;pointer-events:auto;white-space:nowrap}
.showroom-bottom{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 5vw;padding:40px var(--edge) 25px;background:linear-gradient(transparent,#0a0c10eb 36%);z-index:2;pointer-events:none}
.showroom-caption{min-width:0}.showroom-caption>span{font-size:9px;letter-spacing:.1em;color:#c0c6cc}.showroom-caption h3{font-size:clamp(24px,3vw,43px);font-weight:400;line-height:1.05;letter-spacing:-.05em;margin:10px 0 12px;overflow-wrap:anywhere}.showroom-caption a{display:inline-block;font-size:11px;border-bottom:1px solid #ffffff40;padding:8px 0;pointer-events:auto}
.showroom-control-area{align-self:end;min-width:0}.showroom-controls{display:flex;gap:7px;align-items:center;pointer-events:auto}.showroom-controls button{width:44px;height:44px;flex:0 0 44px;background:#12181dcc;color:inherit;border:1px solid #ffffff35;font-size:20px;border-radius:0;cursor:pointer}.showroom-controls button:hover{background:#e8e6df;color:#101317}.showroom-select{flex:1;min-width:0}.showroom-select select{width:100%;height:44px;background:#12181de0;border:1px solid #ffffff35;color:#eeece5;font-family:inherit;font-size:11px;padding:0 8px;max-width:100%;border-radius:0}.showroom-select select option{background:#12181d;color:#eeece5}.showroom-meta{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#b5bec5;margin-top:16px;line-height:1.6}.showroom-meta>span{white-space:nowrap}.showroom-meta p{max-width:270px;text-align:right;margin:0}
.showroom-activation{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1}.showroom-activation button{pointer-events:auto;min-height:48px;padding:14px 22px;background:#0b0f13cc;color:#f2efe7;border:1px solid #ffffff50;backdrop-filter:blur(8px);font-family:inherit;font-size:11px;letter-spacing:.06em}.showroom-activation button[hidden]{display:none}.showroom-activation button:disabled{opacity:.6}
.showroom-after{padding:50px var(--edge);border-top:1px solid var(--line);font-size:14px}.index-page .showroom-section+.index-heading{padding-top:90px;scroll-margin-top:var(--header)}.showroom-gallery{height:280svh}
/* The CSS room is the loading/accessibility fallback, using the same real works. */
.showroom-fallback{perspective:850px;background:radial-gradient(ellipse at 50% 30%,#353e49,#13191f 42%,#0b0e12 85%);overflow:hidden;transition:opacity .7s ease;pointer-events:none}.showroom-ready .showroom-fallback{opacity:0}
.showroom-floor{position:absolute;width:130%;height:100%;left:-15%;top:45%;transform-origin:top;transform:rotateX(60deg);background:linear-gradient(90deg,transparent 19.9%,#d0d8df15 20%,transparent 20.1%,transparent 79.9%,#d0d8df15 80%,transparent 80.1%),repeating-linear-gradient(0deg,#353e4680 0 45px,#b4c0c910 46px,#242c3560 47px 90px);box-shadow:inset 0 10px 80px #000}
.showroom-wall{position:absolute;top:10%;width:45%;height:50%;border-bottom:1px solid #c6cbd65c;border-top:1px solid #929fb533;background:linear-gradient(#202731,#11181e);transform-origin:center}.wall-left{left:-18%;transform:rotateY(60deg)}.wall-right{right:-18%;transform:rotateY(-60deg)}.showroom-ceiling{position:absolute;top:12%;left:12%;right:12%;height:25%;border:1px solid #d8dfdc6b;border-radius:50%;transform:rotateX(70deg);box-shadow:0 0 25px #bfcfd010}
.showroom-poster{position:absolute;top:30%;width:23%;height:42%;transform-origin:center;filter:drop-shadow(0 24px 20px #0009)}.showroom-poster img{width:100%;height:100%;object-fit:contain}.poster-0{left:4%;transform:rotateY(12deg)}.poster-1{right:4%;transform:rotateY(-12deg)}.poster-2{left:26%;top:36%;width:13%;height:30%;transform:translateZ(-30px) rotateY(18deg)}.poster-3{right:26%;top:36%;width:13%;height:30%;transform:translateZ(-30px) rotateY(-18deg)}.poster-4{left:41%;top:40%;width:7%;height:22%;transform:translateZ(-60px)}.poster-5{right:41%;top:40%;width:7%;height:22%;transform:translateZ(-60px)}
@media(max-width:1100px){.showroom-shell{min-height:570px}.showroom-top{top:26px}.showroom-bottom{gap:25px;padding-top:32px}.showroom-meta{gap:12px}.showroom-meta p{max-width:200px}}
@media(max-width:700px){.showroom-section,.showroom-gallery{height:110svh}.showroom-shell{min-height:580px;height:calc(100svh - var(--header));top:var(--header)}.showroom-top{top:22px;gap:10px}.showroom-top h2{font-size:35px;margin:14px 0 8px}.showroom-top .eyebrow{font-size:8px;max-width:220px;line-height:1.6}.showroom-top p{font-size:11px;max-width:215px}.showroom-index-link{font-size:8px;max-width:90px;white-space:normal;text-align:right;line-height:1.6}.showroom-bottom{grid-template-columns:1fr;gap:18px;padding-top:38px;padding-bottom:18px}.showroom-caption h3{font-size:28px;margin:8px 0}.showroom-caption a{font-size:10px;padding:5px 0}.showroom-caption>span{font-size:8px}.showroom-meta{font-size:8px;margin-top:12px}.showroom-meta p{max-width:200px}.showroom-poster{top:31%;height:34%;width:28%}.poster-0{left:1%}.poster-1{right:1%}.poster-2,.poster-3{width:15%;height:23%;top:35%}.poster-4,.poster-5{width:8%;height:16%;top:39%}.index-page .showroom-section+.index-heading{padding-top:60px}}
@media(prefers-reduced-motion:reduce){.showroom-canvas,.showroom-fallback{transition:none}}
.motion-off .showroom-canvas,.motion-off .showroom-fallback{transition:none}
@media(max-width:380px){.showroom-bottom{gap:14px}.showroom-controls{gap:5px}.showroom-controls button{width:40px;flex-basis:40px}.showroom-select select{font-size:10px}}

.showroom-select .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}