/* Company page reuses the service-page system and links to real site sections. */
.hh-about .about-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 20px;border:0;border-radius:999px;background:#101510;color:#fff;font:600 14px/20px Onest,sans-serif;white-space:nowrap;transition:background-color .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}
.hh-about .about-primary:hover{background:#315b3a;color:#fff}.hh-about .about-primary:active{transform:scale(.98)}
.hh-about .about-directions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hh-about .about-direction{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:240px;padding:24px;border:1px solid #e0e7df;border-radius:20px;background:#fff;color:#172019;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1)}
.hh-about .about-direction:hover{transform:translateY(-4px);border-color:#b1c8b4;background:#f7faf6}.hh-about .about-direction-top{display:flex;align-items:center;justify-content:space-between;width:100%}.hh-about .about-direction-top>i,.hh-about .about-media-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#e9f1e9;color:#41734b;font-size:24px}.hh-about .about-badge{padding:6px 10px;border-radius:999px;background:#edf2eb;color:#52735a;font-size:12px;font-weight:600}
.hh-about .about-direction h3{margin:24px 0 8px;font:600 20px/28px Onest,sans-serif;letter-spacing:-.02em}.hh-about .about-direction p{max-width:48ch;margin:0 0 20px;color:#647067;font-size:14px;line-height:20px}.hh-about .about-card-link{display:flex;align-items:center;gap:8px;margin-top:auto;color:#35613f;font-size:14px;line-height:20px;font-weight:600}
.hh-about .about-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:32px;border:0;border-radius:24px;background:#edf2ec}.hh-about .about-media h2{margin:24px 0 12px}.hh-about .about-media p{max-width:460px;margin:0;color:#5c685e;font-size:16px;line-height:24px}.hh-about .about-media-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.hh-about .about-media-visual{overflow:hidden;border-radius:16px;background:#18211a;aspect-ratio:16/9}.hh-about .about-media-visual img{display:block;width:100%;height:100%;object-fit:cover}
.hh-about .hosting-final .about-primary{flex:none}.hh-about #approach{margin-top:16px}
@media(max-width:900px){.hh-about .hosting-hero-copy{padding:32px}.hh-about .about-hero h1{font-size:48px}.hh-about .about-media{gap:24px}}
@media(max-width:700px){.hh-about .about-hero h1{font-size:40px;line-height:1.05}.hh-about .about-directions-grid{grid-template-columns:1fr}.hh-about .about-direction{min-height:0}.hh-about .about-media{grid-template-columns:1fr;gap:24px;padding:24px}.hh-about .about-media h2{margin-top:20px}.hh-about .about-media-actions{align-items:flex-start;flex-direction:column}.hh-about .hosting-final .about-primary{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.hh-about .about-direction,.hh-about .about-primary{transition:none}.hh-about .about-direction:hover,.hh-about .about-primary:active{transform:none}}
.hh-about .about-more{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.hh-about .about-hero h1{font-size:clamp(36px,3.6vw,48px);line-height:1.05}
@media(max-width:700px){.hh-about .about-hero h1{font-size:30px}}