/* Woven-carbon banner and explicit academic activity descriptions. */
.wl-hero{display:block;background:#18112a url('home-banner-v78.webp') center right/cover no-repeat;padding:clamp(22px,3.4vh,38px) clamp(24px,3vw,48px);border:1px solid #ffffff1a;box-shadow:0 8px 28px #11171b20}
.wl-hero::after{display:none}
.wl-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(24,17,42,.96) 0%,rgba(24,17,42,.9) 36%,rgba(24,17,42,.62) 60%,rgba(24,17,42,.12) 82%,transparent 100%)}
.wl-hero-copy{position:relative;max-width:790px}
.wl-hero h2{font-size:clamp(29px,min(3.6vw,6.1vh),53px);line-height:1.08;letter-spacing:-.025em;font-weight:650}
.wl-hero h2 em{background:none;color:#fff;-webkit-text-fill-color:currentColor}
.wl-lead{max-width:65ch;color:#edf0f2;font-size:clamp(14px,1.03vw,16px);line-height:1.55}
.wl-kicker{color:#e4d2a2;font-size:11px;letter-spacing:.075em}
.wl-hero .uw-dot{box-shadow:none;width:6px;height:6px}
.wl-actions{gap:9px;margin-top:clamp(13px,2vh,20px)}
.wl-hero .wl-cta{box-shadow:none;padding-inline:16px}
.wl-hero .wl-ghost{background:#18112aa6!important;padding-inline:16px}
.wl-step-title{font-size:clamp(16px,1.25vw,19px);line-height:1.25}
.wl-step-sub{font-size:12.5px;line-height:1.45;min-height:3em}
.wl-art-note{line-height:1.4}
@media(max-width:1100px){.wl-hero-copy{max-width:76%}}
@media(max-width:700px){.wl-hero{background-position:66% center;padding:25px 22px}.wl-hero-copy{max-width:100%}.wl-hero::before{background:linear-gradient(90deg,rgba(24,17,42,.95),rgba(24,17,42,.74))}.wl-hero h2{font-size:32px}.wl-kicker{font-size:10px}.wl-step-sub{min-height:0}}
@media(min-width:701px) and (max-height:720px){.main.is-home .home-content{overflow:auto}.wl{height:auto;min-height:100%}.wl-path{flex:none}.wl-hero{padding-block:21px}}

/* Card images: one readable height for all four cards at every window size.
   On short windows the page scrolls instead of shrinking the pictures. */
@media(min-width:701px){
 .wl-step-main{grid-template-rows:auto auto auto!important;align-content:start;flex:1 0 auto!important}
 .wl-step-art{height:clamp(150px,24vh,250px)!important;min-height:150px!important;max-height:250px!important}
 .main.is-home .home-content{overflow:auto}
 .wl{height:auto!important;min-height:100%}
 .wl-path{flex:none!important}
}

/* Banner shares the sidebar's purple-black; a light purple wash ties the weave to it. */
.wl-hero::before{background:linear-gradient(90deg,rgba(24,17,42,.96) 0%,rgba(24,17,42,.9) 36%,rgba(30,21,52,.6) 60%,rgba(36,26,61,.28) 82%,rgba(36,26,61,.18) 100%)}
@media(max-width:700px){.wl-hero::before{background:linear-gradient(90deg,rgba(24,17,42,.95),rgba(24,17,42,.76))}}