.CollegeIntroSec-stats, .Card-college-news .Card-info {
  --gap: 0px;
  --row-gap: var(--gap);
  --column-gap: var(--gap);
  --columns: 12;
  display: flex;
  flex-wrap: wrap;
  gap: var(--row-gap) var(--column-gap);
}

.CollegeIntroSec-stats ._col, .Card-college-news .Card-info :is(._left, ._right) {
  --size: 12;
  --column: calc(var(--columns) / var(--size));
  --width: calc((100% - var(--column-gap) * (var(--column) - 1)) / var(--column));
  width: var(--width);
}

.Activity-title, .Activity-desc, .HomeNews-title, .Card-college-news .Card-title, .Card-desc, .News-title, .News-desc, .CollegeNewsSlide-title, .CollegeNewsSlide-desc, .PartyNews-title, .PartyNews-desc {
  --line-clamp: ;
  --line-height: ;
  --height: calc(var(--line-clamp) * var(--line-height));
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: var(--line-height);
  max-height: var(--height);
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp);
  -webkit-box-orient: vertical;
}

.Navbar-link, .SiteHeader-dropdown a {
  --size: 2px;
  --color: currentColor;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.Navbar-link.active, .SiteHeader-dropdown a:hover {
  background-size: 100% var(--size);
  background-position-x: 0%;
}

*,
::after,
::before,
::backdrop,
::file-selector-button {
  margin: 0;
  padding: 0;
  border: 0 solid transparent;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: currentColor;
  text-decoration: initial;
}

table {
  border-color: currentcolor;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  margin: 0;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  color: initial;
  background-color: initial;
  cursor: pointer;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

ol,
ul,
menu {
  list-style: none;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object,
picture {
  display: block;
  vertical-align: middle;
}

img,
video {
  max-width: 100%;
  height: auto;
}

[hidden]:where(:not([hidden=until-found])) {
  display: none !important;
}

:root {
  --ease-1: cubic-bezier(.25, 0, .5, 1);
  --ease-2: cubic-bezier(.25, 0, .4, 1);
  --ease-3: cubic-bezier(.25, 0, .3, 1);
  --ease-4: cubic-bezier(.25, 0, .2, 1);
  --ease-5: cubic-bezier(.25, 0, .1, 1);
  --ease-in-1: cubic-bezier(.25, 0, 1, 1);
  --ease-in-2: cubic-bezier(.50, 0, 1, 1);
  --ease-in-3: cubic-bezier(.70, 0, 1, 1);
  --ease-in-4: cubic-bezier(.90, 0, 1, 1);
  --ease-in-5: cubic-bezier(1, 0, 1, 1);
  --ease-out-1: cubic-bezier(0, 0, .75, 1);
  --ease-out-2: cubic-bezier(0, 0, .50, 1);
  --ease-out-3: cubic-bezier(0, 0, .3, 1);
  --ease-out-4: cubic-bezier(0, 0, .1, 1);
  --ease-out-5: cubic-bezier(0, 0, 0, 1);
  --ease-in-out-1: cubic-bezier(.1, 0, .9, 1);
  --ease-in-out-2: cubic-bezier(.3, 0, .7, 1);
  --ease-in-out-3: cubic-bezier(.5, 0, .5, 1);
  --ease-in-out-4: cubic-bezier(.7, 0, .3, 1);
  --ease-in-out-5: cubic-bezier(.9, 0, .1, 1);
  --ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);
  --ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);
  --ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);
  --ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);
  --ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);
  --ease-elastic-in-1: cubic-bezier(.5, -0.25, .75, 1);
  --ease-elastic-in-2: cubic-bezier(.5, -0.50, .75, 1);
  --ease-elastic-in-3: cubic-bezier(.5, -0.75, .75, 1);
  --ease-elastic-in-4: cubic-bezier(.5, -1.00, .75, 1);
  --ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);
  --ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);
  --ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);
  --ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);
  --ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);
  --ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);
  --ease-step-1: steps(2);
  --ease-step-2: steps(3);
  --ease-step-3: steps(4);
  --ease-step-4: steps(7);
  --ease-step-5: steps(10);
  --ease-elastic-1: var(--ease-elastic-out-1);
  --ease-elastic-2: var(--ease-elastic-out-2);
  --ease-elastic-3: var(--ease-elastic-out-3);
  --ease-elastic-4: var(--ease-elastic-out-4);
  --ease-elastic-5: var(--ease-elastic-out-5);
  --ease-squish-1: var(--ease-elastic-in-out-1);
  --ease-squish-2: var(--ease-elastic-in-out-2);
  --ease-squish-3: var(--ease-elastic-in-out-3);
  --ease-squish-4: var(--ease-elastic-in-out-4);
  --ease-squish-5: var(--ease-elastic-in-out-5);
  --ease-spring-1: linear(0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%, 0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);
  --ease-spring-2: linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1);
  --ease-spring-3: linear(0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%, 0.997 69.8%, 1.003 76.9%, 1);
  --ease-spring-4: linear(0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185, 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973, 0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%, 0.998 78.9%, 1);
  --ease-spring-5: linear(0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231, 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%, 0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011, 1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1);
  --ease-bounce-1: linear(0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%, 0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879, 0.885, 0.895, 0.908 89.7%, 0.946, 1);
  --ease-bounce-2: linear(0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765, 1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788, 0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954, 0.973, 1);
  --ease-bounce-3: linear(0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764, 1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672, 0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879, 0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957, 0.96, 0.968, 0.981, 1);
  --ease-bounce-4: linear(0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81, 0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%, 0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%, 0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1);
  --ease-bounce-5: linear(0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627, 0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892, 0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%, 0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943, 0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1);
  --ease-circ-in: cubic-bezier(.6, .04, .98, .335);
  --ease-circ-in-out: cubic-bezier(.785, .135, .15, .86);
  --ease-circ-out: cubic-bezier(.075, .82, .165, 1);
  --ease-cubic-in: cubic-bezier(.55, .055, .675, .19);
  --ease-cubic-in-out: cubic-bezier(.645, .045, .355, 1);
  --ease-cubic-out: cubic-bezier(.215, .61, .355, 1);
  --ease-expo-in: cubic-bezier(.95, .05, .795, .035);
  --ease-expo-in-out: cubic-bezier(1, 0, 0, 1);
  --ease-expo-out: cubic-bezier(.19, 1, .22, 1);
  --ease-quad-in: cubic-bezier(.55, .085, .68, .53);
  --ease-quad-in-out: cubic-bezier(.455, .03, .515, .955);
  --ease-quad-out: cubic-bezier(.25, .46, .45, .94);
  --ease-quart-in: cubic-bezier(.895, .03, .685, .22);
  --ease-quart-in-out: cubic-bezier(.77, 0, .175, 1);
  --ease-quart-out: cubic-bezier(.165, .84, .44, 1);
  --ease-quint-in: cubic-bezier(.755, .05, .855, .06);
  --ease-quint-in-out: cubic-bezier(.86, 0, .07, 1);
  --ease-quint-out: cubic-bezier(.23, 1, .32, 1);
  --ease-sine-in: cubic-bezier(.47, 0, .745, .715);
  --ease-sine-in-out: cubic-bezier(.445, .05, .55, .95);
  --ease-sine-out: cubic-bezier(.39, .575, .565, 1);
  --duration-instant: 0ms;
  --duration-quick-1: 80ms;
  --duration-quick-2: 120ms;
  --duration-moderate-1: 180ms;
  --duration-moderate-2: 260ms;
  --duration-gentle-1: 320ms;
  --duration-gentle-2: 420ms;
}

