.history-feature .feature-copy>p {margin-top:24rem;color:var(--muted);white-space:pre-line}
/* Mobile reference: Figma 613:9003, 440 × 5965. Normal document flow
   preserves the reference spacing and grows when narrow screens wrap text. */
@media (max-width:899px) {
  :root {font-size:1px;--gold:#fdb022}
  .mobile-only {display:block}
  .desktop-only,.desktop-nav,.timeline,.opportunity-steps,.banner-art,.wave {display:none!important}
  .about-shell {width:100%;max-width:100%}
  body {font-size:14rem;line-height:22rem}
  main h2 {font-size:20rem;line-height:31rem;font-weight:700;color:#e6e7ea}
  .eyebrow {font-size:14rem;line-height:22rem;color:#c2c3c6}
  .site-header {height:80rem;padding:16rem 20rem;gap:16rem;background:#151515}
  .brand {width:52rem;height:48rem;margin-right:56rem}
  .brand img {width:52rem;height:48rem;object-fit:cover}
  .register {width:152rem;min-width:0;min-height:48rem;height:48rem;font-size:16rem;padding:12rem 16rem}
  .mobile-menu-toggle {display:grid;place-items:center;position:absolute;right:20rem;top:20rem;width:40rem;height:40rem;border:0;background:none;padding:0}
  .mobile-menu-toggle img {width:40rem;height:40rem}
  #mobile-navigation:not([hidden]) {display:block;position:absolute;top:80rem;left:20rem;right:20rem;padding:12rem;background:#191919;border:1rem solid #31565b;border-radius:16rem;box-shadow:0 12rem 32rem #0008}
  #mobile-navigation a {display:block;padding:12rem;font-size:16rem;border-radius:8rem}
  #mobile-navigation a:hover {background:#0d4957}
  .about-hero {height:auto;min-height:364rem;padding:63.5rem 20rem 64.5rem;margin-bottom:68rem;overflow:hidden;background:#151515}
  .hero-scene {top:0;bottom:auto;left:-21.23%;width:198.59%;max-width:none;height:100%;object-fit:fill;mask-image:none}
  .about-hero:after {content:"";position:absolute;inset:0;background:rgb(21 21 21 / 64%)}
  .hero-copy {position:relative;top:auto;right:auto;width:341rem;max-width:100%;margin:auto;z-index:1;text-align:center}
  .hero-copy h1 {font-size:24rem;line-height:37rem;font-weight:700;color:#fff}
  .hero-copy p {margin-top:12rem;font-size:16rem;line-height:25rem;color:rgb(255 255 255 / 72%);white-space:normal}
  .history-section {height:auto;padding:24rem 20rem;background:#093944}
  .feature {position:static;left:auto;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:24rem}
  .history-feature .feature-copy {order:-1}
  .history-text {font-size:14rem;line-height:22rem;color:#c2c3c6;margin-top:12rem}
  .history-text p {margin:0}
  .feature-media {width:100%;height:auto;aspect-ratio:400/282;position:relative;overflow:hidden;border:1rem solid #4bb5bf;border-radius:24rem}
  .feature-photo {position:absolute;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}
  .history-media .feature-photo {width:104.37%;height:105.61%;left:-2.23%;top:-2.86%}
  .mobile-timeline {position:relative;list-style:none;padding:0 44rem 0 0;margin-top:24rem;display:flex;flex-direction:column;gap:24rem}
  .mobile-timeline li {min-height:90rem;text-align:right}
  .mobile-timeline strong {display:block;font-size:20rem;line-height:31rem;font-weight:700;color:#fdb022}
  .mobile-timeline h3 {font-size:16rem;line-height:25rem;font-weight:600;margin-top:4rem;color:#c2c3c6}
  .mobile-timeline p {font-size:14rem;line-height:22rem;color:rgb(194 195 198 / 72%);margin-top:8rem}
  .timeline-rail {position:absolute;right:0;top:0;width:20rem;height:432rem}
  .belief-section {height:auto;padding:48rem 20rem}
  .belief-feature h2 {margin-top:12rem;color:#fff}
  .belief-feature .feature-copy>p:last-child {font-size:14rem;line-height:24rem;font-weight:600;color:#c2c3c6;margin-top:16rem;text-align:right;text-align-last:auto}
  .belief-feature .feature-copy>p:last-child span {display:block;text-align:right;text-align-last:auto}
  .cooperation-section {height:auto;padding:0 20rem 48rem}
  .cooperation-heading h2 {margin-top:12rem}
  .cooperation-heading .intro {font-size:14rem;line-height:22rem;color:#c2c3c6;margin-top:16rem}
  .cooperation-cards {width:100%;display:flex;flex-direction:column;gap:16rem;margin-top:32rem}
  .cooperation-card {width:100%;height:auto;min-height:158rem;padding:16rem;border-radius:16rem;border-color:rgb(255 255 255 / 16%);background:#191919}
  .cooperation-card:last-child {order:-1}
  .cooperation-card:first-child {order:1}
  .cooperation-card h3 {font-size:20rem;line-height:31rem;font-weight:700}
  .cooperation-card>p {font-size:16rem;line-height:25rem;color:#c2c3c6;margin-top:4rem}
  .chips {gap:24rem;margin-top:24rem;flex-wrap:wrap}
  .chips span {height:40rem;padding:9.5rem 24rem;font-size:12rem;line-height:19rem;border-color:rgb(255 255 255 / 8%);color:rgb(194 195 198 / 72%)}
  .plus {width:56rem;height:56rem;background:#2f8f9c}
  .plus img {width:24.5rem;height:24.5rem}
  .principles-section {height:auto;padding:0 20rem 48rem;background:#151515}
  .principles-heading {position:static;width:100%;height:auto;background:none}
  .principles-grid {position:static;width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:16rem;margin-top:32rem}
  .principle {width:100%;height:auto;min-height:215rem;padding:16rem;border-color:#4bb5bf;border-radius:20rem;background:#191919}
  .principle.expertise {min-height:213rem;background:#191919;padding-top:15rem;padding-bottom:15rem}
  .principle.learning {border-color:#4bb5bf}
  .principle-icon {position:relative;width:72rem;height:72rem;background:#151515;border:1.213rem solid #4bb5bf;border-radius:16.18rem;box-shadow:0 0 17.474rem rgb(10 87 96 / 50%)}
  .principle-icon img {position:absolute;top:9.04rem;left:9.3rem;right:auto;width:51.775rem;height:51.775rem;max-width:none}
  .principle h3 {font-size:20rem;line-height:31rem;font-weight:700;margin-top:24rem}
  .principle.expertise h3 {font-weight:600}
  .principle p,.principle.transparency p {font-size:16rem;line-height:25rem;font-weight:400;color:#c2c3c6;margin-top:4rem}
  .principle.responsibility p {font-weight:600}
  .principle,.principle.expertise,.principle.learning {
    border-color:transparent;
    background:linear-gradient(#191919,#191919) padding-box,linear-gradient(162deg,#4bb5bf 9%,#282828 91%) border-box;
  }
  .principle-icon {
    border-color:transparent;
    background:linear-gradient(#151515,#151515) padding-box,linear-gradient(135deg,#4bb5bf,#282828) border-box;
  }
  .feature-media {
    border-color:transparent;
    background:linear-gradient(#151515,#151515) padding-box,linear-gradient(162deg,#4bb5bf 9%,#282828 91%) border-box;
  }
  .social-section {height:auto;background:#093944;padding:24rem 20rem}
  .social-grid {position:static;width:100%;display:flex;flex-direction:column;gap:24rem;align-items:stretch}
  .social-copy {order:-1}
  .social-copy h2 {margin-top:16rem;font-size:20rem;line-height:31rem;font-weight:600;white-space:normal;color:#fff}
  .social-copy>p:last-child {margin-top:24rem;font-size:14rem;line-height:22rem;color:#c2c3c6}
  .opportunity-card {height:auto;min-height:358rem;padding:24rem;border:1rem solid rgb(255 255 255 / 16%);border-radius:24rem}
  .opportunity-top {height:35rem;font-size:12rem;line-height:19rem;color:#c2c3c6;border-bottom-color:rgb(255 255 255 / 16%)}
  .opportunity-top strong {color:#fdb022}
  .opportunity-title {margin-top:24rem;text-align:center}
  .opportunity-title p {font-size:12rem;line-height:19rem;color:#c2c3c6}
  .opportunity-title h3 {font-size:16rem;line-height:25rem;font-weight:700;color:#f4f4f4;margin-top:8rem}
  .mobile-opportunity-steps {padding:0;list-style:none;display:flex;flex-direction:column;gap:16rem;margin-top:24rem}
  .mobile-opportunity-steps li {display:flex;gap:23rem;align-items:center;min-height:47rem}
  .mobile-opportunity-steps .step-number {width:40rem;height:40rem;flex-shrink:0;margin:0;border-color:#aa7b28;color:#c2c3c6}
  .mobile-opportunity-steps strong {display:block;font-size:14rem;line-height:24rem;font-weight:600;color:#f4f4f4}
  .mobile-opportunity-steps small {display:block;font-size:12rem;line-height:19rem;margin-top:4rem;color:rgb(194 195 198 / 72%)}
  .section-spacer {height:48rem}
  .contact-banner {height:auto;min-height:196rem;padding:46rem 20rem 47rem;margin-bottom:56rem;background:radial-gradient(ellipse at 100% 0,#176479,transparent 65%),#093944}
  .mobile-banner-wave {position:absolute;width:701.312rem;height:262.992rem;max-width:none;left:calc(50% - 26.73rem);top:calc(50% + 25.21rem);transform:translate(-50%,-50%) rotate(18.55deg);pointer-events:none}
  .social-note,.contact-banner-copy>p,.contact-banner-copy>.button {display:none}
  .contact-banner-copy {position:relative;width:100%;padding:0}
  .contact-banner-copy h2 {font-size:20rem;line-height:31rem;font-weight:700}
  .mobile-banner-actions {display:flex;gap:16rem;justify-content:center;margin-top:24rem}
  .contact-banner-copy .mobile-banner-actions .button {font-size:16rem;line-height:25rem;min-height:48rem;height:48rem;min-width:140rem;margin:0;padding:12rem 16rem}
  .button-outline {background:#fff;color:#187885;border:1.5rem solid #57bbc9}
  .support-bar {height:260rem;display:block;position:relative;padding:24rem 20rem}
  .support-brand {width:100%;height:96rem;gap:0;justify-content:space-between}
  .support-logo {position:relative;overflow:hidden;width:114rem;height:96rem;flex-shrink:0}
  .support-brand img {position:absolute;max-width:none;width:277.14%;height:318.3%;left:-29.1%;top:-105.31%;object-fit:fill}
  .support-brand h2 {font-size:40rem;line-height:62rem;font-weight:800}
  .support-brand a {font-size:14rem;line-height:24rem;font-weight:600}
  .support-phone {position:absolute;top:142rem;left:16rem;width:170rem;display:flex;align-items:flex-start}
  .support-phone strong {font-size:40rem;line-height:62rem;font-weight:800}
  .support-phone span {font-size:14rem;line-height:24rem;font-weight:600}
  .footer-links {height:auto;min-height:661rem;padding:20rem 20rem 82rem;display:flex;flex-direction:column;align-items:flex-start;gap:32rem;justify-content:flex-start}
  .footer-links>div:nth-child(2) {transform:none}
  .footer-links h3 {font-size:16rem;line-height:25rem;color:white;font-weight:700;margin-bottom:16rem}
  .footer-links a {font-size:14rem;line-height:22rem;margin-top:12rem;color:#fff}
  .footer-contact {width:100%}
  .footer-contact a {max-width:none;width:100%}
  .footer-contact picture {width:20rem;height:20rem;flex-shrink:0}
  .footer-contact picture:has(img[src*="Call"]) {transform:scaleX(-1)}
  .footer-bottom {height:auto;min-height:156rem;padding:20rem;display:flex;flex-direction:column;gap:24rem;align-items:stretch}
  .address {align-items:flex-start;font-size:14rem;line-height:22rem;color:#fff;min-height:44rem}
  .address img {flex-shrink:0}
  .social-links {justify-content:center;gap:16rem}
  .social-links a {width:48rem;height:48rem}
  .copyright {height:auto;min-height:51rem;padding:16rem 20rem;font-size:12rem;line-height:19rem;color:#f4f4f4;text-align:center}
}
@media (max-width:399px) {
  .chips {gap:12rem}
  .chips span {padding-inline:18rem}
  .mobile-banner-actions {gap:12rem}
  .contact-banner-copy .mobile-banner-actions .button {min-width:0;padding-inline:12rem;font-size:14rem}
  .brand {margin-right:44rem}
  .site-header {gap:12rem}
  .register {width:auto;padding-inline:12rem;font-size:14rem}
  .support-brand h2 {font-size:34rem}
  .support-brand a {font-size:12rem}
}