/* Three-room entry: coordinates use the full 3:2 artwork. */
.atelier-entry{position:relative;isolation:isolate;background:#d3eae4;overflow:hidden}
.atelier-scene{position:relative;width:100%;overflow:hidden}
.atelier-canvas{position:relative;width:100%;aspect-ratio:3/2}
.atelier-canvas>img{width:100%;height:100%;object-fit:contain;max-width:none}
.atelier-copy{position:absolute;z-index:2;top:12%;left:4.5%;width:27%;pointer-events:none}
.atelier-copy .eyebrow{font-size:10px;letter-spacing:.15em}
.atelier-copy h1{font-size:clamp(30px,3.6vw,60px);line-height:1.5;letter-spacing:.035em;margin:24px 0}
.atelier-copy>p:not(.eyebrow){font-size:clamp(12px,1.05vw,17px);line-height:2.1}
.atelier-copy .atelier-guide{margin-top:32px;font-weight:600;letter-spacing:.04em}
.atelier-guide>span{font-size:22px;margin-right:8px;color:#9b663d}
.room-navigation{position:absolute;inset:0}
.room-door{position:absolute;display:flex;align-items:flex-end;justify-content:center;border-radius:45% 45% 20% 20%;transition:background .2s ease;outline-offset:4px}
.room-about{left:57%;top:12%;width:31%;height:31%}
.room-services{left:30%;top:36%;width:32%;height:31%}
.room-portfolio{left:68%;top:52%;width:29%;height:31%}
.room-label{display:block;min-width:164px;padding:12px 22px;background:#fffaf0f2;color:#28493f;border:1px solid #bfa36e;border-radius:50px;text-align:center;box-shadow:0 5px 20px #54402020;transition:transform .2s ease,background .2s ease}
.room-label small{display:block;font-size:9px;letter-spacing:.16em;margin-bottom:5px;color:#806943}
.room-label strong{display:block;font-size:17px;font-weight:600;white-space:nowrap}
.room-label strong span{display:inline-block;margin-left:8px;color:#a06d39}
.room-door:hover{background:#fff5da18}
.room-door:hover .room-label,.room-door:focus-visible .room-label{transform:translateY(-5px);background:#fffdf7;box-shadow:0 8px 26px #54402035}
.atelier-caption{position:absolute;left:4.5%;bottom:4%;font-size:11px;letter-spacing:.1em;color:#49675d}
@media(min-width:1700px){.atelier-copy{top:17%}.atelier-copy h1{font-size:60px}}
@media(max-width:800px){
 .atelier-copy{position:relative;top:auto;left:auto;width:auto;padding:32px 24px 0;pointer-events:auto}
 .atelier-copy .eyebrow{font-size:9px}
 .atelier-copy h1{font-size:32px;line-height:1.5;margin:14px 0}
 .atelier-copy h1 br:nth-of-type(1){display:none}
 .atelier-copy>p:not(.eyebrow){font-size:12px;line-height:1.9}
 .atelier-copy>p:not(.eyebrow):not(.atelier-guide) br:nth-of-type(2){display:none}
 .atelier-copy .atelier-guide{margin:16px 0 0;font-size:12px}
 .atelier-scene{margin-top:8px}
 .atelier-canvas{width:146%;margin-left:-46%}
 .room-label{min-width:0;padding:8px 12px;border-radius:28px;box-shadow:0 3px 9px #54402025}
 .room-label small{font-size:7px;letter-spacing:.08em;margin-bottom:3px}
 .room-label strong{font-size:12px}
 .room-label strong span{margin-left:3px}
 .atelier-caption{position:static;font-size:9px;text-align:center;padding:0 16px 20px;margin:0}
}
@media(prefers-reduced-motion:reduce){.room-door,.room-label{transition:none}}