:root {
  --svg-spinner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%23000' stroke-width='1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-linecap='round' stroke-width='2'%3E%3Canimate attributeName='stroke-dasharray' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0 150;42 150;42 150;42 150'/%3E%3Canimate attributeName='stroke-dashoffset' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0;-16;-59;-59'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' dur='2s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/g%3E%3C/svg%3E");
  --svg-wechat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.575 13.711a.91.91 0 0 0 .898-.898a.895.895 0 0 0-.898-.898a.894.894 0 0 0-.898.898c0 .5.4.898.898.898m-4.425 0a.91.91 0 0 0 .898-.898c0-.498-.4-.898-.898-.898a.894.894 0 0 0-.898.898c0 .5.399.898.898.898m6.567 5.04a.35.35 0 0 0-.172.37c0 .048 0 .098.025.147c.098.417.294 1.081.294 1.106c0 .073.025.122.025.172a.22.22 0 0 1-.221.22c-.05 0-.074-.024-.123-.048l-1.449-.836a.8.8 0 0 0-.344-.098c-.073 0-.147 0-.196.024c-.688.197-1.4.295-2.161.295c-3.66 0-6.607-2.457-6.607-5.505s2.947-5.505 6.607-5.505c3.659 0 6.606 2.458 6.606 5.505c0 1.647-.884 3.146-2.284 4.154M16.674 8.099a9 9 0 0 0-.28-.005c-4.174 0-7.606 2.86-7.606 6.505c0 .554.08 1.09.228 1.6h-.089a10 10 0 0 1-2.584-.368c-.074-.025-.148-.025-.222-.025a.83.83 0 0 0-.419.123l-1.747 1.005a.35.35 0 0 1-.148.05a.273.273 0 0 1-.27-.27c0-.074.024-.123.049-.197c.024-.024.246-.834.369-1.324c0-.05.024-.123.024-.172a.56.56 0 0 0-.221-.441C2.059 13.376 1 11.586 1 9.599C1.001 5.944 4.571 3 8.951 3c3.765 0 6.93 2.169 7.723 5.098m-5.154.418c.573 0 1.026-.477 1.026-1.026c0-.573-.453-1.026-1.026-1.026s-1.026.453-1.026 1.026s.453 1.026 1.026 1.026m-5.26 0c.573 0 1.027-.477 1.027-1.026c0-.573-.454-1.026-1.027-1.026c-.572 0-1.026.453-1.026 1.026s.454 1.026 1.026 1.026'/%3E%3C/svg%3E");
  --svg-wechat-channel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.66 18.964a2 2 0 0 1-.155-.21c-.238-.353-.515-.905-.805-1.627c-.575-1.432-1.138-3.372-1.536-5.326c-.4-1.965-.616-3.869-.537-5.244c.04-.7.153-1.161.283-1.416A.7.7 0 0 1 4.002 5c.292 0 .74.162 1.356.651c.6.476 1.25 1.174 1.927 2.032c1.236 1.565 2.464 3.532 3.552 5.326c-.18.315-.37.66-.565 1.014l-.278.502A38 38 0 0 1 8.67 16.77c-.465.715-.918 1.312-1.344 1.72c-.3.289-.52.42-.665.474M12 11.076c-.962-1.562-2.042-3.236-3.145-4.632c-.721-.914-1.481-1.747-2.254-2.36C5.846 3.486 4.959 3 4.001 3c-.923 0-1.537.57-1.874 1.234c-.315.62-.45 1.408-.496 2.209c-.094 1.625.16 3.721.573 5.756c.416 2.046 1.01 4.106 1.64 5.674c.313.778.65 1.476 1 1.997c.175.26.378.514.614.713c.225.192.582.417 1.042.417c.895 0 1.648-.526 2.211-1.067c.589-.565 1.14-1.31 1.636-2.073c.5-.77.973-1.603 1.396-2.364l.249-.45l.024.045l.21.393c.41.76.867 1.595 1.358 2.367c.486.766 1.035 1.518 1.639 2.088C15.812 20.495 16.58 21 17.5 21c.46 0 .817-.226 1.043-.417c.235-.2.439-.453.613-.712c.35-.522.688-1.22 1-1.998c.63-1.568 1.224-3.628 1.64-5.674c.414-2.034.668-4.131.574-5.756c-.046-.8-.18-1.589-.496-2.209C21.536 3.57 20.924 3 20 3c-.958 0-1.846.485-2.6 1.084c-.773.613-1.533 1.446-2.255 2.36c-1.102 1.396-2.183 3.07-3.145 4.632m1.162 1.935c1.089-1.795 2.317-3.763 3.553-5.328c.677-.857 1.327-1.556 1.927-2.032c.617-.49 1.064-.65 1.356-.651l.02.022a.7.7 0 0 1 .073.119c.13.255.242.717.282 1.416c.08 1.375-.137 3.279-.537 5.244c-.397 1.954-.96 3.894-1.536 5.326c-.29.722-.566 1.274-.804 1.628q-.099.144-.164.218c-.173-.052-.417-.186-.736-.488c-.426-.403-.871-.994-1.324-1.706a36 36 0 0 1-1.283-2.242q-.102-.188-.2-.374c-.216-.401-.426-.795-.627-1.152'/%3E%3C/svg%3E");
  --svg-tiktok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.525.02c1.31-.02 2.61-.01 3.91-.02c.08 1.53.63 3.09 1.75 4.17c1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97c-.57-.26-1.1-.59-1.62-.93c-.01 2.92.01 5.84-.02 8.75c-.08 1.4-.54 2.79-1.35 3.94c-1.31 1.92-3.58 3.17-5.91 3.21c-1.43.08-2.86-.31-4.08-1.03c-2.02-1.19-3.44-3.37-3.65-5.71c-.02-.5-.03-1-.01-1.49c.18-1.9 1.12-3.72 2.58-4.96c1.66-1.44 3.98-2.13 6.15-1.72c.02 1.48-.04 2.96-.04 4.44c-.99-.32-2.15-.23-3.02.37c-.63.41-1.11 1.04-1.36 1.75c-.21.51-.15 1.07-.14 1.61c.24 1.64 1.82 3.02 3.5 2.87c1.12-.01 2.19-.66 2.77-1.61c.19-.33.4-.67.41-1.06c.1-1.79.06-3.57.07-5.36c.01-4.03-.01-8.05.02-12.07'/%3E%3C/svg%3E");
  --svg-douyin: var(--svg-tiktok);
  --svg-xiaohongshu: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"%23000\" d=\"M5.36 0H3.38Q2.3 2.5 1.18 4.97c-.21.5-.47 1.15-.03 1.6.43.38 1 .37 1.55.36h.55q-.29.75-.62 1.46c-.33.72-.66 1.45-.9 2.2-.23.63.34 1.27.95 1.27q1.05.05 2.1.03h1.26l.24-.53.86-1.95h-.41c-.52.01-1.05.02-1.55-.08q.64-1.59 1.35-3.13l.91-2.08a6 6 0 0 0-1.07 0c-.58.03-1.17.06-1.68-.16.24-.82.6-1.6.97-2.39Q6.03.8 6.34.01zm9.66 1.13h-6.7V4.1h1.84V13l-2.64.01-1.34 2.96H16v-2.96h-2.83V4.1h1.85zM1.35 12.78 0 15.75c.99.3 2.01.26 3.04.23q.8-.04 1.58 0L5.96 13q-.72-.02-1.46 0c-1.05.01-2.11.03-3.15-.23\"/></svg>");
  --svg-weibo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.098 20.323c-3.977.391-7.414-1.406-7.672-4.02c-.259-2.609 2.759-5.047 6.74-5.441c3.979-.394 7.413 1.404 7.671 4.018c.259 2.6-2.759 5.049-6.737 5.439zM9.05 17.219c-.384.616-1.208.884-1.829.602c-.612-.279-.793-.991-.406-1.593c.379-.595 1.176-.861 1.793-.601c.622.263.82.972.442 1.592m1.27-1.627c-.141.237-.449.353-.689.253c-.236-.09-.313-.361-.177-.586c.138-.227.436-.346.672-.24c.239.09.315.36.18.601zm.176-2.719c-1.893-.493-4.033.45-4.857 2.118c-.836 1.704-.026 3.591 1.886 4.21c1.983.64 4.318-.341 5.132-2.179c.8-1.793-.201-3.642-2.161-4.149m7.563-1.224c-.346-.105-.57-.18-.405-.615c.375-.977.42-1.804 0-2.404c-.781-1.112-2.915-1.053-5.364-.03c0 0-.766.331-.571-.271c.376-1.217.315-2.224-.27-2.809c-1.338-1.337-4.869.045-7.888 3.08C1.309 10.87 0 13.273 0 15.348c0 3.981 5.099 6.395 10.086 6.395c6.536 0 10.888-3.801 10.888-6.82c0-1.822-1.547-2.854-2.915-3.284zm1.908-5.092a3.1 3.1 0 0 0-2.96-.962a.786.786 0 0 0-.616.932a.79.79 0 0 0 .932.602a1.51 1.51 0 0 1 1.442.465c.376.421.466.977.316 1.473a.786.786 0 0 0 .51.992a.813.813 0 0 0 .992-.512a3.11 3.11 0 0 0-.646-3.035zm2.418-2.195c-1.576-1.757-3.905-2.419-6.054-1.968a.91.91 0 0 0-.706 1.081a.91.91 0 0 0 1.082.707a4.5 4.5 0 0 1 4.296 1.383a4.53 4.53 0 0 1 .947 4.416a.91.91 0 0 0 .586 1.157c.479.165.991-.104 1.157-.586a6.39 6.39 0 0 0-1.338-6.235z'/%3E%3C/svg%3E");
  --svg-arrow: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"%23000\" viewBox=\"0 0 32 32\"><path d=\"M18.36 1.52H8.68l8.44 14.36L8.7 30.45h9.73l8.26-14.86z\"/></svg>");
  --svg-chevron: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>");
  --svg-close: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"none\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line></svg>");
  --svg-search: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"none\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>");
  --svg-menu: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"none\"><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"></line><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"></line><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"></line></svg>");
}

html {
  font-family: "Noto Sans SC";
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  word-break: break-word;
}
@media (max-width: 1920px) {
  html {
    font-size: 0.8333333333vw;
  }
}
@media not all and (min-width: 80em) {
  html {
    font-size: 1.5625vw;
  }
}
@media not all and (min-width: 40em) {
  html {
    font-size: 4.2666666667vw;
  }
}

@keyframes fade-in {
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  to {
    opacity: 0;
  }
}
@keyframes slide-up {
  to {
    opacity: 1;
    transform: none;
  }
}
.collapse {
  display: none;
}

.collapse-enter-active,
.collapse-leave-active {
  transition-property: height, opacity;
  transition-duration: 0.25s;
  transition-timing-function: var(--ease-3);
  overflow: hidden;
}

.collapse-enter-from,
.collapse-leave-to {
  height: 0;
  opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
  transition-property: opacity;
  transition-duration: 0.25s;
  transition-timing-function: var(--ease-3);
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.hypertext {
  --headings-font-size: 1.25em;
  --headings-line-height: 1.5em;
  --headings-margin-top: calc(var(--headings-line-height));
  --headings-margin-bottom: calc(var(--headings-line-height) * 0.5);
  --headings-color: ;
  --headings-font-weight: 700;
  --paragraphs-margin-top: 1.75em;
  font-size: 1rem;
  line-height: 1.75em;
}
.hypertext :is(h1, h2, h3, h4) {
  color: var(--headings-color);
  font-weight: var(--headings-font-weight);
  margin-bottom: var(--headings-margin-bottom);
}
.hypertext :is(h1, h2, h3, h4):not(:first-child) {
  margin-top: var(--headings-margin-top);
}
.hypertext :is(h1, h2, h3) {
  font-size: var(--headings-font-size);
  line-height: var(--headings-line-height);
}
.hypertext :is(img, video) {
  margin: auto;
}
.hypertext :is(ol, ul) {
  padding-left: 1em;
}
.hypertext ol {
  list-style: decimal;
}
.hypertext ul {
  list-style: disc;
}
.hypertext p + p {
  margin-top: var(--paragraphs-margin-top);
}

@keyframes frame-end {
  100% {
    transform: none;
    opacity: initial;
  }
}
.lazy-wrapper {
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5;
}

.lazy-wrapper:not(.loaded)::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin: auto;
  mask-image: var(--svg-spinner);
  mask-size: 100% 100%;
  background-color: #ccc;
}

.lazy-wrapper img {
  --opacity-transition: opacity var(--ease-in-out-3) 0.5s;
  opacity: 0;
  transition: var(--opacity-transition);
}

.lazy-wrapper.loaded img {
  opacity: 1;
}

