:root{--wine:#103b65;--wine-deep:#071a32;--wine-light:#245785;--gold:#ddb55e;--gold-light:#f3ddb1;--cream:#f7f3eb;--paper:#fffcf6;--ink:#241f1b;--muted:#776e65;--line:rgba(81,56,43,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.container{max-width:1260px;width:calc(100% - 80px);margin:auto}.section{padding:115px 0}h1,h2,h3,p{margin-top:0}h1,h2,.statement blockquote{font-family:'Be Vietnam Pro',Arial,sans-serif;letter-spacing:-.04em;line-height:1.13}h2{font-size:clamp(35px,4.15vw,64px);font-weight:600}h2 em,h1 em{font-weight:500;color:var(--gold);font-style:italic}.section-kicker{font-size:11px;font-weight:800;letter-spacing:.22em;color:#9b752b;margin-bottom:19px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:43px}.section-top h2{margin:0}.section-top p{max-width:325px;color:var(--muted);line-height:1.9;margin:0}.site-header{position:absolute;top:0;left:0;right:0;z-index:20;height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,65px);color:#fff;border-bottom:1px solid rgba(255,255,255,.19)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:48px;height:49px;border:1.5px solid var(--gold);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.05;color:var(--gold);font-family:Georgia,serif;font-weight:700;font-size:18px}.brand-mark small{letter-spacing:4px;font-size:9px;padding-left:3px}.brand-text{display:flex;flex-direction:column;line-height:1.55}.brand-text strong{font-size:13px;letter-spacing:.07em}.brand-text small{font-size:9px;font-weight:600;letter-spacing:.11em;color:#d8c0a3}.top-nav{display:flex;align-items:center;gap:31px}.top-nav>a{font-weight:600;font-size:12px;transition:color .2s}.top-nav>a:hover{color:var(--gold)}.nav-cta{background:var(--gold);color:var(--wine-deep);border:0;padding:12px 17px;font-weight:800;font-size:12px}.nav-cta span{margin-left:13px}.menu-toggle{display:none;border:1px solid #ffffff73;background:transparent;color:#fff;border-radius:4px;padding:6px 12px;font-size:22px}
.hero{min-height:760px;height:100vh;max-height:1000px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/photos/khong-gian-trung-tam-sa-ban.webp') center 51%/cover no-repeat;filter:saturate(.84) contrast(1.02);animation:hero-breathe 16s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,40,.94) 0%,rgba(8,25,45,.78) 42%,rgba(8,22,40,.13) 100%),linear-gradient(0deg,rgba(8,20,36,.70),transparent 35%)}.hero-content{position:relative;z-index:1;padding-top:65px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.23em;color:var(--gold-light);display:flex;align-items:center;gap:13px}.eyebrow .dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--gold)}.hero-line{width:49px;height:1px;background:var(--gold);margin:24px 0 31px}.hero h1{font-size:clamp(46px,5.55vw,90px);max-width:900px;font-weight:500;margin-bottom:29px}.hero p{max-width:600px;font-size:15px;line-height:2;color:#eee4d8;margin-bottom:32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{min-height:53px;padding:12px 20px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:800;font-size:12px;letter-spacing:.02em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-gold{background:var(--gold);color:#2f1713}.btn-gold:hover{background:#efc97e}.btn-outline{border-color:#ffffff91;color:#fff;background:transparent}.btn-outline:hover{background:#ffffff17}.play-icon{font-size:11px}.hero-meta{margin-top:80px;display:flex;gap:60px;font-size:10px;letter-spacing:.17em;color:#d9c2b6;font-weight:700}.scroll-hint{position:absolute;right:50px;bottom:45px;z-index:2;writing-mode:vertical-rl;display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:.15em;font-weight:700;color:#e3d8c9}.scroll-hint span{font-size:20px}@keyframes hero-breathe{from{transform:scale(1)}to{transform:scale(1.07)}}
.intro{display:grid;grid-template-columns:1.08fr .92fr;gap:110px}.intro h2{margin-bottom:0}.intro-desc{font-size:14px;color:#615750;padding-top:23px}.intro-desc p{line-height:2.15}.notice-small{display:inline-block;margin-top:18px;color:#8b5d22;font-size:10px;letter-spacing:.06em;font-weight:700;background:#e9dcc287;padding:8px 12px}
.tour-preview{background:#eee7d9}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.scene-card{position:relative;display:block;background:#fff;padding:0;border:0;text-align:left;overflow:hidden;transition:transform .25s,box-shadow .25s}.scene-card:hover{transform:translateY(-7px);box-shadow:0 17px 30px #41301d24}.scene-card-image{height:236px;position:relative;overflow:hidden;background:#dacfc0}.scene-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.scene-card:hover img{transform:scale(1.06)}.scene-card-index{position:absolute;top:15px;left:15px;color:#fff;background:#103b65db;padding:3px 11px;font-size:10px;font-weight:700;letter-spacing:.1em}.scene-card-arrow{position:absolute;right:17px;bottom:15px;width:39px;height:39px;display:grid;place-items:center;background:#dbad5b;color:#28140f;font-size:22px}.scene-card-content{padding:19px 22px 22px}.scene-card-content small{color:#a77835;font-size:10px;letter-spacing:.12em;font-weight:700}.scene-card-content h3{font-family:'Be Vietnam Pro',Arial,sans-serif;font-weight:600;font-size:24px;margin:6px 0 2px}.scene-card-content p{color:#77706a;font-size:11px;margin:0}.statement{background:#0c3058;color:#fff;padding:105px 0;text-align:center;position:relative;overflow:hidden}.statement:before{content:'THĐ';position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font:800 280px Georgia,serif;color:#ffffff05}.statement-inner{position:relative}.statement-star{font-size:35px;color:var(--gold)}.statement blockquote{max-width:820px;margin:18px auto 27px;font-size:clamp(31px,4vw,56px);font-style:italic;font-weight:500}.statement-sub{font-size:10px;letter-spacing:.23em;color:#dfbc7d;font-weight:700}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.collection-card{background:#ddd;position:relative;overflow:hidden;border:0;padding:0;min-height:425px;text-align:left;color:#fff}.collection-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,8,11,.94) 0%,transparent 60%,rgba(0,0,0,.20))}.collection-card img{height:425px;width:100%;object-fit:cover;transition:transform .55s}.collection-card:hover img{transform:scale(1.055)}.card-numeral{position:absolute;z-index:2;top:18px;left:21px;color:#fff;border-bottom:1px solid var(--gold);font-size:10px;letter-spacing:.15em;padding-bottom:8px}.collection-label{position:absolute;z-index:2;bottom:22px;left:25px;right:25px;display:flex;flex-direction:column;gap:4px}.collection-label strong{font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:29px;line-height:1.3;font-weight:500;padding-right:42px}.collection-label small{color:#e4d2c9;font-size:10px}.circle-arrow{position:absolute;bottom:0;right:0;display:grid;place-items:center;border:1px solid #ffffff8a;border-radius:50%;width:39px;height:39px;font-size:20px}
.album{background:#faf7f0}.gallery-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.gallery-filters button{border:1px solid #d8cbb9;background:transparent;padding:9px 16px;color:#675c51;font-size:12px;font-weight:700}.gallery-filters button.active,.gallery-filters button:hover{background:var(--wine);border-color:var(--wine);color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.photo-card{background:white;padding:0;border:0;text-align:left;overflow:hidden}.photo-card .photo-img{position:relative;height:175px;overflow:hidden;background:#ddd}.photo-card img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.photo-card:hover img{transform:scale(1.05)}.photo-card .zoom-badge{position:absolute;right:10px;bottom:10px;background:#f5e0b6;color:#2a1916;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;font-size:19px}.photo-caption{padding:15px 14px 18px;display:flex;flex-direction:column;gap:4px}.photo-caption small{font-size:10px;color:#9d7a41;font-weight:800;letter-spacing:.1em}.photo-caption strong{font-size:12px;line-height:1.6;min-height:40px}.cta-band{background:#e8dac3;padding:77px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-inner h2{margin:0}.cta-inner h2 em{color:#8d6328}.cta-band .btn-gold{background:var(--wine);color:#fff}.footer{background:#081b33;padding:30px 0;color:#cab9b4}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px}.footer-brand{font-weight:800;letter-spacing:.12em;color:#fff}.footer-brand i{font-style:normal;color:var(--gold)}.footer a:hover{color:var(--gold)}
/* Tour popup */
body.tour-active,body.modal-active{overflow:hidden}.tour-overlay{position:fixed;inset:0;z-index:1000;background:#071729;color:white;display:none}.tour-overlay.open{display:flex;flex-direction:column}.tour-topbar{height:72px;flex:0 0 72px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#0b213c;border-bottom:1px solid #ffffff2b;gap:12px}.tour-brand{display:flex;align-items:center;gap:10px}.tour-brand-icon{width:40px;height:40px;border:1px solid var(--gold);border-radius:4px;display:grid;place-items:center;font-weight:800;color:var(--gold);font:700 15px Georgia,serif}.tour-brand>span:last-child{display:flex;flex-direction:column;line-height:1.45}.tour-brand strong{font-size:12px;letter-spacing:.06em}.tour-brand small{font-size:9px;letter-spacing:.09em;color:#bf9c8d}.tour-top-actions{display:flex;align-items:center;gap:12px}.tour-preview-badge{font-size:9px;font-weight:800;color:#d7b36f;border:1px solid #d7b36f60;border-radius:2px;padding:5px 8px;letter-spacing:.09em}.icon-btn{border:1px solid #ffffff30;background:#ffffff0c;color:#fff;padding:9px 12px;font-size:14px;font-weight:700}.close-btn{font-size:18px;line-height:18px}.icon-btn:hover{background:#ffffff26}.tour-layout{display:flex;flex:1;min-height:0}.tour-sidebar{flex:0 0 259px;width:259px;min-height:0;background:#0b1b2e;border-right:1px solid #ffffff16;display:flex;flex-direction:column}.sidebar-head{padding:25px 23px 17px;border-bottom:1px solid #ffffff12}.sidebar-head small{font-size:9px;letter-spacing:.15em;color:var(--gold);font-weight:700;display:block}.sidebar-head strong{font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:20px;font-weight:500}.tour-scene-list{overflow:auto;flex:1;padding:10px 10px 20px}.tour-scene-list button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:#c5bab5;padding:9px 8px;border-radius:3px}.tour-scene-list button:hover,.tour-scene-list button.active{background:#214b74;color:#fff}.tour-scene-list img{width:62px;height:47px;object-fit:cover;border-radius:2px}.tour-scene-list button span{font-size:11px;font-weight:700;line-height:1.5}.tour-scene-list button small{display:block;font-size:9px;color:#b6a198;font-weight:500}.tour-side-note{font-size:10px;color:#978882;line-height:1.9;padding:15px 20px;border-top:1px solid #ffffff11}.tour-main{min-width:0;flex:1;display:flex;flex-direction:column;background:#081628}.tour-stage{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#163555,#07111e)}.tour-stage:has(.pnlm-container){display:block}.stage-empty{font-size:13px;color:#c6b3a3}.photo-shell{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.photo-frame{width:min(100%,calc((100vh - 170px) * 1.333333));height:auto;position:relative;flex:none;box-shadow:0 15px 75px #0009;user-select:none;transform-origin:center center;will-change:transform}.photo-frame img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.hotspot{position:absolute;transform:translate(-50%,-50%);border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:1;text-shadow:0 1px 4px #000}.hotspot-circle{width:35px;height:35px;display:grid;place-items:center;border:1px solid #fff;background:#986524e8;box-shadow:0 0 0 7px #e7c37c25;border-radius:50%;font-weight:900;font-size:17px;animation:pulse 3s infinite}.hotspot-label{padding:4px 8px;border-radius:2px;background:#122b48df;font-size:10px;font-weight:700;white-space:nowrap;max-width:170px;text-align:center}.hotspot:hover .hotspot-circle{background:#e0b45e;color:#2b1816}@keyframes pulse{50%{box-shadow:0 0 0 12px #e7c37c07}}.tour-controls{height:85px;flex:0 0 85px;background:#102e4e;display:flex;align-items:center;gap:20px;padding:0 24px;border-top:1px solid #ffffff24}.scene-identity{display:grid;grid-template-columns:auto auto;column-gap:13px;align-items:center;line-height:1.5;flex:1}.scene-identity>span{grid-row:span 2;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.05em;white-space:nowrap}.scene-identity strong{font-size:13px}.scene-identity small{font-size:10px;color:#baaca7}.viewer-actions,.tour-page-actions{display:flex;align-items:center;gap:7px}.viewer-actions button,.tour-page-actions button{height:36px;min-width:36px;border:1px solid #ffffff38;background:#ffffff07;color:#fff;font-size:20px}.viewer-actions button:hover,.tour-page-actions button:hover{background:#9c713c}.tour-page-actions button{width:44px}
/* Info dialog */
.modal-overlay{position:fixed;inset:0;z-index:1100;display:none;align-items:center;justify-content:center;padding:20px;background:#08162adc;backdrop-filter:blur(6px)}.modal-overlay.open{display:flex}.modal-card{width:min(740px,100%);max-height:min(88vh,850px);overflow:auto;background:var(--paper);color:#28201c;box-shadow:0 20px 90px #0008;padding:48px;position:relative}.modal-x{position:absolute;top:16px;right:17px;background:#efe4d2;border:0;color:#301818;width:37px;height:37px;font-size:18px}.modal-eyebrow{color:#a27d3a;font-weight:800;letter-spacing:.15em;font-size:10px}.modal-card h3{font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:clamp(30px,4vw,46px);line-height:1.2;font-weight:500;margin:15px 0}.modal-card p{color:#665e56;line-height:1.95}.modal-primary{margin-top:12px;padding:12px 17px;background:var(--wine);border:0;color:#fff;font-size:12px;font-weight:800}.empty-state{border:1px dashed #d8c6af;background:#f5efe3;padding:22px;margin:20px 0;color:#766958;font-size:12px}.search-input{height:46px;width:100%;padding:0 15px;border:1px solid #d6c7b7;background:white;font-family:inherit;font-size:12px;outline:0}.modal-list{display:grid;gap:8px;margin-top:16px}.result-row{background:#f1e9dc;padding:12px 15px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.result-row strong{font-size:12px}.result-row small{color:#796f64;font-size:10px}.lightbox{display:none;position:fixed;inset:0;z-index:1200;background:#0d0b0bee;color:#fff;align-items:center;justify-content:center;gap:20px;padding:50px}.lightbox.open{display:flex}.lightbox>button{border:1px solid #ffffff46;background:#0b2844e0;color:#fff;min-width:40px;height:40px;font-size:21px}.lightbox #lightbox-close{position:absolute;top:17px;right:20px}.lightbox figure{max-width:min(1050px,calc(100vw - 180px));max-height:calc(100vh - 105px);margin:0;display:flex;align-items:center;flex-direction:column;gap:14px;justify-content:center}.lightbox img{max-height:calc(100vh - 145px);width:auto;object-fit:contain}.lightbox figcaption{font-size:12px;text-align:center;color:#e6d9c5}.pnlm-container{height:100%!important;width:100%!important}
@media(max-width:1100px){.top-nav{gap:17px}.top-nav>a{font-size:11px}.brand-text small{font-size:8px}.brand-text strong{font-size:11px}.scene-grid{grid-template-columns:repeat(2,1fr)}.collection-grid{gap:15px}.collection-label strong{font-size:23px}.tour-sidebar{width:220px;flex-basis:220px}.gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.container{width:calc(100% - 38px)}.section{padding:69px 0}.site-header{height:71px;padding:0 18px}.brand-mark{height:41px;width:40px;font-size:16px}.brand-text strong{font-size:10px}.brand-text small{font-size:7px}.menu-toggle{display:block}.top-nav{display:none;position:absolute;top:71px;left:0;right:0;background:#0b2749;padding:22px;flex-direction:column;align-items:stretch;gap:16px;box-shadow:0 12px 25px #0004}.top-nav.open{display:flex}.top-nav>a{font-size:13px}.hero{height:92svh;min-height:640px;max-height:850px}.hero-shade{background:linear-gradient(90deg,#071a30f2,#0b243da5),linear-gradient(0deg,#081e34a8,transparent)}.hero-content{padding-top:85px}.hero h1{font-size:clamp(44px,10vw,68px)}.hero p{font-size:13px}.hero-meta{flex-direction:column;gap:8px;margin-top:50px;font-size:9px}.scroll-hint{display:none}.intro{display:block}.intro-desc{padding-top:25px}.section-top{display:block;margin-bottom:29px}.section-top p{margin-top:19px}.scene-grid{grid-template-columns:1fr;gap:15px}.scene-card-image{height:225px}.collection-grid{grid-template-columns:1fr}.collection-card,.collection-card img{height:345px;min-height:345px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.photo-card .photo-img{height:135px}.photo-caption{padding:10px}.photo-caption strong{font-size:10px}.statement{padding:75px 0}.statement blockquote{font-size:32px}.cta-inner{display:block}.cta-inner .btn{margin-top:30px}.footer-inner{flex-direction:column;text-align:center}.tour-topbar{height:63px;flex-basis:63px;padding:0 12px}.tour-brand-icon{width:33px;height:33px;font-size:12px}.tour-brand strong{font-size:9px}.tour-brand small{font-size:7px}.tour-preview-badge{display:none}.tour-top-actions{gap:5px}.icon-btn{padding:6px 9px}.icon-btn span{display:none}.tour-sidebar{position:absolute;z-index:9;top:63px;bottom:0;left:0;transform:translateX(-105%);transition:transform .25s;width:80vw;max-width:300px;background:#0b1b2e;box-shadow:8px 0 30px #0007}.tour-sidebar.open{transform:translateX(0)}.tour-main{width:100%}.tour-controls{height:77px;flex-basis:77px;padding:0 10px;gap:6px}.scene-identity{column-gap:6px}.scene-identity>span{font-size:9px}.scene-identity strong{font-size:10px}.scene-identity small{font-size:9px}.viewer-actions{gap:3px}.viewer-actions button{min-width:29px;height:33px;font-size:17px}.tour-page-actions{gap:2px}.tour-page-actions button{width:31px;min-width:31px;height:33px;font-size:17px}.photo-frame{width:100%!important}.hotspot-circle{height:26px;width:26px;font-size:12px;box-shadow:0 0 0 3px #e7c37c25}.hotspot-label{font-size:8px;padding:3px 5px;max-width:100px;white-space:normal;line-height:1.4}.modal-card{padding:46px 19px 25px}.lightbox{padding:15px;gap:5px}.lightbox figure{max-width:calc(100vw - 105px)}.lightbox>button{min-width:33px;width:33px;height:33px;font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Cập nhật ảnh và trải nghiệm xem ảnh bản mới */
.scene-card-image img{object-position:center 34%}
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-grid .photo-img{height:230px}
.photo-frame img{object-fit:fill}
@media(max-width:1100px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.gallery-grid .photo-img{height:145px}.hotspot-label{max-width:98px}}
@media(max-width:380px){.tour-brand small{display:none}.hotspot-label{max-width:72px}}


/* ===== v3 · Vùng tương tác ẩn, nhận diện trường và hệ chữ Be Vietnam Pro ===== */
.brand-logo {width:45px;height:54px;object-fit:contain;flex:none;display:block;background:#fff;border-radius:3px;padding:2px;box-shadow:0 2px 13px #0002}
.tour-brand-logo {width:38px;height:48px;object-fit:contain;flex:none;display:block;background:#fff;border-radius:2px;padding:2px}
.footer-logo {height:39px;width:32px;object-fit:contain;vertical-align:middle;margin-right:8px;border-radius:2px;background:#fff}
.footer-brand {display:flex;align-items:center;gap:7px}
/* Editorial Vietnamese typography: one coherent font across the whole experience. */
h1,h2,h3,.section-top h2,.intro-title h2,.statement blockquote,.cta-band h2,.modal-card h3,.sidebar-head strong,.collection-label strong {font-family:'Be Vietnam Pro',Arial,sans-serif;letter-spacing:-.045em;font-weight:700}
h1 em,h2 em,.statement blockquote em {font-family:inherit;font-weight:600;letter-spacing:inherit}
.hero h1 {font-weight:700;line-height:1.19}
.section-top h2,.intro-title h2 {line-height:1.29}
/* No marker or label sits permanently over an exhibit. Actual image regions are buttons. */
.hotspot-zone {position:absolute;display:block;margin:0;padding:0;border:1px solid transparent;background:transparent;z-index:3;cursor:pointer;appearance:none;outline-offset:-3px;border-radius:5px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.hotspot-zone:hover,.hotspot-zone:focus-visible {background:rgba(255,211,107,.12);border-color:rgba(255,241,201,.83);box-shadow:inset 0 0 16px rgba(255,209,110,.08),0 0 0 1px rgba(46,35,12,.25)}
.hotspot-zone:focus-visible {outline:2px solid #fff8e5;outline-offset:-4px}
.photo-frame.reveal-zones .hotspot-zone {background:rgba(240,203,123,.08);border-color:rgba(245,209,133,.62);box-shadow:inset 0 0 26px rgba(255,216,146,.13)}
.zone-tooltip {position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,4px);opacity:0;visibility:hidden;pointer-events:none;min-width:max-content;max-width:200px;background:rgba(7,22,43,.95);border:1px solid rgba(234,203,132,.38);color:#fff;padding:8px 11px;line-height:1.5;font:600 11px/1.5 'Be Vietnam Pro',Arial,sans-serif;white-space:normal;text-align:center;box-shadow:0 5px 18px #0006;transition:opacity .16s ease,transform .16s ease;z-index:10;border-radius:3px}
.hotspot-zone:hover .zone-tooltip,.hotspot-zone:focus-visible .zone-tooltip {opacity:1;visibility:visible;transform:translate(-50%,0)}
.zone-hint-toggle {display:flex;align-items:center;gap:6px;border:1px solid rgba(240,210,152,.4);background:transparent;color:#e4dacb;border-radius:3px;padding:7px 10px;font:600 11px/1.2 'Be Vietnam Pro',Arial,sans-serif;cursor:pointer;white-space:nowrap}
.zone-hint-toggle span:first-child {font-size:17px;line-height:1}
.zone-hint-toggle[aria-pressed="true"] {background:#d6ae62;color:#0c233a;border-color:#d6ae62}
.zone-hint-toggle[hidden] {display:none!important}
.zone-hint-toggle:hover {border-color:#f2d69a}
.tour-side-note {font-size:11px;color:#c8bbaa;line-height:1.75}
@media(max-width:760px){.brand-logo{width:36px;height:44px}.tour-brand-logo{width:30px;height:37px}.zone-hint-toggle{padding:5px 7px}.zone-hint-toggle .zone-hint-text{display:none}.zone-tooltip{font-size:10px;max-width:120px;min-width:0}.hotspot-zone:hover{border-color:rgba(255,240,208,.5)}.tour-top-actions{gap:6px}}


/* ===== V4: Compact visible info pins · No labels over the exhibition image ===== */
.hotspot-zone {
  display: block;
  border: 0;
  border-radius: 3px;
  background: transparent;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color .18s ease;
}
.hotspot-zone:hover {background: rgba(255, 237, 189, .065);border:0;box-shadow:none}
.hotspot-zone:focus-visible {background: rgba(255, 237, 189, .09);outline:2px solid #f4d493;outline-offset:-2px}
.hotspot-zone .hotspot-pin {
  position: absolute;
  left: var(--pin-x,50%);
  top: var(--pin-y,50%);
  transform: translate(-50%,-50%);
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255,235,185,.88);
  border-radius: 50%;
  background: rgba(20,37,56,.83);
  box-shadow: 0 2px 9px rgba(0,0,0,.31), inset 0 0 0 1px rgba(255,255,255,.06);
  color: #fff7e9;
  display:grid;
  place-items:center;
  font: 700 14px/1 'Be Vietnam Pro',Arial,sans-serif;
  text-shadow: 0 1px 2px rgba(0,0,0,.4);
  pointer-events:none;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.hotspot-zone:hover .hotspot-pin,.hotspot-zone:focus-visible .hotspot-pin {
  transform: translate(-50%,-50%) scale(1.15);
  background: rgba(11,39,67,.98);
  border-color: #f4d493;
  box-shadow: 0 0 0 4px rgba(255,218,151,.16),0 3px 12px rgba(0,0,0,.35);
}
/* The scene arrows remain visible in the lower image navigation bar. */
.tour-page-actions button {border-radius: 4px; border-color: rgba(227,198,138,.55);background:rgba(232,200,141,.10);transition:background .15s ease}
.tour-page-actions button:hover,.tour-page-actions button:focus-visible {background:#d8af69;color:#081c2e}
@media(max-width:760px){
  .hotspot-zone .hotspot-pin {width:20px;height:20px;font-size:11px;box-shadow:0 2px 6px rgba(0,0,0,.32)}
  .tour-page-actions button {min-width:35px;width:35px;height:35px}
}