/* About panel */
.company-about{background:#fffdf9;padding:clamp(76px,9vw,126px) clamp(22px,6.5vw,104px) 0;color:#102117}
.about-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(400px,.97fr);gap:clamp(46px,7vw,105px);align-items:center}
.about-copy .eyebrow,.values-heading .eyebrow{color:#557849;margin-bottom:19px}
.about-copy h2{max-width:670px;font-family:"DM Sans",Arial,sans-serif;font-size:clamp(38px,4.25vw,64px);font-weight:800;letter-spacing:-.06em;line-height:1.03;margin:0 0 25px;color:#102117}
.about-lede{font-family:"Playfair Display",Georgia,serif;font-size:clamp(20px,2vw,28px);line-height:1.3;color:#315f3c;max-width:615px;margin-bottom:17px}
.about-body{font-size:16px;line-height:1.78;color:#405041;max-width:620px;margin-bottom:29px}
.about-copy .text-link{display:inline-flex;align-items:center;gap:7px;padding-bottom:5px;border-bottom:2px solid #a46735;font-weight:800}
.brand-board{position:relative;border:1px solid #d6dfc8;border-radius:26px;background:linear-gradient(145deg,#f2f7eb,#e2efd4);padding:clamp(24px,3.3vw,42px);min-height:390px;box-shadow:15px 15px 0 #dce7cd;overflow:hidden}
.brand-board:before{content:"";position:absolute;width:260px;height:260px;right:-82px;top:-95px;border-radius:50%;background:#57883b;opacity:.18}
.brand-board:after{content:"";position:absolute;width:180px;height:180px;left:-80px;bottom:-105px;border-radius:50%;border:32px solid #a46735;opacity:.15}
.brand-board-label{position:relative;z-index:1;margin:0 0 16px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800;color:#365d3d}
.brand-main{position:relative;z-index:1;background:#fff;border-radius:17px;padding:19px 24px;margin-bottom:14px;border:1px solid #e2e7dc;box-shadow:0 10px 22px #34521a12}
.brand-main img{display:block;width:min(100%,390px);height:86px;object-fit:contain;margin:auto}
.brand-logos{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:12px;align-items:stretch}
.brand-logos>div{height:108px;padding:12px;background:#fff;border:1px solid #e1e8db;border-radius:14px;display:grid;place-items:center;box-shadow:0 6px 14px #2447180d}
.brand-logos img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}
.about-values{max-width:1240px;margin:clamp(76px,10vw,130px) auto 0;padding:clamp(35px,5vw,70px);border-radius:30px 30px 0 0;background:linear-gradient(110deg,#264c33 0%,#396f3b 52%,#57883b 100%);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,6vw,90px);position:relative;overflow:hidden}
.about-values:after{content:"";position:absolute;right:-50px;bottom:-100px;width:390px;height:390px;border:1px solid #d4eaab54;border-radius:50%;box-shadow:0 0 0 45px #d4eaab12,0 0 0 90px #d4eaab0a}
.values-heading{position:relative;z-index:1}
.values-heading .eyebrow{color:#d9f0bc}
.values-heading h2{color:#fff;font-size:clamp(34px,3.4vw,49px);line-height:1.04;margin:17px 0}
.values-heading>p:last-child{color:#e5efdc;line-height:1.7;max-width:340px;margin:0}
.value-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.value-card{display:flex;gap:14px;padding:18px;background:#fffdf91c;border:1px solid #ffffff38;border-radius:16px;backdrop-filter:blur(2px)}
.value-icon{flex:none;width:38px;height:38px;border:1px solid #d8edb8;border-radius:50%;display:grid;place-items:center;color:#e7f4be;font-size:20px;font-weight:800}
.value-card h3{font-family:"DM Sans",Arial,sans-serif;letter-spacing:-.03em;font-size:17px;font-weight:800;margin:2px 0 6px;color:#fff}
.value-card p{font-size:13px;line-height:1.5;color:#e4eedc;margin:0}
@media(max-width:760px){.company-about{padding:70px 22px 0}.about-inner{grid-template-columns:1fr;gap:45px}.about-copy h2{font-size:38px}.about-lede{font-size:21px}.about-body{font-size:15px}.brand-board{min-height:0;padding:24px 18px;border-radius:22px;box-shadow:9px 9px 0 #dce7cd}.brand-main{padding:14px}.brand-main img{height:66px}.brand-logos{gap:8px}.brand-logos>div{height:83px;padding:7px;border-radius:10px}.about-values{margin:74px -22px 0;border-radius:26px 26px 0 0;grid-template-columns:1fr;padding:42px 22px 50px;gap:30px}.values-heading h2{font-size:37px}.value-grid{grid-template-columns:1fr;gap:11px}.value-card{padding:16px}.value-card p{font-size:13px}}
/* Refined brand presentation */
.brand-board{background:linear-gradient(110deg,#264c33 0%,#396f3b 52%,#57883b 100%);border-color:#5d8d55;box-shadow:15px 15px 0 #d6e3c8}.brand-board:before{background:#d4eaab;opacity:.12}.brand-board:after{border-color:#d4eaab;opacity:.12}.brand-board-label{color:#e7f4be}.brand-main,.brand-logos>div{border-color:#ffffff4d;box-shadow:0 9px 18px #1021172b}.brand-main{background:#fff;padding:18px 22px}.brand-main img{height:74px}.brand-logos>div{background:#fff}.brand-logos img{image-rendering:auto}@media(max-width:760px){.brand-board{box-shadow:9px 9px 0 #d6e3c8}.brand-main img{height:60px}}

/* Five-brand layout: retains clean logo cards while accommodating new Cocopeat brands */
.brand-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-logos>div:nth-child(n+4){height:96px}
.brand-logos>div:nth-child(4) img{padding:3px}
.brand-logos>div:nth-child(5) img{padding:5px}
@media(max-width:760px){.brand-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-logos>div,.brand-logos>div:nth-child(n+4){height:88px}}

/* Balanced five-logo arrangement: no empty cells and no cropped artwork */
.brand-logos{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:104px;gap:12px!important;align-items:stretch!important}
.brand-logos>div,.brand-logos>div:nth-child(n+4){height:auto!important;min-width:0!important;padding:12px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
.brand-logos>div:nth-child(-n+3){grid-column:span 2}
.brand-logos>div:nth-child(4),.brand-logos>div:nth-child(5){grid-column:span 3;grid-row:2}
.brand-logos img,.brand-logos>div:nth-child(4) img,.brand-logos>div:nth-child(5) img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important}
.brand-logos>div:nth-child(4){padding:9px 18px!important}
.brand-logos>div:nth-child(5){padding:10px 18px!important}
@media(max-width:760px){.brand-logos{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:92px;gap:9px!important}.brand-logos>div:nth-child(-n+3),.brand-logos>div:nth-child(4),.brand-logos>div:nth-child(5){grid-column:span 1;grid-row:auto}.brand-logos>div:nth-child(5){grid-column:1 / -1}.brand-logos>div,.brand-logos>div:nth-child(n+4){padding:9px!important}}