.company-profile {padding: 80px 0; background: #fff; color: #61716a;}
.company-profile .container {padding-left: 24px; padding-right: 24px;}
.company-profile h2 {color: #153e30; line-height: 1.25; letter-spacing: -.035em;}
.company-profile p {font-size: 17px; line-height: 1.85; margin: 0 0 20px;}
.company-profile .company-label {font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #356f42; margin: 0 0 16px;}
.company-intro {padding: 0 0 56px; max-width: 840px;}
.company-intro h2 {font-size: clamp(40px, 5vw, 68px); line-height: 1.08; margin: 0 0 24px;}
.company-intro h2 span, .company-story h2 span {color: #447c4c;}
.company-profile .company-lead {font-size: 21px;}
.company-purpose {display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-bottom: 88px;}
.company-purpose section {padding: 36px; border-radius: 12px; background: #f0f5f1;}
.company-purpose h2 {font-size: 32px; margin-bottom: 20px;}
.company-purpose p:last-child {margin-bottom: 0;}
.company-purpose .company-vision {background: #153e30; color: #e1ebe5;}
.company-vision h2, .company-vision .company-label {color: #fff;}
.company-story, .company-chapter {display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 64px; padding: 56px 0; border-top: 1px solid #e1e8e3;}
.company-story h2 {font-size: clamp(28px, 3vw, 38px);}
.company-chapter h2 {font-size: 30px;}
.company-profile .company-emphasis {padding-left: 24px; border-left: 3px solid #447c4c; color: #153e30; font-weight: 600;}
.company-closing {margin-top: 40px; padding: 56px; background: #f0f5f1; border-radius: 12px; text-align: center;}
.company-closing h2 {font-size: clamp(27px, 3vw, 36px); max-width: 850px; margin: 0 auto 24px;}
.company-profile .company-tagline {font-weight: 700; color: #356f42;}
.company-actions {display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 28px;}
.company-actions a {display: inline-flex; align-items: center; gap: 18px; padding: 13px 22px; background: #356f42; border: 1px solid #356f42; border-radius: 8px; color: #fff; font-weight: 600;}
.company-actions a:last-child {background: #fff; color: #356f42;}
.company-actions a:hover {background: #153e30; color: #fff;}
@media (max-width: 767px) {
    .company-profile {padding: 56px 0;}
    .company-purpose, .company-story, .company-chapter {grid-template-columns: 1fr; gap: 24px;}
    .company-purpose {margin-bottom: 48px;}
    .company-purpose section {padding: 28px;}
    .company-story, .company-chapter {padding: 36px 0;}
    .company-closing {padding: 32px 24px;}
}

.company-page .banner-inside > .container {position: absolute; left: 50%; bottom: 44px; transform: translateX(-50%); width: 100%;}
.company-page .banner-inside h1 {position: static; font-size: clamp(36px, 5vw, 64px); line-height: 1.1; margin: 0 0 18px;}
.company-page .banner-inside .breadcrumbs {position: static; color: #fff;}
.company-page .banner-inside .breadcrumbs a {color: #fff; padding-left: 0; margin-right: 8px;}
.company-page .banner-inside .breadcrumbs span {margin-left: 8px;}

.company-story {grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 32px 48px; align-items: start;}
.company-story-heading {grid-column: 1 / -1;}
.company-story-heading h2 {max-width: 840px; margin: 0;}
.company-team-photo {margin: 0;}
.company-team-photo img {display: block; width: 100%; height: auto; border-radius: 12px;}

@media (max-width: 767px) {
    .company-story {grid-template-columns: 1fr; gap: 28px;}
    .company-team-photo {width: min(100%, 260px); margin: 0 auto;}
}