/* A&N Overseas — responsive About, Vision and Management v2 / 2026-11-06.
   Kept separate to avoid changing existing university, admin and homepage styles. */
html:has(body.an-about-locked){height:auto!important;overflow:visible!important;scroll-behavior:smooth!important}
body.an-about-locked{display:block!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:visible!important;background:#090a0e!important}
body.an-about-locked .top{position:sticky!important;top:0!important}
body.an-about-locked .an-updates-bar{position:relative!important}
body.an-about-locked #app{display:block!important;flex:none!important;min-height:0!important;height:auto!important;overflow:visible!important}
body.an-about-locked .footer{display:block!important}
body.an-about-locked #app>.an-about-fixed{display:flex!important;flex-direction:column!important;width:100%!important;max-width:1230px!important;height:auto!important;min-height:0!important;grid-template-rows:none!important;gap:25px!important;overflow:visible!important;padding:30px 23px 55px!important}
#app .an-about-v2 .an-about-summary{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0!important;display:block!important;justify-content:initial!important;border:0!important;background:none!important;box-shadow:none!important}
#app .an-about-v2 .an-about-summary:before{display:none!important}
#app .an-about-v2 .an-about-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}
#app .an-about-v2 .an-about-half{position:relative;min-width:0;min-height:280px;padding:27px clamp(20px,2.6vw,35px);border:1px solid #9b5d25;border-radius:20px;background:linear-gradient(137deg,#202128,#101218 65%,#0b0c10);box-shadow:0 15px 45px #0005;overflow:hidden}
#app .an-about-v2 .an-about-half:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ff7514,#ffc25e,transparent)}
#app .an-about-v2 .an-about-eyebrow{font-weight:850;font-size:11px!important;letter-spacing:1.3px}
#app .an-about-v2 .an-about-summary h1{font-size:clamp(22px,2.7vw,35px)!important;line-height:1.12!important;margin:11px 0 14px!important;letter-spacing:-.45px!important}
#app .an-about-v2 .an-about-half h2{font-size:clamp(30px,3.7vw,48px);line-height:1.06;margin:10px 0 17px;color:#fff;font-weight:950;letter-spacing:-1px}
#app .an-about-v2 .an-about-half h2 span{color:#ff831e}
#app .an-about-v2 .an-about-half p,#app .an-about-v2 .an-about-half #an-about-intro{color:#e9e9ed!important;display:block!important;max-width:none!important;max-height:none!important;-webkit-line-clamp:unset!important;overflow:visible!important;font-size:clamp(13px,1.2vw,15px)!important;line-height:1.65!important;margin:8px 0 15px!important}
#app .an-about-v2 .an-about-half p strong{color:#fff}
#app .an-about-v2 .an-about-proof{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:14px 0 10px!important}
#app .an-about-v2 .an-about-proof-card{display:inline-flex!important;min-width:0;flex:0 1 auto!important;flex-direction:row!important;align-items:center;gap:5px!important;padding:5px 8px!important;border:1px solid #73502c;border-left:2px solid #ff831e;border-radius:8px;background:#15161c}
#app .an-about-v2 .an-about-proof-card strong{font-size:12px!important;color:#ff9c35!important}
#app .an-about-v2 .an-about-proof-card span{font-size:9px!important;font-weight:750;color:#e9e7e4!important;letter-spacing:.15px}
#app .an-about-v2 .an-about-locations{margin-top:10px;gap:5px!important}
#app .an-about-v2 .an-about-locations span{font-size:10px!important;background:#17191e!important;padding:5px 7px!important}
#app .an-about-v2 .an-about-vision-panel{display:flex;flex-direction:column;justify-content:center}
#app .an-about-v2 .an-about-vision-panel .an-about-eyebrow,#app .an-about-v2 .an-about-vision-panel h2{text-align:center}
#app .an-about-v2 .an-about-vision-panel .an-about-readmore{align-self:center}
#app .an-about-v2 .an-vision-glow{position:absolute;right:-85px;top:-85px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#ff811a27,transparent 65%);pointer-events:none}
#app .an-about-v2 .an-about-readmore{display:inline-flex;gap:12px;align-items:center;justify-content:center;margin-top:14px;padding:12px 20px!important;border-radius:11px!important;font-size:12px!important;color:#111!important;background:linear-gradient(110deg,#ffbe58,#ff7b13)!important;border:0!important;font-weight:900!important;letter-spacing:.4px;white-space:normal!important}
#app .an-about-v2 .an-about-readmore:hover{filter:brightness(1.12)}
#app .an-about-v2 .an-about-management{display:flex!important;flex-direction:column!important;gap:0;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:25px clamp(17px,3vw,34px)!important;background:linear-gradient(135deg,#1c1e25,#101116 68%,#0c0e13)!important;border:1px solid #89511e!important;border-radius:21px!important;box-shadow:0 12px 45px #0005}
#app .an-about-v2 .an-manager-heading{margin-bottom:15px!important;align-items:center}
#app .an-about-v2 .an-manager-heading h2{font-size:clamp(23px,3vw,34px)!important;letter-spacing:-.2px!important;margin:0}
#app .an-about-v2 .an-manager-card{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;flex:none!important;overflow:visible!important;padding:20px!important;border:1px solid #6d482d!important;border-radius:17px!important;background:linear-gradient(125deg,#15171e,#101217 72%,#201609)!important}
#app .an-about-v2 .an-manager-main{display:grid!important;grid-template-columns:minmax(235px,37%) minmax(0,1fr)!important;gap:clamp(20px,3vw,38px)!important;align-items:center!important;min-height:365px!important;height:auto!important;max-height:none!important;flex:none!important;overflow:visible!important}
#app .an-about-v2 .an-manager-photo-box{width:100%;height:auto!important;max-width:none!important;min-height:0!important;display:block!important}
#app .an-about-v2 .an-manager-photo-button{width:100%;height:auto;display:block;background:none;border:0;padding:0;cursor:zoom-in}
#app .an-about-v2 .an-manager-photo{height:auto!important;width:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:4/4.6;object-fit:cover!important;object-position:center 25%!important;border:1px solid #b87d3a!important;border-radius:14px!important;box-shadow:0 18px 45px #0009}
#app .an-about-v2 .an-manager-information{display:flex!important;flex-direction:column!important;gap:19px!important;min-width:0!important;min-height:0!important;max-height:none!important;height:auto!important;align-items:stretch!important;justify-content:center!important;overflow:visible!important;padding:4px 0!important}
#app .an-about-v2 .an-manager-name-box{display:block;border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
#app .an-about-v2 .an-manager-name-box h3{font-size:clamp(28px,3.8vw,46px)!important;color:#fff!important;line-height:1.09!important;font-weight:950!important;letter-spacing:-.9px;margin:6px 0 0!important;overflow-wrap:anywhere}
#app .an-about-v2 .an-manager-label{color:#ff9736!important;font-size:11px!important;letter-spacing:1.35px;font-weight:900;text-transform:uppercase}
#app .an-about-v2 .an-manager-position{padding-left:15px;border-left:3px solid #ff8e22}
#app .an-about-v2 .an-manager-position strong{display:block;font-size:clamp(18px,2.4vw,29px);font-weight:900;color:#fff;line-height:1.2;margin:5px 0 0}
#app .an-about-v2 .an-manager-support{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
#app .an-about-v2 .an-manager-support p{color:#dfe0e7!important;font-size:clamp(13px,1.3vw,16px)!important;line-height:1.65!important;margin:7px 0 0;white-space:normal!important;max-height:none!important;overflow:visible!important;display:block!important;-webkit-line-clamp:unset!important}
#app .an-about-v2 .an-manager-contacts{display:flex;gap:11px;flex-wrap:wrap;align-items:stretch}
#app .an-about-v2 .an-manager-contact{display:inline-flex;align-items:center;gap:11px;min-width:0;flex:1 1 180px;padding:12px 14px;border-radius:12px;border:1px solid #705032;background:#202026;color:#fff!important;text-decoration:none}
#app .an-about-v2 .an-manager-contact svg{width:26px;height:26px;flex:none;fill:currentColor}
#app .an-about-v2 .an-manager-contact svg.an-wa{color:#3fd68a}
#app .an-about-v2 .an-manager-contact svg.an-mail{color:#ffae51}
#app .an-about-v2 .an-manager-contact small{display:block;color:#ffae51;font-size:10px;letter-spacing:.8px;font-weight:800}
#app .an-about-v2 .an-manager-contact b{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.3;font-weight:700}
#app .an-about-v2 a.an-manager-contact:hover{border-color:#ff971f;background:#29221e}
#app .an-about-v2 .an-manager-contact.an-contact-unavailable{opacity:.7;cursor:default}
#app .an-about-v2 .an-manager-trust{display:none!important}
#app .an-about-v2 .an-manager-actions{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin-top:0!important}
#app .an-about-v2 .an-manager-actions .an-manager-action{display:inline-flex!important;padding:11px 17px!important;min-height:40px!important;font-size:11px!important;line-height:1.2!important;white-space:normal!important;flex:none!important}
#app .an-about-v2 .an-manager-controls{display:flex!important;flex:0 0 auto!important;align-items:center!important;margin-top:15px!important;padding-top:14px!important;border-top:1px solid #5d3c26!important}
#app .an-about-v2 .an-manager-controls button{width:46px!important;height:39px!important;font-size:27px!important}
#app .an-about-v2 .an-manager-counter{font-size:13px}
#app .an-about-v2 .an-manager-empty{min-height:200px}

/* Detailed About page — long-form editorial experience, not a fixed viewport. */
#app .an-about-long{max-width:1170px;padding-top:25px;padding-bottom:90px;min-height:1000px}
#app .an-about-long .an-story-hero{padding:38px clamp(18px,4vw,54px);border:1px solid #87552d;border-radius:22px;background:linear-gradient(90deg,#11131aea,#16151bcc),url('assets/malaysia-skyline-clean.jpg') center/cover;position:relative;overflow:hidden}
#app .an-about-long .an-story-logo{width:180px;max-height:86px;object-fit:contain;object-position:left}
#app .an-about-long .an-story-eyebrow{display:block;margin:22px 0 8px;letter-spacing:1.7px;color:#ff9c30;font-size:11px;font-weight:900}
#app .an-about-long .an-story-hero h1{font-size:clamp(33px,5vw,63px);line-height:1.08;color:#fff;margin:5px 0 12px;max-width:850px}
#app .an-about-long .an-story-hero h1 em{font-style:normal;color:#ff8c20}
#app .an-about-long .an-story-hero p{max-width:750px;color:#e9ebf1;font-size:clamp(14px,1.6vw,18px);line-height:1.7}
#app .an-about-long .an-story-index{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 28px}
#app .an-about-long .an-story-index a{border:1px solid #76502e;border-radius:100px;padding:8px 13px;background:#191b22;color:#e8e9ee;font-size:12px}
#app .an-about-long .an-story-index a:hover{border-color:#ff901d;color:#ffad49}
#app .an-about-long .an-story-steps{display:grid;gap:22px}
#app .an-about-long .an-story-step{scroll-margin-top:120px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:250px;gap:25px;align-items:center;padding:28px;border:1px solid #513d31;border-radius:18px;background:linear-gradient(132deg,#191a21,#0e1016)}
#app .an-about-long .an-story-step:nth-child(even) .an-story-step-media{order:2}
#app .an-about-long .an-story-number{display:inline-block;font-size:11px;font-weight:900;letter-spacing:1.3px;color:#ff9a33;margin-bottom:8px}
#app .an-about-long .an-story-step h2{font-size:clamp(22px,2.6vw,32px);line-height:1.17;margin:0 0 13px;color:#fff}
#app .an-about-long .an-story-step h2 em{color:#ff8d26;font-style:normal}
#app .an-about-long .an-story-step p{font-size:clamp(13px,1.3vw,15px);line-height:1.75;color:#e0e4eb;margin:0 0 11px}
#app .an-about-long .an-story-step ul{margin:12px 0 0;padding-left:18px;color:#f2f2f4;font-size:13px;line-height:1.8}
#app .an-about-long .an-story-step li::marker{color:#ff9524}
#app .an-about-long .an-story-step-media{width:100%;height:100%;min-height:210px;max-height:330px;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 30% 15%,#ff9d1b34,#131824 66%);display:grid;place-items:center;border:1px solid #654326}
#app .an-about-long .an-story-step-media img{display:block;width:100%;height:100%;object-fit:cover}
#app .an-about-long .an-story-step-media.an-story-graphic{padding:25px;text-align:center;align-content:center}
#app .an-about-long .an-story-graphic .an-story-symbol{font-size:57px;line-height:1}
#app .an-about-long .an-story-graphic strong{display:block;margin-top:17px;color:#fff;font-size:clamp(16px,2vw,25px)}
#app .an-about-long .an-story-graphic span{display:block;margin-top:10px;color:#ffc57d;font-weight:750;font-size:12px}
#app .an-about-long .an-story-note{background:#21180f;border-left:3px solid #ff9126;padding:18px 22px;border-radius:9px;color:#f4d2ad;line-height:1.6;font-size:13px;margin-top:24px}
#app .an-about-long .an-story-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
@media(max-width:800px){
 body.an-about-locked #app>.an-about-fixed{padding:14px 13px 38px!important;gap:15px!important}
 #app .an-about-v2 .an-about-duo{grid-template-columns:1fr;gap:12px}
 #app .an-about-v2 .an-about-half{min-height:0;padding:20px 18px}
 #app .an-about-v2 .an-about-summary h1{font-size:clamp(23px,5.5vw,34px)!important}
 #app .an-about-v2 .an-about-half h2{font-size:35px}
 #app .an-about-v2 .an-about-management{padding:16px!important}
 #app .an-about-v2 .an-manager-card{padding:13px!important}
 #app .an-about-v2 .an-manager-main{grid-template-columns:1fr!important;gap:17px!important;min-height:0!important}
 #app .an-about-v2 .an-manager-photo-box{max-width:100%!important}
 #app .an-about-v2 .an-manager-photo{aspect-ratio:4/3.3;max-height:460px!important;object-position:center 22%!important}
 #app .an-about-v2 .an-manager-information{gap:13px!important}
 #app .an-about-v2 .an-manager-name-box h3{font-size:30px!important}
 #app .an-about-v2 .an-manager-position strong{font-size:21px}
 #app .an-about-v2 .an-manager-contacts{flex-direction:column}
 #app .an-about-v2 .an-manager-contact{flex:0 0 auto;min-height:56px}
 #app .an-about-long .an-story-step{grid-template-columns:1fr;padding:18px;gap:16px}
 #app .an-about-long .an-story-step:nth-child(even) .an-story-step-media{order:0}
 #app .an-about-long .an-story-step-media{min-height:180px;max-height:245px}
 #app .an-about-long .an-story-index{margin-bottom:19px}
 #app .an-about-long .an-story-hero{padding:25px 22px}
 #app .an-about-long .an-story-logo{width:140px}
}
@media(prefers-reduced-motion:reduce){#app .an-about-v2 *,#app .an-about-long *{scroll-behavior:auto!important}}