/* Selected concept 12, with the greeting from concept 10. */
.selected-hero{position:relative;isolation:isolate;overflow:hidden;background:#041f35;color:white;container-type:inline-size}
.selected-hero .concept-scene{position:relative;isolation:isolate;overflow:hidden;width:min(100%,1500px);margin:auto;min-height:650px}
.selected-hero .mix-photo{position:absolute;inset:0;z-index:0;overflow:hidden}
.selected-hero .mix-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:.4;animation:night-photo-drift 24s ease-in-out infinite alternate}
.selected-hero .mix-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#041f35f2 0%,#041f35a6 50%,#041f3555);pointer-events:none}
.selected-hero .mix-orbit{display:none}
.selected-hero .mix-copy{position:relative;z-index:4;width:64%;padding:90px 6.5% 160px}
.selected-hero .concept-eyebrow{font-size:9px;letter-spacing:.15em;line-height:1.6;font-weight:600;color:#dbbf83}
.selected-hero h1{font-family:var(--heading);font-size:clamp(54px,5.3cqw,80px);font-weight:500;line-height:1.08;letter-spacing:-.06em;margin:30px 0 24px;color:white}
.selected-hero h1 em{font-style:normal;color:#edc36c}
.selected-hero .concept-summary{font-size:13px;line-height:1.85;color:#b1cbe0;margin:0}
.selected-hero .concept-actions{display:flex;align-items:center;margin-top:35px}
.selected-hero .concept-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 23px;background:#e3ab23;color:#023858;font-size:12px;font-weight:650;line-height:1.5;text-decoration:none;border-radius:3px;transition:background .2s,translate .2s}
.selected-hero .concept-button:hover{background:#f4c559;translate:0 -2px}
.selected-hero .concept-button>span{font-size:22px;line-height:1;font-weight:400}
.selected-hero .mix-campus{position:absolute;width:min(61%,790px);right:-1%;bottom:-1%;z-index:3;opacity:.9;pointer-events:none}
.selected-hero .mix-campus>svg{width:100%;height:auto;overflow:visible}
.selected-hero .mix-campus>svg>circle,.selected-hero .mix-campus>svg>rect,.selected-hero .mix-campus>svg>ellipse{opacity:0}
.selected-hero .university-building path{fill:#082c4380;stroke:#a9cde3;stroke-width:1.2}
.selected-hero .university-building .campus-window{fill:#e3ab2340;stroke:#e3ab23;stroke-width:1}
.selected-hero .university-building text{fill:#f1cb79}
.selected-hero .university-building circle{fill:#e3ab2330;stroke:#e3ab23}
.selected-hero .floating-badge circle:first-child{fill:#0b314ecc;stroke:#6e9dc0;stroke-width:.5}
.selected-hero .floating-badge text{fill:#c2d7e7}
.selected-hero .campus-student{filter:drop-shadow(0 0 4px #a6c9e0);animation:night-student-wander 12s ease-in-out infinite}
.selected-hero .campus-student circle{fill:#8cb5d6}
.selected-hero .campus-student path[fill="#024a76"]{fill:#8cb5d6}
.selected-hero .campus-student path[stroke="#024a76"]{stroke:#8cb5d6}
.selected-hero .floating-badge{animation:night-badge-float 6s ease-in-out infinite}
.selected-hero .badge-science{animation-delay:-2s}.selected-hero .badge-book{animation-delay:-3.7s}.selected-hero .badge-math{animation-delay:-1.4s}.selected-hero .badge-network{animation-delay:-4.3s}
.selected-hero .campus-window.w0{animation:night-window-light 8s ease-in-out infinite}.selected-hero .campus-window.w1{animation:night-window-light 9s ease-in-out -4s infinite}
.selected-hero .campus-trail{animation:night-trail-flow 5s linear infinite}.selected-hero .campus-trail-gold{animation:night-trail-flow 6s linear infinite}
.selected-hero .campus-orbit{transform-origin:580px 260px;animation:night-orbit-turn 90s linear infinite}
.selected-hero .student-leg{transform-box:fill-box;transform-origin:top center;animation:night-student-step .9s ease-in-out infinite alternate}.selected-hero .leg-b{animation-delay:-.9s}
.selected-hero .idea-spark{animation:night-spark 3.5s ease-in-out infinite}.selected-hero .spark-two{animation-delay:-1.5s}
.selected-hero .mix-skyline{position:absolute;left:-3%;bottom:-20%;width:110%;z-index:2;opacity:.5;pointer-events:none}
.selected-hero .city-art{width:100%;height:auto}
.selected-hero .skyline-draw{stroke:#a9cee8;stroke-dasharray:2600;stroke-dashoffset:2600;animation:night-city-reveal 12s ease-in-out infinite}
.selected-hero .river{fill:none;stroke:#124363;stroke-width:25px}
.selected-hero .river-back{animation:night-river-sway 9s ease-in-out infinite alternate}.selected-hero .river-front{animation:night-river-sway 11s ease-in-out -5s infinite alternate}
.selected-hero .river-light{fill:none;stroke:#c49a44;stroke-width:1.7;stroke-dasharray:5 15;animation:night-river-flow 12s linear infinite}
.selected-hero .city-sun{animation:night-sun-breathe 10s ease-in-out infinite;transform-origin:730px 190px}
.selected-hero .city-star{animation:night-star-float 5s ease-in-out infinite}.selected-hero .star-two{animation-delay:-2s}
.selected-hero .mix-bottom{position:absolute;z-index:5;left:6.5%;right:6.5%;bottom:24px;display:flex;align-items:center;gap:25px;border-top:1px solid #ffffff22;padding-top:16px;font-size:8px;letter-spacing:.16em;color:#8eb1ce}
.selected-hero .mix-bottom>span:nth-child(2){margin-left:auto}
.selected-hero .hero-motion-toggle{background:#0b314e99;border-color:#557d9b;color:#b9d3e6;width:32px;height:32px}
.selected-hero .hero-motion-toggle:hover{background:#1a486a}
.selected-hero.is-paused *{animation-play-state:paused!important}
@keyframes night-photo-drift{to{scale:1.1;translate:-1% 1%}}
@keyframes night-badge-float{50%{translate:0 -10px}}
@keyframes night-window-light{45%,65%{opacity:.5}}
@keyframes night-trail-flow{to{stroke-dashoffset:-84}}
@keyframes night-orbit-turn{to{rotate:360deg}}
@keyframes night-student-wander{0%,100%{translate:-12px 3px}50%{translate:48px -2px}}
@keyframes night-student-step{from{rotate:-8deg}to{rotate:8deg}}
@keyframes night-spark{0%,100%{opacity:.25}50%{opacity:1;translate:0 -4px}}
@keyframes night-city-reveal{0%{stroke-dashoffset:2600;opacity:.4}32%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes night-river-sway{to{translate:0 9px}}
@keyframes night-river-flow{to{stroke-dashoffset:-200}}
@keyframes night-sun-breathe{50%{scale:1.08;opacity:.38}}
@keyframes night-star-float{50%{translate:0 -9px}}
@media(max-width:950px){.selected-hero .concept-scene{min-height:610px}.selected-hero .mix-copy{width:64%;padding-top:65px;padding-bottom:150px}.selected-hero h1{font-size:54px}.selected-hero .concept-eyebrow{font-size:8px}.selected-hero .concept-summary{font-size:12px}}
@media(max-width:600px){.selected-hero .concept-scene{min-height:770px}.selected-hero .mix-copy{width:100%;padding:43px 27px 380px}.selected-hero h1{font-size:clamp(40px,11.5vw,54px);margin:25px 0 21px}.selected-hero .concept-eyebrow{font-size:7px;letter-spacing:.1em}.selected-hero .concept-summary{font-size:11px;max-width:290px}.selected-hero .concept-actions{margin-top:25px}.selected-hero .concept-button{font-size:11px;padding:14px 18px;gap:27px}.selected-hero .mix-photo img{object-position:65% center}.selected-hero .mix-shade{background:linear-gradient(180deg,#041f35f0,#041f35b3 50%,#041f3566)}.selected-hero .mix-campus{width:112%;right:-8%;bottom:30px}.selected-hero .mix-skyline{width:185%;left:-48%;bottom:-3%;opacity:.3}.selected-hero .mix-bottom{left:27px;right:27px;bottom:20px;font-size:6px;gap:13px;padding-top:13px}.selected-hero .hero-motion-toggle{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.selected-hero *{animation:none!important;transition:none!important}.selected-hero .skyline-draw{stroke-dashoffset:0}.selected-hero .hero-motion-toggle{display:none}}