:root{--about-green:#075c3c;--about-gold:#c9a839}.site-header{height:48px;position:relative;box-shadow:none}.nav-wrap{width:min(1000px,96%);gap:18px}.brand{min-width:137px;font-size:13px}.brand b{font-size:15px}.brand-mark{width:34px;height:34px}.main-nav{gap:17px}.main-nav a{font-size:11px}.header-action{gap:10px}.header-action small{font-size:8px}.header-action .btn{padding:9px 13px;font-size:10px}.about-page{max-width:1280px;margin:auto}.about-hero{height:263px;background:url("assets/about-hero.png") center 57%/cover no-repeat;position:relative}.about-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,55,40,.15),transparent 70%)}.about-title{position:absolute;left:5.2%;top:50%;transform:translateY(-50%)}.about-title h1{margin:0;color:#fff;text-shadow:-2px -2px 0 #165c3f,2px -2px 0 #165c3f,-2px 2px 0 #165c3f,2px 2px 0 #165c3f,0 3px 7px #0008;font:700 36px/1.22 "Barlow Condensed"}.about-body{display:grid;grid-template-columns:52.5% 47.5%;min-height:424px}.about-left{padding:23px 34px 18px 67px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.story{height:187px;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 3px 7px #173c2c4d;background-size:cover;background-position:center}.mission{background-image:linear-gradient(0deg,#073d2bf5 0,#073d2bc7 37%,transparent 75%),url("assets/about-hero.png");background-position:80% center}.values{background:linear-gradient(0deg,#073d2bf2 0,#073d2bd8 39%,transparent 78%),radial-gradient(circle at 35% 22%,#cfb379 0 2%,transparent 3%),linear-gradient(130deg,#1b2b33,#967b54)}.team{background:linear-gradient(0deg,#073d2bf5 0,#073d2bc5 42%,transparent 76%),linear-gradient(#e9f0ee,#9cbab1)}.history{background:linear-gradient(0deg,#073d2bf5 0,#073d2bc5 42%,transparent 76%),url("assets/hero-pharmaceutical.png") center/cover}.story-content{position:absolute;left:14px;right:10px;bottom:9px;color:#fff;display:flex;gap:10px;align-items:center}.story-icon{font-size:39px;color:#d1b13f}.story h2{font:700 19px "Barlow Condensed";margin:0}.story p{font-size:9px;line-height:1.35;margin:2px 0 0}.team-figures,.lab-figures{display:flex;justify-content:center;gap:5px;padding-top:20px}.team-figures i{width:30px;height:60px;border-radius:50% 50% 8px 8px;background:linear-gradient(#d1a27d 0 26%,#fff 27%);box-shadow:0 0 0 1px #b7c7c1}.lab-figures i{width:39px;height:70px;background:linear-gradient(#d9b190 0 22%,#fff 23% 65%,#d9eee8 66%);border-radius:50% 50% 5px 5px}.about-right{padding:0 37px 17px 8px}.standards{margin-top:-83px;background:#fff;border-radius:14px;padding:13px 10px 12px;box-shadow:0 3px 6px #113c2d5c;position:relative}.standards h2,.partners h2{text-align:center;color:#164c35;font:700 27px "Barlow Condensed";margin:0 0 8px}.gmp-flow{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:7px}.gmp-flow span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:4px double #54936f;color:#2a7651;font:700 8px sans-serif}.gmp-flow i{width:105px;border-top:2px dashed #91aa96;position:relative}.gmp-flow i:after{content:"▶";position:absolute;right:45%;top:-10px;color:#4fa06a}.standard-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.standard-grid article{height:125px;border:1px solid #8aa696;border-radius:7px;box-shadow:0 3px 5px #123d2c4a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.standard-grid em{font-style:normal;font-size:40px;color:#b59738}.standard-grid b{font:600 12px/1.25 "Barlow Condensed"}.partners{padding:18px 0 0}.partner-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.partner-logos>div{height:61px;border:1px solid #9bb2a4;border-radius:7px;box-shadow:0 3px 5px #123d2c3d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#26704e}.partner-logos span{font-size:24px}.partner-logos b{font:600 6px sans-serif}.gold-leaf{color:#cfad3d}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.quotes blockquote{margin:0;border:1px solid #8fa998;border-radius:8px;height:97px;box-shadow:0 3px 5px #123d2c3d;text-align:center;position:relative;padding:16px 7px 5px}.quotes blockquote:before{content:'“';position:absolute;top:-24px;left:50%;transform:translateX(-50%);color:#ae8f25;background:#eef3e8;border-radius:50%;width:34px;height:34px;font:700 36px/1.2 Georgia}.quotes p{font:500 9px/1.35 "Be Vietnam Pro";margin:0}.about-footer{max-width:1280px;margin:auto;background:linear-gradient(90deg,#064d32,#086e48);color:#fff;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;text-align:center;padding:10px 7%;font-size:12px;line-height:1.5}@media(max-width:1024px){.site-header{height:64px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;height:auto;flex-direction:column;align-items:stretch;padding:12px 5%;z-index:10}.main-nav.open{display:flex}.main-nav a{height:36px}.header-action{display:none}.about-hero{height:330px}.about-title h1{font-size:34px}.about-body{grid-template-columns:1fr}.about-left{padding:30px 5%}.about-right{padding:30px 5%}.standards{margin-top:0}.about-footer{grid-template-columns:1fr;gap:8px}}@media(max-width:640px){.about-hero{height:290px}.about-title{left:6%;right:6%}.about-title h1{font-size:27px}.story-grid{grid-template-columns:1fr}.story{height:190px}.standard-grid,.partner-logos{grid-template-columns:repeat(2,1fr)}.standard-grid article{height:110px}.quotes{grid-template-columns:1fr;gap:28px}.about-footer{font-size:10px}}