@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700;800&family=Noto+Sans+TC:wght@400;500;700;900&family=Poppins:wght@700&family=Roboto:wght@400;500;700&family=Roboto+Condensed:wght@500;700&display=swap");

html {
  scroll-behavior: smooth;
}

.career-quest-workshop{
  --color-bg: #f2f2f2;
  --color-surface: #ffffff;
  --color-surface-alt: #f6f6f6;
  --color-ink: #3b3b3b;
  --color-ink-muted: #4f4f4f;
  --color-mint: #33cca5;
  --color-mint-dark: #1ea686;
  --color-teal: #2f6b75;
  --color-tan: #c09879;
  --color-footer: #1e1e1e;
  --color-line: rgba(192, 152, 121, 0.72);
  --shadow-card: 4px 4px 7px rgba(0, 0, 0, 0.25);
  --shadow-button: 0 0 4px rgba(0, 0, 0, 0.04);
  --radius-lg: 1.5rem;
  --radius-md: 1rem;
  --radius-pill: 999px;
  --container: 1113px;
  --container-wide: 1152px;
  --space-section: 5rem;
  --hero-frame-max: 90.1875rem;
  --hero-min-height: 44.5rem;
  --hero-columns: minmax(0, 35rem) minmax(0, 1fr);
  --hero-gap: 0.5rem;
  --hero-pad-top: 4.5rem;
  --hero-pad-right: 2.5rem;
  --hero-pad-bottom: 2.75rem;
  --hero-pad-left: 5.5rem;
  --hero-copy-max: 35rem;
  --hero-copy-gap: 0;
  --hero-headline-gap: 0.375rem;
  --hero-secondary-max: 32.5rem;
  --hero-pretitle-space: 2.125rem;
  --hero-headline-space: 2.375rem;
  --hero-description-space: 2rem;
  --hero-topics-space: 2rem;
  --hero-description-max: 24rem;
  --hero-chip-gap: 0.5rem;
  --hero-chip-min-height: 2rem;
  --hero-chip-inline: 0.9375rem;
  --hero-cta-min-height: 3.5rem;
  --hero-cta-gap: 0.875rem;
  --hero-cta-inline: 1.5rem;
  --hero-media-width: 34.5rem;
  --hero-media-align: start;
  --hero-media-justify: flex-end;
  --toc-frame-width: 90.1875rem;
  --toc-pad-top: 2.5rem;
  --toc-pad-left: 1.5rem;
  --toc-pad-right: 1.5rem;
  --toc-gap: 1.4375rem;
  --toc-item-height: 3.5rem;
  --toc-item-width: 15.675875rem;
  --toc-item-radius: 0.25rem 0.25rem 0 0;
  --toc-item-inline-start: 1rem;
  --toc-item-inline-end: 1rem;
  --toc-item-column-gap: 0.875rem;
  --toc-icon-size: 1.75rem;
  --toc-icon-color: #00b68f;
  --why-join-bg: rgba(242, 242, 242, 0.5);
  --why-join-section-block: 5rem;
  --why-join-container-max: 69.5625rem;
  --why-join-container-inline: 10.3125rem;
  --why-join-heading-gap: 2.5rem;
  --why-join-list-gap: 2.5rem;
  --why-join-item-gap: 3.75rem;
  --why-join-image-width: 20.75rem;
  --why-join-image-height: 11.6875rem;
  --why-join-heading-size: 2.5rem;
  --why-join-heading-line-height: 3rem;
  --why-join-item-title-size: 1.25rem;
  --why-join-item-title-line-height: 2.75rem;
  --why-join-item-copy-size: 1.25rem;
  --why-join-item-copy-line-height: 2.5rem;
  --why-join-item-copy-letter-spacing: 0.05em;
  --font-sans: "Noto Sans", "Noto Sans TC", "Roboto", sans-serif;
  --font-tc: "Noto Sans TC", "Noto Sans", sans-serif;
  --font-condensed: "Roboto Condensed", "Noto Sans TC", sans-serif;
  --font-level: "Poppins", "Roboto Condensed", sans-serif;
}

.career-quest-workshop *, .career-quest-workshop *::before, .career-quest-workshop *::after{
  box-sizing: border-box;
}

.career-quest-workshop{
  scroll-behavior: smooth;
}

.career-quest-workshop{
  margin: 0;
  background: var(--color-bg);
  color: var(--color-ink);
  font-family: var(--font-sans);
  line-height: 1.65;
}

.career-quest-workshop section[id]{
  scroll-margin-top: 6rem;
}

.career-quest-workshop.is-loading{
  opacity: 0;
}

.career-quest-workshop img{
  display: block;
  max-width: 100%;
}

.career-quest-workshop .hero__media picture,
.career-quest-workshop .why-taiwan-card__image picture,
.career-quest-workshop .why-join-item__image picture,
.career-quest-workshop .feature-media picture,
.career-quest-workshop .article-card__image picture{
  display: block;
}

.career-quest-workshop a{
  color: inherit;
  text-decoration: none;
}

.career-quest-workshop button, .career-quest-workshop input, .career-quest-workshop textarea, .career-quest-workshop select{
  font: inherit;
}

.career-quest-workshop .skip-link{
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 9999;
  padding: 0.75rem 1rem;
  background: var(--color-teal);
  color: #fff;
  border-radius: 0.5rem;
  transform: translateY(-150%);
  transition: transform 0.2s ease;
}

.career-quest-workshop .skip-link:focus{
  transform: translateY(0);
}

.career-quest-workshop .container{
  width: min(calc(100% - 2rem), var(--container));
  margin: 0 auto;
}

.career-quest-workshop .section{
  padding: var(--space-section) 0;
}

.career-quest-workshop .section--white{
  background: #ffffff;
}

.career-quest-workshop .section--light{
  background: var(--color-bg);
}

.career-quest-workshop .section--with-divider{
  background:
    linear-gradient(var(--color-surface-alt), var(--color-surface-alt)) top center /
      100% 100% no-repeat;
}

.career-quest-workshop #why-join.section--with-divider{
  background: var(--why-join-bg);
}

.career-quest-workshop .section-heading{
  display: grid;
  gap: 2.5rem;
  margin-bottom: 2.5rem;
}

.career-quest-workshop .section-heading--center{
  text-align: center;
  justify-items: center;
}

.career-quest-workshop .section-heading--inverted h2, .career-quest-workshop .section-heading--inverted p{
  color: #fff;
}

