/* v3.1: widescreen presentation only. No application selectors or handlers removed.
   Reference: user-supplied 1536x1024 wide mockup. Native hero: 1536x461.
   The photo never scales above its native size; peripheral fill extends to the viewport. */
.sh-hero-wide{position:relative;isolation:isolate;overflow:hidden;background:#eef0ee;width:100%;}
.sh-edge-extension{display:none;pointer-events:none;z-index:0;}
@media(min-width:1537px){.sh-edge-extension{display:block;position:absolute;top:0;width:calc((100% - 1536px) / 2);height:461px;max-width:none;object-fit:fill;}.sh-edge-left{left:0;}.sh-edge-right{right:0;}}
.sh-hero-wide .sh-scene{max-width:1536px;position:relative;background:transparent;z-index:1;}
.sh-wide-picture{display:block;width:100%;}
.sh-hero-wide .sh-main-image{width:100%;max-width:1536px;height:auto;aspect-ratio:1536 / 461;object-fit:contain;}
.sh-school-picture{display:contents;}
@media(min-width:768px){
 :root{--header-height:64px;--sh-wide-content:1008px;}
 .sh-header .header-inner{width:calc(100% - 48px);max-width:var(--sh-wide-content);padding:0;gap:24px;}
 .sh-brand img{width:110px;height:31px;}
 .sh-header .sh-brand>span{font-size:10px;line-height:14px;}
 .sh-header .desktop-nav{gap:28px;margin:0 auto;}
 .sh-header .desktop-nav a{font-size:14px;font-weight:600;}
 .sh-header .header-cta{min-height:40px;height:40px;padding:0 26px;font-size:14px;}
 .sh-hero-wide .sh-hero-copy{left:17.708333%;top:50.5%;}
 .sh-hero-wide .sh-hero-copy>p{font-size:clamp(14px,1.2vw,18px);line-height:1.45;letter-spacing:-.025em;}
 .sh-hero-wide .sh-hero-actions{gap:12px;margin-top:13px;}
 .sh-hero-wide .sh-hero-actions .sh-pill{min-height:44px;height:44px;font-size:14px;padding:0 19px;gap:9px;}
 .sh-hero-wide .sh-hero-actions .sh-primary{width:190px;}
 .sh-hero-wide .sh-hero-actions .sh-outline{width:168px;}
 .sh-hero-wide .sh-hero-actions .icon{width:17px;height:17px;}
 .sh-hero-wide .sh-metrics{left:24.2%;right:25.2%;top:auto;bottom:12px;}
 .sh-hero-wide .sh-metrics strong{font-size:clamp(30px,2.6vw,40px);line-height:1;font-weight:700;letter-spacing:-.055em;}
 .sh-hero-wide .sh-metrics span{font-size:14px;line-height:1.3;margin-top:8px;letter-spacing:-.025em;}
 .sh-hero-wide .sh-metrics>div+div:before{height:76px;top:0;background:#ffffff4f;}
 .sh-shortcuts{width:calc(100% - 48px);max-width:var(--sh-wide-content);padding:22px 0 24px;gap:28px;}
 .sh-shortcut img{width:119px;height:59px;border-radius:12px;object-fit:contain;}
 .sh-shortcut h2{font-size:18px;line-height:1.4;margin:8px 0 4px;}
 .sh-shortcut p{font-size:14px;line-height:1.55;letter-spacing:-.025em;}
 .sh-switch-section{max-width:var(--sh-wide-content);width:calc(100% - 48px);padding:0;}
 .sh-switch-card{height:176px;border-radius:14px;background:linear-gradient(105deg,#f0f6ff,#eaf4ff);}
 .sh-school-art{width:574px;height:174px;max-width:57%;top:auto;bottom:0;object-fit:contain;object-position:right bottom;}
 .sh-switch-copy{padding:21px 0 0 30px;}
 .sh-switch-copy h2{font-size:28px;line-height:1.22;letter-spacing:-.035em;}
 .sh-inline-logo{width:105px;height:35px;vertical-align:-.25em;}
 .sh-switch-copy>a{font-size:17px;min-height:32px;line-height:1.4;margin-top:10px;}
 .sh-switch-copy>a .icon{height:17px;width:17px;}
 .sh-trust{max-width:var(--sh-wide-content);padding:28px 0 20px;}
 .sh-trust h2{font-size:18px;line-height:1.5;}
 .sh-trust-detail{margin-top:16px;gap:22px;}
 .sh-trust-detail img{width:54px;height:43px;}
 .sh-trust-detail p{font-size:14px;line-height:1.55;}
 .sh-trust-rule{height:29px;}
 .sh-draft-note{font-size:11px;line-height:1.5;margin-top:18px;max-width:100%;}
 .sh-continue{width:calc(100% - 48px);max-width:var(--sh-wide-content);padding:12px 0;}
}
@media(min-width:768px) and (max-width:1359px){
 .sh-hero-wide .sh-hero-copy{top:48%;}
 .sh-hero-wide .sh-hero-actions{margin-top:8px;gap:10px;}
 .sh-hero-wide .sh-hero-actions .sh-pill{min-height:40px;height:40px;font-size:13px;}
 .sh-hero-wide .sh-hero-actions .sh-primary{width:174px;}
 .sh-hero-wide .sh-hero-actions .sh-outline{width:153px;}
 .sh-hero-wide .sh-metrics{left:10%;right:10%;bottom:10px;}
 .sh-hero-wide .sh-metrics span{font-size:13px;line-height:1.3;margin-top:6px;white-space:nowrap;}
 .sh-hero-wide .sh-metrics span br{display:none;}
 .sh-hero-wide .sh-metrics>div+div:before{height:49px;}
 .sh-header .desktop-nav{gap:24px;}
 .sh-shortcuts{gap:14px;}
}
@media(min-width:768px) and (max-width:1023px){
 /* On tablets keep the full panorama; interactive copy reflows below rather than obscuring it. */
 .sh-hero-wide .sh-hero-copy{position:relative;left:auto;top:auto;padding:22px 24px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;}
 .sh-hero-wide .sh-hero-copy>p{font-size:17px;}
 .sh-hero-wide .sh-hero-actions{margin-top:0;}
 .sh-hero-wide .sh-hero-actions .sh-pill{height:44px;}
 .sh-hero-wide .sh-metrics{position:relative;left:auto;right:auto;bottom:auto;padding:18px 24px;background:#263b50;}
 .sh-hero-wide .sh-metrics span{font-size:12px;}
 .sh-hero-wide .sh-main-image{mask-image:linear-gradient(#000 0%,#000 70%,#000 100%);}
 .sh-shortcut img{width:100%;height:59px;}
 .sh-shortcut h2{font-size:16px;}
 .sh-shortcut p{font-size:13px;}
 .sh-switch-copy h2{font-size:24px;}
 .sh-switch-copy{padding-left:24px;}
 .sh-inline-logo{width:92px;height:32px;}
 .sh-trust{padding-left:24px;padding-right:24px;}
}
@media(max-width:767px){
 .sh-edge-extension{display:none;}
 .sh-hero-wide .sh-scene{max-width:1024px;background:#fff;}
 .sh-hero-wide .sh-main-image{max-width:1024px;aspect-ratio:1024 / 705;}
 .sh-school-picture{display:contents;}
}