.guide{padding:0 0 34px;background:#141411;color:#e6e0d5}
.guide .dark-header{position:absolute;z-index:30;height:88px;padding-inline:4vw;background:linear-gradient(180deg,rgba(13,13,11,.88),rgba(13,13,11,.2));border-color:rgba(224,199,151,.18)}
.guide-hero{height:min(63vw,690px);min-height:520px;position:relative;background-image:linear-gradient(90deg,rgba(13,12,10,.66),rgba(13,12,10,.08) 48%,rgba(13,12,10,.15)),linear-gradient(0deg,rgba(12,12,10,.7),transparent 28%),url('./assets/foyer-360.png');background-size:cover;background-position:center;overflow:hidden}
.guide-hero:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 100px rgba(0,0,0,.38);pointer-events:none}
.guide-hero-copy{position:absolute;z-index:2;left:4.5vw;top:26%;max-width:310px;padding:28px 30px;border-left:1px solid rgba(226,191,130,.35);background:linear-gradient(90deg,rgba(16,15,12,.55),transparent);backdrop-filter:blur(2px)}
.guide-hero-copy .eyebrow{color:#c6aa79}.guide-hero-copy h2{font:400 clamp(38px,4.1vw,66px)/1.18 var(--song);letter-spacing:.1em;margin:24px 0 20px}.guide-hero-copy>p:not(.eyebrow){font:13px/2 var(--song);color:#c4beb2;letter-spacing:.1em}.guide-hero-copy>button{margin-top:20px;color:#dec38f;font:12px var(--song);letter-spacing:.14em}.guide-hero-copy>button b{margin-left:14px;font-size:18px}.water-caption{position:absolute;z-index:2;bottom:64px;left:50%;transform:translateX(-50%);font:15px var(--song);letter-spacing:.24em;text-shadow:0 2px 12px #000}.hero-enter{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);width:42px;height:42px;border:1px solid rgba(235,205,151,.7);border-radius:50%;color:#e2c38a;font-size:18px;background:rgba(20,19,16,.42);backdrop-filter:blur(5px)}
.guide-section-head{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.35fr .55fr .8fr;border-inline:1px solid rgba(215,194,152,.16);border-bottom:1px solid rgba(215,194,152,.16)}.guide-section-head>div{padding:28px 32px;border-right:1px solid rgba(215,194,152,.16)}.guide-section-head>div:last-child{border:0}.guide-section-head span{font:15px var(--song);letter-spacing:.1em}.guide-section-head small{display:block;margin-top:7px;color:#786f61;font:8px Arial;letter-spacing:.18em}
.guide-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.35fr .55fr .8fr;border-block:0;border-inline:1px solid rgba(215,194,152,.16)}
.map-card{padding:28px 34px 24px;border-right:1px solid rgba(215,194,152,.16);background:radial-gradient(circle at 50% 42%,rgba(142,102,55,.14),transparent 58%)}.map-head{color:#9d907d}.floor-map{height:410px;transform:perspective(780px) rotateX(55deg) rotateZ(-1deg) scale(.88);margin:-16px 0 -14px;filter:drop-shadow(0 28px 18px rgba(0,0,0,.5))}.room{background:linear-gradient(155deg,#3a3329,#1b1916 65%);border-color:#71614c;box-shadow:inset 0 0 20px rgba(211,171,106,.07),0 7px 0 #0d0c0a;color:#d6c7ad}.room:hover{background:#6f3b2d;border-color:#d0a464}.room .room-num{color:#d5a65f}.map-legend{color:#81786b}
.visit-route{padding:34px 28px;border-right:1px solid rgba(215,194,152,.16)}.visit-route ol{margin:0;padding:0;list-style:none}.visit-route li{display:flex;align-items:center;gap:14px;position:relative;min-height:47px}.visit-route li:not(:last-child):after{content:"↓";position:absolute;left:10px;bottom:-4px;color:#806d50;font-size:10px}.visit-route i{width:22px;height:22px;border-radius:50%;background:#a94635;color:#f1e6d4;font:normal 10px Arial;display:grid;place-items:center}.visit-route button{font:12px var(--song);letter-spacing:.09em;color:#c9c0b2}.visit-route button:hover{color:#e7bf7b}
.collection-stats{padding:25px 32px;display:grid;grid-template-columns:1fr 1fr;gap:0}.collection-stats .section-label,.collection-stats .outline-button{grid-column:1/-1}.stat{min-height:104px;padding:17px 12px;border-top:1px solid rgba(215,194,152,.17)}.stat:nth-of-type(odd){border-left:1px solid rgba(215,194,152,.17);padding-left:22px}.stat strong{color:#dfb676;font-size:31px;width:76px}.stat span{color:#d5c9b5}.outline-button{border-color:#685b47;color:#d9c4a1;margin-top:14px}
.hall-strip-label{max-width:1500px;margin:34px auto 12px;display:flex;align-items:baseline;gap:15px}.hall-strip-label span{font:16px var(--song);letter-spacing:.12em}.hall-strip-label small{font:8px Arial;color:#746d61;letter-spacing:.16em}
.hall-list{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border:0}.hall-entry{position:relative;min-height:180px;border:1px solid #39362f;padding:14px;overflow:hidden;background-image:linear-gradient(0deg,rgba(11,11,9,.88),rgba(11,11,9,.05) 70%),url('./assets/foyer-360.png');background-size:600% auto;color:#eee;box-shadow:0 8px 20px rgba(0,0,0,.2)}.hall-entry:nth-child(1){background-position:48% center}.hall-entry:nth-child(2){background-position:36% center;filter:sepia(.14)}.hall-entry:nth-child(3){background-position:25% center;filter:grayscale(.35)}.hall-entry:nth-child(4){background-position:69% center;filter:sepia(.28)}.hall-entry:nth-child(5){background-position:80% center}.hall-entry:nth-child(6){background-position:52% center;filter:saturate(.65)}.hall-entry:nth-child(7){background-position:91% center}.hall-entry:hover{background-color:transparent;transform:translateY(-6px);border-color:#c99d5d}.hall-entry small{color:#c8ad7d}.hall-entry span{font-size:9px;color:#a89d8c}.hall-entry i{position:absolute;right:12px;top:12px}.guide .dark-header nav button{color:#b6aa98}.guide .dark-header nav .nav-active{color:#eadfcf;border-color:#c79a59}
@media(max-width:1000px){.guide-hero{height:650px}.guide-section-head{display:none}.guide-grid{grid-template-columns:1fr}.map-card,.visit-route{border-right:0;border-bottom:1px solid rgba(215,194,152,.16)}.visit-route ol{display:grid;grid-template-columns:repeat(2,1fr)}.visit-route li:after{display:none}.collection-stats{grid-template-columns:repeat(2,1fr)}.hall-list{grid-template-columns:repeat(2,1fr);padding-inline:20px}.hall-entry:last-child{grid-column:auto}.hall-strip-label{padding-inline:20px}}
@media(max-width:600px){.guide-hero{min-height:620px;background-position:55% center}.guide-hero-copy{left:20px;right:20px;top:24%;max-width:none}.guide-hero-copy h2{font-size:44px}.floor-map{height:330px}.collection-stats{padding-inline:18px}.stat{display:block}.stat strong{display:block}.hall-list{grid-template-columns:1fr 1fr}.hall-entry{min-height:145px}}