.career-quest-workshop .section-heading h2{
  margin: 0;
  font-family: var(--font-tc);
  font-size: 2.5rem;
  line-height: normal;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.career-quest-workshop .section-heading p{
  margin: 0;
  max-width: 56rem;
  font-size: 1.25rem;
  line-height: 2;
  letter-spacing: 0.05em;
}

.career-quest-workshop .site-header{
  position: relative;
  z-index: 30;
}

.career-quest-workshop .utility-bar{
  background: var(--color-surface-alt);
}

.career-quest-workshop .utility-bar__inner{
  width: min(calc(100% - 2rem), var(--container-wide));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.25rem 0;
}

.career-quest-workshop .utility-nav__list, .career-quest-workshop .primary-nav__list, .career-quest-workshop .section-menu__list, .career-quest-workshop .hero__topics, .career-quest-workshop .social-links, .career-quest-workshop .policy-links{
  margin: 0;
  padding: 0;
  list-style: none;
}

.career-quest-workshop .utility-nav__list{
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.career-quest-workshop .utility-nav__list a{
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 1rem;
  border-radius: 2px;
  color: var(--color-ink-muted);
  font-family: var(--font-condensed);
  font-size: 0.875rem;
  letter-spacing: 0.08em;
}

.career-quest-workshop .locale-switch{
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.career-quest-workshop .locale-switch--mobile{
  display: none;
}

.career-quest-workshop .locale-switch__button{
  border: 0;
  background: transparent;
  color: var(--color-ink-muted);
  min-width: 2rem;
  padding: 0.125rem 0.5rem;
  border-radius: 2px;
  font-family: var(--font-condensed);
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
}

.career-quest-workshop .locale-switch__button.is-active{
  background: var(--color-ink-muted);
  color: #fff;
}

.career-quest-workshop .masthead{
  width: min(calc(100% - 2rem), var(--container-wide));
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem 1.5rem;
  background: #fff;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.career-quest-workshop .brand{
  flex: 0 0 auto;
}

.career-quest-workshop .primary-nav{
  flex: 1;
}

.career-quest-workshop .primary-nav__list{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.career-quest-workshop .primary-nav__list a{
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  padding: 0.5rem 1rem;
  border-radius: 2px;
  color: var(--color-ink);
  font-family: var(--font-condensed);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.career-quest-workshop .primary-nav__list a.is-highlight{
  color: var(--color-mint-dark);
  font-family: var(--font-tc);
  font-weight: 700;
}

.career-quest-workshop .search-link, .career-quest-workshop .menu-toggle{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 0;
  background: var(--color-ink-muted);
  box-shadow: var(--shadow-button);
}

.career-quest-workshop .search-link img{
  width: 1.125rem;
  height: 1.125rem;
}

.career-quest-workshop .menu-toggle{
  display: none;
  position: relative;
  cursor: pointer;
}

.career-quest-workshop .menu-toggle span{
  position: absolute;
  width: 1rem;
  height: 2px;
  background: #fff;
  border-radius: 999px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.career-quest-workshop .menu-toggle span:nth-child(1){
  transform: translateY(-0.35rem);
}

.career-quest-workshop .menu-toggle span:nth-child(3){
  transform: translateY(0.35rem);
}

.career-quest-workshop.menu-open .menu-toggle span:nth-child(1){
  transform: rotate(45deg);
}

.career-quest-workshop.menu-open .menu-toggle span:nth-child(2){
  opacity: 0;
}

.career-quest-workshop.menu-open .menu-toggle span:nth-child(3){
  transform: rotate(-45deg);
}

.career-quest-workshop .hero{
  padding: 0;
  background: var(--color-bg);
  overflow: clip;
  position: relative;
}

.career-quest-workshop .hero__inner{
  width: min(100%, var(--hero-frame-max));
  margin: 0 auto;
  min-height: var(--hero-min-height);
  display: grid;
  grid-template-columns: var(--hero-columns);
  align-items: start;
  column-gap: var(--hero-gap);
  padding: var(--hero-pad-top) var(--hero-pad-right) var(--hero-pad-bottom)
    var(--hero-pad-left);
}

.career-quest-workshop .hero__copy{
  display: grid;
  align-content: start;
  justify-items: start;
  gap: var(--hero-copy-gap);
  max-width: var(--hero-copy-max);
  min-width: 0;
}

.career-quest-workshop .hero__pretitle{
  margin: 0 0 var(--hero-pretitle-space);
  color: var(--color-mint);
  font-family: var(--font-condensed);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.04em;
}

.career-quest-workshop .hero__headline{
  display: grid;
  gap: var(--hero-headline-gap);
  max-width: 100%;
  margin-bottom: var(--hero-headline-space);
}

.career-quest-workshop .hero__title-primary, .career-quest-workshop .hero__title-secondary{
  margin: 0;
}

.career-quest-workshop .hero__title-secondary{
  max-width: var(--hero-secondary-max);
}

.career-quest-workshop[data-locale="zh"] .hero__title-primary{
  font-family: "Roboto", var(--font-sans);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.14;
}

.career-quest-workshop[data-locale="zh"] .hero__title-secondary{
  font-family: var(--font-tc);
  font-size: 2.8125rem;
  line-height: 1.04;
  font-weight: 900;
}

.career-quest-workshop[data-locale="en"] .hero__title-primary{
  font-family: "Roboto", var(--font-sans);
  font-size: 3.625rem;
  font-weight: 700;
  line-height: 1.03;
  letter-spacing: -0.02em;
}

.career-quest-workshop[data-locale="en"] .hero__title-secondary{
  font-family: var(--font-tc);
  font-size: 1.875rem;
  line-height: 1.08;
  font-weight: 900;
}

.career-quest-workshop .hero__description{
  margin: 0 0 var(--hero-description-space);
  max-width: var(--hero-description-max);
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

.career-quest-workshop[data-locale="en"] .hero__description{
  max-width: 22rem;
}

.career-quest-workshop .hero__topics{
  display: flex;
  flex-wrap: nowrap;
  gap: var(--hero-chip-gap);
  margin: 0 0 var(--hero-topics-space);
}

.career-quest-workshop .hero__topics li{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--hero-chip-min-height);
  padding: 0.25rem var(--hero-chip-inline);
  border: 1px solid var(--color-mint);
  border-radius: var(--radius-pill);
  color: var(--color-mint);
  font-size: 1rem;
  line-height: 1.3;
  white-space: nowrap;
}

.career-quest-workshop .hero__media{
  align-self: var(--hero-media-align);
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: var(--hero-media-justify);
  pointer-events: none;
}

.career-quest-workshop .hero__media img{
  width: min(100%, var(--hero-media-width));
  max-width: none;
  height: auto;
  object-fit: contain;
}

.career-quest-workshop #hero-cta{
  justify-self: start;
  width: fit-content;
  min-height: var(--hero-cta-min-height);
  gap: var(--hero-cta-gap);
  margin-top: 0;
  padding-inline: var(--hero-cta-inline);
}

.career-quest-workshop .button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 3.7rem;
  padding: 0.75rem 2rem;
  border: 0;
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-button);
  font-family: var(--font-condensed);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.04em;
  text-align: center;
}

.career-quest-workshop .button::after{
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: center / contain no-repeat url("assets/icons/button-arrow.svg");
  transform: rotate(-90deg);
}

.career-quest-workshop .button--primary{
  background: var(--color-teal);
  color: #fff;
}

.career-quest-workshop .button--primary:hover, .career-quest-workshop .button--primary:focus-visible{
  background: #285e67;
}

.career-quest-workshop .button:focus-visible{
  outline: 3px solid #1e1e1e;
  outline-offset: 3px;
}

.career-quest-workshop .section-menu{
  background: var(--color-teal);
  padding-bottom: 0;
}

.career-quest-workshop .section-menu .container{
  width: 100%;
  max-width: none;
}

.career-quest-workshop .section-menu__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  gap: var(--toc-gap);
  width: min(100%, var(--toc-frame-width));
  margin: 0 auto;
  padding: var(--toc-pad-top) var(--toc-pad-right) 0 var(--toc-pad-left);
}

.career-quest-workshop .section-menu__item{
  --toc-item-width-local: var(--toc-item-width);
  flex: 0 0 auto;
}

.career-quest-workshop .section-menu__item[data-section-id="why-taiwan"]{
  --toc-item-width-local: 16.046625rem;
}

.career-quest-workshop .section-menu__item[data-section-id="opportunities"]{
  --toc-item-width-local: 15.7383125rem;
}

.career-quest-workshop .section-menu__link{
  align-items: center;
  width: var(--toc-item-width-local);
  min-width: 0;
  height: var(--toc-item-height);
  padding-inline: var(--toc-item-inline-start) var(--toc-item-inline-end);
  border-radius: var(--toc-item-radius);
  background: var(--color-mint);
  box-shadow: none;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.career-quest-workshop[data-locale="en"] .section-menu__link{
  justify-content: space-between;
}

.career-quest-workshop .section-menu__label{
  display: block;
  min-width: 0;
  color: #fff;
  font-family: var(--font-tc);
  font-size: 1.375rem;
  line-height: 1.05;
  letter-spacing: 0.1em;
  text-wrap: balance;
}

.career-quest-workshop[data-locale="en"] .section-menu__label{
  font-family: var(--font-sans);
  font-size: 1.125rem;
  letter-spacing: normal;
}

.career-quest-workshop .section-menu__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--toc-icon-size);
  height: var(--toc-icon-size);
  flex: 0 0 var(--toc-icon-size);
  border-radius: 50%;
  background: var(--toc-icon-color);
  color: #fff;
}

.career-quest-workshop .section-menu__icon svg{
  width: 1.25rem;
  height: 1.25rem;
}

.career-quest-workshop .section-menu__link:hover, .career-quest-workshop .section-menu__link:focus-visible{
  filter: brightness(0.98);
}

.career-quest-workshop .section-menu__link:focus-visible{
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.career-quest-workshop #why-taiwan{
  padding: 5rem 0;
}

.career-quest-workshop #why-taiwan .container{
  width: min(calc(100% - 2rem), 69.5625rem);
}

