:root{--ink:#10233b;--muted:#5c6d7e;--bg:#f7f9fc;--blue:#0b66d6;--cyan:#00a7c4;--violet:#7257e8;--green:#138a5b;--orange:#e67b16;--magenta:#c23c83;--radius:22px;--shadow:0 18px 50px rgba(20,48,83,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;font-size:17px;line-height:1.65}.container{width:min(1180px,calc(100% - 36px));margin:auto}.top-ribbon{height:5px;background:linear-gradient(90deg,#ff8a00 0 33%,#fff 33% 66%,#138a5b 66%);border-bottom:1px solid #e7ebf0}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 4px 18px rgba(20,48,83,.06)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#0b66d6,#7257e8);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 8px 20px rgba(74,83,223,.25)}.brand strong{display:block;font-size:20px;letter-spacing:.5px}.brand small{display:block;color:#6c7988;font-size:12px;letter-spacing:.4px}.main-nav{display:flex;align-items:center;gap:6px}.main-nav a{color:#263a51;text-decoration:none;font-weight:650;font-size:15px;padding:10px 12px;border-radius:12px}.main-nav a:hover,.main-nav a.active{background:#edf5ff;color:#0755b8}.nav-toggle{display:none;border:0;background:#eef4fb;font-size:24px;border-radius:12px;padding:8px 12px}.hero{background:radial-gradient(circle at 90% 20%,#dff7ff 0,transparent 28%),radial-gradient(circle at 15% 85%,#f4e7ff 0,transparent 22%),linear-gradient(135deg,#f5fbff,#fff 55%,#fff8ef);overflow:hidden}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px;padding:70px 0}.eyebrow{display:inline-block;font-size:13px;font-weight:800;letter-spacing:1.8px;color:#fff;background:rgba(255,255,255,.18);padding:7px 11px;border-radius:100px}.eyebrow.dark{background:#eaf2fb;color:#145896}.hero h1,.page-hero h1,.heritage-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.06;letter-spacing:-2.2px;margin:18px 0}.hero h1 span{background:linear-gradient(90deg,#0b66d6,#7a4edf,#d45081);-webkit-background-clip:text;color:transparent}.hero p{font-size:20px;color:#516579;max-width:730px}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 20px;text-decoration:none;font-weight:750;border:0;cursor:pointer;font-size:16px}.btn.primary{background:linear-gradient(135deg,#0b66d6,#6252e8);color:#fff;box-shadow:0 12px 25px rgba(31,87,207,.25)}.btn.soft{background:#fff;color:#20415e;border:1px solid #dce6f0}.mini-stats{display:flex;gap:34px;margin-top:34px}.mini-stats div{display:flex;flex-direction:column}.mini-stats strong{font-size:23px}.mini-stats span{font-size:13px;color:#6e7c8b}.hero-visual{position:relative;min-height:500px}.portrait-card{position:absolute;right:20px;top:20px;width:360px;height:450px;border-radius:38px;background:linear-gradient(160deg,#123e72,#1e7caa 48%,#824cb8);box-shadow:0 28px 65px rgba(30,61,111,.26);overflow:hidden}.sunburst{position:absolute;font-size:250px;color:rgba(255,255,255,.08);right:-70px;top:-80px}.portrait-placeholder{position:absolute;inset:65px 58px 100px;border:1px solid rgba(255,255,255,.3);border-radius:34px;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.05));display:grid;place-items:center;color:#fff;font-size:90px;font-weight:800}.portrait-caption{position:absolute;bottom:0;padding:26px;color:#fff}.portrait-caption strong{font-size:24px;display:block}.portrait-caption span{font-size:13px;opacity:.86}.floating-card{position:absolute;background:#fff;border-radius:17px;padding:15px 18px;box-shadow:var(--shadow);display:grid;grid-template-columns:38px 1fr;column-gap:8px;align-items:center}.floating-card>span{grid-row:1/3;width:36px;height:36px;border-radius:12px;background:#edf4ff;display:grid;place-items:center;font-size:20px}.floating-card b{font-size:14px}.floating-card small{color:#728091}.fc1{left:0;top:95px}.fc2{left:25px;bottom:50px}.purpose-strip{margin-top:-26px;position:relative;z-index:3}.purpose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.purpose-card{color:#fff;text-decoration:none;padding:24px;border-radius:22px;min-height:220px;box-shadow:0 15px 35px rgba(23,43,68,.16);transition:.2s}.purpose-card:hover{transform:translateY(-5px)}.purpose-card span{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:rgba(255,255,255,.18);font-size:22px}.purpose-card h3{font-size:20px;line-height:1.2;margin:18px 0 10px}.purpose-card p{font-size:14px;line-height:1.5;opacity:.92;margin:0}.purpose-card.blue{background:linear-gradient(145deg,#075fca,#0791c6)}.purpose-card.violet{background:linear-gradient(145deg,#6550d9,#a548c2)}.purpose-card.green{background:linear-gradient(145deg,#0b7b56,#28a56a)}.purpose-card.orange{background:linear-gradient(145deg,#d16a12,#eaa117)}.section{padding:80px 0}.section.pale{background:#f6f8fb}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section h2{font-size:clamp(30px,3.5vw,45px);line-height:1.12;letter-spacing:-1px;margin:14px 0}.text-link{font-weight:750;color:#075fca;text-decoration:none;white-space:nowrap}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.activity-card{border:1px solid #e6ebf0;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(19,49,79,.08)}.activity-card>img,.activity-cover{width:100%;height:220px;object-fit:cover}.activity-cover{display:grid;place-items:center;font-size:68px;color:#fff}.cat-professional{background:linear-gradient(135deg,#0b66d6,#00a7c4)}.cat-teaching{background:linear-gradient(135deg,#7257e8,#bd4fc1)}.cat-student_support{background:linear-gradient(135deg,#c23c83,#eb6c65)}.cat-study_material{background:linear-gradient(135deg,#2d7fbd,#6e56cf)}.cat-community_care{background:linear-gradient(135deg,#138a5b,#5eb548)}.cat-heritage{background:linear-gradient(135deg,#d87014,#f1aa1f)}.activity-body{padding:22px}.badge{display:inline-block;font-size:12px;font-weight:800;color:#36506a;background:#eef4f9;border-radius:100px;padding:5px 9px}.activity-body h3{font-size:21px;line-height:1.25;margin:14px 0 8px}.activity-body p{font-size:15px;color:#617284;margin:0 0 12px}.meta{font-size:13px;color:#8a96a2}.activity-body details{margin-top:12px;border-top:1px solid #edf0f4;padding-top:12px;font-size:15px}.activity-body summary{cursor:pointer;font-weight:700;color:#1762aa}.quote-band{background:#0f2946;color:#fff;padding:70px 0;text-align:center}.quote-band .container{max-width:900px}.quote-mark{font-size:70px;color:#5bc0df;line-height:.5}.quote-band blockquote{font-size:clamp(25px,3vw,38px);font-weight:650;line-height:1.4;margin:20px}.page-hero{color:#fff;padding:85px 0}.page-hero .container{max-width:1050px}.page-hero p{font-size:19px;max-width:800px;opacity:.92}.blue-hero{background:linear-gradient(120deg,#113e72,#446fbd)}.teal-hero{background:linear-gradient(120deg,#075f8f,#08a0a8)}.magenta-hero{background:linear-gradient(120deg,#8a326f,#d15a78)}.purple-hero{background:linear-gradient(120deg,#5946a4,#925bc0)}.contact-hero{background:linear-gradient(120deg,#174b75,#238c8d)}.two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:65px;align-items:start}.rich-text{font-size:18px;color:#506378}.info-panel,.sun-card,.contact-panel{background:#f3f7fb;border:1px solid #e4ebf2;border-radius:25px;padding:28px;position:sticky;top:110px}.info-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #dde6ef}.info-row span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#0b66d6;font-weight:800}.impact-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:35px}.impact-row div{padding:22px;border-radius:18px;background:#f4f7fb;border:1px solid #e5ebf2}.impact-row strong{display:block;font-size:20px}.impact-row span{color:#65788a;font-size:14px}.heritage-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(120deg,#7b310b,#d67a12 60%,#eea719);padding:95px 0}.heritage-grid{display:grid;grid-template-columns:1fr 320px;align-items:center;gap:60px}.heritage-hero p{font-size:19px;max-width:800px}.heritage-emblem{width:250px;height:250px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center;font-size:120px;position:relative}.heritage-emblem small{position:absolute;bottom:40px;font-size:11px;font-weight:800;letter-spacing:2px;text-align:center}.big-sun{font-size:100px;color:#d97a10}.sun-card{text-align:center;background:#fff7e8;border-color:#f0dbba}.gallery-grid{columns:3 280px;column-gap:18px}.gallery-card{break-inside:avoid;margin:0 0 18px;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #e6ebf0;box-shadow:0 8px 24px rgba(20,48,83,.08)}.gallery-card img{width:100%;display:block}.gallery-card figcaption{padding:16px;display:flex;flex-direction:column}.gallery-card span{font-size:14px;color:#718090}.empty-state{padding:40px;text-align:center;border:1px dashed #ccd7e1;border-radius:20px;color:#768797}.contact-grid{display:grid;grid-template-columns:1fr 380px;gap:60px}.contact-form label{display:block;font-weight:700;margin:17px 0}.contact-form input,.contact-form textarea{width:100%;margin-top:7px;border:1px solid #ccd8e3;border-radius:13px;padding:13px 14px;font:inherit}.contact-panel p{padding:10px 0;border-bottom:1px solid #e1e8ef;margin:0}.contact-panel a{display:block;color:#0b66d6;margin-top:8px}.alert{padding:13px 16px;border-radius:12px;margin:15px 0}.alert.success{background:#e6f7ef;color:#126640}.alert.error{background:#fdecec;color:#a02727}.footer{background:#091b2f;color:#ccdae7;padding-top:58px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer .brand{color:#fff}.footer p{color:#91a8bd;max-width:500px}.footer h4{margin-top:0}.footer-grid>div>a{display:block;color:#a9bdd0;text-decoration:none;padding:5px 0}.footer-bottom{text-align:center;border-top:1px solid #1a3148;margin-top:45px;padding:18px;color:#7e97ae;font-size:13px}@media(max-width:980px){.main-nav{display:none;position:absolute;top:82px;left:18px;right:18px;background:#fff;border:1px solid #e2e8ef;border-radius:18px;box-shadow:var(--shadow);padding:12px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.nav-toggle{display:block}.hero-grid{grid-template-columns:1fr;padding:60px 0}.hero-visual{min-height:430px}.portrait-card{right:calc(50% - 180px)}.purpose-grid{grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:repeat(2,1fr)}.two-col,.contact-grid,.heritage-grid{grid-template-columns:1fr}.info-panel,.sun-card,.contact-panel{position:static}.heritage-emblem{margin:auto}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){body{font-size:16px}.container{width:min(100% - 24px,1180px)}.nav-wrap{height:72px}.brand small{display:none}.hero-grid{gap:25px;padding:46px 0}.hero h1,.page-hero h1,.heritage-hero h1{font-size:40px;letter-spacing:-1.3px}.hero p,.page-hero p,.heritage-hero p{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.mini-stats{gap:16px;justify-content:space-between}.mini-stats strong{font-size:19px}.mini-stats span{font-size:11px}.hero-visual{min-height:400px}.portrait-card{width:300px;height:380px;right:calc(50% - 150px)}.portrait-placeholder{inset:55px 48px 90px}.floating-card{display:none}.purpose-strip{margin-top:0;padding-top:15px}.purpose-grid,.cards-grid,.impact-row{grid-template-columns:1fr}.purpose-card{min-height:auto}.section{padding:55px 0}.section-head{align-items:start;flex-direction:column}.activity-card>img,.activity-cover{height:200px}.page-hero,.heritage-hero{padding:60px 0}.gallery-grid{columns:1}.footer-grid{grid-template-columns:1fr;gap:25px}.brand.footer-brand small{display:block}}

/* Image-rich showcase enhancements */
.nav-external{background:linear-gradient(135deg,#fff1dc,#ffdfae)!important;color:#9a4a08!important;border:1px solid #f3c582}
.nav-external:hover{background:linear-gradient(135deg,#ffead0,#ffd99f)!important;color:#7d3903!important}
.hero-pill{background:#eaf2ff;color:#175da6}
.hero-collage{position:relative;min-height:510px}
.collage-card{margin:0;position:absolute;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 20px 50px rgba(30,55,90,.18);border:5px solid #fff}
.collage-card img{width:100%;height:100%;object-fit:cover;display:block}
.collage-card figcaption{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(8,28,52,.83);backdrop-filter:blur(7px);color:#fff;border-radius:16px;padding:12px 15px;line-height:1.25}
.collage-card figcaption strong,.collage-card figcaption span{display:block}.collage-card figcaption strong{font-size:17px}.collage-card figcaption span{font-size:12px;opacity:.82;margin-top:4px}
.collage-main{width:74%;height:380px;right:0;top:25px;transform:rotate(1.5deg)}
.collage-small{width:38%;height:200px;left:0}.collage-small.top{top:10px;transform:rotate(-4deg)}.collage-small.bottom{bottom:12px;transform:rotate(3deg)}
.collage-small figcaption{left:10px;right:auto;bottom:10px;padding:7px 10px;font-size:12px}
.collage-badge{position:absolute;right:15px;bottom:3px;background:#fff;border-radius:18px;padding:12px 16px;box-shadow:0 16px 38px rgba(30,55,90,.17);display:flex;align-items:center;gap:10px;border:1px solid #edf0f4}.collage-badge>span{width:38px;height:38px;border-radius:12px;background:#fff0d6;color:#c46608;display:grid;place-items:center;font-size:22px}.collage-badge b,.collage-badge small{display:block;line-height:1.2}.collage-badge small{color:#7c8b99;font-size:11px;margin-top:3px}
.image-purpose-grid{gap:17px}.purpose-card.image-purpose{position:relative;padding:0;min-height:285px;overflow:hidden;background:#0f2946}.purpose-card.image-purpose>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.purpose-card.image-purpose:hover>img{transform:scale(1.05)}
.purpose-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:linear-gradient(180deg,transparent 20%,rgba(5,20,42,.92) 84%)}
.purpose-overlay.blue{background:linear-gradient(180deg,transparent 15%,rgba(2,62,131,.94) 86%)}.purpose-overlay.violet{background:linear-gradient(180deg,transparent 15%,rgba(75,38,146,.94) 86%)}.purpose-overlay.green{background:linear-gradient(180deg,transparent 15%,rgba(4,93,61,.94) 86%)}.purpose-overlay.orange{background:linear-gradient(180deg,transparent 15%,rgba(145,67,4,.94) 86%)}
.purpose-card.image-purpose span{width:38px;height:38px;font-size:19px}.purpose-card.image-purpose h3{margin:12px 0 7px}.purpose-card.image-purpose p{font-size:13px}
.visual-story{padding:82px 0;background:linear-gradient(135deg,#102844,#183c66 55%,#264765);color:#fff}.visual-story h2{font-size:clamp(30px,3.5vw,45px);line-height:1.15;margin:14px 0;max-width:760px}.light-pill{background:rgba(255,255,255,.14);color:#fff}.story-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px}.story-large,.story-tile{position:relative;border-radius:24px;overflow:hidden;min-height:360px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(0,0,0,.18)}.story-tile{min-height:360px}.story-grid img{width:100%;height:100%;object-fit:cover;display:block}.story-grid>div>div{position:absolute;left:0;right:0;bottom:0;padding:45px 20px 20px;background:linear-gradient(transparent,rgba(8,25,45,.95));display:flex;flex-direction:column}.story-grid span{font-size:11px;letter-spacing:1.4px;font-weight:800;color:#b9d9f4}.story-grid strong{font-size:20px;line-height:1.25;margin-top:6px}
.khpt-band{padding:72px 0;background:linear-gradient(120deg,#8c3a0a,#d97812 58%,#edaa29);color:#fff}.khpt-band-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.khpt-band h2{font-size:clamp(30px,3.8vw,48px);line-height:1.12;margin:14px 0}.khpt-band p{font-size:18px;max-width:760px;color:#fff4e4}.khpt-band img{width:100%;max-height:320px;object-fit:cover;border-radius:28px;border:6px solid rgba(255,255,255,.2);box-shadow:0 22px 50px rgba(88,37,5,.28)}.khpt-btn{background:#fff;color:#984906}.ghost-light{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.1)}
.photo-heritage-hero{padding:80px 0}.heritage-image-card{position:relative;border-radius:30px;overflow:hidden;border:5px solid rgba(255,255,255,.23);box-shadow:0 26px 55px rgba(70,24,3,.28)}.heritage-image-card img{width:100%;display:block;min-height:330px;object-fit:cover}.heritage-image-card span{position:absolute;left:15px;right:15px;bottom:15px;background:rgba(84,33,8,.8);color:#fff;border-radius:14px;padding:10px 13px;text-align:center;font-weight:800;letter-spacing:.4px}.heritage-web-btn{background:#fff;color:#9e4b06}.sun-card img{width:100%;border-radius:18px;margin-bottom:18px}.heritage-link-card{display:grid;grid-template-columns:64px 1fr;gap:18px;margin-top:30px;padding:22px;border:1px solid #f0d5ad;border-radius:20px;background:#fff8ea}.heritage-link-icon{width:58px;height:58px;border-radius:18px;background:#ffead0;color:#ca6508;display:grid;place-items:center;font-size:28px}.heritage-link-card small{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#9f6a35}.heritage-link-card h3{font-size:24px;margin:4px 0}.heritage-link-card p{margin:2px 0 8px;color:#647689}.heritage-link-card a{color:#a45109;font-weight:800;text-decoration:none}
.activity-card{transition:transform .2s ease,box-shadow .2s ease}.activity-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(19,49,79,.13)}
@media(max-width:1100px){.main-nav{gap:2px}.main-nav a{font-size:14px;padding:9px 9px}.brand small{max-width:260px}.story-grid{grid-template-columns:1fr 1fr}.story-large{grid-column:1/-1;min-height:400px}}
@media(max-width:980px){.hero-collage{min-height:510px;max-width:650px;margin:auto;width:100%}.collage-main{width:70%}.khpt-band-grid{grid-template-columns:1fr}.khpt-band img{max-width:620px}.image-purpose-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hero-collage{min-height:375px}.collage-main{width:76%;height:285px}.collage-small{width:42%;height:145px}.collage-badge{right:0;padding:8px 10px}.collage-badge>span{width:32px;height:32px}.image-purpose-grid{grid-template-columns:1fr}.purpose-card.image-purpose{min-height:260px}.story-grid{grid-template-columns:1fr}.story-large,.story-tile{min-height:270px;grid-column:auto}.visual-story{padding:58px 0}.khpt-band{padding:55px 0}.khpt-band .hero-actions{margin-bottom:0}.heritage-image-card img{min-height:250px}.heritage-link-card{grid-template-columns:1fr}.heritage-link-icon{width:52px;height:52px}}