@keyframes st-target-slide {
  0% {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.st-target.slide {
  opacity: 0;
}
.st-target.slide.triggered {
  animation: st-target-slide 0.5s var(--ease-3) calc(var(--index) * 0.15s) forwards;
}

.dropdown {
  position: relative;
}

.dropdown-wrapper {
  --background-color: #ffffff;
  --color: #000000;
  --box-shadow: 0px 0px 1.5rem rgba(0, 0, 0, 0.1);
  --arrow-size: 1rem;
  --border-radius: 0.75rem;
  --width: 10rem;
  position: absolute;
  z-index: 1;
  width: var(--width);
  left: 50%;
  margin-left: calc(var(--width) * -0.5);
  padding: var(--arrow-size);
  transition-property: opacity, visibility, transform;
  transition-duration: 0.25s;
  transition-timing-function: var(--ease-3);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.95);
}

.dropdown:is(.arrow-top, .arrow-bottom) .dropdown-wrapper::before {
  content: "";
  position: absolute;
  height: var(--arrow-size);
  width: var(--arrow-size);
  margin: auto;
  transform: rotate(45deg);
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  z-index: -2;
  border-radius: 4px;
}

.dropdown:is(.arrow-top) .dropdown-wrapper {
  top: 100%;
  transform-origin: 50% 0%;
}

.dropdown:is(.arrow-top) .dropdown-wrapper::before {
  inset: calc(var(--arrow-size) * 0.625) 0 auto;
}

.dropdown:is(.arrow-bottom) {
  bottom: 100%;
  transform-origin: 50% 100%;
}

.dropdown:is(.arrow-bottom) .dropdown-wrapper {
  bottom: 100%;
}

.dropdown:is(.arrow-bottom) .dropdown-wrapper::before {
  inset: auto 0 calc(var(--arrow-size) * 0.625);
}

.dropdown-is-image {
  --border-radius: 1rem;
  --arrow-size: 1rem;
  width: 100%;
}

.dropdown-content {
  position: relative;
  color: var(--color);
  padding: 0.5rem;
  border-radius: var(--border-radius);
}

.dropdown-content::before,
.dropdown-content::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--background-color);
  border-radius: inherit;
}

.dropdown-content::before {
  z-index: -3;
  box-shadow: var(--box-shadow);
}

.dropdown-content::after {
  z-index: -1;
}

.dropdown:hover .dropdown-wrapper:not(.active),
.dropdown.active .dropdown-wrapper {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-delay: 0s;
}

/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
  padding: 12px 20px;
  color: #ffffff;
  display: inline-block;
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
  background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);
  background: linear-gradient(135deg, #73a5ff, #5477f5);
  position: fixed;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  max-width: calc(50% - 20px);
  z-index: 2147483647;
}

.toastify.on {
  opacity: 1;
}

.toast-close {
  background: transparent;
  border: 0;
  color: white;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  opacity: 0.4;
  padding: 0 5px;
}

.toastify-right {
  right: 15px;
}

.toastify-left {
  left: 15px;
}

.toastify-top {
  top: -150px;
}

.toastify-bottom {
  bottom: -150px;
}

.toastify-rounded {
  border-radius: 25px;
}

.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: -7px 5px;
  border-radius: 2px;
}

.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: fit-content;
  max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
  .toastify-right, .toastify-left {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
  }
}
.Pagination-action::after,
.p_prev_d::after,
.p_prev a::after,
.p_next_d::after,
.p_next a::after, .SiteHeader-nav-link::before, .SiteHeader-action::after, .SiteMenu-toggle::after, .SiteMenu-close::after, .SiteFooter-intro ._action::after, .TeacherModal-close::after, .Card-download ._action-icon::after, .ArticlePagination-action.prev::before,
.ArticlePagination-action.back::before,
.ArticlePagination-action.next::after, .play-button-icon::after, .swiper-action::after, .polygon-btn::after, .social-action::after, .Activity-date::before, .TeachingStaff-name::before, .HomeNews-date::before, .IUR_Plan-date::before, .Card-subtitle::before, :is(.Card-news, .Card-college-news) .Card-date::before, .News-date::before, .CollegeNewsSlide-date::before, .NewsDetails-date::before, .PartyNews-date::before {
  background-color: currentColor;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
}

.Activity-img, a.TeachingStaff .TeachingStaff-img, a.HomeNews .HomeNews-img, a.IUR_Plan-imgwrap .IUR_Plan-img {
  transform: scale(1.01);
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: var(--ease-5);
}

a.Activity:hover .Activity-img, a.TeachingStaff:hover .TeachingStaff-img, a.HomeNews:hover .HomeNews-img, a.IUR_Plan-imgwrap:hover .IUR_Plan-img {
  transform: scale(1.125);
}

.Activity-date, .TeachingStaff-name, .HomeNews-date, .IUR_Plan-date, .Card-subtitle, :is(.Card-news, .Card-college-news) .Card-date, .News-date, .CollegeNewsSlide-date, .NewsDetails-date, .PartyNews-date {
  --hexagon-size: 1.5rem;
}
.Activity-date::before, .TeachingStaff-name::before, .HomeNews-date::before, .IUR_Plan-date::before, .Card-subtitle::before, :is(.Card-news, .Card-college-news) .Card-date::before, .News-date::before, .CollegeNewsSlide-date::before, .NewsDetails-date::before, .PartyNews-date::before {
  content: "";
  width: var(--hexagon-size);
  height: var(--hexagon-size);
  mask-image: var(--svg-hexagon);
}

@keyframes MaskIconShuffleToRight {
  50% {
    mask-position: var(--icon-size);
  }
  51% {
    mask-position: calc(var(--icon-size) * -1);
  }
}
:root {
  --animation-shuffling: .6s var(--ease-in-out-4);
  --svg-hexagon: url("data:image/svg+xml, <svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22><path d=%22M0 8.6 17.01 0 24 3.76v11.82L6.45 24 0 20.78z%22/></svg>");
  --page-padding-x: 2.5rem;
}

.container {
  max-width: 1920px;
  padding-left: var(--page-padding-x);
  padding-right: var(--page-padding-x);
  margin-left: auto;
  margin-right: auto;
}

@media not all and (min-width: 40em) {
  :root {
    --page-padding-x: 1.25rem;
  }
}
.row {
  --gap: 0px;
  --row-gap: var(--gap);
  --column-gap: var(--gap);
  --columns: 12;
  display: flex;
  flex-wrap: wrap;
  gap: var(--row-gap) var(--column-gap);
}

.row-col {
  --size: 12;
  --column: calc(var(--columns) / var(--size));
  --width: calc((100% - var(--column-gap) * (var(--column) - 1)) / var(--column));
  width: var(--width);
}

.social-media {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.social-action {
  --action-size: 2rem;
  --icon-size: 1.25rem;
  --icon-image: ;
  display: block;
  position: relative;
  width: var(--action-size);
  height: var(--action-size);
  border-radius: 9999px;
  background-color: #000000;
  color: #ffffff;
}
.social-action::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: var(--icon-size);
  height: var(--icon-size);
  mask-image: var(--icon-image);
}
.social-action.weixin {
  --icon-image: var(--svg-wechat);
}
.social-action.douyin {
  --icon-size: 1rem;
  --icon-image: var(--svg-douyin);
}
.social-action.xiaohongshu {
  --icon-size: 1rem;
  --icon-image: var(--svg-xiaohongshu);
}
.social-action.weibo {
  --icon-image: var(--svg-weibo);
}
.social-action.shipinhao {
  --icon-image: var(--svg-wechat-channel);
}

.sec {
  --margin: 10rem;
  margin: var(--margin) 0;
}

.sec-invert {
  background-color: #000000;
  color: #FFFFFF;
  padding: var(--margin) 0;
}

.sec-header {
  display: flex;
  gap: 2rem;
  margin-bottom: 3rem;
}

.sec-title {
  flex: 1 1 0%;
  font-size: 4rem;
  line-height: 6rem;
  font-weight: 500;
}

.sec-title.size-small {
  font-size: 2.5rem;
  line-height: 4rem;
}

@media not all and (min-width: 40em) {
  .sec {
    --margin: 4rem;
  }
  .sec-header {
    margin-bottom: 2rem;
  }
  .sec-title,
  .sec-title.size-small {
    font-size: 2rem;
    line-height: 3rem;
  }
}
.polygon-btn {
  --fgcolor: #ffffff;
  --bgcolor: #000000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  width: 6em;
  height: 6em;
  font-family: Montserrat;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5em;
  text-align: center;
  text-transform: uppercase;
  color: var(--fgcolor);
  transition-property: background-color, color;
  transition-duration: 0.25s;
  transition-timing-function: var(--ease-3);
}
.polygon-btn:hover {
  --fgcolor: #000000;
  --bgcolor: #fc9600;
}
.polygon-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  mask-image: var(--svg-hexagon);
  z-index: -1;
  background-color: var(--bgcolor);
  transition: inherit;
}

@media not all and (min-width: 40em) {
  .sec-header .polygon-btn {
    width: 3rem;
    height: 3rem;
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
}
.swiper {
  --swiper-theme-color: fede00;
  --swiper-wrapper-transition-timing-function: var(--ease-3);
  --swiper-pagination-bottom: 2rem;
  --swiper-pagination-bullet-horizontal-gap: 8px;
  --swiper-pagination-bullet-width: 1.25rem;
  --swiper-pagination-bullet-height: 1.25rem;
  --swiper-pagination-bullet-border-radius: 0;
  --swiper-pagination-color: transparent;
  --swiper-pagination-bullet-inactive-color: transparent;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-inactive-opacity: 1;
}

.swiper-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-pagination-bullet {
  color: var(--swiper-theme-color);
}

.swiper-pagination-bullet svg {
  width: 100%;
  height: 100%;
}

.swiper-pagination-bullet-active svg {
  fill: currentColor;
}

.swiper-actions {
  display: flex;
  flex-wrap: wrap;
}

.swiper-action {
  --icon-size: 1.5rem;
  --btn-size: 3rem;
  position: relative;
  width: var(--btn-size);
  height: var(--btn-size);
}
.swiper-action:hover {
  color: #fc9600;
  background-color: #f5f5f5;
}
.swiper-action::after {
  content: "";
  position: absolute;
  inset: 0;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: auto;
  mask-image: var(--svg-arrow);
}
.swiper-action:hover::after {
  animation: MaskIconShuffleToRight var(--animation-shuffling);
}

.swiper-action.prev {
  transform: rotate(180deg);
}

@media not all and (min-width: 40em) {
  .swiper {
    --swiper-pagination-bullet-width: 1rem;
    --swiper-pagination-bullet-height: 1rem;
  }
}
.play-button {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  gap: 0.5rem;
  padding-right: 1.5rem;
  min-width: 11.25rem;
  text-align: center;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, 0.25);
  color: #000000;
  backdrop-filter: blur(24px);
  transition: background-color 250ms var(--ease-3);
}
.play-button:hover {
  background-color: #fc9600;
}

.play-button-icon {
  position: relative;
  width: 3rem;
  height: 3rem;
  background-color: #ffffff;
  color: #fc9600;
  border-radius: inherit;
}
.play-button-icon::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  inset: 0;
  margin: auto;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M3 3.732a1.5 1.5 0 0 1 2.305-1.265l6.706 4.267a1.5 1.5 0 0 1 0 2.531l-6.706 4.268A1.5 1.5 0 0 1 3 12.267z'/%3E%3C/svg%3E");
}

