.home-engagements.section {
  max-width: none;
  padding: 54px 4% 60px;
  background: #fff;
  border-bottom: 1px solid #d9dcdf;
  font-family: 'Manrope', 'SUIT', 'Helvetica Neue', sans-serif;
}
.engagement-heading,
.engagement-block-heading,
.engagement-year-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; }
.engagement-heading { margin-bottom: 38px; }
.engagement-heading h2 { font: 400 clamp(2rem, 3vw, 3rem)/1.15 'Manrope', 'SUIT', sans-serif; letter-spacing: -.045em; }
html[lang=ko] .engagement-heading h2 { font-family: 'SUIT', sans-serif; font-weight: 400; }
.engagement-heading .text-link { font-size: .875rem; flex-shrink: 0; }
.engagement-block-heading { padding-bottom: 17px; border-bottom: 1px solid #343a42; }
.engagement-block-heading h3 { font: 500 1.125rem/1.5 'Manrope', 'SUIT', sans-serif; letter-spacing: -.015em; }
.engagement-block-heading > span { font-size: .875rem; color: #606873; letter-spacing: .06em; font-variant-numeric: tabular-nums; }
.next-engagement-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.engagement-row { display: grid; grid-template-columns: 54px minmax(0, 1fr) 15px; gap: 20px; padding: 22px 0; align-items: start; min-width: 0; border-bottom: 1px solid #d9dcdf; }
.engagement-row time { display: flex; flex-direction: column; gap: 3px; padding-top: 2px; font-variant-numeric: tabular-nums; }
.engagement-day { font-size: 1.45rem; font-weight: 400; line-height: 1.2; letter-spacing: -.04em; }
.engagement-month { font-size: .75rem; font-weight: 500; letter-spacing: .09em; color: #59616a; }
.engagement-info { min-width: 0; }
.engagement-info h4 { font: 500 1rem/1.5 'Manrope', 'SUIT', sans-serif; margin: 0 0 5px; letter-spacing: -.02em; }
.engagement-title { color: #59616a; font-size: .875rem; line-height: 1.55; }
.engagement-city { color: #3b444e; font-size: .875rem; line-height: 1.5; margin-top: 6px; }
.engagement-role { display: block; color: #59616a; font-size: .8125rem; line-height: 1.5; margin-top: 6px; }
.engagement-arrow { font-size: .875rem; color: #606873; padding-top: 3px; }
.engagement-row:hover h4 { text-decoration: underline; text-underline-offset: 4px; }
.engagement-row:hover .engagement-arrow { color: #151a20; }
.next-engagement { padding-top: 26px; padding-bottom: 26px; border-bottom: 0; }
.next-engagement .engagement-day { font-size: 2rem; }
.next-engagement .engagement-info h4 { font-size: 1.125rem; }
.past-block { margin-top: 28px; }
.engagement-year-heading { padding: 25px 0 3px; }
.engagement-year-heading h4 { font: 400 1.125rem/1.5 'Manrope', sans-serif; letter-spacing: .02em; margin: 0; }
.engagement-year-heading > span { font-size: .875rem; font-variant-numeric: tabular-nums; color: #606873; }
.past-engagement-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; }
.earlier-engagements { margin-top: 28px; border: 0; }
.earlier-engagements > summary { padding: 17px 0; border-bottom: 1px solid #9fa6ad; font-size: .875rem; }
.earlier-engagements > summary > span { font-size: 1.3rem; }
.earlier-engagements[open] > summary { border-bottom-color: #d9dcdf; }
.earlier-engagements > div { padding: 0; }
@media (min-width: 1600px) { .home-engagements.section { padding-left: max(4%, calc((100% - 1472px)/2)); padding-right: max(4%, calc((100% - 1472px)/2)); } }
@media (max-width: 1000px) {
  .next-engagement-grid { gap: 20px; }
  .engagement-row { gap: 13px; grid-template-columns: 46px minmax(0, 1fr) 12px; }
  .next-engagement .engagement-info h4 { font-size: 1rem; }
  .past-engagement-grid { column-gap: 30px; }
}
@media (max-width: 760px) {
  .home-engagements.section { padding: 38px 7% 44px; }
  .engagement-heading { gap: 16px; margin-bottom: 28px; }
  .engagement-heading h2, html[lang=ko] .engagement-heading h2 { font-size: 2rem; }
  .engagement-heading .text-link { font-size: .875rem; gap: 7px; }
  .next-engagement-grid, .past-engagement-grid { grid-template-columns: minmax(0, 1fr); }
  .next-engagement-grid { gap: 0; }
  .next-engagement { border-bottom: 1px solid #d9dcdf; }
  .engagement-row { padding: 19px 0; grid-template-columns: 50px minmax(0, 1fr) 13px; gap: 16px; }
  .engagement-block-heading h3 { font-size: 1rem; }
  .next-engagement .engagement-day { font-size: 1.6rem; }
  .engagement-year-heading { padding-top: 20px; }
  .past-block { margin-top: 32px; }
}

.home-engagements [hidden] { display: none !important; }
.home-engagements .engagement-empty { padding: 26px 0; font-size: 1rem; color: #59616a; }
.earlier-engagements > summary > [data-earlier-label] { font-size: inherit; transform: none; }
