﻿.man-about-hero {
    position: relative;
    padding: 150px 0 90px;
    background: linear-gradient(90deg, rgba(44, 53, 19, 0.95), rgba(44, 53, 19, 0.78)), url('../images/bg/breadcrumb-bg-01.png') center/cover no-repeat;
    color: #ffffff;
}
.man-about-hero.compact { padding-bottom: 78px; }
.man-about-hero h1 { max-width: 880px; color: #ffffff; font-size: 54px; line-height: 1.08; margin: 12px 0 20px; letter-spacing: 0; }
.man-about-hero p { max-width: 820px; color: rgba(255,255,255,.88); font-size: 18px; line-height: 1.7; margin: 0; }
.man-eyebrow,.man-kicker { display: inline-block; color: #c8d89a; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.man-kicker { color: #6c7d31; margin-bottom: 10px; }
.man-about-page { background: #ffffff; color: #3f4630; }
.man-section { padding: 82px 0; }
.man-muted-band { background: #f5f7ef; }
.man-two-column { display: grid; grid-template-columns: minmax(240px,.8fr) minmax(0,1.2fr); gap: 54px; align-items: start; }
.man-two-column h2,.man-section-heading h2,.man-profile-feature h2 { color: #2c3513; font-size: 38px; line-height: 1.18; margin: 0; letter-spacing: 0; }
.man-two-column p,.man-info-card p,.man-feature-list span,.man-profile-feature p,.man-location-grid p { color: #5c644d; font-size: 16px; line-height: 1.75; }
.man-two-column p + p { margin-top: 16px; }
.man-section-heading { max-width: 760px; margin-bottom: 34px; }
.man-card-grid { display: grid; gap: 24px; }
.man-card-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.man-card-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.man-info-card,.man-location-grid article,.man-profile-strip article { background: #ffffff; border: 1px solid rgba(44,53,19,.12); border-radius: 8px; padding: 28px; box-shadow: 0 18px 40px rgba(44,53,19,.06); }
.man-info-card h3,.man-location-grid h3,.man-profile-strip h3 { color: #2c3513; font-size: 22px; line-height: 1.25; margin: 0 0 12px; letter-spacing: 0; }
.man-info-card p,.man-location-grid p,.man-profile-strip p { margin: 0; }
.man-feature-list { display: grid; gap: 16px; }
.man-feature-list div { display: grid; grid-template-columns: 240px 1fr; gap: 28px; align-items: start; padding: 22px 0; border-bottom: 1px solid rgba(44,53,19,.14); }
.man-feature-list strong { color: #2c3513; font-size: 18px; }
.man-stat-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.man-stat-grid div { background: #ffffff; border-radius: 8px; padding: 28px; border: 1px solid rgba(44,53,19,.1); }
.man-stat-grid strong { display: block; color: #2c3513; font-size: 44px; line-height: 1; margin-bottom: 10px; }
.man-stat-grid span { color: #59624a; line-height: 1.5; }
.man-timeline { display: grid; gap: 18px; }
.man-timeline div { display: grid; grid-template-columns: 110px 1fr; gap: 24px; padding: 24px; background: #ffffff; border-radius: 8px; border-left: 4px solid #2c3513; }
.man-timeline span { color: #2c3513; font-weight: 800; font-size: 22px; }
.man-timeline p { margin: 0; color: #5c644d; line-height: 1.7; }
.man-quote { margin: 0; color: #2c3513; font-size: 34px; line-height: 1.35; font-weight: 700; max-width: 860px; }
.man-profile-strip { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.man-profile-strip img { width: 100%; height: 280px; object-fit: cover; border-radius: 6px; margin-bottom: 20px; }
.man-profile-feature { display: grid; grid-template-columns: 320px 1fr; gap: 42px; align-items: center; background: #ffffff; border: 1px solid rgba(44,53,19,.12); border-radius: 8px; padding: 30px; }
.man-profile-feature img { width: 100%; height: 340px; object-fit: cover; border-radius: 6px; }
.man-location-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
@media (max-width:1199px) { .man-card-grid.three,.man-profile-strip,.man-location-grid,.man-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .man-about-hero { padding: 125px 0 62px; } .man-about-hero h1 { font-size: 36px; } .man-section { padding: 58px 0; } .man-two-column,.man-card-grid.two,.man-card-grid.three,.man-profile-strip,.man-profile-feature,.man-location-grid,.man-stat-grid,.man-feature-list div,.man-timeline div { grid-template-columns: 1fr; } .man-two-column h2,.man-section-heading h2,.man-profile-feature h2 { font-size: 30px; } .man-profile-strip img,.man-profile-feature img { height: 260px; } }

.man-about-hero.with-photo {
    background-size: cover;
    background-position: center;
}
.man-visual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: stretch; }
.man-visual-card { min-height: 420px; border-radius: 8px; background-size: cover; background-position: center; position: relative; overflow: hidden; }
.man-visual-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(44,53,19,.05), rgba(44,53,19,.72)); }
.man-visual-note { position: absolute; z-index: 1; left: 26px; right: 26px; bottom: 24px; color: #fff; }
.man-visual-note h3,.man-visual-note p { color: #fff; margin: 0; }
.man-visual-note h3 { font-size: 24px; margin-bottom: 8px; }
.man-list-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 26px; padding: 0; margin: 0; }
.man-list-grid li,.man-check-list li { list-style: none; position: relative; padding-left: 28px; color: #5c644d; line-height: 1.65; margin-bottom: 10px; }
.man-list-grid li::before,.man-check-list li::before { content: ""; position: absolute; left: 0; top: 9px; width: 9px; height: 9px; border-radius: 50%; background: #2c3513; }
.man-logo-watermark { position: relative; overflow: hidden; }
.man-logo-watermark::after { content: "MAN"; position: absolute; right: 5%; bottom: -42px; font-size: 145px; line-height: 1; font-weight: 900; color: rgba(44,53,19,.055); letter-spacing: 0; }
.man-mini-table { display: grid; gap: 12px; }
.man-mini-table div { display: grid; grid-template-columns: 1fr 1.2fr; gap: 20px; padding: 16px 0; border-bottom: 1px solid rgba(44,53,19,.12); }
.man-mini-table strong { color: #2c3513; }
.man-pill-row { display: flex; flex-wrap: wrap; gap: 10px; }
.man-pill-row span { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 14px; border-radius: 999px; background: #f5f7ef; color: #2c3513; font-weight: 700; border: 1px solid rgba(44,53,19,.1); }
.man-partner-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.man-partner-grid span { min-height: 72px; display: flex; align-items: center; padding: 16px; border-radius: 8px; background: #fff; border: 1px solid rgba(44,53,19,.12); color: #2c3513; font-weight: 700; }
.man-leader-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.man-leader-card { background: #fff; border: 1px solid rgba(44,53,19,.12); border-radius: 8px; padding: 18px; box-shadow: 0 18px 40px rgba(44,53,19,.06); }
.man-leader-card img { width: 100%; height: 230px; object-fit: cover; object-position: top center; border-radius: 6px; margin-bottom: 16px; background: #f5f7ef; }
.man-leader-card h3 { color: #2c3513; font-size: 18px; line-height: 1.3; margin: 0 0 8px; }
.man-leader-card p { color: #5c644d; margin: 0; line-height: 1.55; }
.man-cta-band { background: #2c3513; color: #fff; padding: 46px; border-radius: 8px; }
.man-cta-band h2,.man-cta-band p { color: #fff; }
.man-cta-band h2 { margin: 0 0 12px; }
.man-cta-band p { max-width: 780px; margin: 0; }
.man-action-row { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 26px; }
.man-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 13px 22px; border-radius: 4px; background: #2c3513; color: #fff; font-weight: 800; line-height: 1.2; text-decoration: none; border: 1px solid #2c3513; transition: all .25s ease; }
.man-btn:hover { background: #20270e; color: #fff; transform: translateY(-1px); }
.man-btn.is-light { background: #fff; color: #2c3513; border-color: rgba(44,53,19,.18); }
.man-btn.is-light:hover { background: #f5f7ef; color: #2c3513; }
.man-cta-band .man-action-row { margin-top: 24px; }
.man-cta-band .man-btn { background: #fff; color: #2c3513; border-color: #fff; }
.man-cta-band .man-btn.is-light { background: transparent; color: #fff; border-color: rgba(255,255,255,.55); }
.man-executive-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; }
.man-executive-card { background: #fff; border: 1px solid rgba(44,53,19,.12); border-radius: 8px; overflow: hidden; box-shadow: 0 18px 42px rgba(44,53,19,.08); }
.man-executive-photo { position: relative; min-height: 330px; background: #eef2e3; overflow: hidden; }
.man-executive-photo img { width: 100%; height: 330px; object-fit: cover; object-position: top center; transition: transform .35s ease; }
.man-executive-card:hover .man-executive-photo img { transform: scale(1.035); }
.man-executive-role { position: absolute; left: 18px; bottom: 18px; right: 18px; display: inline-flex; width: fit-content; max-width: calc(100% - 36px); padding: 8px 12px; background: #2c3513; color: #fff; border-radius: 4px; font-size: 13px; font-weight: 800; line-height: 1.25; }
.man-executive-body { padding: 24px; }
.man-executive-body h3 { color: #2c3513; font-size: 22px; line-height: 1.25; margin: 0 0 8px; }
.man-executive-body p { color: #5c644d; line-height: 1.65; margin: 0; }
.man-directory-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.man-directory-item { display: flex; justify-content: space-between; gap: 18px; align-items: center; background: #fff; border: 1px solid rgba(44,53,19,.12); border-radius: 8px; padding: 18px 20px; }
.man-directory-item strong { color: #2c3513; }
.man-directory-item span { color: #6b735c; font-weight: 700; font-size: 14px; text-align: right; }
.man-media-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.man-media-card { background: #fff; border: 1px solid rgba(44,53,19,.12); border-radius: 8px; overflow: hidden; box-shadow: 0 18px 40px rgba(44,53,19,.06); }
.man-media-card img { width: 100%; height: 220px; object-fit: cover; display: block; }
.man-media-body { padding: 24px; }
.man-media-body span { color: #6c7d31; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.man-media-body h3 { color: #2c3513; font-size: 22px; line-height: 1.28; margin: 10px 0 12px; letter-spacing: 0; }
.man-media-body p { color: #5c644d; line-height: 1.7; margin: 0; }
.man-form-panel { background: #fff; border: 1px solid rgba(44,53,19,.12); border-radius: 8px; padding: 34px; box-shadow: 0 18px 42px rgba(44,53,19,.08); }
.man-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 20px; }
.man-field { display: grid; gap: 8px; }
.man-field.full { grid-column: 1 / -1; }
.man-field label { color: #2c3513; font-weight: 800; line-height: 1.35; }
.man-field input,.man-field select,.man-field textarea { width: 100%; min-height: 50px; border: 1px solid rgba(44,53,19,.18); border-radius: 6px; padding: 12px 14px; color: #3f4630; background: #fff; }
.man-field textarea { min-height: 132px; resize: vertical; }
.man-field input:focus,.man-field select:focus,.man-field textarea:focus { outline: none; border-color: #2c3513; box-shadow: 0 0 0 3px rgba(44,53,19,.12); }
.man-validator { display: block; color: #b42318; font-size: 13px; font-weight: 700; }
.man-validation-summary { color: #b42318; margin-bottom: 20px; }
.man-contact-template { position: relative; overflow: hidden; }
.man-contact-template::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 320px; background: url('../images/bg/contact-bg-10.png') center/cover no-repeat; opacity: .12; pointer-events: none; }
.man-contact-image { position: relative; background: #f5f7ef; border-radius: 8px; padding: 26px; min-height: 100%; }
.man-contact-image img { width: 100%; max-height: 430px; object-fit: contain; display: block; }
.man-contact-list { display: grid; gap: 16px; margin-top: 22px; }
.man-contact-list a,.man-contact-list span { color: #5c644d; line-height: 1.6; }
.man-contact-list strong { display: block; color: #2c3513; margin-bottom: 4px; }
.man-sitemap-list { columns: 2; column-gap: 46px; padding: 0; margin: 0; }
.man-sitemap-list li { break-inside: avoid; list-style: none; margin: 0 0 12px; }
.man-sitemap-list a { color: #2c3513; font-weight: 700; text-decoration: none; }
@media (max-width:1199px) { .man-partner-grid,.man-leader-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:1199px) { .man-executive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:1199px) { .man-media-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .man-visual-grid,.man-list-grid,.man-partner-grid,.man-leader-grid,.man-mini-table div,.man-executive-grid,.man-directory-grid,.man-form-grid,.man-media-grid { grid-template-columns: 1fr; } .man-visual-card { min-height: 320px; } .man-cta-band { padding: 30px; } .man-action-row { align-items: stretch; } .man-btn { width: 100%; } .man-executive-photo,.man-executive-photo img { height: 285px; min-height: 285px; } .man-directory-item { align-items: flex-start; flex-direction: column; } .man-directory-item span { text-align: left; } .man-form-panel { padding: 24px; } .man-sitemap-list { columns: 1; } }
