.involved-page { overflow: clip; }
.involved-page .participation-support p{color:#685651}
.participation-page section[id]{scroll-margin-top:150px}
.participation-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:55px}.participation-paths>a{padding:26px 22px;border-top:1px solid #aebba6;border-bottom:1px solid #cbd3c4;transition:background .2s}.participation-paths>a:hover{background:#ffffff73}.participation-paths span{display:flex;justify-content:space-between;color:#7e8e7c;font-size:11px}.participation-paths b{font-size:20px;font-weight:400}.participation-paths h2{font-size:20px;margin:22px 0 12px}.participation-paths p{font-size:13px;margin:0;line-height:1.8}
.participation-roles{margin:28px 0}.participation-roles>div{display:grid;grid-template-columns:90px 1fr;border-top:1px solid #d2d9cb;padding:16px 0;gap:18px}.participation-roles dt{font-size:13px;font-weight:700}.participation-roles dd{font-size:13px;line-height:1.8;margin:0;color:#526956}
.participation-support{background:#f4e7e1;color:#8a4540;padding:80px 0 50px;margin-top:20px}.participation-support-heading{max-width:710px}.participation-support h2{font-size:clamp(30px,4vw,49px);line-height:1.3;margin:20px 0}.participation-support p{color:#685651;font-size:14px}.participation-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.participation-support-grid article{border-top:1px solid #b7777066;padding-top:25px;display:flex;flex-direction:column;align-items:flex-start}.participation-support h3{font-size:22px}.participation-support-grid p{margin-bottom:30px;flex:1}.participation-support .button{background:#984f48;color:#fffaf0;border-color:#984f48}.participation-support .button.outline{color:#8a4540;background:#fffaf070;border-color:#b7777080}.participation-disclosure{border-top:1px solid #b7777047;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:25px;align-items:center}.participation-disclosure p{font-size:12px}.participation-support .involved-link{color:#8a4540;border-color:#b7777080}.participation-email{display:block;margin-top:18px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.participation-page .involved-feature-photo img,.participation-page .involved-exchange-grid img,.participation-page .involved-learning-album img{object-fit:cover;border-radius:22px}
@media(max-width:900px){.participation-paths{grid-template-columns:repeat(2,1fr)}.participation-support-grid{gap:24px}.participation-support h3{font-size:19px}}
@media(max-width:650px){.participation-paths{gap:12px;margin-bottom:20px}.participation-paths>a{padding:20px 10px}.participation-paths h2{font-size:17px}.participation-paths p{font-size:12px}.participation-support{padding-top:50px}.participation-support-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.participation-support-grid p{margin:10px 0 20px}.participation-disclosure{display:block}.participation-roles>div{grid-template-columns:75px 1fr;gap:12px}}
.involved-page :is(h1,h2,h3) { font-weight: 800; letter-spacing: -.045em; }
.involved-page p { color: #586b5e; font-size: 15px; line-height: 1.9; }
.involved-eyebrow { display: block; font-size: 11px; font-weight: 800; letter-spacing: .07em; line-height: 1.6; }
.involved-hero { padding-top: 50px; padding-bottom: 75px; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 70px; }
.involved-hero h1 { font-size: clamp(44px,4.8vw,72px); line-height: 1.2; margin: 24px 0 27px; }
.involved-hero-copy>p { font-size: 16px; max-width: 500px; }
.involved-actions { display: flex; gap: 25px; flex-wrap: wrap; align-items: center; margin-top: 32px; }
.involved-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; padding: 8px 0; border-bottom: 1px solid #9da68e; font-size: 12px; line-height: 1.7; font-weight: 700; }
.involved-link>span { font-size: 19px; font-weight: 400; }
.involved-link:hover { border-color: var(--green); color: #427358; }
.involved-hero-album { padding-bottom: 87px; position: relative; }
.involved-hero-main img { width: 100%; height: 410px; object-fit: cover; border-radius: var(--photo-shape,18px); }
.involved-page figcaption { font-size: 10px; line-height: 1.7; color: #687968; margin-top: 12px; }
.involved-hero-main figcaption { width: 48%; margin-left: 4px; }
.involved-hero-inset { position: absolute; bottom: 0; right: -10px; width: 49%; transform: rotate(5deg); background: #fffaf0; padding: 8px 8px 12px; box-shadow: 0 6px 15px #193d331c; }
.involved-hero-inset img { width: 100%; height: 168px; object-fit: cover; }
.involved-hero-inset figcaption { font-size: 10px; margin-top: 7px; padding-left: 4px; }
.involved-index { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 25px; }
.involved-index>a { display: flex; align-items: center; gap: 10px; padding-block: 18px; border-block: 1px solid var(--line); font-size: 12px; font-weight: 700; }
.involved-index>a>span { font-size: 10px; color: #78826b; }
.involved-index b { margin-left: auto; font-weight: 400; }
.involved-index>a:hover { color: #738153; }
.involved-roles { padding-block: 80px 45px; }
.involved-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 55px; margin-bottom: 32px; }
.involved-section-heading h2 { font-size: clamp(28px,3vw,42px); line-height: 1.35; margin-top: 13px; }
.involved-section-heading>p { max-width: 400px; font-size: 13px; }
.involved-role-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 19px; }
.involved-role { display: flex; flex-direction: column; border: 1px solid #b8bfa7; padding: 26px 28px; border-radius: 8px; background: #e7e8d5; transition: transform .2s; }
.involved-role:nth-child(2) { background: #eedabd; border-color: #d2bfa2; }
.involved-role:nth-child(3) { background: #eadbbf; border-color: #cfbd9a; }
.involved-role:hover { transform: translateY(-4px); }
.involved-role-number { display: flex; justify-content: space-between; align-items: center; font-size: 12px; }
.involved-role-number>span { font-size: 25px; }
.involved-role h3 { font-size: 24px; margin: 29px 0 14px; line-height: 1.4; }
.involved-role p { font-size: 13px; padding-bottom: 27px; }
.involved-role small { font-size: 10px; line-height: 1.8; border-top: 1px solid #193d3324; padding-top: 17px; margin-top: auto; }
.involved-feature { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 90px; padding-block: 75px 90px; scroll-margin-top: 35px; }
.involved-feature h2 { font-size: clamp(29px,3.3vw,46px); line-height: 1.35; margin: 20px 0 24px; }
.involved-page .involved-section-title { font-size: clamp(30px,3.3vw,46px); line-height: 1.25; margin: 0 0 18px; }
.involved-page .involved-section-subtitle { font-size: clamp(20px,1.8vw,26px); font-weight: 600; line-height: 1.45; margin: 0 0 20px; }
.involved-feature-photo>img { width: 100%; height: 440px; object-fit: cover; border-radius: var(--photo-shape); }
.involved-feature-photo figcaption { margin-top: 17px; }
.involved-feature-photo figcaption .involved-link { font-weight: 500; font-size: 10px; border: 0; }
.involved-points { list-style: none; padding: 0; margin: 25px 0; }
.involved-points li { font-size: 13px; line-height: 1.75; padding: 11px 0 11px 21px; position: relative; border-bottom: 1px solid #ced0b8; }
.involved-points li::before { content: '+'; position: absolute; left: 0; color: #77885e; font-weight: 700; }
.involved-records { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 28px; }
.involved-records>span { display: block; width: 100%; font-size: 10px; color: #69775f; }
.involved-records .involved-link { font-size: 11px; }
.involved-learning-band { background: #e4e6d2; }
.involved-learning-band .involved-feature { padding-block: 85px; }
.involved-mini-story { padding: 24px 0 0; margin-top: 24px; border-top: 1px solid #aeb69b; }
.involved-mini-story>span { font-size: 12px; font-weight: 800; letter-spacing: .015em; }
.involved-mini-story h3 { font-size: 22px; line-height: 1.5; margin: 12px 0; }
.involved-mini-story p { font-size: 14px; }
.involved-mini-story .involved-link { margin-top: 9px; }
.involved-learning-album { display: grid; gap: 35px; }
.involved-learning-album img { width: 100%; height: 295px; object-fit: cover; border-radius: var(--photo-shape); }
.involved-learning-album figure:last-child { width: 80%; margin-left: auto; }
.involved-learning-album figure:last-child img { height: 230px; }
.involved-exchange { padding-block: 85px; scroll-margin-top: 35px; }
.involved-exchange-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.involved-exchange-grid article { min-width: 0; }
.involved-exchange-grid img { width: 100%; height: 320px; object-fit: cover; border-radius: var(--photo-shape); }
.involved-exchange-grid figure { margin-bottom: 28px; }
.involved-exchange-grid h3 { font-size: 25px; line-height: 1.45; margin: 14px 0; }
.involved-exchange-grid .involved-link { margin-top: 15px; margin-right: 25px; }
.involved-participate { display: grid; grid-template-columns: .9fr 1.1fr; gap: 85px; padding-block: 60px; border-block: 1px solid var(--line); scroll-margin-top: 35px; }
.involved-participate h2 { font-size: 35px; line-height: 1.4; margin: 18px 0; }
.involved-participate-heading>p { max-width: 410px; }
.involved-participate .button { margin-top: 26px; }
.involved-steps { list-style: none; padding: 0; margin: 0; }
.involved-steps li { display: grid; grid-template-columns: 32px 1fr; gap: 20px; padding: 20px 0; border-bottom: 1px solid #cdcfb7; }
.involved-steps li:first-child { padding-top: 0; }
.involved-steps li:last-child { border: 0; padding-bottom: 0; }
.involved-steps li>span { color: #87906d; font-size: 11px; padding-top: 5px; }
.involved-steps h3 { font-size: 18px; line-height: 1.5; margin-bottom: 9px; }
.involved-steps p { font-size: 13px; }
.involved-partner { padding-block: 55px 10px; display: flex; justify-content: space-between; align-items: center; gap: 50px; }
.involved-partner h2 { font-size: 28px; line-height: 1.4; margin: 13px 0; }
.involved-partner p { font-size: 13px; max-width: 700px; }
.involved-partner>div:last-child { display: flex; gap: 22px; align-items: center; flex-shrink: 0; }
@media(max-width:1100px) {
  .involved-hero { gap: 40px; padding-top: 30px; }
  .involved-hero-main img { height: 345px; }
  .involved-hero-inset img { height: 135px; }
  .involved-hero h1 { font-size: 51px; }
  .involved-feature { gap: 45px; }
  .involved-feature-photo>img { height: 390px; }
  .involved-feature h2 { font-size: 35px; }
  .involved-role { padding: 24px; }
  .involved-role h3 { font-size: 21px; }
  .involved-section-heading { gap: 35px; }
  .involved-section-heading>p { max-width: 330px; }
  .involved-participate { gap: 45px; }
  .involved-exchange-grid { gap: 40px; }
}
@media(max-width:750px) {
  .involved-hero { grid-template-columns: 1fr; gap: 36px; padding-top: 30px; padding-bottom: 45px; }
  .involved-hero h1 { font-size: clamp(40px,8vw,58px); margin: 19px 0 22px; }
  .involved-hero-copy>p { font-size: 15px; max-width: 580px; }
  .involved-actions { margin-top: 23px; gap: 20px; }
  .involved-hero-album { max-width: 570px; width: 100%; margin: auto; padding-bottom: 63px; }
  .involved-hero-main img { height: 340px; }
  .involved-hero-inset { right: 3px; width: 44%; }
  .involved-hero-inset img { height: 133px; }
  .involved-index { grid-template-columns: 1fr 1fr; gap: 0 20px; }
  .involved-index>a { font-size: 11px; padding-block: 15px; }
  .involved-index>a:nth-child(n+3) { border-top: 0; }
  .involved-roles { padding-top: 50px; padding-bottom: 10px; }
  .involved-section-heading { display: block; margin-bottom: 25px; }
  .involved-section-heading h2 { font-size: 29px; }
  .involved-section-heading>p { max-width: 560px; margin-top: 15px; }
  .involved-role-grid { grid-template-columns: 1fr; gap: 12px; }
  .involved-role { padding: 23px; }
  .involved-role h3 { margin-top: 13px; }
  .involved-role p { padding-bottom: 18px; }
  .involved-feature { grid-template-columns: 1fr; gap: 30px; padding-block: 45px 55px; }
  .involved-feature-photo { order: 2; }
  .involved-feature-photo>img { height: 340px; }
  .involved-feature h2 { font-size: 32px; margin-top: 17px; }
  .involved-learning-band .involved-feature { padding-block: 50px; }
  .involved-learning-album { grid-template-columns: 1fr 1fr; align-items: center; gap: 15px; }
  .involved-learning-album img { height: 230px; }
  .involved-learning-album figure:last-child { width: 100%; margin-top: 55px; }
  .involved-learning-album figure:last-child img { height: 190px; }
  .involved-exchange { padding-block: 50px; }
  .involved-exchange-grid { grid-template-columns: 1fr; gap: 45px; }
  .involved-exchange-grid img { height: 320px; }
  .involved-exchange-grid h3 { font-size: 24px; }
  .involved-participate { grid-template-columns: 1fr; gap: 35px; padding-block: 42px; }
  .involved-participate h2 { font-size: 30px; }
  .involved-partner { display: block; padding-top: 40px; }
  .involved-partner>div:last-child { margin-top: 25px; }
}
@media(max-width:420px) {
  .involved-hero-main img { height: 255px; }
  .involved-hero-inset img { height: 110px; }
  .involved-hero-main figcaption { font-size: 9px; }
  .involved-feature-photo>img { height: 255px; }
  .involved-learning-album img { height: 180px; }
  .involved-learning-album figure:last-child img { height: 145px; }
  .involved-exchange-grid img { height: 250px; }
  .involved-page .button { font-size: 12px; padding-inline: 18px; }
  .involved-actions .involved-link { font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) { .involved-role { transition: none; }.involved-role:hover { transform: none; } }