/* KOBaP 2026 — final unified athletics design system */
:root{--ink:#020a1b;--navy:#061a43;--blue:#1559e8;--red:#ed1c24;--gold:#ffc400;--paper:#f4f7fb;--white:#fff;--muted:#95a7c8;--dark-line:rgba(255,255,255,.14);--light-line:#dbe3ef;--ease:cubic-bezier(.2,.7,.2,1)}
body{background:var(--ink);color:#eaf0fb}
.wrap{width:min(1180px,calc(100% - 48px))}
.section{padding:104px 0}
.eyebrow{font:800 .7rem/1 Inter,sans-serif;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}
h2{font-size:clamp(2.9rem,5vw,5.2rem);line-height:.94;letter-spacing:-.025em}
.head{display:grid;grid-template-columns:1fr minmax(260px,460px);align-items:end;gap:50px;margin-bottom:44px;padding:0 0 25px;border-bottom:1px solid var(--dark-line)}
.head p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.7}
.bar{background:var(--red);color:#fff;font-size:.72rem;letter-spacing:.1em;padding:9px 48px}.bar:after{border-top-color:var(--gold)}
header{background:rgba(2,10,27,.94);border-bottom:1px solid var(--dark-line)}nav{height:80px}.school-name{font-size:.78rem}.links{gap:22px}.links>a:not(.btn){font-size:.75rem;letter-spacing:.025em}.btn{min-height:44px;padding:10px 18px;border-radius:2px;box-shadow:none;font-size:.72rem;letter-spacing:.05em}.btn:hover{transform:translateY(-2px)}
.school-mark{width:46px;height:50px}.school-brand .school-mark img{width:42px;height:47px}
.hero{min-height:760px}.hero:after{background:linear-gradient(90deg,rgba(2,10,27,.97) 0%,rgba(2,10,27,.86) 35%,rgba(2,10,27,.18) 68%),url('../assets/kobap-poster-background.png') center/cover no-repeat}.hero-grid{min-height:690px;grid-template-columns:1fr}.hero-grid>div{width:min(650px,100%);padding:70px 0}.hero .eyebrow{clip-path:none;background:transparent;color:var(--gold);padding:0;display:flex;gap:12px}.hero .eyebrow:before{content:"";width:36px;height:2px;margin-top:4px;background:var(--red)}.hero-main-logo{position:static!important;width:min(540px,78vw)!important;margin:28px 0 20px!important;opacity:1!important;filter:drop-shadow(0 12px 26px rgba(0,0,0,.38));animation:none!important}.tag{font-family:Oswald,sans-serif;font-size:1.1rem;letter-spacing:.025em;color:#fff}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0;width:min(590px,100%);margin:25px 0 22px;padding:0;border:1px solid var(--dark-line);border-left:4px solid var(--blue);background:rgba(5,20,53,.78)}.facts>div{padding:14px 18px}.facts>div+div{border-left:1px solid var(--dark-line)}.facts small{margin-bottom:3px;color:#91a9d3}.hero .actions{margin-bottom:12px}.hero .actions+small{color:#8fa3c7}
.count{width:min(1180px,calc(100% - 48px));margin-top:-46px;padding:24px 32px;background:var(--white);color:var(--navy);border:0;border-top:5px solid var(--red);box-shadow:0 20px 48px rgba(0,0,0,.22)}.count .lead{text-align:left}.count .lead .eyebrow{color:var(--blue)}.count .lead h3{font-size:1.45rem}.time{border-left:1px solid var(--light-line)}.time b{font-size:2.6rem;color:var(--navy)}.time span{color:#6b7890}
.about-section{background:var(--ink)}.about-premium{gap:clamp(50px,7vw,100px)}.about-heading h2{font-size:clamp(3.8rem,6.5vw,6.5rem)}.about-story{border-top-color:var(--dark-line)}.story-rule{color:#7588ac}.story-lead{font-size:clamp(1.65rem,2.7vw,2.45rem)}.event-facts{border-color:var(--dark-line)}.event-facts>div+div{border-color:var(--dark-line)}
.program{padding:112px 0;background:var(--paper);color:#14203a}.program .head{border-color:var(--light-line)}.program h2{color:var(--navy)}.program .eyebrow{color:var(--blue)}.program .head p{color:#667189}.schedule-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.schedule-cards .card{min-height:500px;padding:28px 26px;background:#fff;border:1px solid var(--light-line);border-top:6px solid var(--accent);box-shadow:0 10px 30px rgba(7,29,77,.06)}.card:before{display:none}.card .date{font-size:.68rem;letter-spacing:.09em}.card h3{font-size:1.75rem;margin:20px 0 22px}.schedule-list{margin-top:0}.schedule-list li{grid-template-columns:48px 1fr;padding:11px 0;border-color:#e8edf4}.schedule-list time{color:var(--accent)}
#acara{background:#06132f}.events{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.event{min-height:165px;padding:20px;background:#0a204e;border:1px solid var(--dark-line);border-radius:2px}.event:hover{transform:translateY(-4px);background:#0d2a65;border-color:#355fae}.event i{color:var(--gold);border-color:rgba(255,196,0,.38)}.event b{font-size:1.25rem}.event small{font-size:.7rem;color:#91a7ce}.awards-strip{margin-top:30px}
.dark{background:#040d22}.houses{gap:16px}.house{min-height:420px;padding:32px;border-radius:2px;border:1px solid rgba(255,255,255,.15);box-shadow:none}.house:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:rgba(255,255,255,.78)}.house h3{font-size:2.5rem}.house p{font-size:.9rem}.house-teachers b{font-size:.7rem}.house small{font-size:.66rem}
#epodium{background:#071635}.epodium{padding:56px;background:linear-gradient(115deg,#092154,#0c348b);border:1px solid rgba(255,255,255,.15);border-top:5px solid var(--gold);border-radius:2px;box-shadow:none;clip-path:none}.epodium-logo{width:min(320px,80%)}.epodium h2{font-size:clamp(2.7rem,4.6vw,4.5rem)}.epodium p{color:#c2cdea}.feature{padding:15px;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--gold);background:rgba(255,255,255,.06)}
#keputusan{background:#030c20}.results{gap:18px}.results .panel{padding:30px;background:#071a42;border:1px solid var(--dark-line);border-radius:2px}.panel h3{font-size:1.5rem}.empty{background:#0b275f;border-color:#365a9c}.results table th,.results table td{border-color:var(--dark-line)}
.gallery{padding:112px 0;background:var(--paper);color:#14203a}.gallery .head{border-color:var(--light-line)}.gallery h2{color:var(--navy)}.gallery .eyebrow{color:var(--blue)}.gallery .head p{color:#667189}.gallery .photos{gap:20px}.gallery .live-photo{border-radius:2px;box-shadow:0 10px 28px rgba(7,29,77,.07)}.gallery .live-photo-copy{min-height:170px}.gallery-source a{color:var(--blue)}
.cta{padding:50px 54px;background:linear-gradient(100deg,#071d4d,#0b2b70);border:1px solid var(--dark-line);border-top:6px solid var(--red);border-bottom:6px solid var(--blue);border-radius:2px;box-shadow:none}.cta h2{font-size:clamp(2.8rem,5vw,4.8rem)}
footer{padding-top:60px;background:#010614;border-top:6px solid var(--red)}.foot{gap:50px}.foot>div:first-child img{width:160px}.foot h3{font-size:1.1rem;line-height:1.3}.foot a,.foot p{font-size:.78rem}.foot .epodium-logo{width:190px}.copy{color:#65789e}
.reveal{transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
@media(max-width:1000px){.links{gap:14px}.school-name{display:none}.events{grid-template-columns:repeat(3,1fr)}.schedule-cards{grid-template-columns:1fr}.schedule-cards .card{min-height:auto}.head{grid-template-columns:1fr;gap:18px}.houses{grid-template-columns:1fr}.house{min-height:400px}.epodium{grid-template-columns:1fr}}
@media(max-width:700px){.wrap,.count{width:min(100% - 28px,1180px)}.section{padding:78px 0}.bar{padding:8px 28px;font-size:.63rem}nav{height:70px}.hero{min-height:700px}.hero-grid{min-height:640px}.hero-grid>div{padding:60px 0 85px}.hero-main-logo{width:min(430px,88vw)!important}.facts{grid-template-columns:1fr}.facts>div+div{border-left:0;border-top:1px solid var(--dark-line)}.count{margin-top:-32px;padding:20px 12px;grid-template-columns:repeat(4,1fr)}.count .lead{grid-column:1/-1;text-align:center;margin-bottom:8px}.time b{font-size:2rem}.events{display:grid;grid-template-columns:repeat(2,1fr);overflow:visible}.event{min-width:0;min-height:145px}.event b{font-size:1.05rem}.epodium{padding:30px 22px}.features{grid-template-columns:1fr}.cta{padding:38px 24px}.foot{grid-template-columns:1fr}.gallery .photos{grid-template-columns:1fr}.gallery .live-photo-copy{min-height:150px}}
@media(max-width:430px){.school-name{display:none}.links.open{top:70px}.events{grid-template-columns:1fr 1fr}.event{padding:16px}.event i{font-size:.64rem}.about-heading h2{font-size:3.4rem}.story-lead{font-size:1.55rem}}

/* Live ePodium feed */
.live-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(237,28,36,.14);animation:livePulse 1.8s ease-out infinite}
@keyframes livePulse{50%{box-shadow:0 0 0 9px rgba(237,28,36,0)}}
.meet-progress{margin:-12px 0 24px;padding:20px 24px;background:#071a42;border:1px solid var(--dark-line);border-top:3px solid var(--blue)}
.meet-progress>div:first-child{display:flex;justify-content:space-between;gap:20px;margin-bottom:12px;color:#90a5cd;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.meet-progress b{color:#fff}.progress-track{height:7px;background:#102956;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--gold));transition:width .5s var(--ease)}
.live-results-feed{display:grid;gap:12px}.latest-event{padding:18px;background:#0a2456;border-left:3px solid var(--blue)}.latest-event>div>small{color:var(--gold);font-size:.63rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.latest-event h4{margin:4px 0 13px;font:600 1.25rem/1.15 Oswald,sans-serif;text-transform:uppercase}.latest-event ol{list-style:none;margin:0;padding:0}.latest-event li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--dark-line)}.podium-rank{display:grid;place-items:center;width:24px;height:24px;border:1px solid #4869a5;color:var(--gold);font-size:.68rem;font-weight:800}.latest-event li span b{display:block;font-size:.72rem}.latest-event li span small{display:block;color:#8398bf;font-size:.62rem}.latest-event li>strong{font-size:.72rem;color:#fff}
.house-key{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#9aa8c0}.house-biru{background:#2580ff}.house-merah{background:#f12c36}.house-kuning{background:#ffc400}.data-source-note{display:flex;align-items:center;gap:8px;margin-top:16px;color:#7186ad;font-size:.64rem;letter-spacing:.05em}.data-source-note>span{padding:4px 7px;background:rgba(237,28,36,.12);border:1px solid rgba(237,28,36,.4);color:#ff6970;font-weight:800}.data-source-note>span.offline{background:rgba(255,196,0,.1);border-color:rgba(255,196,0,.35);color:var(--gold)}
@media(max-width:600px){.meet-progress{padding:17px}.latest-event li{grid-template-columns:26px 1fr auto}.data-source-note{align-items:flex-start;line-height:1.5}}
/* ePodium live board emphasis */
#keputusan{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 8%,rgba(21,89,232,.18),transparent 30%),#020a1b}
#keputusan:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,var(--red) 0 33%,var(--blue) 33% 66%,var(--gold) 66%)}
.live-board-head{grid-template-columns:1fr auto;align-items:center;padding-bottom:30px;border-bottom-color:rgba(255,255,255,.18)}
.live-board-brand{display:flex;align-items:center;gap:32px}.live-board-brand>img{width:min(280px,30vw);height:auto;object-fit:contain}.live-board-brand>div{padding-left:30px;border-left:1px solid rgba(255,255,255,.18)}
.live-board-brand h2{margin-top:10px;font-size:clamp(2.8rem,5vw,4.8rem)}.live-board-brand .eyebrow{display:flex;align-items:center;color:#ffc400}
.live-board-meta{display:flex;align-items:center;gap:14px;text-align:right}.live-board-meta p{max-width:210px;color:#9db0d1;font-size:.72rem}.api-live-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;background:rgba(237,28,36,.13);border:1px solid rgba(237,28,36,.5);color:#ff6e74;font-size:.66rem;font-weight:900;letter-spacing:.12em}.api-live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#f13a42;box-shadow:0 0 0 4px rgba(241,58,66,.14)}
#keputusan .meet-progress{position:relative;margin:0 0 18px;padding:24px 28px;background:linear-gradient(90deg,#071a42,#0a2457);border:1px solid rgba(255,255,255,.14);border-top:0}#keputusan .progress-track{height:9px;background:#06122e}#keputusan .progress-track span{background:linear-gradient(90deg,var(--red),var(--blue) 62%,var(--gold))}
#keputusan .results{grid-template-columns:1.05fr .95fr}#keputusan .panel{position:relative;padding:32px;background:rgba(7,26,66,.9);border-top:4px solid var(--blue)}#keputusan .panel:nth-child(2){border-top-color:var(--gold)}#keputusan .panel>h3{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.14);font-size:1.65rem}#keputusan .panel>h3:after{content:"ePodium";color:#7189b6;font:700 .6rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
#keputusan table thead{background:rgba(255,255,255,.04)}#keputusan table th{padding-top:10px;padding-bottom:10px}#keputusan table td{padding-top:15px;padding-bottom:15px}.data-source-note{justify-content:flex-end}
@media(max-width:900px){.live-board-head{grid-template-columns:1fr}.live-board-meta{justify-content:flex-start;text-align:left}.live-board-brand>img{width:min(250px,40vw)}#keputusan .results{grid-template-columns:1fr}}
@media(max-width:600px){.live-board-brand{display:grid;gap:22px}.live-board-brand>img{width:min(240px,76vw)}.live-board-brand>div{padding-left:0;padding-top:20px;border-left:0;border-top:1px solid rgba(255,255,255,.16)}.live-board-brand h2{font-size:2.9rem}.live-board-meta{align-items:flex-start;flex-direction:column;gap:9px}#keputusan .meet-progress,#keputusan .panel{padding:20px}.data-source-note{justify-content:flex-start}}
.api-live-badge.offline{background:rgba(255,196,0,.1);border-color:rgba(255,196,0,.4);color:var(--gold)}.api-live-badge.offline:before{background:var(--gold)}

/* Official house identities */
.house-with-logo{padding-top:26px}.house-logo{position:relative;z-index:2;display:block;width:min(210px,72%);height:70px;margin:0 0 20px;object-fit:contain;object-position:left center;filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}.house-with-logo h3{font-size:2.15rem}.house-with-logo .house-teachers{padding-top:15px}
@media(max-width:600px){.house-logo{width:min(190px,70%);height:62px}}
.house-with-logo .house-logo{width:min(250px,86%);height:auto;max-height:88px;margin-bottom:22px}
.house-with-logo>p{max-width:320px;margin:0 0 24px;font:700 1rem/1.45 Inter,sans-serif}

/* Refined house-card typography */
.house-with-logo{min-height:390px;padding:30px 34px 32px;display:flex;flex-direction:column;align-items:flex-start}
.house-with-logo .house-logo{width:min(285px,88%);max-height:96px;margin:0 0 28px}
.house-with-logo>p{max-width:390px;margin:0 0 28px;font-family:Inter,sans-serif;font-size:clamp(1.08rem,1.35vw,1.28rem);font-weight:750;line-height:1.42;letter-spacing:-.018em;text-wrap:balance}
.house-with-logo .house-teachers{width:100%;margin-top:auto;padding-top:21px;gap:9px}
.house-with-logo .house-teachers span{margin-bottom:5px;font-size:.7rem;line-height:1.2;letter-spacing:.14em}
.house-with-logo .house-teachers b{max-width:none;font-family:Inter,sans-serif;font-size:clamp(.82rem,.9vw,.94rem);font-weight:700;line-height:1.4;letter-spacing:-.01em}
@media(max-width:600px){.house-with-logo{min-height:0;padding:28px 26px 30px}.house-with-logo .house-logo{width:min(255px,86%);max-height:84px;margin-bottom:24px}.house-with-logo>p{font-size:1.05rem}.house-with-logo .house-teachers b{font-size:.84rem}}
/* Gallery slideshow controls */
.live-photo-media .gallery-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;opacity:0;visibility:hidden;transform:scale(1.01)!important;transition:opacity .35s ease,transform .55s ease!important}
.live-photo-media .gallery-slide.is-active{opacity:1;visibility:visible;transform:scale(1)!important}
.live-photo:hover .gallery-slide.is-active{transform:scale(1.025)!important}
.gallery-nav{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:42px;height:42px;padding:0;transform:translateY(-50%);border:1px solid rgba(255,255,255,.7);background:rgba(3,13,34,.68);color:#fff;font:400 1.8rem/1 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(6px);transition:background .2s ease,border-color .2s ease}
.gallery-nav:hover,.gallery-nav:focus-visible{background:#1457e6;border-color:#fff;outline:none}
.gallery-prev{left:14px}.gallery-next{right:14px}
.gallery-counter{position:absolute;z-index:4;right:14px;bottom:12px;padding:5px 8px;background:rgba(3,13,34,.72);color:#fff;font:800 .64rem/1 Inter,sans-serif;letter-spacing:.08em;backdrop-filter:blur(6px)}
.gallery .live-photo-copy .gallery-open{text-decoration:none}
@media(max-width:600px){.gallery-nav{width:38px;height:38px}.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-counter{right:10px;bottom:10px}}
/* Committee modal */
.committee-trigger{display:inline-flex;align-items:center;gap:28px;margin-top:24px;padding:13px 16px 13px 18px;border:1px solid rgba(255,255,255,.32);border-left:4px solid var(--gold);border-radius:2px;background:rgba(255,255,255,.06);color:#fff;font:800 .72rem/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.committee-trigger b{display:grid;place-items:center;width:26px;height:26px;background:var(--gold);color:#071d4d;font-size:1rem}
.committee-trigger:hover,.committee-trigger:focus-visible{background:#fff;color:#071d4d;border-color:#fff;outline:none}
.committee-modal{width:min(1080px,calc(100% - 32px));max-height:min(88vh,900px);margin:auto;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:3px;background:#06132f;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.committee-modal::backdrop{background:rgba(1,6,20,.82);backdrop-filter:blur(7px)}
.committee-shell{min-height:100%;background:linear-gradient(135deg,rgba(20,87,230,.1),transparent 38%)}
.committee-header{position:sticky;z-index:5;top:0;display:flex;justify-content:space-between;gap:30px;padding:32px 38px 27px;border-bottom:1px solid rgba(255,255,255,.14);background:rgba(6,19,47,.96);backdrop-filter:blur(14px)}
.committee-header .eyebrow{color:var(--gold)}.committee-header h2{margin:7px 0 8px;color:#fff;font-size:clamp(2.2rem,5vw,4rem)}.committee-header p{max-width:660px;margin:0;color:#9fb0d2;font-size:.83rem}
.committee-close{flex:0 0 auto;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:0;background:transparent;color:#fff;font:300 2rem/1 Arial,sans-serif;cursor:pointer}.committee-close:hover,.committee-close:focus-visible{background:var(--red);border-color:var(--red);outline:none}
.committee-content{padding:34px 38px 42px}.committee-group+ .committee-group{margin-top:34px;padding-top:30px;border-top:1px solid rgba(255,255,255,.13)}.committee-group>h3{margin:0 0 18px;color:var(--gold);font:600 1.35rem/1 Oswald,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.committee-lead dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:rgba(255,255,255,.12)}.committee-lead dl>div{padding:16px 18px;background:#091c42}.committee-lead dt{color:#7f95be;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.committee-lead dd{margin:5px 0 0;color:#fff;font-size:.92rem;font-weight:750}
.committee-units{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.committee-units article{min-height:118px;padding:17px 18px;border:1px solid rgba(255,255,255,.11);border-left:3px solid var(--blue);background:rgba(255,255,255,.045)}.committee-units article:nth-child(3n+2){border-left-color:var(--red)}.committee-units article:nth-child(3n){border-left-color:var(--gold)}.committee-units h4{margin:0 0 11px;color:#8da5d1;font-size:.65rem;line-height:1.35;letter-spacing:.1em;text-transform:uppercase}.committee-units p{margin:5px 0;color:#fff;font-size:.79rem;font-weight:700;line-height:1.4}.committee-units small{display:block;margin-top:8px;color:#8498bc;font-size:.66rem;line-height:1.45}.committee-source{margin:34px 0 0;color:#7186ad;font-size:.67rem;letter-spacing:.04em}
@media(max-width:760px){.committee-modal{width:calc(100% - 18px);max-height:94vh}.committee-header{padding:24px 21px 20px}.committee-header h2{font-size:2.25rem}.committee-header p{font-size:.74rem}.committee-close{width:40px;height:40px}.committee-content{padding:24px 21px 32px}.committee-lead dl,.committee-units{grid-template-columns:1fr}.committee-units article{min-height:0}.committee-trigger{gap:18px}}
/* Randomised gallery collage */
.gallery .photos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;align-items:start;gap:18px}
.gallery .live-photo{grid-column:span 6}
.gallery .live-photo.collage-wide{grid-column:span 8}
.gallery .live-photo.collage-compact{grid-column:span 4}
.gallery .live-photo.collage-tall{grid-column:span 4}
.gallery .collage-wide .live-photo-media{aspect-ratio:16/8}
.gallery .collage-standard .live-photo-media{aspect-ratio:4/3}
.gallery .collage-compact .live-photo-media{aspect-ratio:1/1}
.gallery .collage-tall .live-photo-media{aspect-ratio:4/5}
.gallery-nav,.gallery-counter{display:none!important}
@media(max-width:900px){.gallery .live-photo,.gallery .live-photo.collage-wide,.gallery .live-photo.collage-compact,.gallery .live-photo.collage-tall{grid-column:span 6}.gallery .live-photo-media{aspect-ratio:4/3!important}}
@media(max-width:600px){.gallery .photos{grid-template-columns:1fr}.gallery .live-photo,.gallery .live-photo.collage-wide,.gallery .live-photo.collage-compact,.gallery .live-photo.collage-tall{grid-column:1}.gallery .live-photo-media{aspect-ratio:4/3!important}}
/* Premium event header */
header{position:sticky;top:0;z-index:50;background:rgba(2,9,25,.94);border-bottom:1px solid rgba(255,255,255,.11);box-shadow:0 10px 30px rgba(0,0,0,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
header:after{content:"";position:absolute;right:0;bottom:-1px;width:clamp(110px,18vw,280px);height:2px;background:linear-gradient(90deg,transparent,var(--blue) 45%,var(--red))}
header nav.wrap{width:min(1320px,calc(100% - 48px));height:82px;gap:32px}
.school-brand{flex:0 0 auto;gap:14px;padding-right:29px;border-right:1px solid rgba(255,255,255,.14)}
.school-brand .school-mark{width:48px;height:58px}
.school-brand .school-mark img{width:46px;height:54px;filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(0 7px 12px rgba(0,0,0,.25))}
.school-brand .school-name{display:flex;flex-direction:column;gap:4px;font-family:Inter,sans-serif;line-height:1;letter-spacing:0}
.school-brand .school-name small{color:#7086ae;font-size:.54rem;font-weight:800;letter-spacing:.16em}
.school-brand .school-name b{color:#fff;font-family:Oswald,sans-serif;font-size:.98rem;font-weight:600;letter-spacing:.105em}
.links{height:100%;margin-left:auto;gap:0;font-size:initial;font-weight:initial}
.links>a:not(.nav-epodium){position:relative;display:flex;height:100%;align-items:center;padding:0 13px;color:#b9c5dc;font:750 .72rem/1 Inter,sans-serif;letter-spacing:.015em;transition:color .2s ease}
.links>a:not(.nav-epodium):after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.links>a:not(.nav-epodium):hover,.links>a:not(.nav-epodium).is-active{color:#fff}
.links>a:not(.nav-epodium).is-active:after{transform:scaleX(1)}
.links .nav-epodium{min-height:46px;margin-left:17px;padding:0 20px;border:1px solid rgba(255,255,255,.18);border-radius:2px;background:var(--red);box-shadow:none;color:#fff;font:850 .69rem/1 Inter,sans-serif;letter-spacing:.055em;text-transform:uppercase}
.links .nav-epodium:hover{transform:none;background:#d90816;border-color:#ff5d67}
.nav-live-dot{width:7px;height:7px;margin-right:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.16);animation:headerLive 1.8s ease-out infinite}
@keyframes headerLive{50%{box-shadow:0 0 0 7px rgba(255,255,255,0)}}
.menu{width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.22);font-size:0}.menu:before,.menu:after{content:"";display:block;width:18px;height:2px;margin:5px auto;background:#fff;transition:transform .2s ease}.menu[aria-expanded="true"]:before{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded="true"]:after{transform:translateY(-3.5px) rotate(-45deg)}
@media(max-width:1120px){header nav.wrap{width:min(100% - 34px,1320px)}.school-brand{padding-right:18px}.school-brand .school-name small{display:none}.links>a:not(.nav-epodium){padding:0 9px;font-size:.68rem}.links>a:not(.nav-epodium):after{left:9px;right:9px}.links .nav-epodium{margin-left:10px;padding:0 14px}}
@media(max-width:900px){header nav.wrap{height:72px}.school-brand{border-right:0;padding-right:0}.school-brand .school-name{display:flex}.links.open{top:72px;left:0;right:0;height:auto;margin:0;padding:14px 18px 22px;background:rgba(2,9,25,.98);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 20px 35px rgba(0,0,0,.3);gap:2px}.links.open>a:not(.nav-epodium){width:100%;height:43px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.07);font-size:.76rem}.links.open>a:not(.nav-epodium):after{left:0;right:auto;top:10px;bottom:10px;width:3px;height:auto;transform:scaleY(0)}.links.open>a:not(.nav-epodium).is-active:after{transform:scaleY(1)}.links.open .nav-epodium{width:100%;margin:12px 0 0;min-height:48px}.menu{display:block}}
@media(max-width:520px){header nav.wrap{width:calc(100% - 24px)}.school-brand{gap:10px}.school-brand .school-mark{width:40px;height:48px}.school-brand .school-mark img{width:38px;height:45px}.school-brand .school-name b{font-size:.84rem}.school-brand .school-name small{display:block;font-size:.46rem;letter-spacing:.12em}}
/* Larger header typography */
.school-brand .school-name{gap:0}
.school-brand .school-name b{font-size:1.16rem;letter-spacing:.11em}
.links>a:not(.nav-epodium){padding-left:15px;padding-right:15px;font-size:.82rem;font-weight:800}
.links>a:not(.nav-epodium):after{left:15px;right:15px}
.links .nav-epodium{font-size:.76rem;padding-left:22px;padding-right:22px}
@media(max-width:1120px){.school-brand .school-name b{font-size:1.04rem}.links>a:not(.nav-epodium){padding-left:10px;padding-right:10px;font-size:.75rem}.links>a:not(.nav-epodium):after{left:10px;right:10px}.links .nav-epodium{font-size:.71rem;padding-left:15px;padding-right:15px}}
@media(max-width:900px){.links.open>a:not(.nav-epodium){font-size:.86rem}.links.open .nav-epodium{font-size:.78rem}}
@media(max-width:520px){.school-brand .school-name b{font-size:.96rem}}
/* Logo-only ePodium CTA */
.links .nav-epodium{min-width:142px;padding:0 18px;gap:11px}
.links .nav-epodium img{display:block;width:96px;height:30px;object-fit:contain}
.links .nav-epodium .nav-live-dot{flex:0 0 auto;margin-right:0}
@media(max-width:1120px){.links .nav-epodium{min-width:122px;padding:0 13px;gap:9px}.links .nav-epodium img{width:84px;height:27px}}
@media(max-width:900px){.links.open .nav-epodium{justify-content:center}.links.open .nav-epodium img{width:100px;height:30px}}
/* Uppercase text CTAs */
.actions .btn,.committee-trigger,.gallery-open{text-transform:uppercase;letter-spacing:.065em}

/* ePodium command-centre redesign */
#epodium{position:relative;overflow:hidden;padding:110px 0;background:#05132f}
#epodium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(20,87,230,.2),transparent 36%),linear-gradient(115deg,#06183c,#071d4d 58%,#0b2f76);pointer-events:none}
#epodium .wrap{position:relative}
.epodium.epodium-command{display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:clamp(58px,7vw,105px);align-items:center;padding:clamp(48px,6vw,76px);border:1px solid rgba(255,255,255,.16);border-top:0;border-radius:3px;background:rgba(4,16,43,.72);box-shadow:0 30px 80px rgba(0,0,0,.2);clip-path:none}
.epodium-command:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--red) 0 34%,#fff 34% 66%,var(--blue) 66%)}
.epodium-intro{position:relative}.epodium-kicker{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:#91a7cf;font-size:.66rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.epodium-kicker i{width:26px;height:2px;background:var(--gold)}
.epodium-command .epodium-logo{display:block;width:min(350px,82%);max-height:104px;margin:0 0 35px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.2))}
.epodium-command h2{max-width:590px;margin:0;color:#fff;font-size:clamp(3.4rem,5.2vw,5.5rem);line-height:.92;letter-spacing:-.035em}
.epodium-command .epodium-intro>p{max-width:560px;margin:26px 0 30px;color:#aebdde;font-size:1rem;line-height:1.75}
.epodium-command .actions .btn{min-height:50px;padding:12px 22px}
.epodium-capabilities{padding-left:clamp(28px,4vw,56px);border-left:1px solid rgba(255,255,255,.14)}
.capability-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.14);color:#8fa5cd;font-size:.65rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.capability-head b{color:var(--gold);font-size:.62rem}
.epodium-command .features{counter-reset:module;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.epodium-command .feature{counter-increment:module;position:relative;display:grid;grid-template-columns:38px 1fr;align-items:center;min-height:82px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-left:0;border-radius:0;background:rgba(255,255,255,.045);color:#f5f8ff;font-size:.8rem;font-weight:750;line-height:1.35;transition:background .2s ease,border-color .2s ease}
.epodium-command .feature:before{content:"0" counter(module);display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(255,196,0,.45);color:var(--gold);font-size:.58rem;font-weight:900;letter-spacing:.04em}
.epodium-command .feature:hover{background:rgba(20,87,230,.18);border-color:rgba(92,139,235,.42)}
.capability-note{display:flex;align-items:center;gap:11px;margin:20px 0 0!important;color:#748ab4!important;font-size:.66rem!important;line-height:1.4!important}.capability-note .live-dot{flex:0 0 auto}
@media(max-width:1000px){.epodium.epodium-command{grid-template-columns:1fr;gap:52px}.epodium-capabilities{padding-left:0;padding-top:34px;border-left:0;border-top:1px solid rgba(255,255,255,.14)}}
@media(max-width:600px){#epodium{padding:76px 0}.epodium.epodium-command{padding:34px 23px}.epodium-command .epodium-logo{width:min(300px,92%);margin-bottom:28px}.epodium-command h2{font-size:3.35rem}.epodium-command .epodium-intro>p{font-size:.9rem;line-height:1.65}.epodium-command .features{grid-template-columns:1fr}.epodium-command .feature{min-height:70px}.capability-head{align-items:flex-start;flex-direction:column;gap:7px}}
/* Center logo-only header CTA */
.links .nav-epodium{justify-content:center;gap:0}

/* Championship schedule board */
.program{position:relative;overflow:hidden;padding:118px 0;background:#030d22;color:#fff}
.program:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(20,87,230,.09),transparent 42%),repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.025) calc(25% - 1px) 25%);pointer-events:none}
.program .wrap{position:relative}.program .head{margin-bottom:46px;padding-bottom:27px;border-bottom:1px solid rgba(255,255,255,.14)}
.program h2{color:#fff}.program .eyebrow{color:var(--gold)}.program .head p{color:#8da0c5}
.schedule-cards{display:grid;grid-template-columns:1fr;gap:12px;counter-reset:schedule}
.schedule-cards .card{counter-increment:schedule;position:relative;display:grid;grid-template-columns:minmax(210px,.62fr) minmax(0,1.38fr);grid-template-rows:auto 1fr;column-gap:clamp(35px,6vw,90px);min-height:0;padding:34px 42px 36px;border:1px solid rgba(255,255,255,.11);border-left:6px solid var(--accent);border-top:1px solid rgba(255,255,255,.11);border-radius:2px;background:rgba(8,27,67,.9);box-shadow:none;overflow:hidden;transition:background .22s ease,border-color .22s ease,transform .22s ease}
.schedule-cards .card:hover{transform:translateX(4px);background:#0a2253;border-top-color:rgba(255,255,255,.2);border-right-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}
.schedule-cards .card:before{content:attr(data-day);display:block;position:absolute;right:24px;top:50%;bottom:auto;transform:translateY(-50%);color:rgba(255,255,255,.035);font:800 clamp(8rem,15vw,13rem)/1 Oswald,sans-serif;letter-spacing:-.07em;pointer-events:none}
.schedule-cards .card .date{grid-column:1;grid-row:1;position:relative;z-index:1;margin:0 0 18px;color:var(--accent);font-size:.68rem;font-weight:900;line-height:1.5;letter-spacing:.115em}
.schedule-cards .card h3{grid-column:1;grid-row:2;position:relative;z-index:1;align-self:start;margin:0;color:#fff;font-size:clamp(2rem,3.2vw,3rem);line-height:1.02;letter-spacing:-.025em}
.schedule-cards .schedule-list{grid-column:2;grid-row:1/span 2;position:relative;z-index:1;align-self:center;margin:0;padding:0 0 0 25px;border-left:1px solid rgba(255,255,255,.16)}
.schedule-cards .schedule-list li{position:relative;display:grid;grid-template-columns:78px 1fr;gap:20px;align-items:start;margin:0;padding:12px 0;border:0;color:#bdc9df;font-size:.82rem;line-height:1.45}
.schedule-cards .schedule-list li:before{content:"";position:absolute;left:-30px;top:18px;width:9px;height:9px;border:2px solid var(--accent);border-radius:50%;background:#081b43;box-shadow:0 0 0 5px rgba(8,27,67,.9)}
.schedule-cards .schedule-list time{display:inline-flex;width:max-content;min-width:66px;justify-content:center;padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:.65rem;font-weight:900;line-height:1;letter-spacing:.035em}
.schedule-cards .schedule-list span{padding-top:2px;color:#d4dded;font-weight:650}
@media(max-width:800px){.schedule-cards .card{grid-template-columns:1fr;grid-template-rows:auto;padding:30px 28px}.schedule-cards .card .date,.schedule-cards .card h3,.schedule-cards .schedule-list{grid-column:1;grid-row:auto}.schedule-cards .card h3{max-width:520px;margin-bottom:27px}.schedule-cards .schedule-list{padding-left:22px}.schedule-cards .card:before{right:18px;top:32px;transform:none;font-size:7rem}}
@media(max-width:500px){.program{padding:82px 0}.schedule-cards .card{padding:27px 21px 29px;border-left-width:4px}.schedule-cards .card h3{font-size:2rem}.schedule-cards .schedule-list li{grid-template-columns:62px 1fr;gap:12px;font-size:.76rem}.schedule-cards .schedule-list time{min-width:56px;padding-left:5px;padding-right:5px}.schedule-cards .schedule-list li:before{left:-27px}}
/* KOBaP media hub */
.media-hub{padding:116px 0 124px;background:#edf2f8}
.media-hub .media-head{margin-bottom:38px}.media-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.media-gallery{min-width:0}.media-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:12px 14px;border:1px solid #d7dfeb;background:#fff;color:#6e7b92;font-size:.62rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.media-label span{color:#1457e6}.media-label b{font-size:.58rem}
.media-hub .media-gallery .photos{gap:12px}.media-hub .media-gallery .live-photo-copy{min-height:142px;padding:20px 21px}.media-hub .media-gallery .live-photo-copy strong{font-size:clamp(1.05rem,1.5vw,1.3rem)}
.playlist-panel{position:sticky;top:106px;min-height:520px;padding:30px;border-top:5px solid var(--red);background:#061636;color:#fff;box-shadow:0 18px 45px rgba(7,29,77,.16)}
.playlist-top{display:flex;align-items:center;gap:17px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.14)}.playlist-top small{color:#ffc400;font-size:.61rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.playlist-top h3{margin:7px 0 0;color:#fff;font:600 1.5rem/1.1 Oswald,sans-serif;text-transform:uppercase}.playlist-disc{position:relative;display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:50%;background:repeating-radial-gradient(circle,#182b53 0 4px,#07132e 5px 8px);box-shadow:0 0 0 1px rgba(255,255,255,.18)}.playlist-disc:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #07132e}.playlist-disc i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff}
.playlist-intro{margin:25px 0;color:#aab9d7;font-size:.82rem;line-height:1.65}.playlist-empty{margin-top:32px;padding:24px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.playlist-empty span{color:#fff;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.playlist-empty p{margin:9px 0 0;color:#7186ad;font-size:.7rem;line-height:1.55}.playlist-meta{display:flex;justify-content:space-between;margin-top:30px;color:#667ca5;font-size:.58rem;font-weight:850;letter-spacing:.11em}.playlist-meta b{color:#ffc400}
@media(max-width:980px){.media-layout{grid-template-columns:1fr}.playlist-panel{position:relative;top:auto;min-height:0}.media-hub .media-gallery .live-photo-copy{min-height:150px}}
@media(max-width:600px){.media-hub{padding:82px 0}.media-label{align-items:flex-start;flex-direction:column;gap:5px}.playlist-panel{padding:25px 22px}}

/* Rural field innovation and SDG practice */
.field-innovation{position:relative;overflow:hidden;padding:122px 0;background:#06132f;color:#fff}.field-innovation:before{content:"INOVASI";position:absolute;right:-2vw;top:34px;color:rgba(255,255,255,.025);font:800 15vw/1 Oswald,sans-serif;letter-spacing:-.05em;pointer-events:none}.innovation-wrap{position:relative}.innovation-heading{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);column-gap:clamp(55px,9vw,130px);align-items:end;margin-bottom:62px}.innovation-heading .eyebrow{grid-column:1;color:#ffc400}.innovation-heading h2{grid-column:1;margin:14px 0 0;color:#fff;font-size:clamp(3.6rem,6.5vw,6.5rem);line-height:.91;letter-spacing:-.035em}.innovation-heading p{grid-column:2;grid-row:1/span 2;margin:0;color:#9eafd0;font-size:1rem;line-height:1.8}
.innovation-case{display:grid;grid-template-columns:100px minmax(260px,.72fr) minmax(440px,1.28fr);gap:30px;align-items:center;padding:36px;border:1px solid rgba(255,255,255,.14);border-left:6px solid #ffc400;background:#091d46}.case-number{align-self:stretch;display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.13);color:#ffc400;font:700 3.6rem/1 Oswald,sans-serif}.case-copy>span{color:#7f95be;font-size:.61rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.case-copy h3{margin:10px 0 12px;color:#fff;font-size:2rem}.case-copy p{margin:0;color:#a9b8d4;font-size:.8rem;line-height:1.65}.innovation-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:13px;align-items:center}.innovation-flow>div{min-height:94px;padding:18px 15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}.innovation-flow b,.innovation-flow span{display:block}.innovation-flow b{color:#fff;font-size:.72rem;text-transform:uppercase}.innovation-flow span{margin-top:8px;color:#8195ba;font-size:.65rem;line-height:1.4}.innovation-flow i{color:#ffc400;font-style:normal}
.sdg-strip{display:grid;grid-template-columns:1.15fr repeat(3,1fr);margin-top:18px;border:1px solid rgba(255,255,255,.13)}.sdg-intro,.sdg-strip article{padding:25px}.sdg-intro{background:#071837}.sdg-intro>span{color:#ffc400;font-size:.63rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.sdg-intro p{margin:11px 0 0;color:#7e92b7;font-size:.69rem;line-height:1.55}.sdg-strip article{display:grid;grid-template-columns:42px 1fr;gap:14px;border-left:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);box-shadow:inset 0 4px 0 var(--sdg)}.sdg-strip article>b{color:var(--sdg);font:700 1.85rem/1 Oswald,sans-serif}.sdg-strip article strong,.sdg-strip article span{display:block}.sdg-strip article strong{color:#fff;font-size:.67rem;line-height:1.35;text-transform:uppercase}.sdg-strip article span{margin-top:7px;color:#7e92b7;font-size:.61rem;line-height:1.45}.innovation-note{max-width:760px;margin:35px auto 0;color:#788caf;text-align:center;font-size:.72rem;font-style:italic;line-height:1.65}
@media(max-width:1000px){.innovation-heading{grid-template-columns:1fr;gap:28px}.innovation-heading .eyebrow,.innovation-heading h2,.innovation-heading p{grid-column:1;grid-row:auto}.innovation-heading p{max-width:700px}.innovation-case{grid-template-columns:80px 1fr}.innovation-flow{grid-column:1/-1}.sdg-strip{grid-template-columns:1fr 1fr}.sdg-strip article:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.13)}}
@media(max-width:650px){.field-innovation{padding:85px 0}.innovation-heading{margin-bottom:42px}.innovation-heading h2{font-size:3.6rem}.innovation-case{grid-template-columns:1fr;padding:26px 22px}.case-number{display:block;padding-bottom:18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.13);font-size:2.8rem}.innovation-flow{grid-template-columns:1fr}.innovation-flow i{transform:rotate(90deg);text-align:center}.sdg-strip{grid-template-columns:1fr}.sdg-strip article,.sdg-strip article:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.13)}}
/* Footer event ownership */
.footer-organiser{display:flex;align-items:center;width:max-content;margin:18px 0 15px;border:1px solid rgba(255,255,255,.14);border-left:3px solid var(--gold);background:rgba(255,255,255,.045)}
.footer-organiser span,.footer-organiser b{padding:8px 11px;font-size:.61rem;line-height:1;letter-spacing:.09em;text-transform:uppercase}
.footer-organiser span{color:#7186ad;font-weight:800}
.footer-organiser b{border-left:1px solid rgba(255,255,255,.12);color:#fff;font-weight:850}
.footer-organiser i{padding:0 10px;color:var(--gold);font-size:.78rem;font-style:normal}.footer-organiser:hover{border-color:rgba(255,196,0,.5);background:rgba(255,196,0,.07)}

/* Footer unit identity */
.footer-unit-title{display:flex;align-items:center;gap:16px;margin:18px 0 14px}
.footer-unit-title h3{margin:0}
.footer-unit-link{display:grid!important;place-items:center;flex:0 0 38px;width:38px;height:38px;margin:0!important;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.05);color:var(--gold)!important;font-size:1.05rem;transition:background .2s ease,border-color .2s ease,color .2s ease}
.footer-unit-link:hover,.footer-unit-link:focus-visible{border-color:var(--gold);background:var(--gold);color:#071d4d!important;outline:none}
/* Unframed globe link */
.footer-unit-link{width:28px;height:28px;flex-basis:28px;border:0;background:transparent;color:#8ca1c9!important}
.footer-unit-link svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.footer-unit-link:hover,.footer-unit-link:focus-visible{border:0;background:transparent;color:var(--gold)!important;transform:translateY(-1px)}
/* Privacy notice */
.copy{display:flex;align-items:center;justify-content:space-between;gap:22px}.privacy-open{padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.28);background:transparent;color:#9aacca;font:750 .68rem/1.5 Inter,sans-serif;letter-spacing:.04em;cursor:pointer}.privacy-open:hover,.privacy-open:focus-visible{border-color:var(--gold);color:#fff;outline:none}
.privacy-modal{width:min(720px,calc(100% - 28px));max-height:88vh;margin:auto;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:3px;background:#071838;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.58)}.privacy-modal::backdrop{background:rgba(1,6,20,.82);backdrop-filter:blur(7px)}.privacy-shell>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:29px 32px 24px;border-bottom:1px solid rgba(255,255,255,.14);background:rgba(7,24,56,.97)}.privacy-shell header .eyebrow{color:var(--gold)}.privacy-shell header h2{margin:7px 0 0;color:#fff;font-size:2.75rem}.privacy-close{flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;font:300 1.9rem/1 Arial,sans-serif;cursor:pointer}.privacy-close:hover,.privacy-close:focus-visible{border-color:var(--red);background:var(--red);outline:none}.privacy-content{padding:29px 32px 35px}.privacy-lead{margin:0 0 26px;color:#d3dded;font-size:.94rem;font-weight:650;line-height:1.7}.privacy-content section{padding:21px 0;border-top:1px solid rgba(255,255,255,.11)}.privacy-content h3{margin:0 0 9px;color:#fff;font:600 1.05rem/1.2 Oswald,sans-serif;letter-spacing:.025em;text-transform:uppercase}.privacy-content section p{margin:0;color:#91a4c7;font-size:.78rem;line-height:1.7}.privacy-content a{color:var(--gold);font-weight:800;text-decoration:underline;text-underline-offset:3px}.privacy-updated{margin:8px 0 0;padding:15px;border-left:3px solid var(--blue);background:rgba(255,255,255,.04);color:#7186ad;font-size:.67rem;line-height:1.55}
@media(max-width:600px){.copy{align-items:flex-start;flex-direction:column;gap:12px}.privacy-shell>header{padding:23px 21px 19px}.privacy-shell header h2{font-size:2.3rem}.privacy-content{padding:24px 21px 29px}}
/* Footer unit text link */
.footer-unit-title{display:flex;align-items:flex-start;flex-direction:column;gap:9px}
.footer-unit-url{display:inline-block!important;margin:0!important;color:#8298bf!important;font-size:.66rem;font-weight:750;line-height:1.4;letter-spacing:.025em;text-decoration:none;border-bottom:1px solid rgba(130,152,191,.35)}
.footer-unit-url:hover,.footer-unit-url:focus-visible{color:var(--gold)!important;border-color:var(--gold);outline:none}
/* Two-column footer */
footer .foot{grid-template-columns:minmax(320px,1fr) minmax(320px,.8fr);justify-content:space-between;gap:clamp(70px,12vw,180px)}
footer .foot>div:last-child{justify-self:end;width:min(100%,390px)}
@media(max-width:700px){footer .foot{grid-template-columns:1fr;gap:48px}footer .foot>div:last-child{justify-self:start;width:100%}}
/* Footer social links */
.footer-socials{display:flex;align-items:center;gap:13px;margin-top:9px}.footer-socials>span{margin-right:3px;color:#60769f;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.footer-socials a{display:grid!important;place-items:center;width:28px;height:28px;margin:0!important;color:#8da2c9!important;transition:color .2s ease,transform .2s ease}.footer-socials a:hover,.footer-socials a:focus-visible{color:#fff!important;transform:translateY(-2px);outline:none}.footer-socials svg{width:19px;height:19px;fill:currentColor}
/* Prominent social CTA band */
.social-follow{position:relative;padding:56px 0;background:#071d4d;color:#fff;border-top:1px solid rgba(255,255,255,.12);overflow:hidden}.social-follow:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(20,87,230,.28),transparent 46%),repeating-linear-gradient(-45deg,transparent 0 18px,rgba(255,255,255,.018) 18px 19px);pointer-events:none}.social-follow-inner{position:relative;display:grid;grid-template-columns:minmax(320px,1fr) auto;gap:55px;align-items:center}.social-follow .eyebrow{color:var(--gold)}.social-follow h2{margin:9px 0 8px;color:#fff;font-size:clamp(2.3rem,4.2vw,4rem);line-height:.95}.social-follow p{margin:0;color:#91a5cb;font-size:.78rem}.social-actions{display:flex;gap:12px}.social-cta{display:grid;grid-template-columns:32px minmax(92px,1fr) 18px;gap:14px;align-items:center;min-width:205px;min-height:78px;padding:15px 18px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;transition:transform .2s ease,background .2s ease,border-color .2s ease}.social-cta svg{width:28px;height:28px;fill:currentColor}.social-cta span small,.social-cta span b{display:block}.social-cta span small{margin-bottom:5px;color:#8fa4cb;font-size:.56rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.social-cta span b{font-size:.86rem;letter-spacing:.025em}.social-cta i{color:#91a5cb;font-style:normal}.social-cta:hover,.social-cta:focus-visible{transform:translateY(-4px);border-color:rgba(255,255,255,.55);background:#1457e6;outline:none}.social-cta.tiktok:hover,.social-cta.tiktok:focus-visible{background:#101010}.social-cta:hover span small,.social-cta:hover i{color:#fff}
@media(max-width:950px){.social-follow-inner{grid-template-columns:1fr;gap:30px}.social-actions{width:100%}.social-cta{flex:1}}
@media(max-width:560px){.social-follow{padding:46px 0}.social-follow h2{font-size:2.6rem}.social-actions{flex-direction:column}.social-cta{width:100%;min-height:72px}}
/* Digital innovation case */
.innovation-case+.innovation-case{margin-top:14px}
.innovation-case.innovation-digital{border-left-color:var(--blue);background:linear-gradient(105deg,#081c43,#0a255b)}
.innovation-digital .case-number{color:#5b91ff}
.case-link{display:inline-flex;margin-top:17px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.32);color:#fff;font-size:.65rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.case-link:hover,.case-link:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}
/* Clean innovation editorial layout */
.field-innovation{padding:112px 0;background:#05122c}.field-innovation:before{opacity:.65}
.innovation-heading{grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);margin-bottom:52px}.innovation-heading p{max-width:630px;justify-self:end}
.innovation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.innovation-grid .innovation-case{position:relative;display:flex;flex-direction:column;min-height:430px;margin:0;padding:38px 36px 32px;border:1px solid rgba(255,255,255,.13);border-top:5px solid var(--gold);border-left:1px solid rgba(255,255,255,.13);background:#081c43;overflow:hidden}
.innovation-grid .innovation-case.innovation-digital{margin:0;border-top-color:var(--blue);border-left-color:rgba(255,255,255,.13);background:#081c43}
.innovation-grid .case-number{position:absolute;right:28px;top:25px;display:block;align-self:auto;padding:0;border:0;color:rgba(255,196,0,.2);font-size:5.5rem;line-height:1}
.innovation-grid .innovation-digital .case-number{color:rgba(73,126,235,.27)}
.innovation-grid .case-copy{position:relative;z-index:1;max-width:430px;padding-right:65px}.innovation-grid .case-copy>span{color:#8498bd}.innovation-grid .case-copy h3{margin:13px 0 16px;font-size:clamp(2rem,3vw,3rem);line-height:1}.innovation-grid .case-copy p{font-size:.82rem;line-height:1.75}
.innovation-grid .innovation-flow{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:auto;padding-top:29px;border-top:1px solid rgba(255,255,255,.12)}
.innovation-grid .innovation-flow i{display:none}.innovation-grid .innovation-flow>div{min-height:88px;padding:15px 13px;border:0;background:rgba(255,255,255,.045)}.innovation-grid .innovation-flow b{font-size:.66rem}.innovation-grid .innovation-flow span{font-size:.61rem}
.innovation-grid .case-link{width:max-content;margin-top:20px}
.innovation-wrap>.sdg-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;border:0;background:rgba(255,255,255,.12)}.innovation-wrap>.sdg-strip .sdg-intro{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 22px;background:#071937}.innovation-wrap>.sdg-strip .sdg-intro p{max-width:590px;margin:0;text-align:right}.innovation-wrap>.sdg-strip article,.innovation-wrap>.sdg-strip article:nth-child(3){min-height:128px;border:0;background:#081a3d;box-shadow:inset 0 3px 0 var(--sdg)}
.innovation-note{margin-top:28px}
@media(max-width:900px){.innovation-grid{grid-template-columns:1fr}.innovation-grid .innovation-case{min-height:390px}.innovation-wrap>.sdg-strip{grid-template-columns:1fr}.innovation-wrap>.sdg-strip .sdg-intro{grid-column:1;align-items:flex-start;flex-direction:column}.innovation-wrap>.sdg-strip .sdg-intro p{text-align:left}.innovation-wrap>.sdg-strip article{min-height:0}}
@media(max-width:600px){.innovation-grid .innovation-case{min-height:0;padding:31px 23px 25px}.innovation-grid .case-number{right:20px;top:20px;font-size:4.5rem}.innovation-grid .case-copy{padding-right:42px}.innovation-grid .innovation-flow{grid-template-columns:1fr;margin-top:30px}.innovation-grid .innovation-flow>div{min-height:0}.innovation-heading{margin-bottom:38px}}
/* ePodium logo in innovation card */
.innovation-epodium-logo{display:block;width:min(300px,82%);height:76px;margin:17px 0 20px;object-fit:contain;object-position:left center;filter:drop-shadow(0 7px 14px rgba(0,0,0,.2))}
@media(max-width:600px){.innovation-epodium-logo{width:min(260px,86%);height:66px;margin-top:15px}}
/* Innovation heading correction */
.field-innovation:before{display:none}
.innovation-heading{display:grid;grid-template-columns:minmax(430px,.95fr) minmax(420px,1.05fr);column-gap:clamp(55px,8vw,120px);align-items:end;margin-bottom:48px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.14)}
.innovation-heading .eyebrow{grid-column:1;margin-bottom:14px}
.innovation-heading h2{grid-column:1;max-width:720px;margin:0;color:#fff;font-size:clamp(3.5rem,4.7vw,5.15rem);line-height:.93;letter-spacing:-.035em;text-wrap:balance}
.innovation-heading p{grid-column:2;grid-row:1/span 2;align-self:end;max-width:630px;margin:0;justify-self:end;color:#9eafd0;font-size:.94rem;line-height:1.8}
@media(max-width:1000px){.innovation-heading{grid-template-columns:1fr;gap:0}.innovation-heading .eyebrow,.innovation-heading h2,.innovation-heading p{grid-column:1;grid-row:auto}.innovation-heading h2{max-width:680px}.innovation-heading p{max-width:680px;margin-top:27px;justify-self:start}}
@media(max-width:600px){.innovation-heading{padding-bottom:32px}.innovation-heading h2{font-size:3.25rem;line-height:.95}.innovation-heading p{font-size:.86rem;line-height:1.7}}
/* Sticky-header anchor clearance */
html{scroll-padding-top:118px}
main section[id]{scroll-margin-top:118px}
@media(max-width:900px){html{scroll-padding-top:92px}main section[id]{scroll-margin-top:92px}}
/* Unified community CTA */
.community-cta{position:relative;overflow:hidden;padding:108px 0;background:#030c20;color:#fff}.community-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(20,87,230,.2),transparent 34%),repeating-linear-gradient(-45deg,transparent 0 20px,rgba(255,255,255,.018) 20px 21px);pointer-events:none}.community-shell{position:relative;display:grid;grid-template-columns:minmax(440px,1.12fr) minmax(400px,.88fr);gap:clamp(60px,8vw,120px);align-items:center;padding:clamp(45px,5vw,70px);border:1px solid rgba(255,255,255,.14);border-top:6px solid var(--red);border-bottom:6px solid var(--blue);background:rgba(7,29,77,.78)}
.community-copy .eyebrow{color:var(--gold)}.community-copy h2{max-width:780px;margin:15px 0 24px;color:#fff;font-size:clamp(3.5rem,5.7vw,5.8rem);line-height:.91;letter-spacing:-.04em}.community-copy>p{max-width:670px;margin:0 0 31px;color:#b1bfd9;font-size:.9rem;line-height:1.75}.community-copy .actions{gap:10px}
.community-connect{padding-left:clamp(28px,4vw,52px);border-left:1px solid rgba(255,255,255,.14)}.connect-heading>span{color:#7f95bd;font-size:.61rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.connect-heading h3{margin:10px 0 12px;color:#fff;font-size:2rem}.connect-heading p{margin:0;color:#8fa3c7;font-size:.76rem;line-height:1.65}.connect-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:27px}.connect-links a{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;min-height:76px;padding:14px 15px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.055);color:#fff;transition:transform .2s ease,background .2s ease,border-color .2s ease}.connect-links svg{width:25px;height:25px;fill:currentColor}.connect-links small,.connect-links b{display:block}.connect-links small{margin-bottom:5px;color:#7f95bd;font-size:.54rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.connect-links b{font-size:.75rem}.connect-links i{color:#7f95bd;font-style:normal}.connect-links a:hover,.connect-links a:focus-visible{transform:translateY(-3px);border-color:rgba(255,255,255,.55);background:var(--blue);outline:none}.connect-links .connect-tiktok:hover,.connect-links .connect-tiktok:focus-visible{background:#111}.connect-links a:hover small,.connect-links a:hover i{color:#fff}
@media(max-width:950px){.community-shell{grid-template-columns:1fr;gap:48px}.community-connect{padding-left:0;padding-top:36px;border-left:0;border-top:1px solid rgba(255,255,255,.14)}}
@media(max-width:600px){.community-cta{padding:78px 0}.community-shell{padding:34px 23px}.community-copy h2{font-size:3.25rem}.connect-links{grid-template-columns:1fr}}
/* Right-aligned ePodium footer */
footer .foot>.footer-epodium{justify-self:end;width:min(100%,430px);text-align:right}
.footer-epodium-link{display:inline-block!important;margin:0 0 14px!important}.footer-epodium-link .epodium-logo{width:min(300px,100%);margin:0 0 0 auto;transition:transform .2s ease,filter .2s ease}.footer-epodium-link:hover .epodium-logo,.footer-epodium-link:focus-visible .epodium-logo{transform:translateY(-2px);filter:drop-shadow(0 8px 16px rgba(0,0,0,.28));outline:none}.footer-epodium p{max-width:390px;margin:0 0 12px auto;color:#a8b7d2;font-size:.78rem;line-height:1.65}.footer-epodium-url{display:inline-block!important;margin:0!important;color:#7188b0!important;font-size:.65rem;font-weight:750;letter-spacing:.025em;border-bottom:1px solid rgba(113,136,176,.35)}.footer-epodium-url:hover,.footer-epodium-url:focus-visible{color:var(--gold)!important;border-color:var(--gold);outline:none}
@media(max-width:700px){footer .foot>.footer-epodium{justify-self:start;text-align:left}.footer-epodium-link .epodium-logo{margin-left:0}.footer-epodium p{margin-left:0}}
/* Keep the sticky navigation above animated page sections */
body{isolation:isolate}
header{z-index:1000!important;isolation:isolate}
main{position:relative;z-index:0}
main>section{position:relative;z-index:0;isolation:isolate}
footer,.social-follow{position:relative;z-index:0}
/* Balanced footer marks */
footer .foot>div:first-child>img,.footer-epodium-link .epodium-logo{display:block;width:260px;height:112px;object-fit:contain}
footer .foot>div:first-child>img{object-position:left center}
.footer-epodium-link .epodium-logo{object-position:right center}
@media(max-width:700px){footer .foot>div:first-child>img,.footer-epodium-link .epodium-logo{width:230px;height:98px}.footer-epodium-link .epodium-logo{object-position:left center}}
/* Three-part innovation system */
.innovation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.innovation-grid .innovation-case{min-height:470px;padding:34px 28px 28px}
.innovation-grid .case-copy{padding-right:42px}
.innovation-grid .innovation-qr{border-top-color:var(--red);background:linear-gradient(145deg,#081c43,#101a3d)}
.innovation-grid .innovation-qr .case-number{color:rgba(247,30,49,.25)}
@media(max-width:1100px){.innovation-grid{grid-template-columns:1fr 1fr}.innovation-grid .innovation-qr{grid-column:1/-1;min-height:390px}.innovation-grid .innovation-qr .case-copy{max-width:720px}}
@media(max-width:760px){.innovation-grid{grid-template-columns:1fr}.innovation-grid .innovation-qr{grid-column:auto}.innovation-grid .innovation-case{min-height:0}}
/* Innovation documentary image */
.innovation-photo{display:block;width:100%;aspect-ratio:4/3;margin:18px 0 19px;border:1px solid rgba(255,255,255,.16);object-fit:cover;object-position:center;background:#020a1b}
.innovation-grid .innovation-case:has(.innovation-photo){min-height:620px}
@media(max-width:1100px){.innovation-grid .innovation-case:has(.innovation-photo){min-height:590px}}
@media(max-width:760px){.innovation-grid .innovation-case:has(.innovation-photo){min-height:0}}
/* Innovation evidence quote */
.innovation-quote{position:relative;margin:-2px 0 20px;padding:18px 18px 18px 23px;border:0;border-left:4px solid var(--gold);background:rgba(255,196,0,.085);color:#fff;font:650 clamp(.9rem,1.15vw,1.08rem)/1.55 Inter,sans-serif;letter-spacing:-.012em}
.innovation-quote:before{content:"“";position:absolute;right:14px;top:-10px;color:rgba(255,196,0,.2);font:700 4.5rem/1 Georgia,serif}
.innovation-justification{margin-top:18px!important;padding-top:17px;border-top:1px solid rgba(255,255,255,.13)}
.innovation-justification b{display:block;margin-bottom:7px;color:var(--gold);font-size:.67rem;letter-spacing:.09em;text-transform:uppercase}
.innovation-grid .case-copy>p{text-align:justify;text-justify:inter-word}
.innovation-grid .innovation-case:has(.innovation-photo){min-height:760px}
@media(max-width:1100px){.innovation-grid .innovation-case:has(.innovation-photo){min-height:700px}}
@media(max-width:760px){.innovation-grid .innovation-case:has(.innovation-photo){min-height:0}}
/* Innovation image lightbox */
.innovation-photo{cursor:zoom-in;transition:filter .2s ease,transform .2s ease}
.innovation-photo:hover,.innovation-photo:focus-visible{filter:brightness(1.08);transform:translateY(-2px);outline:3px solid var(--gold);outline-offset:3px}
.innovation-lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:clamp(54px,7vh,82px) clamp(18px,5vw,70px) 30px;border:0;background:rgba(1,6,20,.96);color:#fff;overflow:auto}
.innovation-lightbox::backdrop{background:rgba(1,6,20,.92);backdrop-filter:blur(8px)}
.innovation-lightbox figure{display:grid;place-items:center;width:100%;height:100%;margin:0}
.innovation-lightbox img{display:block;max-width:min(1500px,100%);max-height:calc(100vh - 150px);width:auto;height:auto;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 80px rgba(0,0,0,.55);object-fit:contain}
.innovation-lightbox figcaption{margin-top:14px;color:#b5c3dc;font-size:.75rem;text-align:center}
.innovation-lightbox-close{position:fixed;z-index:2;right:clamp(18px,3vw,42px);top:clamp(16px,3vw,34px);display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.35);background:#071d4d;color:#fff;font:300 2rem/1 Arial,sans-serif;cursor:pointer}
.innovation-lightbox-close:hover,.innovation-lightbox-close:focus-visible{border-color:var(--red);background:var(--red);outline:none}
@media(max-width:600px){.innovation-lightbox{padding:70px 12px 24px}.innovation-lightbox img{max-height:calc(100vh - 140px)}.innovation-lightbox figcaption{padding:0 10px}}
/* Align innovation titles and media */
.innovation-grid .case-copy h3{display:flex;align-items:flex-start;min-height:2em}
.innovation-grid .innovation-photo{margin-top:18px}
@media(max-width:760px){.innovation-grid .case-copy h3{min-height:0}}
/* Lightbox gallery navigation */
.innovation-lightbox figure{grid-template-rows:minmax(0,1fr) auto}
.innovation-lightbox figcaption{display:flex;align-items:center;justify-content:center;gap:18px;min-height:28px}
.innovation-lightbox figcaption b{color:var(--gold);font-size:.68rem;letter-spacing:.08em;white-space:nowrap}
.innovation-lightbox-nav{position:fixed;z-index:2;top:50%;display:grid;place-items:center;width:52px;height:72px;padding:0;border:1px solid rgba(255,255,255,.25);background:rgba(7,29,77,.86);color:#fff;font:300 2.8rem/1 Arial,sans-serif;cursor:pointer;transform:translateY(-50%)}
.innovation-lightbox-prev{left:clamp(10px,2vw,30px)}.innovation-lightbox-next{right:clamp(10px,2vw,30px)}
.innovation-lightbox-nav:hover,.innovation-lightbox-nav:focus-visible{border-color:var(--gold);background:var(--blue);outline:none}
.innovation-lightbox-nav[hidden]{display:none}
@media(max-width:700px){.innovation-lightbox-nav{top:auto;bottom:22px;width:50px;height:50px;transform:none}.innovation-lightbox-prev{left:18px}.innovation-lightbox-next{right:18px}.innovation-lightbox figcaption{padding-bottom:54px}}
/* ePodium dashboard evidence */
.innovation-dashboard-photo{aspect-ratio:1899/873;object-fit:cover;object-position:center}
/* Premium SDG editorial block */
.innovation-wrap>.sdg-strip{display:grid;grid-template-columns:minmax(250px,.85fr) repeat(3,minmax(0,1fr));gap:12px;margin-top:42px;border:0;background:transparent}
.innovation-wrap>.sdg-strip .sdg-intro{grid-column:auto;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;min-height:230px;padding:28px;border:1px solid rgba(255,255,255,.13);border-top:5px solid var(--gold);background:linear-gradient(145deg,#0a2558,#071a3d)}
.innovation-wrap>.sdg-strip .sdg-intro:before{content:"SDG";display:block;margin-bottom:auto;color:rgba(255,196,0,.18);font:700 4.8rem/.8 Oswald,sans-serif;letter-spacing:-.04em}
.innovation-wrap>.sdg-strip .sdg-intro span{color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.innovation-wrap>.sdg-strip .sdg-intro p{max-width:none;margin:13px 0 0;color:#b7c4dc;font-size:.72rem;line-height:1.65;text-align:left}
.innovation-wrap>.sdg-strip article,.innovation-wrap>.sdg-strip article:nth-child(3){position:relative;display:flex;align-items:flex-start;flex-direction:column;min-height:230px;padding:27px 25px 25px;border:1px solid rgba(255,255,255,.12);border-top:5px solid var(--sdg);background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:none;overflow:hidden}
.innovation-wrap>.sdg-strip article:after{content:"";position:absolute;right:-45px;bottom:-55px;width:145px;height:145px;border:28px solid color-mix(in srgb,var(--sdg) 22%,transparent);border-radius:50%;pointer-events:none}
.innovation-wrap>.sdg-strip article>b{position:relative;z-index:1;margin:0 0 auto;color:var(--sdg);font:700 3.4rem/.9 Oswald,sans-serif;letter-spacing:-.035em}
.innovation-wrap>.sdg-strip article>div{position:relative;z-index:1;margin-top:30px}
.innovation-wrap>.sdg-strip article strong{display:block;margin:0 0 9px;color:#fff;font:650 .86rem/1.35 Oswald,sans-serif;letter-spacing:.02em;text-transform:uppercase}
.innovation-wrap>.sdg-strip article span{display:block;color:#8fa3c7;font-size:.68rem;line-height:1.6}
.innovation-note{position:relative;max-width:none;margin:14px 0 0;padding:27px 80px 28px 32px;border:1px solid rgba(255,255,255,.12);border-left:5px solid var(--blue);background:#071936;color:#e7edf8;font:650 clamp(.9rem,1.25vw,1.08rem)/1.65 Inter,sans-serif;text-align:left;font-style:normal}
.innovation-note:after{content:"“";position:absolute;right:27px;top:7px;color:rgba(46,105,235,.3);font:700 5rem/1 Georgia,serif}
@media(max-width:1150px){.innovation-wrap>.sdg-strip{grid-template-columns:1fr 1fr}.innovation-wrap>.sdg-strip .sdg-intro{grid-column:1/-1;min-height:190px}.innovation-wrap>.sdg-strip .sdg-intro:before{font-size:4rem}.innovation-wrap>.sdg-strip article:last-child{grid-column:1/-1}}
@media(max-width:700px){.innovation-wrap>.sdg-strip{grid-template-columns:1fr}.innovation-wrap>.sdg-strip .sdg-intro,.innovation-wrap>.sdg-strip article:last-child{grid-column:auto}.innovation-wrap>.sdg-strip .sdg-intro,.innovation-wrap>.sdg-strip article,.innovation-wrap>.sdg-strip article:nth-child(3){min-height:205px}.innovation-note{padding:24px 52px 24px 23px}}
/* Native KOBaP photo collage */
.gallery-photo-tile .live-photo-media{display:block;position:relative;overflow:hidden;background:#dfe7f3}
.gallery-photo-tile .gallery-static-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;visibility:visible!important;transform:scale(1)!important;transition:transform .45s ease!important}
.gallery-photo-tile:hover .gallery-static-image{transform:scale(1.035)!important}
.gallery-photo-tile .live-photo-media:focus-visible{outline:4px solid var(--gold);outline-offset:-4px}
/* Grouped editorial gallery stories */
.media-hub .media-gallery .photos{display:block}
.gallery-story{position:relative;margin-bottom:22px;border:1px solid #d6deeb;background:#fff;box-shadow:0 16px 40px rgba(7,29,77,.1);overflow:hidden}
.story-mosaic{position:relative;display:grid;grid-template-columns:1.45fr .75fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;height:clamp(460px,50vw,680px);padding:5px;background:#071d4d}
.story-image{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;background:#0a2353}
.story-image-1{grid-column:1;grid-row:1/-1}
.story-image:nth-of-type(n+2){grid-column:2}
.story-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:1;visibility:visible;transition:transform .45s ease,filter .3s ease}
.story-image:hover img,.story-image:focus-visible img{transform:scale(1.035);filter:brightness(1.06)}
.story-image:focus-visible{outline:4px solid var(--gold);outline-offset:-4px}
.story-photo-count{position:absolute;right:18px;bottom:18px;z-index:2;padding:8px 12px;background:rgba(3,12,32,.82);border:1px solid rgba(255,255,255,.38);color:#fff;font-size:.6rem;font-weight:900;letter-spacing:.11em;backdrop-filter:blur(7px)}
.story-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;padding:30px 31px 32px;border-top:4px solid var(--blue)}
.story-caption small{display:block;margin-bottom:12px;color:var(--blue);font-size:.63rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.story-caption strong{display:block;max-width:970px;color:#071d4d;font:650 clamp(1.35rem,2vw,2rem)/1.18 Oswald,sans-serif;text-transform:uppercase}
.story-open{display:flex;align-items:center;gap:17px;color:#566783;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.story-open b{display:grid;place-items:center;width:44px;height:44px;border:1px solid #cbd6e7;color:var(--blue);font-size:1rem;transition:.2s}
.story-open:hover b,.story-open:focus-visible b{border-color:var(--blue);background:var(--blue);color:#fff}.story-open:focus-visible{outline:none}
.story-mosaic[data-images="1"]{grid-template-columns:1fr}.story-mosaic[data-images="1"] .story-image-1{grid-column:1}
.story-mosaic[data-images="2"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.story-mosaic[data-images="2"] .story-image{grid-column:auto;grid-row:1}
.story-mosaic[data-images="3"]{grid-template-rows:1fr 1fr}.story-mosaic[data-images="3"] .story-image-1{grid-row:1/-1}
@media(max-width:760px){.story-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:1.35fr .65fr;height:520px}.story-image-1{grid-column:1/-1;grid-row:1}.story-image:nth-of-type(n+2){grid-column:auto;grid-row:2}.story-image:nth-of-type(n+4){display:none}.story-caption{grid-template-columns:1fr;gap:23px;padding:24px 22px 26px}.story-open{justify-content:space-between}.story-open b{width:42px;height:42px}}
/* Medium fading entry cards */
.media-hub .media-gallery .photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.gallery-entry-card{min-width:0;border:1px solid #d6deeb;background:#fff;box-shadow:0 12px 30px rgba(7,29,77,.09);overflow:hidden}
.entry-slideshow{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#071d4d}
.entry-slideshow img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:1;visibility:visible;transform:scale(1);transition:opacity .42s ease,transform 5.2s ease}
.entry-slideshow img.is-fading{opacity:0;transform:scale(1.025)}
.gallery-entry-card:hover .entry-slideshow img{transform:scale(1.025)}
.entry-slideshow:focus-visible{outline:4px solid var(--gold);outline-offset:-4px}
.entry-image-count{position:absolute;right:13px;top:13px;z-index:2;padding:7px 10px;border:1px solid rgba(255,255,255,.35);background:rgba(3,12,32,.78);color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(6px)}
.entry-caption{display:flex;min-height:190px;padding:22px 22px 20px;flex-direction:column;border-top:4px solid var(--blue)}
.entry-caption small{display:block;margin-bottom:10px;color:var(--blue);font-size:.59rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.entry-caption strong{display:block;color:#071d4d;font:650 clamp(1.05rem,1.45vw,1.32rem)/1.22 Oswald,sans-serif;text-transform:uppercase}
.entry-caption>a{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:20px;color:#60708a;font-size:.59rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.entry-caption>a b{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ccd7e7;color:var(--blue);font-size:.9rem;transition:.2s}
.entry-caption>a:hover b,.entry-caption>a:focus-visible b{border-color:var(--blue);background:var(--blue);color:#fff}.entry-caption>a:focus-visible{outline:none}
@media(max-width:720px){.media-hub .media-gallery .photos{grid-template-columns:1fr}.entry-caption{min-height:170px}.entry-slideshow{aspect-ratio:4/3}}
/* Premium hero event details */
.hero .tag{max-width:620px;margin:0;color:#fff;font-size:clamp(1.05rem,1.35vw,1.22rem);line-height:1.4;letter-spacing:.015em}
.hero .facts{display:grid;grid-template-columns:1fr 1.35fr;gap:34px;width:min(650px,100%);margin:31px 0 28px;padding:0;border:0;background:transparent;backdrop-filter:none}
.hero .facts>div{position:relative;padding:17px 0 0;color:#fff;font-size:clamp(.98rem,1.25vw,1.13rem);font-weight:800;line-height:1.45}
.hero .facts>div:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(20,87,230,.08))}
.hero .facts>div+div{padding-left:0;border:0}.hero .facts>div+div:before{background:linear-gradient(90deg,var(--gold),rgba(255,196,0,.08))}
.hero .facts small{display:block;margin:0 0 8px;color:#8096bd;font-size:.59rem;font-weight:900;line-height:1;letter-spacing:.14em;text-transform:uppercase}
.hero .actions{display:flex;align-items:center;gap:10px;margin:0 0 21px}
.hero .actions .btn{min-height:54px;padding:12px 25px;border-radius:2px;font-size:.69rem;letter-spacing:.055em;text-transform:uppercase}
.hero .actions .outline{border-color:rgba(255,255,255,.35);background:rgba(4,16,44,.36)}
.hero .actions .outline:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.hero-official-note{display:flex!important;align-items:center;gap:8px;width:max-content;max-width:100%;margin:0;color:#91a5c9!important;font-size:.64rem!important;font-weight:650;line-height:1.5}
.hero-official-note i{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#31d488;box-shadow:0 0 0 4px rgba(49,212,136,.12)}
.hero-official-note b{color:#fff;font-weight:850;letter-spacing:.02em}
@media(max-width:700px){.hero .facts{grid-template-columns:1fr;gap:19px;margin:27px 0 25px}.hero .facts>div{padding-top:14px}.hero .actions{align-items:stretch;flex-direction:column;width:100%}.hero .actions .btn{width:100%}.hero-official-note{align-items:flex-start;width:auto}.hero-official-note i{margin-top:5px}}
/* Tighter page rhythm */
main>.section{padding-top:88px;padding-bottom:88px}
main>.gallery,main>.field-innovation,main>.community-cta{padding-top:88px;padding-bottom:88px}
.head{margin-bottom:28px}
.innovation-heading{margin-bottom:38px;padding-bottom:34px}
.innovation-wrap>.sdg-strip{margin-top:32px}
.innovation-note{margin-top:12px}
.community-shell{padding:clamp(38px,4.3vw,58px)}
footer{padding-top:48px}
@media(max-width:700px){main>.section,main>.gallery,main>.field-innovation,main>.community-cta{padding-top:66px;padding-bottom:66px}.head{margin-bottom:24px}.innovation-heading{margin-bottom:30px;padding-bottom:27px}.innovation-wrap>.sdg-strip{margin-top:25px}.community-shell{padding:30px 22px}footer{padding-top:42px}}
/* Innovation header must not inherit site navigation */
.innovation-heading{position:static;top:auto;z-index:auto;background:transparent!important;color:inherit;box-shadow:none;backdrop-filter:none;isolation:auto}