*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#080a0d;--surface:#10151b;--surface2:#151c24;--white:#f4f5f6;--muted:#98a1ab;--blue:#35b9f1;--line:rgba(255,255,255,.12);--font-display:"Barlow Condensed",sans-serif;--font-body:"Inter",sans-serif}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font-body);overflow-x:hidden}.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:20;background:linear-gradient(to bottom,rgba(8,10,13,.8),transparent)}
.brand{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;font-weight:700}.brand-mark{width:35px;height:35px;background:var(--blue);color:#061017;display:grid;place-items:center;font-family:var(--font-display);font-size:22px;font-weight:900;letter-spacing:-1px;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}.brand-text{font-family:var(--font-display);font-size:25px;font-weight:800;letter-spacing:1px}.brand-text span{color:var(--blue)}
.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{font-size:11px;text-decoration:none;color:#dbe1e6;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}.site-nav a:hover{color:var(--blue)}.site-nav .nav-cta{border:1px solid var(--line);padding:12px 16px}.nav-cta span{color:var(--blue);font-size:16px}.menu-toggle{display:none}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:130px 9vw 90px;overflow:hidden;background:radial-gradient(circle at 75% 40%,rgba(35,139,191,.28),transparent 27%),radial-gradient(circle at 20% 80%,rgba(0,174,239,.1),transparent 25%),linear-gradient(125deg,#07090c 25%,#101820 58%,#071017)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,black,transparent 75%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:460px;height:460px;right:8%;top:17%;border:1px solid rgba(53,185,241,.18);box-shadow:0 0 120px rgba(53,185,241,.08) inset}.orb-two{width:270px;height:270px;right:18%;top:31%;border:1px solid rgba(255,255,255,.08)}
.hero-content{position:relative;z-index:2;max-width:850px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--blue);margin-bottom:22px}.hero h1{font-family:var(--font-display);font-size:clamp(80px,13vw,190px);line-height:.78;letter-spacing:-3px;font-weight:900}.hero h1 span{display:block}.hero h1 span:nth-child(2){margin-left:9vw}.hero h1 .outline{color:transparent;-webkit-text-stroke:1px rgba(244,245,246,.75);margin-left:3vw}.hero-copy{max-width:420px;margin:36px 0 28px;color:#b8c0c8;line-height:1.7;font-size:14px}.hero-actions{display:flex;gap:24px;align-items:center}.button{display:inline-flex;align-items:center;gap:22px;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:1.4px;padding:16px 20px}.button.primary{background:var(--blue);color:#061017}.button.primary span{font-size:20px}.text-button{color:var(--white);padding-left:0}.text-button span{color:var(--blue);font-size:18px}.hero-side{position:absolute;right:5vw;bottom:150px;display:flex;flex-direction:column;align-items:center;gap:8px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#87919c}.hero-side strong{font-family:var(--font-display);font-size:40px;color:var(--white);letter-spacing:2px}.hero-bottom{position:absolute;bottom:25px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#6f7882}.scroll-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);display:inline-block;margin-right:8px;box-shadow:0 0 14px var(--blue)}
.section{padding:130px 9vw}.section-label{font-size:10px;color:#7d8792;letter-spacing:2px;margin-bottom:55px}.section-label span{color:var(--blue);margin-right:15px}.display{font-family:var(--font-display);font-weight:800;font-size:clamp(58px,7vw,110px);line-height:.82;letter-spacing:-2px}.display em{font-style:normal;color:var(--blue)}.intro{background:#0b0e12}.intro-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end}.intro-copy{border-left:1px solid var(--line);padding-left:35px}.intro-copy p{font-size:13px;color:#aab3bd;line-height:1.9;margin-bottom:22px}.intro-copy .lead{font-size:19px;color:var(--white);line-height:1.55}.arrow-link{display:inline-flex;gap:20px;margin-top:18px;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:1.5px;text-decoration:none}.arrow-link span{font-size:17px}
.statement{min-height:62vh;position:relative;padding:100px 9vw;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#0c1720}.statement-bg{position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,rgba(53,185,241,.1) 15.2%,transparent 15.4%),linear-gradient(-55deg,transparent 30%,rgba(255,255,255,.025) 30.2%,transparent 30.4%)}.statement-text{position:relative;font-family:var(--font-display);font-size:clamp(60px,9vw,145px);line-height:.83;letter-spacing:-2px}.statement-text span{color:var(--blue)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.section-heading .section-label{margin-bottom:0}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.class-card{min-height:360px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;display:flex;flex-direction:column;background:#0a0d11;transition:.35s}.class-card:hover{background:#111a22;transform:translateY(-5px)}.class-card.featured{background:linear-gradient(145deg,#132a38,#0b1117)}.card-number{font-family:var(--font-display);color:#59636d;font-size:17px}.class-icon{font-size:55px;color:var(--blue);margin:auto 0 20px}.class-card h3{font-family:var(--font-display);font-size:42px;letter-spacing:.5px}.class-card p{color:#929ca6;font-size:12px;line-height:1.7;margin:12px 0 22px}.class-card a{font-size:9px;letter-spacing:1.4px;color:var(--white);text-decoration:none;font-weight:700}.class-card a span{color:var(--blue);font-size:15px;margin-left:8px}
.journey{background:#0b0e12}.journey-head{display:grid;grid-template-columns:1fr .55fr;gap:8vw;align-items:end}.journey-head p{font-size:13px;color:#9da7b0;line-height:1.9}.belt-path{margin-top:100px;display:flex;align-items:center}.belt-step{flex:0 0 145px;text-align:center}.belt-step strong{display:block;font-family:var(--font-display);font-size:24px;margin-top:20px}.belt-step small{display:block;color:#77818b;font-size:9px;margin-top:6px}.belt{width:82px;height:18px;display:inline-block}.belt.white{background:#eef0f2}.belt.colours{background:linear-gradient(90deg,#f3d437 0 20%,#43a15a 20% 40%,#367ad2 40% 60%,#cc333b 60% 80%,#1c1f24 80%)}.belt.black{background:#111;border:1px solid #333}.belt.infinite{height:auto;font-size:55px;line-height:18px;color:var(--blue)}.path-line{height:1px;flex:1;background:linear-gradient(to right,var(--line),var(--blue),var(--line))}
.tenets{padding:120px 9vw;background:var(--blue);color:#071018}.tenets-title{margin-bottom:55px}.tenets .eyebrow{color:#17465c}.tenets .display em{color:#071018}.tenets-list{border-top:1px solid rgba(0,0,0,.2)}.tenet{display:grid;grid-template-columns:70px 1fr 1fr;gap:25px;align-items:center;padding:25px 0;border-bottom:1px solid rgba(0,0,0,.18)}.tenet span{font-family:var(--font-display);font-size:18px;color:#176080}.tenet strong{font-family:var(--font-display);font-size:clamp(27px,4vw,55px);letter-spacing:.5px}.tenet i{font-size:11px;font-style:normal;color:#17465c;line-height:1.6}
.training{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center}.training-copy .section-label{margin-bottom:38px}.training-copy p{margin-top:30px;color:#98a1ab;font-size:13px;line-height:1.9;max-width:400px}.schedule{border:1px solid var(--line)}.schedule-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.5px}.schedule-head small{color:#6e7882;font-size:8px}.schedule-row{display:grid;grid-template-columns:1fr 1fr auto;padding:20px 25px;border-bottom:1px solid var(--line);font-size:11px}.schedule-row:last-child{border-bottom:0}.schedule-row strong{font-family:var(--font-display);font-size:19px}.schedule-row span{color:#a7b0b9}.schedule-row em{font-style:normal;color:var(--blue);font-size:9px;letter-spacing:1px}
.gallery{padding:120px 5vw;background:#0d1116}.gallery-head{max-width:1200px;margin:0 auto 60px;display:grid;grid-template-columns:1fr .55fr;gap:8vw;align-items:end}.gallery-head>p{color:#929ca6;font-size:12px;line-height:1.8}.gallery-grid{display:grid;grid-template-columns:1.1fr .8fr .8fr;grid-template-rows:280px 280px;gap:8px}.gallery-item{position:relative;overflow:hidden;background:linear-gradient(145deg,#142431,#0b1016);display:flex;align-items:flex-end;padding:20px;isolation:isolate}.gallery-item:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(53,185,241,.3),transparent 30%),linear-gradient(135deg,transparent 45%,rgba(255,255,255,.05));transition:.4s;z-index:-1}.gallery-item:hover:before{transform:scale(1.15)}.gallery-item span{font-family:var(--font-display);font-size:28px;letter-spacing:1px}.g1{grid-row:span 2}.g2{background:linear-gradient(145deg,#181a1d,#273440)}.g3{background:linear-gradient(145deg,#11222c,#0e1217)}.g4{background:linear-gradient(145deg,#202124,#101215)}.g5{background:linear-gradient(145deg,#162833,#10171d)}.gallery-note{text-align:center;margin-top:25px;color:#59636d;font-size:8px;letter-spacing:1.6px}
.cta{min-height:70vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 20px;overflow:hidden;background:radial-gradient(circle at center,rgba(53,185,241,.13),transparent 40%)}.cta-lines{position:absolute;width:800px;height:800px;border:1px solid rgba(53,185,241,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(53,185,241,.025),0 0 0 140px rgba(53,185,241,.015)}.cta>*:not(.cta-lines){position:relative}.cta h2{font-family:var(--font-display);font-size:clamp(90px,14vw,190px);line-height:.75;letter-spacing:-3px}.cta h2 span{color:var(--blue)}.cta-copy{max-width:480px;color:#a1abb5;font-size:13px;line-height:1.8;margin:35px 0}.button.large{padding:20px 28px}
footer{padding:50px 5vw 25px;border-top:1px solid var(--line);background:#07090c}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:45px}.footer-top p{font-family:var(--font-display);font-size:25px;color:#65707a}.footer-bottom{padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#69737d;font-size:8px;letter-spacing:1px}.footer-bottom div{display:flex;gap:18px}.footer-bottom a{color:#9ba5ae;text-decoration:none}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-nav{position:absolute;top:82px;left:0;right:0;background:#0b0e12;padding:25px 5vw;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0}.menu-toggle span{display:block;width:25px;height:1px;background:white}.hero-side{display:none}.hero-bottom p{display:none}.hero h1 span:nth-child(2),.hero h1 .outline{margin-left:0}.intro-layout,.journey-head,.training,.gallery-head{grid-template-columns:1fr;gap:35px}.class-grid{grid-template-columns:repeat(2,1fr)}.belt-path{overflow-x:auto;padding-bottom:20px}.path-line{min-width:50px}.belt-step{flex-basis:130px}.tenet{grid-template-columns:45px 1fr}.tenet i{grid-column:2}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.g1{grid-row:span 1;grid-column:span 2}.schedule-row{grid-template-columns:1fr 1fr}.schedule-row em{grid-column:1/-1;margin-top:8px}.footer-bottom{flex-wrap:wrap;gap:20px}.footer-top{flex-direction:column;align-items:flex-start;gap:20px}}
@media(max-width:560px){.site-header{padding:0 20px}.section{padding:90px 6vw}.hero{padding:120px 7vw 70px}.hero h1{font-size:22vw;letter-spacing:-2px}.hero-copy{font-size:12px}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.display{font-size:17vw}.class-grid{grid-template-columns:1fr}.class-card{min-height:290px}.tenets{padding:90px 6vw}.tenet strong{font-size:34px}.gallery{padding:90px 6vw}.gallery-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,180px)}.g1{grid-column:auto}.cta h2{font-size:24vw}.footer-top,.footer-bottom{padding-left:2vw;padding-right:2vw}.footer-bottom div{width:100%;order:3}}

/* SGTKD-SCIO identity update */
.brand-logo{gap:10px}.brand-logo img{width:48px;height:48px;object-fit:contain;border-radius:50%;flex:none}.brand-name{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:1px;color:var(--white)}.footer-brand.brand-logo img{width:58px;height:58px}.footer-brand .brand-name{font-size:24px}
@media(max-width:560px){.brand-logo img{width:42px;height:42px}.brand-name{font-size:17px}.footer-brand.brand-logo img{width:48px;height:48px}}


/* Trustees */
.trustees{background:#0a0d11;position:relative}.trustees:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(53,185,241,.035) 1px,transparent 1px);background-size:25% 100%;pointer-events:none}.trustees-heading{position:relative}.trustees-heading .section-label{margin-bottom:0}.trustees-intro{position:relative;max-width:680px;color:#a8b1ba;font-size:14px;line-height:1.9;margin:-20px 0 55px}.trustee-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.trustee-card{min-height:300px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.012);transition:transform .35s ease,background .35s ease}.trustee-card:hover{transform:translateY(-5px);background:#111a22}.trustee-card.chair{background:linear-gradient(145deg,#122a38,#0b1016)}.trustee-initials{font-family:var(--font-display);font-size:clamp(70px,8vw,120px);font-weight:900;line-height:.8;letter-spacing:-3px;color:transparent;-webkit-text-stroke:1px rgba(53,185,241,.38);transition:.35s}.trustee-card:hover .trustee-initials{color:rgba(53,185,241,.1);-webkit-text-stroke:1px var(--blue)}.trustee-role{display:block;color:var(--blue);font-size:9px;font-weight:700;letter-spacing:2px;margin-bottom:10px}.trustee-details h3{font-family:var(--font-display);font-size:clamp(28px,3vw,42px);line-height:.85;letter-spacing:.3px}.trustees-note{position:relative;text-align:center;color:#59636d;font-size:8px;letter-spacing:1.6px;margin-top:28px}
@media(max-width:900px){.trustee-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.trustee-grid{grid-template-columns:1fr}.trustee-card{min-height:240px}.trustees-intro{margin-top:0}.trustee-initials{font-size:90px}}

/* Community gallery images */

.gallery-item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.gallery-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(4, 8, 12, 0.88) 0%,
    rgba(4, 8, 12, 0.25) 45%,
    rgba(4, 8, 12, 0.05) 100%
  );
  z-index: -1;
}

.g1 {
  background-image: url("participation.png");
}

.g2 {
  background-image: url("volunteering.png");
}

.g3 {
  background-image: url("learning.png");
}

.g4 {
  background-image: url("connection.png");
}

.g5 {
  background-image: url("achievement.png");
}
/* Footer links */
.footer-links {
  display: flex;
  align-items: center;
  gap: 28px;
}

.footer-links a:not(.facebook-link) {
  position: relative;
}

/* Facebook button */
.facebook-link {
  width: 48px;
  height: 48px;
  margin-left: 8px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: linear-gradient(135deg, #1877f2, #0d47a1);
  border-radius: 50%;

  box-shadow:
    0 0 18px rgba(24, 119, 242, 0.35),
    inset 0 1px 2px rgba(255,255,255,0.25);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.facebook-link svg {
  width: 28px;
  height: 28px;
  fill: white;
}

.facebook-link:hover {
  transform: translateY(-4px) scale(1.08);

  box-shadow:
    0 0 28px rgba(24, 119, 242, 0.7),
    0 8px 20px rgba(0,0,0,0.4);

  filter: brightness(1.15);
}