.career-quest-workshop #why-taiwan .section-heading{
  gap: 2.5rem;
  margin-bottom: 2.5rem;
}

.career-quest-workshop #why-taiwan .section-heading h2{
  width: 100%;
}

.career-quest-workshop[data-locale="zh"] #why-taiwan .section-heading h2{
  font-family: var(--font-tc);
  letter-spacing: 0.01em;
}

.career-quest-workshop[data-locale="en"] #why-taiwan .section-heading h2{
  font-family: var(--font-sans);
  letter-spacing: 0;
}

.career-quest-workshop #why-taiwan-intro{
  width: 100%;
  max-width: none;
  color: var(--color-ink);
}

.career-quest-workshop[data-locale="zh"] #why-taiwan-intro{
  font-family: var(--font-tc);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
}

.career-quest-workshop[data-locale="en"] #why-taiwan-intro{
  font-family: var(--font-sans);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0;
  text-align: center;
}

.career-quest-workshop #why-taiwan-intro strong{
  font-weight: inherit;
}

.career-quest-workshop .why-taiwan-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 3.625rem;
  row-gap: 0;
  align-items: start;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-block: 0.3125rem;
}

.career-quest-workshop .why-taiwan-card{
  display: grid;
  align-content: start;
  gap: 1.5rem;
  min-width: 0;
  --why-taiwan-body-max: 14.4375rem;
}

.career-quest-workshop .why-taiwan-card__image{
  overflow: hidden;
  width: 100%;
}

.career-quest-workshop .why-taiwan-card__image img{
  width: 100%;
  height: auto;
  aspect-ratio: 332 / 187;
  object-fit: cover;
}

.career-quest-workshop .why-taiwan-card:nth-child(3){
  --why-taiwan-body-max: 18rem;
}

.career-quest-workshop .why-taiwan-card__content{
  display: grid;
  gap: 1.5rem;
  min-width: 0;
}

.career-quest-workshop .why-taiwan-card__title, .career-quest-workshop .opportunity-card h3, .career-quest-workshop .article-card h3{
  margin: 0;
}

.career-quest-workshop .why-taiwan-card__title{
  color: var(--color-ink);
}

.career-quest-workshop[data-locale="zh"] .why-taiwan-card__title{
  font-family: var(--font-tc);
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.75rem;
  letter-spacing: 0.05em;
}

.career-quest-workshop[data-locale="en"] .why-taiwan-card__title{
  font-family: var(--font-sans);
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.75rem;
  letter-spacing: 0;
}

.career-quest-workshop .opportunity-card h3, .career-quest-workshop .article-card h3{
  font-family: var(--font-tc);
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.75rem;
  letter-spacing: 0.05em;
}

.career-quest-workshop .why-taiwan-card__body, .career-quest-workshop .feature-media + .section__cta, .career-quest-workshop .opportunity-card p, .career-quest-workshop .article-card p, .career-quest-workshop .contact-list dd{
  font-size: 1.25rem;
  line-height: 2;
  letter-spacing: 0.05em;
}

.career-quest-workshop .why-taiwan-card__body, .career-quest-workshop .opportunity-card p, .career-quest-workshop .article-card p{
  margin: 0;
}

.career-quest-workshop[data-locale="zh"] .why-taiwan-card__body{
  font-family: var(--font-tc);
  letter-spacing: 0.05em;
}

.career-quest-workshop[data-locale="en"] .why-taiwan-card__body{
  font-family: var(--font-sans);
  letter-spacing: 0;
}

.career-quest-workshop .why-taiwan-card__body{
  width: min(100%, var(--why-taiwan-body-max));
}

.career-quest-workshop #why-join{
  padding-block: var(--why-join-section-block);
  background: var(--why-join-bg);
}

.career-quest-workshop #why-join .container{
  width: min(calc(100% - (var(--why-join-container-inline) * 2)), var(--why-join-container-max));
}

.career-quest-workshop #why-join .section-heading{
  gap: 0;
  margin-bottom: var(--why-join-heading-gap);
}

.career-quest-workshop #why-join .section-heading h2{
  font-family: var(--font-tc);
  font-size: var(--why-join-heading-size);
  line-height: var(--why-join-heading-line-height);
  letter-spacing: 0;
}

.career-quest-workshop[data-locale="en"] #why-join{
  --why-join-heading-line-height: 3.375rem;
  --why-join-heading-gap: 3.75rem;
  --why-join-list-gap: 3.75rem;
  --why-join-item-copy-letter-spacing: 0;
}

.career-quest-workshop[data-locale="en"] #why-join .section-heading h2, .career-quest-workshop[data-locale="en"] #why-join .why-join-item__title, .career-quest-workshop[data-locale="en"] #why-join .why-join-item__copy{
  font-family: var(--font-sans);
}

