/* ============================================
   APCE 2027 – CSS v4
   Fixes: grid center, button visibility, variable-width
   exhibition grid, independent carousels, footer restructure
   ============================================ */

/* ---------- Reset & Vars ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
    --n9:#0B1D3A;--n8:#132B4F;--n7:#1B3D68;--n6:#245087;
    --a:#00B4D8;--ah:#0098B7;--ag:rgba(0,180,216,0.12);
    --w:#fff;--g1:#F5F7FA;--g2:#E4E7EC;--g3:#C8CDD5;--g4:#9CA3AF;--g5:#6B7280;--g7:#374151;--g9:#111827;
    --t:#1A1A2E;--tl:#6B7280;
    --r:8px;--rl:12px;
    --sh:0 4px 20px rgba(0,0,0,0.06);--shl:0 12px 40px rgba(0,0,0,0.1);
    --tr:0.25s ease;--mw:1200px;--hh:120px;
}
html{scroll-behavior:smooth;scroll-padding-top:var(--hh)}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--t);background:var(--w);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;border:none;background:none;font:inherit}
.container{width:100%;max-width:var(--mw);margin:0 auto;padding:0 24px}
.sec-label{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--a);margin-bottom:12px}
.sec-title{font-size:36px;font-weight:700;line-height:1.25;color:var(--n9);margin-bottom:48px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;border-radius:var(--r);transition:all var(--tr);white-space:nowrap;border:2px solid transparent}
.btn-sm{padding:10px 22px;font-size:15px}.btn-lg{padding:14px 32px;font-size:15px;border-radius:var(--rl)}
.btn-a{background:var(--a);color:var(--w);border-color:var(--a)}
.btn-a:hover{background:var(--ah);border-color:var(--ah);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,180,216,0.35)}
.btn-outline{background:var(--ag);color:var(--a);border-color:var(--a)}
.btn-outline:hover{background:var(--a);color:var(--w);border-color:var(--a);transform:translateY(-1px)}
.btn-o-w{background:transparent;color:var(--n8);border-color:var(--g2)}
.btn-o-w:hover{border-color:var(--a);color:var(--a)}
.btn-olw{background:transparent;color:var(--w);border-color:rgba(255,255,255,.4)}
.btn-olw:hover{border-color:var(--w);background:rgba(255,255,255,.1)}

/* ====== HEADER ====== */
#header{position:fixed;top:0;left:0;right:0;height:var(--hh);background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;transition:all var(--tr);border-bottom:1px solid transparent}
#header.scrolled{border-color:var(--g2);box-shadow:0 1px 3px rgba(0,0,0,.05)}
.head-inner{max-width:var(--mw);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-txt{display:flex;flex-direction:column;line-height:1.1}
.logo-n{font-size:22px;font-weight:800;color:var(--n9);letter-spacing:.02em}
.logo-y{font-size:12px;font-weight:600;color:var(--a);letter-spacing:.1em}
.logo-img{max-height:100px;max-width:100%;height:auto;width:auto;object-fit:contain;display:block}
#mainNav{display:flex;align-items:center}
.nav-l{display:flex;align-items:center;gap:4px}
.nav-l>li{position:relative}
.nav-l>li>a{display:block;padding:10px 18px;font-size:17px;font-weight:500;color:var(--g7);border-radius:6px;transition:all var(--tr)}
.nav-l>li>a:hover,.nav-l>li>a.active{color:var(--n9);background:var(--g1)}
.nav-l>li>a.active{font-weight:600}
.has-sub>a::after{content:'';display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:6px;vertical-align:middle;transition:transform var(--tr)}
.has-sub:hover>a::after{transform:rotate(-135deg)}
.sub{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:var(--w);border-radius:var(--r);box-shadow:var(--shl);padding:8px 0;min-width:200px;opacity:0;visibility:hidden;transition:all var(--tr);border:1px solid var(--g2);z-index:1001}
.has-sub:hover .sub{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.sub li a{display:block;padding:12px 24px;font-size:15px;color:var(--g7);transition:all var(--tr)}
.sub li a:hover{color:var(--a);background:var(--g1)}
.nav-acts{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-acts-m{display:none}
.lang-sw{font-size:12px;font-weight:700;color:var(--g4);padding:6px 10px;border-radius:4px;transition:all var(--tr)}
.lang-sw:hover{color:var(--a);background:var(--g1)}
.mob-tog{display:none;flex-direction:column;gap:5px;padding:8px;z-index:11001}
.mob-tog span{display:block;width:22px;height:2px;background:var(--n9);transition:all .3s;border-radius:2px}
.mob-tog.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.mob-tog.open span:nth-child(2){opacity:0}
.mob-tog.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ====== HERO ====== */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:120px 24px 80px}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.05);transition:transform 6s ease}
.hero:hover .hero-bg{transform:scale(1)}
.hero-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,29,58,.5) 0%,rgba(11,29,58,.65) 50%,rgba(11,29,58,.75) 100%)}
.hero-in{position:relative;z-index:2;text-align:center;max-width:900px}
.hero-sup{font-size:16px;color:rgba(255,255,255,.7);letter-spacing:.06em;margin-bottom:24px}
.hero-h1{margin-bottom:20px}
.hero-h1m{display:block;font-size:44px;font-weight:300;color:var(--w);line-height:1.3;letter-spacing:-.01em;margin-bottom:12px}
.hero-h1a{display:block;font-size:76px;font-weight:800;color:var(--a);letter-spacing:.04em;line-height:1}
.hero-tag{font-size:20px;color:rgba(255,255,255,.8);font-weight:300;letter-spacing:.02em;margin-bottom:24px}
.hero-ven{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;color:rgba(255,255,255,.6);margin-bottom:40px}
.hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hero-scr{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.4);font-size:11px;letter-spacing:.1em;text-transform:uppercase}

