@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Raleway:wght@300;400;500;600&display=swap');

:root{
  --navy:#09192E;--navy-mid:#112240;--navy-light:#1A3358;
  --gold:#C9A84C;--gold-bright:#E2C070;--gold-pale:#F0E4C2;--gold-dim:#7A6230;
  --cream:#F5EFE0;--cream-dim:#C8BFA8;--text-body:#D8CFBA;
  --border:rgba(201,168,76,0.2);--border-s:rgba(201,168,76,0.45);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--navy);color:var(--text-body);font-family:'Raleway',sans-serif;font-weight:300;font-size:16px;line-height:1.75;overflow-x:hidden}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:400;letter-spacing:0.02em;color:var(--cream)}
.display-xl{font-size:clamp(2.8rem,6vw,6rem);line-height:1.06;font-weight:300;letter-spacing:-0.01em}
.display-lg{font-size:clamp(2.4rem,5vw,5rem);line-height:1.08;font-weight:300}
.display-md{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.2;font-weight:400}
.display-sm{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.3;font-weight:400}
.label-caps{font-family:'Raleway',sans-serif;font-size:0.65rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold)}
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 52px;height:76px;display:flex;align-items:center;justify-content:space-between;background:rgba(9,25,46,0.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:border-color 0.4s}
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none}
.nav-logo img{height:40px;filter:drop-shadow(0 0 8px rgba(201,168,76,0.3))}
.nav-logo-text span:first-child{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:500;letter-spacing:0.12em;color:var(--gold-bright);text-transform:uppercase;display:block}
.nav-logo-text span:last-child{font-size:0.58rem;font-weight:600;letter-spacing:0.28em;text-transform:uppercase;color:var(--cream-dim);display:block;margin-top:1px}
.nav-links{display:flex;align-items:center;gap:34px;list-style:none}
.nav-links a{font-size:0.67rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--cream-dim);text-decoration:none;transition:color 0.3s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--gold);transition:width 0.3s}
.nav-links a:hover{color:var(--gold-bright)}.nav-links a:hover::after{width:100%}
.nav-links a.active{color:var(--gold)}.nav-links a.active::after{width:100%}
.nav-right{display:flex;align-items:center;gap:22px}
.lang-switcher{position:relative}
.lang-current{font-size:0.62rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);cursor:pointer;display:flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--border-s);transition:all 0.3s}
.lang-current:hover{background:rgba(201,168,76,0.1)}
.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--navy-mid);border:1px solid var(--border-s);min-width:168px;display:none;flex-direction:column;z-index:100}
.lang-dropdown.open{display:flex}
.lang-option{padding:10px 16px;font-size:0.65rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--cream-dim);cursor:pointer;transition:all 0.2s;border-bottom:1px solid var(--border)}
.lang-option:last-child{border-bottom:none}.lang-option:hover{background:rgba(201,168,76,0.1);color:var(--gold-bright)}
.nav-cta{font-size:0.62rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--navy);background:var(--gold);padding:10px 22px;text-decoration:none;transition:all 0.3s}
.nav-cta:hover{background:var(--gold-bright)}
section{padding:120px 52px;position:relative}
.section-inner{max-width:1200px;margin:0 auto}
.section-header{margin-bottom:64px}
.section-header .label-caps{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.section-header .label-caps::before{content:'';width:32px;height:1px;background:var(--gold)}
.btn-primary{display:inline-flex;align-items:center;gap:12px;font-size:0.68rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--navy);background:var(--gold);padding:16px 34px;text-decoration:none;position:relative;overflow:hidden;transition:all 0.3s;border:none;cursor:pointer;font-family:'Raleway',sans-serif}
.btn-primary::before{content:'';position:absolute;inset:0;background:var(--gold-bright);transform:translateX(-101%);transition:transform 0.35s ease}
.btn-primary:hover::before{transform:translateX(0)}.btn-primary span,.btn-primary svg{position:relative;z-index:1}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;font-size:0.68rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);text-decoration:none;padding:14px 0;border-bottom:1px solid var(--border-s);transition:all 0.3s;background:none;border-left:none;border-right:none;border-top:none;cursor:pointer;font-family:'Raleway',sans-serif}
.btn-ghost:hover{color:var(--gold-bright);border-bottom-color:var(--gold-bright)}
.btn-outline{display:inline-flex;align-items:center;gap:10px;font-size:0.65rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);background:transparent;border:1px solid var(--border-s);padding:13px 26px;text-decoration:none;transition:all 0.3s;cursor:pointer;font-family:'Raleway',sans-serif}
.btn-outline:hover{background:rgba(201,168,76,0.08);border-color:var(--gold)}
.gold-divider{display:flex;align-items:center;gap:16px;margin:40px 0}
.gold-divider::before,.gold-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.gold-diamond{width:6px;height:6px;background:var(--gold);transform:rotate(45deg);flex-shrink:0}
.blockquote{border-left:2px solid var(--gold);padding:18px 24px;margin:32px 0;background:rgba(201,168,76,0.04)}
.blockquote p{font-family:'Cormorant Garamond',serif;font-size:1.22rem;font-style:italic;color:var(--gold-pale);line-height:1.65;margin:0}
.blockquote cite{display:block;font-size:0.63rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold-dim);margin-top:10px;font-style:normal}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.page-hero{min-height:52vh;display:flex;align-items:flex-end;padding:120px 52px 80px;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-mid) 100%)}
.page-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(201,168,76,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,0.03) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 20%,transparent 80%)}
.page-hero-inner{position:relative;z-index:2;max-width:1200px;width:100%}
.page-hero-inner .label-caps{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.page-hero-inner .label-caps::before{content:'';width:32px;height:1px;background:var(--gold)}
.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.breadcrumb a,.breadcrumb span{font-size:0.63rem;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold-dim);text-decoration:none;transition:color 0.3s}
.breadcrumb a:hover{color:var(--gold)}.breadcrumb .sep{color:var(--gold-dim);font-size:0.55rem}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-label{font-size:0.6rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold-dim)}
.form-input,.form-select,.form-textarea{background:rgba(9,25,46,0.7);border:1px solid var(--border);color:var(--cream);font-family:'Raleway',sans-serif;font-size:0.88rem;font-weight:300;padding:13px 17px;outline:none;transition:border-color 0.3s;width:100%}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-s)}
.form-input::placeholder,.form-textarea::placeholder{color:rgba(200,191,168,0.3)}
.form-select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C9A84C' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.form-select option{background:var(--navy-mid)}
.form-textarea{min-height:118px;resize:vertical}
.modal-overlay{position:fixed;inset:0;background:rgba(5,12,24,0.92);z-index:2000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(8px);padding:24px}
.modal-overlay.open{display:flex}
.modal{background:var(--navy-mid);border:1px solid var(--border-s);max-width:520px;width:100%;padding:50px 46px;position:relative;animation:fadeUp 0.4s ease}
.modal::before{content:'';position:absolute;top:-1px;left:0;width:80px;height:2px;background:var(--gold)}
.modal-close{position:absolute;top:18px;right:22px;background:none;border:none;color:var(--cream-dim);font-size:1.5rem;cursor:pointer;line-height:1;transition:color 0.3s}
.modal-close:hover{color:var(--gold)}
.modal h3{font-family:'Cormorant Garamond',serif;font-size:1.9rem;color:var(--cream);margin-bottom:8px}
.modal-sub{font-size:0.78rem;color:var(--cream-dim);margin-bottom:28px;line-height:1.7}
.modal-form{display:flex;flex-direction:column;gap:13px}
.modal-note{font-size:0.68rem;color:rgba(200,191,168,0.45);line-height:1.6;margin-top:3px}
footer{background:var(--navy-mid);border-top:1px solid var(--border);padding:64px 52px 40px}
.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;padding-bottom:48px;border-bottom:1px solid var(--border)}
.footer-brand p{font-size:0.82rem;font-weight:300;color:var(--cream-dim);line-height:1.8;max-width:280px;margin-top:14px}
.footer-brand-logo{display:flex;align-items:center;gap:12px}
.footer-brand-logo img{height:42px;filter:drop-shadow(0 0 5px rgba(201,168,76,0.25))}
.footer-col h5{font-size:0.62rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.footer-col ul a{font-size:0.82rem;font-weight:300;color:var(--cream-dim);text-decoration:none;transition:color 0.3s}
.footer-col ul a:hover{color:var(--gold)}
.footer-bottom{max-width:1200px;margin:0 auto;padding-top:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-bottom p{font-size:0.7rem;font-weight:300;color:rgba(200,191,168,0.4)}
.footer-bottom-links{display:flex;gap:26px}
.footer-bottom-links a{font-size:0.65rem;color:rgba(200,191,168,0.4);text-decoration:none;transition:color 0.3s}
.footer-bottom-links a:hover{color:var(--gold-dim)}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--navy-mid);border-top:1px solid var(--border);padding:18px 52px;display:flex;align-items:center;justify-content:space-between;gap:32px;z-index:999;transform:translateY(100%);transition:transform 0.5s ease}
.cookie-banner.show{transform:translateY(0)}
.cookie-banner p{font-size:0.78rem;font-weight:300;color:var(--cream-dim);max-width:640px}
.cookie-banner p a{color:var(--gold);text-decoration:none}
.cookie-actions{display:flex;gap:12px;flex-shrink:0}
.cookie-accept{font-size:0.62rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--navy);background:var(--gold);padding:10px 22px;border:none;cursor:pointer;font-family:'Raleway',sans-serif;transition:all 0.3s}
.cookie-accept:hover{background:var(--gold-bright)}
.cookie-decline{font-size:0.62rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--cream-dim);background:none;border:1px solid var(--border);padding:10px 22px;cursor:pointer;font-family:'Raleway',sans-serif;transition:all 0.3s}
.cookie-decline:hover{border-color:var(--border-s);color:var(--cream)}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{0%{left:-100%}40%,100%{left:150%}}
@media(max-width:1024px){nav{padding:0 28px}section{padding:80px 28px}.page-hero{padding:100px 28px 60px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){nav{padding:0 20px;height:64px}.nav-links{display:none}section{padding:64px 20px}.footer-grid{grid-template-columns:1fr;gap:36px}.cookie-banner{flex-direction:column;padding:18px 20px}}

/* ── 768px tablet breakpoint ── */
@media(max-width:768px){
  nav{padding:0 20px;height:64px}
  .nav-links{display:none}
  section{padding:72px 24px}
  .page-hero{padding:100px 24px 60px}
  .footer-grid{grid-template-columns:1fr;gap:36px}
  .footer-bottom{flex-direction:column;gap:8px;align-items:flex-start}
  .pillar-bar{flex-direction:column}
  .pillar-item{border-right:none;border-bottom:1px solid var(--border)}
  .pillar-item:last-child{border-bottom:none}
  .cookie-banner{flex-direction:column;padding:18px 24px;gap:16px}
  .cookie-actions{width:100%;justify-content:center;display:flex}
}

/* ── RTL (Arabic) overrides ── */
body.rtl{direction:rtl;text-align:right}
body.rtl .nav-logo{flex-direction:row-reverse}
body.rtl .nav-links{flex-direction:row-reverse}
body.rtl .nav-right{flex-direction:row-reverse}
body.rtl .lang-dropdown{right:auto;left:0}
body.rtl .hero-eyebrow{flex-direction:row-reverse}
body.rtl .hero-eyebrow-line{margin-right:0}
body.rtl .section-header .label-caps{flex-direction:row-reverse}
body.rtl .section-header .label-caps::before{margin-left:14px;margin-right:0}
body.rtl .pillar-item{flex-direction:row-reverse}
body.rtl .pillar-bar{direction:rtl}
body.rtl .blockquote{border-left:none;border-right:2px solid var(--gold)}
body.rtl .timeline-mini{padding-left:0;padding-right:24px}
body.rtl .timeline-mini::before{left:auto;right:0}
body.rtl .timeline-event{padding-left:0;padding-right:20px}
body.rtl .timeline-event::before{left:auto;right:-4px}
body.rtl .footer-brand p{text-align:right}
body.rtl .footer-col ul{text-align:right}
body.rtl .btn-ghost{flex-direction:row-reverse}
body.rtl .hero-stats{flex-direction:row-reverse}
body.rtl .hero-stat{text-align:left}
body.rtl .gw-box{flex-direction:row-reverse}
body.rtl .art-card-foot{flex-direction:row-reverse}

/* ── CJK (Chinese) font smoothing ── */
html[lang="zh"] body{font-size:15px;line-height:1.8}
html[lang="zh"] h1,html[lang="zh"] h2,html[lang="zh"] h3,html[lang="zh"] h4{
  font-family:'Noto Sans SC','Cormorant Garamond',serif;letter-spacing:0.05em
}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4{
  font-family:'Noto Sans Arabic','Cormorant Garamond',serif
}

/* ── Data table mobile scroll ── */
.art-body .data-table{overflow-x:auto;display:block;-webkit-overflow-scrolling:touch}

/* ── Image loading state ── */
/* logo images display naturally */
/* photo images display naturally */

/* ── Tolani Flow fn-grid responsive ── */
@media(max-width:1100px){.fn-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:768px){.fn-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:480px){.fn-grid{grid-template-columns:1fr!important}}

/* ── Knowledge hub articles 2-col at 768px ── */
@media(max-width:768px){.hub-articles-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.hub-articles-grid{grid-template-columns:1fr}}

/* ── Connect form mobile ── */
@media(max-width:768px){.form-row{grid-template-columns:1fr}}

/* ── Article body full-width mobile ── */
@media(max-width:768px){
  .art-hero{padding:100px 20px 52px}
  .art-body-section{padding:52px 20px 80px}
  .art-stat-row{grid-template-columns:1fr 1fr}
  .art-cta-box{padding:28px 24px}
}

/* ── Philosophy grid mobile ── */
@media(max-width:768px){.phil-grid{grid-template-columns:1fr}}

/* ── Our Story timeline mobile ── */
@media(max-width:768px){
  .timeline-section{padding:64px 20px}
  .tl-main{padding-left:32px}
  .journey-section .journey-header{padding:52px 20px 28px}
}

/* ── Leadership page mobile ── */
@media(max-width:768px){
  .leadership-page{padding:64px 20px}
  .ldr-grid{grid-template-columns:1fr!important}
  .pub-grid{grid-template-columns:1fr!important}
}