/* Hermes About Page 2.0.71 */
.hms-about-page {
    --hms-about-primary: #5055be;
    --hms-about-heading: #1f2f6f;
    --hms-about-text: #5f6b85;
    --hms-about-accent: #f59e0b;
    --hms-about-green: #22a06b;
    --hms-about-soft: #f7f8ff;
    --hms-about-border: rgba(80, 85, 190, .12);
    --hms-about-shadow: 0 18px 44px rgba(34, 51, 111, .07);
    --hms-about-width: 1540px;
    --hms-about-space: 86px;
    --hms-about-main-heading: 54px;
    --hms-about-section-heading: 36px;
    --hms-about-body-size: 17px;
    --hms-about-image-radius: 28px;
    color: var(--hms-about-text);
    padding: 24px 0 92px;
}
.hms-about-page *, .hms-about-page *::before, .hms-about-page *::after { box-sizing: border-box; }
.hms-about-page__container { width: min(var(--hms-about-width), 88%); margin-inline: auto; }
.hms-about-page__breadcrumbs { margin-bottom: 22px; }
.hms-about-page figure, .hms-about-page p { margin: 0; }
.hms-about-page a { text-decoration: none; }
.hms-about-page img { display:block; max-width:100%; height:auto; }
.hms-about-page h1, .hms-about-page h2, .hms-about-page h3, .hms-about-page h4 {
    margin: 0;
    color: var(--hms-about-heading);
    letter-spacing: -.03em;
}
.hms-about-page h1 { font-size: clamp(34px, 4.2vw, var(--hms-about-main-heading)); line-height: 1.34; font-weight: 900; }
.hms-about-page h2 { font-size: clamp(28px, 2.8vw, var(--hms-about-section-heading)); line-height: 1.38; font-weight: 900; }
.hms-about-page h3 { font-size: 21px; line-height: 1.5; font-weight: 800; }
.hms-about-page h4 { font-size: 15px; line-height: 1.5; font-weight: 800; }
.hms-about-page p,
.hms-about-richtext {
    font-size: clamp(15px, 1.02vw, var(--hms-about-body-size));
    line-height: 2.05;
    color: var(--hms-about-text);
    font-weight: 500;
}
.hms-about-richtext p + p { margin-top: 14px; }

.hms-about-section-head { margin-bottom: 26px; }
.hms-about-section-head--center { text-align: center; }
.hms-about-section-head p { max-width: 760px; margin: 12px auto 0; }

.hms-about-ui-icon {
    display:inline-flex; align-items:center; justify-content:center;
    width: 56px; height: 56px; border-radius: 18px;
    background: rgba(80,85,190,.08); color: var(--hms-about-primary);
    flex: 0 0 56px;
}
.hms-about-ui-icon svg { width: 28px; height: 28px; display:block; }

.hms-about-hero,
.hms-about-story-card,
.hms-about-mission-cards,
.hms-about-activities,
.hms-about-team,
.hms-about-extra-content {
    margin-bottom: clamp(28px, calc(var(--hms-about-space) * .5), 90px);
}

.hms-about-hero,
.hms-about-story-card,
.hms-about-collaboration-card,
.hms-about-extra-content {
    display:grid; gap: clamp(26px, 3vw, 52px); align-items: center;
    padding: clamp(22px, 2.7vw, 36px);
    border-radius: 30px; border: 1px solid var(--hms-about-border); background: rgba(255,255,255,.94); box-shadow: var(--hms-about-shadow);
}

.hms-about-hero { grid-template-columns: minmax(360px, 1fr) minmax(340px, .96fr); }
.hms-about-story-card { grid-template-columns: minmax(320px, .96fr) minmax(320px, 1fr); }
.hms-about-collaboration-card { grid-template-columns: minmax(300px,.88fr) minmax(0,1.12fr); margin-top: 36px; }