.career-quest-workshop[data-locale="zh"] #why-join .section-heading h2, .career-quest-workshop[data-locale="zh"] #why-join .why-join-item__title, .career-quest-workshop[data-locale="zh"] #why-join .why-join-item__copy{
  font-family: var(--font-tc);
}

.career-quest-workshop .why-join-list{
  display: grid;
  gap: var(--why-join-list-gap);
  list-style: none;
  margin: 0;
  padding: 0;
}

.career-quest-workshop .why-join-item{
  display: grid;
  grid-template-columns: var(--why-join-image-width) minmax(0, 1fr);
  column-gap: var(--why-join-item-gap);
  align-items: start;
}

.career-quest-workshop .why-join-item__image{
  width: var(--why-join-image-width);
  height: var(--why-join-image-height);
  overflow: hidden;
}

.career-quest-workshop .why-join-item__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.career-quest-workshop .why-join-item__content{
  display: grid;
  gap: 1.125rem;
  align-content: start;
}

.career-quest-workshop .why-join-item__title{
  margin: 0;
  color: var(--color-ink);
  font-size: var(--why-join-item-title-size);
  line-height: var(--why-join-item-title-line-height);
  font-weight: 700;
  letter-spacing: var(--why-join-item-copy-letter-spacing);
  word-break: keep-all;
}

.career-quest-workshop .why-join-item__copy{
  display: grid;
  gap: 0;
  color: var(--color-ink);
  font-size: var(--why-join-item-copy-size);
  line-height: var(--why-join-item-copy-line-height);
  letter-spacing: var(--why-join-item-copy-letter-spacing);
}

.career-quest-workshop .why-join-item__copy p{
  margin: 0;
}

.career-quest-workshop .section--timeline{
  background: var(--color-mint);
}

.career-quest-workshop .timeline-grid{
  display: grid;
  grid-template-columns: repeat(3, 21.375rem);
  gap: 2.4375rem;
  align-items: start;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.career-quest-workshop .timeline-card{
  display: grid;
  gap: 0.875rem;
  height: 100%;
  grid-template-rows: auto 1fr;
}

.career-quest-workshop .timeline-card__level{
  margin: 0;
  color: #fff;
  font-family: var(--font-level);
  font-size: 1.875rem;
  line-height: 2.75rem;
  letter-spacing: 0.05em;
}

.career-quest-workshop .timeline-card__panel{
  display: grid;
  align-content: start;
  gap: 1.25rem;
  min-height: 34.4375rem;
  padding: 2rem;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.career-quest-workshop .timeline-card__panel h3,.career-quest-workshop .timeline-card__reward-title{
  margin: 0;
  font-size: 1.875rem;
  line-height: 2.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.career-quest-workshop[data-locale="en"] .timeline-card__panel h3,
.career-quest-workshop[data-locale="en"] .timeline-card__reward-title {
  font-size: 1.625rem;
}

.career-quest-workshop .timeline-card__body{
  margin: 0;
  font-size: 1.25rem;
  line-height: 2;
  letter-spacing: 0.05em;
}

.career-quest-workshop .timeline-card__divider{
  height: 1px;
  background: var(--color-line);
}

.career-quest-workshop .timeline-card__reward-title{
  color: var(--color-tan);
  letter-spacing: 0.01em;
}

.career-quest-workshop .timeline-card__rewards{
  margin: 0;
  padding-left: 1.2rem;
  color: var(--color-teal);
  display: grid;
  gap: 0.5rem;
  font-size: 1.25rem;
  line-height: 2;
  letter-spacing: 0.05em;
  list-style: disc;
}

.career-quest-workshop .timeline-card__note{
  margin: -0.25rem 0 0;
  color: var(--color-teal);
  font-size: 1.25rem;
  line-height: 2;
  letter-spacing: 0.05em;
}

.career-quest-workshop .timeline-card__rewards li{
  line-height: 2;
}

.career-quest-workshop .timeline__footer, .career-quest-workshop .section__cta{
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
}

.career-quest-workshop .feature-media{
  overflow: hidden;
  border-radius: 0.5rem;
}

.career-quest-workshop .feature-media img{
  height: auto;
}

.career-quest-workshop .section--opportunities{
  background: var(--color-tan);
}

.career-quest-workshop .opportunities-grid{
  display: grid;
  grid-template-columns: repeat(3, 335px);
  gap: 2.875rem;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.career-quest-workshop .opportunity-card{
  display: grid;
  gap: 1.25rem;
  min-height: 15.8rem;
  padding: 2.5rem 2.625rem;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: var(--shadow-card);
}

.career-quest-workshop .opportunity-card h3{
  line-height: 2.5rem;
}

.career-quest-workshop #articles{
  --articles-row-gap: 4.25rem;
  --article-card-width: auto;
  --article-image-gap: 1.9375rem;
  --article-copy-gap: 1.9375rem;
  --article-title-size: 1.25rem;
  --article-title-line-height: 2.5rem;
  --article-title-clamp: 3;
  --article-copy-size: 1.25rem;
  --article-copy-line-height: 2.5rem;
  --article-copy-clamp: 3;
  --article-title-letter-spacing: 0.05em;
  --article-copy-letter-spacing: 0.05em;
}

.career-quest-workshop[data-locale="en"] #articles{
  --article-title-letter-spacing: 0;
  --article-copy-letter-spacing: 0;
  --article-copy-clamp: 4;
}

.career-quest-workshop[data-locale="en"] #articles .article-card:nth-child(2){
  --article-copy-clamp: 5;
}

.career-quest-workshop #articles .articles-grid{
  display: grid;
  grid-template-columns: 327px 322px 322px;
  column-gap: 4.25rem;
  row-gap: var(--articles-row-gap);
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.career-quest-workshop #articles .article-card{
  width: var(--article-card-width);
  align-self: start;
}

.career-quest-workshop #articles .article-card > a{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 100%;
}

.career-quest-workshop .article-card > a:focus-visible{
  outline: 3px solid var(--color-teal);
  outline-offset: 4px;
  border-radius: 0.5rem;
}

.career-quest-workshop #articles .article-card__image{
  width: 100%;
  height: 14rem;
  overflow: hidden;
}

.career-quest-workshop #articles .article-card__image picture{
  width: 100%;
  height: 100%;
}

.career-quest-workshop #articles .article-card__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s ease;
}

.career-quest-workshop #articles .article-card > a:hover .article-card__image img,
.career-quest-workshop #articles .article-card > a:focus-visible .article-card__image img{
  transform: scale(1.25);
}

.career-quest-workshop #articles .article-card h3{
  font-family: var(--font-sans);
  font-size: var(--article-title-size);
  line-height: var(--article-title-line-height);
  letter-spacing: var(--article-title-letter-spacing);
  margin: var(--article-image-gap) 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--article-title-clamp);
  overflow: hidden;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.career-quest-workshop #articles .article-card > a:hover h3,
.career-quest-workshop #articles .article-card > a:focus-visible h3{
  color: #1c826c;
  text-decoration-line: underline;
}

