/*
 * SMPIT THI — Digital Explorer
 * Crisp, energetic and directional, rooted in THI green and brown.
 */
body{
  --thi-navy:#003d2b;
  --thi-accent:#005939;
  --thi-accent-2:#b69d73;
  --thi-ink:#123c30;
  --thi-muted:#65766d;
  --thi-soft:#f1eee6;
  --thi-line:#d8d2c5;
  --thi-radius:10px;
  --thi-shadow:10px 10px 0 rgba(0,61,43,.09);
  background:#fcfdf9;
}
.thi-topbar{background:#826f4f;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.thi-header{background:#003d2b;border-bottom:1px solid rgba(182,157,115,.5)}.thi-nav{min-height:82px}
.thi-brand,.thi-menu a{color:#fff}.thi-mark{border-radius:8px;background:#b69d73;color:#003d2b}
.thi-menu a:hover{color:#d8c9aa}
.thi-home-hero{color:#fff;background:linear-gradient(115deg,#003d2b 0 55%,#005939 55% 76%,#b69d73 76%);padding:5.2rem 0;position:relative}
.thi-home-hero-grid{grid-template-columns:1fr 1fr;gap:4rem}
.thi-home-copy h1,.thi-home-section h2,.thi-page-head h1,.thi-home-cta h2{font-family:Impact,"Arial Narrow",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.01em}
.thi-home-copy h1{font-weight:400;font-size:clamp(3.2rem,6vw,6.2rem)}.thi-home-copy h1 span{color:#d8c9aa}
.thi-home-lead{color:#d8e6df}.thi-button{border-radius:4px;background:#b69d73;color:#003d2b;text-transform:uppercase;letter-spacing:.08em}
.thi-button-ghost{background:transparent;color:#fff;border:2px solid #fff}
.thi-home-values{color:#fff;text-transform:uppercase;letter-spacing:.05em}.thi-home-values span:before{content:"+";color:#b69d73}
.thi-home-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:1.15fr .85fr;gap:.65rem;height:500px;transform:skewY(-2deg)}
.thi-home-mosaic img{border-radius:4px;border:3px solid #b69d73}.thi-home-mosaic .thi-home-main-photo{grid-row:1/3}
.thi-home-section{padding:6rem 0}.thi-kicker{color:#005939;letter-spacing:.18em}.thi-home-section h2{font-weight:400}
.thi-school-grid{grid-template-columns:repeat(5,1fr);gap:.8rem}
.thi-school-card{border-radius:4px;box-shadow:7px 7px 0 #d8d0bf;border:2px solid #003d2b}
.thi-school-card:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 #b69d73}
.thi-school-card img{height:180px}.thi-school-card h3{font-family:"Arial Narrow",Arial,sans-serif;text-transform:uppercase}
.thi-soft-section{background:linear-gradient(135deg,#e8f2ec 0 50%,#f5f1e8 50%)}
.thi-feature-grid{grid-template-columns:repeat(2,1fr);gap:1rem}
.thi-feature-box{display:grid;grid-template-columns:58px 1fr;column-gap:1rem;min-height:135px;border-radius:4px;border-left:7px solid #005939;box-shadow:none}
.thi-feature-icon{grid-row:1/3;border-radius:4px;background:#003d2b;color:#d8c9aa}.thi-feature-box h3{font-size:1.1rem;text-transform:uppercase}.thi-feature-box p{grid-column:2}
.thi-stat-strip{background:#826f4f;color:#fff}.thi-stat-grid>div{border-left:2px solid #e8dfcc;padding-left:1.1rem}.thi-stat-grid span{color:#f3eddf;text-transform:uppercase;letter-spacing:.08em}
.thi-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.thi-journey i{display:none}
.thi-journey>div{text-align:left;border-radius:4px;border:2px solid #003d2b;box-shadow:6px 6px 0 #b69d73}.thi-journey b{font-family:Impact,"Arial Narrow",sans-serif;font-weight:400;font-size:1.6rem}
.thi-story-card{border-radius:4px;box-shadow:7px 7px 0 #ddd5c5}.thi-campus-gallery img{border-radius:4px;filter:saturate(.92) contrast(1.03)}
.thi-home-cta-inner{border-radius:4px;background:#003d2b;box-shadow:14px 14px 0 #826f4f}.thi-home-cta-links a{border-radius:4px;background:#005939;border:1px solid #b69d73}
.thi-page-head{background:linear-gradient(115deg,#003d2b 0 68%,#005939 68%);border-bottom:8px solid #826f4f;clip-path:polygon(0 0,100% 0,100% 88%,0 100%);padding-bottom:5rem}
.thi-content blockquote{border-radius:0;background:#f1eee6;border-left-width:8px}.thi-content table{border:2px solid #003d2b}
.thi-card{border-radius:4px;border:2px solid #003d2b;box-shadow:8px 8px 0 #b69d73}
.thi-footer{background:#00291d;border-top:8px solid #826f4f}
@media(max-width:1050px){.thi-school-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.thi-menu{background:#003d2b;border-color:#b69d73}}
@media(max-width:820px){.thi-home-hero{background:#003d2b}.thi-home-mosaic{transform:none}.thi-journey{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.thi-school-grid,.thi-feature-grid,.thi-journey{grid-template-columns:1fr}.thi-feature-box{grid-template-columns:48px 1fr}.thi-home-copy h1{font-size:3.3rem}}

/* ===== V3.2 — KINETIC DIGITAL EXPLORER ===== */
body{background:#f4f6f1}.thi-topbar{height:8px;padding:0;font-size:0;background:linear-gradient(90deg,#c7df48 0 24%,#005939 24% 82%,#826f4f 82%)}
.thi-header{background:#062f2d;border:0}.thi-nav{min-height:92px}.thi-mark{width:52px;height:52px;background:#c7df48;color:#062f2d;border-radius:14px}.thi-menu a{font-size:.76rem;letter-spacing:.1em}
.thi-home-hero{position:relative;min-height:760px;padding:0;background:#062f2d;overflow:hidden}.thi-home-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(199,223,72,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(199,223,72,.075) 1px,transparent 1px);background-size:48px 48px}.thi-home-hero:after{content:"EXPLORE";position:absolute;right:-.04em;bottom:-.22em;color:rgba(199,223,72,.055);font:900 15rem/1 "Arial Narrow",Impact,sans-serif;letter-spacing:-.05em}
.thi-home-hero-grid{min-height:760px;position:relative;z-index:1;grid-template-columns:1fr 1fr;gap:5rem}.thi-home-copy h1{font-size:clamp(4.4rem,7vw,7.6rem);line-height:.82;letter-spacing:-.035em}.thi-home-copy h1 span{display:block;color:#d9e66e}.thi-home-lead{max-width:590px;line-height:1.75}.thi-kicker{color:#c7df48}.thi-button{background:#c7df48;color:#062f2d;border-radius:10px;padding:1rem 1.35rem}.thi-button-ghost{border:1px solid rgba(255,255,255,.55);color:#fff}.thi-home-values span:before{color:#c7df48}
.thi-home-mosaic{position:relative;display:block;height:560px;transform:none}.thi-home-mosaic:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid rgba(199,223,72,.45);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.thi-home-mosaic .thi-home-main-photo{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);filter:saturate(.85) contrast(1.05);box-shadow:0 30px 70px rgba(0,0,0,.28)}.thi-home-mosaic img:nth-child(2){position:absolute;width:230px;height:165px;left:-72px;bottom:-28px;border:8px solid #062f2d;border-radius:10px;z-index:2;transform:rotate(-3deg)}.thi-home-mosaic img:nth-child(3){position:absolute;width:160px;height:130px;right:-35px;top:-28px;border:6px solid #c7df48;border-radius:8px;z-index:2}
.thi-home-section{padding:7rem 0}.thi-home-section h2{font-size:clamp(2.9rem,5vw,5rem);line-height:.92;letter-spacing:-.02em}.thi-soft-section{background:#e9eee7}.thi-feature-grid{gap:1rem}.thi-feature-box{min-height:170px;border:1px solid #ccd6ce;border-left:6px solid #005939;border-radius:12px;background:#fff;transition:.25s}.thi-feature-box:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(0,61,43,.11)}.thi-feature-icon{background:#062f2d;color:#d9e66e}.thi-stat-strip{background:#c7df48;color:#062f2d}.thi-stat-grid span{color:#31544a}.thi-journey>div{border:1px solid #bfcac1;border-radius:12px;box-shadow:none}.thi-journey b{color:#005939}.thi-story-card{border:0;border-radius:12px;box-shadow:0 16px 40px rgba(0,61,43,.09)}.thi-campus-gallery img{border-radius:10px}.thi-social-wall{background:#062f2d;color:#fff}.thi-social-wall .thi-section-lead{color:#c7d7d0}.thi-social-wall .thi-kicker-green{color:#d9e66e}.thi-social-symbol{border-color:rgba(217,230,110,.4);color:#d9e66e}.thi-social-button{background:#c7df48;color:#062f2d}.thi-social-card{border-radius:10px}.thi-home-cta-inner{background:#005939;border:0;border-radius:14px;box-shadow:16px 16px 0 #c7df48}.thi-home-cta-links a{background:#062f2d;border-color:transparent}
@media(max-width:900px){.thi-home-hero-grid{grid-template-columns:1fr;padding-block:4rem}.thi-home-hero{min-height:0}.thi-home-mosaic{height:430px}.thi-home-copy h1{font-size:clamp(3.8rem,13vw,6.5rem)}}

/* ===== V3.3 — DIGITAL MAGAZINE / BRAND AS ACCENT ===== */
body{background:#f5f7fa;color:#171d27}.thi-topbar{height:4px;background:linear-gradient(90deg,#2d5bff 0 82%,#005939 82% 93%,#826f4f 93%)}
.thi-header{background:#fff;border-bottom:1px solid #dfe4eb}.thi-nav{min-height:88px}.thi-mark{width:48px;height:48px;background:#eef2ff;color:#005939;border-radius:10px}.thi-menu a{color:#242c39}
.thi-home-hero{min-height:780px;background:#f5f7fa;color:#171d27}.thi-home-hero:before{background-image:linear-gradient(#dfe4eb 1px,transparent 1px),linear-gradient(90deg,#dfe4eb 1px,transparent 1px);background-size:44px 44px;opacity:.7}.thi-home-hero:after{content:"NEXT";right:-.03em;bottom:-.2em;color:#e8ebf2;font:900 20rem/1 "Arial Narrow",Impact,sans-serif}
.thi-home-hero-grid{min-height:780px;grid-template-columns:1fr 1fr;gap:5rem}.thi-home-copy h1{font-family:"Arial Narrow",Inter,sans-serif;font-size:clamp(4.5rem,7vw,7.6rem);line-height:.8;color:#171d27}.thi-home-copy h1 span{color:#2d5bff}.thi-home-lead{color:#56606e;max-width:560px}.thi-kicker{color:#005939}.thi-button{background:#2d5bff;color:#fff;border-radius:8px;box-shadow:none}.thi-button-ghost{background:transparent;color:#171d27;border-color:#9ca7b8}.thi-home-values{color:#3f4856}.thi-home-values span:before{color:#005939}
.thi-home-mosaic{height:570px}.thi-home-mosaic:before{inset:-14px 22px 24px -14px;border:2px solid #2d5bff;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.thi-home-mosaic .thi-home-main-photo{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);filter:saturate(.55) contrast(1.12);box-shadow:none}.thi-home-mosaic img:nth-child(2){left:-55px;bottom:-12px;border:8px solid #f5f7fa;border-radius:4px;transform:none}.thi-home-mosaic img:nth-child(3){right:-15px;top:-18px;border:5px solid #005939;border-radius:4px}
.thi-home-section{padding:7rem 0}.thi-home-section h2{font-family:"Arial Narrow",Inter,sans-serif;color:#171d27}.thi-soft-section{background:#edf1f7}.thi-feature-grid{gap:1rem;background:transparent}.thi-feature-box{border:1px solid #ccd3de;border-left:5px solid #2d5bff;border-radius:8px;background:#fff}.thi-feature-icon{background:#edf1ff;color:#2d5bff}.thi-stat-strip{background:#2d5bff;color:#fff}.thi-stat-grid strong{color:#fff}.thi-stat-grid span{color:#dbe3ff}.thi-story-card{border:1px solid #dce1e8;border-radius:8px;box-shadow:none}.thi-campus-gallery img{border-radius:6px}.thi-social-wall{background:#181d26;color:#fff}.thi-social-wall .thi-section-lead{color:#bac3d0}.thi-social-wall .thi-kicker-green{color:#83a0ff}.thi-social-symbol{color:#83a0ff;border-color:#4f5b70}.thi-social-button{background:#2d5bff}.thi-social-card{border-radius:6px}.thi-home-cta-inner{background:#171d27;border:0;border-left:6px solid #005939;border-radius:8px;box-shadow:none}.thi-home-cta-links a{background:#2d5bff}.thi-page-head{background:#171d27;border-bottom:5px solid #2d5bff}.thi-footer{background:#171d27;border-top:4px solid #005939}
@media(max-width:900px){.thi-header{background:#fff}.thi-menu{background:#fff;border-color:#dfe4eb}.thi-menu a{color:#171d27}.thi-home-hero-grid{grid-template-columns:1fr;padding-block:4rem}.thi-home-hero{min-height:0}.thi-home-mosaic{height:440px}.thi-home-copy h1{font-size:clamp(3.8rem,13vw,6.3rem)}}

/* ===== V3.4 — DIGITAL WIPE MOTION ===== */
.thi-hero-stage{inset:0;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.thi-hero-stage .thi-hero-slide{border-radius:0!important;filter:saturate(.58) contrast(1.12);transform:translateX(28%) scale(1.04);clip-path:inset(0 100% 0 0)}.thi-hero-stage .thi-hero-slide.is-active{transform:translateX(0) scale(1);clip-path:inset(0)}.thi-hero-stage .thi-hero-slide.is-leaving{transform:translateX(-18%) scale(.98);clip-path:inset(0 0 0 75%)}.thi-hero-slider[data-direction=previous] .thi-hero-slide{transform:translateX(-28%) scale(1.04);clip-path:inset(0 0 0 100%)}.thi-hero-slider[data-direction=previous] .thi-hero-slide.is-active{transform:translateX(0);clip-path:inset(0)}.thi-hero-slider>img:nth-child(2),.thi-hero-slider>img:nth-child(3){z-index:4}.thi-slider-controls{right:1.4rem;bottom:1.5rem;color:#171d27;border-radius:8px;background:rgba(245,247,250,.9)}
.thi-motion-item{transform:translateX(-30px);clip-path:inset(0 10% 0 0)}.thi-motion-item.is-inview{clip-path:inset(0)}.thi-pointer-reactive:hover{transform:perspective(950px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate(-4px,-8px);box-shadow:10px 10px 0 rgba(45,91,255,.22)}.thi-feature-box:hover{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(45,91,255,.13),transparent 44%),#fff;border-left-color:#005939}.thi-story-card:hover img,.thi-social-card:hover img{transform:scale(1.07);filter:contrast(1.14) saturate(.8)}.thi-campus-gallery img:hover{transform:translate(-5px,-5px);box-shadow:9px 9px 0 #2d5bff}.thi-button:hover,.thi-home-cta-links a:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 rgba(0,89,57,.35)}
.thi-cursor-orbit{border:2px solid #2d5bff;border-radius:3px;background:transparent}.thi-cursor-orbit.is-interactive{border-color:#005939;border-radius:3px;transform:translate3d(calc(var(--cursor-x) - 50%),calc(var(--cursor-y) - 50%),0) rotate(45deg);background:rgba(45,91,255,.08)}