/* ====== COUNTDOWN – Flip Card, Left-Right ====== */
.cd{padding:80px 0;background:var(--w)}
.cd-row{display:flex;align-items:center;justify-content:space-between;gap:48px}
.cd-left{flex:1}
.cd-title{font-size:28px;font-weight:300;color:var(--g7);font-style:italic;margin-bottom:8px}
.cd-sub{font-size:40px;font-weight:800;color:var(--a);letter-spacing:.02em}
.cd-venue{font-size:15px;color:var(--g5);margin-top:8px}
.cd-right{flex:1;display:flex;justify-content:flex-end}
.cd-grid{display:flex;gap:20px}
.cd-item{display:flex;flex-direction:column;align-items:center;min-width:90px}
.cd-flip{position:relative;width:90px;height:100px;background:#2D3748;color:var(--w);font-size:52px;font-weight:700;font-family:'SF Mono','Cascadia Code','Consolas',monospace;display:flex;align-items:center;justify-content:center;border-radius:var(--rl);overflow:hidden;line-height:1;box-shadow:0 6px 20px rgba(0,0,0,.12);transition:transform .2s}
.cd-flip.flipping{animation:flipIn .5s ease}
.cd-flip::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.3);z-index:2}
.cd-lbl{font-size:12px;font-weight:600;color:var(--g5);letter-spacing:.08em;text-transform:uppercase;margin-top:12px}
@keyframes flipIn{0%{transform:rotateX(90deg);opacity:.3}50%{transform:rotateX(-10deg)}100%{transform:rotateX(0);opacity:1}}

/* ====== DATA OVERVIEW ====== */
.dov{padding:60px 0;background:var(--w);position:relative;z-index:1}
.dov-row{display:flex;align-items:center;justify-content:center;gap:0;padding:48px 40px;background:var(--w);border-radius:var(--rl);border:1px solid var(--g2);position:relative;z-index:2;box-shadow:var(--sh)}
.dov-item{display:flex;flex-direction:column;align-items:center;padding:0 56px}
.dov-num{font-size:42px;font-weight:700;color:var(--n9);line-height:1.1}
.dov-num small{font-size:22px;font-weight:400;color:var(--a);margin-left:2px}
.dov-lbl{font-size:14px;color:var(--g5);margin-top:4px}
.dov-div{width:1px;height:56px;background:var(--g2)}