.career-quest-workshop #articles .article-card p{
  margin: 0;
  margin-top: var(--article-copy-gap);
  font-size: var(--article-copy-size);
  line-height: var(--article-copy-line-height);
  letter-spacing: var(--article-copy-letter-spacing);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--article-copy-clamp);
  overflow: hidden;
}

.career-quest-workshop #articles .section-heading{
  margin-bottom: 5.25rem;
}

.career-quest-workshop #mentors-intro strong{
  font-weight: 700;
}

.career-quest-workshop p#mentors-intro{
  font-size: 1.25rem;
  max-width: unset;
}

.career-quest-workshop .clamp-3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: inherit;
  overflow: hidden;
}

.career-quest-workshop .site-footer{
  position: relative;
  overflow: hidden;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    var(--color-ink);
  color: #fff;
  border: 1px solid var(--color-footer);
  padding: 4.5rem 0 1.5rem;
}

.career-quest-workshop .site-footer__main{
  width: min(calc(100% - 2rem), var(--container-wide));
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  align-items: flex-start;
  justify-content: space-between;
}

.career-quest-workshop .site-footer__brand-block{
  flex: 1 1 20rem;
  display: grid;
  gap: 2rem;
}

.career-quest-workshop .site-footer__logos{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.career-quest-workshop .social-links{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.career-quest-workshop .social-links a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
}

.career-quest-workshop .social-links img{
  width: 2.25rem;
  height: 2.25rem;
}

.career-quest-workshop .site-footer__contact{
  flex: 1 1 28rem;
}

.career-quest-workshop .contact-list{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem 1.5rem;
  margin: 0;
}

.career-quest-workshop .contact-list dt{
  margin: 0;
  color: #fff;
  font-family: var(--font-condensed);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.08em;
}

.career-quest-workshop .contact-list dd{
  margin: 0;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.65;
}

.career-quest-workshop .site-footer__separator{
  width: min(calc(100% - 2rem), var(--container-wide));
  height: 1px;
  margin: 1.5rem auto;
  background: rgba(255, 255, 255, 0.35);
}

.career-quest-workshop .site-footer__bottom{
  width: min(calc(100% - 2rem), var(--container-wide));
  display: flex;
  gap: 1.5rem;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.career-quest-workshop .policy-links{
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.career-quest-workshop .policy-links li{
  font-size: 0.875rem;
  line-height: 1.65;
}

.career-quest-workshop .site-footer__copyright{
  width: min(calc(100% - 2rem), var(--container-wide));
  padding-top: 2rem;
  text-align: center;
}

.career-quest-workshop .site-footer__copyright p{
  margin: 0;
  color: #e7e7e7;
  font-size: 0.875rem;
  line-height: 1.5;
}

.career-quest-workshop::after{
  content: "";
  position: fixed;
  right: -2rem;
  bottom: -2rem;
  width: 10rem;
  height: 10rem;
  background:
    linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08))
      top left / 40% 40% no-repeat,
    linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08))
      bottom right / 40% 40% no-repeat;
  opacity: 0;
  pointer-events: none;
}

.career-quest-workshop .site-footer::after{
  content: "";
  position: absolute;
  right: -1rem;
  bottom: -1rem;
  width: 10rem;
  height: 10rem;
  background:
    linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08))
      top left / 45% 45% no-repeat,
    linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08))
      bottom right / 45% 45% no-repeat;
  opacity: 0.6;
}

@media (max-width: 1352px) {
  .career-quest-workshop{
    --toc-frame-width: 52.0625rem;
    --toc-pad-top: 1.75rem;
    --toc-pad-left: 1.25rem;
    --toc-pad-right: 0.875rem;
    --toc-item-width: 15.6875rem;
  }

  .career-quest-workshop .section-menu__item{
    --toc-item-width-local: var(--toc-item-width);
  }

  .career-quest-workshop .section-menu__item[data-section-id="why-taiwan"]{
    --toc-item-width-local: var(--toc-item-width);
  }

  .career-quest-workshop .section-menu__item[data-section-id="opportunities"]{
    --toc-item-width-local: 15.75rem;
  }
}

