.reference-home{background:#f4f7fb;color:#0E2748}.reference-home .container{width:min(1440px,calc(100% - 80px))}.reference-home .site-header{background:#fff}.reference-home .nav{min-height:72px;gap:22px}.home-wordmark{display:flex;align-items:center;gap:14px;white-space:nowrap;line-height:1.2}.home-wordmark b{font-size:42px;letter-spacing:-2px;display:flex;line-height:1}.home-wordmark b span{color:#0E2748}.home-wordmark b span:nth-child(2){color:#246BFD}.institute-name{border-left:1px solid currentColor;padding-left:14px;font-size:12px;font-weight:700}.reference-home .nav-links{gap:18px;font-size:10px}.reference-home .nav-cta{background:#246BFD;border-radius:22px;white-space:nowrap}.reference-hero{background:#04192c url('assets/hero-paris-day-v3.jpg') center/cover no-repeat;color:white}.hero-inner{position:relative;min-height:430px;display:flex;align-items:center}.hero-copy{width:43%;padding:40px 0}.hero-copy h1{font-size:clamp(32px,3.25vw,52px);line-height:1.12;letter-spacing:0;margin:0 0 16px;color:#fff}.hero-copy p{font-size:16px;line-height:1.6;max-width:500px;color:#e5edf7;margin:0}.hero-values{display:flex;gap:20px;font-size:10px;margin-top:22px;color:#dbe5f0}.hero-values span::first-letter{color:#3899ff}.reference-home .btn{border-radius:5px;min-height:38px;padding:0 21px;font-size:11px}.hero-actions{margin-top:26px;gap:12px}.hero-outline{background:transparent;border-color:#adc9ef;color:white;min-width:110px}.paris-message{position:absolute;right:0;top:25px;font-family:'Segoe Print','Bradley Hand',cursive;font-style:italic;font-size:32px;line-height:1.3;transform:rotate(-8deg);text-align:center}.hero-motto{position:absolute;right:0;bottom:16px;font-size:10px;letter-spacing:3px}.home-content{padding:22px 0 18px}.compact-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.reference-home h2{font-size:24px;line-height:1.2;letter-spacing:0;margin:0}.compact-heading>a{font-size:12px;color:#246BFD}.certificate-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.certificate-card{background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 2px 5px #0e274811;border:1px solid #e0e7ef;display:flex;flex-direction:column}.certificate-card>img{width:100%;height:112px;object-fit:cover}.certificate-card>div{padding:12px;position:relative;flex:1;min-height:112px;padding-bottom:29px}.certificate-card h3{font-size:13px;line-height:1.4;letter-spacing:0;margin:0 0 8px}.certificate-card p{font-size:10px;line-height:1.5;margin:0;color:#344960}.card-arrow{position:absolute;right:13px;bottom:8px;color:#246BFD;font-size:22px}.certificate-card:hover{box-shadow:0 4px 15px #0e274822}.programme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 22px}.programme-panel{min-width:0}.programme-banner{border-radius:7px;overflow:hidden;padding:22px 28px;color:white;background-size:cover;background-position:center;min-height:185px}.programme-banner.undergraduate{background-image:linear-gradient(90deg,#031222d9,#03122215),url('assets/undergraduate-clean-v2.jpg')}.programme-banner.postgraduate{background-image:linear-gradient(90deg,#031222d9,#03122215),url('assets/postgraduate-clean-v2.jpg')}.programme-banner h2{font-size:21px;color:white}.programme-banner p{font-size:12px;max-width:280px;line-height:1.5;margin:8px 0 18px}.programme-panel details{font-size:11px;margin:7px 3px 0}.programme-panel summary{cursor:pointer;color:#246BFD}.programme-panel ul{padding-left:20px}.programme-panel li{padding:4px 0}.programme-panel li a:hover{text-decoration:underline}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-bottom h2{font-size:21px}.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.approach-grid>div{text-align:center}.approach-grid svg{width:32px;height:32px;fill:none;stroke:#164976;stroke-width:1.8}.approach-grid h3{font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:0;margin:6px 0}.approach-link{font-size:11px;color:#246BFD}.journey{background:#e3f0fd;border-radius:7px;padding:22px 28px;display:flex;gap:20px;align-items:center}.journey>div{flex:1}.journey h2{font-size:19px}.journey p{font-size:12px;line-height:1.5;margin:8px 0}.journey .inline-actions{margin-top:14px;gap:10px}.contact-button{border-color:#246BFD;color:#246BFD}.journey-motto{font-family:'Segoe Print','Bradley Hand',cursive;font-style:italic;font-size:26px;line-height:1.2;transform:rotate(-9deg)}.reference-footer{background:#04192c;color:white;padding:23px 0 20px}.reference-footer>.container{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 45px}.reference-footer .home-wordmark b{font-size:30px}.reference-footer .home-wordmark b span{color:#fff}.reference-footer .home-wordmark b span:nth-child(2){color:#246BFD}.reference-footer .institute-name{font-size:11px}.reference-footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:17px;font-size:10px}.reference-footer p{font-size:9px;letter-spacing:2px;color:#afbdcf;margin:0}.reference-footer small{font-size:9px;color:#afbdcf;text-align:right}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #246BFD;outline-offset:4px}
@media(min-width:1600px){.hero-inner{min-height:500px}}
@media(max-width:1200px){.reference-home .container{width:calc(100% - 48px)}.reference-home .nav-links{gap:10px;font-size:9px}.home-wordmark b{font-size:35px}.institute-name{font-size:10px}.hero-values{gap:12px}.journey-motto{font-size:21px}}
@media(max-width:960px){.reference-home .nav{min-height:68px}.reference-home .nav-links{font-size:14px;gap:0}.reference-home .nav-links.open{display:flex;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 68px);overflow:auto}.nav-links.open a{padding:12px 18px}.hero-inner{min-height:410px}.hero-copy{width:53%}.hero-copy h1{font-size:34px}.hero-copy p{font-size:14px}.paris-message{font-size:24px}.certificate-grid{grid-template-columns:repeat(3,1fr)}.certificate-card>img{height:140px}.certificate-card>div{min-height:102px}.journey{padding:18px}.journey-motto{display:none}.reference-footer>.container{grid-template-columns:1fr}.reference-footer nav{justify-content:flex-start}.reference-footer small{text-align:left}}
@media(max-width:600px){.reference-home .container{width:calc(100% - 32px)}.home-wordmark b{font-size:34px}.institute-name{font-size:10px}.reference-hero{background-position:65% center}.hero-inner{min-height:550px;align-items:flex-end}.hero-copy{width:100%;padding:150px 0 35px;background:linear-gradient(0deg,#04192cf5 0%,#04192cd9 65%,transparent)}.hero-copy h1{font-size:32px}.hero-copy p{font-size:14px;max-width:370px}.hero-values{flex-wrap:wrap;gap:12px;font-size:9px}.paris-message{top:8px;font-size:23px;right:4px;text-shadow:0 2px 5px #001222}.hero-motto{display:none}.hero-actions{margin-top:22px}.compact-heading{align-items:start}.reference-home h2{font-size:21px}.compact-heading>a{font-size:10px;max-width:85px;text-align:right}.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.certificate-card>img{height:105px}.certificate-card h3{font-size:13px}.certificate-card>div{min-height:132px}.programme-grid,.home-bottom{grid-template-columns:1fr}.programme-banner{min-height:190px;padding:22px}.programme-grid{gap:16px}.approach-grid{gap:8px}.home-bottom{gap:22px}.journey{padding:22px}.reference-footer nav{gap:14px}.reference-footer .home-wordmark b{font-size:30px}.reference-footer p{letter-spacing:1px}}

/* Readable header navigation and a single-line institute name. */
.reference-home .site-header .institute-name{font-size:13px;line-height:1.4}
.reference-home .site-header .nav-links{font-size:14px;gap:16px;white-space:nowrap}
.reference-home .site-header .nav{min-height:78px}
@media(max-width:1350px){
.reference-home .site-header .nav-links{display:none}
.reference-home .site-header .menu-btn{display:block}
.reference-home .site-header .nav-links.open{display:flex;position:absolute;left:18px;right:18px;top:76px;background:white;flex-direction:column;align-items:stretch;padding:16px;border:1px solid #E1E6ED;border-radius:14px;max-height:calc(100dvh - 90px);overflow:auto;gap:0;box-shadow:var(--shadow)}
.reference-home .site-header .nav-links.open a{padding:12px 18px}
}
@media(max-width:600px){.reference-home .site-header .institute-name{font-size:11px;padding-left:10px}.reference-home .site-header .home-wordmark{gap:10px}.reference-home .site-header .nav{gap:8px}.reference-home .site-header .home-wordmark b{font-size:31px}}