/* ====== WHY VISIT – Alternating Image+Text [FIX: number opacity, button style] ====== */
.wv{padding:100px 0 80px;background:var(--g1)}
.wv-row{display:flex;align-items:center;gap:64px;margin-bottom:64px}
.wv-row:last-child{margin-bottom:0}
.wv-row-r{flex-direction:row-reverse}
.wv-img{flex:1;min-height:340px;border-radius:var(--rl);overflow:hidden}
.wv-img-bg{width:100%;height:100%;min-height:340px;background-size:cover;background-position:center;border-radius:var(--rl);transition:transform .5s ease}
.wv-row:hover .wv-img-bg{transform:scale(1.03)}
.wv-img-1{background-image:url(https://images.unsplash.com/photo-1531297484001-80022131f5a1?w=800&q=80)}.wv-img-2{background-image:url(https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=800&q=80)}.wv-img-3{background-image:url(https://images.unsplash.com/photo-1515187029135-18ee286d815b?w=800&q=80)}.wv-img-4{background-image:url(https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&q=80)}
.wv-txt{flex:1;padding:20px 0}
.wv-num{display:block;font-size:48px;font-weight:800;color:var(--a);opacity:.85;line-height:1;margin-bottom:12px}
.wv-txt h3{font-size:26px;font-weight:700;color:var(--n9);margin-bottom:16px}
.wv-txt p{font-size:16px;color:var(--g5);line-height:1.7;margin-bottom:24px}
/* [FIX] Why Visit buttons: thicker border, no border-radius */
.wv .btn-outline{border-width:3px;border-radius:0;padding:10px 24px}

/* ====== EXHIBITION SCOPE – Variable-width rows, no gap [REWRITE] ====== */
.sc{padding:80px 0;background:var(--w)}
.sc-grid{display:flex;flex-direction:column;gap:0}
.sc-row{display:flex;width:100%}
/* Row 1: 40% + 30% + 30% */
.sc-row-1 .sc-card:nth-child(1){flex:0 0 40%}
.sc-row-1 .sc-card:nth-child(2){flex:0 0 30%}
.sc-row-1 .sc-card:nth-child(3){flex:0 0 30%}
/* Row 2: 33% × 3 */
.sc-row-2 .sc-card{flex:0 0 33.333%}
/* Row 3: 30% + 30% + 40% */
.sc-row-3 .sc-card:nth-child(1){flex:0 0 30%}
.sc-row-3 .sc-card:nth-child(2){flex:0 0 30%}
.sc-row-3 .sc-card:nth-child(3){flex:0 0 40%}
/* Row 4: 100% */
.sc-row-4 .sc-card{flex:0 0 100%}

.sc-card{position:relative;height:280px;border-radius:0;overflow:hidden;cursor:pointer;transition:all var(--tr);display:block}
.sc-card:hover .sc-bg{transform:scale(1.06)}
.sc-card:hover .sc-ov{background:linear-gradient(0deg,rgba(11,29,58,.92) 0%,rgba(11,29,58,.4) 60%,rgba(11,29,58,.2) 100%)}
.sc-card--full{height:340px}
.sc-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s ease}
.sc-ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,29,58,.85) 0%,rgba(11,29,58,.3) 60%,rgba(11,29,58,.1) 100%);transition:background var(--tr)}
.sc-top{position:absolute;top:20px;left:20px;right:80px;z-index:3}
.sc-num{display:block;font-size:11px;font-weight:700;color:var(--a);letter-spacing:.08em;margin-bottom:6px}
.sc-top h4{font-size:17px;font-weight:600;color:var(--w);line-height:1.3;margin-bottom:8px}
.sc-more{font-size:12px;font-weight:600;color:var(--a);letter-spacing:.04em;opacity:0;transform:translateX(-8px);transition:all var(--tr);display:inline-block}
.sc-card:hover .sc-more{opacity:1;transform:translateX(0)}
.sc-booth{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(0,180,216,.2);border:1px solid rgba(0,180,216,.4);border-radius:100px;font-size:12px;font-weight:600;color:var(--w);z-index:3;transition:all var(--tr);backdrop-filter:blur(4px)}
.sc-card:hover .sc-booth{background:var(--a);border-color:var(--a)}
/* BGs */
.sc-bg-1{background-image:url(https://images.unsplash.com/photo-1597852074816-d933c7d2b988?w=800&q=80)}.sc-bg-2{background-image:url(https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=800&q=80)}.sc-bg-3{background-image:url(https://images.unsplash.com/photo-1581092160562-40d0b0281e36?w=800&q=80)}.sc-bg-4{background-image:url(https://images.unsplash.com/photo-1473341304170-971dccb5ac1e?w=800&q=80)}.sc-bg-5{background-image:url(https://images.unsplash.com/photo-1544197150-b99a580bb7a8?w=800&q=80)}.sc-bg-6{background-image:url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=800&q=80)}.sc-bg-7{background-image:url(https://images.unsplash.com/photo-1620714223084-8fcacc6dfd8d?w=800&q=80)}.sc-bg-8{background-image:url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&q=80)}.sc-bg-9{background-image:url(https://images.unsplash.com/photo-1578575437130-527eed3bac86?w=800&q=80)}.sc-bg-10{background-image:url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&q=80)}

/* ====== CAROUSEL BASE (shared) ====== */
.carousel{position:relative;overflow:hidden}
.carousel-track{display:flex;transition:transform .5s ease}
.carousel-slide{flex:0 0 100%;min-width:100%}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--w);border:1px solid var(--g2);color:var(--g7);font-size:22px;display:flex;align-items:center;justify-content:center;transition:all var(--tr);z-index:5;box-shadow:var(--sh)}
.carousel-btn:hover{background:var(--n9);color:var(--w);border-color:var(--n9)}
.carousel-btn--prev{left:8px}.carousel-btn--next{right:8px}
.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}
.carousel-dot{width:10px;height:10px;border-radius:50%;background:var(--g3);cursor:pointer;transition:all var(--tr)}
.carousel-dot.active{background:var(--a);width:24px;border-radius:100px}

