:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f5f5eb;background:#091e24;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow-x:hidden;background:radial-gradient(ellipse at 50% 58%,#11343a80,transparent 66%)}
a{color:inherit;text-decoration:none}
button{font:inherit}
.ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.2}
.ambient-one{width:320px;height:320px;background:#1d8275;left:-170px;top:22%}
.ambient-two{width:300px;height:300px;background:#69539d;right:0;bottom:9%;opacity:.12}
.header,footer{width:min(1100px,calc(100% - 80px));margin-inline:auto;display:flex;justify-content:space-between;align-items:center}
.header{padding-block:35px}
.brand{display:inline-flex;align-items:center;gap:0;font-size:23px;font-weight:750;letter-spacing:-1.1px}
.brand>span:last-child{color:#a5c5bf}
.brand-mark{display:grid;grid-template-columns:7px 7px;gap:3px;margin-right:12px;transform:rotate(-8deg)}
.brand-mark i{width:7px;height:7px;border-radius:2px;background:#eccc70}
.brand-mark i:nth-child(2){background:#74b6a8}.brand-mark i:nth-child(3){background:#86aada}.brand-mark i:nth-child(4){background:#c7add6}
.header-note{font-size:12px;letter-spacing:.04em;color:#9ab6b4}
main{flex:1;width:min(1000px,calc(100% - 80px));margin:36px auto 58px}
.intro{text-align:center}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.23em;color:#a2c1b7;margin:0 0 19px}
h1{font-size:clamp(58px,6vw,82px);font-weight:650;letter-spacing:-4px;line-height:1.04;margin:0}
h1 span{color:#edce7b}
.lede{font-size:15px;line-height:1.6;color:#b3c8c6;margin:20px 0 0}
.destinations{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:49px}
.destination{display:block;min-width:0;border:1px solid #b0d0c423;border-radius:24px;background:linear-gradient(145deg,#ffffff06,#ffffff02);box-shadow:0 16px 35px #00000013;transition:background .25s,border-color .25s,box-shadow .25s;position:relative}
.destination:hover{background:linear-gradient(145deg,#ffffff0b,#ffffff04);border-color:#d5e3cd66;box-shadow:0 22px 50px #00000025}
.destination:focus-visible{outline:3px solid #edce7b;outline-offset:7px}
.logo-stage{height:266px;display:grid;place-items:center;position:relative;border-radius:24px 24px 0 0;overflow:hidden;padding:28px}
.logo-stage img{position:relative;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 16px 17px #0005);animation:float 6s ease-in-out infinite}
.classboard-logo{width:365px}.wellesley-logo{width:302px;animation-delay:-3s!important}
.halo{position:absolute;width:260px;height:140px;border-radius:50%;background:#3e80ad;filter:blur(55px);opacity:.13}
.wellesley .halo{background:#5dc3a7;opacity:.17}
.card-footer{display:flex;justify-content:space-between;align-items:center;margin:0 27px;padding:22px 0 25px;border-top:1px solid #c4d9ce1a;gap:14px}
.destination-name{display:block;font-size:17px;font-weight:600;letter-spacing:-.3px}
.destination-action{display:block;font-size:12px;color:#a7c0be;margin-top:7px}
.arrow{display:grid;place-items:center;width:39px;height:39px;border:1px solid #d7e4d12b;border-radius:50%;font-size:21px;color:#e7d69f;transition:background .25s,color .25s,transform .25s;flex-shrink:0}
.destination:hover .arrow,.destination:focus-visible .arrow{background:#edce7b;color:#091e24;border-color:#edce7b;transform:rotate(5deg)}
footer{padding:22px 0 25px;border-top:1px solid #b0d0c417;color:#8eaaa9;font-size:11px;letter-spacing:.03em;gap:20px}
.motion-toggle{background:none;border:0;color:#a7c0be;font-size:11px;display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:6px;padding:7px}
.motion-toggle:hover{color:#edce7b}.motion-toggle:focus-visible,.brand:focus-visible{outline:2px solid #edce7b;outline-offset:5px}
.motion-paused .logo-stage img{animation-play-state:paused}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-11px) rotate(1deg)}}
@media(min-width:1500px){main{margin-top:65px;margin-bottom:75px}.logo-stage{height:300px}}
@media(max-width:700px){.header,footer{width:calc(100% - 40px)}.header{padding-block:25px}.header-note{display:none}main{width:min(470px,calc(100% - 40px));margin-top:26px;margin-bottom:35px}h1{font-size:62px;letter-spacing:-3px}.lede{font-size:13px;margin-top:16px}.eyebrow{font-size:9px}.destinations{grid-template-columns:1fr;gap:20px;margin-top:31px}.logo-stage{height:202px;padding:20px 30px}.classboard-logo{width:325px}.wellesley-logo{width:252px}.card-footer{margin-inline:22px;padding:18px 0 20px}.destination-name{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.motion-toggle{display:none}}