.company-hero{position:relative;height:clamp(27.5rem,38vw,33.75rem);display:grid;align-items:end;overflow:hidden;background:var(--color-brand-strong);color:#fff}
.company-hero picture,.company-hero-overlay{position:absolute;inset:0}
.company-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.company-hero-overlay{background:rgb(10 39 29 / .7)}
.company-hero-content{position:relative;z-index:1;padding-block:clamp(3rem,6vw,5rem)}
.company-hero .eyebrow{color:#c7dbcf}
.company-hero h1{margin-top:.6rem;font-size:clamp(3rem,6vw,5.25rem)}
.company-hero-content>p:not(.eyebrow){margin-top:.7rem;color:#e4ebe7;font-size:clamp(1.05rem,1vw + .8rem,1.3rem)}
.company-breadcrumb{margin-top:1.75rem}
.company-breadcrumb ol{display:flex;align-items:center;gap:.65rem;padding:0;margin:0;list-style:none;font-size:.875rem}
.company-breadcrumb li+li::before{margin-right:.65rem;color:#b9cec2;content:"→"}
.company-breadcrumb a{min-height:2.75rem;display:inline-flex;align-items:center;color:#fff}
.company-breadcrumb [aria-current="page"]{color:#cfddd5}
.company-story-grid,.company-philosophy-grid{display:grid;gap:clamp(2.5rem,6vw,6rem)}
.company-story-copy{max-width:45rem}
.company-story-copy h2,.company-philosophy h2,.company-institutional h2{margin-top:.65rem}
.company-story-copy>p:not(.eyebrow),.company-philosophy-grid>div>p:not(.eyebrow){margin-top:1.25rem;color:var(--color-text-muted)}
.company-catalog-cta{margin-top:2rem;background:var(--color-surface);color:var(--color-brand-strong)}
.company-catalog-cta:hover,.company-catalog-cta:focus-visible{background:var(--color-brand-strong);border-color:var(--color-brand-strong);color:#fff}
.company-story-image{width:100%;margin:0;overflow:hidden;aspect-ratio:4/5;background:var(--color-surface-muted);border-radius:var(--radius-xs)}
.company-story-image img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}
.company-principles{padding:0;margin:0;list-style:none}
.company-principles li{display:grid;grid-template-columns:2rem 1fr;gap:1rem;padding-block:1.25rem;border-top:1px solid var(--color-border)}
.company-principles li:last-child{border-bottom:1px solid var(--color-border)}
.company-principles li>span{color:var(--color-brand);font-size:.75rem;font-weight:700}
.company-principles p{margin-top:.4rem;color:var(--color-text-muted)}
.company-institutional header{max-width:44rem}
.company-institutional-grid{display:grid;margin-top:clamp(2rem,5vw,4rem)}
.company-institutional-grid article{padding:1.5rem 0;border-top:1px solid rgb(255 255 255 / .28)}
.company-institutional-grid p{margin-top:.65rem;color:#d9e2dc}
@media(min-width:64rem){.company-story-grid{grid-template-columns:minmax(0,1.1fr) minmax(22rem,.9fr);align-items:center}
.company-philosophy-grid{grid-template-columns:minmax(0,1fr) minmax(24rem,.9fr);align-items:start}
}
@media(min-width:43.75rem) and (max-width:63.999rem){.company-hero{height:clamp(22.5rem,48vw,27.5rem)}
.company-hero img{object-position:50% 60%}
.company-story-image{max-width:34rem}
}
@media(max-width:43.749rem){.company-hero{height:clamp(20rem,92vw,25rem)}
.company-hero img{object-position:58% 60%}
.company-hero-content{padding-block:2.5rem}
}
@media(prefers-reduced-motion:reduce){.company-catalog-cta{transition:none}
}


.company-institutional-list{max-width:52rem;margin-top:clamp(2rem,5vw,4rem);border-bottom:1px solid rgb(255 255 255 / .28)}
.company-institutional-item{border-top:1px solid rgb(255 255 255 / .28)}
.company-institutional-item summary{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem 0;color:#fff;cursor:pointer;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(1.1rem,1vw + .85rem,1.35rem);font-weight:700;line-height:1.3;list-style:none}
.company-institutional-item summary::-webkit-details-marker{display:none}
.company-institutional-item summary::marker{content:""}
.company-institutional-item summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}
.company-institutional-item summary svg{width:1.25rem;height:1.25rem;flex:0 0 1.25rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--transition-base)}
.company-institutional-item[open] summary svg{transform:rotate(180deg)}
.company-institutional-content{padding:0 3rem 1.6rem 0}
.company-institutional-content p{max-width:44rem;color:#d9e2dc;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400}
@media(max-width:43.749rem){.company-institutional-content{padding-right:2.25rem}
}
@media(prefers-reduced-motion:reduce){.company-institutional-item summary svg{transition:none}
}