*{box-sizing:border-box}html,body{margin:0;background:#070707;color:#eeece5;font-family:Arial,Helvetica,sans-serif}body{min-height:100svh}.back{position:absolute;inset:28px auto auto 4vw;font-size:11px;letter-spacing:.15em;color:#aaa79c;text-decoration:none}main{width:min(1200px,90vw);margin:auto;padding:105px 0 55px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#9d998a}h1{font-weight:400;font-size:clamp(30px,4vw,58px);line-height:1.12;margin:25px 0 75px}.logo-map{position:relative;width:min(100%,1000px);margin:0 auto 70px;isolation:isolate}.logo-map>img{display:block;width:100%;height:auto;pointer-events:none}.logo-zone{position:absolute;left:var(--left);width:var(--width);top:0;height:89%;border:1px solid transparent;border-radius:4px;transition:background .35s,border-color .35s;outline-offset:6px}.logo-zone:hover,.logo-zone:focus-visible{background:#c5b78119;border-color:#c5b781;outline-color:#c5b781}.zone-label{position:absolute;top:calc(100% + 20px);left:50%;transform:translateX(-50%) translateY(-5px);white-space:nowrap;opacity:0;font-size:13px;color:#e0d4ad;transition:opacity .25s,transform .25s;pointer-events:none}.logo-zone:hover .zone-label,.logo-zone:focus-visible .zone-label{opacity:1;transform:translateX(-50%) translateY(0)}.zone-label b{font-weight:400;margin-left:8px}.hint{font-size:12px;color:#8e8b7f;text-align:center;margin:0 0 55px}.map-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 45px}.map-legend a{display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:15px;border-top:1px solid #34332e;padding:18px 0;color:inherit;text-decoration:none;font-size:14px}.map-legend small{font-size:17px;color:#aca17b}.map-legend b{font-weight:400;color:#898575}.map-legend a:hover{color:#d5c795}.map-legend a:focus-visible{outline:1px solid #d5c795;outline-offset:5px}@media(max-width:650px){main{padding-top:95px;width:88vw}h1{font-size:34px;margin-bottom:60px}.logo-map{margin-bottom:60px}.logo-zone{min-height:44px}.zone-label{font-size:11px}.zone-icon .zone-label{left:0;transform:none}.zone-a .zone-label{left:auto;right:0;transform:none}.map-legend{grid-template-columns:1fr 1fr;gap:16px 22px}.map-legend a{grid-template-columns:24px 1fr 12px;gap:8px;font-size:12px}.hint{font-size:11px;line-height:1.6;margin-bottom:35px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Center the original mark; architectural symbols replace letter labels. */
main{width:min(1200px,90vw);padding:0 0 50px}.map-stage{position:relative;height:100svh;min-height:450px;display:flex;align-items:center;justify-content:center}.logo-map{width:min(100%,900px);margin:0;transform:translateY(0)}.map-stage .hint{position:absolute;top:calc(50% + 110px);left:0;right:0;margin:0}.logo-zone{border:0;border-radius:0;background:transparent!important;transition:opacity .3s}.logo-zone:hover,.logo-zone:focus-visible{border:0;background:transparent;outline:none}.logo-zone:focus-visible .zone-label{text-decoration:underline;text-underline-offset:7px}.zone-label{color:#f1efe9}.architecture-icon{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;color:#bbb9ae}.map-legend a:hover .architecture-icon{color:#fff}.map-legend a:hover{color:#fff}.map-legend{padding-bottom:20px}.back{z-index:5}@media(max-width:650px){main{width:88vw;padding-top:0}.logo-map{margin:0}.map-stage .hint{top:calc(50% + 75px)}.architecture-icon{width:23px;height:23px}.map-legend a{grid-template-columns:26px 1fr 12px}}