/* ====== EVENTS – Single-card slide carousel ====== */
.ev{padding:80px 0;background:var(--g1)}
.ev-sub{font-size:16px;color:var(--g5);margin-top:-32px;margin-bottom:40px}
.ev .carousel-slide{flex:0 0 100%;min-width:100%;padding:0 4px}
.ev-card{border-radius:var(--rl);overflow:hidden;background:var(--w);border:1px solid var(--g2);transition:all var(--tr)}
.ev-card:hover{box-shadow:var(--sh)}
.ev-card-img{height:260px;background-size:cover;background-position:center}
.ev-card-body{padding:32px}
.ev-badge{display:inline-block;padding:4px 12px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;background:var(--ag);color:var(--a)}
.ev-card h3{font-size:22px;font-weight:600;color:var(--n9);margin-bottom:10px}
.ev-card p{font-size:15px;color:var(--g5);line-height:1.6}
.ev-card--main{background:linear-gradient(135deg,rgba(11,29,58,0.92),rgba(19,43,79,0.88)),url(https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&q=80);background-size:cover;background-position:center;border-color:transparent}
.ev-card--main h3,.ev-card--main p{color:rgba(255,255,255,.9)}
.ev-card--main .ev-card-body{color:var(--w)}
.ev-card--main .ev-card-img{height:0}
.ev-card--main .ev-card-body{padding:48px}
.ev-card--main .ev-badge{background:rgba(255,255,255,.12)}
.ev-img-1{background-image:url(https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&q=80)}.ev-img-2{background-image:url(https://images.unsplash.com/photo-1450101499163-c8848c66ca85?w=800&q=80)}.ev-img-3{background-image:url(https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=800&q=80)}.ev-img-4{background-image:url(https://images.unsplash.com/photo-1515187029135-18ee286d815b?w=800&q=80)}.ev-img-5{background-image:url(https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=800&q=80)}.ev-img-6{background-image:url(https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=800&q=80)}

/* ====== DUAL CTA ====== */
.dcta{padding:60px 0;background:var(--w)}
.dcta-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dcta-card{padding:48px 40px;border-radius:var(--rl);color:var(--w);text-align:center;display:flex;flex-direction:column;align-items:center}
.dcta--ex{background:linear-gradient(135deg,#1E3A5F,#2B5F8A)}
.dcta--vi{background:linear-gradient(135deg,#2B5F8A,#0088A0)}
.dcta-card h3{font-size:28px;font-weight:700;margin-bottom:12px}
.dcta-card p{font-size:15px;opacity:.8;max-width:400px;margin:0 auto 28px;line-height:1.6;flex:1}
.dcta-card .btn{margin-top:auto}

/* ====== PARTNERS – CSS Marquee [REWRITE: no buttons/dots, continuous scroll] ====== */
.pt{padding:80px 0;background:var(--w);overflow:hidden}
.pt-marquee{position:relative;overflow:hidden;margin:0 -24px;padding:0 24px}
.pt-marquee::before,.pt-marquee::after{content:'';position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.pt-marquee::before{left:0;background:linear-gradient(90deg,var(--w),transparent)}
.pt-marquee::after{right:0;background:linear-gradient(270deg,var(--w),transparent)}
.pt-track{display:flex;gap:24px;width:max-content;animation:ptMarquee 40s linear infinite}
.pt-track:hover{animation-play-state:paused}
@keyframes ptMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.pt-slide{flex:0 0 200px;width:200px}
.pt-link{display:block;height:100px;border:1px solid var(--g2);border-radius:var(--r);overflow:hidden;transition:all var(--tr);background:var(--w);display:flex;align-items:center;justify-content:center}
.pt-link:hover{border-color:var(--a);box-shadow:var(--sh);transform:translateY(-2px)}
.pt-link img{max-width:100%;max-height:100%;height:auto;width:auto;object-fit:contain;padding:12px}
.pt-link .pt-initials{font-size:22px;font-weight:800;color:var(--n9);letter-spacing:.02em;background:var(--g1);width:100%;height:100%;display:flex;align-items:center;justify-content:center}

/* ====== NEWS – Multi-card slide carousel ====== */
.nw{padding:80px 0;background:var(--g1)}
.nw .carousel-track{gap:16px}
.nw .carousel-slide{flex:0 0 calc(33.333% - 12px);min-width:calc(33.333% - 12px);display:flex}
.nw-card{border-radius:var(--rl);overflow:hidden;background:var(--w);border:1px solid var(--g2);transition:all var(--tr);display:flex;flex-direction:column;width:100%}
.nw-card:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.nw-card-img{height:180px;background-size:cover;background-position:center;flex-shrink:0}
.nw-card-body{padding:24px;display:flex;flex-direction:column;flex:1}
.nw-card-body time{display:block;font-size:12px;color:var(--g4);margin-bottom:8px}
.nw-card-body h3{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px}
.nw-card-body h3 a{color:var(--n9);transition:color var(--tr)}
.nw-card-body h3 a:hover{color:var(--a)}
.nw-card-body p{font-size:14px;color:var(--g5);line-height:1.5;flex:1}
.nw-img-1{background-image:url(https://images.unsplash.com/photo-1504384308090-c54be3852f33?w=800&q=80)}.nw-img-2{background-image:url(https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=800&q=80)}.nw-img-3{background-image:url(https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&q=80)}.nw-img-4{background-image:url(https://images.unsplash.com/photo-1497366216548-37526070297c?w=800&q=80)}

/* ====== FOOTER – 3 columns [REWRITE] ====== */
.ft{background:#1A2A3D;color:var(--g4);padding:56px 0 0}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.06)}
.ft-col--brand{display:flex;flex-direction:column}
.ft-logo{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px}
.ft-logo .logo-img{max-height:160px;max-width:100%;height:auto;width:auto;object-fit:contain}
.ft-logo span{font-size:22px;font-weight:700;color:var(--w);display:none}
.ft-desc{font-size:14px;line-height:1.7;margin-bottom:20px;max-width:320px}
.ft-qr{display:flex;align-items:center;gap:16px;margin-top:8px}
.ft-qr-img{width:88px;height:88px;background:var(--w);border-radius:8px;padding:6px;flex-shrink:0}
.ft-qr-img svg{width:100%;height:100%}
.ft-qr-txt{font-size:13px;color:var(--g4);line-height:1.5}
.ft-qr-txt strong{display:block;color:var(--w);font-size:14px;margin-bottom:4px}
.ft-col h4{font-size:14px;font-weight:600;color:var(--w);margin-bottom:16px}
.ft-col ul li{margin-bottom:10px}
.ft-col ul li a{font-size:14px;color:var(--g4);transition:color var(--tr)}
.ft-col ul li a:hover{color:var(--a)}
.ft-contact li{font-size:13px;line-height:1.6;margin-bottom:10px;display:flex;align-items:flex-start;gap:8px}
.ft-contact li svg{flex-shrink:0;margin-top:2px;color:var(--a)}
.ft-social{display:flex;gap:10px;margin-bottom:20px}
.ft-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.06);color:var(--g4);transition:all var(--tr)}
.ft-social a:hover{background:var(--a);color:var(--w);transform:translateY(-2px)}
.ft-bot{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:13px}
.ft-bot-l{display:flex;gap:16px}
.ft-bot-l a{color:var(--g4);transition:color var(--tr)}
.ft-bot-l a:hover{color:var(--a)}

/* ====== RESPONSIVE ====== */
@media(max-width:1024px){
    :root{--hh:100px}
    .hero-h1m{font-size:32px}.hero-h1a{font-size:54px}
    .sec-title{font-size:28px}
    .cd-row{flex-direction:column;text-align:center;gap:32px}
    .cd-right{justify-content:center}
    .wv-row,.wv-row-r{flex-direction:column;gap:32px}.wv-img{width:100%}
    /* Exhibition: tablet → 2 columns for rows 1-3, full for row 4 */
    .sc-row .sc-card:nth-child(n){flex:0 0 50%}
    .sc-row-1 .sc-card:nth-child(3),
    .sc-row-3 .sc-card:nth-child(3){flex:0 0 100%}
    .sc-row-4 .sc-card{flex:0 0 100%}
    .dov-row{flex-wrap:wrap;gap:20px;padding:32px 24px}.dov-item{padding:0 24px}.dov-div{display:none}
    .dcta-grid{grid-template-columns:1fr}
    .nw .carousel-slide{flex:0 0 calc(50% - 8px);min-width:calc(50% - 8px)}
    .ft-grid{grid-template-columns:1fr 1fr;gap:32px}.ft-col--brand{grid-column:1/-1}
}
@media(max-width:768px){
    :root{--hh:88px}
    /* Remove backdrop-filter so the fixed mobile menu anchors to the viewport,
       not the 60px header box (blur creates a containing block for fixed children). */
    #header{backdrop-filter:none;-webkit-backdrop-filter:none}
    #mainNav{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--w);flex-direction:column;align-items:stretch;justify-content:flex-start;padding:110px 24px 32px;transform:translateX(100%);transition:transform .35s ease;overflow-y:auto;z-index:11000;box-shadow:-8px 0 30px rgba(0,0,0,.18)}
    #mainNav.open{transform:translateX(0)}
    .nav-l{flex-direction:column;align-items:stretch;gap:0}
    .nav-l>li>a{padding:14px 0;font-size:16px;border-bottom:1px solid var(--g1);border-radius:0;display:block}
    .has-sub>a{display:flex;justify-content:space-between;align-items:center}
    .has-sub>a::after{content:'›';display:inline-block;width:auto;height:auto;border:none;transform:none;margin-left:8px;font-size:20px;font-weight:700;color:var(--g4);transition:transform var(--tr)}
    .has-sub.open>a::after{transform:rotate(90deg)}
    .sub{display:none;position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:none;padding:0 0 0 16px;background:none;transition:none !important;z-index:auto;min-width:0}
    .has-sub:hover .sub{opacity:1;visibility:visible;transform:none}
    .has-sub.open .sub{display:block;opacity:1;visibility:visible;transform:none}
    .sub li{margin:0}
    .sub li a{display:block;padding:12px 16px;font-size:15px;color:var(--g7);border-bottom:1px solid var(--g1);transition:background .2s,color .2s}
    .mob-tog{display:flex;position:fixed;top:18px;right:18px;z-index:11002}
    .nav-acts{display:none}
    .nav-acts-m{display:flex;flex-direction:column;gap:12px;margin-top:24px}
    .nav-acts-m .btn{width:100%}
    .hero{min-height:90vh;padding:100px 20px 60px}
    .hero-h1m{font-size:24px}.hero-h1a{font-size:42px}
    .sec-title{font-size:24px;margin-bottom:32px}
    .cd-flip{width:70px;height:80px;font-size:40px}.cd-item{min-width:70px}.cd-grid{gap:12px}
    /* Exhibition: mobile → single column stack */
    .sc-row .sc-card:nth-child(n){flex:0 0 100%}
    .sc-row{flex-wrap:wrap}
    .sc-card{height:220px}.sc-card--full{height:260px}
    .dov-row{flex-direction:column;gap:16px}.dov-num{font-size:32px}
    .wv-txt h3{font-size:22px}
    .carousel-btn{width:36px;height:36px;font-size:18px}
    .nw .carousel-slide{flex:0 0 100%;min-width:100%}
    .ev-card-img{height:180px}
    .ft-grid{grid-template-columns:1fr;gap:28px}
    .ft-bot{flex-direction:column;gap:10px;text-align:center}
    .dcta-card{padding:32px 24px}.dcta-card h3{font-size:22px}
    .pt-slide{flex:0 0 160px;width:160px}
    .pt-link{height:80px}
}
@media(max-width:480px){
    .hero-h1m{font-size:20px}.hero-h1a{font-size:34px}
    .hero-btns{flex-direction:column;align-items:center}
    .hero-btns .btn{width:100%;max-width:280px}
    .cd-title{font-size:22px}.cd-sub{font-size:30px}
    .cd-flip{width:60px;height:70px;font-size:32px}.cd-item{min-width:60px}
    .cd-lbl{font-size:10px}
    .pt-slide{flex:0 0 140px;width:140px}
    .pt-link{height:70px}
}