.about-workshop{max-width:1320px;margin:64px auto;padding:clamp(22px,4vw,48px);background:#edf1e8;border:1px solid #d9e2d1;border-radius:24px;color:#102a36}
.about-workshop header{max-width:720px;margin-bottom:28px}
.about-workshop h2{margin:12px 0 18px;font-weight:500}
.about-workshop header>p:last-child{font-size:16px;line-height:1.65;max-width:600px}
.about-workshop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.about-company{background:#f3f0e9;border-color:#e3dfd4}
.about-company .about-workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.about-workshop figure{margin:0;min-width:0}
.about-workshop img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
.about-workshop figcaption{padding:16px 2px 0;font-size:14px;line-height:1.5}
.about-workshop figcaption strong{display:block;font-size:19px;font-weight:500;margin-bottom:6px}
.about-workshop>a{display:inline-flex;margin-top:28px;min-height:44px;align-items:center;color:inherit;text-underline-offset:5px;gap:12px}
.about-workshop>a:focus-visible{outline:2px solid #267c32;outline-offset:5px}
@media(max-width:780px){.about-workshop{margin:36px 16px;border-radius:20px}.about-workshop-grid,.about-company .about-workshop-grid{grid-template-columns:1fr;gap:28px}}
.owner-copy[data-owner-route="/o-nas"]{max-width:1160px;margin:48px auto;padding:clamp(24px,4vw,48px);border:1px solid #dce3d8;border-radius:24px;background:#f7f6f1}
.owner-copy[data-owner-route="/o-nas"] .owner-copy__head{display:block;margin-bottom:24px}
.owner-copy[data-owner-route="/o-nas"] h2{max-width:780px;font-weight:450;text-wrap:balance}
.owner-copy[data-owner-route="/o-nas"] h3{max-width:850px;font-weight:450;margin:32px 0 16px;text-wrap:balance}
.owner-copy[data-owner-route="/o-nas"] .owner-copy__body>p{max-width:940px;line-height:1.75}
.owner-copy[data-owner-route="/o-nas"] .owner-copy__body ul{border:0;gap:12px;margin:20px 0 0;counter-reset:about-sector}
.owner-copy[data-owner-route="/o-nas"] .owner-copy__body li{--tile:#eaf2e7;--accent:#357344;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:16px;min-height:92px;padding:20px 24px;border:1px solid #d5dfd5;border-radius:14px;background:var(--tile);color:#243c2e;font-size:16px;line-height:1.4;counter-increment:about-sector}
.owner-copy[data-owner-route="/o-nas"] .owner-copy__body li:nth-child(2){--tile:#eaf0f2;--accent:#537f8b}
.owner-copy[data-owner-route="/o-nas"] .owner-copy__body li:nth-child(3){--tile:#f3e9df;--accent:#a76d45}
.owner-copy[data-owner-route="/o-nas"] .owner-copy__body li:nth-child(4){--tile:#eeebf2;--accent:#82728d}
.owner-copy[data-owner-route="/o-nas"] .owner-copy__body li::before{content:counter(about-sector,decimal-leading-zero);display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%;font-size:11px;color:var(--accent);background:#ffffff70}
.owner-copy[data-owner-route="/o-nas"] .owner-copy__body li::after{content:"";position:absolute;z-index:-1;right:-22px;bottom:-22px;width:85px;height:90px;transform:rotate(25deg);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);background:#ffffff38;pointer-events:none}
.owner-copy[data-owner-route="/o-nas"] .owner-copy__body>.owner-copy__statement{margin-top:24px!important;padding:18px 22px;border-left:3px solid #357344;border-radius:0 12px 12px 0;background:#eaf2e7;color:#07542b!important;font-size:clamp(18px,1.7vw,23px)!important;font-weight:450;line-height:1.4!important;letter-spacing:-.01em}
@media(max-width:1200px){.owner-copy[data-owner-route="/o-nas"]{margin:36px 20px}}
@media(max-width:700px){.owner-copy[data-owner-route="/o-nas"]{margin:28px 16px;padding:24px 20px;border-radius:20px}.owner-copy[data-owner-route="/o-nas"] .owner-copy__body ul{grid-template-columns:1fr}.owner-copy[data-owner-route="/o-nas"] .owner-copy__body li{min-height:76px;padding:16px;gap:12px}}
/* Quiet, readable white typography in the existing green product section. */
main .about-range-copy h2{font-weight:400;color:#f5f7f3;max-width:580px;margin:0}
main .about-range-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;letter-spacing:normal;color:#e2ece4;max-width:600px;margin:24px 0 0}
main .about-range-copy .eyebrow{margin-bottom:22px}
main .about-range-copy>div{margin-top:30px}
main .about-range-copy>div a{font-size:15px;line-height:1.5;font-weight:400;letter-spacing:normal}
@media(max-width:700px){main .about-range-copy>p:not(.eyebrow){font-size:16px}main .about-range-copy{padding:40px 24px}}