:root{--deep:#4A231A;--mid:#7C4430;--coral:#8C3A2B;--gold:#C9A227;--cream:#FAF6EC;--sand:#F3E9D6;--ink:#2A1B12;--soft:#654d3d;--white:#fff;--max:1180px}*{box-sizing:border-box}body{margin:0;font-family:'Work Sans',sans-serif;background:var(--cream);color:var(--ink);line-height:1.65}img{max-width:100%;display:block}a{color:inherit}.wrap{max-width:var(--max);margin:auto;padding:0 1.4rem}.skip-link{position:absolute;left:-999px;background:var(--coral);color:white;padding:.7rem;z-index:999}.skip-link:focus{left:1rem;top:1rem}.site-header{position:sticky;top:0;background:rgba(74,35,26,.96);z-index:20;backdrop-filter:blur(8px)}.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.4rem}.brand{display:flex;align-items:center;gap:.7rem;color:white;text-decoration:none}.brand-mark{width:42px;height:46px;display:grid;place-items:center;background:var(--coral);border:2px solid var(--gold);clip-path:polygon(0 0,100% 0,100% 66%,50% 100%,0 66%);font-family:Fraunces,serif;font-weight:900}.brand strong{display:block;font-family:Fraunces,serif}.brand small{display:block;color:#e0cda7;text-transform:uppercase;letter-spacing:.08em;font-size:.67rem}.nav-links{display:flex;gap:1.1rem;list-style:none;margin:0;padding:0}.nav-links a{color:rgba(255,255,255,.85);text-decoration:none;font-weight:600;font-size:.9rem}.nav-toggle{display:none}.hero{min-height:74vh;background-size:cover;background-position:center;display:flex;align-items:end;color:white}.hero-inner{padding-top:7rem;padding-bottom:5rem}.eyebrow{font-family:'Space Mono',monospace;color:var(--coral);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:700}.hero .eyebrow{color:#e3c15a}.hero h1{font-family:Fraunces,serif;font-size:clamp(2.4rem,6vw,5rem);line-height:1;max-width:860px;margin:.7rem 0;color:white}.lede{font-size:1.15rem;max-width:720px;color:rgba(255,255,255,.88)}.btn{display:inline-flex;padding:.9rem 1.25rem;border-radius:6px;text-decoration:none;border:2px solid transparent;font-family:'Space Mono',monospace;text-transform:uppercase;font-size:.78rem;letter-spacing:.07em;margin:.3rem}.primary{background:var(--coral);color:white}.ghost{border-color:rgba(255,255,255,.55);color:white}.stats{background:#241006;color:white}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-top:1.5rem;padding-bottom:1.5rem}.stats strong{font-family:Fraunces,serif;font-size:2.2rem;display:block;color:#fff}.stats span{color:#e0cda7;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.block{padding:4.5rem 0}.alt{background:white}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}h2{font-family:Fraunces,serif;color:var(--deep);font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:.5rem 0 1rem}h3{font-family:Fraunces,serif;color:var(--deep)}.card,.admission-box{background:var(--sand);padding:2rem;border-radius:10px;border-left:5px solid var(--gold)}.campus-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.campus-grid figure{margin:0;background:var(--cream);border-radius:10px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.08)}.campus-grid img{height:360px;width:100%;object-fit:cover}.campus-grid figcaption{padding:1rem;font-weight:700}.cards{display:grid;gap:1.3rem}.three{grid-template-columns:repeat(3,1fr)}.cards article{background:var(--cream);padding:1.5rem;border-radius:10px;border-top:4px solid var(--gold)}.cards span{font-family:'Space Mono',monospace;color:var(--coral);font-weight:700}.steps{padding-left:1.2rem}.steps li{margin:.8rem 0}.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.download-grid a{background:var(--deep);color:white;padding:1.1rem;border-radius:8px;text-decoration:none;font-weight:700}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.news-card{background:white;border-radius:10px;overflow:hidden;border:1px solid #eadfcd}.news-card img{height:170px;width:100%;object-fit:cover}.news-card div{padding:1rem}.news-date{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--coral);text-transform:uppercase}.contact-list dt{font-family:'Space Mono',monospace;text-transform:uppercase;color:var(--coral);font-size:.75rem;margin-top:1rem}.contact-list dd{margin:.3rem 0 0}.contact-form{background:white;padding:1.7rem;border-radius:10px;border:1px solid #eadfcd}.contact-form label{display:block;font-weight:700;margin-bottom:.8rem}.contact-form input,.contact-form textarea{width:100%;padding:.75rem;border:1px solid #d7c8b7;border-radius:6px;margin-top:.3rem;font:inherit}.hp{position:absolute;left:-9999px}.note{color:var(--soft);font-style:italic}footer{background:#241006;color:rgba(255,255,255,.72);padding:2.5rem 0}.footer-grid{display:flex;justify-content:space-between;gap:2rem}.footer-grid a{display:block;color:#e0cda7;margin:.3rem 0}@media(max-width:850px){.stats-grid,.three,.download-grid{grid-template-columns:1fr 1fr}.two-col,.campus-grid,.news-grid{grid-template-columns:1fr}.campus-grid img{height:250px}.footer-grid{display:block}}@media(max-width:520px){.stats-grid,.three,.download-grid{grid-template-columns:1fr}.hero{min-height:80vh}}

.download-grid a span,.download-grid a small{display:block;margin-top:.25rem;font-size:.82rem;color:#6b5a48}.download-grid a strong{display:block}

.hero{background-size:cover;background-position:center}.two{display:grid;grid-template-columns:360px 1fr;gap:2rem;align-items:center}.portrait{border-radius:12px;width:100%;object-fit:cover}.gallery-real{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.gallery-real img{height:210px;width:100%;object-fit:cover;border-radius:8px}.gallery-real figcaption{font-weight:700;margin-top:.4rem}@media(max-width:800px){.two{grid-template-columns:1fr}}


/* Innovation upgrade */
.portal-pill{background:var(--gold);color:#241006!important;padding:.45rem .75rem;border-radius:999px}.innovation-hero-badge{display:inline-flex;gap:.5rem;align-items:center;background:rgba(201,162,39,.18);border:1px solid rgba(201,162,39,.55);padding:.5rem .8rem;border-radius:999px;color:#f4dda0;font-weight:700;margin-bottom:.8rem}.innovation-strip{background:linear-gradient(135deg,var(--deep),#241006);color:white}.innovation-strip h2,.innovation-strip h3{color:white}.innovation-strip p{color:rgba(255,255,255,.78)}.innovation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.innovation-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.12)}.innovation-card img{height:180px;width:100%;object-fit:cover}.innovation-card div{padding:1.2rem}.innovation-card span{font-family:'Space Mono',monospace;color:var(--coral);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.innovation-card small{display:block;color:var(--mid);font-weight:700;margin-top:.6rem}.efunza-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.efunza-card{background:var(--sand);border-left:4px solid var(--gold);border-radius:10px;padding:1.25rem}.efunza-card h3{margin-top:0}.innovation-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.wall-stat{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);padding:1.2rem;border-radius:10px}.wall-stat strong{font-family:Fraunces,serif;font-size:2rem;display:block;color:#fff}.footer-powered{margin-top:1rem;color:#e0cda7;font-weight:700}@media(max-width:850px){.innovation-grid,.efunza-grid,.innovation-wall{grid-template-columns:1fr 1fr}}@media(max-width:520px){.innovation-grid,.efunza-grid,.innovation-wall{grid-template-columns:1fr}}


/* Innovation image display hotfix: keep uploaded project photos natural and uncropped */
.innovation-card img{
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:contain;
  background:#f7efe2;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.innovation-card h3{margin:.45rem 0 .55rem;}
.innovation-card p{white-space:pre-line;}
.admin-thumb{max-width:120px;max-height:72px;object-fit:contain;background:#f7efe2;border:1px solid #ddd;border-radius:6px;padding:3px;}
.actions-inline{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;}
.actions-inline form{margin:0;}


/* STG final branding */
.brand-logo{width:54px;height:54px;object-fit:contain;background:white;border-radius:50%;padding:3px;border:2px solid var(--gold);box-shadow:0 4px 12px rgba(0,0,0,.18)}
.brand-motto{display:block;color:#f4dda0;font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:.09em;font-size:.62rem;margin-top:.1rem}
.school-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem}
.pillar-card{background:var(--cream);border-left:4px solid var(--gold);border-radius:10px;padding:1.2rem}.pillar-card h3{margin-top:0}.crest-feature{display:flex;align-items:center;gap:1.2rem;background:var(--sand);border-radius:14px;padding:1.4rem;border-left:5px solid var(--gold)}.crest-feature img{width:120px;flex-shrink:0}.motto-line{color:#f4dda0;font-weight:800;font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:.12em;margin:.6rem 0 0}
@media(max-width:800px){.school-pillars{grid-template-columns:1fr}.crest-feature{display:block}.crest-feature img{margin-bottom:1rem}}