.play-button-label {
  flex: 1 1 0%;
}

@media not all and (min-width: 40em) {
  .play-button {
    min-width: auto;
    padding: 2px;
  }
  .play-button-icon {
    width: 2.5rem;
    height: 2.5rem;
  }
  .play-button-label {
    font-size: 0.75rem;
    line-height: 1rem;
    display: none;
  }
}
.toastify {
  width: 20rem;
  text-align: center;
  max-width: none;
}

.PageContent {
  margin-top: 6rem;
  margin-bottom: 12rem;
}

@media not all and (min-width: 40em) {
  .PageContent {
    margin-top: 3rem;
    margin-bottom: 4rem;
  }
}
.CollegeNewsSec1 {
  margin-top: 6rem;
}

.Navbar {
  display: flex;
  gap: 4rem;
  box-shadow: inset 0px -1px 0 0 #DBE6DA;
  overflow: auto;
  margin-bottom: 5rem;
}

.Navbar-item {
  flex-shrink: 0;
}

.Navbar-link {
  --size: 3px;
  --color: #fc9600;
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 1em 0;
}

@media (hover) and (pointer: fine) {
  .Navbar-link:not(.active):hover {
    background-size: 100% var(--size);
    background-position-x: 0%;
  }
}
@media (hover: none) and (pointer: coarse) {
  .Navbar-link:not(.active):active {
    background-size: 100% var(--size);
    background-position-x: 0%;
  }
}
@media not all and (min-width: 40em) {
  .Navbar {
    gap: 2rem;
    margin-bottom: 2rem;
  }
  .Navbar-link {
    font-size: 1rem;
  }
}
.Pagination,
.pagebar {
  margin-top: 5rem;
}

