/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.trim-text{--display-line:4;-webkit-line-clamp:var(--display-line);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.standard-header{position:relative}.standard-header.have-bg{text-align:center;justify-content:center;align-items:center;height:700px;display:flex}@media (width<=1000px){.standard-header.have-bg{height:480px}}.standard-header.have-bg .standard-header__breadcrumb{display:none}.standard-header.have-bg .standard-header__description{max-width:900px;margin-left:auto;margin-right:auto}.standard-header.dark{color:#fff}.standard-header.dark h1{color:#fff;text-shadow:0 0 20px #00000080}.standard-header.dark .standard-header__bg:after{background:linear-gradient(#0009 0%,#00000080 40%,#0000 100%)}.standard-header.dark .btn-arrow{--text-color:white}.standard-header.dark .btn-arrow:after{opacity:1}.standard-header__bg{width:100%;height:100%;position:absolute;top:0;left:0}.standard-header__bg video,.standard-header__bg img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;top:0;left:0}.standard-header__bg:after{content:"";background:linear-gradient(#ffffffe6 0%,#ffffff80 80%,#fff0 100%);width:100%;height:80%;display:block;position:absolute;top:0;left:0}.standard-header__bg:before{content:"";z-index:1;background-color:#d9d9d9;width:1px;height:220px;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}@media (width<=1280px){.standard-header__bg:before{height:180px}}.standard-header__content{position:relative}.standard-header__description{margin-top:15px;font-size:1.875rem;line-height:1.2}@media (width<=1000px){.standard-header__description{font-size:1rem}}.standard-header__video-btn{cursor:pointer;margin-top:40px}.standard-header__submenu{margin:20px 0}.standard-header__submenu.directory{--bg-color:#fffc;--bg-filter:blur(10px);top:var(--admin-top);z-index:9;height:var(--standard-header-submenu-height);background-color:var(--bg-color);-webkit-backdrop-filter:var(--bg-filter);backdrop-filter:var(--bg-filter);transition:all .3s;position:sticky}.standard-header__submenu.directory.header-sticky{top:calc(var(--admin-top) + var(--header-scroll-height))}.standard-header__submenu.directory .container{height:100%}@media (width<=1000px){.standard-header__submenu.anchor-sticky{box-shadow:0 0 30px #0000001a}}.standard-header__submenu.anchor-sticky .container{max-width:1250px}.standard-header__submenu.anchor-sticky .select2{font-size:1.125rem}.standard-header__submenu.anchor-sticky .select2 .select2-selection__rendered{padding:5px 0}.standard-header__submenu .menu{gap:40px;height:100%;margin:0;transition:all .3s;display:flex;overflow:auto}.standard-header__submenu .menu li{color:#222;white-space:nowrap;align-items:center;padding:0;font-size:1.25rem;list-style:none;display:flex;position:relative}.standard-header__submenu .menu li a,.standard-header__submenu .menu li span{color:#222;opacity:.3;font-size:1.25rem;display:inline-block}.standard-header__submenu .menu li a:hover,.standard-header__submenu .menu li a.is-active,.standard-header__submenu .menu li span:hover,.standard-header__submenu .menu li span.is-active{color:#036;opacity:1}.standard-header__submenu .menu li+li:before{content:"/";opacity:.3;position:absolute;left:-20px;transform:translate(-50%)}.standard-header__desktop,.standard-header__mobile{height:100%}@media (width<=1000px){.standard-header__mobile{align-items:center;display:flex}}.standard-header__mobile .select2{font-size:1.5rem;transition:all .3s;width:100%!important}.standard-header__mobile .select2 .select2-selection{background-color:#0000;border-width:0 0 1px;border-radius:0;height:100%;position:relative}.standard-header__mobile .select2 .select2-selection__rendered{color:#036;height:100%;padding:10px 0}.standard-header__mobile .select2 .select2-selection__arrow{height:auto;top:50%;transform:translateY(-50%)}.standard-header__mobile .select2 .select2-selection__arrow:before{content:"";color:#036;font-family:"Font Awesome 6 Pro"}.standard-header__mobile .select2 .select2-selection__arrow b{display:none}.standard-header__mobile .select2.select2-container--open .select2-selection__arrow:before{content:""}@media (width<=365px){.long-text .standard-header__title{font-size:2.125rem}}.select2-dropdown.select2-dropdown{border:0;margin-top:10px;font-size:1.125rem;box-shadow:0 0 30px #0000001a}.select2-dropdown.select2-dropdown .select2-results__option{padding:5px 10px}.select2-dropdown.select2-dropdown .select2-results__option.select2-results__option--highlighted{background-color:#036}.custom-breadcrumb,.custom-breadcrumb a{color:#949494}.custom-breadcrumb a:hover{color:var(--link-hover-color)}.custom-breadcrumb__list{flex-wrap:wrap;gap:0 20px;margin:0;list-style:none;display:flex}.custom-breadcrumb__item{position:relative}.custom-breadcrumb__item:after{content:"/";position:absolute;right:-12.5px}.subscription-block{padding:var(--paragraph-gap)0;position:relative}.subscription-block__wrapper{z-index:1;text-align:center;position:relative}.subscription-block__content{max-width:1000px;margin:auto}.subscription-block__title{margin-bottom:5px}.subscription-block__title h2{font-size:2.375rem}@media (width<=1000px){.subscription-block__title h2{font-size:1.875rem}}@media (width<=500px){.subscription-block__title h2{font-size:1.625rem}}.subscription-block__description{color:#666}.subscription-block__bg{width:100%;height:100%;position:absolute;top:0;left:0}.subscription-block__bg:after{content:"";opacity:.8;background-color:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.subscription-block__bg img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.subscription-block__webform{margin-top:30px;position:relative}.subscription-block__webform .js-form-item{margin:0}.subscription-block__webform input[type=email]{border:0;border-bottom:3px solid #c90;border-radius:0;width:100%;padding:30px 80px 30px 40px;font-size:1.375rem}@media (width<=1000px){.subscription-block__webform input[type=email]{padding:25px 60px 25px 25px;font-size:1.25rem}}.subscription-block__webform input[type=email]:hover{box-shadow:unset}.subscription-block__webform .form-actions{display:none}.subscription-block__webform-submit{background-color:unset;cursor:pointer;color:#960;border:0;font-size:1.375rem;position:absolute;top:50%;right:40px;transform:translateY(-50%)}@media (width<=1000px){.subscription-block__webform-submit{right:25px}}.subscription-block.boundless.boundless .subscription-block__bg{opacity:.2;background:url(/themes/custom/hkust/dist/subscription-bg.499994b9.png)}.subscription-block.boundless.boundless .subscription-block__bg:after{display:none}.subscription-block.boundless.boundless .btn-box{--border-color:#8c8f90;--text-color:#222;--btn-width:fit-content;min-width:400px;margin-top:30px;margin-left:auto;margin-right:auto}@media (width<=1000px){.subscription-block.boundless.boundless .btn-box{min-width:280px;margin-top:20px}}.mejs__audio{--audio-padding:50px;--timeline-height:3px;background:#f4f4f4;padding:50px;width:100%!important;height:auto!important}@media (width<=1000px){.mejs__audio{--audio-padding:var(--gutter-width);padding:30px}}.mejs__controls.mejs__controls{background:unset;padding:var(--audio-padding);align-items:center;height:100%;top:5px}.mejs__time{color:#8c8f90;padding-top:5px}.mejs__time-total{height:var(--timeline-height);background:#d9d9d9}.mejs__time-current,.mejs__time-loaded,.mejs__time-hovered{height:var(--timeline-height)}.mejs__time-current{background:#036}.mejs__time-handle{border-width:6px;border-color:#036;border-radius:100%;transition:all .3s;top:-5px}.mejs__time-float,.mejs__time-handle-content{display:none}.mejs__horizontal-volume-total{height:calc(var(--timeline-height) + 2px);cursor:pointer;background-color:#d9d9d9;border-color:#0000;top:10px}.mejs__horizontal-volume-current{background-color:#036}.mejs__volume-button,.mejs__playpause-button{--display:none}.mejs__volume-button.mejs__play .mejs__icon-play,.mejs__playpause-button.mejs__play .mejs__icon-play,.mejs__volume-button.mejs__pause .mejs__icon-pause,.mejs__playpause-button.mejs__pause .mejs__icon-pause,.mejs__volume-button.mejs__replay .mejs__icon-replay,.mejs__playpause-button.mejs__replay .mejs__icon-replay,.mejs__volume-button.mejs__mute .mejs__icon-unmute,.mejs__playpause-button.mejs__mute .mejs__icon-unmute,.mejs__volume-button.mejs__unmute .mejs__icon-mute,.mejs__playpause-button.mejs__unmute .mejs__icon-mute{--display:block}.mejs__volume-button button,.mejs__playpause-button button{color:#036;overflow:unset}.mejs__volume-button button div,.mejs__playpause-button button div{display:var(--display)!important}.mejs__volume-button button div:before,.mejs__playpause-button button div:before{font-family:"Font Awesome 6 Pro";font-size:1rem;font-weight:700}.mejs__icon-play:before{content:""}.mejs__icon-pause:before{content:""}.mejs__icon-replay:before{content:""}.mejs__icon-mute:before{content:""}.mejs__icon-unmute:before{content:""}.boundless-header__category{color:#4d7ea3;text-transform:uppercase;font-size:1.5rem;font-weight:700}.boundless-header__category a{color:#4d7ea3}.boundless-header__category a:hover{color:#0074bc}@media (width<=1000px){.boundless-header__category{font-size:1.125rem}}@media (width<=500px){.boundless-header__category{font-size:1rem}}.boundless-header__title{margin-top:10px;margin-bottom:20px}@media (width<=1000px){.boundless-header__title{margin-top:5px;margin-bottom:10px}}.boundless-header__title h1{font-size:3.75rem;font-weight:300;line-height:1.2}@media (width<=1000px){.boundless-header__title h1{font-size:2.5rem}}@media (width<=500px){.boundless-header__title h1{font-size:1.75rem}}.boundless-header__subtitle{max-width:1000px;margin-bottom:10px;font-size:1.625rem;font-weight:700}@media (width<=1000px){.boundless-header__subtitle{font-size:1.25rem}}@media (width<=500px){.boundless-header__subtitle{font-size:.875rem}}.boundless-header__date{color:#8c8f90;font-size:1.25rem;font-weight:700}@media (width<=1000px){.boundless-header__date{font-size:1rem}}@media (width<=500px){.boundless-header__date{font-size:.875rem}}.boundless-header__breadcrumb{margin-top:20px}@media (width<=1000px){.boundless-header__breadcrumb{margin-top:10px}}.boundless-content{position:relative}.boundless-content__wrapper{text-align:justify;max-width:1000px;min-height:350px;margin:auto}.boundless-content__share{flex-direction:column;gap:20px;display:flex;position:absolute;top:0;right:0}@media (width<=1280px){.boundless-content__share{flex-flow:wrap;align-items:center;gap:10px;max-width:1000px;margin:20px auto;position:relative}}.boundless-content__share .share-text{text-align:center;color:#666;font-size:.875rem}.boundless-content__share .link{color:#222;-webkit-text-decoration:unset;-webkit-text-decoration:unset;text-decoration:unset;background-color:#f4f4f4;border-radius:100%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex}@media (width<=1000px){.boundless-content__share .link{width:32px;height:32px;font-size:.875rem}}.boundless-content__share .link:hover{color:var(--link-hover-color)}.boundless-content__paragraph-wrapper .text-block__content{text-align:justify}
.image-slider{--max-width:1550px;--swiper-navigation-sides-offset:-20px;--image-height:750px}@media (width<=1600px){.image-slider{--swiper-navigation-sides-offset:40px}}@media (width<=500px){.image-slider{--swiper-navigation-sides-offset:25px;--image-height:auto}}.image-slider__content-wrapper{max-width:var(--max-width);margin-left:auto;margin-right:auto;position:relative}.image-slider__slide-video{width:100%;padding-bottom:56.25%;position:relative}.image-slider__slide-video iframe{width:100%;height:100%;position:absolute}.image-slider__item-image{background-color:#f4f4f4;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-slider__item-image img{object-fit:contain;max-width:80vw;max-height:80vh}.image-slider__item-body{color:#666;text-align:left;max-width:1000px;margin:10px auto 0}.image-slider .image-slider__item-image img{height:var(--image-height);object-fit:contain;width:auto}.max-width-1000 .image-slider{--max-width:1050px;--image-height:560px}@media (width<=500px){.max-width-1000 .image-slider{--image-height:auto}}.custom-pop-up .image-slider__item-body{color:#fff}.custom-pop-up .image-slider__slide-video{min-width:500px}@media (width<=500px){.custom-pop-up .image-slider__slide-video{min-width:300px}}