.hms-about-hero__media,
.hms-about-story-card__media,
.hms-about-collaboration-card__media {
    display:flex; align-items:center; justify-content:center;
    min-height: 320px; padding: 14px;
    border-radius: calc(var(--hms-about-image-radius) + 2px);
    background: linear-gradient(180deg, rgba(247,248,255,.96), rgba(244,246,255,.92));
    overflow: hidden;
}
.hms-about-hero__media img,
.hms-about-story-card__media img,
.hms-about-collaboration-card__media img {
    width:100%;
    max-height: 420px;
    object-fit: contain;
    object-position: center;
    background: transparent;
}
.hms-about-hero__copy { max-width: 720px; }
.hms-about-hero__intro { margin-top: 18px; }

.hms-about-story-card__copy h2 { margin-bottom: 10px; }
.hms-about-story-card__divider {
    width: 84px; height: 4px; border-radius: 999px; margin-bottom: 18px;
    background: linear-gradient(90deg, var(--hms-about-accent), rgba(245,158,11,.18));
}

.hms-about-mission-cards__grid {
    display:grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: 18px;
}
.hms-about-info-card {
    min-height: 214px; padding: 24px 22px;
    border-radius: 24px; border:1px solid var(--hms-about-border); background:#fff; box-shadow: 0 14px 30px rgba(32,48,106,.05);
}
.hms-about-info-card h3 { margin-top: 14px; margin-bottom: 10px; }
.hms-about-info-card--vision .hms-about-ui-icon { background: rgba(34,160,107,.10); color: var(--hms-about-green); }
.hms-about-info-card--mission .hms-about-ui-icon { background: rgba(245,158,11,.10); color: var(--hms-about-accent); }
.hms-about-info-card--values .hms-about-ui-icon { background: rgba(139,92,246,.10); color: #8b5cf6; }

.hms-about-activities__wrap {
    padding: clamp(20px, 2.2vw, 28px);
    border-radius: 30px;
    border: 1px solid var(--hms-about-border);
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,248,255,.94));
    box-shadow: var(--hms-about-shadow);
}
.hms-about-activity-grid {
    display:grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: 16px;
}
.hms-about-activity-card {
    position: relative;
    min-height: 210px;
    padding: 22px 18px 18px;
    border-radius: 24px;
    border:1px solid var(--hms-about-border);
    background:#fff;
    box-shadow: 0 12px 28px rgba(32,48,106,.05);
    overflow: hidden;
}
.hms-about-activity-card::before {
    content:"";
    position:absolute; inset: 0 auto auto 0;
    width: 100%; height: 4px;
    background: rgba(80,85,190,.12);
}
.hms-about-activity-card .hms-about-ui-icon { margin-bottom: 16px; }
.hms-about-activity-card h3 { margin-bottom: 10px; font-size: 20px; }
.hms-about-activity-card p { font-size: 14px; line-height: 1.95; }
.hms-about-activity-card--support::before { background: rgba(34,160,107,.28); }
.hms-about-activity-card--support .hms-about-ui-icon { color: var(--hms-about-green); background: rgba(34,160,107,.10); }
.hms-about-activity-card--podcast::before { background: rgba(139,92,246,.28); }
.hms-about-activity-card--podcast .hms-about-ui-icon { color: #8b5cf6; background: rgba(139,92,246,.10); }
.hms-about-activity-card--articles::before { background: rgba(80,85,190,.28); }
.hms-about-activity-card--articles .hms-about-ui-icon { color: var(--hms-about-primary); background: rgba(80,85,190,.10); }
.hms-about-activity-card--skills::before { background: rgba(245,158,11,.28); }
.hms-about-activity-card--skills .hms-about-ui-icon { color: var(--hms-about-accent); background: rgba(245,158,11,.10); }
.hms-about-activity-card--online::before { background: rgba(59,130,246,.28); }
.hms-about-activity-card--online .hms-about-ui-icon { color: #3b82f6; background: rgba(59,130,246,.10); }


.hms-about-team__eyebrow {
    display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px; margin-bottom: 12px;
    border-radius: 999px; background: rgba(80,85,190,.08); color: var(--hms-about-primary); font-size: 14px; font-weight: 800;
}
.hms-about-card-text p { font-size: 14px; line-height: 1.95; }
.hms-about-card-text p + p { margin-top: 8px; }

.hms-about-org-chart { margin-top: 24px; }
.hms-about-org-chart__lead { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; position:relative; margin-bottom: 32px; }
.hms-about-org-chart__lead::after {
    content:""; position:absolute; top:100%; width:2px; height:24px; background: linear-gradient(180deg, rgba(80,85,190,.28), rgba(80,85,190,0));
}
.hms-about-org-lead-card {
    display:flex; align-items:center; gap:16px; width: min(100%, 390px); padding: 16px 18px;
    border-radius: 24px; border: 1px solid rgba(80,85,190,.18); background:#fff; box-shadow: 0 14px 28px rgba(32,48,106,.06);
}
.hms-about-org-lead-card__avatar, .hms-about-org-member__avatar {
    flex: 0 0 64px; width:64px; height:64px; margin:0; border-radius:50%; overflow:hidden; background:#eff2ff;
}
.hms-about-org-member__avatar { flex-basis: 48px; width:48px; height:48px; }
.hms-about-org-lead-card__avatar img, .hms-about-org-member__avatar img { width:100%; height:100%; object-fit:cover; }
.hms-about-org-chart__branches {
    position:relative; display:grid; grid-template-columns: repeat(auto-fit, minmax(210px,1fr)); gap: 16px; padding-top: 24px;
}
.hms-about-org-chart__branches::before {
    content:""; position:absolute; top:0; right:7%; left:7%; border-top:2px dashed rgba(80,85,190,.28);
}
.hms-about-org-branch { position:relative; padding-top: 22px; }
.hms-about-org-branch::before {
    content:""; position:absolute; top:0; right:50%; width:2px; height:22px; transform: translateX(50%);
    background: linear-gradient(180deg, rgba(80,85,190,.28), rgba(80,85,190,0));
}
.hms-about-org-branch__title {
    display:flex; align-items:center; justify-content:center; gap:10px; min-height:58px; padding: 10px 14px; margin-bottom: 12px;
    border:1px solid var(--hms-about-border); border-radius:18px; background:#fff;
}
.hms-about-org-branch__title .hms-about-ui-icon { width:42px; height:42px; border-radius:14px; flex-basis:42px; }
.hms-about-org-branch__title .hms-about-ui-icon svg { width:22px; height:22px; }
.hms-about-org-branch__title h3 { font-size: 18px; }
.hms-about-org-branch__members { display:grid; gap: 10px; }
.hms-about-org-member {
    display:flex; align-items:center; justify-content:space-between; gap:10px; padding: 10px 12px;
    border:1px solid var(--hms-about-border); border-radius:16px; background:#fff;
}
.hms-about-org-member__content { min-width:0; }
.hms-about-org-member__content h4 { margin-bottom:3px; }
.hms-about-org-member__content p { font-size: 12px; line-height: 1.8; }

.hms-about-collaboration-card__copy h3 { margin-bottom: 12px; font-size: clamp(30px, 3vw, 42px); }
.hms-about-collaboration-card__button {
    display:inline-flex; align-items:center; gap:10px; min-height:54px; margin-top: 22px; padding:0 26px;
    border-radius:999px; color:#fff; background: linear-gradient(90deg, var(--hms-about-primary), #6d64e2); box-shadow: 0 16px 30px rgba(80,85,190,.22);
    font-size: 15px; font-weight: 800;
}
.hms-about-collaboration-card__button svg { width:16px; height:16px; color:currentColor; }

@media (max-width: 1400px) {
    .hms-about-page__container { width: calc(100% - 28px); }
    .hms-about-org-chart__branches { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 1200px) {
    .hms-about-hero, .hms-about-story-card, .hms-about-collaboration-card { grid-template-columns: 1fr; }
    .hms-about-mission-cards__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 991px) {
    .hms-about-org-chart__branches { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 767px) {
    .hms-about-page { padding: 18px 0 70px; }
    .hms-about-page__container { width: calc(100% - 22px); }
    .hms-about-hero, .hms-about-story-card, .hms-about-collaboration-card, .hms-about-extra-content { padding: 18px; border-radius: 24px; }
    .hms-about-hero__media, .hms-about-story-card__media, .hms-about-collaboration-card__media { min-height: 220px; }
    .hms-about-mission-cards__grid, .hms-about-activity-grid, .hms-about-org-chart__branches { grid-template-columns: 1fr; }
    .hms-about-org-chart__branches::before, .hms-about-org-branch::before, .hms-about-org-chart__lead::after { display:none; }
    .hms-about-org-lead-card { min-width: 100%; }
}

/* About page 2.0.73 — original editorial alternating activities + sortable collaboration. */
.hms-about-title-divider {
    display:flex;
    align-items:center;
    justify-content:center;
    width:176px;
    height:22px;
    margin:16px auto 24px;
}
.hms-about-title-divider::before,
.hms-about-title-divider::after {
    content:"";
    flex:1;
    height:1px;
    background:rgba(245,158,11,.48);
}
.hms-about-title-divider i {
    display:block;
    width:14px;
    height:14px;
    margin-inline:10px;
    border:4px solid #fff;
    border-radius:50%;
    background:var(--hms-about-accent);
    box-shadow:0 0 0 2px rgba(245,158,11,.12);
}

/* Goal cards: one clean row without enclosing white boxes. */
.hms-about-mission-cards {
    width:min(1180px,100%);
    margin-inline:auto;
}
.hms-about-mission-cards__grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:0;
    align-items:stretch;
}
.hms-about-info-card {
    min-height:0;
    padding:20px clamp(18px,2.2vw,32px);
    border:0;
    border-inline-start:1px solid rgba(80,85,190,.12);
    border-radius:0;
    background:transparent;
    box-shadow:none;
    text-align:center;
}
.hms-about-info-card:first-child { border-inline-start:0; }
.hms-about-info-card .hms-about-ui-icon { margin-inline:auto; }
.hms-about-info-card h3 { margin-top:14px; margin-bottom:9px; }

/* Activities: exact original alternating composition. */
.hms-about-activities {
    position:relative;
    margin-top:calc(var(--hms-about-space) * .12);
    overflow:visible;
}
.hms-about-activities__head {
    margin:0 auto clamp(34px,4.4vw,64px);
    text-align:center;
}
.hms-about-activities__head h2 {
    font-size:clamp(34px,3.7vw,50px);
    line-height:1.28;
}
.hms-about-feature-list { display:grid; }
.hms-about-feature {
    position:relative;
    min-height:430px;
    padding:clamp(14px,1.8vw,28px) 0;
    margin-bottom:calc(var(--hms-about-space) - 4px);
    overflow:visible;
}
.hms-about-feature:last-child { margin-bottom:0; }
.hms-about-feature__inner {
    position:relative;
    z-index:2;
    display:grid;
    align-items:center;
    gap:clamp(46px,5vw,82px);
    direction:ltr;
}
.hms-about-feature--image-left .hms-about-feature__inner {
    grid-template-columns:minmax(280px,320px) minmax(0,1fr);
}
.hms-about-feature--image-right .hms-about-feature__inner {
    grid-template-columns:minmax(0,1fr) minmax(280px,320px);
}
.hms-about-feature--image-left .hms-about-feature__media {
    grid-column:1;
    grid-row:1;
    justify-self:start;
}
.hms-about-feature--image-left .hms-about-feature__copy {
    grid-column:2;
    grid-row:1;
}
.hms-about-feature--image-right .hms-about-feature__copy {
    grid-column:1;
    grid-row:1;
}
.hms-about-feature--image-right .hms-about-feature__media {
    grid-column:2;
    grid-row:1;
    justify-self:end;
}
.hms-about-feature__copy {
    min-width:0;
    position:relative;
    z-index:3;
    direction:rtl;
    text-align:right;
}
.hms-about-feature__copy h3 {
    margin:0 0 18px;
    color:var(--hms-about-primary);
    font-size:clamp(30px,2.65vw,var(--hms-about-section-heading));
    line-height:1.33;
}
.hms-about-feature__copy .hms-about-richtext {
    max-width:850px;
}
.hms-about-feature__media {
    position:relative;
    z-index:1;
    width:min(300px,100%);
    justify-self:center;
    overflow:visible;
}
.hms-about-feature__media::before {
    position:absolute;
    z-index:-1;
    inset:-8% 8% 8% -8%;
    border-radius:calc(var(--hms-about-image-radius) + 8px);
    content:"";
    background:rgba(59,130,246,.10);
    transform:rotate(-8deg);
}
.hms-about-feature--image-left .hms-about-feature__media::before {
    inset:-8% -8% 8% 8%;
    transform:rotate(8deg);
}
.hms-about-feature__media::after {
    position:absolute;
    z-index:-2;
    top:45%;
    width:clamp(390px,42vw,600px);
    aspect-ratio:1;
    border:1px solid rgba(110,145,215,.26);
    border-radius:50%;
    content:"";
    pointer-events:none;
    transform:translateY(-50%);
    box-shadow:0 0 0 38px rgba(110,145,215,.026),0 0 0 76px rgba(110,145,215,.018);
}
.hms-about-feature--image-left .hms-about-feature__media::after { right:40%; }
.hms-about-feature--image-right .hms-about-feature__media::after { left:40%; }
.hms-about-feature__orbit { display:none!important; }
.hms-about-feature__media img {
    display:block;
    width:100%;
    aspect-ratio:1 / 1.05;
    object-fit:cover;
    object-position:center;
    border-radius:var(--hms-about-image-radius);
    background:transparent;
    box-shadow:0 16px 38px rgba(59,74,98,.08);
    filter:none;
}
.hms-about-inline-link {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:22px;
    color:var(--hms-about-primary);
    font-size:clamp(12px,.95vw,15px);
    font-weight:900;
    transition:transform .2s ease,color .2s ease;
}
.hms-about-inline-link svg { width:22px; height:15px; flex:0 0 22px; }
.hms-about-inline-link:hover { transform:translateX(-4px); }

/* Collaboration is now a real independent sortable section. */
.hms-about-collaboration-section {
    margin-top:calc(var(--hms-about-space) * .25);
    margin-bottom:clamp(28px,calc(var(--hms-about-space) * .5),90px);
}
.hms-about-collaboration-section .hms-about-collaboration-card { margin-top:0; }
.hms-about-collaboration-card__copy h2 {
    margin:0 0 12px;
    color:var(--hms-about-heading);
    font-size:clamp(30px,3vw,42px);
    line-height:1.35;
}

@media (max-width:991px) {
    .hms-about-feature { min-height:0; margin-bottom:52px; }
    .hms-about-feature__inner,
    .hms-about-feature--image-left .hms-about-feature__inner,
    .hms-about-feature--image-right .hms-about-feature__inner {
        grid-template-columns:1fr;
        gap:26px;
    }
    .hms-about-feature--image-left .hms-about-feature__media,
    .hms-about-feature--image-right .hms-about-feature__media {
        grid-column:1;
        grid-row:1;
        justify-self:center;
    }
    .hms-about-feature--image-left .hms-about-feature__copy,
    .hms-about-feature--image-right .hms-about-feature__copy {
        grid-column:1;
        grid-row:2;
    }
    .hms-about-feature__copy { text-align:center; }
    .hms-about-feature__copy .hms-about-richtext { margin-inline:auto; }
    .hms-about-feature__media::after {
        left:50%!important;
        right:auto!important;
        width:min(88vw,500px);
        transform:translate(-50%,-50%);
    }
}
@media (max-width:767px) {
    .hms-about-mission-cards__grid { grid-template-columns:1fr; }
    .hms-about-info-card { border-inline-start:0; border-top:1px solid rgba(80,85,190,.12); padding:22px 8px; }
    .hms-about-info-card:first-child { border-top:0; }
    .hms-about-feature__media { width:min(290px,86vw); }
    .hms-about-feature__copy h3 { font-size:28px; }
}