/* 2026 refined design system */
:root{--navy:#102747;--navy-dark:#081b32;--orange:#ed7437;--powder:#a9d5e6;--light:#f5f7fb;--ink:#142840;--muted:#607083}
html{scroll-behavior:smooth}body{background:#fafbfe;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:#f7ba96;color:#102747}
.utility{background:#0a1c34;color:#b8c9db;padding:9px clamp(18px,4vw,66px);letter-spacing:.13em;font-size:10px}.utility span:last-child{color:#ffac81}
.masthead{background:#102747;padding:18px clamp(18px,4vw,66px);border-bottom:1px solid #ffffff16;position:relative;z-index:20}
.site-brand{gap:16px}.site-brand strong{font-size:clamp(21px,2.3vw,31px);font-weight:800;letter-spacing:-.045em}.site-brand small{letter-spacing:.025em;color:#c1d0df;font-size:11px}
.brand-mark{width:65px;height:65px;border:2px solid #ffffff40;box-shadow:0 6px 25px #03112555;background:#fff;border-radius:50%}
.header-join,.button,.cta{background:linear-gradient(120deg,#ef773a,#d95a29);border:1px solid #f8a37055;box-shadow:0 8px 20px #b34a2830;color:#fff;border-radius:999px!important;padding:13px 23px;letter-spacing:.012em;font-size:13px;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.header-join:hover,.button:hover,.cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px #c65f3259;filter:brightness(1.05)}
.topnav{background:#102747;justify-content:center;padding:0 18px 12px;gap:5px;border-bottom:1px solid #ffffff18;box-shadow:0 8px 22px #0b1a3119}
.topnav a{font-size:12px;font-weight:700;color:#d7e1ec;padding:10px 16px;border-radius:30px;transition:background .2s,color .2s;letter-spacing:.01em;border:0!important}
.topnav a:hover,.topnav a.active{background:#ffffff1d;color:white;border:0!important}
.layout{display:block}.content{max-width:none;margin:0 auto}.container{max-width:1170px}
h1,h2,h3{color:inherit;letter-spacing:-.048em;line-height:1.14}h1{font-weight:800;font-size:clamp(2.55rem,4.25vw,4.8rem)}h2{font-size:clamp(1.95rem,3vw,3rem);font-weight:800}h3{font-size:clamp(1.12rem,1.5vw,1.42rem);font-weight:800}p{line-height:1.75}
.kicker,.eyebrow,.card small{color:#c85d2b;letter-spacing:.17em;font-size:10px;font-weight:800}
.welcome{max-width:1330px;padding:clamp(28px,5vw,74px) clamp(22px,5vw,64px);gap:clamp(30px,5vw,80px);min-height:530px}
.welcome h1{line-height:1.08;margin:14px 0 23px}.welcome-text p{color:#4d6175;font-size:17px;line-height:1.8}
.campus-image{min-height:440px!important;border-radius:25px!important;background:radial-gradient(circle at 15% 6%,#fff5e9,transparent 42%),linear-gradient(145deg,#eff6fc,#d4e5f1 75%,#c7d9e9)!important;border:1px solid #cbddec!important;box-shadow:0 22px 54px #102c4f1c;transform:translateZ(0)}
.campus-graphic img{filter:drop-shadow(0 13px 19px #10274724)!important;max-width:80%;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.campus-image:hover .campus-graphic img{transform:scale(1.045) rotate(-1deg)}.photo-label{background:#102747e8!important;backdrop-filter:blur(8px);padding:16px 23px}.photo-kicker{padding:24px}
.resource-band{background:#f0f5fa;padding-top:70px;padding-bottom:76px}.section-heading{max-width:780px}.section-heading p{font-size:16px;line-height:1.8}
.tile-grid{gap:20px!important;margin-top:31px}.tile,.feature-panel,.card,.profile,.advisor-profile,.form-card,.accent-panel,.map,.sponsor-cta{border-radius:20px!important;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease}
.tile{background:#112e50;color:white;min-height:105px;padding:23px!important;border:1px solid #ffffff16;box-shadow:0 12px 26px #061a3630;position:relative;overflow:hidden}
.tile:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--orange),var(--powder));opacity:.9}
.tile:hover{background:#183b62;transform:translateY(-5px);box-shadow:0 22px 40px #061a3640}
.tile-symbol{border-radius:11px;background:#ffffff15;color:#ffab78}.tile b{color:#f5ab80}
.feature-panel,.card,.profile,.advisor-profile,.form-card{background:white!important;border:1px solid #e0e8f1!important;box-shadow:0 10px 28px #1a3d6212!important}
.feature-panel:hover,.card:hover,.profile:hover,.advisor-profile:hover,.form-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px #14375b21!important;border-color:#cdddeb!important}
.below{max-width:1300px;padding-top:70px;padding-bottom:80px;gap:48px}.accent-panel{background:#f1f5f9;border-left:4px solid var(--orange);padding:32px}
.intro{background:linear-gradient(115deg,#102747 0%,#193b60 74%,#214e70 100%)!important;color:#fff;padding:clamp(62px,7vw,102px) 36px;position:relative;overflow:hidden}
.intro:after{content:'';position:absolute;right:-120px;top:-230px;width:550px;height:550px;border-radius:50%;border:1px solid #ffffff19;box-shadow:0 0 0 65px #ffffff07,0 0 0 140px #ffffff05;pointer-events:none}
.intro .container{position:relative;z-index:1}.intro h1{max-width:900px;color:white}.intro .lead{color:#d7e5f1;font-size:17px;line-height:1.8;max-width:800px}.intro .eyebrow{color:#f6ae84}
.section{padding:clamp(45px,6vw,85px) 30px}.section.cream{background:#f1f6fa}.grid,.leadership-grid{gap:24px!important}
.profile,.advisor-profile{padding:0!important;overflow:hidden;border-radius:22px!important}.leadership-photo{height:auto!important;aspect-ratio:3/4!important;overflow:hidden!important;background:#e9eef5!important;padding:0!important}.leadership-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.profile:hover .leadership-photo img,.advisor-profile:hover .leadership-photo img{transform:scale(1.025)}
.advisor-profile .leadership-photo img{object-fit:cover!important;object-position:center center!important}.leadership-copy{padding:26px!important}.leadership-copy h3{margin-top:0}.leadership-copy p{line-height:1.7}
.footer{padding:38px clamp(20px,5vw,75px);background:#081b32;border-top:3px solid #e87742;color:#d4e2ed}
.form-card,.form-panel,.form-status{border-radius:16px!important}.form-grid{gap:22px}.form-shell{padding-top:58px}
input,textarea,select{border-radius:11px;font:inherit}button{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ef873c;outline-offset:3px}
.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.reveal-on-scroll.visible{opacity:1;transform:none}
@media(max-width:900px){.welcome{grid-template-columns:1fr 1fr;gap:25px}.campus-image{min-height:360px!important}.leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.utility{padding:8px 16px;font-size:9px}.utility span:last-child{display:none}.masthead{padding:15px 18px;flex-wrap:wrap}.brand-mark{width:50px;height:50px}.site-brand strong{font-size:22px}.header-join{font-size:12px}.topnav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:4px 12px 12px}.topnav a{flex-shrink:0;padding:10px 12px}.welcome{grid-template-columns:1fr;padding:28px 20px 56px}.campus-image{min-height:310px!important}.resource-band{padding:50px 20px}.tile-grid,.grid,.split,.below,.leadership-grid{grid-template-columns:1fr!important}.below{padding:50px 20px}.section,.intro{padding:50px 20px}.leadership-photo{aspect-ratio:3/4!important}.form-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal-on-scroll{opacity:1!important;transform:none!important}}

/* 2026 | MeChA x SHPE — editorial premium refinement */
:root{--navy:#0a1e39;--navy-dark:#07172d;--orange:#f27c38;--powder:#c0e3f0;--light:#f4f8fc;--ink:#132944;--muted:#68788c}
body{background:#f8fafd!important;background-image:radial-gradient(circle at 100% 10%,#e8f4fc 0,transparent 26%)!important;letter-spacing:-.007em}
.masthead{background:linear-gradient(115deg,#07172d,#0c2747 75%,#123555)!important;padding-top:15px!important;padding-bottom:15px!important}
.utility{background:#081529!important}.site-brand strong{letter-spacing:-.055em!important;font-weight:800!important}.site-brand small{font-size:11px!important}
.brand-mark{background:transparent!important;border:0!important;width:66px!important;height:66px!important;border-radius:50%!important;box-shadow:none!important;overflow:visible!important;padding:1px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 4px 9px #0006)}
.topnav{background:#0c2746!important;justify-content:center!important;gap:6px!important;padding:8px 20px!important;border-bottom:1px solid #ffffff1c;box-shadow:0 10px 24px #08193210}
.topnav a{border:0!important;border-radius:999px!important;padding:10px 16px!important;transition:background .22s ease,transform .22s ease,color .22s ease!important;font-weight:650!important}
.topnav a:hover,.topnav a.active{background:#ffffff1d!important;color:#fff;transform:translateY(-1px)}
.header-join,.button,.cta{font-weight:750!important;box-shadow:0 11px 28px #e46c3a42!important}
.header-join:hover,.button:hover,.cta:hover{transform:translateY(-3px)!important;box-shadow:0 17px 32px #e46c3a48!important}
h1,h2,h3{letter-spacing:-.052em!important}h1{font-weight:800!important}
.welcome{max-width:1330px!important;margin:auto;grid-template-columns:.98fr 1.02fr!important;gap:clamp(34px,5vw,80px)!important;padding:clamp(48px,7vw,90px) clamp(24px,5vw,74px)!important;min-height:650px!important;position:relative}
.welcome-text{max-width:660px!important}.welcome-text h1{font-size:clamp(3.1rem,5.1vw,5.1rem)!important;line-height:1.06!important;letter-spacing:-.065em!important;margin:15px 0 26px!important;color:#102544}
.welcome-text p{font-size:clamp(16px,1.3vw,19px)!important;line-height:1.83!important;color:#52657a!important}
.kicker,.eyebrow{display:inline-block!important;font-size:11px!important;font-weight:800!important;letter-spacing:.19em!important;text-transform:uppercase!important}
.campus-image{min-height:510px!important;background:radial-gradient(circle at 48% 40%,#f9fcff 0%,#dcecf6 50%,#aecfe5 100%)!important;border-radius:32px!important;border:1px solid #c8e0ed!important;box-shadow:0 28px 66px #173b581c!important;isolation:isolate;overflow:hidden!important}
.campus-image:after{content:'';position:absolute;width:620px;height:620px;border-radius:50%;border:1px solid #ffffffac;left:50%;top:49%;transform:translate(-50%,-50%);box-shadow:0 0 0 48px #ffffff1e,0 0 0 100px #ffffff17;pointer-events:none}
.campus-graphic{position:absolute!important;inset:25px 14px 30px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1}
.hero-emblem,.campus-graphic img{width:min(82%,430px)!important;height:min(82%,430px)!important;max-width:430px!important;max-height:430px!important;object-fit:contain!important;filter:drop-shadow(0 23px 25px #153a5b28)!important;animation:crest-intro .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes crest-intro{from{opacity:0;transform:scale(.93) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}
.campus-image:hover .campus-graphic img{transform:scale(1.035)!important}
.photo-kicker{color:#1c4861!important;font-size:10px!important;letter-spacing:.16em!important;z-index:3!important}
.photo-label{z-index:3!important;background:#082746ed!important;padding:15px 24px!important;font-size:10px!important;letter-spacing:.16em!important}
.resource-band{background:linear-gradient(160deg,#f0f6fb,#e9f2fa)!important;border-top:1px solid #dce8f2;border-bottom:1px solid #dce8f2}
.section-heading h2,.below h2,.section h2{font-size:clamp(2rem,3.3vw,3.2rem)!important;letter-spacing:-.056em!important}
.tile-grid{gap:20px!important}.tile{border-radius:22px!important;background:linear-gradient(140deg,#0e2949,#173d63)!important;min-height:135px!important;box-shadow:0 14px 34px #15365329!important}.tile:hover{transform:translateY(-7px)!important;box-shadow:0 25px 45px #15365339!important}
.card,.feature-panel,.profile,.advisor-profile,.form-card,.accent-panel{border-radius:25px!important;box-shadow:0 14px 36px #122f4a11!important}
.card:hover,.feature-panel:hover,.profile:hover,.advisor-profile:hover,.form-card:hover{transform:translateY(-5px)!important}
.intro{background:radial-gradient(circle at 92% 22%,#2c5576 0,#0d2b4d 42%,#07172c 100%)!important;min-height:340px}.intro h1{font-size:clamp(2.9rem,5vw,5rem)!important;letter-spacing:-.065em!important}
.leadership-photo{aspect-ratio:3/4!important}.leadership-copy{padding:29px!important}.leadership-copy h3{font-size:clamp(19px,2vw,24px)!important}
.footer{border-top:4px solid #e97639!important;padding-top:48px!important;padding-bottom:48px!important}
.footer a:hover{text-decoration:underline;color:#ffb185}
@media(max-width:900px){.welcome{grid-template-columns:1fr 1fr!important;min-height:auto!important}.campus-image{min-height:400px!important}.hero-emblem,.campus-graphic img{width:90%!important;height:90%!important}}
@media(max-width:760px){.masthead{padding:13px 16px!important}.brand-mark{width:52px!important;height:52px!important}.site-brand{gap:10px!important}.site-brand strong{font-size:21px!important}.site-brand small{font-size:10px!important}.header-join{padding:10px 13px!important}.topnav{justify-content:flex-start!important;overflow-x:auto;scroll-snap-type:x proximity}.topnav a{scroll-snap-align:start}.welcome{grid-template-columns:1fr!important;min-height:0!important;gap:24px!important;padding:35px 20px 52px!important}.campus-image{min-height:340px!important;order:0}.welcome-text{order:1}.welcome-text h1{font-size:clamp(2.7rem,10vw,4rem)!important}.hero-emblem,.campus-graphic img{width:78%!important;height:78%!important}.section-heading h2,.section h2{font-size:2.15rem!important}}
@media(prefers-reduced-motion:reduce){.hero-emblem,.campus-graphic img{animation:none!important}}


/* MEChA x SHPE | 2026 refined presentation layer */
:root{--accent-orange:#f47b3c;--focus:#ffc77c;--surface:#fff;--line:#dce6ef;--deep:#081a30}
body{letter-spacing:-.007em}main{min-height:45vh}a,button,input,select,textarea{ -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus)!important;outline-offset:3px!important}
.skip-to-content{position:absolute;z-index:9999;left:14px;top:-90px;background:white;color:#0b2544;padding:12px 20px;border-radius:12px;font-weight:800;box-shadow:0 8px 30px #001b3452}
.skip-to-content:focus{top:10px}
.utility{border-bottom:1px solid #ffffff13!important}
.masthead{background:linear-gradient(125deg,#08182c 0%,#112d50 68%,#14385b 100%)!important}
.site-brand strong{font-size:clamp(22px,2.2vw,30px)!important;letter-spacing:-.05em!important}
.site-brand small{opacity:.94}
.brand-mark{border:1px solid #ffffff4d!important;background:#ffffff!important;box-shadow:0 5px 20px #0004,0 0 0 5px #ffffff10!important;overflow:hidden!important;flex:none}
.brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;display:block}
.topnav{position:relative;z-index:11;background:#0d2543!important}
.topnav a{position:relative;white-space:nowrap;transition:background-color .2s ease,color .2s ease,transform .2s ease!important}
.topnav a:hover{transform:translateY(-1px)}
.topnav a[aria-current="page"]{background:#ffffff20!important;color:#fff!important}
.welcome{position:relative;isolation:isolate;overflow:hidden}
.welcome:before{content:"";position:absolute;inset:-20% 55% auto -22%;height:400px;background:radial-gradient(circle,#f3c7a31f,transparent 67%);pointer-events:none;z-index:0}
.welcome-text,.campus-image{position:relative;z-index:1}
.welcome-text h1{max-width:14ch;font-weight:800;line-height:1.075!important;letter-spacing:-.065em!important;text-wrap:balance}
.welcome-text p{max-width:62ch;line-height:1.82!important}
.welcome-text .kicker{letter-spacing:.17em!important;font-weight:800}
.campus-image{border-radius:30px!important;box-shadow:0 26px 65px #0d294028!important;border:1px solid #ffffffbd;overflow:hidden!important}
.campus-graphic{background:radial-gradient(circle at 52% 40%,#fff 0%,#f3f8fc 44%,#e0ebf6 100%)!important}
.hero-emblem{filter:drop-shadow(0 22px 30px #08264527)!important}
.photo-label{letter-spacing:.1em!important}
.section,.resource-band,.below,.story-wrap{scroll-margin-top:30px}
.section-heading h2,.below h2,.intro h1{ text-wrap:balance }
.intro{position:relative;overflow:hidden}
.intro:after{content:"";position:absolute;width:310px;height:310px;right:-150px;top:-110px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 60px #ffffff05,0 0 0 120px #ffffff04;pointer-events:none}
.tile,.card,.feature-panel,.profile,.advisor-profile,.form-card,.accent-panel{transition:transform .27s ease,box-shadow .27s ease,border-color .27s ease!important;will-change:auto}
.tile:hover,.card:hover,.feature-panel:hover,.profile:hover,.advisor-profile:hover,.form-card:hover{transform:translateY(-4px)!important}
.profile,.advisor-profile{overflow:hidden!important;border:1px solid var(--line)!important;background:#fff!important}
.leadership-photo{overflow:hidden!important;background:#edf3f8!important}
.leadership-photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.leadership-copy h3{letter-spacing:-.045em!important}
.form-panel{scroll-margin-top:30px}
.form-card,.feature-panel{border:1px solid #e2eaf2!important}
input,textarea,select{max-width:100%}
.footer{background:linear-gradient(145deg,#071a31,#122f50)!important;color:#e6edf5!important}
.footer a{transition:color .2s ease}
.site-brand,.footer a{overflow-wrap:anywhere}
@media(max-width:760px){.utility{padding:8px 16px!important}.site-brand small{max-width:165px}.site-brand strong{font-size:20px!important}.brand-mark{height:49px!important;width:49px!important}.header-join{font-size:11px!important;padding:10px 12px!important}.topnav{padding:0 9px 12px!important;gap:3px}.topnav a{padding:9px 13px!important}.welcome{padding-top:22px!important}.welcome-text h1{font-size:clamp(2.5rem,10.5vw,3.9rem)!important}.campus-image{border-radius:22px!important}.photo-label{font-size:9px!important}.intro:after{opacity:.5}}
@media(max-width:420px){.site-brand small{display:none}.site-brand strong{font-size:18px!important}.header-join{font-size:10px!important}.masthead{gap:10px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-on-scroll{opacity:1!important;transform:none!important}}