:root {--color-bg: #f1f2f2;--color-bg2: #fbf8f5;--color-h1: #c4ae90;--color-h2: #004156;--color-text: #231f20;--font: "Montserrat", sans-serif;--font-size: 16px;--line-height: 28px;--filter-color-bg2: invert(97%) sepia(92%) saturate(221%) hue-rotate(293deg) brightness(105%) contrast(97%);--filter-color-text: invert(8%) sepia(1%) saturate(3817%) hue-rotate(294deg) brightness(101%) contrast(89%);--filter-color-h2: invert(20%) sepia(20%) saturate(3042%) hue-rotate(156deg) brightness(99%) contrast(107%)}
body {background: var(--color-bg);color: var(--color-text);font-family: var(--font);font-optical-sizing: auto;font-size: var(--font-size);font-style: normal;font-weight: 400;line-height: 1.2;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin: 0;padding: 0}
.color-h1 {color: var(--color-h1)}
.color-h2 {color: var(--color-h2)}
img[align=left] {float: left}
img[align=right] {float: right}
a img {border: none}
* {box-sizing: border-box;text-size-adjust: none}
p {overflow-wrap: break-word;word-wrap: break-word}
.page {display: flex;flex-direction: column;min-height: 100vh}
.inner {margin: 0 auto;max-width: 970px;padding: 0 10px}
.main {overflow-x: hidden;padding: 50px 0 100px}
.heading {border-bottom: 1px solid var(--color-h1);color: var(--color-h2);font-size: 36px;font-weight: 800;line-height: 44px;margin: 0 0 15px;padding-bottom: 15px;text-wrap: balance;overflow-wrap: break-word;word-wrap: break-word}
@media (max-width: 1060px) {
  .inner {max-width: 850px}
  .heading {font-size: 28px;line-height: 34px}
}
@media (max-width: 620px) {
  .heading {font-size: 22px;line-height: 27px}
  .main {padding-top: 30px}
}
.logo img {display: block}
.header {background: var(--color-bg2);box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);left: 0;padding: 15px 0;position: sticky;top: 0;z-index: 100}
.header .inner {align-items: center;display: flex;justify-content: space-between;max-width: 1460px}
.header .inner  .hidden-mobile {display: none; font-size: 22px;}
.header-panel {transition: transform .5s}
@media (min-width: 1011px) {
  .header-panel-top {align-items: center;border-bottom: 1px solid #d7e1e9;display: flex;gap: 35px;justify-content: space-between;padding-bottom: 10px}
  .header-panel-top a, .header-panel-top address {align-items: center;color: var(--color-text);display: inline-flex;font-size: 14px;font-style: normal;gap: 5px;line-height: 20px;text-decoration: none;text-underline-position: under;transition: color .2s}
  .header-panel-top img {display: block;filter: var(--filter-color-text);transition: filter .2s}
  .header-panel-top a:hover {color: var(--color-h2);text-decoration: underline}
  .header-panel-top a:hover img {filter: var(--filter-color-h2)}
  .header-socials {align-items: center;display: flex;gap: 10px}
  .header-nav {padding-top: 10px}
  .header-nav > ul {align-items: flex-start;display: flex;gap: 20px;justify-content: space-between;list-style: none;margin: 0;padding: 0}
  .header-nav li {position: relative}
  .header-nav a, .header-nav span {color: var(--color-text);line-height: 1.2;text-decoration: none;transition: all .2s;white-space: nowrap}
  .header-nav span {cursor: default}
  .header-nav a:hover {color: var(--color-h2);text-decoration: underline}
  .header-nav > ul > li:focus-within .header-subnav, .header-nav > ul > li:hover .header-subnav {display: flex;opacity: 1;pointer-events: all}
  .header-nav > ul > li:focus-within > a, .header-nav > ul > li:hover > a {color: var(--color-h2)}
  .header-subnav {box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);display: flex;flex-direction: column;gap: 15px;left: -15px;list-style: none;margin: 0;opacity: 0;padding: 10px 15px 15px;pointer-events: none;top: calc(100% + 22px);transition: all .2s}
  .header-subnav, .header-subnav:before {background: var(--color-bg2);position: absolute}
  .header-subnav:before {content: "";display: block;height: 25px;left: 0;top: -22px;width: 100%}
  .header-nav > ul > li.menu-item:not(.menu-button) {padding-top: 10px}
  .header-nav li.menu-button > span {background: var(--color-h2);border-radius: 5px;color: var(--color-bg2) !important;font-weight: 500;padding: 10px 20px;transition: all .3s;display: inline-block}
  .header-nav li.menu-button:hover > span {background: var(--color-h1);color: var(--color-text) !important;transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0, 0, 0, .15)}
}
.header-menu-toggle {background: none;border: 0;cursor: pointer;display: none;margin: 0;padding: 0}
.header-menu-toggle svg rect {transition: all .5s}
.header-panel.is-open {opacity: 1;transform: translateX(0)}
.header-menu-toggle.active svg rect {fill: var(--color-bg2)}
.header-menu-toggle.active svg rect:first-of-type {fill: var(--color-h2);stroke: var(--color-h2)}
.header-menu-toggle svg {display: block}
@media (max-width: 1090px) {
  .header-logo img {height: auto;width: 150px}
  .header-panel-top {gap: 20px}
}
@media (max-width: 1010px) {
  .header {padding-bottom: 0;padding-top: 0}
  .header .inner {height: 75px; justify-content: flex-start;}
  .header-logo {flex: 0 0 auto;}
  .header-logo img {height: auto;width: 96px}

  /* Ensure user icon + hamburger sit in the top-right corner on mobile */
  .header-actions {margin-left: auto; display: flex; align-items: center; gap: 15px;}
  .header .inner .hidden-mobile {display: block; font-size: 22px; margin: 0;}
  .header-menu-toggle {display: block; margin: 0;}

  .header-panel {background: var(--color-h2);display: grid;gap: 25px;grid-template-columns:auto 1fr;height: 100%;left: 0;opacity: 0;padding: 30px 12px;position: fixed;top: 75px;transform: translateX(100%);width: 100%}
  .header-panel-top {display: flex;flex-direction: column;gap: 15px;white-space: nowrap}
  .header-panel-top a, .header-panel-top address {align-items: center;color: var(--color-bg2);display: inline-flex;font-size: 14px;font-style: normal;gap: 5px;line-height: 17px;text-decoration: none}
  .header-panel-top img {filter: var(--filter-color-bg2);height: 20px;width: 20px}
  .header-socials {align-items: center;display: flex;gap: 10px}
  .header-nav a {color: var(--color-bg2);display: inline-block;font-size: 14px;font-weight: 400;line-height: 17px;text-decoration: none}
  .header-nav a:hover, .header-panel-top a:hover {text-decoration: underline}
  .header-nav ul {list-style: none;margin: 0;padding: 0}
  .header-nav > ul {column-count: 2;column-gap: 25px}
  .header-nav > ul > li {margin-bottom: 15px}
  .header-nav > ul > li > :is(a,span) {color: var(--color-h1);font-size: var(--font-size);font-weight: 500;line-height: 20px}
  .header-nav > ul ul {display: flex;flex-direction: column;gap: 10px;margin-top: 10px}
  .header-nav > ul ul a {padding-left: 15px;position: relative}
  .header-nav > ul ul a:before {background: url(../images/arrow.svg) no-repeat 0 0;content: "";display: block;filter: var(--filter-color-bg2);height: 10px;left: 0;position: absolute;top: 3px;width: 10px}
  /*.header-nav li.menu-button > span {background: var(--color-h1);border-radius: 5px;color: var(--color-bg2) !important;display: inline-block;font-weight: 600;padding: 10px 20px}*/
  .header-nav li.menu-button > .header-subnav{display: none !important;}
}
@media (max-width: 767px) {
  .header-panel {display: flex;flex-direction: column;gap: 20px}
  .header-panel-top {border-bottom: 1px solid var(--color-bg2);display: grid;gap: 15px 25px;grid-template-columns:1fr 1fr;padding-bottom: 20px;white-space: normal}
}
@media (max-width: 620px) {
  .header .inner {height: 70px}
  .header-panel {top: 70px}
  .header-panel-top a:first-of-type, .header-panel-top address {grid-column: 1/-1}
}
.footer {background: var(--color-text);margin-top: auto;padding: 35px 0}
.footer .inner {align-items: center;display: flex;justify-content: space-between;max-width: 1460px}
.footer-panel {display: flex;flex-direction: column;gap: 10px}
.footer-panel img {display: block;filter: var(--filter-color-bg2)}
.footer-panel a, .footer-panel address {align-items: center;color: var(--color-bg2);display: flex;font-size: 14px;font-style: normal;gap: 5px;text-decoration: none;text-underline-position: under}
.footer-panel a:hover {text-decoration: underline}
.footer-socials {align-items: center;display: flex;gap: 10px}
@media (max-width: 768px) {
  .footer .inner {align-items: start}
  .footer-logo img {height: auto;width: 96px}
}
@media (max-width: 520px) {
  .footer .inner {flex-direction: column;gap: 20px;padding: 0 25px}
}
.home-page .inner {max-width: 1460px}
.home-page .main {padding: 0}
.hero {background-image: url(../images/home/hero-bg.webp);background-image: image-set(url("../images/home/hero-bg.webp") type("image/webp") 1x, url("../images/home/hero-bg@2x.webp") type("image/webp") 2x);background-position: 50% 50%;background-size: cover}
.hero .inner {align-items: center;color: var(--color-bg2);display: grid;grid-template-columns:732px 1fr;min-height: 700px}
.hero-content h1 {color: var(--color-h1);font-size: 52px;font-weight: 800;line-height: 70px;margin: 0}
.hero-content h1 span {color: var(--color-bg2);display: block;font-size: 26px;font-weight: 500;line-height: 28px;margin-top: 20px}
.hero-cols {border-top: 1px solid #d7e1e9;display: grid;gap: 30px;grid-template-columns:1fr 1fr;margin-top: 25px;padding-top: 25px}
.hero-cols p {font-size: 20px;font-weight: 500;line-height: 28px;margin: 0}
@media (max-width: 1060px) {
  .hero .inner {grid-template-columns:575px 1fr;min-height: 460px}
  .hero-content h1 {font-size: 40px;line-height: 54px}
  .hero-content h1 span {font-size: 22px;line-height: 27px}
  .hero-cols {gap: 20px}
  .hero-cols p {font-size: 16px;line-height: 22px}
}
@media (max-width: 768px) {
  .hero {background-image: url(../images/home/hero-bg_tablet.webp);background-image: image-set(url("../images/home/hero-bg_tablet.webp") type("image/webp") 1x, url("../images/home/hero-bg_tablet@2x.webp") type("image/webp") 2x)}
}
@media (max-width: 620px) {
  .hero .inner {display: flex;min-height: 310px}
  .hero-content h1 {font-size: 32px;line-height: 44px}
  .hero-content h1 span {font-size: 18px;line-height: 22px;margin-top: 15px}
  .hero-cols {margin-top: 15px;padding-top: 15px}
  .hero-cols p {font-size: 12px;line-height: 18px}
}
.home-about {background: var(--color-bg2);overflow: hidden;padding: 100px 0}
.home-about .inner {display: grid;gap: 55px;grid-template-columns:auto 705px;position: relative}
.home-about-img img {aspect-ratio: 680/576;display: block;height: 100%;max-width: 100%;object-fit: cover}
.home-about-content h2 {border-bottom: 0;margin: 0 0 15px;padding-bottom: 0}
.home-about-box {font-size: 20px;font-weight: 300;line-height: 28px;margin-bottom: 60px;padding: 30px 0}
.home-about-box:before {border: 1px solid var(--color-h1);bottom: 60px;content: "";display: block;left: -35px;pointer-events: none;position: absolute;right: -35px;top: 60px}
.home-about-box p {margin: 0}
.home-about-box > p:first-child {font-weight: 400}
.home-about-box ul {align-items: center;display: flex;gap: 30px;list-style: none;margin: 25px 0;padding: 0}
.home-about-box ul li {align-items: center;display: flex;gap: 15px}
.home-about-cols {display: grid;gap: 30px;grid-template-columns:1fr 1fr;margin-top: 40px}
.home-about-cols span {font-weight: 500}
@media (max-width: 1240px) {
  .home-about-box {font-size: 16px;line-height: 22px;padding: 25px 0}
  .home-about-box:before {left: -10px;right: -10px}
  .home-about-box ul {margin: 15px 0}
  .home-about-cols {gap: 20px;grid-template-columns:.8fr 1.2fr;margin-top: 30px}
  .home-about .inner {gap: 20px}
}
@media (max-width: 1060px) {
  .home-about {padding: 50px 0}
  .home-about .inner {grid-template-columns:auto 575px}
}
@media (max-width: 960px) {
  .home-about .inner {align-items: center;display: flex;flex-direction: column-reverse;gap: 0}
  .home-about-box, .home-about-content h2 {text-align: center}
  .home-about-box {margin-bottom: 15px;max-width: 554px;padding: 25px 0}
  .home-about-box:before {left: 10px;right: 10px;top: 49px}
  .home-about-img {max-width: 554px}
  .home-about-img img {aspect-ratio: 554/315}
  .home-about-box ul {gap: 15px;justify-content: space-between}
  .home-about-box ul li {gap: 10px;white-space: nowrap}
  .home-about-box ul li img {height: 20px;width: 20px}
  .home-about-cols {align-items: center;display: flex;flex-direction: column;margin: 20px auto 0;max-width: 362px}
}
@media (max-width: 620px) {
  .home-about-box {font-size: 12px;gap: 10px;line-height: 18px;margin: 0;padding: 20px 0}
  .home-about-box:before {bottom: 40px;left: 0;right: 0;top: 42px}
  .home-about-img img {aspect-ratio: 300/191;width: 100%}
  .home-about-box ul {flex-direction: column;gap: 10px;margin: 10px 0}
  .home-about-box ul li img {height: 15px;width: 15px}
  .home-about-cols {gap: 10px;margin-top: 10px;max-width: 220px}
}
.home-nationwide {padding: 100px 0}
.home-nationwide .inner {max-width: 724px;text-align: center}
.home-nationwide p {font-size: 20px;font-weight: 300;line-height: 28px;margin: 30px 0}
.home-nationwide p:first-of-type {font-size: 26px;font-weight: 400;line-height: 40px}
.home-nationwide p span {font-weight: 500}
.home-nationwide p:last-of-type {margin-bottom: 22px}
.home-nationwide ul {justify-content: space-between;list-style: none;margin: 0;padding: 0}
.home-nationwide li, .home-nationwide ul {align-items: center;display: flex;gap: 15px}
.home-nationwide li {font-size: 20px;font-weight: 300;line-height: 28px}
@media (max-width: 1060px) {
  .home-nationwide {padding: 50px 0}
  .home-nationwide .inner {max-width: 660px}
  .home-nationwide p {font-size: 16px;line-height: 22px;margin: 20px 0}
  .home-nationwide p:first-of-type {font-size: 22px;line-height: 32px}
  .home-nationwide ul {gap: 25px;justify-content: center}
  .home-nationwide li {font-size: 16px;gap: 10px;line-height: 22px}
  .home-nationwide li img {height: 20px;width: 20px}
}
@media (max-width: 768px) {
  .home-nationwide .inner {max-width: 585px}
  .home-nationwide .heading {margin: 0 auto;max-width: 360px}
}
@media (max-width: 620px) {
  .home-nationwide p {font-size: 12px;line-height: 18px;margin: 15px 0}
  .home-nationwide p:first-of-type {font-size: 18px;line-height: 26px}
  .home-nationwide p:last-of-type {margin-bottom: 15px}
  .home-nationwide ul {display: grid;gap: 15px;grid-template-columns:1fr 1fr;justify-content: center;margin: 0 auto;max-width: 180px}
  .home-nationwide li {font-size: 12px;gap: 5px;line-height: 18px}
  .home-nationwide li img {height: 15px;width: 15px}
}
.home-knowledge {background: var(--color-h2);color: var(--color-bg2);padding: 100px 0}
.home-knowledge-header {display: grid;gap: 30px;grid-template-columns:1fr 1fr;margin-bottom: 10px}
.home-knowledge .heading {color: var(--color-h1);text-align: right}
.home-knowledge-main {display: grid;gap: 30px;grid-template-columns:1fr 1fr}
.home-knowledge-left {display: flex;justify-content: flex-end}
.home-knowledge-left p {font-size: 26px;font-weight: 500;line-height: 40px;margin: 0;max-width: 352px;text-align: right}
.home-knowledge-main span {font-weight: 600}
.home-knowledge-right p {font-size: 20px;line-height: 28px;margin: 8px 0}
@media (max-width: 1060px) {
  .home-knowledge {padding: 50px 0}
  .home-knowledge-left p {font-size: 22px;line-height: 32px;max-width: 305px}
  .home-knowledge-main {gap: 20px}
  .home-knowledge-right p {font-size: 16px;line-height: 22px;margin: 5px 0}
}
@media (max-width: 768px) {
  .home-knowledge-header, .home-knowledge-main {grid-template-columns:265px 1fr}
}
@media (max-width: 620px) {
  .home-knowledge-header, .home-knowledge-main {display: block}
  .home-knowledge-left {margin-bottom: 20px}
  .home-knowledge-left p {font-size: 18px;line-height: 26px}
  .home-knowledge-right p {font-size: 12px;line-height: 18px}
}
.home-values {background: var(--color-bg2);padding: 100px 0}
.home-values h2 {max-width: calc(50% - 15px)}
.home-values .inner > p {font-size: 26px;line-height: 40px;margin: 25px 0 40px}
.values-list {display: grid;gap: 29px;grid-template-columns:repeat(4, 1fr)}
.values-list-item {margin: 0;overflow: hidden;padding: 0}
.values-list-item-img {aspect-ratio: 338/200;max-width: 100%;position: relative}
.values-list-item-img img {display: block;height: 100%;object-fit: cover;width: 100%}
.values-list-item p {font-size: 18px;line-height: 28px;margin: 10px 0 0}
.values-list-item-overlay {align-items: center;background: linear-gradient(180deg, #004156, rgba(0, 65, 86, .5) 100%);color: var(--color-bg2);display: flex;font-size: 18px;font-weight: 500;height: 100%;justify-content: center;left: 0;line-height: 28px;opacity: 0;padding: 30px;position: absolute;text-align: center;top: 0;transform: perspective(288px) rotateX(-90deg);transform-origin: top;transition: all .5s;width: 100%;z-index: 1}
.values-list-item-overlay p {display: -webkit-box;margin: 0;overflow: hidden;text-overflow: ellipsis;line-clamp: 5;-webkit-line-clamp: 5;-webkit-box-orient: vertical}
.values-list-item-img:hover .values-list-item-overlay {opacity: 1;transform: perspective(288px) rotateX(0deg)}
.values-list-item figcaption {margin-top: 15px}
.values-list-item h3 {color: var(--color-h2);font-size: 24px;font-weight: 600;line-height: 40px;margin: 0 0 10px}
@media (max-width: 1360px) {
  .values-list {gap: 20px}
  .values-list-item-overlay {font-size: 16px;line-height: 24px;padding: 20px}
}
@media (max-width: 1240px) {
  .home-values .inner > p {font-size: 24px;line-height: 36px;margin-bottom: 30px}
  .values-list-item h3 {font-size: 16px;line-height: 26px;margin-bottom: 5px}
  .values-list-item p {font-size: 12px;line-height: 18px;margin-top: 5px}
  .values-list-item-img {aspect-ratio: 235/160}
  .values-list-item figcaption {margin-top: 10px}
}
@media (max-width: 1060px) {
  .home-values .inner > p {font-size: 22px;line-height: 32px}
  .home-values {padding: 50px 0}
}
@media (max-width: 960px) {
  .values-list {grid-template-columns:repeat(2, 235px);justify-content: center}
  .values-list-item-overlay {font-size: 14px;line-height: 20px;padding: 15px}
}
@media (max-width: 620px) {
  .home-values .heading {margin: 0 auto;max-width: 300px;text-align: center}
  .home-values .inner > p {font-size: 18px;line-height: 26px;margin: 20px 0}
}
@media (max-width: 520px) {
  .values-list {grid-template-columns:220px}
  .values-list-item {text-align: center}
}
.home-goal {padding: 100px 0;text-align: center}
.home-goal .inner {max-width: 725px}
.home-goal p {font-size: 26px;line-height: 40px;margin: 25px 0 40px}
.home-goal p span {font-weight: 600}
.home-goal blockquote {border: 1px solid var(--color-h1);font-size: 20px;font-style: italic;font-weight: 400;line-height: 28px;margin: 0;padding: 40px}
@media (max-width: 1060px) {
  .home-goal {padding: 50px 0 100px}
  .home-goal .inner {max-width: 660px}
  .home-goal p {font-size: 22px;line-height: 32px;margin-bottom: 30px}
  .home-goal blockquote {font-size: 16px;line-height: 22px;padding: 30px 40px}
}
@media (max-width: 768px) {
  .home-goal .inner {max-width: 572px}
  .home-goal .heading {margin: 0 auto;max-width: 362px}
  .home-goal blockquote {padding: 30px}
}
@media (max-width: 620px) {
  .home-goal p {font-size: 18px;line-height: 26px;margin: 20px 0}
  .home-goal blockquote {font-size: 12px;line-height: 18px;padding: 20px}
}
.breadcrumbs {display: flex;flex-wrap: wrap;font-weight: 300;gap: 5px 20px;list-style: none;margin: 0 0 30px;padding: 0}
.breadcrumbs li {position: relative}
.breadcrumbs li:after {background: url(../images/arrow.svg) no-repeat 0 0;content: "";display: block;filter: var(--filter-color-text);height: 10px;position: absolute;right: -15px;top: 5px;width: 10px}
.breadcrumbs li:last-child:after {display: none}
.breadcrumbs a {color: var(--color-text);text-decoration: none}
.breadcrumbs a:hover {text-decoration: underline}
.article-heading {color: var(--color-h2);font-size: 36px;font-weight: 800;line-height: 44px;margin: 0 0 45px;text-wrap: balance}
.content {--content-img-margin: 25px;--h12-margin: 40px 0 25px;--h3-margin: 35px 0 20px;--h456-margin: 30px;font-size: 20px;line-height: 28px}
.content img {height: auto;line-height: 1.2;margin: 0 var(--content-img-margin);max-width: 100%}
.content img[align=left] {margin-left: 0}
.content img[align=right] {margin-right: 0}
.content h1 {font-size: 1.5em;line-height: 1.2}
.content :where(h1,h2) {margin: var(--h12-margin)}
.content h2 {font-size: 1.3em}
.content h3 {font-size: 1.17em;margin: var(--h3-margin)}
.content h4 {font-size: 1em}
.content h5 {font-size: .83em}
.content h6 {font-size: .67em}
.content :where(h4,h5,h6) {margin: var(--h456-margin) 0 1em}
.content a {color: var(--color-text);text-decoration-skip-ink: none;text-decoration-thickness: 1px}
.content > :first-child {margin-top: 0}
.content > :last-child {margin-bottom: 0}
.marker-bold li::marker {font-weight: 700}
.marker-dash li::marker {content: "-  "}
@media (max-width: 1060px) {
  .article-heading {font-size: 28px;line-height: 34px;margin-bottom: 30px}
  .content {--h12-margin: 35px 0 20px;--h3-margin: 30px 0 15px;--h456-margin: 25px;font-size: 16px;line-height: 22px}
}
@media (max-width: 620px) {
  .article-heading {font-size: 22px;line-height: 27px;margin-bottom: 20px}
  .breadcrumbs {font-size: 12px}
  .breadcrumbs li:after {top: 2px}
  .content {--content-img-margin: 20px;--h12-margin: 25px 0 10px;--h3-margin: 20px 0 5px;--h456-margin: 15px;font-size: 12px;line-height: 18px}
  .content ol, .content ul {padding-left: 20px}
}
@media (max-width: 480px) {
  .content img {float: none !important;height: auto;margin: 0;width: 100%}
}
.team-member {align-items: flex-start;display: flex;gap: 30px;margin: 0;padding: 0}
.team-list img {display: block;height: auto;object-fit: cover;width: 460px}
.team-member figcaption {font-size: 20px;line-height: 28px}
.team-member-name {font-size: 26px;font-weight: 700;margin-bottom: 25px}
.team-member-post {margin-bottom: 20px}
.team-member-desc p:first-child {margin-top: 0}
.team-member-desc p:last-child {margin-bottom: 0}
.team-list {display: flex;flex-direction: column;gap: 40px}
@media (max-width: 1060px) {
  .team-member {gap: 20px}
  .team-member figcaption {font-size: 16px;line-height: 22px}
  .team-member img {width: 405px}
  .team-member-name {font-size: 22px;line-height: 32px;margin-bottom: 20px}
  .team-list {gap: 30px}
}
@media (max-width: 768px) {
  .team-member img {width: 362px}
}
@media (max-width: 620px) {
  .team-member img {aspect-ratio: 220/150;width: 220px}
  .team-member figcaption {font-size: 12px;line-height: 18px}
  .team-member-name {font-size: 18px;line-height: 26px;margin-bottom: 5px}
  .team-member-post {margin-bottom: 5px}
}
@media (max-width: 450px) {
  .team-member {align-items: stretch;flex-direction: column;gap: 15px}
  .team-member img {aspect-ratio: 300/150;width: 100%}
}