.abroad-hero .recruitment-hero-shade{background:linear-gradient(#10263f40,#10263f73)}.abroad-hero{padding-bottom:55px;min-height:730px}.abroad-hero h1{margin-bottom:90px}.abroad-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0;list-style:none;text-align:left;margin:0}.abroad-journey article{transform:translateY(calc(var(--step-rise) * -1));padding:26px 23px;min-height:200px;border-radius:24px;border:1px solid #ffffff52;background:#173a4ab8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 25px #08142230}.abroad-journey li:nth-child(2n) article{background:#783a1c99}.abroad-step{display:block;font-size:15px;font-weight:900;letter-spacing:.1em;color:#8edbe5;margin-bottom:18px}.abroad-journey li:nth-child(2n) .abroad-step{color:#ffd3ae}.abroad-journey h3{font-size:23px}.abroad-journey p{font-size:14px;margin:0;color:#edf4f7}.abroad-myth-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px;text-align:left}.abroad-myth-grid article{padding:30px;border-radius:24px;border:1px solid #d7e6e6;background:#fff}.abroad-myth-grid .recruitment-number{margin-bottom:14px}.abroad-myth-grid p{font-size:16px;margin:0}.abroad-check .recruitment-three article{background:#ffffff14;border-color:#ffffff45;box-shadow:none}.abroad-check .recruitment-number{color:#8bdbe5}.abroad-check p{color:#ecf5f5}.abroad-language-link{display:inline-block;margin-top:28px;padding:13px 25px;border-radius:999px;background:#239db0;color:#fff;font-weight:700;text-decoration:none;transition:background .25s}.abroad-language-link:hover{background:#d66719}.abroad-page .entry-consult-bridge h2{font-size:clamp(36px,4.7vw,62px)}@media(max-width:900px){.abroad-journey{gap:14px}.abroad-journey article{padding:23px 18px}.abroad-journey h3{font-size:21px}}@media(max-width:760px){.abroad-hero h1{margin-bottom:35px}.abroad-hero{min-height:0}.abroad-journey{grid-template-columns:1fr 1fr;gap:16px}.abroad-journey article{transform:none;min-height:190px}.abroad-myth-grid{gap:16px}.abroad-myth-grid article{padding:25px 22px}}@media(max-width:480px){.abroad-journey{gap:12px}.abroad-journey article{padding:22px 16px;min-height:185px}.abroad-journey h3{font-size:19px}.abroad-journey p{font-size:13px}.abroad-step{font-size:13px}.abroad-myth-grid{grid-template-columns:1fr}.abroad-page .entry-consult-bridge h2{font-size:31px}}
/* Gentle disclosure movement, with an animated arrow. */
.abroad-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none}
.abroad-faq summary::-webkit-details-marker{display:none}
.abroad-faq summary::after{content:"";display:block;width:9px;height:9px;flex:0 0 9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .36s cubic-bezier(.22,1,.36,1);margin-right:4px}
.abroad-faq details[open] summary::after{transform:rotate(45deg)}
.abroad-faq details[data-expanded="false"] summary::after{transform:rotate(-45deg)}
@media(prefers-reduced-motion:reduce){.abroad-faq summary::after{transition:none}}

/* Let the four panels meet the hero boundary with no lower edge. */
.abroad-page .abroad-hero{padding-bottom:0;min-height:0}.abroad-journey{align-items:end}.abroad-page .abroad-journey article{transform:none;min-height:calc(230px + var(--step-rise));border-radius:24px 24px 0 0;border-bottom:0}.abroad-journey li{align-self:end}@media(max-width:760px){.abroad-hero h1{margin-bottom:35px}.abroad-page .abroad-journey article{min-height:230px}.abroad-journey{row-gap:16px}}

/* Selected staggered rise; the hero clips panels below its boundary. */
.abroad-journey li[data-abroad-rise]{opacity:0}@media(prefers-reduced-motion:reduce){.abroad-journey li[data-abroad-rise]{opacity:1}}

/* Keep a title-line-sized gap above the tallest panel and equal 24px steps. */
.abroad-page .abroad-hero h1{margin-bottom:.25em}.abroad-page .abroad-journey article{height:calc(230px + var(--step-rise));min-height:0}@media(max-width:760px){.abroad-page .abroad-journey article{height:auto;min-height:230px}}

/* Raise the ball trajectory; the collapsed header masks its upper entry. */
.abroad-page .abroad-hero>video{transform:translateY(-9vh)}

/* Keep the correct scene beneath the video while it resumes or reloads. */
.abroad-page .abroad-hero{background:#15283c url("assets/abroad-strategy.jpg") center/cover no-repeat}

/* A lightweight fictional campus photograph behind university comparisons. */
.abroad-page .abroad-check{background:linear-gradient(#102a3f99,#102a3fb3),url("assets/abroad-library-overhead-2-20261028.webp") center/cover no-repeat;backdrop-filter:none;-webkit-backdrop-filter:none}.abroad-page .abroad-check .recruitment-three article{background:#18384799;border-color:#ffffff70}

/* Fixed campus scene, approaching gently with section scroll progress. */
.abroad-page .abroad-check{position:relative;isolation:isolate;clip-path:inset(0);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.abroad-campus-backdrop{position:fixed;inset:0;height:100vh;height:100dvh;z-index:-2;background:url("assets/abroad-library-overhead-2-20261028.webp") center/cover no-repeat;transform:scale(var(--campus-zoom,1));transform-origin:50% 50%;pointer-events:none}
.abroad-page .abroad-check::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgb(16 42 63 / var(--campus-shade-top,.6)),rgb(16 42 63 / var(--campus-shade-bottom,.7)));pointer-events:none}
@media(prefers-reduced-motion:reduce){.abroad-campus-backdrop{transform:none}}

.abroad-page .abroad-check .recruitment-three article{position:relative;isolation:isolate;background:transparent;overflow:hidden}
.campus-card-lens{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background-image:linear-gradient(rgb(16 42 63 / var(--campus-shade-top,.6)),rgb(16 42 63 / var(--campus-shade-bottom,.7))),url("assets/abroad-library-overhead-2-20261028.webp");background-size:100% 100%,var(--campus-lens-size);background-position:0 0,var(--campus-lens-position);background-repeat:no-repeat}

/* Selected campus overlay: 40% navy. */
.abroad-page .abroad-check{--campus-shade-top:.4;--campus-shade-bottom:.4}

.abroad-living .recruitment-two{margin-top:35px}

/* Frame the library's bookshelves and study desks, not the window view. */
.abroad-page .abroad-check{--campus-focus-x:0;--campus-focus-y:1}
.abroad-campus-backdrop{background-position:left bottom;transform-origin:left bottom}

.abroad-myths h2{color:#d66719}.abroad-living h2{color:#239db0}

/* Top-down library: keep the symmetric view centred as it recedes. */
.abroad-page .abroad-check{--campus-focus-x:.5;--campus-focus-y:.5}.abroad-campus-backdrop{background-position:center;transform-origin:center}

/* With two columns, panels enter from alternating sides. Round only
   the leading edge opposite the side from which each panel arrives. */
@media(max-width:760px){
 .abroad-page .abroad-journey li:nth-child(odd) article{border-radius:0 24px 24px 0;border-bottom:1px solid #ffffff65}
 .abroad-page .abroad-journey li:nth-child(even) article{border-radius:24px 0 0 24px;border-bottom:1px solid #ffffff65}
}

/* Continue the entry-side edges past the viewport while keeping the text
   in its original column. The hero clips the off-screen fourth edge. */
@media(max-width:760px){
 .abroad-page .abroad-hero{padding-bottom:40px;overflow:clip}
 .abroad-page .abroad-journey li:nth-child(odd) article{margin-left:-20px;padding-left:38px;border-left:0}
 .abroad-page .abroad-journey li:nth-child(even) article{margin-right:-20px;padding-right:38px;border-right:0}
}
@media(max-width:480px){
 .abroad-page .abroad-journey li:nth-child(odd) article{padding-left:36px}
 .abroad-page .abroad-journey li:nth-child(even) article{padding-right:36px}
}

.abroad-living h2{ text-wrap:wrap }.abroad-living .living-heading-part{display:inline-block;white-space:nowrap}