/* APSAE Summit 2027 inner page. Navbar and footer are not included. */
:root {
  --apsae-navy:#17295B; --apsae-pink:#ED3F79; --apsae-blue:#2D76B8;
  --apsae-light:#F7F8FC; --apsae-text:#526078; --apsae-border:#E7EAF2;
  --apsae-font:"Inter","Poppins",Arial,sans-serif;
}
.apsae-summit-page,.apsae-summit-page *{box-sizing:border-box}
.apsae-summit-page{width:100%;overflow:hidden;color:var(--apsae-text);font-family:var(--apsae-font)}
.apsae-summit-page a{-webkit-tap-highlight-color:transparent}
.apsae-page-breadcrumb{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,9vw,112px) 22px clamp(62px,7vw,86px);color:#fff;background:radial-gradient(circle at 84% 12%,rgba(237,63,121,.25),transparent 27%),radial-gradient(circle at 8% 100%,rgba(45,118,184,.28),transparent 32%),linear-gradient(120deg,#17295B,#203B76)}
.apsae-breadcrumb-container{position:relative;z-index:2;width:min(100%,1600px);margin:auto; padding: 12px 5%;}
.apsae-breadcrumb-orb{position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.13);border-radius:50%;pointer-events:none}
.apsae-breadcrumb-orb-one{top:-190px;right:-75px;width:390px;height:390px}
.apsae-breadcrumb-orb-two{right:115px;bottom:-205px;width:290px;height:290px}
.apsae-breadcrumb-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#FFAAC4;font-size:11px;font-weight:800;letter-spacing:2px}
.apsae-breadcrumb-label:before{width:28px;height:2px;background:var(--apsae-pink);content:""}
.apsae-page-breadcrumb h1{max-width:850px;margin:0 0 17px;color:#fff;font-size:clamp(36px,5.3vw,62px);font-weight:800;line-height:1.08;letter-spacing:-1.8px}
.apsae-page-breadcrumb h1 span{color:#FF7FA5}
.apsae-breadcrumb-intro{max-width:680px;margin:0 0 27px;color:rgba(255,255,255,.78);font-size:16px;line-height:1.8}
.apsae-breadcrumb-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:rgba(255,255,255,.72);font-size:12px}
.apsae-breadcrumb-nav a{color:#fff;text-decoration:none;transition:color .25s}
.apsae-breadcrumb-nav a:hover{color:#FFAAC4}
.apsae-breadcrumb-separator{color:#FF7FA5}
.apsae-inner-content{padding:clamp(65px,8vw,105px) 22px;background:var(--apsae-light)}
.apsae-content-container{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(38px,6vw,78px);width:min(100%,1600px);margin:auto; padding: 12px 5%;}
.apsae-content-text{min-width:0}
.apsae-content-tag{display:inline-block;margin-bottom:18px;padding:9px 15px;border:1px solid rgba(237,63,121,.13);border-radius:50px;background:rgba(237,63,121,.08);color:var(--apsae-pink);font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.apsae-content-text h2{margin:0 0 22px;color:var(--apsae-navy);font-size:clamp(30px,3.6vw,45px);font-weight:800;line-height:1.17;letter-spacing:-1.2px}
.apsae-content-text h2 span{color:var(--apsae-pink)}
.apsae-content-text p{margin:0 0 17px;color:var(--apsae-text);font-size:15px;line-height:1.85}
.apsae-event-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:28px 0}
.apsae-detail-item{display:flex;min-width:0;align-items:center;gap:12px;padding:15px 13px;border:1px solid var(--apsae-border);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(23,41,91,.045)}
.apsae-detail-icon{display:inline-flex;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:rgba(237,63,121,.1);color:var(--apsae-pink);font-size:21px;font-weight:700}
.apsae-detail-item strong,.apsae-detail-item small{display:block}
.apsae-detail-item strong{margin-bottom:4px;color:var(--apsae-navy);font-size:12px;font-weight:800}
.apsae-detail-item small{color:var(--apsae-text);font-size:11px;line-height:1.5}
.apsae-primary-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:13px;padding:13px 25px;border:0;border-radius:50px;background:linear-gradient(110deg,var(--apsae-pink),#D72D69);box-shadow:0 10px 25px rgba(237,63,121,.2);color:#fff!important;font-size:13px;font-weight:800;line-height:1.4;text-decoration:none!important;transition:transform .25s,box-shadow .25s,background .25s}
.apsae-primary-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(237,63,121,.3)}
.apsae-primary-btn span{font-size:18px;transition:transform .25s}
.apsae-primary-btn:hover span{transform:translateX(4px)}
.apsae-content-visual{position:relative;min-width:0;padding:16px}
.apsae-image-frame{position:relative;z-index:2;overflow:hidden;min-height:430px;margin:0;border:7px solid #fff;border-radius:25px;background:#E8EDF7;box-shadow:0 25px 65px rgba(23,41,91,.15)}
.apsae-image-frame img{display:block;width:100%;height:430px;object-fit:cover;transition:transform .7s}
.apsae-image-frame:hover img{transform:scale(1.055)}
.apsae-image-decoration{position:absolute;z-index:1;top:-2px;right:-2px;width:145px;height:145px;border-radius:25px;background:linear-gradient(135deg,var(--apsae-pink),var(--apsae-blue))}
.apsae-image-accent{position:absolute;z-index:1;bottom:-2px;left:-3px;width:145px;height:145px;border:18px solid rgba(45,118,184,.16);border-radius:50%;pointer-events:none}
.apsae-coming-soon{position:relative;isolation:isolate;overflow:hidden;padding:clamp(68px,8vw,96px) 22px;background:radial-gradient(circle at 8% 15%,rgba(237,63,121,.2),transparent 30%),radial-gradient(circle at 92% 90%,rgba(45,118,184,.24),transparent 32%),linear-gradient(120deg,#17295B,#203B76);text-align:center}
.apsae-coming-decoration{position:absolute;z-index:-1;top:-190px;left:50%;width:430px;height:430px;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:translateX(-50%);pointer-events:none}
.apsae-coming-container{position:relative;z-index:1;width:min(100%,850px);margin:auto}
.apsae-coming-label{display:inline-block;margin-bottom:20px;padding:9px 17px;border:1px solid rgba(255,255,255,.24);border-radius:50px;background:rgba(255,255,255,.08);color:#FFAAC4;font-size:11px;font-weight:800;letter-spacing:2px}
.apsae-coming-soon h2{margin:0 0 19px;color:#fff;font-size:clamp(32px,5vw,53px);font-weight:800;line-height:1.15;letter-spacing:-1.2px}
.apsae-coming-soon h2 span{color:#FF7FA5}
.apsae-coming-soon p{max-width:680px;margin:0 auto 29px;color:rgba(255,255,255,.78);font-size:15px;line-height:1.85}
.apsae-coming-soon .apsae-primary-btn{background:#fff;color:var(--apsae-navy)!important;box-shadow:none}
.apsae-coming-soon .apsae-primary-btn:hover{background:var(--apsae-pink);color:#fff!important}
.apsae-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .75s,transform .75s}
.apsae-reveal-left{transform:translate3d(-28px,0,0)}
.apsae-reveal-right{transform:translate3d(28px,0,0)}
.apsae-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
@media(max-width:960px){.apsae-content-container{grid-template-columns:minmax(0,1fr);gap:42px}.apsae-content-text{max-width:760px}.apsae-content-visual{width:min(100%,680px);margin:auto}.apsae-image-frame,.apsae-image-frame img{min-height:380px;height:380px}}
@media(max-width:600px){.apsae-page-breadcrumb{padding:65px 18px 58px}.apsae-page-breadcrumb h1{font-size:clamp(34px,10vw,43px);letter-spacing:-1px}.apsae-breadcrumb-intro{font-size:14px}.apsae-inner-content{padding:58px 17px}.apsae-content-text h2{font-size:30px}.apsae-content-text p{font-size:14px}.apsae-event-details{grid-template-columns:minmax(0,1fr)}.apsae-content-visual{padding:11px}.apsae-image-frame{min-height:275px;border-width:5px;border-radius:19px}.apsae-image-frame img{height:275px;min-height:275px}.apsae-image-decoration{width:95px;height:95px;border-radius:18px}.apsae-image-accent{width:100px;height:100px;border-width:13px}.apsae-coming-soon{padding:65px 18px}.apsae-coming-soon p{font-size:14px}.apsae-primary-btn{min-height:46px;padding:12px 21px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.apsae-summit-page *,.apsae-summit-page *:before,.apsae-summit-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.apsae-reveal{opacity:1;transform:none}}



/* =====================================
   APSAE VIDEO BACKGROUND BREADCRUMB
===================================== */

.apsae-page-breadcrumb {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 390px;
    display: flex;
    align-items: center;
    background: #17295B;
}

/* Video Container */
.apsae-video-background {
    position: absolute;
    inset: 0;
    z-index: -2;
    overflow: hidden;
}

.apsae-video-background video {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center;
}

/* Dark Overlay */
.apsae-video-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(
            90deg,
            rgba(15, 27, 62, 0.88) 0%,
            rgba(23, 41, 91, 0.72) 55%,
            rgba(23, 41, 91, 0.48) 100%
        ),
        linear-gradient(
            0deg,
            rgba(15, 27, 62, 0.35),
            transparent
        );
}

/* Keep content above video */
.apsae-breadcrumb-container {
    position: relative;
    z-index: 2;
    width: min(100%, 1600px);
    margin: 0 auto;
}

/* Decorative circles */
.apsae-breadcrumb-orb {
    z-index: 0;
    pointer-events: none;
}

/* Text styling */
.apsae-page-breadcrumb h1,
.apsae-page-breadcrumb p,
.apsae-page-breadcrumb nav,
.apsae-breadcrumb-label {
    position: relative;
    z-index: 2;
}

/* Mobile */
@media (max-width: 600px) {
    .apsae-page-breadcrumb {
        min-height: 350px;
        padding-top: 65px;
        padding-bottom: 60px;
    }

    .apsae-video-background video {
        object-position: center;
    }

    .apsae-video-overlay {
        background: rgba(15, 27, 62, 0.78);
    }
}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce) {
    .apsae-video-background video {
        display: none;
    }
}