:root{--navy:#071d3d;--deep:#061632;--blue:#123b72;--sky:#97d9ff;--ink:#102746;--muted:#536781;--paper:#f3f8fd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
img{display:block;max-width:100%}
a{color:inherit}
a:focus-visible{outline:3px solid var(--sky);outline-offset:4px}
.skip{position:absolute;left:-999px;top:12px;z-index:20;background:#fff;padding:12px}
.skip:focus{left:12px}
.site-header{height:82px;padding:0 max(32px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;background:#071d3d;color:#fff;border-bottom:1px solid #ffffff22}
.brand img{width:185px;max-height:54px;object-fit:contain;filter:brightness(0) invert(1)}
.site-header nav{display:flex;gap:34px;align-items:center}
.site-header nav a{text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;color:#e5f2ff}
.site-header nav a:hover{color:var(--sky)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 45%,#286493 0%,#154472 30%,#0a2a55 57%,#071d3d 82%);color:#fff}
.hero-inner{width:min(100% - 64px,1280px);margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:32px;min-height:670px}
.hero-copy{padding:72px 0 82px;position:relative;z-index:1}
.eyebrow,.kicker{text-transform:uppercase;font-weight:800;letter-spacing:.16em;font-size:12px}
.eyebrow{color:#9edcff;margin:0 0 28px;display:flex;align-items:center;gap:12px}
.eyebrow-line{display:inline-block;width:30px;height:2px;background:#9edcff}
.hero h1{font-size:clamp(48px,5.25vw,76px);line-height:1.07;letter-spacing:-.055em;font-weight:300;margin:0 0 30px}
.hero h1 strong{font-weight:800;color:#95d6ff}
.hero-lead{max-width:550px;color:#e2efff;font-size:18px;line-height:1.65;margin:0}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:58px;padding:16px 20px;background:#fff;color:#0c2a4e;text-decoration:none;font-weight:800;font-size:14px;border-radius:3px;box-shadow:0 12px 30px #061b3760;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px);background:#b6e3ff}
.quiet-link{text-decoration:none;border-bottom:1px solid #9ddafa;padding:8px 0;color:#e5f2ff;font-size:13px;font-weight:700}
.quiet-link:hover{color:#9ddafa}
.hero-art{height:670px;display:flex;align-items:flex-end;justify-content:center;min-width:0}
.hero-art img{height:min(625px,93%);width:auto;max-width:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 24px 28px #06152e55)}
.hero-bottom{height:52px;border-top:1px solid #ffffff2b;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1280px)/2));font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#b4d1e9}
.hero-bottom span span{font-size:18px;margin-left:6px;color:#9bd7ff}
.section-pad{padding:110px max(32px,calc((100vw - 1280px)/2))}
.section-heading{max-width:850px;margin-bottom:72px}
.kicker{margin:0 0 21px;color:#3471b4}
.section-heading h2,.lab h2{font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-.055em;margin:0 0 24px}
.section-heading h2 span,.lab h2 span{color:#3276bc}
.section-heading>p:last-child{max-width:680px;font-size:18px;line-height:1.7;color:var(--muted);margin:0}
.programs{background:linear-gradient(160deg,#f4f9ff 0%,#fff 52%,#eef6ff 100%)}
.experience{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(45px,6vw,96px);align-items:center;padding:0 0 90px;margin:0 0 90px;border-bottom:1px solid #c9dbec}
.experience.reverse .experience-media{order:2}
.experience.reverse .experience-copy{order:1}
.experience-media{position:relative;min-width:0;background:#123b72;border-radius:5px;overflow:hidden;box-shadow:0 24px 50px #0b315220}
.experience-media img{width:100%;aspect-ratio:1.16;object-fit:cover;transition:transform .4s}
.experience-media:hover img{transform:scale(1.025)}
.experience-media:after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(transparent,#061c3dbd);pointer-events:none}
.experience-media>span{position:absolute;left:24px;bottom:22px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;z-index:1}
.faculty{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#2e70b1;margin:0 0 19px}
.experience h3{font-size:clamp(30px,3vw,45px);line-height:1.13;letter-spacing:-.045em;margin:0 0 22px}
.description{font-size:16px;line-height:1.75;color:#4d617b;margin:0}
.scene{border-left:3px solid #65bdf2;padding:4px 0 4px 20px;margin-top:27px}
.scene span{display:block;color:#2461a1;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;margin-bottom:11px}
.scene p{margin:0;line-height:1.7;font-size:15px}
.scene b{color:#123d70}
.lab{background:#0b2a55;color:white}
.lab-intro{max-width:1000px}
.lab .kicker{color:#95d6ff}
.lab h2 span{color:#9bd7ff}
.lab-intro>p:last-child{max-width:700px;color:#d9e7fa;font-size:18px;line-height:1.75;margin:0}
.lab-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:72px}
.lab-points>div{border-top:1px solid #85b1dd;padding-top:22px}
.lab-points span{color:#9bd7ff;font-weight:800;font-size:13px}
.lab-points h3{font-size:23px;margin:20px 0 8px}
.lab-points p{color:#d2e2f6;line-height:1.65;margin:0;max-width:320px}
.facts{background:#eef6ff}
.fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.fact-grid article{border-top:2px solid #2e70b1;padding-top:23px}
.fact-grid article>span{color:#2c6ca9;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.fact-grid h3{font-size:25px;line-height:1.25;letter-spacing:-.035em;margin:22px 0 12px}
.fact-grid p{color:#4e637d;line-height:1.7;font-size:15px;margin:0 0 15px}
footer{background:#061632;color:#d8e8fa;padding:42px max(32px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;align-items:end;gap:24px}
footer img{width:155px;filter:brightness(0) invert(1)}
footer p{font-size:12px;color:#b4cde5;margin:17px 0 0}
footer a{font-size:12px;text-underline-offset:4px;white-space:nowrap}
@media(max-width:1000px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:10px}.hero h1{font-size:clamp(48px,5.8vw,67px)}.hero-art{height:630px}.hero-art img{height:590px}.experience{gap:40px}.experience h3{font-size:34px}}
@media(max-width:760px){.site-header{height:auto;min-height:76px;padding:15px 24px;flex-wrap:wrap}.site-header nav{gap:14px 22px;flex-wrap:wrap}.hero-inner{width:calc(100% - 48px);grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.hero-copy{padding:64px 0 0}.hero h1{font-size:clamp(42px,8vw,62px)}.hero-art{height:470px;justify-content:center}.hero-art img{height:455px}.hero-bottom{padding:0 24px}.section-pad{padding:80px 24px}.experience,.experience.reverse{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding-bottom:66px;margin-bottom:66px}.experience.reverse .experience-media,.experience.reverse .experience-copy{order:initial}.experience-media img{aspect-ratio:1.55}.lab-points,.fact-grid{grid-template-columns:1fr;gap:28px}.lab-points{margin-top:50px}.section-heading{margin-bottom:52px}}
@media(max-width:480px){.brand img{width:150px}.site-header nav a{font-size:12px}.hero-copy{padding-top:52px}.hero h1{font-size:clamp(38px,10.2vw,48px)}.hero h1 strong{font-size:.9em}.hero-lead{font-size:16px}.hero-actions{gap:15px}.quiet-link{font-size:12px}.hero-art{height:395px}.hero-art img{height:390px}.hero-bottom span:last-child{display:none}.section-heading h2,.lab h2{font-size:clamp(38px,10vw,50px)}.section-heading>p:last-child,.lab-intro>p:last-child{font-size:16px}.experience h3{font-size:31px}.description,.scene p{font-size:15px}footer{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.experience-media img{transition:none}}
