.company-story h2{margin:1.5rem 0 0;font-weight:300;text-wrap:balance;max-width:14ch;letter-spacing:-0.07em;line-height:0.98;font-size:clamp(2.15rem, 3.25vw, 3.9rem)}
.about-image-panel{overflow:hidden;background:var(--mist);width:calc(100% - (2 * var(--content-gutter)));height:min(40rem, 68svh);margin:var(--content-gutter);border-radius:var(--radius)}
.about-image-panel img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform}
.company-story{grid-template-columns:minmax(16rem, 0.82fr) minmax(20rem, 1.18fr);gap:clamp(3rem, 10vw, 12rem);background:var(--surface-subtle);display:block;margin:var(--content-gutter);padding:clamp(1.75rem, 2.75vw, 2.75rem);border-radius:var(--radius)}
.company-story__intro > p{max-width:29rem;color:var(--ink-muted);font-size:1rem;line-height:1.45;margin:0 0 0.35rem}
.principles-list{display:grid;border:0;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--surface-gap);margin-top:clamp(2.25rem, 3.5vw, 3.5rem)}
.principle{grid-template-columns:3rem 1fr;gap:1.5rem;background:rgb(255 255 255 / 66%);border:0;display:flex;flex-direction:column;min-height:18rem;padding:clamp(1.1rem, 1.6vw, 1.5rem);border-radius:var(--radius-inner)}
.principle__number{color:rgb(27 23 20 / 58%);font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;transition:color 300ms ease, letter-spacing 480ms var(--ease-out-expo)}
.principle h3{margin:0;font-weight:400;letter-spacing:-0.065em;font-size:clamp(1.35rem, 1.8vw, 1.9rem);line-height:1.04}
.principle p{margin:1rem 0 0;color:var(--ink-muted);font-size:1rem;font-weight:350;letter-spacing:-0.03em;line-height:1.35}
.company-quote p{margin:0 auto;font-weight:300;max-width:38ch;font-size:clamp(1.8rem, 2.5vw, 3.1rem);line-height:1.08;text-align:center;text-wrap:balance;letter-spacing:-0.025em !important}
.company-quote .portfolio-word{display:inline-block;overflow:hidden;vertical-align:-0.12em}
.company-quote .portfolio-word__inner{display:inline-block;transform:translateY(112%);transition:transform 900ms var(--ease-out-expo) var(--word-delay)}
.company-quote.is-visible .portfolio-word__inner{transform:translateY(0)}
.company-news__intro{display:grid;grid-template-columns:minmax(0, 1fr) minmax(18rem, 26rem);gap:clamp(3rem, 9vw, 11rem);align-items:end;margin-top:clamp(2.5rem, 5vw, 4.5rem)}
.company-news__intro h2{max-width:13ch;margin:0;font-size:clamp(2.4rem, 4.8vw, 5.8rem);font-weight:350;letter-spacing:-0.08em;line-height:0.96}
.company-news__summary > p{max-width:25rem;margin:0;color:var(--ink-muted);font-size:clamp(1rem, 1.25vw, 1.2rem);font-weight:350;letter-spacing:-0.035em;line-height:1.35}
.company-news__all{display:inline-block;color:inherit;font-size:0.76rem;font-weight:500;letter-spacing:0.02em;text-decoration-thickness:1px;text-underline-offset:0.3em;margin-top:1.5rem;position:relative}
.company-news{padding:var(--section-space) var(--wide-gutter)}
.company-quote{min-height:0;margin:0;color:var(--ink);background:transparent;border-radius:0;padding:clamp(2.75rem, 4vw, 4rem) var(--wide-gutter)}
.company-story__intro{display:grid;grid-template-columns:minmax(0, 1.15fr) minmax(18rem, 0.85fr);align-items:end;gap:clamp(2.5rem, 6vw, 6rem)}
.principle > div{margin-top:auto}
.principle:hover .principle__number{letter-spacing:0.08em}
@media(max-width: 700px){
.company-story{display:block;margin:var(--content-gutter);padding:1.25rem}
.company-news__intro{display:block}
.principles-list{grid-template-columns:1fr;margin-top:2rem}
.about-image-panel{width:calc(100% - (2 * var(--content-gutter)));margin:var(--content-gutter);margin-top:4rem;height:28rem}
.company-quote{margin:var(--content-gutter);padding:3rem 1rem}
.company-quote p{font-size:clamp(1.65rem, 7.5vw, 2.25rem);text-align:left}
.company-news__summary > p{margin-top:2rem}
.principle{display:flex;min-height:13rem}
.principle h3{margin-top:1.25rem}
.company-news{padding:3.25rem 1rem}
.company-story h2{font-size:clamp(2.1rem, 9vw, 3rem)}
.company-story__intro{grid-template-columns:1fr}
.company-story__intro > p{margin-top:1.5rem}
.principle > div{margin-top:3rem}
}
@media(prefers-reduced-motion: reduce){
.company-quote .portfolio-word__inner{transform:none}
}