body[data-page="location"] .site-header,body[data-page="location"] .site-header.is-scrolled{background:rgba(52,41,105,.96)}
html[data-theme="dark"] body[data-page="location"] .site-header,html[data-theme="dark"] body[data-page="location"] .site-header.is-scrolled{background:rgba(37,27,79,.97)}

body[data-page="location"] .location-hero{--location-scene-height:112svh;position:relative;isolation:isolate;min-height:var(--location-scene-height);padding:0;overflow:hidden;background:#5b4eaa;color:#fff}
body[data-page="location"] .location-hero:before,body[data-page="location"] .location-hero-glow{display:none}
body[data-page="location"] .location-hero:after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:16vh;background:linear-gradient(180deg,transparent 0%,rgba(114,85,168,.18) 45%,#eee7f7 100%);pointer-events:none}
body[data-page="location"] .location-scene{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
body[data-page="location"] .location-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center -90px;filter:contrast(1.06) saturate(1.04)}
body[data-page="location"] .location-foreground{position:absolute;z-index:1;top:calc(var(--location-scene-height) - clamp(260px,30vw,390px));left:0;width:100%;pointer-events:none;transform:translate3d(0,var(--location-front-shift,0px),0);will-change:transform}
body[data-page="location"] .location-foreground img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 82%,transparent 100%)}
body[data-page="location"] .location-hero-content{position:relative;z-index:3;display:flex;flex-direction:column;min-height:var(--location-scene-height);padding-top:clamp(160px,22vh,205px);padding-bottom:150px}
body[data-page="location"] .location-hero .breadcrumb{position:absolute;top:clamp(124px,17vh,155px);left:0;margin:0;color:#e5ddfa;font-size:.75rem}
body[data-page="location"] .location-hero .breadcrumb a{color:#f4efff}
body[data-page="location"] .location-hero-copy{width:100%;max-width:none;margin:0;text-align:center}
body[data-page="location"] .location-hero h1{max-width:none;margin:0;color:#e9e4ff;font-family:var(--font-display);font-size:clamp(4.8rem,9.4vw,9rem);font-weight:500;line-height:1.18;letter-spacing:-.045em;text-shadow:0 4px 25px rgba(48,34,122,.18);white-space:nowrap}
body[data-page="location"] .location-hero-copy>p{max-width:700px;margin:8px auto 0;color:#f3edff;font-size:clamp(.95rem,1.25vw,1.15rem);font-weight:400;line-height:1.75;text-shadow:0 2px 12px rgba(47,31,101,.35)}
body[data-page="location"] .location-hero-actions{justify-content:center;margin-top:24px}
body[data-page="location"] .location-button{min-height:48px;padding:11px 20px;border-radius:999px;box-shadow:0 9px 25px rgba(42,26,103,.17)}
body[data-page="location"] .location-button-primary{background:#f9f6ff;color:#302a52}
body[data-page="location"] .location-button-primary:hover{background:#fff;color:#302a52}
body[data-page="location"] .location-button-ghost{border:1px solid rgba(255,255,255,.62);background:rgba(60,43,129,.26);color:#fff;backdrop-filter:blur(8px)}
body[data-page="location"] .location-button-ghost:hover{background:rgba(60,43,129,.46);color:#fff}
body[data-page="location"] .location-hero-meta{position:absolute;top:clamp(445px,63vh,610px);left:0;right:0;display:flex;justify-content:space-between;gap:20px;color:#f5f0ff;font-size:.76rem;font-weight:500;text-shadow:0 2px 10px rgba(42,27,90,.45)}
body[data-page="location"] .location-scroll-cue{position:absolute;z-index:4;bottom:24px;left:50%;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translateX(-50%);color:#43346c;font:700 .65rem Manrope,'IBM Plex Sans Thai',sans-serif;letter-spacing:.13em;white-space:nowrap}
body[data-page="location"] .location-scroll-cue b{font-size:1.35rem;font-weight:400}

body[data-page="location"] .location-quick-section{z-index:3;margin-top:0;padding:0 0 50px;background:linear-gradient(180deg,#eee7f7,#f7f4fc)}
body[data-page="location"] .location-quick-grid{transform:translateY(-33px);margin-bottom:-33px}
body[data-page="location"] .location-quick-card{border:1px solid #e4dcf1;border-radius:20px;background:rgba(255,255,255,.9);color:#342a58;box-shadow:0 17px 42px rgba(68,48,132,.11);backdrop-filter:blur(14px)}
body[data-page="location"] .location-quick-card:hover{border-color:#bfaee2;color:#342a58;box-shadow:0 23px 50px rgba(68,48,132,.17)}
body[data-page="location"] .location-quick-card>span,body[data-page="location"] .location-quick-card:nth-child(2)>span,body[data-page="location"] .location-quick-card:nth-child(3)>span{background:#f1eafa;color:#7460ad}
body[data-page="location"] .location-quick-card small{color:#887aa3}
body[data-page="location"] .location-card-arrow{color:#a38dca}

body[data-page="location"] .location-map-section{background:linear-gradient(180deg,#f7f4fc,#fff 75%)}
body[data-page="location"] .location-section-heading h2,body[data-page="location"] .location-arrival h2{color:#342a58;font-family:'IBM Plex Sans Thai',sans-serif;font-weight:500}
body[data-page="location"] .location-section-heading>p,body[data-page="location"] .location-arrival p{color:#746a89}
body[data-page="location"] .mini-label{color:#8a72bd}
body[data-page="location"] .location-map-card,body[data-page="location"] .location-arrival{border-color:#e3dcf0;border-radius:24px;box-shadow:0 24px 60px rgba(69,49,125,.09)}
body[data-page="location"] .location-map-badge{border-radius:16px;background:rgba(49,38,105,.89)}
body[data-page="location"] .location-map-badge>span{background:#9a73ce}
body[data-page="location"] .location-map-badge small{color:#e6d9ff}
body[data-page="location"] .location-map-footer a,body[data-page="location"] .location-inline-link{color:#7053ad}
body[data-page="location"] .location-arrival-photo{position:relative;overflow:hidden;margin:0 0 27px;border-radius:17px;background:#e9e1f5}
body[data-page="location"] .location-arrival-photo picture,body[data-page="location"] .location-arrival-photo img{display:block;width:100%;height:190px;object-fit:cover}
body[data-page="location"] .location-arrival-photo figcaption{position:absolute;left:12px;bottom:12px;padding:8px 12px;border-radius:999px;background:rgba(46,37,95,.82);color:#fff;font-size:.72rem;backdrop-filter:blur(9px)}
body[data-page="location"] .location-arrival li{border-color:#e8e0f1}
body[data-page="location"] .location-arrival li>b{border-radius:12px;background:#f1eafa;color:#755ba9}

body[data-page="location"] .location-campus-section{background:#fff}
body[data-page="location"] .location-campus-card{border-radius:25px;background:linear-gradient(115deg,rgba(40,35,94,.96),rgba(78,55,145,.86)),url('../images/dreamscape-continuous.webp') center 30%/cover no-repeat;box-shadow:0 25px 60px rgba(53,39,121,.2)}
body[data-page="location"] .location-campus-card small{color:#e6d3ff}
body[data-page="location"] .location-contact-card{border-color:#e6dbee;border-radius:25px;background:linear-gradient(110deg,#f9f5ff,#f1e8f9)}
body[data-page="location"] .location-contact-card>span{color:#805caf}
body[data-page="location"] .location-contact-card small{color:#7a59ad}
body[data-page="location"] .location-button-light{border-color:#d9c8ea;color:#694e9d}
body[data-page="location"] .location-button-light:hover{background:#7757ab;color:#fff}

@media(max-width:980px){body[data-page="location"] .location-hero-content{padding-top:clamp(170px,24vh,215px)}body[data-page="location"] .location-hero h1{font-size:clamp(4.5rem,11vw,8rem)}body[data-page="location"] .location-hero-meta{top:auto;bottom:116px}}
@media(max-width:650px){body[data-page="location"] .location-hero-content{padding-top:155px;padding-bottom:170px}body[data-page="location"] .location-hero .breadcrumb{top:93px;font-size:.67rem}body[data-page="location"] .location-hero h1{font-size:clamp(3.25rem,13vw,5.4rem);white-space:normal}body[data-page="location"] .location-hero-copy>p{font-size:.91rem}body[data-page="location"] .location-hero-actions{display:flex;gap:9px}body[data-page="location"] .location-button{min-height:43px;padding:10px 14px;font-size:.79rem}body[data-page="location"] .location-hero-meta{bottom:108px;flex-direction:column;align-items:center;gap:3px;text-align:center;font-size:.69rem}body[data-page="location"] .location-foreground{top:calc(100svh - 160px);left:-25%;width:150%}body[data-page="location"] .location-scroll-cue{bottom:21px}body[data-page="location"] .location-quick-grid{transform:translateY(-20px);margin-bottom:-20px}body[data-page="location"] .location-arrival-photo picture,body[data-page="location"] .location-arrival-photo img{height:170px}}
@media(max-width:650px){body[data-page="location"] .location-hero{--location-scene-height:108svh}body[data-page="location"] .location-foreground{top:calc(var(--location-scene-height) - 160px)}}
@media(prefers-reduced-motion:reduce){body[data-page="location"] .location-foreground{transform:none;will-change:auto}}
html[data-theme="dark"] body[data-page="location"] .location-quick-section,html[data-theme="dark"] body[data-page="location"] .location-map-section{background:linear-gradient(180deg,#241d3e,#1b1830)}
html[data-theme="dark"] body[data-page="location"] .location-quick-card,html[data-theme="dark"] body[data-page="location"] .location-map-card,html[data-theme="dark"] body[data-page="location"] .location-arrival,html[data-theme="dark"] body[data-page="location"] .location-contact-card{border-color:#514667;background:#302945;color:#f1ecfa}
html[data-theme="dark"] body[data-page="location"] .location-section-heading h2,html[data-theme="dark"] body[data-page="location"] .location-arrival h2{color:#f1eafa}