/* About HOPO editorial edition. Deliberately scoped to the three About templates. */
.corporateMain.hopoEditorial {
    --corporate-red: #d90025;
    --corporate-ink: #242522;
    --corporate-text: #3c3e39;
    --corporate-muted: #74766f;
    --corporate-line: #d7d8cf;
    --corporate-soft: #f7f6f2;
    --corporate-accent: #f7f6f2;
    --corporate-green: #242522;
    color: var(--corporate-text);
    background: #f7f6f2;
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
}
.corporateMain.hopoEditorial *,
.corporateMain.hopoEditorial *::before,
.corporateMain.hopoEditorial *::after { box-sizing: border-box; }
.corporateMain.hopoEditorial .corporateShell {
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
    padding-inline: 40px;
}
.corporateMain.hopoEditorial :is(h1, h2, h3, h4) {
    font-family: inherit;
    font-weight: 600;
    color: var(--corporate-ink);
    overflow-wrap: break-word;
    word-break: normal;
    text-wrap: balance;
}
.corporateMain.hopoEditorial :is(p, a, span, strong) { overflow-wrap: break-word; }
.corporateMain.hopoEditorial :is(.corporateHeroGrid, .corporateSectionHead--split, .corporatePurposeItem, .corporateValues, .corporateValue, .corporateMetricRow, .corporateDualFeature, .hopoEditorialFeature) > * { min-width: 0; }
.corporateMain.hopoEditorial :is(.corporateHero, .corporateSection--soft, .corporateSection--accent, .corporateSection--ink, .corporateSection--green) {
    color: var(--corporate-text);
    background: #f7f6f2;
    border-color: var(--corporate-line);
}
.corporateMain.hopoEditorial .corporateSection--white { background: #fff; }
.corporateMain.hopoEditorial .corporateHero { padding-block: 32px 58px; }
.corporateMain.hopoEditorial .corporateBreadcrumb {
    margin-bottom: 36px;
    padding-bottom: 19px;
    border-bottom: 1px solid var(--corporate-line);
    color: var(--corporate-muted);
    font-size: 12px;
    gap: 10px;
}
.corporateMain.hopoEditorial .corporateHeroGrid,
.corporateMain.hopoEditorial .corporateHeroGrid.has-media {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 56px;
    align-items: center;
}
.corporateMain.hopoEditorial .corporateHeroGrid:not(.has-media) { grid-template-columns: minmax(0, 1fr); }
.corporateMain.hopoEditorial .corporateHeroCopy { max-width: none; }
.corporateMain.hopoEditorial .corporateEyebrow,
.corporateMain.hopoEditorial .corporatePurposeLabel {
    color: var(--corporate-red);
    margin-bottom: 18px;
    font-size: 12px;
    line-height: 1.6;
    font-weight: 650;
    letter-spacing: .08em;
}
.corporateMain.hopoEditorial .corporateHero h1 {
    margin-bottom: 24px;
    color: var(--corporate-ink);
    font-size: clamp(40px, 4vw, 58px);
    line-height: 1.2;
    font-weight: 650;
}
.corporateMain.hopoEditorial .corporateHeroCopy > p {
    color: #62645e;
    font-size: 18px;
    line-height: 1.9;
    max-width: 33em;
}
.corporateMain.hopoEditorial .corporateSection { padding-block: 72px; }
.corporateMain.hopoEditorial .corporateSectionHead { max-width: none; margin-bottom: 36px; }
.corporateMain.hopoEditorial .corporateSectionHead--split {
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 72px;
    align-items: start;
}
.corporateMain.hopoEditorial :is(.corporateSectionHead h2, .corporateStatement h2, .corporateDualFeature h2) {
    color: var(--corporate-ink);
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.38;
    margin-bottom: 22px;
}
.corporateMain.hopoEditorial :is(.corporateSectionHead > p, .corporateSectionHead--split > p, .corporateProse p, .corporateStatement > p, .corporateDualFeature p) {
    color: #62645e;
    font-size: 16px;
    line-height: 1.95;
    margin-bottom: 20px;
}
.corporateMain.hopoEditorial .corporateProse p:last-child { margin-bottom: 0; }
.corporateMain.hopoEditorial .corporateCapabilityGrid,
.corporateMain.hopoEditorial .corporateThreeColumn { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.corporateMain.hopoEditorial :is(.corporateCapability, .corporateTextPanel) { padding: 26px 28px 30px; }
.corporateMain.hopoEditorial :is(.corporateCapability, .corporateTextPanel):first-child { padding-inline-start: 0; }
.corporateMain.hopoEditorial :is(.corporateCapability, .corporateTextPanel):last-child { padding-inline-end: 0; }
.corporateMain.hopoEditorial :is(.corporateCapability > span, .corporateTextPanel > span) { font-size: 12px; margin-bottom: 24px; }
.corporateMain.hopoEditorial :is(.corporateCapability h3, .corporateTextPanel h3) { font-size: 23px; line-height: 1.4; margin-bottom: 12px; }
.corporateMain.hopoEditorial :is(.corporateCapability p, .corporateTextPanel p) { color: #62645e; font-size: 15px; line-height: 1.85; }
.corporateMain.hopoEditorial .corporatePurposeGrid { border-color: var(--corporate-line); }
.corporateMain.hopoEditorial .corporatePurposeGrid--single .corporatePurposeItem {
    display: grid;
    grid-template-columns: minmax(0, .23fr) minmax(0, 1.15fr) minmax(0, .85fr);
    gap: 36px;
    padding: 28px 0 32px;
    border-color: var(--corporate-line);
}
.corporateMain.hopoEditorial .corporatePurposeItem h3 { color: var(--corporate-ink); font-size: 29px; line-height: 1.55; }
.corporateMain.hopoEditorial :is(.corporatePurposeItem p, .corporateValues p) { color: #62645e; font-size: 15px; line-height: 1.85; }
.corporateMain.hopoEditorial .corporateValues { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-top: 42px; }
.corporateMain.hopoEditorial .corporateValuesIntro .corporatePurposeLabel { margin-bottom: 0; }
.corporateMain.hopoEditorial .corporateValuesIntro h3 { color: var(--corporate-ink); margin: 12px 0 0; font-size: 28px; }
.corporateMain.hopoEditorial .corporateValuesIntro p { margin-top: 14px; }
.corporateMain.hopoEditorial .corporateValuesGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--corporate-line);
}
.corporateMain.hopoEditorial .corporateValue {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 16px;
    padding: 24px 26px;
    border-inline-end: 1px solid var(--corporate-line);
    border-bottom: 1px solid var(--corporate-line);
}
.corporateMain.hopoEditorial .corporateValue:nth-child(3n+1) { padding-inline-start: 0; }
.corporateMain.hopoEditorial .corporateValue:nth-child(3n) { border-inline-end: 0; padding-inline-end: 0; }
.corporateMain.hopoEditorial .corporateValue > span { color: var(--corporate-red); font-size: 12px; padding-top: 4px; }
.corporateMain.hopoEditorial .corporateValue h4 { color: var(--corporate-ink); font-size: 22px; line-height: 1.5; }
.corporateMain.hopoEditorial .corporatePurposeGrid--closing { margin-top: 40px; }
.corporateMain.hopoEditorial .corporateLinkList a { grid-template-columns: 48px minmax(0, 1fr) 30px; gap: 24px; padding-block: 23px; }
.corporateMain.hopoEditorial .corporateLinkList h3 { font-size: 23px; }
.corporateMain.hopoEditorial .corporateLinkList p { color: #62645e; font-size: 15px; }
.corporateMain.hopoEditorial .corporateLinkList a:hover { background: #eeede7; }
.corporateMain.hopoEditorial a:focus-visible { outline: 2px solid var(--corporate-red); outline-offset: 4px; }
.corporateMain.hopoEditorial .corporateStat { padding: 25px 24px; }
.corporateMain.hopoEditorial .corporateStat:first-child { padding-inline-start: 0; }
.corporateMain.hopoEditorial .corporateStat strong { font-family: inherit; font-size: clamp(29px, 3vw, 42px); font-weight: 500; color: var(--corporate-ink); }
.corporateMain.hopoEditorial .corporateStat span { color: #62645e; font-size: 13px; }
.corporateMain.hopoEditorial :is(.corporateMetricRows, .corporateMetricRow) { border-color: var(--corporate-line); }
.corporateMain.hopoEditorial .corporateMetricRow { grid-template-columns: minmax(0, .5fr) minmax(0, .75fr) minmax(0, 1.2fr); gap: 40px; padding-block: 27px; }
.corporateMain.hopoEditorial .corporateMetricRow strong { color: var(--corporate-red); font-family: inherit; font-size: 30px; }
.corporateMain.hopoEditorial .corporateMetricRow h3 { color: var(--corporate-ink); font-size: 23px; line-height: 1.5; }
.corporateMain.hopoEditorial .corporateMetricRow p { color: #62645e; font-size: 15px; line-height: 1.85; grid-column: auto; }
.corporateMain.hopoEditorial .corporateClosingNote { margin-top: 30px; color: #62645e; font-size: 15px; line-height: 1.9; border-inline-start-width: 2px; }
.corporateMain.hopoEditorial .corporateStatement > p { max-width: 940px; margin-bottom: 0; }
.corporateMain.hopoEditorial .corporateDualFeature > article { padding: 36px 34px; border-color: var(--corporate-line); }
.corporateMain.hopoEditorial .corporateDualFeature > article:first-child { padding-inline-start: 0; }
.corporateMain.hopoEditorial .corporateDualFeature > article:last-child { padding-inline-end: 0; }
.corporateMain.hopoEditorial :is(.corporateMediaSlot, .hopoEditorialImage) {
    display: block;
    width: 100%;
    min-height: 0;
    margin: 32px 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    overflow: hidden;
}
.corporateMain.hopoEditorial :is(.corporateMediaSlot, .hopoEditorialImage) img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: auto;
    object-fit: contain;
    border-radius: 0;
    filter: saturate(.78);
}
.corporateMain.hopoEditorial .corporateHeroGrid > .corporateMediaSlot { min-height: 0; margin: 0; }
.corporateMain.hopoEditorial .corporateHeroGrid > .corporateMediaSlot img { width: 100%; height: auto; min-height: 0; object-fit: contain; }
.corporateMain.hopoEditorial .corporateMediaSlot img { contain-intrinsic-size: none; aspect-ratio: 16 / 9; }
.corporateMain.hopoEditorial #people-workplace .corporateMediaSlot img { aspect-ratio: 3 / 2; }
.corporateMain.hopoEditorial .hopoEditorialImage--culture-light img { aspect-ratio: 3 / 1; }
.corporateMain.hopoEditorial .hopoEditorialImage--manufacturing-precision img { aspect-ratio: 3 / 2; }
.corporateMain.hopoEditorial .hopoEditorialImage--sustainability-window img { aspect-ratio: 1672 / 941; }
.corporateMain.hopoEditorial :is(.corporateMediaSlot, .hopoEditorialImage) figcaption {
    position: static;
    padding: 10px 0 0;
    margin: 0;
    color: var(--corporate-muted);
    background: transparent;
    border-radius: 0;
    font-size: 11px;
    line-height: 1.7;
    text-align: start;
}
.corporateMain.hopoEditorial #purpose > .corporateShell > .hopoEditorialImage { margin-top: 32px; }
.corporateMain.hopoEditorial #purpose > .corporateShell > .hopoEditorialImage img { max-height: 420px; object-fit: cover; object-position: center; }
.corporateMain.hopoEditorial .hopoEditorialFeature { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 42px; align-items: start; }
.corporateMain.hopoEditorial .hopoEditorialFeature > :is(.hopoEditorialImage, .corporateMediaSlot) { margin-top: 0; }
.corporateMain.hopoEditorial .hopoEditorialFeature > .corporateThreeColumn { grid-template-columns: minmax(0, 1fr); }
.corporateMain.hopoEditorial .hopoEditorialFeature .corporateTextPanel {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 8px 18px;
    padding: 20px 0;
    border-inline-end: 0;
    border-bottom: 1px solid var(--corporate-line);
}
.corporateMain.hopoEditorial .hopoEditorialFeature .corporateTextPanel:last-child { border-bottom: 0; }
.corporateMain.hopoEditorial .hopoEditorialFeature .corporateTextPanel > span { grid-row: 1 / 3; margin: 4px 0 0; }
.corporateMain.hopoEditorial .hopoEditorialFeature .corporateTextPanel h3 { margin: 0; font-size: 22px; }
.corporateMain.hopoEditorial .hopoEditorialFeature .corporateTextPanel p { grid-column: 2; font-size: 14px; line-height: 1.85; }
.corporateMain.hopoEditorial :is(#company-profile, #purpose, #precision-stamping, #intelligent-assembly, #intelligent-logistics, #people-workplace) { scroll-margin-top: 110px; }

@media (max-width: 1050px) {
    .corporateMain.hopoEditorial .corporateHeroGrid,
    .corporateMain.hopoEditorial .corporateHeroGrid.has-media { gap: 34px; }
    .corporateMain.hopoEditorial .corporateSectionHead--split { gap: 40px; }
    .corporateMain.hopoEditorial .corporatePurposeGrid--single .corporatePurposeItem { grid-template-columns: minmax(0, .24fr) minmax(0, 1fr); gap: 20px 30px; }
    .corporateMain.hopoEditorial .corporatePurposeGrid--single .corporatePurposeItem p { grid-column: 2; }
    .corporateMain.hopoEditorial .corporateValue { padding-inline: 20px; }
    .corporateMain.hopoEditorial .hopoEditorialFeature { gap: 30px; }
    .corporateMain.hopoEditorial .corporateMetricRow { gap: 25px; }
}
@media (max-width: 800px) {
    .corporateMain.hopoEditorial .corporateShell { padding-inline: 28px; }
    .corporateMain.hopoEditorial .corporateHeroGrid,
    .corporateMain.hopoEditorial .corporateHeroGrid.has-media,
    .corporateMain.hopoEditorial .corporateSectionHead--split,
    .corporateMain.hopoEditorial .hopoEditorialFeature { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .corporateMain.hopoEditorial .corporateHeroCopy > p { max-width: none; }
    .corporateMain.hopoEditorial .corporateHero h1 { font-size: 46px; }
    .corporateMain.hopoEditorial .corporateSectionHead--split h2 { margin-bottom: 0; }
    .corporateMain.hopoEditorial .corporateValuesGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .corporateMain.hopoEditorial .corporateValue:nth-child(n) { padding-inline: 20px; border-inline-end: 1px solid var(--corporate-line); }
    .corporateMain.hopoEditorial .corporateValue:nth-child(2n+1) { padding-inline-start: 0; }
    .corporateMain.hopoEditorial .corporateValue:nth-child(2n) { padding-inline-end: 0; border-inline-end: 0; }
    .corporateMain.hopoEditorial .corporateCapabilityGrid,
    .corporateMain.hopoEditorial .corporateThreeColumn { grid-template-columns: minmax(0, 1fr); }
    .corporateMain.hopoEditorial :is(.corporateCapability, .corporateTextPanel) { padding: 25px 0; border-inline-end: 0; border-bottom: 1px solid var(--corporate-line); }
    .corporateMain.hopoEditorial :is(.corporateCapability, .corporateTextPanel):last-child { border-bottom: 0; }
    .corporateMain.hopoEditorial :is(.corporateCapability > span, .corporateTextPanel > span) { margin-bottom: 12px; }
    .corporateMain.hopoEditorial .corporateMetricRow { grid-template-columns: minmax(0, .6fr) minmax(0, 1.4fr); gap: 14px 28px; }
    .corporateMain.hopoEditorial .corporateMetricRow p { grid-column: 2; }
    .corporateMain.hopoEditorial .corporateDualFeature > article { padding-inline: 24px; }
}
@media (max-width: 600px) {
    .corporateMain.hopoEditorial .corporateShell { padding-inline: 24px; }
    .corporateMain.hopoEditorial .corporateHero { padding-block: 24px 38px; }
    .corporateMain.hopoEditorial .corporateBreadcrumb { margin-bottom: 28px; padding-bottom: 15px; font-size: 11px; }
    .corporateMain.hopoEditorial .corporateHero h1 { font-size: clamp(34px, 9.4vw, 44px); margin-bottom: 18px; line-height: 1.3; }
    .corporateMain.hopoEditorial .corporateHeroCopy > p { font-size: 16px; line-height: 1.85; }
    .corporateMain.hopoEditorial .corporateSection { padding-block: 44px; }
    .corporateMain.hopoEditorial .corporateSectionHead { margin-bottom: 28px; }
    .corporateMain.hopoEditorial :is(.corporateSectionHead h2, .corporateStatement h2, .corporateDualFeature h2) { font-size: 29px; line-height: 1.45; margin-bottom: 16px; }
    .corporateMain.hopoEditorial .corporateSectionHead--split h2 { margin-bottom: 0; }
    .corporateMain.hopoEditorial :is(.corporateSectionHead > p, .corporateSectionHead--split > p, .corporateProse p, .corporateStatement > p, .corporateDualFeature p) { font-size: 15px; line-height: 1.9; }
    .corporateMain.hopoEditorial .corporatePurposeGrid--single .corporatePurposeItem { grid-template-columns: minmax(0, 1fr); gap: 13px; padding-block: 24px; }
    .corporateMain.hopoEditorial .corporatePurposeGrid--single .corporatePurposeItem p { grid-column: auto; }
    .corporateMain.hopoEditorial .corporatePurposeItem h3 { font-size: 26px; line-height: 1.5; }
    .corporateMain.hopoEditorial .corporatePurposeGrid--single .corporatePurposeLabel { margin: 0; }
    .corporateMain.hopoEditorial .corporateValues { padding-top: 30px; gap: 16px; }
    .corporateMain.hopoEditorial .corporateValue { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .corporateMain.hopoEditorial .corporateValue:nth-child(n) { padding-block: 20px; padding-inline: 16px; }
    .corporateMain.hopoEditorial .corporateValue:nth-child(2n+1) { padding-inline-start: 0; }
    .corporateMain.hopoEditorial .corporateValue:nth-child(2n) { padding-inline-end: 0; }
    .corporateMain.hopoEditorial .corporateValue h4 { font-size: 21px; }
    .corporateMain.hopoEditorial .corporatePurposeGrid--closing { margin-top: 30px; }
    .corporateMain.hopoEditorial .corporateStatGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .corporateMain.hopoEditorial .corporateStat { padding: 24px 15px; }
    .corporateMain.hopoEditorial .corporateStat:nth-child(2n+1) { padding-inline-start: 0; }
    .corporateMain.hopoEditorial .corporateStat strong { font-size: 31px; }
    .corporateMain.hopoEditorial .corporateMetricRow { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-block: 25px; }
    .corporateMain.hopoEditorial .corporateMetricRow p { grid-column: auto; }
    .corporateMain.hopoEditorial .corporateDualFeature { grid-template-columns: minmax(0, 1fr); }
    .corporateMain.hopoEditorial .corporateDualFeature > article { padding: 28px 0; border-inline-end: 0; border-bottom: 1px solid var(--corporate-line); }
    .corporateMain.hopoEditorial .corporateDualFeature > article:last-child { border-bottom: 0; }
    .corporateMain.hopoEditorial .corporateLinkList a { grid-template-columns: 28px minmax(0, 1fr) 20px; gap: 14px; }
    .corporateMain.hopoEditorial .corporateLinkList h3 { font-size: 21px; }
    .corporateMain.hopoEditorial .corporateLinkList p { font-size: 14px; }
    .corporateMain.hopoEditorial :is(.corporateMediaSlot, .hopoEditorialImage) { margin-top: 25px; }
    .corporateMain.hopoEditorial #purpose > .corporateShell > .hopoEditorialImage img { max-height: none; object-fit: contain; }
}

/* Compact reading rhythm: hierarchy and alignment replace decorative rules. */
.corporateMain.hopoEditorial :is(.corporateHero, .corporateSection, .corporateBreadcrumb,
    .corporateCapabilityGrid, .corporateThreeColumn, .corporateStatGrid,
    .corporateDualFeature, .corporateLinkList) { border-block: 0; }
.corporateMain.hopoEditorial :is(.corporateCapability, .corporateTextPanel,
    .corporateStat, .corporateDualFeature > article, .corporateLinkList a,
    .hopoEditorialFeature .corporateTextPanel) { border-block: 0; }
.corporateMain.hopoEditorial .corporateSection { padding-block: 56px; }
.corporateMain.hopoEditorial .corporateSectionHead { margin-bottom: 26px; }
.corporateMain.hopoEditorial .corporateSectionHead--split { gap: 48px; }
.corporateMain.hopoEditorial .corporateBreadcrumb { margin-bottom: 24px; padding-bottom: 0; }
.corporateMain.hopoEditorial :is(.corporateSectionHead > p, .corporateSectionHead--split > p,
    .corporateProse p, .corporateStatement > p, .corporateDualFeature p) { line-height: 1.8; margin-bottom: 14px; }
.corporateMain.hopoEditorial :is(.corporateCapability, .corporateTextPanel) { padding-block: 18px; }
.corporateMain.hopoEditorial :is(.corporateCapability > span, .corporateTextPanel > span) { margin-bottom: 12px; }
.corporateMain.hopoEditorial .corporateLinkList a { padding-block: 17px; }
.corporateMain.hopoEditorial #purpose .corporateSectionHead { display: block; margin-bottom: 30px; }
.corporateMain.hopoEditorial #purpose .corporateSectionHead > h2.corporateEyebrow {
    margin: 0;
    color: var(--corporate-red);
    font-family: inherit;
    font-size: clamp(26px, 2.3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
}
.corporateMain.hopoEditorial #purpose .corporateSectionHead > p { margin: 12px 0 0; }
.corporateMain.hopoEditorial #purpose :is(.corporatePurposeGrid, .corporatePurposeItem,
    .corporateValues, .corporateValuesGrid, .corporateValue) { border: 0; }
.corporateMain.hopoEditorial #purpose .corporatePurposeItem,
.corporateMain.hopoEditorial #purpose .corporateValues {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
    padding: 0;
}
.corporateMain.hopoEditorial #purpose .corporatePurposeLabel { margin: 0; padding-top: 7px; line-height: 1.7; }
.corporateMain.hopoEditorial #purpose .corporatePurposeBody { min-width: 0; }
.corporateMain.hopoEditorial #purpose .corporatePurposeBody h3 { margin: 0; font-size: 27px; line-height: 1.5; text-wrap: pretty; }
.corporateMain.hopoEditorial #purpose .corporatePurposeBody p { grid-column: auto; max-width: 66em; margin: 8px 0 0; line-height: 1.8; }
.corporateMain.hopoEditorial #purpose .corporateValues { margin-top: 30px; }
.corporateMain.hopoEditorial #purpose .corporateValuesIntro p { margin: 0; line-height: 1.8; }
.corporateMain.hopoEditorial #purpose .corporateValuesIntro h3 { margin: 0 0 10px; }
.corporateMain.hopoEditorial #purpose .corporateValuesGrid { margin-top: 18px; gap: 16px 32px; }
.corporateMain.hopoEditorial #purpose .corporateValue:nth-child(n) {
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 10px;
    padding: 0;
    border: 0;
}
.corporateMain.hopoEditorial #purpose .corporateValue h4 { font-size: 22px; line-height: 1.5; }
.corporateMain.hopoEditorial #purpose .corporatePurposeGrid--closing { margin-top: 30px; }
@media (max-width: 800px) {
    .corporateMain.hopoEditorial .corporateSectionHead--split { gap: 22px; }
    .corporateMain.hopoEditorial #purpose .corporatePurposeItem,
    .corporateMain.hopoEditorial #purpose .corporateValues { grid-template-columns: 96px minmax(0, 1fr); gap: 24px; }
    .corporateMain.hopoEditorial #purpose .corporateValuesGrid { gap: 14px 20px; }
}
@media (max-width: 600px) {
    .corporateMain.hopoEditorial .corporateSection { padding-block: 38px; }
    .corporateMain.hopoEditorial #purpose .corporatePurposeItem,
    .corporateMain.hopoEditorial #purpose .corporateValues { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .corporateMain.hopoEditorial #purpose .corporatePurposeLabel { padding-top: 0; }
    .corporateMain.hopoEditorial #purpose .corporatePurposeBody h3 { font-size: 24px; text-wrap: balance; }
    .corporateMain.hopoEditorial #purpose .corporateValues,
    .corporateMain.hopoEditorial #purpose .corporatePurposeGrid--closing { margin-top: 28px; }
    .corporateMain.hopoEditorial #purpose .corporateValue h4 { font-size: 20px; }
    .corporateMain.hopoEditorial #purpose .corporateValue > span { padding-top: 3px; }
}