@media (max-width: 1100px) {
  .career-quest-workshop{
    --space-section: 4rem;
    --hero-frame-max: 52.125rem;
    --hero-min-height: 35.25rem;
    --hero-columns: auto 1fr;
    --hero-gap: 0.75rem;
    --hero-pad-top: 3.75rem;
    --hero-pad-right: 0;
    --hero-pad-bottom: 1.5rem;
    --hero-pad-left: 3.375rem;
    --hero-copy-max: 21rem;
    --hero-copy-gap: 0;
    --hero-secondary-max: 17rem;
    --hero-pretitle-space: 1.5rem;
    --hero-headline-space: 1.625rem;
    --hero-description-space: 1.625rem;
    --hero-topics-space: 1.875rem;
    --hero-description-max: 18rem;
    --hero-chip-min-height: 1.875rem;
    --hero-chip-inline: 0.875rem;
    --hero-cta-min-height: 3.125rem;
    --hero-cta-inline: 1.5rem;
    --hero-media-width: 26rem;
    --toc-frame-width: 52.0625rem;
    --toc-pad-top: 1.75rem;
    --toc-pad-left: 1.25rem;
    --toc-pad-right: 0.875rem;
    --toc-item-width: 15.6875rem;
  }

  .career-quest-workshop .utility-bar{
    display: none;
  }

  .career-quest-workshop .container, .career-quest-workshop .masthead, .career-quest-workshop .site-footer__main, .career-quest-workshop .site-footer__separator, .career-quest-workshop .site-footer__bottom, .career-quest-workshop .site-footer__copyright{
    width: min(calc(100% - 2rem), 52rem);
  }

  .career-quest-workshop .section-heading{
    gap: 1.625rem;
  }

  .career-quest-workshop .section-heading h2{
    font-size: 1.875rem;
  }

  .career-quest-workshop .hero__inner{
    width: min(100%, var(--hero-frame-max));
    min-height: var(--hero-min-height);
    grid-template-columns: var(--hero-columns);
  }

  .career-quest-workshop .hero__copy{
    max-width: var(--hero-copy-max);
  }

  .career-quest-workshop .hero__pretitle{
    font-size: 1.125rem;
    letter-spacing: 0.05em;
  }

  .career-quest-workshop[data-locale="zh"] .hero__title-primary{
    font-size: 1.5rem;
  }

  .career-quest-workshop[data-locale="zh"] .hero__title-secondary{
    font-size: 2.5rem;
    line-height: 1.01;
  }

  .career-quest-workshop[data-locale="en"] .hero__title-primary{
    font-size: 2.5rem;
  }

  .career-quest-workshop[data-locale="en"] .hero__title-secondary{
    font-size: 1.625rem;
  }

  .career-quest-workshop .hero__description{
    font-size: 1.0625rem;
    line-height: 1.55;
  }

  .career-quest-workshop .hero__topics li{
    min-height: 1.875rem;
    padding-inline: 0.85rem;
    font-size: 0.875rem;
  }

  .career-quest-workshop .hero__media img{
    width: min(100%, var(--hero-media-width));
  }

  .career-quest-workshop #hero-cta{
    font-size: 1.25rem;
  }

  .career-quest-workshop .masthead{
    width: min(calc(100% - 1rem), 52rem);
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border-radius: 0;
    background: transparent;
  }

  .career-quest-workshop .locale-switch--mobile{
    display: inline-flex;
    margin-left: auto;
  }

  .career-quest-workshop .locale-switch--mobile .locale-switch__button{
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: 0;
    border-radius: 50%;
    background: var(--color-ink-muted);
    color: #fff;
  }

  .career-quest-workshop .locale-switch--mobile .locale-switch__button.is-active{
    background: var(--color-mint-dark);
  }

  .career-quest-workshop .search-link{
    display: none;
  }

  .career-quest-workshop .menu-toggle{
    display: inline-flex;
  }

  .career-quest-workshop .primary-nav{
    position: absolute;
    left: 1rem;
    right: 1rem;
    top: calc(100% - 0.5rem);
    display: none;
    padding: 1rem;
    border-radius: 1rem;
    background: #fff;
    box-shadow: var(--shadow-card);
  }

  .career-quest-workshop.menu-open .primary-nav{
    display: block;
  }

  .career-quest-workshop .primary-nav__list{
    align-items: stretch;
    justify-content: stretch;
    flex-direction: column;
    gap: 0.25rem;
  }

  .career-quest-workshop .primary-nav__list a{
    justify-content: flex-start;
    min-height: 2.75rem;
    padding-inline: 0.75rem;
  }

  .career-quest-workshop .section-menu__list{
    gap: var(--toc-gap);
    padding: var(--toc-pad-top) var(--toc-pad-right) 0 var(--toc-pad-left);
  }

  .career-quest-workshop .section-menu__item{
    --toc-item-width-local: var(--toc-item-width);
  }

  .career-quest-workshop .section-menu__item[data-section-id="why-taiwan"]{
    --toc-item-width-local: var(--toc-item-width);
  }

  .career-quest-workshop .section-menu__item[data-section-id="opportunities"]{
    --toc-item-width-local: 15.75rem;
  }

  .career-quest-workshop .section-menu__label{
    font-size: 1.375rem;
  }

  .career-quest-workshop[data-locale="en"] .section-menu__label{
    font-size: 1.125rem;
  }

  .career-quest-workshop #why-taiwan{
    padding: 1.9375rem 0 1.125rem;
  }

  .career-quest-workshop #why-taiwan .container{
    width: min(calc(100% - 2rem), 45.25rem);
  }

  .career-quest-workshop #why-taiwan .section-heading{
    gap: 0.875rem;
    margin-bottom: 0;
  }

  .career-quest-workshop[data-locale="zh"] #why-taiwan-intro{
    max-width: 45.0625rem;
    font-size: 1rem;
    line-height: 2.5;
    letter-spacing: 0.05em;
    text-align: left;
  }

  .career-quest-workshop[data-locale="en"] #why-taiwan-intro{
    max-width: 45.0625rem;
    font-size: 1rem;
    line-height: 1.875rem;
    text-align: center;
  }

  .career-quest-workshop .why-taiwan-grid{
    grid-template-columns: repeat(3, minmax(0, 14.0625rem));
    justify-content: center;
    column-gap: 1.4375rem;
    padding-block: 1.875rem 0;
  }

  .career-quest-workshop .why-taiwan-card{
    gap: 0.9375rem;
    --why-taiwan-body-max: 11.75rem;
  }

  .career-quest-workshop .why-taiwan-card:nth-child(2){
    --why-taiwan-body-max: 12.125rem;
  }

  .career-quest-workshop .why-taiwan-card:nth-child(3){
    --why-taiwan-body-max: 12.625rem;
  }

  .career-quest-workshop .why-taiwan-card__image{
    width: 13rem;
  }

  .career-quest-workshop .why-taiwan-card__image img{
    aspect-ratio: 208 / 117;
  }

  .career-quest-workshop .why-taiwan-card__content{
    gap: 0.9375rem;
  }

  .career-quest-workshop .why-taiwan-card__title, .career-quest-workshop .opportunity-card h3{
    font-size: 1.875rem;
    line-height: 2.75rem;
  }

  .career-quest-workshop .why-taiwan-card__body{
    font-size: 1rem;
  }

  .career-quest-workshop[data-locale="zh"] .why-taiwan-card__body{
    line-height: 2.5;
    letter-spacing: 0.03em;
  }

  .career-quest-workshop[data-locale="en"] .why-taiwan-card__body{
    line-height: 1.875rem;
  }

  .career-quest-workshop #articles{
    --article-title-size: 1rem;
    --article-title-line-height: 2.5rem;
    --article-copy-size: 1rem;
    --article-copy-line-height: 2.5rem;
    --article-title-clamp: 3;
  }

  .career-quest-workshop[data-locale="zh"] #articles{
    --article-image-gap: 1.9375rem;
    --article-copy-gap: 1.9375rem;
    --article-copy-clamp: 3;
    --articles-row-gap: 4.25rem;
  }

  .career-quest-workshop[data-locale="en"] #articles{
    --article-image-gap: 1.25rem;
    --article-copy-gap: 1.25rem;
    --article-copy-clamp: 3;
    --articles-row-gap: 2.1875rem;
  }

  .career-quest-workshop[data-locale="en"] #articles .article-card:nth-child(2){
    --article-copy-clamp: 4;
  }

  .career-quest-workshop #why-join{
    --why-join-bg: #f9f9f9;
    --why-join-section-block: 2.25rem;
    --why-join-container-max: 44.9375rem;
    --why-join-container-inline: 3.5rem;
    --why-join-heading-gap: 3.25rem;
    --why-join-list-gap: 2.4375rem;
    --why-join-item-gap: 2.1875rem;
    --why-join-image-width: 17.875rem;
    --why-join-image-height: 12.4375rem;
    --why-join-heading-size: 1.875rem;
    --why-join-heading-line-height: 2.25rem;
    --why-join-item-title-size: 1rem;
    --why-join-item-title-line-height: 2.75rem;
    --why-join-item-copy-size: 1rem;
    --why-join-item-copy-line-height: 2.5rem;
  }

  .career-quest-workshop[data-locale="en"] #why-join{
    --why-join-heading-line-height: 2.5625rem;
    --why-join-list-gap: 3.5rem;
    --why-join-item-title-line-height: 1.875rem;
    --why-join-item-copy-line-height: 1.875rem;
  }

  .career-quest-workshop .why-join-item__copy p br{
    display: none;
  }

  .career-quest-workshop .timeline-grid{
    grid-template-columns: 21.375rem;
    max-width: none;
    margin: 0 auto;
  }

  .career-quest-workshop .opportunities-grid,
  .career-quest-workshop #articles .articles-grid{
    grid-template-columns: repeat(2, 20.125rem);
    justify-content: center;
  }

  .career-quest-workshop #opportunities .opportunities-grid > :last-child{
    grid-column: 1 / -1;
    justify-self: center;
    width: 20.9375rem;
  }

  .career-quest-workshop #articles .articles-grid > :last-child{
    grid-column: 1 / -1;
    justify-self: center;
    width: 20.125rem;
  }

  .career-quest-workshop #articles .section-heading{
    margin-bottom: 3.4375rem;
  }

  .career-quest-workshop p#mentors-intro{
    font-size: 1rem;
  }

  .career-quest-workshop .timeline-card__panel{
    min-height: unset;
  }

  .career-quest-workshop[data-locale="en"] .timeline-card__panel h3,
  .career-quest-workshop[data-locale="en"] .timeline-card__reward-title {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .career-quest-workshop{
    --space-section: 3.5rem;
    --hero-frame-max: 25.25rem;
    --hero-min-height: 35.6875rem;
    --hero-columns: minmax(0, 1fr);
    --hero-gap: 0;
    --hero-pad-top: 2.5rem;
    --hero-pad-right: 0;
    --hero-pad-bottom: 1.25rem;
    --hero-pad-left: 0;
    --hero-copy-max: 100%;
    --hero-copy-gap: 0;
    --hero-headline-gap: 0.125rem;
    --hero-secondary-max: 20rem;
    --hero-pretitle-space: 0.5rem;
    --hero-headline-space: 0.75rem;
    --hero-description-space: 0.875rem;
    --hero-topics-space: 0.875rem;
    --hero-description-max: 17rem;
    --hero-chip-gap: 0.375rem;
    --hero-chip-min-height: 1.75rem;
    --hero-chip-inline: 0.75rem;
    --hero-cta-min-height: 2.125rem;
    --hero-cta-gap: 1rem;
    --hero-cta-inline: 1.25rem;
    --hero-media-width: 21.25rem;
    --hero-media-align: start;
    --hero-media-justify: center;
  }

  .career-quest-workshop .container, .career-quest-workshop .masthead, .career-quest-workshop .site-footer__main, .career-quest-workshop .site-footer__separator, .career-quest-workshop .site-footer__bottom, .career-quest-workshop .site-footer__copyright{
    width: min(calc(100% - 2.5rem), 25.25rem);
  }

  .career-quest-workshop .utility-bar{
    display: none;
  }

  .career-quest-workshop .masthead{
    width: min(calc(100% - 1rem), 25.25rem);
    padding: 0.75rem 1rem;
    gap: 0.75rem;
  }

  .career-quest-workshop .brand img{
    width: 7.8rem;
    height: auto;
  }

  .career-quest-workshop .hero{
    padding-bottom: 0;
  }

  .career-quest-workshop .hero__inner{
    display: grid;
    width: min(100%, var(--hero-frame-max));
    min-height: var(--hero-min-height);
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    row-gap: 0.625rem;
  }

  .career-quest-workshop .hero__copy{
    width: 100%;
    justify-items: center;
    text-align: center;
    max-width: 100%;
  }

  .career-quest-workshop .hero__pretitle{
    font-size: 0.75rem;
    line-height: 1.2;
    letter-spacing: 0.08em;
  }

  .career-quest-workshop[data-locale="zh"] .hero__title-primary{
    font-size: 1.25rem;
  }

  .career-quest-workshop[data-locale="zh"] .hero__title-secondary{
    font-size: 2rem;
    line-height: 1.02;
  }

  .career-quest-workshop[data-locale="en"] .hero__title-primary{
    font-size: 2rem;
  }

  .career-quest-workshop[data-locale="en"] .hero__title-secondary{
    font-size: 1.5rem;
    line-height: 1.02;
  }

  .career-quest-workshop[data-locale="en"] .hero__description{
    max-width: 14.5rem;
    font-size: 0.75rem;
    line-height: 1.45;
  }

  .career-quest-workshop .hero__description{
    font-size: 0.875rem;
    line-height: 1.35;
  }

  .career-quest-workshop .hero__topics{
    gap: 0.375rem;
    justify-content: center;
    flex-wrap: nowrap;
  }

  .career-quest-workshop .hero__topics li{
    min-height: 1.75rem;
    padding-inline: 0.75rem;
    font-size: 0.75rem;
  }

  .career-quest-workshop .hero__media{
    width: 100%;
    margin-top: 0.625rem;
  }

  .career-quest-workshop .hero__media picture {
    display: flex;
    justify-content: center;
  }

  .career-quest-workshop .hero__media img{
    width: min(100%, var(--hero-media-width));
    height: auto;
  }

  .career-quest-workshop #hero-cta{
    justify-self: center;
    min-height: 2.125rem;
    height: 2.125rem;
    margin-top: 0.375rem;
    padding: 0 1.25rem;
    font-size: 0.875rem;
    line-height: 1;
  }

  .career-quest-workshop #hero-cta::after{
    width: 1.25rem;
    height: 1.25rem;
  }

  .career-quest-workshop .button{
    min-height: 2.8rem;
    padding-inline: 1.5rem;
    font-size: 0.875rem;
  }

  .career-quest-workshop .button::after{
    width: 1rem;
    height: 1rem;
  }

  .career-quest-workshop .section-menu{
    display: none;
  }

  .career-quest-workshop .section-heading{
    gap: 2rem;
    margin-bottom: 2rem;
  }

  .career-quest-workshop .section-heading h2{
    font-size: 1.25rem;
  }

  .career-quest-workshop[data-locale="en"] #why-taiwan .section-heading h2{
    max-width: 17ch;
    margin-inline: auto;
  }

  .career-quest-workshop .section-heading p{
    max-width: 17rem;
    font-size: 0.9375rem;
    line-height: 2;
    letter-spacing: 0.05em;
  }

  .career-quest-workshop .why-taiwan-grid,
  .career-quest-workshop .why-join-list,
  .career-quest-workshop .timeline-grid,
  .career-quest-workshop .opportunities-grid,
  .career-quest-workshop #articles .articles-grid{
    grid-template-columns: 1fr;
  }

  .career-quest-workshop #why-taiwan{
    padding: 2.375rem 0;
  }

  .career-quest-workshop #why-taiwan .container{
    width: min(calc(100% - 3.75rem), 19.4375rem);
  }

  .career-quest-workshop #why-taiwan .section-heading{
    gap: 1.9375rem;
    margin-bottom: 1.9375rem;
  }

  .career-quest-workshop[data-locale="zh"] #why-taiwan-intro{
    max-width: 19.4375rem;
    font-size: 0.75rem;
    line-height: 2.5rem;
    letter-spacing: 0.03em;
    text-align: left;
  }

  .career-quest-workshop[data-locale="zh"] #why-taiwan-intro strong{
    font-weight: 700;
  }

  .career-quest-workshop[data-locale="en"] #why-taiwan-intro{
    max-width: 19.4375rem;
    font-size: 0.75rem;
    line-height: 1.5625rem;
    text-align: center;
  }

  .career-quest-workshop .why-taiwan-grid{
    grid-template-columns: 1fr;
    row-gap: 2rem;
    padding-block: 0;
  }

  .career-quest-workshop .why-taiwan-card{
    grid-template-columns: 8.375rem minmax(0, 1fr);
    column-gap: 0.875rem;
    row-gap: 0;
    align-items: start;
    --why-taiwan-body-max: 100%;
  }

  .career-quest-workshop .why-taiwan-card__image{
    width: 8.375rem;
  }

  .career-quest-workshop .why-taiwan-card__image img{
    aspect-ratio: 134 / 76;
  }

  .career-quest-workshop .why-taiwan-card__content{
    gap: 0.5rem;
  }

  .career-quest-workshop .why-taiwan-card__title, .career-quest-workshop .opportunity-card h3{
    font-size: 1.25rem;
    line-height: 2rem;
  }

  .career-quest-workshop[data-locale="zh"] .why-taiwan-card__title{
    font-size: 0.75rem;
    line-height: 1.5625rem;
    letter-spacing: 0.03em;
  }

  .career-quest-workshop[data-locale="en"] .why-taiwan-card__title{
    font-size: 0.75rem;
    line-height: 1.5625rem;
    letter-spacing: 0;
  }

  .career-quest-workshop #articles{
    --article-card-width: 20.125rem;
    --article-title-size: 0.75rem;
    --article-copy-size: 0.75rem;
  }

  .career-quest-workshop[data-locale="zh"] #articles{
    --article-image-gap: 0.625rem;
    --article-copy-gap: 0;
    --article-title-line-height: 2.5rem;
    --article-copy-line-height: 2.5rem;
    --article-title-clamp: 1;
    --article-copy-clamp: 2;
  }

  .career-quest-workshop[data-locale="en"] #articles{
    --article-image-gap: 0.625rem;
    --article-copy-gap: 0.625rem;
    --article-title-line-height: 1.5625rem;
    --article-copy-line-height: 1.5625rem;
    --article-title-clamp: 2;
    --article-copy-clamp: 2;
  }

  .career-quest-workshop[data-locale="en"] #articles .article-card:nth-child(2){
    --article-copy-clamp: 3;
  }

  .career-quest-workshop .why-taiwan-card__body, .career-quest-workshop .timeline-card p, .career-quest-workshop .timeline-card li, .career-quest-workshop .opportunity-card p, .career-quest-workshop .article-card p{
    font-size: 0.75rem;
    line-height: 1.5rem;
  }

  .career-quest-workshop[data-locale="zh"] .why-taiwan-card__body{
    line-height: 1.5625rem;
    letter-spacing: 0.03em;
  }

  .career-quest-workshop[data-locale="en"] .why-taiwan-card__body{
    line-height: 1.5625rem;
    letter-spacing: 0;
  }

  .career-quest-workshop #why-join{
    --why-join-bg: #f9f9f9;
    --why-join-section-block: 2rem;
    --why-join-container-max: 20rem;
    --why-join-container-inline: 2.625rem;
    --why-join-heading-gap: 2.1875rem;
    --why-join-list-gap: 2.1875rem;
    --why-join-item-gap: 0.625rem;
    --why-join-image-width: 12.6875rem;
    --why-join-image-height: 7.3125rem;
    --why-join-heading-size: 1.25rem;
    --why-join-heading-line-height: 1.5625rem;
    --why-join-item-title-size: 0.75rem;
    --why-join-item-title-line-height: 1.5625rem;
    --why-join-item-copy-size: 0.75rem;
    --why-join-item-copy-line-height: 1.5625rem;
    --why-join-item-copy-letter-spacing: 0.03em;
  }

  .career-quest-workshop[data-locale="en"] #why-join{
    --why-join-heading-line-height: 1.5625rem;
    --why-join-list-gap: 2.1875rem;
    --why-join-item-title-line-height: 1.5625rem;
    --why-join-item-copy-line-height: 1.5625rem;
    --why-join-item-copy-letter-spacing: 0;
    --why-join-heading-gap: 2.1875rem;
  }

  .career-quest-workshop #why-join .section-heading h2{
    max-width: 100%;
  }

  .career-quest-workshop .why-join-item{
    grid-template-columns: 1fr;
    row-gap: var(--why-join-item-gap);
    justify-items: center;
  }

  .career-quest-workshop .why-join-item__content{
    width: min(100%, 19.6875rem);
    gap: var(--why-join-item-gap);
    justify-items: center;
    text-align: center;
  }

  .career-quest-workshop .why-join-item__image{
    justify-self: center;
  }

  .career-quest-workshop .timeline-card__level{
    font-size: 1rem;
  }

  .career-quest-workshop .timeline-card__panel{
    gap: 0.875rem;
    padding: 1.5rem;
    border-radius: 1rem;
    min-height: unset;
  }

  .career-quest-workshop .timeline-card__panel h3, .career-quest-workshop .timeline-card__reward-title{
    font-size: 1rem;
    line-height: 1.5;
  }

  .career-quest-workshop[data-locale="en"] .timeline-card__panel h3,
  .career-quest-workshop[data-locale="en"] .timeline-card__reward-title {
    font-size: 1rem;
  }

  .career-quest-workshop #timeline .section-heading, .career-quest-workshop #timeline .section-heading h2{
    justify-self: stretch;
  }

  .career-quest-workshop #articles .section-heading{
    margin-bottom: 2.875rem;
  }

  .career-quest-workshop .opportunity-card{
    min-height: auto;
    padding: 1.875rem;
  }

  .career-quest-workshop #articles .articles-grid{
    justify-content: center;
  }

  .career-quest-workshop #articles .article-card{
    width: var(--article-card-width) !important;
    justify-self: center;
  }

  .career-quest-workshop .articles-grid > :last-child, .career-quest-workshop .opportunities-grid > :last-child{
    width: 100% !important;
  }

  .career-quest-workshop #articles .articles-grid > :last-child{
    width: var(--article-card-width) !important;
  }

  .career-quest-workshop .site-footer{
    padding-top: 2.5rem;
  }

  .career-quest-workshop .site-footer__main{
    gap: 2rem;
  }

  .career-quest-workshop .contact-list{
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }

  .career-quest-workshop .site-footer__bottom{
    align-items: flex-start;
  }

  .career-quest-workshop .policy-links{
    gap: 0.75rem 1.25rem;
  }

  .career-quest-workshop .site-footer__badge{
    margin-left: auto;
  }

  .career-quest-workshop p#mentors-intro{
    font-size: .75rem;
  }

  .career-quest-workshop p#mentors-intro br{
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .career-quest-workshop{
    scroll-behavior: auto;
  }

  .career-quest-workshop *, .career-quest-workshop *::before, .career-quest-workshop *::after{
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media (min-width: 1101px) {
  .career-quest-workshop .hero__copy {
    margin-top: 56px;
  }

  .career-quest-workshop .hero__media picture {
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    width: 45%;
  }

  .career-quest-workshop[data-locale="en"] .hero__media picture {
    width: 39%;
  }

  .career-quest-workshop .hero__media img{
    width: 100%;
    max-width: 720px;
  }
}

@media (min-width: 1280px) {
  .career-quest-workshop[data-locale="en"] .hero__media picture {
    width: 45%;
  }
}