/* CIUOB institutional refresh: presentation only, original content retained. */
:root{--ink:#172337;--navy:#14243a;--emerald:#245647;--gold:#b38b42;--paper:#fbfaf7;--muted:#536070;--line:#deded8;--forest:#14243a;--wine:#873448;--cream:#fbfaf7;--shadow:0 16px 36px #14243a0d;--ui-max:1320px}
body{background:var(--paper);font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif}h1,h2,h3{text-wrap:balance}p{max-width:78ch}a,button{transition:background .2s ease,color .2s ease,transform .2s ease}button{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a26720;outline-offset:4px}html{scroll-padding-top:110px}.ui-utility{display:flex;justify-content:space-between;align-items:center;padding:9px max(4vw,calc((100% - var(--ui-max))/2));gap:20px;background:var(--navy);color:#fff;font-size:12px;letter-spacing:.055em;line-height:1.6}.ui-utility>span{max-width:70ch}.ui-utility-links{display:flex;align-items:center;gap:22px}.ui-utility a{color:#fff;text-decoration:none}.ui-search-open{border:0;border-left:1px solid #ffffff50;padding:0 0 0 20px;color:white;background:transparent;min-height:28px;display:flex;gap:8px;align-items:center}.ui-search-open svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.site-header,.home-page .site-header{background:#fffefbee;padding:17px max(4vw,calc((100% - var(--ui-max))/2));border-bottom:1px solid #deded8;gap:22px;box-shadow:0 3px 15px #14243a06}.brand{font-size:27px;color:var(--navy);gap:13px}.brand img{width:55px;height:55px}.site-header nav{gap:25px}.site-header nav>a,.site-header .nav-group>a,.home-page .site-header nav>a,.home-page .site-header .nav-group>a{font-size:14px;font-weight:700;color:var(--navy);padding:13px 0;letter-spacing:.02em}.home-page .site-header nav>a[aria-current]{border-radius:0;background:transparent;color:var(--wine);padding:13px 0}.home-page .site-header nav>a[aria-current]:after{display:block}.submenu{border-radius:0;border-top:4px solid var(--gold);padding:16px;box-shadow:0 14px 35px #14243a1a;width:330px}.submenu a{border-radius:0;min-height:44px}.submenu a:hover{background:#f3efe5}.submenu-toggle{min-width:32px;min-height:44px}.content-section{width:min(var(--ui-max),92%);margin:clamp(32px,5vw,76px) auto}.rich-text{font-size:17px;line-height:1.85}.rich-text h1,.rich-text h2,.rich-text h3{color:var(--navy);font-family:Arial,"Noto Sans SC",sans-serif;font-weight:750;letter-spacing:-.025em}.button{border-radius:2px;min-height:46px;padding:13px 22px;background:var(--navy);color:white;border:1px solid var(--navy);box-shadow:none;font-size:14px;font-weight:700;text-decoration:none;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:12px}.button:hover{background:var(--wine);border-color:var(--wine);transform:translateY(-2px)}
/* Immersive, full-width film with content layered over it at every viewport. */
.home-welcome.video-welcome{padding:0;background:#101c2e;overflow:hidden}.home-welcome.video-welcome:before{display:none}.home-welcome.video-welcome .cinema-stage{display:block;width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;transform:none!important;aspect-ratio:1778/1008;isolation:isolate}.home-welcome .welcome-film{width:100%;height:100%;aspect-ratio:1778/1008;object-fit:contain;background:#101c2e}.home-welcome .cinema-copy{position:absolute;top:auto;bottom:22%;left:max(5vw,calc((100% - var(--ui-max))/2));right:5%;padding:0;text-align:left;background:transparent;order:initial;pointer-events:none;max-width:800px}.home-welcome .cinema-copy .rich-text{width:100%}.home-welcome .cinema-copy .welcome-chinese{font-size:clamp(12px,1.15vw,16px)!important;letter-spacing:.13em;color:#fff3d5!important;margin-bottom:15px!important}.home-welcome .cinema-copy .welcome-title{font-size:inherit!important;text-align:left;line-height:1.08!important}.home-welcome .welcome-word{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.045em;font-size:clamp(42px,6vw,94px);color:#fff;text-shadow:0 3px 20px #101c2e80;animation:none}.home-welcome .welcome-rest{margin:16px 0 0;max-width:570px;font-size:clamp(16px,1.6vw,24px);font-weight:500;letter-spacing:0;line-height:1.4;animation:none;text-shadow:0 2px 8px #101c2e}.home-welcome .cinema-action{position:absolute;bottom:10%;left:max(5vw,calc((100% - var(--ui-max))/2));right:auto;margin:0;transform:none;animation:none}.home-welcome .cinema-action .button{border-radius:0;background:#fff;color:var(--navy);border-color:#fff;box-shadow:none;padding:12px 24px}.home-welcome .cinema-action .button:hover{background:#e4d2a9;color:var(--navy)}.home-welcome .cinema-veil{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#101c2e80,transparent 75%),linear-gradient(0deg,#101c2e40,transparent 55%);pointer-events:none;opacity:1;transition:opacity .45s}.home-welcome .film-text-hidden .cinema-veil{opacity:0}.home-welcome .video-toggle{right:26px;bottom:26px;z-index:7;width:48px;height:48px;background:#132339c9}.home-welcome .video-sound{right:87px;bottom:28px;z-index:7;min-height:44px;backdrop-filter:blur(6px);background:#132339c9}.ui-journey{position:relative;width:100%;margin:0;background:var(--navy);color:white;display:grid;grid-template-columns:1.05fr repeat(4,1fr);align-items:stretch;padding:0 max(4vw,calc((100% - var(--ui-max))/2));border-bottom:4px solid var(--gold)}.ui-journey-label{padding:26px 22px 26px 0;display:flex;flex-direction:column;justify-content:center}.ui-journey-label small{color:#e0c994;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.ui-journey-label strong{font-size:24px;letter-spacing:-.025em;margin-top:5px}.ui-journey a{padding:28px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-left:1px solid #ffffff25;color:#fff;font-size:15px;font-weight:600;text-decoration:none}.ui-journey a:hover{background:#ffffff0c;color:#f1dcae}.ui-journey a span{font-size:23px;font-weight:400;color:#e0c994}.home-container{width:min(var(--ui-max),90%);padding:0;margin:clamp(48px,6vw,90px) auto}.home-news-heading{align-items:end;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:32px}.home-news-heading h2{font-size:clamp(28px,3.2vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1.25}.home-news-heading a{font-size:14px;color:var(--wine);min-height:44px;display:flex;align-items:center}.home-news .news-layout{gap:32px}.home-news .administration-news{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:24px;background:#fff;border:1px solid #e3e0d8;border-radius:0;box-shadow:var(--shadow)}.home-news .administration-news>.image-link{display:flex;align-items:center;justify-content:center;background:#f7f5ef;min-height:280px;padding:14px}.home-news .news-item .photo-frame,.home-news .administration-news .photo-frame,.home-news .news-item .photo-frame.frame-portrait{padding:0;margin:0;width:100%;max-width:100%;border:0;border-radius:0;box-shadow:none;transform:none;background:transparent}.home-news .news-item .photo-frame img{max-height:350px;height:auto;width:auto;max-width:100%;margin:auto;object-fit:contain;border-radius:0}.home-news .news-item .photo-frame.frame-portrait img{max-height:350px;width:auto}.home-news .card-copy{padding:0!important}.home-news .card-copy h2,.home-news .card-copy h3{font-size:clamp(23px,2vw,29px);line-height:1.4;letter-spacing:-.02em;margin:12px 0;color:var(--navy)}.update-kicker,.ip-eyebrow,.tp-kicker,.utb-eyebrow,.fs-eyebrow{font-size:12px;letter-spacing:.11em;color:#795c2f}.home-recognition{width:min(var(--ui-max),90%);max-width:none;margin:0 auto 76px;padding:0}.home-recognition-inner{border:0;border-left:5px solid var(--gold);background:#f0eadc;padding:clamp(24px,4vw,52px);gap:clamp(28px,4vw,60px);box-shadow:none;grid-template-columns:1fr 1fr}.home-recognition h2{font-size:clamp(27px,3vw,39px);color:var(--navy);line-height:1.35}.home-recognition p{color:#475465}.home-recognition .button{background:var(--navy);font-size:14px}.home-redesign .ip-overview{width:100%;border:0;border-radius:0;background:var(--navy);color:white;box-shadow:none;padding:70px max(5vw,calc((100% - var(--ui-max))/2));margin:70px 0}.home-redesign .ip-overview h2{color:white;font-size:clamp(30px,4vw,48px)}.home-redesign .ip-overview .ip-eyebrow{color:#e1ca99}.home-redesign .ip-overview .ip-note{color:#ced7e1}.home-redesign .ip-overview .ip-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:30px 0}.home-redesign .ip-overview .ip-stats article{border:1px solid #ffffff20;border-radius:0;background:transparent;padding:26px 24px}.home-redesign .ip-overview .ip-stats strong{color:#ead2a0;font-size:clamp(34px,4vw,58px);font-weight:750}.home-redesign .ip-overview .ip-stats span{color:#fff;font-size:15px}.home-redesign .ip-overview .ip-text-link{color:#fff}.home-highlights-link{width:min(var(--ui-max),90%);display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:50px auto}.home-highlights-link a{border:1px solid var(--line);padding:23px;background:white;color:var(--navy);font-size:15px;text-decoration:none;font-weight:600}.home-highlights-link a:hover{background:#f0eadc}.home-contact{background:#f0f1ed;padding:65px max(5vw,calc((100% - var(--ui-max))/2));gap:40px 55px}.home-contact h2{color:var(--navy);font-size:clamp(30px,4vw,46px)}.home-contact .photo-frame img{object-fit:contain;height:auto}.home-contact .photo-frame{height:auto;background:white}.offices-layout .office-panel{background:white;border:1px solid var(--line);border-radius:0;padding:22px;font-size:15px}.home-contact .rich-text{font-size:15px;line-height:1.85}
/* One coherent institutional system across the preserved inner pages. */
.ip-section{background:white;border:1px solid #deded8;border-radius:4px;box-shadow:var(--shadow);padding:clamp(24px,4vw,52px)}.ip-section h2{font-size:clamp(27px,3vw,38px)}.ip-photo{border-radius:4px;background:#faf7ee;border:1px solid #d8c7a2;padding:8px;box-shadow:0 8px 24px #14243a10}.ip-photo img{border-radius:0}.ip-cards article{border-radius:2px;background:#f8f7f3;border:1px solid var(--line)}.reading{border-radius:3px;border-top:3px solid var(--gold);box-shadow:var(--shadow)}.page-hero{background:var(--navy);border-bottom:4px solid var(--gold);margin-bottom:60px;min-height:520px}.page-hero .rich-text h1,.page-hero .rich-text h2,.page-hero .rich-text h3{color:#fff}.photo-frame{border-radius:5px;padding:8px;box-shadow:0 12px 26px #14243a12}.photo-frame img{border-radius:2px}.photo-frame figcaption,.ip-photo figcaption,.tp-frame figcaption{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;padding:12px 8px 6px;line-height:1.6;font-size:14px;max-width:100%;overflow-wrap:anywhere}.oc-album{background:#fbfaf7}.oc-copy h1{font-family:Arial,"Noto Sans SC",sans-serif;font-weight:750;font-size:clamp(32px,4vw,54px);letter-spacing:-.025em;line-height:1.17}.oc-hero{width:min(var(--ui-max),90%);padding-top:60px;padding-bottom:40px}.oc-copy p{font-size:17px;line-height:1.8;color:#526071}.oc-frame{border-radius:5px;padding:8px;background:white;box-shadow:0 12px 28px #14243a15}.oc-frame img{border-radius:0}.td-gallery{gap:30px}.tp-motion,.lq-pause{min-height:44px;font-size:13px}.tp-tag{font-size:13px}.team-redesign .team-intro{max-width:var(--ui-max)}.team-redesign .educator-stage{border-radius:8px;box-shadow:0 15px 40px #14243a12}.teacher-thumb{border-radius:4px}.rg-inline-cta{background:var(--navy);color:white;border-radius:4px}.rg-inline-cta h2,.rg-inline-cta p{color:#fff}.rg-inline-cta .rg-eyebrow{color:#ead2a0}.rg-inline-cta .button{background:#ead2a0;color:var(--navy);border-color:#ead2a0}.rg-inline-cta .rg-secondary{color:white}footer{background:var(--navy);color:white;border-top:4px solid var(--gold);padding:35px max(4vw,calc((100% - var(--ui-max))/2));gap:30px}footer a{color:#fff}footer .footer-brand{color:#fff;font-size:28px}.ui-search-dialog{width:min(760px,92vw);max-height:85dvh;border:0;border-top:5px solid var(--gold);border-radius:4px;padding:30px;color:var(--navy);box-shadow:0 25px 90px #0004}.ui-search-dialog::backdrop{background:#0d1a2ac9;backdrop-filter:blur(4px)}.ui-search-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.ui-search-head h2{margin:0;font-size:26px}.ui-search-close{background:transparent;border:1px solid var(--line);padding:8px 16px;color:var(--navy)}.ui-search-dialog label{display:block;font-size:15px;margin:24px 0 8px}.ui-search-dialog input{width:100%;padding:15px;border:1px solid #9fa6ac;border-radius:0;font:inherit}.ui-search-status{font-size:13px;color:#536070;margin:14px 0}.ui-search-results{padding:0;list-style:none;max-height:46dvh;overflow:auto;margin:0}.ui-search-results a{display:block;padding:16px 8px;border-bottom:1px solid var(--line);color:var(--navy);text-decoration:none;line-height:1.55}.ui-search-results a:hover{background:#f4efe3}.ui-search-results small{display:block;color:#596679;margin-top:5px;font-size:13px}.ui-search-results strong{font-size:16px}
@media(min-width:1700px){.home-welcome.video-welcome .cinema-stage{max-height:850px;aspect-ratio:auto;height:850px}.home-welcome .welcome-film{object-fit:contain}}
@media(max-width:1100px){.site-header nav{gap:15px}.site-header,.home-page .site-header{gap:14px}.brand{font-size:22px}.brand img{width:46px;height:46px}.ui-journey{grid-template-columns:1.05fr repeat(4,1fr)}.ui-journey a{padding:24px 12px;font-size:13px}}
@media(max-width:780px){.ui-utility{padding:8px 5vw}.ui-utility>span{font-size:10px;letter-spacing:.02em}.ui-utility-links{gap:12px}.ui-utility-links>a:first-child{display:none}.ui-search-open{min-height:32px;padding-left:12px}.site-header,.home-page .site-header{padding:13px 5vw}.site-header nav{gap:0;padding:16px 5vw 25px;background:white}.home-page .site-header nav>a[aria-current]{padding:13px 0}.site-header nav>a,.site-header .nav-group>a{font-size:17px}.brand img{width:44px;height:44px}.submenu{width:100%;max-height:none;padding:8px 0;box-shadow:none;border-top:1px solid var(--line)}.menu-toggle{min-height:44px;min-width:44px}.home-welcome.video-welcome .cinema-stage{aspect-ratio:1778/1008;min-height:0;display:block;border-radius:0}.home-welcome .cinema-copy{position:absolute;top:auto;bottom:25%;left:5%;right:5%;padding:0;background:transparent;max-width:65%;text-align:left;pointer-events:none}.home-welcome .welcome-word{font-size:clamp(28px,7vw,50px)}.home-welcome .welcome-rest{font-size:clamp(11px,2.1vw,17px);margin-top:8px;line-height:1.3;max-width:340px}.home-welcome .cinema-copy .welcome-chinese{font-size:10px!important;letter-spacing:.02em;margin-bottom:6px!important}.home-welcome .cinema-action{position:absolute;bottom:5%;left:5%;right:auto;padding:0;transform:none}.home-welcome .cinema-action .button{padding:9px 14px;font-size:12px;min-height:38px}.home-welcome .video-toggle{width:44px;height:44px;right:13px;bottom:13px}.home-welcome .video-sound{right:65px;bottom:13px;padding:8px 11px;font-size:11px;min-height:44px}.ui-journey{padding:18px 5vw;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.ui-journey-label{grid-column:1/-1;padding:0 0 14px}.ui-journey-label strong{font-size:22px}.ui-journey a{padding:17px 12px;border:1px solid #ffffff25;font-size:14px;min-height:58px}.home-news-heading{align-items:start;gap:20px}.home-news-heading h2{font-size:27px}.home-news-heading a{font-size:12px}.home-news .news-layout{grid-template-columns:1fr}.home-news .administration-news{padding:20px}.home-news .administration-news>.image-link{min-height:0;padding:10px}.home-news .news-item .photo-frame img{max-height:380px}.home-recognition-inner{grid-template-columns:1fr;padding:25px;gap:28px}.home-recognition{margin-bottom:48px}.home-redesign .ip-overview{padding:45px 5vw;margin:48px 0}.home-redesign .ip-overview .ip-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-redesign .ip-overview .ip-stats article{padding:20px 15px}.home-highlights-link{grid-template-columns:1fr;margin:35px auto}.home-contact{padding:45px 5vw;grid-template-columns:1fr}.home-contact .section-copy,.home-contact .section-media{grid-column:auto;grid-row:auto}.home-contact .photo-frame img{height:auto;object-fit:contain}.oc-hero{grid-template-columns:1fr;padding-top:35px}.oc-copy h1{font-size:35px}.ui-search-dialog{padding:22px}.ui-search-head h2{font-size:22px}.ui-search-results{max-height:42dvh}footer{padding:30px 5vw}}
@media(max-width:400px){.ui-utility>span{max-width:160px}.home-welcome .welcome-word{font-size:27px}.home-welcome .cinema-copy{bottom:30%;max-width:80%}.home-welcome .welcome-rest{font-size:11px;max-width:245px}.home-welcome .cinema-copy .welcome-chinese{font-size:9px!important}.home-welcome .cinema-action .button{font-size:11px;min-height:44px;padding:7px 12px}.home-welcome .video-sound{right:61px;padding:7px 9px}.home-welcome .video-toggle{right:10px}}
@media(prefers-reduced-motion:reduce){a,button,.home-welcome .cinema-veil{transition:none!important}.home-welcome .welcome-word,.home-welcome .welcome-rest{animation:none!important}}