.Pagination,
.p_pages {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

:is(.p_prev, .p_prev_d, .p_next, .p_next_d) {
  font-size: 0;
}

.p_prev a,
.p_next a {
  display: block;
}

.Pagination-action,
.p_prev_d,
.p_prev a,
.p_next_d,
.p_next a {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
}
.Pagination-action::after,
.p_prev_d::after,
.p_prev a::after,
.p_next_d::after,
.p_next a::after {
  --icon-size: 1rem;
  content: "";
  width: var(--icon-size);
  height: var(--icon-size);
  mask-image: var(--svg-arrow);
  position: absolute;
  inset: 0;
  margin: auto;
}
.Pagination-action:hover:not(.disabled),
.p_prev_d:hover:not(.disabled),
.p_prev a:hover:not(.disabled),
.p_next_d:hover:not(.disabled),
.p_next a:hover:not(.disabled) {
  background-color: #F5F5F5;
  color: #fc9600;
}
.Pagination-action:hover:not(.disabled)::after,
.p_prev_d:hover:not(.disabled)::after,
.p_prev a:hover:not(.disabled)::after,
.p_next_d:hover:not(.disabled)::after,
.p_next a:hover:not(.disabled)::after {
  animation: MaskIconShuffleToRight var(--animation-shuffling);
}

.Pagination-action.disabled,
.p_prev_d,
.p_next_d {
  opacity: 0.25;
  cursor: not-allowed;
}

.Pagination-action.prev,
.p_prev_d,
.p_prev a {
  transform: rotate(180deg);
}

.p_no a {
  display: block;
}

.Pagination-number,
.p_no a,
.p_no_d {
  min-width: 2.5em;
  padding: 0.5em;
  background-color: #F5F5F5;
  font-family: Montserrat;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  border-radius: 9999px;
}

a.Pagination-number,
.p_no a {
  transition-property: background-color, color;
  transition-duration: 250ms;
  transition-timing-function: var(--ease-3);
}

a.Pagination-number:is(.active, :hover),
.p_no_d,
.p_no a:hover {
  background-color: #000000;
  color: #ffffff;
}

.p_first,
.p_first_d,
.p_last,
.p_last_d {
  display: none;
}

@media not all and (min-width: 40em) {
  .Pagination,
  .pagebar {
    margin-top: 4rem;
  }
  .Pagination,
  .p_pages {
    gap: 0.25rem;
  }
  .Pagination-action,
  .p_prev_d,
  .p_prev a,
  .p_next_d,
  .p_next a {
    width: 2.25rem;
    height: 2.25rem;
  }
  .Pagination-number,
  .p_no a,
  .p_no_d {
    min-width: 2.25rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}
.SiteHeader {
  position: relative;
  z-index: 9;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  background-color: #ffffff;
}

.SiteHeader.menu-open {
  position: sticky;
  top: 0;
}

.SiteHeader .container {
  position: relative;
  display: flex;
  align-items: flex-start;
}

.SiteHeader-home {
  position: relative;
  z-index: 1;
  width: 16rem;
  height: 4.5rem;
  margin-right: auto;
}

.SiteHeader-home ._img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.SiteHeader-nav {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
}

.SiteHeader-nav-item {
  position: relative;
}

.SiteHeader-nav-link {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
  padding: 0.5rem 0;
}
.SiteHeader-nav-link:hover {
  color: #fc9600;
}
.SiteHeader-nav-link::before {
  content: "";
  width: 1em;
  height: 1em;
  mask-image: var(--svg-hexagon);
  margin-right: 0.5em;
}

.SiteHeader-nav .collapse {
  position: absolute;
  min-width: 8rem;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 4px 30px rgba(194, 195, 196, 0.25);
  border-radius: 6px;
  background: #FFFFFF;
  color: #000000;
}

.SiteHeader-dropdown {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1rem;
  gap: 0.75rem;
}

.SiteHeader-dropdown ._item {
  text-align: center;
}

.SiteHeader-dropdown a:hover {
  color: #fc9600;
}

.SiteHeader-navlist {
  position: relative;
  z-index: 1;
  min-width: 6rem;
  margin-right: 6rem;
  padding-left: 0.75rem;
  border-left-width: 7px;
  border-color: currentColor;
}

.SiteHeader-searching .SiteHeader-navlist {
  visibility: hidden;
}

.SiteHeader-navlist-item:first-of-type {
  margin-top: -0.25rem;
}
.SiteHeader-navlist-item:last-of-type {
  margin-bottom: -0.25rem;
}

.SiteHeader-navlist-item + .SiteHeader-navlist-item {
  margin-top: 0.5rem;
}

.SiteHeader-navlist-link:hover {
  text-decoration: 2px underline;
  text-underline-offset: 4px;
}

.SiteHeader-actions {
  position: absolute;
  top: 0;
  right: var(--page-padding-x);
  display: flex;
  align-items: center;
}

.SiteHeader-search {
  position: relative;
  border-top-width: 3px;
  border-bottom-width: 3px;
}

.SiteHeader-searching .SiteHeader-search {
  width: 18rem;
}

.SiteHeader-action {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.25rem;
}
.SiteHeader-action::after {
  content: "";
}

@media (hover) and (pointer: fine) {
  .SiteHeader-action:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
}
@media (hover: none) and (pointer: coarse) {
  .SiteHeader-action:active {
    background-color: rgba(0, 0, 0, 0.05);
  }
}
.SiteHeader-action.menu::after {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  inset: 0;
  margin: auto;
}

.SiteHeader-action.menu.menu-open::after {
  mask-image: var(--svg-close);
}
.SiteHeader-action.menu:not(.menu-open)::after {
  mask-image: var(--svg-menu);
}

.SiteHeader-action.menu {
  display: none;
}

.SiteHeader-search .SiteHeader-action {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  gap: 0.25rem;
  width: auto;
  min-width: 2.5rem;
  padding: 0 0.5em;
}
.SiteHeader-search .SiteHeader-action::after {
  width: 1rem;
  height: 1rem;
  mask-image: var(--svg-search);
}

.SiteHeader-searching .SiteHeader-search .SiteHeader-action {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.SiteHeader-searching .SiteHeader-search .SiteHeader-action ._label {
  display: none;
}

.SiteHeader-search ._control {
  display: none;
  width: 100%;
  height: 2.5rem;
  padding-right: 2.5rem;
}
.SiteHeader-search ._control:focus-visible {
  outline: 0;
}

.SiteHeader-searching .SiteHeader-search {
  border-bottom-color: currentColor;
}

.SiteHeader-searching .SiteHeader-search ._control {
  display: block;
}

@media not all and (min-width: 80em) {
  .SiteHeader {
    padding: 2rem 0;
  }
  .SiteHeader-home {
    width: 8rem;
    height: 2.5rem;
  }
  .SiteHeader-nav {
    display: none;
  }
  .SiteHeader-navlist {
    display: none;
  }
  .SiteHeader-actions {
    bottom: 0;
  }
  .SiteHeader-action.search::after {
    width: 1.25rem;
    height: 1.25rem;
  }
  .SiteHeader-action.menu {
    display: block;
  }
  .SiteHeader-search .SiteHeader-action {
    width: 2.5rem;
    padding: 0;
  }
  .SiteHeader-search .SiteHeader-action ._label {
    display: none;
  }
}
@media not all and (min-width: 40em) {
  .SiteHeader {
    padding: 1rem 0;
  }
  .SiteHeader-searching .SiteHeader-home {
    visibility: hidden;
  }
}
.SiteMenu {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  background-color: #ffffff;
  padding-top: 4rem;
  overflow: auto;
}

.SiteMenu-list {
  padding: 2rem 0;
}

.SiteMenu-link {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.5rem;
  flex-grow: 1;
}

.SiteMenu-item {
  margin-bottom: 0.5rem;
}

.SiteMenu-action {
  display: flex;
  align-items: center;
}

.SiteMenu-toggle {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}
.SiteMenu-toggle.uncollapsed {
  transform: rotate(180deg);
}
.SiteMenu-toggle:active {
  background-color: #f5f5f5;
}
.SiteMenu-toggle::after {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  inset: 0;
  margin: auto;
  mask-image: var(--svg-chevron);
}

.SiteMenu-dropdown {
  padding: 0 1rem;
}

.SiteMenu-dropdown ._item {
  padding-top: 0.5rem;
}

.SiteMenu-dropdown ._link {
  color: rgba(0, 0, 0, 0.5);
}
.SiteMenu-dropdown ._link:active {
  color: rgb(0, 0, 0);
  text-decoration: 2px underline;
}

.SiteMenu-close {
  position: absolute;
  top: 1rem;
  right: 1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.25rem;
  background-color: #f5f5f5;
}
.SiteMenu-close::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 1.5rem;
  height: 1.5rem;
  mask-image: var(--svg-close);
}

.SiteFooter {
  --fgcolor-rgb: 0, 0, 0;
  background-image: linear-gradient(360deg, #fc9600 0%, #FFFFFF 72.84%);
  padding-top: 6rem;
  padding-bottom: 4rem;
  margin-top: 12rem;
}

:is(.SiteFooter-nav, .SiteFooter-bottom) a {
  --size: 2px;
  --color: currentColor;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding-bottom: var(--size);
}
:is(.SiteFooter-nav, .SiteFooter-bottom) a:hover {
  background-size: 100% var(--size);
  background-position-x: 0%;
}

.SiteFooter .social-media {
  margin-top: 2.5rem;
}

.SiteFooter .social-action {
  color: #b7ff8d;
}

.SiteFooter-AST {
  display: block;
  width: 15.5rem;
  height: 6rem;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="248" height="96" fill="%23000" viewBox="0 0 248 96"><path d="M49.83 1.25q0-.25-.36-.25H33.6c-.24 0-.37 0-.37.25L0 94.8v.19h17.22q.15.05.32 0a.3.3 0 0 0 0-.19l8.44-23.87h30.95l8.47 23.87q0 .06.03.11l.08.08h17.35a.4.4 0 0 0 .14-.25zM31.87 54.43l9.63-27.15 9.61 27.15zM84.29 68.4a.3.3 0 0 1 .18 0l15.67-2.25a.2.2 0 0 1 .18.06l.06.09v.1a16 16 0 0 0 2.43 6.62 15 15 0 0 0 4.98 4.84 20 20 0 0 0 13.85 2.97c2.35-.27 4.61-1.07 6.63-2.35 2.01-1.27 3.73-3 5.04-5.03a13.5 13.5 0 0 0 2.32-6.86 9.7 9.7 0 0 0-1.89-6.23 12 12 0 0 0-5.65-4.16 66 66 0 0 0-10.7-2.15c-1.05 0-3.88-.5-8.5-1.26a22.6 22.6 0 0 1-14.5-9.13 27.7 27.7 0 0 1-5.6-17.06A24.5 24.5 0 0 1 95.1 9.9c4.63-5.38 11-8.8 17.92-9.58 7.21-1.01 14.55.4 20.94 4.04a32 32 0 0 1 14.5 17.24q.12.13 0 .19l-.18.2-14.6 5.8c0 .08-.14.1-.18 0l-.17-.2c-1.36-4-3.95-7.43-7.36-9.76-2.94-2-6.48-2.81-9.96-2.27-3.45.53-6.61 2.3-8.94 5.01a10 10 0 0 0-2.67 6.68c-.01 2.44.8 4.8 2.3 6.68a11.2 11.2 0 0 0 6.1 3.95q1.73.45 3.5.7 2.2.32 4.38.57a52 52 0 0 1 12.89 2.39 28.6 28.6 0 0 1 13.9 10.34A25 25 0 0 1 152 66.9a29 29 0 0 1-5.17 15.68q-7.43 11.22-21.8 13.04a40 40 0 0 1-26.75-5.73 28 28 0 0 1-9.6-8.93A29.4 29.4 0 0 1 84 68.49a.3.3 0 0 1 .13-.1q.07 0 .16.02M224 1.01a.3.3 0 0 0-.18 0h-65.57a.2.2 0 0 0-.19.07l-.05.08v16.09a.2.2 0 0 0 .05.19.2.2 0 0 0 .2.06h24.47v77.3a.2.2 0 0 0 0 .18q.1.05.19 0h16.23q.1.03.19 0a.3.3 0 0 0 0-.18V17.45h24.35a.3.3 0 0 0 .18 0 .4.4 0 0 0 0-.2V1.27A.4.4 0 0 0 224 1M230.02 76.02a.2.2 0 0 1 .18 0h17.6a.2.2 0 0 1 .18 0 .3.3 0 0 1 0 .2V94.8a.3.3 0 0 1 0 .18.3.3 0 0 1-.18 0h-17.6a.3.3 0 0 1-.18 0 .3.3 0 0 1 0-.18V76.2a.3.3 0 0 1 0-.19"/></svg>');
  background-size: 100% 100%;
}

.SiteFooter-intro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4rem;
}

.SiteFooter-intro ._desc {
  flex: 1 1 0%;
  font-size: 1.25rem;
  line-height: 2rem;
  max-width: 32rem;
}

.SiteFooter-intro ._action {
  position: relative;
  z-index: 1;
  width: 6em;
  height: 6em;
  font-size: 1rem;
  line-height: 2em;
  padding: 2em 1em;
  text-align: center;
  color: #ffffff;
}
.SiteFooter-intro ._action::after {
  content: "";
  position: absolute;
  inset: 0;
  mask-image: var(--svg-hexagon);
  z-index: -1;
  background-color: #000000;
}

:is(.SiteFooter-top, .SiteFooter-info) {
  --gap: 4rem;
}
:is(.SiteFooter-top, .SiteFooter-info) > .row-col {
  --size: 6;
}

.SiteFooter-info {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 4px solid currentColor;
}

.SiteFooter-contact :is(h3, h4) {
  font-size: 1em;
  font-weight: 500;
}
.SiteFooter-contact :is(h3, h4):not(:first-child) {
  margin-top: 1.5em;
}
.SiteFooter-contact p:not(:first-child) {
  margin-top: 0.25em;
}

.SiteFooter-nav {
  --gap: 1rem;
  max-width: 32rem;
  font-weight: 500;
}

.SiteFooter-nav > .row-col {
  --size: 6;
}

.SiteFooter-bottom {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-top: 5rem;
  color: rgba(var(--fgcolor-rgb), 0.6);
}
.SiteFooter-bottom a:hover {
  color: rgba(var(--fgcolor-rgb), 1);
}

.SiteFooter-bottom-links ._item:not(:last-child) {
  padding-right: 1rem;
  margin-right: 1rem;
  border-right-width: 1px;
  border-right-color: currentColor;
}

@media not all and (min-width: 80em) {
  .SiteFooter-top > .row-col {
    --size: 12;
  }
  .SiteFooter-info {
    flex-wrap: wrap-reverse;
    margin-top: 3rem;
    padding-top: 3rem;
  }
  .SiteFooter-bottom {
    flex-direction: column;
    margin-top: 2rem;
  }
  .SiteFooter .social-media .dropdown:first-child .dropdown-wrapper {
    left: calc((var(--arrow-size) + 0.5rem) * -1);
    margin-left: 0;
  }
  .SiteFooter .social-media .dropdown:first-child .dropdown-wrapper::before {
    margin-left: calc(var(--arrow-size) + 1rem);
  }
}
@media not all and (min-width: 40em) {
  .SiteFooter {
    padding-top: 4rem;
    margin-top: 4rem;
  }
  .SiteFooter-AST {
    width: 10rem;
    height: 4rem;
  }
  .SiteFooter-intro {
    gap: 2rem;
    flex-direction: column;
  }
  :is(.SiteFooter-top, .SiteFooter-info) {
    --gap: 2rem;
  }
  .SiteFooter-info > .row-col {
    --size: 12;
  }
}
.ActivityRow {
  --row-gap: 6rem;
  --column-gap: 2.5rem;
}

.ActivityRow .row-col {
  --size: 3;
}

.ActivityRow-stu-works .row-col:is(:first-child, :nth-child(6)) {
  --size: 6;
}

.Activity {
  position: relative;
}

a.Activity {
  display: block;
}

.Activity-imgwrap {
  overflow: hidden;
}

.Activity-img {
  display: block;
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
}

.ActivityRow-stu-works .row-col:is(:first-child, :nth-child(6)) .Activity-info {
  position: absolute;
  inset: 0;
  padding: 5rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  display: flex;
  flex-direction: column;
}

.Activity-date {
  position: relative;
  font-family: Montserrat;
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-top: 2rem;
  padding-left: 2rem;
}
.Activity-date::before {
  position: absolute;
  left: 0;
  top: 0;
}

.ActivityRow-stu-works .row-col:is(:first-child, :nth-child(6)) .Activity-date {
  margin-top: 0;
  margin-bottom: 2rem;
}

.Activity ._fontbold {
  font-weight: 700;
}

.Activity-title {
  --line-clamp: 2;
  --line-height: 2.5rem;
  margin-top: 1.5rem;
  font-size: 1.75rem;
}

.ActivityRow-stu-works .row-col:is(:first-child, :nth-child(6)) .Activity-title {
  --line-height: 3.5rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
}

.Activity-desc {
  --line-clamp: 4;
  --line-height: 1.75rem;
  display: none;
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.8);
}

.ActivityRow-stu-works .row-col:is(:first-child, :nth-child(6)) .Activity-desc {
  display: -webkit-box;
}

.Activity .polygon-btn {
  display: none;
}

.ActivityRow-stu-works .row-col:is(:first-child, :nth-child(6)) .Activity .polygon-btn {
  --fgcolor: #000000;
  --bgcolor: #ffffff;
  display: flex;
  margin-top: auto;
  font-family: Montserrat;
  text-transform: uppercase;
}

@media not all and (min-width: 80em) {
  .ActivityRow-stu-works .row-col:is(:first-child, :nth-child(6)) .Activity-info {
    padding: 2rem;
  }
  .Activity-date {
    --hexagon-size: 1rem;
    font-size: 1rem;
    line-height: 1rem;
    padding-left: 1.5rem;
  }
  .Activity-title {
    font-size: 1.25rem;
    line-height: 2rem;
    margin-top: 0.5rem;
  }
  .ActivityRow-stu-works .row-col:is(:first-child, :nth-child(6)) .Activity-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media not all and (min-width: 40em) {
  .ActivityRow {
    --row-gap: 3rem;
  }
  .ActivityRow .row-col,
  .ActivityRow .row-col:is(:first-child, :nth-child(6)) {
    --size: 12;
  }
  .Activity .polygon-btn {
    font-size: 0.75rem;
    line-height: 1rem;
    width: 4rem;
    height: 4rem;
  }
  .ActivityRow-stu-works .row-col:is(:first-child, :nth-child(6)) .Activity-info {
    padding: 2rem;
  }
  .ActivityRow-stu-works .row-col:is(:first-child, :nth-child(6)) .Activity-date {
    margin-bottom: 1rem;
  }
  .ActivityRow-stu-works .row-col:is(:first-child, :nth-child(6)) .Activity-title {
    --line-height: 2rem;
    font-size: 1.25rem;
  }
  .ActivityRow-stu-works .row-col:is(:first-child, :nth-child(6)) .Activity-desc {
    --line-height: 1.5rem;
    font-size: 0.875rem;
  }
}
.TeachingStaffRow {
  --row-gap: 6rem;
  --column-gap: 2.5rem;
}

.TeachingStaffRow .row-col {
  --size: 3;
}

a.TeachingStaff {
  display: block;
}

.TeachingStaff-imgwrap {
  overflow: hidden;
}

.TeachingStaff-img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.TeachingStaff-name {
  position: relative;
  padding-left: 3rem;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.TeachingStaff-name::before {
  position: absolute;
  left: 0;
  top: 0.25rem;
}

.TeachingStaff-details {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.TeachingStaff-details ._label {
  color: rgba(0, 0, 0, 0.5);
  width: 3rem;
}

.TeachingStaff-details ._text {
  flex: 1 1 0%;
}

@media not all and (min-width: 40em) {
  .TeachingStaffRow {
    --row-gap: 3rem;
  }
  .TeachingStaffRow .row-col {
    --size: 12;
  }
}
.TeacherModal {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.TeacherModal.fixed {
  position: fixed;
  inset: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
}

.TeacherModal:is(.enter-active, .leave-active) {
  transition-property: opacity;
  transition-timing-function: var(--ease-3);
  transition-duration: 0.25s;
}

.TeacherModal:is(.enter-from, .leave-to) {
  opacity: 0;
}

.TeacherModal-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.TeacherModal.fixed .TeacherModal-wrapper {
  padding: 4rem;
  overflow: auto;
}

.TeacherModal-content {
  --gap: 5rem;
  position: relative;
  background-color: #ffffff;
  color: #000000;
  max-width: 68.75rem;
}

.TeacherModal.fixed .TeacherModal-content {
  padding: 2.5rem;
}

.TeacherModal:is(.enter-active, .leave-active) .TeacherModal-content {
  transition-property: transform;
  transition-timing-function: var(--ease-3);
  transition-duration: 0.25s;
}

.TeacherModal:is(.enter-from) .TeacherModal-content {
  transform: translateY(1.5rem);
}

.TeacherModal:is(.leave-to) .TeacherModal-content {
  transform: translateY(-1.5rem);
}

.TeacherModal-content :is(.left, .right) {
  --size: 6;
}

.TeacherModal-content .left {
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
}

.TeacherModal-content .right {
  align-self: center;
}

.TeacherModal-title {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}

.TeacherModal-prop {
  display: flex;
  font-size: 1rem;
  line-height: 1.5rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: #D7DAE2;
  padding: 0.75rem 0;
}

.TeacherModal-prop + .TeacherModal-prop {
  border-top-width: 0;
}

.TeacherModal-prop ._label {
  width: 6rem;
  color: rgba(0, 0, 0, 0.6);
}

.TeacherModal-prop ._text {
  flex: 1 1 0%;
}

.TeacherModal-desc {
  margin-top: auto;
  font-size: 1rem;
  line-height: 1.75rem;
  letter-spacing: 0.04em;
  padding-top: 2rem;
}

.TeacherModal-img {
  width: 100%;
}

.TeacherModal-close {
  position: absolute;
  width: 3rem;
  height: 3rem;
  color: #ffffff;
  top: 0;
  left: 100%;
  background-color: rgba(255, 255, 255, 0.25);
  box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.1);
  border-width: 1px;
  border-color: transparent;
}
.TeacherModal-close:hover {
  background-color: inherit;
  color: currentColor;
}
.TeacherModal-close::after {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  inset: 0;
  margin: auto;
  mask-image: var(--svg-close);
}

@media not all and (min-width: 40em) {
  .TeacherModal.fixed .TeacherModal-wrapper {
    padding: 2rem 1rem;
  }
  .TeacherModal-content {
    --gap: 2rem;
  }
  .TeacherModal.fixed .TeacherModal-content {
    padding: 1rem;
  }
  .TeacherModal-content :is(.left, .right) {
    --size: 12;
  }
  .TeacherModal-content .left {
    padding-top: 0;
    padding-bottom: 0;
  }
  .TeacherModal-title {
    margin-top: 1rem;
  }
  .TeacherModal-prop {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .TeacherModal-prop ._label {
    width: 4rem;
  }
  .TeacherModal-close {
    top: 0;
    right: 0;
    left: auto;
    color: currentColor;
  }
  .TeacherModal-close:hover {
    background-color: #f5f5f5;
  }
  .TeacherModal-close::after {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.HomeNewsRow .row-col {
  --size: 6;
}

.HomeNews {
  display: flex;
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-color: #000000;
}

.HomeNews-imgwrap {
  overflow: hidden;
  width: 16rem;
}

.HomeNews-img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.HomeNews-info {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  padding: 2.5rem 2rem;
}

.HomeNews-date {
  position: relative;
  font-family: Montserrat;
  font-size: 1.5rem;
  line-height: 2rem;
  padding-left: 2rem;
  margin-bottom: 1rem;
}
.HomeNews-date::before {
  position: absolute;
  left: 0;
  top: 0.25rem;
}

.HomeNews-date ._fontbold {
  font-weight: 700;
}

.HomeNews-title {
  --line-clamp: 2;
  --line-height: 2.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: auto;
}

.HomeNewsRow .row-col:nth-child(n+3) .HomeNews {
  border-top-width: 0;
}

@media not all and (min-width: 80em) {
  .HomeNewsRow .row-col:nth-child(n+2) .HomeNews {
    border-top-width: 0;
  }
  .HomeNewsRow .row-col {
    --size: 12;
  }
}
@media not all and (min-width: 40em) {
  .HomeNews {
    align-items: center;
  }
  .HomeNews-imgwrap {
    width: 4rem;
  }
  .HomeNews-info {
    padding: 1.5rem;
    padding-right: 0;
  }
  .HomeNews-date {
    --hexagon-size: 0.75rem;
    font-size: 0.75rem;
    line-height: 1rem;
    padding-left: 1rem;
  }
  .HomeNews-date::before {
    top: 0.125rem;
  }
  .HomeNews-title {
    --line-height: 1.5rem;
    font-size: 1rem;
  }
}
.CollegeIntroSec-heading {
  max-width: 80rem;
  font-size: 3rem;
  line-height: 4.5rem;
  font-weight: 500;
}

.CollegeIntroSec-wrapper {
  margin-top: 6rem;
  align-items: center;
}

:is(.CollegeIntroSec-info, .CollegeIntroSec-media) {
  --size: 6;
}

.CollegeIntroSec-img {
  display: block;
  width: 100%;
}

.CollegeIntroSec-info {
  padding-right: 10rem;
}

.CollegeIntroSec-info .hypertext {
  --headings-color: #000;
  font-size: 1rem;
  line-height: 1.75rem;
  color: rgba(0, 0, 0, 0.5);
}

.CollegeIntroSec-stats {
  margin-top: 5rem;
  justify-content: space-between;
}

.CollegeIntroSec-stats ._col {
  --size: 4;
  width: auto;
  max-width: var(--width);
}

.CollegeIntroSec-stats ._stat-number {
  font-family: Montserrat;
  font-size: 4rem;
  line-height: 1;
  font-weight: 600;
}

.CollegeIntroSec-stats ._stat-label {
  margin-top: 1rem;
}

@media not all and (min-width: 80em) {
  .CollegeIntroSec-wrapper {
    --row-gap: 4rem;
  }
  .CollegeIntroSec-info,
  .CollegeIntroSec-media {
    --size: 12;
  }
  .CollegeIntroSec-info {
    padding-right: 0;
  }
}
@media not all and (min-width: 40em) {
  .CollegeIntroSec-wrapper {
    margin-top: 2rem;
  }
  .CollegeIntroSec-heading {
    max-width: 32rem;
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  .CollegeIntroSec-stats {
    --gap: 0.5rem;
    margin-top: 2rem;
  }
  .CollegeIntroSec-stats ._col {
    width: var(--width);
    text-align: center;
  }
  .CollegeIntroSec-stats ._stat-number {
    font-size: 2rem;
    line-height: 1;
  }
  .CollegeIntroSec-stats ._stat-label {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-top: 0.5rem;
  }
}
.IUR_Plan {
  --gap: 2rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-color: #000000;
}

.IUR_Plan:nth-child(2n) {
  flex-direction: row-reverse;
}

.IUR_Plan + .IUR_Plan {
  border-top-width: 0;
}

:is(.IUR_Plan-left, .IUR_Plan-right) {
  --size: 6;
}

.IUR_Plan-left {
  padding-right: 12rem;
}

.IUR_Plan:nth-child(2n) .IUR_Plan-left {
  flex-direction: row-reverse;
  padding-left: 8rem;
  padding-right: 4rem;
}

.IUR_Plan-info {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.IUR_Plan-title {
  font-size: 2.5rem;
  line-height: 4rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.IUR_Plan-title a:hover {
  text-decoration: 4px underline;
}

.IUR_Plan-desc {
  font-size: 1rem;
  line-height: 1.75rem;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 1.5rem;
}

.IUR_Plan-imgwrap {
  overflow: hidden;
}

a.IUR_Plan-imgwrap {
  display: block;
}

.IUR_Plan-img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.IUR_Plan-footer {
  margin-top: auto;
}

.IUR_Plan-date {
  position: relative;
  padding-left: 2rem;
  font-family: Montserrat;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.IUR_Plan-date::before {
  position: absolute;
  left: 0;
  top: 0;
}

.IUR_Plan-date ._fontbold {
  font-weight: 700;
}

@media not all and (min-width: 80em) {
  .IUR_Plan-left {
    padding-right: 2rem;
  }
  .IUR_Plan:nth-child(2n) .IUR_Plan-left {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .IUR_Plan-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .IUR_Plan-date {
    --hexagon-size: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
  }
  .IUR_Plan-date::before {
    top: 0.25rem;
  }
}
@media not all and (min-width: 40em) {
  .IUR_Plan {
    --row-gap: 3rem;
  }
  :is(.IUR_Plan-left, .IUR_Plan-right) {
    --size: 12;
  }
  .IUR_Plan-left {
    padding-right: 0;
  }
  .IUR_Plan:nth-child(2n) .IUR_Plan-left {
    padding-left: 0;
    padding-right: 0;
  }
}
.CardRow {
  --gap: 2.5rem;
}

.CardRow .row-col {
  --size: 4;
}

.CardRow-college-news .row-col {
  --size: 6;
}

.Card {
  display: flex;
  flex-direction: column;
  background-color: #f5f5f5;
  color: #000000;
  padding: 2rem;
  transition-property: background-color, color;
  transition-duration: 0.25s;
  transition-timing-function: var(--ease-3);
}

.Card-download,
.Card-notice {
  aspect-ratio: 1/1;
}

.Card-news {
  aspect-ratio: 3/2;
}

.Card-college-news {
  padding: 3rem;
}

a.Card:hover {
  background-color: #000000;
  color: #ffffff;
}

.Card-subtitle {
  --hexagon-size: 1rem;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}
.Card-subtitle::before {
  position: absolute;
  left: 0;
  top: 0.25rem;
}

.Card-title {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-bottom: 1rem;
}

.Card-news .Card-title {
  font-weight: 500;
}

.Card-college-news .Card-title {
  --line-clamp: 2;
  --line-height: 2.75rem;
  font-size: 1.75rem;
  font-weight: 500;
  padding-right: 3rem;
}

.Card-desc {
  --line-clamp: 3;
  --line-height: 1.75rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1rem;
  line-height: 1.75rem;
  margin-bottom: 2rem;
  transition-property: color;
  transition-duration: 0.25s;
  transition-timing-function: var(--ease-3);
}

a.Card-news:hover .Card-desc {
  color: rgba(255, 255, 255, 0.5);
}

.Card-date {
  font-family: Montserrat;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.Card-date ._fontbold {
  font-weight: 700;
}

:is(.Card-news, .Card-college-news) .Card-date {
  --hexagon-size: 1.5rem;
  position: relative;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding-left: 2rem;
}
:is(.Card-news, .Card-college-news) .Card-date::before {
  position: absolute;
  left: 0;
  top: 0;
}

.Card-footer {
  margin-top: auto;
}

.Card-download ._actions {
  display: flex;
  flex-wrap: wrap;
}

.Card-download ._action {
  --icon-svg: ;
  display: flex;
  align-items: center;
  gap: 0.5em;
  transition-property: background-color, color;
  transition-duration: 250ms;
  transition-timing-function: var(--ease-3);
}

a.Card-download:hover ._action {
  color: #fc9600;
}

.Card-download ._action-icon {
  position: relative;
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  background-color: #000000;
  color: #ffffff;
  transition: inherit;
}
.Card-download ._action-icon::after {
  content: "";
  width: 1rem;
  height: 1rem;
  inset: 0;
  margin: auto;
  position: absolute;
  background-color: currentColor;
}

a.Card-download:hover ._action-icon {
  background-color: #fc9600;
  color: #000000;
}

.Card-download ._action-download ._action-icon::after {
  mask-image: var(--svg-arrow);
}

.Card-download ._action-download ._action-icon {
  transform: rotate(90deg);
}

.Card-college-news .Card-info {
  --gap: 2rem;
  align-items: flex-end;
  margin-top: 2rem;
}

.Card-college-news .Card-info :is(._left, ._right) {
  --size: 6;
}

.Card-college-news ._img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}

@media not all and (min-width: 80em) {
  .Card-college-news {
    padding: 2rem;
  }
  :is(.Card-news, .Card-college-news) .Card-date {
    --hexagon-size: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
  }
  :is(.Card-news, .Card-college-news) .Card-date::before {
    top: 0.25rem;
  }
  .Card-college-news .Card-title,
  .Card-title {
    font-size: 1.25rem;
    line-height: 2rem;
  }
  .Card-college-news .Card-title {
    --line-height: 2rem;
  }
  .Card-desc {
    --line-height: 1.5rem;
    font-size: 0.875rem;
  }
  .Card-college-news .Card-title {
    padding-right: 0;
  }
  .Card-college-news .Card-info :is(._left, ._right) {
    --size: 12;
  }
}
@media not all and (min-width: 40em) {
  .CardRow .row-col {
    --size: 12;
  }
  .Card-college-news .Card-info {
    margin-top: 0;
  }
}
.page-service .PageContent .container {
  max-width: calc(80rem + var(--page-padding-x) * 2);
}

.ContactBanner {
  position: relative;
  background-color: #000000;
  color: #ffffff;
  margin-top: 6rem;
  padding: 2rem;
}

.ContactBanner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
}

.ContactBanner-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 40rem;
  min-height: 40rem;
}

.ContactBanner-title {
  font-size: 3.5rem;
  line-height: 4rem;
}

.ContactBanner-desc {
  margin-top: 2.5rem;
  font-size: 1.25rem;
  line-height: 2rem;
}

@media not all and (min-width: 80em) {
  .ContactBanner {
    padding-left: 0;
    padding-right: 0;
  }
  .ContactBanner-wrapper {
    min-height: 20rem;
    max-width: 24rem;
  }
  .ContactBanner-title {
    font-size: 2rem;
    line-height: 3rem;
  }
  .ContactBanner-desc {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.75rem;
  }
}
@media not all and (min-width: 40em) {
  .ContactBanner {
    margin-top: 3rem;
  }
}
.ContactSec {
  margin-top: 10rem;
}
.ContactSec .row {
  --row-gap: 4rem;
}
.ContactSec .half {
  --size: 6;
}

.ContactSec-heading {
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
}

.ContactSec-desc {
  font-size: 1rem;
  line-height: 1.75rem;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 1.25rem;
}

.ContactSec-info {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-right: 20rem;
}

.ContactSec-media {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.ContactSec-code {
  padding: 1.25rem;
  text-align: center;
  background-color: #F5F5F5;
}
.ContactSec-code ._img {
  width: 11.25rem;
}
.ContactSec-code ._title {
  margin-top: 1rem;
}

.ContactSec-contact {
  display: flex;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-color: #000000;
  border-top-width: 4px;
}
.ContactSec-contact:last-child {
  border-bottom-width: 4px;
}

.ContactSec-contact ._content {
  flex: 1 1 0%;
  padding: 0 2rem;
}

.ContactSec-contact ._title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
}

.ContactSec-contact ._desc {
  font-size: 1.25rem;
  margin-top: 1rem;
}

.ContactSec-contact ._icon {
  width: auto;
  height: 4rem;
}

@media not all and (min-width: 80em) {
  .ContactSec .row {
    --column-gap: 4rem;
  }
  .ContactSec .row-col {
    --size: 6;
  }
  .ContactSec-info {
    padding-right: 0;
  }
  .ContactSec-heading {
    font-size: 2.25rem;
    line-height: 3rem;
  }
  .ContactSec-code {
    padding: 0.5rem;
  }
  .ContactSec-code ._img {
    width: 6rem;
  }
  .ContactSec-code ._title {
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0.5rem 0;
  }
  .ContactSec-contact ._icon {
    height: 2.5rem;
  }
  .ContactSec-contact ._content {
    padding: 0 1rem;
  }
  .ContactSec-contact ._title {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .ContactSec-contact ._desc {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-top: 0;
  }
}
@media not all and (min-width: 40em) {
  .ContactSec {
    margin-top: 4rem;
    margin-bottom: 6rem;
  }
  .ContactSec .row-col {
    --size: 12;
  }
  .ContactSec-contact {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.NewsRow {
  --row-gap: 6rem;
  --column-gap: 2.5rem;
}

.NewsRow .row-col {
  --size: 4;
}

.News {
  border-top-width: 3px;
  border-color: #000000;
  padding-right: 4rem;
}

a.News {
  display: block;
  position: relative;
}
a.News::before {
  content: "";
  left: 0;
  right: 0;
  top: -3px;
  width: 100%;
  height: 6px;
  position: absolute;
  background-color: #fc9600;
  transition-property: transform;
  transition-duration: 250ms;
  transition-timing-function: var(--ease-3);
  transform-origin: 100% 100%;
  transform: scaleX(0);
}

a.News:hover::before {
  transform-origin: 0% 100%;
  transform: none;
}

.News-date {
  position: relative;
  font-family: "Montserrat";
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding-left: 2rem;
  margin-top: 1.5rem;
}
.News-date::before {
  position: absolute;
  top: 0;
  left: 0;
}

.News-date ._fontbold {
  font-weight: 700;
}

.News-title {
  --line-clamp: 2;
  --line-height: 2.5rem;
  margin-top: 1.5rem;
  font-size: 1.75rem;
  font-weight: 500;
}

a.News:hover .News-title {
  text-decoration: 4px underline;
}

.News-desc {
  --line-clamp: 4;
  --line-height: 1.75rem;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 2rem;
  font-size: 1rem;
}

@media not all and (min-width: 80em) {
  .News {
    padding-right: 0;
  }
  .News-date {
    --hexagon-size: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
  }
  .News-date::before {
    top: 0.25rem;
  }
  .News-title {
    --line-height: 2rem;
    font-size: 1.25rem;
  }
  .News-desc {
    --line-clamp: 1.5rem;
    font-size: 0.875rem;
  }
}
@media not all and (min-width: 40em) {
  .NewsRow {
    --row-gap: 3rem;
  }
  .NewsRow .row-col {
    --size: 12;
  }
  .News-desc {
    margin-top: 1rem;
  }
}
.CollegeNewsSlide {
  --gap: 4rem;
  max-width: 106.25rem;
  margin: 0 auto;
  padding: 1.5rem;
  background-color: #ffffff;
}

.CollegeNewsSlide .row-col:is(.left, .right) {
  --size: 6;
}

.CollegeNewsSlide-info {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}

.CollegeNewsSlide-date {
  position: relative;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding-left: 2rem;
  margin-bottom: 1.5rem;
}
.CollegeNewsSlide-date::before {
  position: absolute;
  left: 0;
  top: 0;
}

.CollegeNewsSlide-date ._fontbold {
  font-weight: 700;
}

.CollegeNewsSlide-title {
  --line-clamp: 2;
  --line-height: 3.5rem;
  font-size: 2.5rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.CollegeNewsSlide-title a:hover {
  text-decoration: 4px underline;
}

.CollegeNewsSlide-desc {
  --line-clamp: 4;
  --line-height: 1.75rem;
  font-size: 1.125rem;
  margin-bottom: 1rem;
  color: rgba(0, 0, 0, 0.5);
}

.CollegeNewsSlide-footer {
  margin-top: auto;
}

.CollegeNewsSlide-imgwrap {
  overflow: hidden;
  align-self: center;
}

.CollegeNewsSlide-img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.CollegeNewsSlide .swiper-actions {
  margin-left: -0.75rem;
  margin-bottom: -0.75rem;
}

@media not all and (min-width: 80em) {
  .CollegeNewsSlide-info {
    padding: 0;
  }
  .CollegeNewsSlide-date {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
  }
  .CollegeNewsSlide-date::before {
    width: 1rem;
    height: 1rem;
    top: 0.25rem;
  }
  .CollegeNewsSlide-title {
    --line-height: 2rem;
    font-size: 1.25rem;
  }
  .CollegeNewsSlide-desc {
    --line-height: 1.5rem;
    font-size: 0.875rem;
  }
  .CollegeNewsSlide .swiper-actions {
    margin-left: -0.5rem;
    margin-bottom: 0;
  }
  .CollegeNewsSlide .swiper-action {
    --btn-size: 2rem;
    --icon-size: 1rem;
  }
}
@media not all and (min-width: 40em) {
  .CollegeNewsSlide {
    --gap: 2rem;
    flex-wrap: wrap-reverse;
  }
  .CollegeNewsSlide .row-col:is(.left, .right) {
    --size: 12;
  }
  .CollegeNewsSlide-date {
    margin-bottom: 0.5rem;
  }
  .CollegeNewsSlide .swiper-actions {
    margin-top: 1rem;
  }
}
.CollegeNewsBanner {
  position: relative;
  padding: 5rem 0;
  margin-top: 6rem;
}

.CollegeNewsBanner-bgimg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media not all and (min-width: 40em) {
  .CollegeNewsBanner {
    padding: 4rem 0;
    margin-top: 3rem;
  }
}
.NewsDetails {
  margin-top: 6rem;
}

.NewsDetails .container {
  max-width: calc(80rem + var(--page-padding-x) * 2);
}

.NewsDetails-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  border-bottom-width: 3px;
  border-color: currentColor;
  padding-bottom: 2rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.NewsDetails-date {
  position: relative;
  font-family: Montserrat;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding-left: 2rem;
}
.NewsDetails-date::before {
  position: absolute;
  top: 0;
  left: 0;
}

.NewsDetails-date ._fontbold {
  font-weight: 700;
}

.NewsDetails-heading {
  margin-top: 2rem;
  font-size: 3rem;
  line-height: 4.5rem;
  font-weight: 500;
}

.NewsDetails-desc {
  font-size: 1.25rem;
  line-height: 2rem;
  margin-top: 2rem;
}

.NewsDetails-img {
  margin: 4rem auto;
}

.NewsDetails-content .row-col.left {
  --size: 9;
}

.NewsDetails-content .row-col.right {
  --size: 3;
  padding-left: 8rem;
}

.NewsDetails-content .hypertext {
  --headings-color: #000000;
  --headings-margin-top: 4em;
  color: rgba(0, 0, 0, 0.6);
}

.NewsDetails-share ._label {
  font-family: Montserrat;
  font-weight: 500;
}

.NewsDetails-share .social-media {
  margin-top: 1rem;
}

@media not all and (min-width: 80em) {
  .NewsDetails-content .row-col.left {
    --size: 8;
  }
  .NewsDetails-content .row-col.right {
    --size: 4;
  }
}
@media not all and (min-width: 40em) {
  .NewsDetails-heading {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
  .NewsDetails-desc {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-top: 1rem;
  }
  .NewsDetails-img {
    margin: 2rem 0;
  }
  .NewsDetails-content {
    --row-gap: 2rem;
  }
  .NewsDetails-content .row-col:is(.left, .right) {
    --size: 12;
  }
  .NewsDetails-content .row-col.right {
    padding-left: 0;
  }
  .NewsDetails-content .hypertext {
    --headings-margin-top: 1.5em;
  }
}
@media not all and (min-width: 40em) {
  .NewsDetails {
    margin-top: 3rem;
  }
  .NewsDetails-meta {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .NewsDetails-date {
    --hexagon-size: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
  }
  .NewsDetails-date::before {
    top: 0.25rem;
  }
}
.ArticleMeta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 2rem;
  margin-top: 1rem;
  font-weight: 500;
}

.ArticleContent .ArticleMeta {
  justify-content: center;
}

.ArticleMeta .social-action {
  --action-size: 2rem;
  --icon-size: 1rem;
}

.ArticleMeta :is(._date, ._share) {
  font-family: Montserrat;
}

.ArticleMeta-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

.ArticlePagination {
  position: relative;
  display: flex;
  justify-content: center;
  border-top-width: 1px;
  border-color: rgba(0, 0, 0, 0.25);
  padding: 1.25rem 0;
  margin-top: 5rem;
}

.ArticlePagination-action {
  display: flex;
  gap: 0.25em;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.ArticlePagination-action:is(:hover, :focus-visible) {
  text-decoration: 2px underline;
  background-color: #f5f5f5;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}

.ArticlePagination-action.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ArticlePagination-action.prev::before,
.ArticlePagination-action.back::before,
.ArticlePagination-action.next::after {
  content: "";
  width: var(--icon-size);
  height: var(--icon-size);
}

.ArticlePagination-action.prev::before,
.ArticlePagination-action.next::after {
  mask-image: var(--svg-arrow);
}

.ArticlePagination-action.prev:is(:hover, :focus-visible)::before,
.ArticlePagination-action.next:is(:hover, :focus-visible)::after {
  animation: MaskIconShuffleToRight var(--animation-shuffling);
}

.ArticlePagination-action.prev {
  --icon-size: 1rem;
  position: absolute;
  left: -0.5rem;
}
.ArticlePagination-action.prev::before {
  transform: rotate(180deg);
  margin-top: 0.125rem;
}

.ArticlePagination-action.back::before {
  --icon-size: 1.5rem;
  mask-image: var(--svg-menu);
  margin-top: 0.125rem;
}

.ArticlePagination-action.next {
  --icon-size: 1rem;
  position: absolute;
  right: -0.5rem;
}
.ArticlePagination-action.next::after {
  margin-top: 0.125rem;
}

@media not all and (min-width: 40em) {
  .ArticlePagination {
    margin-top: 2rem;
  }
  .ArticlePagination-action {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .ArticlePagination-action.back::before {
    --icon-size: 1.25rem;
  }
}
.ArticleContent {
  margin-top: 4rem;
  margin-bottom: 12rem;
}

.ArticleContent .container {
  max-width: calc(60rem + var(--page-padding-x) * 2);
}

.ArticleContent .hypertext {
  --headings-font-size: 1.5em;
  --headings-font-weight: 500;
  --headings-color: #000000;
  color: rgba(0, 0, 0, 0.5);
}

@media not all and (min-width: 40em) {
  .ArticleContent {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.page-details ._heading {
  font-size: 2.5rem;
  line-height: 4rem;
  font-weight: 500;
  text-align: center;
  margin-top: 1.5rem;
}

.page-details ._subtitle {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.page-details .hypertext {
  margin-top: 6rem;
}

.page-details .MajorDetails-meta {
  justify-content: center;
}

@media not all and (min-width: 40em) {
  .page-details ._heading {
    font-size: 2rem;
    line-height: 3rem;
  }
}
.MajorRow {
  --row-gap: 8rem;
  --column-gap: 2.5rem;
  align-items: flex-start;
}

.MajorRow .row-col {
  --size: 6;
}

.MajorRow .row-col:nth-child(2) {
  margin-top: 18rem;
}

.MajorRow .row-col:nth-child(2n+3) {
  margin-top: -18rem;
}

.Major-title {
  position: relative;
  margin-top: 1.25rem;
  padding-bottom: 1rem;
  font-family: Montserrat;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
}
.Major-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-top-width: 1px;
  border-color: currentColor;
  width: 2rem;
}

.Major-title ._english {
  font-weight: 600;
}

.Major-desc {
  font-size: 1rem;
  line-height: 1.75rem;
  margin-top: 1.5rem;
  color: rgba(255, 255, 255, 0.5);
}

@media not all and (min-width: 40em) {
  .MajorRow {
    --row-gap: 3rem;
  }
  .MajorRow .row-col {
    --size: 12;
  }
  .MajorRow .row-col:nth-child(2) {
    margin-top: 0;
  }
  .MajorRow .row-col:nth-child(2n+3) {
    margin-top: 0;
  }
}
.PartyNews {
  --gap: 2.5rem;
}

.PartyNews-imgwrap {
  --size: 6;
  overflow: hidden;
  align-self: center;
}

.PartyNews-img {
  aspect-ratio: 5/3;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.PartyNews-info {
  --size: 6;
  display: flex;
  flex-direction: column;
  padding: 2.5rem;
  background-color: #F5F5F5;
}

.PartyNews-title {
  --line-clamp: 2;
  --line-height: 4rem;
  font-size: 2.5rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.PartyNews-title a:hover {
  text-decoration: 4px underline;
}

.PartyNews-desc {
  --line-clamp: 4;
  --line-height: 1.75rem;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 1rem;
}

.PartyNews-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}

.PartyNews .swiper-actions {
  flex-shrink: 0;
}

.PartyNews-date {
  position: relative;
  padding-left: 2rem;
  font-family: "Montserrat";
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 500;
}
.PartyNews-date::before {
  position: absolute;
  left: 0;
  top: 0;
}

.PartyNews-date ._fontbold {
  font-weight: 700;
}

@media not all and (min-width: 80em) {
  .PartyNews-info {
    padding: 1.5rem;
  }
  .PartyNews-title {
    font-size: 1.25rem;
    line-height: 2rem;
  }
  .PartyNews-desc {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .PartyNews-date {
    --hexagon-size: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
  }
  .PartyNews-date::before {
    top: 0.25rem;
  }
  .PartyNews .swiper-action {
    --btn-size: 2rem;
    --icon-size: 1rem;
  }
}
@media not all and (min-width: 40em) {
  .PartyNews {
    --gap: 0;
  }
  :is(.PartyNews-info, .PartyNews-imgwrap) {
    --size: 12;
  }
}
.HomeBanner-media {
  display: block;
  width: 100%;
  height: 46.875vw;
  max-height: 900px;
  aspect-ratio: 1920/900;
  background-color: #f5f5f5;
}
.HomeBanner-media:is(img) {
  object-fit: cover;
}
.HomeBanner-media:is(video) {
  object-fit: contain;
}

.HomeBanner-overlay {
  position: absolute;
  inset: 0;
}

.HomeBanner-overlay .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.HomeBanner .swiper-slide.playing .HomeBanner-overlay {
  display: none;
}

.HomeBanner.playing .swiper-pagination,
.HomeBanner .swiper.playing .swiper-pagination {
  display: none;
}

@media not all and (min-width: 40em) {
  .HomeBanner-media {
    height: auto;
    aspect-ratio: 1/1;
  }
}