/* ALUCO D GROUP — Corporate Positioning Website · Navy/Gold Executive theme */
:root{
  --navy:#0D1527; --navy-2:#152037; --navy-3:#1d2b48;
  --gold:#D4AF37; --gold-2:#e8c766; --ink:#0D1527; --mut:#5a6478;
  --line:rgba(13,21,39,.10); --bg:#ffffff; --soft:#f6f8fb;
  --hd:'Montserrat','Inter',Arial,sans-serif; --body:'Inter','Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:none;margin:0 auto;padding:0 clamp(18px,4.5vw,76px)}/* fit-width */
.inner{max-width:none;margin:0}/* true fit-width; hero/nav/body all flush-left at wrap edge */
h1,h2,h3,.serif{font-family:var(--hd);font-weight:800;letter-spacing:-.5px;line-height:1.16}
.gold{color:var(--gold)}
.kicker{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600}

/* ── Nav ── */
.nav{position:sticky;top:0;z-index:100;background:rgba(13,21,39,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,175,55,.22)}
.nav .navbar{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand img{height:44px;width:auto}
.brand b{font-family:var(--hd);font-size:19px;letter-spacing:1px}
.brand b span{color:var(--gold)}
.menu{display:flex;align-items:center;gap:2px;list-style:none;flex-wrap:nowrap}
.menu>li{position:relative}
.menu>li>a{display:block;padding:11px 12px;color:#cfd6e4;font-size:13px;font-weight:500;letter-spacing:.01em;border-radius:8px;transition:.15s;white-space:nowrap}
.menu>li>a:hover,.menu>li.active>a{color:#fff}
.menu>li>a:hover{background:rgba(212,175,55,.12)}
.menu>li.active>a{color:var(--gold)}
.menu .has>a::after{content:'›';margin-left:6px;color:var(--gold);font-weight:700}
.sub{position:absolute;top:100%;left:0;min-width:248px;background:var(--navy-2);border:1px solid rgba(212,175,55,.22);border-radius:12px;padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.menu>li:hover .sub{opacity:1;visibility:visible;transform:translateY(4px)}
.sub a{display:block;padding:9px 13px;color:#cfd6e4;font-size:13px;border-radius:8px}
.sub a:hover{background:rgba(212,175,55,.14);color:#fff}
.navcta{background:var(--gold);color:var(--navy)!important;padding:11px 20px!important;border-radius:9px;font-weight:700!important}
.navcta:hover{background:var(--gold-2)!important}
.burger{display:none;background:0;border:0;color:#fff;cursor:pointer;font-size:26px}

/* ── Hero ── */
.hero{position:relative;min-height:620px;display:flex;background:var(--navy)}
.hero .img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.9}
.hero .scrim{position:absolute;inset:0;background:linear-gradient(100deg,var(--navy) 0%,var(--navy) 32%,rgba(13,21,39,.78) 50%,rgba(13,21,39,.25) 100%)}
.hero .wrap{position:relative;display:flex;align-items:center;width:100%}
.hero .copy{max-width:680px;padding:104px 0;color:#fff}
.hero .kicker{margin-bottom:18px}
.hero h1{font-size:clamp(40px,5.2vw,66px);color:#fff;margin-bottom:10px;line-height:1.08;letter-spacing:-.5px}
.hero h1 em{font-style:normal;color:var(--gold);display:block;margin-top:4px}
.hero .sub{font-size:17px;line-height:1.7;color:#c5cee0;margin:24px 0 34px;max-width:600px}
.btns{display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-block;padding:15px 30px;border-radius:10px;font-weight:600;font-size:14.5px;letter-spacing:.02em;transition:.16s;cursor:pointer}
.btn.gold{background:var(--gold);color:var(--navy)}
.btn.gold:hover{background:var(--gold-2);transform:translateY(-2px)}
.btn.ghost{border:1.5px solid rgba(212,175,55,.6);color:#fff}
.btn.ghost:hover{background:rgba(212,175,55,.14);border-color:var(--gold)}

/* ── Sections ── */
section{padding:90px 0}
.sec-head{max-width:760px;margin-bottom:48px}
.sec-head.center{margin:0 auto 52px;text-align:center}
.sec-head h2{font-size:clamp(30px,3.6vw,44px);margin:14px 0 12px}
.sec-head p{color:var(--mut);font-size:16.5px}
.soft{background:var(--soft)}
.navy-sec{background:var(--navy);color:#fff}
.navy-sec .sec-head p{color:#aab4c8}
.navy-sec h2,.navy-sec h3{color:#fff}

/* grid + cards */
.grid{display:grid;gap:24px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.18s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(13,21,39,.12);border-color:rgba(212,175,55,.4)}
.card .ph{height:190px;background:var(--navy) center/cover no-repeat}
.card .bd{padding:22px 22px 26px}
.card h3{font-size:19px;margin-bottom:8px}
.card .bd p{color:var(--mut);font-size:14.5px}
.card .num{font-family:var(--hd);color:var(--gold);font-size:15px;font-weight:700}
.navy-sec .card{background:var(--navy-2);border-color:rgba(212,175,55,.18)}
.navy-sec .card .bd p{color:#aab4c8}

/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split img{border-radius:16px;width:100%;box-shadow:0 24px 60px rgba(13,21,39,.18)}
.split.rev .txt{order:2}
.vlist{list-style:none;margin-top:18px}
.vlist li{padding:10px 0 10px 30px;position:relative;border-bottom:1px solid var(--line);font-size:15.5px}
.vlist li::before{content:'';position:absolute;left:0;top:18px;width:12px;height:12px;border:2px solid var(--gold);border-radius:50%}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.chip{padding:9px 16px;border:1px solid rgba(212,175,55,.5);border-radius:30px;font-size:13.5px;font-weight:600;color:var(--navy)}
.navy-sec .chip{color:#fff;border-color:rgba(212,175,55,.45)}

/* values flow */
.flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:10px}
.flow .step{background:var(--navy-2);border:1px solid rgba(212,175,55,.3);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600}
.flow .arr{color:var(--gold);font-size:22px}

/* page hero (inner) */
.phero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.phero .img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.35}
.phero .scrim{position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 30%,rgba(13,21,39,.5))}
.phero .wrap{position:relative;padding:84px 28px 70px}
.phero h1{font-size:clamp(32px,4.4vw,52px);color:#fff;margin:12px 0 10px}
.phero p{color:#c5cee0;max-width:640px;font-size:16.5px}
.crumb{font-size:13px;color:#9fb0c9}.crumb a:hover{color:var(--gold)}

/* contact */
.cinfo{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.cbox{border:1px solid var(--line);border-radius:14px;padding:24px}
.cbox h3{font-size:17px;margin-bottom:10px;color:var(--navy)}
.cbox p{font-size:14.5px;color:var(--mut)}
.cbox a{color:var(--navy);font-weight:600}
.form input,.form textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:10px;font-family:var(--body);font-size:14.5px;margin-bottom:14px;background:#fff}
.form textarea{min-height:130px;resize:vertical}

/* footer */
.foot{background:var(--navy);color:#aeb8cc;padding:64px 0 26px;border-top:3px solid var(--gold)}
.foot .top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}
.foot .brand b{color:#fff}.foot img{height:48px;margin-bottom:16px}
.foot h4{color:#fff;font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.foot a{display:block;padding:6px 0;font-size:14px}.foot a:hover{color:var(--gold)}
.foot .bot{padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:#7f8aa3}

@media(max-width:980px){
  .burger{display:block}
  .menu{position:fixed;top:74px;right:0;bottom:0;width:300px;flex-direction:column;align-items:stretch;background:var(--navy-2);padding:16px;gap:2px;transform:translateX(100%);transition:.25s;overflow-y:auto}
  .menu.open{transform:none}
  .menu .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(0,0,0,.2);margin:4px 0}
  .split,.cinfo,.foot .top{grid-template-columns:1fr}.split.rev .txt{order:0}
  .g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr}.g2{grid-template-columns:1fr}
  .hero .scrim{background:linear-gradient(180deg,rgba(13,21,39,.7),var(--navy))}
}
@media(max-width:560px){.g4{grid-template-columns:1fr}.wrap{padding:0 18px}}

/* ── Content pages (CP-driven) ── */
.splitc{display:grid;grid-template-columns:1.7fr 1fr;gap:54px;align-items:start}
.ccontent{min-width:0}
.ccontent>p{color:#41495c;font-size:16px;margin-bottom:14px;max-width:760px}
.ccontent .ch2{font-size:25px;margin:40px 0 16px;padding-top:26px;border-top:1px solid var(--line);color:var(--navy)}
.ccontent>.ch2:first-child{margin-top:0;padding-top:0;border-top:0}
.ccontent .ch3{font-size:17.5px;font-weight:700;color:var(--navy);margin:24px 0 8px;font-family:var(--hd)}
.ccontent .vlist{margin:6px 0 14px;max-width:760px}
.ccontent .vlist li{padding:9px 0 9px 28px;font-size:15px;color:#41495c}
.cside{position:sticky;top:98px}
.figure{border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 20px 50px rgba(13,21,39,.16);background:var(--navy)}
.figure img{width:100%;display:block}
.figure span{display:block;padding:11px 16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:var(--navy);font-weight:600}
@media(max-width:980px){.splitc{grid-template-columns:1fr;gap:30px}.cside{position:static;order:-1}.figure{max-width:480px}}

/* ── v3 rich content ── */
.lead{font-size:19px;line-height:1.7;color:#3a4considerationsa;color:#3a4358;max-width:840px}
.lead{font-size:19px;line-height:1.7;color:#3a4358;max-width:840px}
.prose{color:#41495c;font-size:16px;max-width:840px;margin-bottom:14px}
.sec-head .lead{margin-top:6px}
.fgrid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:8px}
.icard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 26px;transition:.18s}
.icard:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(13,21,39,.10);border-color:rgba(212,175,55,.45)}
.soft .icard{background:#fff}
.icard .ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy);font-family:var(--hd);font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.icard h3{font-size:18px;margin-bottom:10px;color:var(--navy)}
.icard>p{color:var(--mut);font-size:14.5px;margin-bottom:12px}
.ticks{list-style:none;display:grid;gap:9px;margin:4px 0}
.ticks li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:#41495c;border:0;padding:0}
.ticks li::before{display:none}
.tk{width:18px;height:18px;flex:0 0 18px;margin-top:3px}
.bgrid{margin-top:8px}
.bgrid .ticks{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:9px 30px}
.split .figure{align-self:start}
@media(max-width:980px){.fgrid{grid-template-columns:1fr}}

/* ════ v4: profile-style layout · gradients · accordion · icons ════ */
.gi{width:24px;height:24px;color:var(--gold);display:inline-block;vertical-align:middle;flex:0 0 auto}
.gi.big{width:30px;height:30px}
/* subtle gradients on every block */
.card{background:linear-gradient(160deg,#ffffff 0%,#eaf0f8 100%)}
.icard{background:linear-gradient(160deg,#ffffff 0%,#eaf0f8 100%);position:relative}
.navy-sec .card{background:linear-gradient(160deg,var(--navy-2),var(--navy))}
.card.stat .bd>.gi{color:var(--gold);margin-bottom:14px;width:32px;height:32px}
.rcard .bd>.gi{color:var(--gold);margin-bottom:10px;width:30px;height:30px}
.icard .ic .gi{color:var(--navy)}
.icard::before{content:'';position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--gold),transparent);border-radius:18px 18px 0 0;opacity:0;transition:.2s}
.icard:hover::before{opacity:1}
/* profile-style header split */
.phead{padding:68px 0 60px;background:linear-gradient(180deg,#fbfcfe,#fff)}
.phead-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.phead-l h1{font-size:clamp(34px,4vw,52px);color:var(--navy);margin:14px 0 10px;line-height:1.08}
.ptag{font-size:18px;color:var(--gold);font-weight:600;margin-bottom:6px}
.rule{width:64px;height:3px;background:var(--gold);margin:14px 0 20px;border-radius:2px}
.phead-l>p{color:#41495c;font-size:15.5px;margin-bottom:12px;max-width:640px}
.phead-r .himg{position:relative;height:430px;border-radius:20px;background-size:cover;background-position:center;box-shadow:0 30px 70px rgba(13,21,39,.25);border:1px solid rgba(212,175,55,.3)}
.himg .net{position:absolute;inset:0;border-radius:20px;background:linear-gradient(180deg,rgba(13,21,39,.04),rgba(13,21,39,.34))}
/* purpose navy block */
.purpose{padding:0}
.purpose .inner{background:linear-gradient(120deg,var(--navy),var(--navy-3));border-radius:22px;padding:38px 44px;margin:44px auto 0;box-shadow:0 30px 70px rgba(13,21,39,.2)}
.pgrid{display:flex;gap:26px;align-items:center}
.picon{flex:0 0 64px;width:64px;height:64px;border-radius:16px;background:rgba(212,175,55,.14);border:1px solid rgba(212,175,55,.4);display:flex;align-items:center;justify-content:center;color:var(--gold)}
.purpose .big{color:#eaf0fa;font-size:19px;line-height:1.6;font-weight:500}
.purpose .kicker{margin-bottom:8px}
/* accordion */
.acc{max-width:940px;margin:0 auto;display:grid;gap:14px}
details.ac{background:linear-gradient(160deg,#fff,#eaf0f8);border:1px solid var(--line);border-radius:14px;overflow:hidden}
details.ac summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;font-family:var(--hd);font-weight:700;color:var(--navy);font-size:16px}
details.ac summary::-webkit-details-marker{display:none}
details.ac summary span{display:flex;align-items:center;gap:12px}
details.ac summary i{width:11px;height:11px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);transition:.2s;flex:0 0 auto}
details.ac[open] summary i{transform:rotate(-135deg)}
details.ac[open] summary{border-bottom:1px solid var(--line)}
.acbd{padding:10px 24px 24px}
.acbd p{color:#41495c;font-size:15px;margin:10px 0}
.acbd h4{font-family:var(--hd);color:var(--navy);font-size:15.5px;margin:16px 0 6px}

/* ════ v5: designed content blocks + key-message footer block ════ */
.cblock{padding:58px 0}
.blockhead{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.blockhead .gi{color:var(--gold);flex:0 0 auto}
.blockhead h2{font-size:clamp(24px,2.6vw,32px);color:var(--navy);margin:0}
.cblock .prose{color:#41495c;font-size:16px;max-width:900px;margin-bottom:14px}
.subgrid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:18px}
.subcard{background:linear-gradient(160deg,#fff,#eaf0f8);border:1px solid var(--line);border-radius:16px;padding:24px;position:relative;transition:.18s}
.soft .subcard{background:linear-gradient(160deg,#fff,#e6edf6)}
.subcard:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(13,21,39,.10);border-color:rgba(212,175,55,.4)}
.sc-ic{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold-2));display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.sc-ic .gi{color:var(--navy);width:22px;height:22px}
.subcard h4{font-family:var(--hd);font-size:17px;color:var(--navy);margin-bottom:9px}
.subcard>p{color:var(--mut);font-size:14.5px;margin-bottom:10px}
.bgrid{margin-top:12px}.bgrid .ticks{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 30px}
/* key message block (bottom, before footer) */
.keymsg{background:linear-gradient(120deg,var(--navy),var(--navy-3));padding:66px 0}
.keymsg .kicker{color:var(--gold)}
.kmladder{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:760px;margin:0 auto}
.kmstep{display:flex;align-items:center;gap:14px;background:rgba(212,175,55,.10);border:1px solid rgba(212,175,55,.32);border-radius:14px;padding:16px 24px;width:100%}
.kmstep .gi{color:var(--gold);flex:0 0 auto}
.kmstep span{color:#eaf0fa;font-size:16px;font-weight:600}
.kmar{color:var(--gold);font-size:20px;line-height:1}
.keymsg .big{color:#eaf0fa;font-size:21px;line-height:1.6;font-weight:500}

/* ════ subtle stock-image overlay on dark sections (depth/dimension) ════ */
.navy-sec{position:relative;overflow:hidden}
.navy-sec::before{content:'';position:absolute;inset:0;background:url(../assets/img/web011.jpg) center/cover no-repeat;opacity:.13;pointer-events:none;mix-blend-mode:luminosity}
.navy-sec>.wrap{position:relative;z-index:1}
.keymsg{position:relative;overflow:hidden}
.keymsg::before{content:'';position:absolute;inset:0;background:url(../assets/img/hero.jpg) center/cover no-repeat;opacity:.14;pointer-events:none;mix-blend-mode:luminosity}
.keymsg>.wrap{position:relative;z-index:1}
.purpose .inner{position:relative;overflow:hidden}
.purpose .inner::before{content:'';position:absolute;inset:0;background:url(../assets/img/web013.jpg) center/cover no-repeat;opacity:.12;pointer-events:none;border-radius:22px}
.purpose .pgrid{position:relative;z-index:1}
.foot{position:relative;overflow:hidden}
.foot::before{content:'';position:absolute;inset:0;background:url(../assets/img/web011.jpg) center/cover no-repeat;opacity:.06;pointer-events:none}
.foot>.wrap{position:relative;z-index:1}

/* chairman portrait frame + level-2 sub-heading (no tick) */
.himg.portrait{height:660px;max-width:460px;margin:0 auto;background-size:cover;background-position:center top;background-color:#0D1527;border:1px solid rgba(212,175,55,.4)}
.ticks li.subh{font-family:var(--hd);font-weight:700;color:var(--navy);margin-top:14px;font-size:15.5px;display:block}
.navy-sec .ticks li.subh,.keymsg .ticks li.subh{color:#fff}
.subcard .ticks li.subh{color:var(--navy)}

/* ════ evolution timeline ════ */
.timeline{position:relative;max-width:900px;margin:0 auto;padding-left:42px}
.timeline::before{content:'';position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--gold),rgba(212,175,55,.18))}
.tl-item{position:relative;margin-bottom:26px}
.tl-dot{position:absolute;left:-36px;top:26px;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(212,175,55,.5)}
.tl-card{background:linear-gradient(160deg,#fff,#eaf0f8);border:1px solid var(--line);border-radius:16px;padding:24px 28px;transition:.18s}
.tl-card:hover{box-shadow:0 16px 40px rgba(13,21,39,.10);border-color:rgba(212,175,55,.45);transform:translateX(3px)}
.tl-year{display:inline-block;font-family:var(--hd);font-weight:800;color:var(--navy);background:rgba(212,175,55,.16);border:1px solid rgba(212,175,55,.4);padding:5px 15px;border-radius:30px;font-size:14px;margin-bottom:12px}
.tl-card h3{font-size:20px;color:var(--navy);margin-bottom:8px}
.tl-card>p{color:#41495c;font-size:15px;margin-bottom:8px}
.tl-grp{margin-top:12px}.tl-grp>b{font-family:var(--hd);color:var(--navy);font-size:14.5px;display:block;margin-bottom:4px}
.tl-grp .ticks{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:7px 24px}
.tl-out{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:#41495c;font-size:14.5px}
.tl-out span{color:#b8932e;font-weight:700;text-transform:uppercase;font-size:11.5px;letter-spacing:.06em;margin-right:8px}

/* value chip-row (short lists like What We Believe — no orphan) */
.chiprow{display:flex;flex-wrap:wrap;gap:13px;justify-content:center;margin-top:10px}
.vchip{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border:1px solid rgba(212,175,55,.45);border-radius:34px;font-family:var(--hd);font-weight:600;font-size:15px;color:var(--navy);background:linear-gradient(160deg,#fff,#eef3f9);transition:.16s}
.vchip:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,21,39,.08)}
.vchip .gi{width:18px;height:18px;color:var(--gold)}
.navy-sec .vchip,.keymsg .vchip{color:#fff;background:rgba(212,175,55,.10)}

/* region->countries definition list + constrained bullet grid (no floating/orphan) */
.deflist{max-width:940px;margin:10px 0 0;display:grid;gap:6px}
.defrow{display:grid;grid-template-columns:170px 1fr;gap:20px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.defrow>b{font-family:var(--hd);color:var(--navy);font-size:16px}
.vchip.sm{padding:7px 15px;font-size:13.5px}
.bgrid{max-width:860px;margin:8px auto 0}
.bgrid .ticks{grid-template-columns:1fr 1fr;gap:10px 34px}
@media(max-width:680px){.defrow{grid-template-columns:1fr;gap:6px}.bgrid .ticks{grid-template-columns:1fr}}

/* item sub-group (topic -> bullets) + definition value */
.igrp{margin-top:13px}
.igrp>b{display:block;font-family:var(--hd);color:var(--navy);font-size:14px;margin-bottom:5px}
.subcard .igrp>b,.icard .igrp>b{color:#b8932e}
.defv{color:#41495c;font-size:15px}

/* left-align all lists inside content blocks (flush with heading) */
.cblock .bgrid,.cblock .deflist,.cblock .ccontent .bgrid{margin-left:0;margin-right:auto}
.cblock .ticks{margin-left:0}
.deflist{max-width:none}
/* region/topic-level item in a tick list = no tick, bold (e.g. timeline Priority Platforms) */
.ticks li.subh{font-family:var(--hd);font-weight:700;color:var(--navy);margin-top:10px;display:flex;gap:6px}
.navy-sec .ticks li.subh{color:#fff}
/* long tick lists -> 2-3 columns on wide screens */
.bgrid .ticks{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.igrp .ticks{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}

/* search */
.navsearch{display:flex;align-items:center;color:#cfd6e4;padding:11px}.navsearch:hover{color:var(--gold)}.navsearch .gi{width:19px;height:19px}
.searchbar{display:flex;gap:10px;max-width:620px;margin-top:18px}
.searchbar input{flex:1;padding:14px 18px;border:1px solid var(--line);border-radius:10px;font-size:16px;font-family:var(--body)}
.searchbar input:focus{outline:none;border-color:var(--gold)}
.sres{display:grid;gap:14px;max-width:880px}
.sresult{display:block;border:1px solid var(--line);border-radius:14px;padding:20px 24px;background:linear-gradient(160deg,#fff,#eef3f9);transition:.16s}
.sresult:hover{border-color:rgba(212,175,55,.45);transform:translateX(3px);box-shadow:0 12px 30px rgba(13,21,39,.08)}
.sresult h3{color:var(--navy);font-size:18px;margin-bottom:6px}
.sresult p{color:var(--mut);font-size:14.5px}
.sresult mark{background:rgba(212,175,55,.32);color:var(--navy);padding:0 2px;border-radius:3px}

/* PDF viewer */
.pdfview{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:920px;margin:0 auto}
.pdfpage{box-shadow:0 14px 40px rgba(13,21,39,.18);border:1px solid var(--line);border-radius:6px;max-width:100%;height:auto}
.pdfstatus{text-align:center;color:var(--mut);padding:40px}

/* corporate documents cards (home + profile page) */
.docrow{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:940px;margin:0 auto}
.doccard{display:flex;gap:20px;align-items:center;background:linear-gradient(160deg,#fff,#eaf0f8);border:1px solid var(--line);border-radius:18px;padding:22px;transition:.18s}
.doccard:hover,.doccard.active{border-color:var(--gold);box-shadow:0 18px 44px rgba(13,21,39,.14);transform:translateY(-3px)}
.docthumb{flex:0 0 108px;width:108px}
.docthumb img{width:100%;border-radius:8px;box-shadow:0 8px 22px rgba(13,21,39,.22);border:1px solid var(--line)}
.docmeta h3{color:var(--navy);font-size:20px;margin:6px 0}
.docmeta p{color:var(--mut);font-size:14px;margin-bottom:12px}
.docview{color:#b8932e;font-weight:700;font-size:14px}
.docsec .docrow{margin-top:8px}
@media(max-width:760px){.docrow{grid-template-columns:1fr}}

/* tick lists: flex-wrap so items size to their content (no mid-item wrap when space exists) */
.ticks{display:flex!important;flex-wrap:wrap;gap:10px 34px;grid-template-columns:none!important}
.ticks li{flex:0 1 auto;max-width:100%}
.ticks li span{display:inline}

/* PDF viewer (native, Adobe-Reader-like) */
.docvtop{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:14px;margin-bottom:18px}
.docvtop h2{font-size:clamp(24px,3vw,34px);color:var(--navy)}
.pdfframe{width:100%;height:88vh;min-height:560px;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 44px rgba(13,21,39,.18);background:#525659}

/* fix: backdrop-filter on .nav traps position:fixed mobile menu -> remove on mobile */
@media(max-width:980px){
  .nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(13,21,39,.98)!important}
  .menu{z-index:1500}
}

/* global strategic development programs (6 pillars x projects) */
.proggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;margin-top:8px}
.progcard{background:linear-gradient(160deg,#fff,#eaf0f8);border:1px solid var(--line);border-radius:18px;padding:26px 26px 22px;transition:.18s}
.progcard:hover{border-color:rgba(212,175,55,.45);box-shadow:0 16px 40px rgba(13,21,39,.10);transform:translateY(-3px)}
.proghead{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.proghead h3{font-size:18px;color:var(--navy);margin:0}
.proglist{list-style:none;display:grid;gap:13px}
.proglist li{padding-left:16px;border-left:2px solid rgba(212,175,55,.45)}
.proglist b{display:block;color:var(--navy);font-size:14.5px;font-weight:700;font-family:var(--hd)}
.proglist span{display:block;color:var(--mut);font-size:13px;margin-top:2px}

/* full brand logo (emblem + text) in nav */
.brand .brandlogo{height:54px;width:auto}
@media(max-width:560px){.brand .brandlogo{height:46px}}