/* Paper-plane characters connect the opening animation with the homepage. */
html body.qt-browse .campus-site .field-hero.home-panorama {background:#fafcf6;border-color:#d9eadc;}
html body.qt-browse .campus-site .home-panorama::before {background:linear-gradient(90deg,#fafcf6f2 0%,#fafcf6d9 27%,#fafcf67a 44%,transparent 59%);}
@media(min-width:761px) {
 html body.qt-browse .campus-site .home-panorama .field-hero-copy {width:53%;max-width:680px;}
 html body.qt-browse .campus-site .home-panorama h1 {font-size:clamp(25px,2.7vw,40px);line-height:1.5;}
 html body.qt-browse .campus-site .home-panorama .field-hero-copy>p {font-size:15px;max-width:510px;}
 html body.qt-browse .campus-site .home-panorama .home-panorama-image {object-position:right center;}
}
@media(min-width:761px) and (max-width:1100px) {
 html body.qt-browse .campus-site .field-hero.home-panorama {min-height:390px;padding:28px;}
 html body.qt-browse .campus-site .home-panorama .field-eyebrow>span:last-child {display:none;}
 html body.qt-browse .campus-site .home-panorama .field-hero-actions {flex-wrap:wrap;}
}
@media(max-width:760px), (max-width:1000px) and (pointer:coarse) and (max-height:600px) {
 html body.qt-browse .campus-site .field-hero.home-panorama {background:#fafcf6!important;border-color:#e1eadd;}
 html body.qt-browse .campus-site .home-panorama>picture {position:relative;}
 html body.qt-browse .campus-site .home-panorama>picture::before {content:'';position:absolute;inset:0 0 auto;height:12%;background:linear-gradient(#fafcf6,transparent);pointer-events:none;z-index:1;}
 html body.qt-browse .campus-site .home-panorama .home-panorama-image {aspect-ratio:3/2;object-fit:contain;}
}

/* Tablet uses the compact composition to keep characters outside the copy. */
@media(min-width:761px) and (max-width:1000px) {
 html body.qt-browse .campus-site .home-panorama .home-panorama-image {left:auto;right:0;width:52%;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 15%);}
}
/* Native mobile homepage retains its short, actionable banner. */
html body.qt-browse .ma-home .ma-plan-banner.ma-flight-banner {min-height:148px;background:#fafcf6!important;border-color:#e1eadd!important;padding:14px;}
html body.qt-browse .ma-home .ma-plan-banner.ma-flight-banner>div {width:54%;max-width:54%;}
html body.qt-browse .ma-home .ma-plan-banner.ma-flight-banner h2 {font-size:15px!important;line-height:1.5!important;}
html body.qt-browse .ma-home .ma-plan-banner.ma-flight-banner img {right:-8px;bottom:12px;width:55%!important;height:auto!important;object-fit:contain;opacity:1;visibility:visible;mask-image:linear-gradient(90deg,transparent,#000 14%);border-radius:0;}