﻿/* Asian Excellence Awards pages (aea.html, aea-nominate.html): the look of the original AEA website
   (light page, hot pink and slate, Poppins and Mulish, pill buttons) inside the Kiteskraft header and footer.
   Everything is scoped under .ae so it cannot change the rest of the website. */
@font-face{font-family:'AEAIcons';src:url(../fonts/aea-icons.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}

.ae{--pink:#FA0368;--pink2:#AB094B;--slate:#223645;--text:#696A87;--light:#F8F8F8;--line:#D9D9D9;--pale:#FECDE1;--ff-h:'Poppins',Arial,sans-serif;--ff-b:'Mulish',Arial,sans-serif;background:#fff;color:var(--text);font-family:var(--ff-b);font-size:16px;line-height:1.5}
.ae *,.ae *:before,.ae *:after{box-sizing:border-box}
.ae img{max-width:100%;display:block}
.ae a{color:inherit;text-decoration:none}
.ae p{margin:0 0 1em;color:var(--text)}
.ae-wrap{width:min(1140px,100% - 40px);margin-inline:auto}
.ae-narrow{width:min(820px,100% - 40px);margin-inline:auto}

/* icons (the same icon set as the original site) */
.ae-i{font-family:'AEAIcons';font-style:normal;font-weight:400;line-height:1;display:inline-block}
.ae-i.communication:before{content:"\eac4"}.ae-i.idea:before{content:"\eabc"}.ae-i.drink:before{content:"\e951"}
.ae-i.brain:before{content:"\ead3"}.ae-i.badge:before{content:"\eb36"}.ae-i.team:before{content:"\ea8a"}
.ae-i.building:before{content:"\e801"}.ae-i.pin:before{content:"\e973"}.ae-i.phone:before{content:"\e992"}
.ae-i.mail:before{content:"\ea12"}.ae-i.check:before{content:"\e87f"}.ae-i.arrow:before{content:"\e94d"}

/* breadcrumb trail */
.ae-crumbs{background:#fff;border-bottom:1px solid #eee;font-size:13px;color:var(--slate)}
.ae-crumbs .ae-wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:11px 0}
.ae-crumbs a:hover{color:var(--pink)}
.ae-crumbs b{color:var(--pink);font-weight:700}
.ae-crumbs .back{color:var(--pink);font-weight:700}

/* buttons and small headings */
.ae-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--pink);color:#fff !important;border:1px solid var(--pink);border-radius:25px;padding:16px 31px;font-family:var(--ff-h);font-weight:500;font-size:15px;line-height:1.2;cursor:pointer;transition:.2s}
.ae-btn:hover{background:var(--pink2);border-color:var(--pink2)}
.ae-btn[disabled]{opacity:.6;cursor:wait}
.ae-eye{font-family:var(--ff-h);font-weight:600;font-size:11px;letter-spacing:.04em;color:var(--pink);text-transform:uppercase;margin:0 0 6px}
.ae-h2{font-family:var(--ff-h);font-weight:700;color:var(--slate);font-size:clamp(26px,3.2vw,40px);line-height:1.2;margin:0 0 16px}
.ae-h2.up{text-transform:uppercase}
.ae-c{text-align:center}
.ae-sec{padding:80px 0}
.ae-sec.grey{background:var(--light)}

/* hero */
.ae-hero{position:relative;isolation:isolate;text-align:center;min-height:780px;display:flex;align-items:center;padding:90px 0 170px;background:var(--hero) center/cover;color:#fff;border-bottom-left-radius:60% 90px;overflow:hidden}
.ae-hero>.ae-wrap{width:min(1040px,100% - 40px)}
.ae-hero:before{content:"";position:absolute;inset:0;background:var(--slate);opacity:.85;z-index:-1}
.ae-hero h1{font-family:var(--ff-h);font-weight:700;font-size:clamp(26px,3.2vw,40px);line-height:1.2;text-transform:uppercase;color:#F8F8F8;margin:0}
.ae-hero h1 .yr{display:block;color:var(--pink);font-size:clamp(46px,5.5vw,70px);font-weight:800;line-height:1.15}
.ae-bar2{width:90px;height:3px;background:#fff;margin:14px auto 18px}
.ae-tag{font-family:var(--ff-b);font-style:italic;font-weight:400;font-size:clamp(18px,1.8vw,23px);line-height:1.3;color:#fff !important;margin:0 0 14px}
.ae-hero .ae-sum{max-width:1040px;margin:0 auto 28px;color:#fff !important;font-size:16px}
.ae-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* countdown card over the bottom of the hero */
.ae-cdwrap{position:relative;z-index:3;margin-top:-120px}
.ae-cd{margin-left:auto;width:min(560px,100%);background:#fff;border-radius:15px;box-shadow:0 0 25px rgba(0,0,0,.12);padding:26px 30px 20px;text-align:center}
.ae-cd .nums{display:flex;justify-content:space-around;gap:8px}
.ae-cd b{display:block;font-family:var(--ff-h);font-weight:700;font-size:50px;color:var(--pink);line-height:1.2}
.ae-cd span{font-family:var(--ff-h);font-weight:500;font-size:16px;color:var(--text)}
.ae-cd em{display:block;margin-top:10px;color:var(--pink);font-size:14px}

/* two columns, photos, tick lists */
.ae-two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ae-img{border-radius:20px;overflow:hidden}
.ae-img img{width:100%;height:auto}
.ae-checks{background:var(--light);border-bottom:2px solid var(--pink);border-radius:15px;padding:16px 22px;list-style:none;margin:0 0 22px}
.ae-checks li{position:relative;padding:7px 0 7px 34px;font-size:16px;color:var(--text)}
.ae-checks li:before{font-family:'AEAIcons';content:"\e87f";position:absolute;left:0;top:8px;color:#9b9bb2;font-size:19px}
.ae-ring{position:relative;display:grid;place-items:center;padding:34px}
.ae-ring:before{content:"";position:absolute;inset:0;background:url(../img/aea/aea-ring.png) center/contain no-repeat;opacity:.28}
.ae-ring .ae-img{position:relative;width:88%}

/* where / when cards, stats */
.ae-info{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:60px}
.ae-ic{display:flex;gap:22px;align-items:center;background:#fff;border-radius:15px;box-shadow:0 0 25px rgba(0,0,0,.07);padding:34px 36px;min-height:170px}
.ae-ic .ico{flex:none;width:66px;height:66px;border-radius:12px;background:var(--pink);color:#fff;display:grid;place-items:center;font-size:30px}
.ae-ic .ico.dark{background:var(--slate)}
.ae-ic h3{font-family:var(--ff-h);font-weight:600;font-size:20px;line-height:1.2;color:var(--slate);text-transform:uppercase;margin:0 0 4px}
.ae-ic p{margin:0;font-size:16px}
.ae-stats{background:var(--light);padding:70px 0 60px}
.ae-stats .ae-wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.ae-stats div{text-align:center;padding:6px 10px;border-right:1px solid var(--line)}
.ae-stats div:last-child{border-right:0}
.ae-stats b{display:block;font-family:var(--ff-h);font-weight:700;font-size:60px;color:var(--slate);line-height:1.2}
.ae-stats span{font-family:var(--ff-b);font-weight:400;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}

/* slate sections over a photo: Why, Experience, Partners, Contact */
.ae-dark{position:relative;isolation:isolate;color:#fff;padding:110px 0;background:var(--bg) center/cover}
.ae-dark:before{content:"";position:absolute;inset:0;background:var(--slate);opacity:.85;z-index:-1}
.ae-dark .ae-h2{color:#fff}
.ae-dark p{color:#fff;opacity:.9}
.ae-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:26px;max-width:1140px;margin:44px auto 0}
.ae-card{grid-column:span 2;position:relative;background:linear-gradient(225deg,#FFDDEA 0,#fff 46%);border-radius:15px;padding:36px 32px;box-shadow:0 0 25px rgba(0,0,0,.08);text-align:left}
.ae-cards.c5 .ae-card:nth-child(n+4){grid-column:span 3}
.ae-card .ae-i{font-size:56px;color:var(--pink);display:block;margin-bottom:16px}
.ae-card b.n{position:absolute;right:26px;top:16px;font-family:var(--ff-h);font-weight:700;font-size:50px;line-height:1.2;color:rgba(250,3,104,.12)}
.ae-card h3{font-family:var(--ff-h);font-weight:600;font-size:20px;line-height:1.2;color:var(--slate);margin:0 0 8px}
.ae-dark .ae-card p{margin:0;font-size:16px;color:var(--text);opacity:1}

/* guests: framed cards */
.ae-gh{text-align:center;font-family:var(--ff-h);font-weight:700;font-size:clamp(26px,3.2vw,40px);line-height:1.2;color:var(--slate);margin:0}
.ae-gh span{color:var(--pink)}
.ae-gwrap{position:relative;margin-top:34px}
.ae-guests{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 8px}
.ae-guests::-webkit-scrollbar{display:none}
.ae-g{flex:0 0 calc((100% - 78px)/4);scroll-snap-align:start;background:#fff;border:1px solid #3d3f73;padding:6px}
.ae-gnav{display:flex;justify-content:center;gap:12px;margin-top:20px}
.ae-gnav button{width:44px;height:44px;border-radius:50%;border:0;background:var(--pink);color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:.2s}
.ae-gnav button:hover{background:var(--pink2)}
.ae-g-in{border:1px solid #3d3f73;padding:8px;text-align:center;height:100%}
.ae-g img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:8px}
.ae-g img.cut{object-fit:contain;background:linear-gradient(180deg,#e9eaf3,#cfd2e6)}
.ae-g h3{font-family:var(--ff-h);font-weight:600;font-size:12px;color:#6d6e8f;margin:10px 0 2px}
.ae-g p{margin:0;font-size:11px;color:var(--slate);line-height:1.4}
.ae-g .chief{display:inline-block;margin-top:8px;background:var(--pink);color:#fff;font-family:var(--ff-h);font-weight:600;font-size:9px;letter-spacing:.08em;border-radius:20px;padding:2px 10px}

/* partners */
.ae-partners{display:flex;flex-wrap:wrap;justify-content:center;margin:40px 0 34px}
.ae-partners div{width:228px;height:187px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.28)}
.ae-partners div:last-child{border-right:0}
.ae-partners img{width:187px;height:187px;object-fit:contain}

/* venue */
.ae-vi{display:flex;gap:16px;align-items:center;margin:14px 0}
.ae-vi .ico{flex:none;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--pink);color:var(--pink);display:grid;place-items:center;font-size:22px}
.ae-vi h3{font-family:var(--ff-h);font-weight:700;font-size:13px;color:var(--slate);text-transform:uppercase;margin:0}
.ae-vi p{margin:0;font-size:13px}
.ae-map{aspect-ratio:4/3;border-radius:15px;overflow:hidden;background:#e9e9ef}
.ae-map iframe{width:100%;height:100%;border:0;display:block}

/* nomination bars, FAQ */
.ae-bars{display:grid;gap:16px;max-width:1050px;margin:0 auto 34px}
.ae-bar{padding:22px 24px;border-radius:15px;text-align:center;font-family:var(--ff-h);font-weight:500;font-size:16px;color:#7c7d99;background:var(--light)}
.ae-bar:nth-child(odd){background:var(--pale)}
.ae-faq h2{font-family:var(--ff-h);font-weight:800;color:var(--slate);font-size:28px;margin:0 0 18px}
.ae-faq details{background:#fff;border-radius:8px;box-shadow:0 0 13px -4px rgba(0,0,0,.14);margin-bottom:10px}
.ae-faq summary{cursor:pointer;list-style:none;font-family:var(--ff-h);font-weight:700;font-size:16px;color:var(--slate);padding:20px 48px 20px 22px;position:relative}
.ae-faq summary::-webkit-details-marker{display:none}
.ae-faq summary:after{content:"";position:absolute;right:18px;top:50%;width:7px;height:7px;border-right:2px solid var(--slate);border-bottom:2px solid var(--slate);transform:translateY(-70%) rotate(45deg);transition:.2s}
.ae-faq details[open] summary:after{transform:translateY(-30%) rotate(-135deg)}
.ae-faq details p{margin:0;padding:0 18px 16px;font-size:14px}

/* contact (over a slate photo, like the original footer) */
.ae-contact{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}
.ae-contact h2{font-family:var(--ff-h);font-weight:800;color:#fff;font-size:26px;margin:0 0 4px}
.ae-contact .sub{margin:0 0 18px}
.ae-info-card{border:1px solid rgba(255,255,255,.35);border-radius:15px;padding:22px}
.ae-info-card div{display:flex;gap:14px;align-items:flex-start;margin:0 0 14px;font-size:14px}
.ae-info-card div:last-child{margin:0}
.ae-info-card .ae-i{color:var(--pink);font-size:20px;margin-top:3px}
.ae-info-card a:hover{color:var(--pink)}
.ae-info-card b{font-family:var(--ff-h);font-weight:600}
.ae-form{display:grid;gap:12px}
.ae-form label{display:block;font-size:12px;font-weight:700;margin-bottom:4px}
.ae-contact .ae-form label{color:#fff}
.ae-form input,.ae-form textarea,.ae-form select{width:100%;border:0;background:var(--light);border-radius:25px;padding:15px 20px 15px 15px;color:var(--text);font:inherit;font-size:16px;min-height:54px}
.ae-form textarea{border-radius:20px;min-height:110px;resize:vertical}
.ae-form input:focus,.ae-form textarea:focus,.ae-form select:focus{outline:2px solid var(--pink);outline-offset:1px}
.ae-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ae-hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.ae-msg{min-height:1.4em;font-size:13px;margin:0}
.ae-msg.ok{color:#7ee0a6 !important}
.ae-msg.err{color:#ffb3c9 !important}

/* nomination page (same look as the original form box) */
.ae-nhead{text-align:center;padding:46px 0 6px}
.ae-nhead h1{font-family:var(--ff-h);font-weight:800;color:var(--slate);font-size:clamp(26px,3.6vw,40px);margin:0 0 6px}
.ae-nhead p{margin:0;color:var(--pink)}
.ae-steps3{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.ae-steps3 div{display:flex;align-items:center;gap:8px;border:1px solid var(--pink);border-radius:25px;padding:6px 16px 6px 8px;font-family:var(--ff-h);font-weight:500;font-size:12px;color:var(--slate)}
.ae-steps3 b{width:24px;height:24px;border-radius:50%;background:var(--pink);color:#fff;display:grid;place-items:center;font-size:12px}
.ae-nom{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:start;margin:34px 0 70px}
.ae-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px}
.ae-box h2{font-family:var(--ff-h);font-weight:700;font-size:18px;color:var(--slate);margin:0 0 4px}
.ae-box .fld{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;margin-top:16px}
.ae-box .fld .full{grid-column:1/-1}
.ae-box label{color:var(--slate)}
.ae-fee{background:#fff;border-radius:15px;box-shadow:0 0 25px rgba(0,0,0,.1);padding:28px;border-top:4px solid var(--pink);position:sticky;top:110px}
.ae-fee small{font-family:var(--ff-h);font-weight:600;letter-spacing:.08em;font-size:11px;color:var(--pink)}
.ae-fee .amt{font-family:var(--ff-h);font-weight:800;font-size:42px;line-height:1.15;margin:4px 0 12px;color:var(--pink)}
.ae-fee ul{margin:0 0 16px;padding-left:18px;font-size:13px}
.ae-fee label{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--text);font-weight:600;margin:0 0 16px}
.ae-fee input[type=checkbox]{width:18px;min-height:18px;margin-top:2px;accent-color:#FA0368}
.ae-fee .ae-btn{width:100%}
.ae-fee .secure{font-size:12px;margin:12px 0 0;text-align:center}
.ae-fee .ae-msg{margin-top:12px;text-align:center}
.ae-fee .ae-msg.ok{color:#18794e !important}
.ae-fee .ae-msg.err{color:#b42318 !important}
.ae-done{display:none;text-align:center;padding:30px 10px}
.ae-done h2{font-family:var(--ff-h);font-weight:800;color:var(--slate)}
.ae-done.show{display:block}

.ae [id]{scroll-margin-top:110px}
@media(max-width:980px){
  .ae-two,.ae-contact,.ae-nom{grid-template-columns:1fr;gap:40px}
  .ae-cards{grid-template-columns:1fr 1fr}.ae-card,.ae-cards.c5 .ae-card:nth-child(n+4){grid-column:span 1}
  .ae-hero{min-height:0;padding:80px 0 150px}
  .ae-g{flex-basis:calc((100% - 52px)/3)}
  .ae-stats .ae-wrap{grid-template-columns:1fr 1fr}.ae-stats div:nth-child(2){border-right:0}
  .ae-fee{position:static}
  .ae-cd{margin-inline:auto}
}
@media(max-width:640px){
  .ae-sec{padding:50px 0}.ae-dark{padding:56px 0}.ae-hero{padding:70px 0 130px}
  .ae-info,.ae-row2,.ae-box .fld{grid-template-columns:1fr}
  .ae-cards{grid-template-columns:1fr}.ae-ic{padding:24px 20px;min-height:0}.ae-ic .ico{width:54px;height:54px;font-size:24px}
  .ae-cd b{font-size:34px}.ae-cd{padding:20px 14px 14px}.ae-stats{padding:44px 0}.ae-hero .ae-sum{font-size:15px}
  .ae-guests{gap:14px}.ae-g{flex-basis:72%}
  .ae-stats b{font-size:30px}
  .ae-partners div{width:50%;border-right:0}
  .ae-box{padding:20px 16px}
}
