:root{--navy:#08064f;--navy-2:#17105f;--gold:#d49a3c;--red:#7f2627;--ivory:#fbf6ea;--warm:#efe2cf;--ink:#16113a;--muted:#675f56;--line:rgba(8,6,79,.16);--white:#fff;--radius:8px;--shell:min(1180px,calc(100% - 36px));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);line-height:1.55}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,6,79,.08),transparent 420px),linear-gradient(90deg,rgba(212,154,60,.1) 1px,transparent 1px),linear-gradient(rgba(8,6,79,.045) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}img{display:block;max-width:100%}a{color:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:60;padding:10px 12px;background:var(--navy);color:var(--white);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:40;background:rgba(8,6,79,.94);border-bottom:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px)}.nav{min-height:76px;display:flex;align-items:center;gap:18px}.brand,.footer-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;text-transform:uppercase;font-size:.78rem;font-weight:900;letter-spacing:.08em}.brand{color:var(--white);flex:0 0 auto}.brand img,.footer-brand img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--ivory);border:1px solid var(--gold)}.nav-links{display:flex;justify-content:center;align-items:center;gap:17px;flex:1;color:rgba(255,255,255,.78);font-size:.88rem;white-space:nowrap}.nav-links a{text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--gold)}.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.26);border-radius:var(--radius);background:transparent}.menu-toggle span{display:block;width:18px;height:2px;margin:5px auto;background:var(--white)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--gold);border-radius:var(--radius);background:var(--gold);color:#221000;text-decoration:none;font-weight:900;line-height:1.1}.btn.secondary{background:rgba(255,255,255,.08);color:inherit;border-color:rgba(8,6,79,.18)}.hero .btn.secondary,.final-section .btn.secondary{border-color:rgba(255,255,255,.32);color:var(--white)}.btn.small{min-height:38px;padding:0 14px;font-size:.84rem}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button-row.large{justify-content:center;margin-top:22px}.hero{position:relative;padding:106px 0 78px;color:var(--white);background:linear-gradient(135deg,rgba(8,6,79,.96),rgba(23,16,95,.92) 58%,rgba(127,38,39,.88)),url('/assets/kunsaanglogo.jpg');background-size:cover;background-position:center}.hero.compact{padding:76px 0 62px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:46px;align-items:center}.eyebrow{display:block;margin-bottom:13px;color:var(--gold);font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-family:Georgia,serif;font-size:clamp(2.55rem,5.8vw,5.8rem);line-height:.96;letter-spacing:0}h2{margin:0 0 14px;font-family:Georgia,serif;font-size:clamp(1.75rem,3.4vw,3.35rem);line-height:1.03}h3{margin:0 0 8px;font-family:Georgia,serif;font-size:1.35rem}.hero-copy{max-width:740px;margin:20px 0 26px;color:rgba(255,255,255,.86);font-size:1.11rem}.hero-photo,.image-stack,.nav-map,.info-panel,.donation-panel,.login-card{border:1px solid rgba(255,255,255,.22);border-radius:var(--radius);background:rgba(255,255,255,.1);box-shadow:0 24px 80px rgba(0,0,0,.22);overflow:hidden}.hero-photo{margin:0}.hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 20%}.hero-photo figcaption{padding:14px 18px;color:rgba(255,255,255,.86);font-weight:800}.section{padding:82px 0;border-bottom:1px solid var(--line)}.section.warm{background:var(--warm)}.two-up{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:48px;align-items:start}.two-up p,.section-head p,.path-card p,.program-card p,.event-card p,.card-grid p,.resource-grid p,.student-grid p,.detail-layout p,.teacher-layout p,.login-card p{color:var(--muted)}.path-grid,.card-grid,.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.path-card,.program-card,.event-card,.card-grid article,.resource-grid article,.student-grid article{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.78);padding:24px;box-shadow:0 18px 54px rgba(8,6,79,.08)}.path-card span,.event-card span{display:block;margin-bottom:12px;color:var(--red);font-weight:900;text-transform:uppercase;font-size:.74rem;letter-spacing:.12em}.path-card a,.platform-sections a{font-weight:900;text-decoration:none;color:var(--navy)}.feature-band{background:var(--navy);color:var(--white)}.feature-grid{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:46px;align-items:center}.feature-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}.feature-grid p{color:rgba(255,255,255,.82)}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.statement-grid article{padding:30px;border-left:4px solid var(--gold);background:rgba(255,255,255,.5)}.final-section{text-align:center;background:linear-gradient(135deg,var(--navy),var(--red));color:var(--white)}.final-section h2{max-width:900px;margin-inline:auto}.nav-map,.donation-panel{display:grid;padding:18px;background:rgba(255,255,255,.14)}.nav-map a,.donation-panel a{padding:16px;border-bottom:1px solid rgba(255,255,255,.18);color:var(--white);text-decoration:none;font-weight:900}.nav-map a:last-child,.donation-panel a:last-child{border-bottom:0}.editorial-list{display:grid;gap:24px}.editorial-list article{display:grid;grid-template-columns:80px 1fr 1.4fr;gap:22px;align-items:start;padding-bottom:24px;border-bottom:1px solid var(--line)}.editorial-list span{font-family:Georgia,serif;color:var(--gold);font-size:2.2rem}.section-head{max-width:860px;margin-bottom:28px}.platform-sections{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.platform-sections a{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.image-stack{display:grid;grid-template-columns:1fr 120px;gap:14px;align-items:end;padding:14px}.image-stack img{border-radius:var(--radius);object-fit:cover}.image-stack img:first-child{aspect-ratio:4/3}.image-stack img:last-child{aspect-ratio:1}.filter-row,.meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.filter-row span,.meta-row span,.pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(212,154,60,.18);color:var(--navy);font-size:.78rem;font-weight:900}.hero .filter-row span,.hero .meta-row span{background:rgba(255,255,255,.12);color:var(--white);border:1px solid rgba(255,255,255,.22)}.program-catalog,.event-list{display:grid;gap:18px}.program-card.featured{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:center}.program-card.featured img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}.rounded-media{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid rgba(255,255,255,.22)}.portrait{aspect-ratio:3/4;object-position:center 20%}.detail-layout,.teacher-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:34px}.info-panel{display:grid;gap:8px;padding:24px;color:var(--white)}.info-panel strong{color:var(--gold)}.info-panel span{display:block;margin-bottom:12px}.event-info{background:rgba(255,255,255,.12)}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.student-grid .wide{grid-column:span 2}.progress{height:12px;border-radius:999px;background:var(--warm);overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--red))}.login-hero{min-height:70vh}.login-card{max-width:520px;padding:30px;background:rgba(255,255,255,.92);color:var(--ink)}.signin-form{display:grid;gap:14px;margin-top:20px}.signin-form label{display:grid;gap:7px;font-weight:900}.signin-form input{min-height:46px;border:1px solid var(--line);border-radius:var(--radius);padding:0 12px;background:#fff}.login-links{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.login-links a{font-weight:900;text-decoration:none;color:var(--navy)}.site-footer{padding:34px 0 20px;background:#070538;color:rgba(255,255,255,.78)}.footer-grid{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px}.footer-grid a{text-decoration:none}.footer-grid a:hover{color:var(--gold)}.footer-brand{margin-right:auto;color:var(--white)}.copyright{padding-top:18px;margin-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:.84rem}.back-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:900;box-shadow:0 12px 32px rgba(8,6,79,.18);opacity:0;pointer-events:none}.back-top.is-visible{opacity:1;pointer-events:auto}@media(max-width:980px){.nav{flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;flex:1 0 100%;order:4;padding:14px 0 18px;align-items:flex-start;white-space:normal}.nav-links.is-open{display:grid}.nav-cta{margin-left:auto}.hero-grid,.two-up,.feature-grid,.detail-layout,.teacher-layout{grid-template-columns:1fr}.path-grid,.card-grid,.resource-grid,.student-grid,.statement-grid,.program-card.featured,.platform-sections{grid-template-columns:1fr 1fr}.editorial-list article{grid-template-columns:1fr}h1{font-size:clamp(2.35rem,10vw,4.5rem)}}@media(max-width:640px){.shell{width:min(100% - 28px,1180px)}.hero,.hero.compact{padding:58px 0 46px}.section{padding:54px 0}.nav-cta{display:none}.path-grid,.card-grid,.resource-grid,.student-grid,.statement-grid,.program-card.featured,.platform-sections{grid-template-columns:1fr}.student-grid .wide{grid-column:auto}.button-row .btn{width:100%}.image-stack{grid-template-columns:1fr 84px}.footer-brand{width:100%;margin-right:0}}