/* MEChA x SHPE — modern STEM / engineering design refresh */
:root{--tech-navy:#071c35;--tech-ink:#10304e;--tech-blue:#c9e7f7;--tech-orange:#f07739;--tech-line:#a4cadd}
html{scroll-behavior:smooth}
body{background:#f7fafc!important}
.utility{background:#07182c!important;letter-spacing:.17em!important}
.masthead{background:linear-gradient(105deg,#07182d,#0d2b4c 68%,#174265)!important;border-bottom:1px solid #6da2c33d!important}
.brand-mark{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:visible!important}
.brand-mark img{filter:drop-shadow(0 3px 6px #0005)!important}
.topnav{background:#09223e!important;border-bottom:1px solid #285577!important}
.topnav a{border-radius:8px!important;letter-spacing:.035em!important}
.topnav a.active,.topnav a[aria-current="page"]{background:#c9e7f51a!important;box-shadow:inset 0 -2px #f07739!important}
.header-join,.button,.cta{border-radius:10px!important;box-shadow:0 6px 20px #b2532440!important}
.welcome{max-width:1480px!important;min-height:610px!important;gap:clamp(25px,5vw,84px)!important}
/* Direct-on-baby-blue crest: no rectangular image panel / inner backdrop */
.campus-image{background:linear-gradient(145deg,#d6effb,#c2e2f3 52%,#afd5e9)!important;border:1px solid #add3e6!important;box-shadow:0 15px 38px #143b5522!important;border-radius:30px!important;overflow:hidden!important}
.campus-image::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff4b 1px,transparent 1px),linear-gradient(90deg,#ffffff4b 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#0003,transparent 83%);pointer-events:none;z-index:0}
.campus-image::after{border:1px solid #ffffff5c!important;box-shadow:0 0 0 47px #ffffff0a,0 0 0 96px #ffffff08!important}
.campus-graphic{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;inset:28px 5px 28px!important}
.campus-graphic::before,.campus-graphic::after{display:none!important}
.campus-graphic img,.hero-emblem{width:min(86%,470px)!important;height:auto!important;max-width:470px!important;max-height:470px!important;mix-blend-mode:normal!important;filter:drop-shadow(0 14px 15px #0b2a4427)!important}
.photo-kicker{z-index:4!important;font-size:11px!important;letter-spacing:.21em!important}
.photo-label{z-index:4!important;background:#0b2947ef!important;letter-spacing:.14em!important}
.welcome-text .kicker{padding:7px 12px;border:1px solid #a9cfdf;background:#eaf6fc;color:#244b64!important;border-radius:6px;letter-spacing:.14em!important}
.welcome-text h1{color:#092849!important;font-size:clamp(3rem,5.4vw,5.6rem)!important;letter-spacing:-.072em!important}
.welcome-text h1::after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,#f07739,#ffbe86);margin-top:23px;border-radius:3px}
.resource-band{background:linear-gradient(125deg,#eaf4fa,#f7fbfd 65%,#eaf6fc)!important;position:relative;overflow:hidden}
.resource-band::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a6ccdf27 1px,transparent 1px),linear-gradient(90deg,#a6ccdf27 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#0005,transparent 65%);pointer-events:none}
.resource-band>*{position:relative;z-index:1}
.tile{background:linear-gradient(135deg,#082846,#164b70)!important;border:1px solid #5f98bd60!important;border-radius:14px!important;box-shadow:0 12px 30px #103b5528!important}
.tile::after{content:"↗";position:absolute;right:17px;top:15px;color:#bde5f5aa;font-size:19px;font-weight:500;transition:transform .2s ease}
.tile:hover::after{transform:translate(3px,-3px)}
.card,.feature-panel,.profile,.advisor-profile,.form-card,.accent-panel{border:1px solid #cfdfea!important;border-radius:16px!important;box-shadow:0 12px 28px #112c4610!important}
.card:hover,.feature-panel:hover,.profile:hover,.advisor-profile:hover,.form-card:hover{border-color:#86bad6!important;box-shadow:0 15px 38px #112c4620!important}
.intro{background:linear-gradient(120deg,#061b32,#0a3457)!important}
.intro::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.intro .container{position:relative;z-index:2}
.section-heading h2,.below h2,.section h2{letter-spacing:-.06em!important}
.footer{background:linear-gradient(110deg,#06192e,#0d3355)!important;border-top:3px solid #ed7437!important}
@media(max-width:760px){.campus-image{min-height:350px!important;border-radius:22px!important}.campus-graphic{inset:35px 8px 20px!important}.campus-graphic img,.hero-emblem{max-width:280px!important;width:81%!important;max-height:280px!important}.welcome{gap:25px!important}.photo-kicker{font-size:9px!important}.tile{min-height:105px!important}}
@media(prefers-reduced-motion:reduce){.campus-graphic img,.hero-emblem{animation:none!important}}

/* Requested emblem sizing: smaller on homepage, with clear baby-blue breathing room. */
.campus-graphic img.hero-emblem{width:min(64%,320px)!important;max-width:320px!important;max-height:320px!important;height:auto!important;}
@media(max-width:900px){.campus-graphic img.hero-emblem{width:min(68%,265px)!important;max-width:265px!important;max-height:265px!important;}}
@media(max-width:760px){.campus-graphic img.hero-emblem{width:min(64%,205px)!important;max-width:205px!important;max-height:205px!important;}}