/* Premium concept — Colombo civic editorial */
:root{--premium-ink:#0B1026;--premium-navy:#0B1026;--premium-blue:#008CCC;--premium-cyan:#49BDE8;--premium-paper:#060814;--premium-white:#fff;--premium-gold:#F2B544;--premium-line:rgba(255,255,255,.16);--premium-glass:rgba(255,255,255,.055);--premium-text:rgba(255,255,255,.88);--premium-text-dim:rgba(255,255,255,.62)}
html{color-scheme:dark}body{background:var(--premium-paper);color:var(--premium-text);font-size:16px}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;background:#fff;color:var(--premium-ink);padding:10px 14px;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.chapter-strip{min-height:34px;padding:7px clamp(18px,4vw,56px);display:flex;justify-content:space-between;gap:20px;background:var(--premium-ink);color:rgba(255,255,255,.78);font-size:12px;font-weight:700;letter-spacing:.04em}.chapter-strip>span:first-child{color:var(--premium-cyan)}
.premium-nav,.nav{top:0;background:rgba(6,8,20,.62);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px rgba(0,0,0,.35);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .25s ease;will-change:transform}.nav.scrolled{box-shadow:0 16px 40px rgba(0,0,0,.5)}.nav.nav-hidden{transform:translateY(calc(-100% - 2px))}.nav:focus-within{transform:translateY(0)}.nav-links a{color:var(--premium-text);font-weight:700;min-height:44px;display:inline-flex;align-items:center}.nav-links a:hover,.nav-links a.active{color:var(--premium-blue)}.nav-cta{border-radius:980px;background:var(--premium-blue);padding-inline:20px;transition:transform .2s,background .2s}.nav-cta:hover{background:#006FA8}.nav-cta:active{transform:scale(.96)}.hamburger span{background:var(--premium-text)}.mobile-nav-overlay{background:rgba(0,0,0,.55);backdrop-filter:blur(6px)}.mobile-nav-content{background:rgba(8,10,26,.82);border-color:rgba(255,255,255,.14)}.mobile-nav-content a{color:var(--premium-text)}.mobile-cta{border-radius:980px}
.editorial-hero{position:relative;min-height:calc(100vh - 110px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--premium-ink);color:#fff;padding:clamp(58px,8vw,110px) clamp(18px,5vw,72px) 28px}.hero-gridline{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.editorial-hero::after{content:"CMT";position:absolute;right:-.04em;bottom:-.22em;font-size:clamp(180px,32vw,520px);line-height:1;font-weight:800;color:rgba(79,70,229,.075);letter-spacing:-.09em;pointer-events:none}
.editorial-hero-inner{position:relative;z-index:1;width:min(1240px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.55fr);gap:clamp(42px,8vw,110px);align-items:center}.hero-overline,.premium-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--premium-blue);margin-bottom:18px}.hero-copy h1{font-size:clamp(52px,7.7vw,112px);line-height:1.06;letter-spacing:-.055em;max-width:880px;margin-bottom:30px;padding-bottom:.06em;overflow:visible}.hero-copy h1 em{display:block;color:var(--premium-cyan);font-style:normal}.hero-lead{max-width:710px;color:rgba(255,255,255,.72);font-size:clamp(17px,1.6vw,21px);line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.premium-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:10px;padding:14px 20px;font-weight:800;font-size:14px;transition:.22s}.premium-btn:hover{transform:translateY(-2px)}.premium-btn-primary{background:var(--premium-blue);color:#fff;box-shadow:0 18px 40px rgba(79,70,229,.24)}.premium-btn-quiet{border:1px solid rgba(255,255,255,.24);color:#fff}.premium-btn-quiet:hover{background:rgba(255,255,255,.08)}
.chapter-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:24px;backdrop-filter:blur(12px)}.chapter-card-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.62)}.live-mark{display:flex;align-items:center;gap:7px;color:#fff}.live-mark::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--premium-cyan)}.chapter-card-number{font-size:clamp(74px,9vw,126px);line-height:.9;font-weight:800;letter-spacing:-.08em;color:var(--premium-gold);margin-top:32px}.chapter-card-label{color:rgba(255,255,255,.66);font-size:14px;margin:8px 0 26px}.chapter-list{list-style:none;display:grid}.chapter-list li{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:13px 0;border-top:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:700}.chapter-list span{color:var(--premium-cyan)}.hero-foot{position:relative;z-index:1;width:min(1240px,100%);margin:60px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.58);font-size:13px;font-weight:700}.hero-foot a{color:#fff}
.premium-section{padding:clamp(80px,9vw,136px) clamp(18px,5vw,72px)}.premium-section-intro{width:min(1240px,100%);margin:0 auto 52px;display:grid;grid-template-columns:.32fr 1fr .65fr;gap:34px;align-items:start}.premium-section-intro h2{font-size:clamp(40px,5.4vw,76px);line-height:1;letter-spacing:-.055em}.premium-section-intro>p:last-child{color:var(--premium-text-dim);line-height:1.75;font-size:17px;padding-top:6px}.opportunity-grid{width:min(1240px,100%);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.opportunity-card{min-height:330px;padding:28px;border-radius:22px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s;overflow:hidden}.opportunity-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(11,16,38,.15)}.opportunity-card:active{transform:scale(.98)}.card-index{font-size:13px;font-weight:800;opacity:.65}.opportunity-card h3{max-width:430px;font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.04em;margin-bottom:15px}.opportunity-card p{max-width:490px;line-height:1.7;opacity:.85}.opportunity-card b{font-size:13px;text-transform:uppercase;letter-spacing:.09em}.opportunity-blue{background:var(--premium-blue);color:#fff}.opportunity-navy{background:var(--premium-navy);color:#fff}.opportunity-cyan{background:var(--jci-cyan,#49BDE8);color:#fff}.opportunity-gold{background:var(--premium-gold);color:var(--premium-ink)}
.jib-feature{padding:clamp(70px,8vw,116px) clamp(18px,5vw,72px);background:var(--premium-ink);color:#fff;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(42px,7vw,100px);align-items:center}.jib-brand-panel{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.24);aspect-ratio:4/1}.jib-brand-panel img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.jib-feature-copy h2{font-size:clamp(44px,5.7vw,82px);line-height:.98;letter-spacing:-.06em;margin-bottom:25px}.jib-feature-copy>p:not(.premium-kicker){font-size:18px;line-height:1.8;color:rgba(255,255,255,.74);max-width:660px}.jib-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.jib-points span{padding:9px 12px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:rgba(255,255,255,.82);font-size:12px;font-weight:800;letter-spacing:.04em}.jib-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.jib-actions .premium-text-link{margin-top:0}
.impact-story{padding:clamp(80px,9vw,136px) clamp(18px,5vw,72px);background:var(--premium-blue);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,120px);align-items:end}.impact-story>div{width:min(590px,100%)}.premium-kicker.light{color:var(--premium-cyan)}.impact-story h2{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.06em;margin-bottom:25px}.impact-story-copy>p:not(.premium-kicker){font-size:18px;line-height:1.8;color:rgba(255,255,255,.8)}.premium-text-link{display:inline-flex;gap:16px;margin-top:28px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.45);font-weight:800;color:#fff}.impact-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.25);border-left:1px solid rgba(255,255,255,.25)}.impact-metrics div{padding:30px 24px;border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}.impact-metrics strong{display:block;font-size:clamp(38px,5vw,66px);line-height:1;letter-spacing:-.06em}.impact-metrics span{display:block;margin-top:10px;color:rgba(255,255,255,.72);font-size:13px}
.leadership-feature{width:min(1384px,100%);margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,7vw,90px);align-items:center}.leadership-photo{position:relative;max-width:500px}.leadership-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:18px;filter:saturate(.82) contrast(1.03)}.leadership-photo>div{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(11,16,38,.9);color:#fff;border-radius:12px;padding:16px 18px;backdrop-filter:blur(10px)}.leadership-photo strong,.leadership-photo span{display:block}.leadership-photo span{font-size:13px;color:rgba(255,255,255,.67);margin-top:3px}.leadership-statement{font-size:clamp(34px,4.8vw,68px);line-height:1.08;letter-spacing:-.045em;font-weight:700}.premium-text-link.dark{color:#fff;border-color:var(--premium-line)}
.premium-section-intro.compact{grid-template-columns:.45fr 1fr;margin-bottom:42px}.premium-section-intro.compact .premium-kicker{grid-column:1}.premium-section-intro.compact h2{grid-column:2}.path-grid{width:min(1240px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--premium-line);border-left:1px solid var(--premium-line)}.path-card{min-height:310px;padding:26px;display:flex;flex-direction:column;border-right:1px solid var(--premium-line);border-bottom:1px solid var(--premium-line);background:rgba(255,255,255,.045);backdrop-filter:blur(16px);transition:.22s}.path-card:active{transform:scale(.98)}.path-card:hover{background:var(--premium-blue);color:#fff}.path-card>span{font-size:12px;color:var(--premium-blue);text-transform:uppercase;letter-spacing:.14em;font-weight:800}.path-card h3{font-size:30px;line-height:1.12;letter-spacing:-.04em;margin:38px 0 16px;color:#fff}.path-card p{color:var(--premium-text-dim);line-height:1.7}.path-card:hover p{color:rgba(255,255,255,.85)}.path-card b{margin-top:auto;font-size:13px}
.premium-join{padding:clamp(64px,8vw,110px) clamp(18px,5vw,72px);background:var(--premium-navy);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}.premium-join h2{font-size:clamp(46px,6.5vw,90px);line-height:.96;letter-spacing:-.06em}.premium-join>div:last-child>p{font-size:18px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:26px}.premium-btn-white{background:#fff;color:var(--premium-ink)}.premium-footer{padding:64px clamp(18px,5vw,72px) 24px;background:#0B1026;color:#fff;display:grid;grid-template-columns:1.4fr .5fr .5fr;gap:48px}.premium-footer-brand img{width:190px;height:72px;object-fit:contain;object-position:left}.premium-footer-brand p{max-width:360px;color:rgba(255,255,255,.58);margin-top:18px}.premium-footer>div:not(.premium-footer-brand):not(.premium-footer-bottom){display:grid;align-content:start;gap:10px}.premium-footer strong{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--premium-cyan);margin-bottom:8px}.premium-footer a{color:rgba(255,255,255,.72);font-size:14px}.premium-footer a:hover{color:#fff}.premium-footer-bottom{grid-column:1/-1;margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;color:rgba(255,255,255,.46);font-size:12px}
body:not(.premium-home){background:var(--premium-paper);color:var(--premium-text)}body:not(.premium-home) .page-hero{background:var(--premium-ink);padding-top:clamp(72px,8vw,112px);padding-bottom:clamp(72px,8vw,112px)}body:not(.premium-home) .page-title{color:#fff;letter-spacing:-.055em}body:not(.premium-home) .page-sub{color:rgba(255,255,255,.7)}body:not(.premium-home) .section{background:var(--premium-paper)}body:not(.premium-home) .section-title{color:#fff}body:not(.premium-home) .section-sub{color:var(--premium-text-dim)}body:not(.premium-home) .footer{background:#060814;border-top:1px solid rgba(255,255,255,.1)}.event-admin-link{display:none!important}.dynamic-project-card,.modern-event-card,.firebase-gallery-card,.board-card,.form-card{border-radius:22px!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 12px 36px rgba(0,0,0,.4)!important;transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s ease!important}.dynamic-project-card:hover,.modern-event-card:hover,.firebase-gallery-card:hover,.board-card:hover,.form-card:hover{box-shadow:0 20px 48px rgba(0,0,0,.55)!important}.dynamic-project-card:active,.modern-event-card:active,.firebase-gallery-card:active,.board-card:active{transform:scale(.98)!important}.dynamic-project-top{background:var(--premium-navy)!important;border-radius:22px 22px 0 0!important}.dynamic-project-body,.modern-event-card,.firebase-gallery-caption{background:rgba(255,255,255,.05)!important;backdrop-filter:blur(20px) saturate(160%)!important;-webkit-backdrop-filter:blur(20px) saturate(160%)!important;color:var(--premium-text)!important}.firebase-gallery-caption h3{color:#fff!important}.empty-state{background:rgba(255,255,255,.04)!important;border-color:var(--premium-line)!important;color:var(--premium-text-dim)!important;border-radius:18px!important}.project-search,.project-filter,.event-filter,.f-input,.f-select,.f-textarea{background:rgba(255,255,255,.055)!important;backdrop-filter:blur(14px)!important;color:var(--premium-text)!important;border-color:var(--premium-line)!important;border-radius:14px!important;min-height:44px!important}.board-card h4,.board-info-card h3{color:#fff}.board-card p,.board-info-card p{color:rgba(255,255,255,.72)}.back-to-top{background:var(--premium-blue);color:#fff;transition:transform .2s}.back-to-top:active{transform:scale(.92)}
.premium-btn:active,.premium-btn-primary:active,.premium-btn-quiet:active,.premium-btn-white:active{transform:scale(.98)}
.opportunity-card,.path-card,.chapter-card{border-radius:22px}
.gallery-lightbox-close,.gallery-lightbox-nav,.event-register,.event-admin-link{transition:transform .2s ease,background .2s ease}
.gallery-lightbox-close:active,.gallery-lightbox-nav:active,.event-register:active,.event-admin-link:active{transform:scale(.94)}
.gallery-lightbox-nav:not(.left):not(.right){transform:translateY(-50%)}
.gallery-lightbox-nav.left:active{transform:translateY(-50%) scale(.94)}
.gallery-lightbox-nav.right:active{transform:translateY(-50%) scale(.94)}
@media(min-width:769px){.gallery-cover-wrap img{will-change:transform}}
@media(max-width:1050px){.nav-links{gap:14px}.nav-links a{font-size:12px}.editorial-hero-inner{grid-template-columns:1fr .62fr}.premium-section-intro{grid-template-columns:1fr}.premium-section-intro .premium-kicker{margin-bottom:-18px}}
@media(max-width:820px){.chapter-strip-note{display:none}.editorial-hero-inner,.jib-feature,.impact-story,.leadership-feature,.premium-join{grid-template-columns:1fr}.jib-feature-copy{max-width:680px}.chapter-card{max-width:560px}.opportunity-grid,.path-grid{grid-template-columns:1fr}.opportunity-card{min-height:280px}.premium-section-intro.compact{grid-template-columns:1fr}.premium-section-intro.compact h2{grid-column:1}.premium-footer{grid-template-columns:1fr 1fr}.premium-footer-brand{grid-column:1/-1}}
@media(max-width:640px){.chapter-strip{justify-content:center}.editorial-hero{min-height:auto;padding-top:62px}.hero-copy h1{font-size:clamp(48px,15vw,72px)}.hero-foot{align-items:flex-start;flex-direction:column}.jib-brand-panel{aspect-ratio:3/1}.jib-feature-copy>p:not(.premium-kicker){font-size:16px}.impact-metrics{grid-template-columns:1fr}.premium-footer{grid-template-columns:1fr}.premium-footer-brand{grid-column:auto}.premium-footer-bottom{align-items:flex-start;flex-direction:column}.leadership-quote blockquote{font-size:38px}.chapter-card-number{font-size:84px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none;transition:none}.opportunity-card,.path-card,.premium-btn{transition:none}}

html,body{max-width:100%;overflow-x:clip}
@media(prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right,.reveal-scale{transition:none!important;transform:none!important;opacity:1!important}}
.contact-grid{grid-template-columns:minmax(0,760px)!important;justify-content:center}

/* ===== Palette v2: Midnight indigo + aqua + coral ===== */
:root{--accent-text:#B9E7FA;--aqua:#49BDE8;--coral:#F2B544}
.hero-overline,.premium-kicker,.path-card>span,.nav-links a:hover,.nav-links a.active,.eyebrow{color:var(--accent-text)}
.impact-story .premium-kicker.light{color:#FCEBC0}
.opportunity-cyan{background:var(--aqua);color:#08283B}
.opportunity-cyan p,.opportunity-cyan h3{color:#08283B}
.opportunity-gold{background:var(--coral);color:#332608}
.premium-btn-primary,.nav-cta,.back-to-top{background:linear-gradient(135deg,#008CCC,#008CCC)}
.premium-btn-primary:hover,.nav-cta:hover{background:linear-gradient(135deg,#007BB8,#49BDE8)}
.hero-copy h1 em,.chapter-card-number{background:linear-gradient(120deg,#F7D27B,#E6A52E);-webkit-background-clip:text;background-clip:text;color:transparent}
.premium-footer strong{color:var(--aqua)}
::selection{background:#008CCC;color:#fff}

/* ===== Refined premium polish: softer backgrounds + pill navigation ===== */
/* Remove the technical square-grid texture so the content and photography lead. */
.hero-gridline{display:none!important}
.editorial-hero::after{color:rgba(0,140,204,.045)}

/* Floating, gently curved navigation: a small visual upgrade without changing layout. */
.nav,.premium-nav{
  top:10px!important;
  width:min(1500px,calc(100% - 32px));
  margin:10px auto;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  background:rgba(7,18,32,.88)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
}
.nav.scrolled{box-shadow:0 16px 42px rgba(0,0,0,.3)!important}
.nav-links a{border-radius:999px;transition:color .2s ease,background .2s ease;padding:9px 10px}
.nav-links a::after{left:12px;right:12px;bottom:3px;height:2px}
.nav-cta,.mobile-cta{border-radius:999px!important}
.nav-logo{border-radius:50%!important}

/* De-emphasize box outlines and make repeated content feel calmer and more editorial. */
.path-grid{border:0!important;gap:14px}
.path-card{border:1px solid rgba(255,255,255,.075)!important;border-radius:22px!important;background:rgba(255,255,255,.025)!important;padding:28px;}
.path-card:hover{background:rgba(0,140,204,.16)!important;border-color:rgba(73,189,232,.28)!important}
.impact-metrics{border:0!important;gap:12px}
.impact-metrics div{border:1px solid rgba(255,255,255,.16)!important;border-radius:20px;padding:26px 24px;background:rgba(255,255,255,.055)}
.feature-card,.pillar-card{border-color:rgba(255,255,255,.09)!important;box-shadow:0 8px 28px rgba(0,0,0,.12)}
.feature-card:hover,.pillar-card:hover{border-color:rgba(73,189,232,.28)!important}
.opportunity-card{box-shadow:0 8px 28px rgba(0,0,0,.08)}

@media(max-width:820px){
  .nav,.premium-nav{top:8px!important;width:calc(100% - 20px);margin:8px auto;border-radius:24px!important}
  .mobile-nav-content{border-radius:22px}
}
@media(prefers-reduced-motion:reduce){.nav,.nav-links a{transition:none!important}}

/* Homepage hero title: reserve enough line-box space for the lowercase “g” descender. */
.editorial-hero .hero-copy h1.hero-title{
  display:block;
  line-height:1.2;
  padding-top:0;
  padding-bottom:.22em;
  margin-bottom:18px;
  overflow:visible;
  -webkit-font-smoothing:antialiased;
}
.editorial-hero .hero-copy h1.hero-title em{
  display:block;
  line-height:1.2;
  padding-bottom:.04em;
  overflow:visible;
}


/* Homepage hero descender clipping fix */
.editorial-hero .hero-copy h1 {
  line-height: 1.12;
  padding-bottom: 0.12em;
  overflow: visible;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.editorial-hero .hero-copy h1 em {
  display: inline-block;
  padding-bottom: 0.08em;
  line-height: inherit;
  overflow: visible;
}