/* All rules are restricted to the About page content. */
main.zz-about-refined {background:#faf9f6;color:#143d32;padding:0;overflow:clip;}
.zz-about-refined .za-wrap {max-width:1320px;padding:112px 40px 72px;margin:auto;}
.zz-about-refined *, .zz-about-refined *::before, .zz-about-refined *::after {box-sizing:border-box;}
.zz-about-refined figure,.zz-about-refined dl,.zz-about-refined p,.zz-about-refined h1,.zz-about-refined h2,.zz-about-refined h3 {margin:0;}
.zz-about-refined img {display:block;width:100%;height:100%;object-fit:cover;}
.zz-about-refined .za-kicker {display:block;color:#527368;font-size:11px;line-height:1.5;letter-spacing:.15em;font-weight:700;margin-bottom:16px;}
.zz-about-refined h1 {font-size:clamp(34px,3.8vw,52px);line-height:1.08;letter-spacing:-.045em;font-weight:600;color:#143d32;}
.zz-about-refined h2 {font-size:clamp(28px,2.8vw,38px);line-height:1.15;letter-spacing:-.035em;font-weight:600;color:#143d32;}
.zz-about-refined h3 {font-size:23px;line-height:1.25;font-weight:600;color:#143d32;letter-spacing:-.02em;}
.zz-about-refined p {font-size:15px;line-height:1.85;color:#61726b;max-width:none;}
.zz-about-refined .za-hero {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;}
.zz-about-refined .za-hero-copy>p {margin-top:20px;}
.zz-about-refined .za-hero-copy .za-company-name {font-size:14px;line-height:1.65;color:#285a49;font-weight:600;margin-top:24px;}
.zz-about-refined .za-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.zz-about-refined .za-button {display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:12px 20px;background:#174f3c;color:#fff;border:1px solid #174f3c;border-radius:6px;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;transition:background .2s,color .2s;}
.zz-about-refined .za-button:hover {background:#103c2e;color:#fff;}
.zz-about-refined .za-secondary {background:transparent;color:#174f3c;border-color:#b9c9bf;}
.zz-about-refined a:focus-visible {outline:3px solid #599c7d;outline-offset:4px;}
.zz-about-refined .za-reception {border-radius:12px;overflow:hidden;background:#e8e1d5;position:relative;}
.zz-about-refined .za-reception img {aspect-ratio:1672/941;height:auto;object-fit:contain;}
.zz-about-refined figcaption {font-size:11px;letter-spacing:.04em;line-height:1.5;}
.zz-about-refined .za-reception figcaption {padding:12px 18px;color:#4e5d54;background:#eee9df;}
.zz-about-refined .za-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:28px 0;margin:38px 0 0;border-top:1px solid #d8dfd7;border-bottom:1px solid #d8dfd7;}
.zz-about-refined .za-stats>div {display:flex;flex-direction:column-reverse;align-items:center;gap:7px;padding:0 14px;border-right:1px solid #d8dfd7;min-width:0;text-align:center;}
.zz-about-refined .za-stats>div:last-child {border-right:0;}
.zz-about-refined .za-stats dt {font-size:12px;line-height:1.5;color:#64796d;}
.zz-about-refined .za-stats dd {margin:0;line-height:1.15;color:#174f3c;font-weight:600;font-size:32px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.zz-about-refined .za-stats dd small {font-size:19px;margin-left:4px;font-weight:500;}
.zz-about-refined .za-section {margin-top:76px;}
.zz-about-refined .za-intro,.zz-about-refined .za-section-head {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;}
.zz-about-refined .za-intro p+p {margin-top:16px;}
.zz-about-refined .za-audiences {display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
.zz-about-refined .za-audiences span {border:1px solid #d8dfd7;border-radius:30px;padding:7px 15px;font-size:12px;color:#476859;}
.zz-about-refined .za-section-head {align-items:end;margin-bottom:28px;}
.zz-about-refined .za-wide-photo {height:310px;position:relative;border-radius:12px;overflow:hidden;background:#e9e6de;}
.zz-about-refined .za-wide-photo img {object-position:center 50%;}
.zz-about-refined .za-wide-photo figcaption {position:absolute;bottom:0;left:0;right:0;padding:35px 22px 16px;color:white;background:linear-gradient(transparent,rgba(15,39,29,.65));}
.zz-about-refined .za-categories {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;}
.zz-about-refined .za-categories a {position:relative;padding:20px 18px;background:#fff;border:1px solid #e0e5de;border-radius:8px;min-width:0;text-decoration:none;transition:background .2s,border-color .2s;}
.zz-about-refined .za-categories a:hover {background:#edf2eb;border-color:#94b19f;}
.zz-about-refined .za-category-number {display:block;color:#80978a;font-size:11px;letter-spacing:.1em;margin-bottom:12px;}
.zz-about-refined .za-categories strong {display:block;color:#204a39;font-size:14px;line-height:1.5;font-weight:600;}
.zz-about-refined .za-categories small {display:block;color:#728074;font-size:11px;line-height:1.6;margin-top:5px;}
.zz-about-refined .za-category-arrow {position:absolute;right:18px;top:18px;color:#47785d;}
.zz-about-refined .za-capability-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.zz-about-refined .za-capability-grid article {border:1px solid #dce4da;border-radius:12px;background:#fff;overflow:hidden;}
.zz-about-refined .za-capability-grid figure {aspect-ratio:1.9;background:#e4e7df;}
.zz-about-refined .za-card-copy {padding:28px;}
.zz-about-refined .za-card-copy .za-kicker {margin-bottom:10px;}
.zz-about-refined .za-card-copy p {margin-top:14px;}
.zz-about-refined .za-card-copy .za-button {margin-top:22px;}
.zz-about-refined .za-process {padding:36px;background:#edf1e9;border-radius:12px;}
.zz-about-refined .za-process ol {list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:32px 0 26px;padding:0;}
.zz-about-refined .za-step {display:block;color:#6a8b74;font-size:12px;border-top:1px solid #b8caba;padding-top:16px;margin-bottom:16px;}
.zz-about-refined .za-process h3 {font-size:17px;line-height:1.4;}
.zz-about-refined .za-process p {font-size:13px;margin-top:10px;line-height:1.8;}
.zz-about-refined .za-exchange {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;}
.zz-about-refined .za-exchange figure {aspect-ratio:1.4;border-radius:12px;overflow:hidden;background:#e3e6dd;}
.zz-about-refined .za-exchange p {margin:20px 0 26px;}
@media (min-width:1600px) {
 .zz-about-refined .za-wrap {padding-top:128px;}
}
@media (max-width:1000px) {
 .zz-about-refined .za-wrap {padding:104px 28px 56px;}
 .zz-about-refined .za-hero {gap:28px;}
 .zz-about-refined .za-intro,.zz-about-refined .za-section-head {gap:32px;}
 .zz-about-refined .za-categories {grid-template-columns:repeat(3,minmax(0,1fr));}
 .zz-about-refined .za-process ol {grid-template-columns:repeat(2,minmax(0,1fr));}
 .zz-about-refined .za-exchange {gap:28px;}
}
@media (max-width:760px) {
 .zz-about-refined .za-wrap {padding:98px 20px 48px;}
 .zz-about-refined .za-hero,.zz-about-refined .za-intro,.zz-about-refined .za-section-head,.zz-about-refined .za-capability-grid,.zz-about-refined .za-exchange {grid-template-columns:minmax(0,1fr);gap:24px;}
 .zz-about-refined h1 {font-size:36px;}
 .zz-about-refined h2 {font-size:29px;}
 .zz-about-refined p {font-size:14px;line-height:1.8;}
 .zz-about-refined .za-stats {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;padding:24px 0;margin-top:28px;}
 .zz-about-refined .za-stats>div:nth-child(2) {border-right:0;}
 .zz-about-refined .za-stats dd {font-size:28px;}
 .zz-about-refined .za-stats dt {font-size:11px;}
 .zz-about-refined .za-section {margin-top:48px;}
 .zz-about-refined .za-wide-photo {height:220px;}
 .zz-about-refined .za-categories {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .zz-about-refined .za-categories a {padding:16px 13px;}
 .zz-about-refined .za-categories strong {font-size:13px;}
 .zz-about-refined .za-card-copy {padding:22px;}
 .zz-about-refined .za-process {padding:24px 20px;}
 .zz-about-refined .za-process ol {gap:22px 18px;}
 .zz-about-refined .za-exchange figure {aspect-ratio:1.6;}
}
@media (max-width:380px) {
 .zz-about-refined h1 {font-size:31px;}
 .zz-about-refined .za-actions {flex-direction:column;}
 .zz-about-refined .za-actions .za-button {width:100%;}
 .zz-about-refined .za-process ol {grid-template-columns:minmax(0,1fr);}
 .zz-about-refined .za-categories small {font-size:10px;}
}
@media (prefers-reduced-motion:reduce) {
 .zz-about-refined .za-button,.zz-about-refined .za-categories a {transition:none;}
}

