.brand-quality-section{position:relative;isolation:isolate;overflow:hidden;padding:clamp(76px,9vw,122px) 0;background:#0d3525;color:#fff}
.brand-quality-section::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 8% 8%,rgba(166,201,101,.19),transparent 33%),radial-gradient(circle at 92% 90%,rgba(229,111,72,.12),transparent 34%),linear-gradient(135deg,#0a2c1e,#124530 58%,#0c3122)}
.brand-quality-section::after{content:"";position:absolute;inset:18px;z-index:-1;border:1px solid rgba(222,239,169,.1);border-radius:30px;pointer-events:none}
.brand-quality-section>.container{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.45fr);gap:clamp(46px,7vw,100px);align-items:center}
.brand-quality-section .brand-section-head{text-align:left;margin:0;max-width:470px}
.brand-quality-section .brand-section-head::before{content:"THE NATURAL AYUSH STANDARD";display:inline-flex;margin-bottom:22px;padding:9px 14px;border:1px solid rgba(220,237,148,.2);border-radius:999px;background:rgba(255,255,255,.06);color:#dced94;font:800 .68rem/1 'DM Sans',sans-serif;letter-spacing:.13em}
.brand-quality-section .brand-section-head h2{color:#fff;font-family:'Fraunces',serif;font-size:clamp(2.55rem,4vw,4.5rem);font-weight:700;line-height:.98;letter-spacing:-.045em;text-wrap:balance}
.brand-quality-section .brand-section-head p{margin:25px 0 0;color:rgba(235,244,237,.68);font-size:1rem;line-height:1.75;letter-spacing:0}
.brand-quality-section .brand-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:quality-card}
.brand-quality-section .brand-quality-grid article{position:relative;min-height:210px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;padding:23px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(10px);transition:transform .3s ease,border-color .3s ease,background .3s ease;counter-increment:quality-card}
.brand-quality-section .brand-quality-grid article::after{content:"0" counter(quality-card);position:absolute;top:24px;right:22px;color:rgba(255,255,255,.34);font:700 .67rem/1 'DM Sans',sans-serif;letter-spacing:.12em}
.brand-quality-section .brand-quality-grid article:hover{transform:translateY(-6px);border-color:rgba(220,237,148,.38);background:linear-gradient(145deg,rgba(220,237,148,.15),rgba(255,255,255,.055))}
.brand-quality-section .brand-soft-icon{width:58px;height:58px;margin:0;padding:15px;border:1px solid rgba(220,237,148,.22);border-radius:17px;background:rgba(220,237,148,.11)!important;color:#dced94;transition:transform .3s ease,background .3s ease}
.brand-quality-section .brand-quality-grid article:hover .brand-soft-icon{transform:rotate(-4deg) scale(1.05);background:rgba(220,237,148,.18)!important}
.brand-quality-section .brand-quality-grid h3{max-width:155px;margin:24px 0 0;color:#fff;font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:700;line-height:1.35}
@media(max-width:1050px){.brand-quality-section>.container{grid-template-columns:1fr}.brand-quality-section .brand-section-head{max-width:700px}.brand-quality-section .brand-section-head h2{max-width:650px}.brand-quality-section .brand-quality-grid article{min-height:190px}}
@media(max-width:700px){.brand-quality-section{padding:66px 0}.brand-quality-section::after{inset:9px;border-radius:21px}.brand-quality-section>.container{gap:36px}.brand-quality-section .brand-section-head{text-align:center}.brand-quality-section .brand-section-head::before{margin-bottom:18px}.brand-quality-section .brand-section-head p{margin-inline:auto}.brand-quality-section .brand-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-quality-section .brand-quality-grid article{min-height:175px;padding:18px;border:1px solid rgba(255,255,255,.1)}.brand-quality-section .brand-quality-grid article::after{top:20px;right:17px}.brand-quality-section .brand-soft-icon{width:51px;height:51px;padding:13px}.brand-quality-section .brand-quality-grid h3{margin-top:20px;font-size:.88rem}}
@media(max-width:330px){.brand-quality-section .brand-quality-grid{grid-template-columns:1fr}.brand-quality-section .brand-quality-grid article{min-height:150px}}