.about-hero{position:relative;min-height:460px;display:grid;grid-template-columns:1fr 1fr;background:#102f46;overflow:hidden}.about-hero>img{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover}.about-intro{position:relative;z-index:1;grid-column:1;padding:48px 64px 42px  max(32px,calc((100vw - 1176px)/2));background:#102f46;color:white;border-right:10px solid #6e9c36;transform:skew(-10deg);margin-left:-60px;width:calc(100% + 60px)}.about-intro>*{transform:skew(10deg);margin-left:45px}.about-intro h1{font:700 clamp(32px,3vw,46px)/1.15 Arial,sans-serif}.about-intro p{color:#fff;max-width:480px;font-size:17px;line-height:1.5}.about-intro .about-tagline{color:#b1d45b;font-size:22px;font-weight:bold;font-style:italic}.accent{width:60px;height:4px;background:#6d9d35;margin-bottom:16px}.about-approach{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.about-approach>img{width:100%;height:360px;object-fit:cover;border-radius:8px}.about-approach h2,.about-story h2,.about-difference h2{font-family:Arial,sans-serif;font-weight:700;font-size:34px}.about-difference{background:#e9edf0;padding:40px 0}.about-difference article{background:#fff;border-radius:12px;padding:26px 22px}.about-difference h3{color:#466d2c;font:700 20px/1.2 Arial,sans-serif}.about-difference p{font-size:16px;margin-bottom:0}.value-number{display:block;color:#6b903f;font:bold 26px Georgia,serif;margin-bottom:20px}.about-story{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start}.about-story p{font-size:16px;line-height:1.6;margin-bottom:16px}.portrait-space{min-height:390px;border-radius:8px;background:linear-gradient(145deg,#e9eee3,#f7f8f4);border:1px solid #d2ddc6;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#234333;text-align:center;gap:12px}.portrait-mark{font:60px Georgia,serif;border:2px solid #75984d;border-radius:50%;width:120px;height:120px;display:grid;place-items:center}.portrait-space>span{font:30px Georgia,serif}.portrait-space small{font-size:13px}.about-link{color:#466d2c;font-weight:bold;text-decoration:underline}@media(max-width:800px){.about-hero{display:flex;flex-direction:column}.about-hero>img{position:relative;width:100%;height:270px;order:2}.about-intro{transform:none;margin:0;width:100%;padding:32px 24px;border-right:0;border-bottom:6px solid #6e9c36}.about-intro>*{transform:none;margin-left:0}.about-approach,.about-story{grid-template-columns:1fr;gap:28px}.portrait-space{min-height:240px;max-width:340px;width:100%;margin:auto}.about-approach>img{height:300px}.about-story h2,.about-approach h2{font-size:30px}}