.about-page{font-family:Arial,Helvetica,sans-serif;color:#173e2b}.about-hero{position:relative;min-height:480px;background:#eaf2e2;overflow:hidden}.about-hero-image{position:absolute;inset:0;background:url('assets/about/wellness-hero.png') center center/cover no-repeat}.about-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,249,237,.97) 0%,rgba(244,249,237,.92) 34%,rgba(244,249,237,.55) 53%,rgba(244,249,237,0) 78%)}.about-hero-inner{position:relative;z-index:1;max-width:1200px;margin:auto;min-height:480px;display:flex;align-items:center;padding:60px 5%}.about-hero-copy{max-width:570px}.about-kicker{font-size:11px;letter-spacing:.16em;font-weight:700;color:#719760}.about-hero h1{font-size:clamp(38px,4.5vw,60px);line-height:1.08;letter-spacing:-1.7px;color:#163d29;margin:20px 0 18px}.about-hero p{font-size:16px;color:#5d7363;line-height:1.75;max-width:460px;margin:0 0 28px}.about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.about-primary{display:inline-block;background:#1e5b38;color:#fff;text-decoration:none;border-radius:9px;padding:14px 19px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.about-primary:hover{background:#347a4a;transform:translateY(-2px)}.about-primary span,.about-secondary span,.story-link span{margin-left:9px}.about-secondary,.story-link{color:#235b39;text-decoration:none;font-size:13px;font-weight:700}.about-secondary:hover,.story-link:hover{color:#73a348}.about-wrap{max-width:1100px;margin:auto}.about-story{background:#fff;padding:80px 5%}.story-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:start}.about-story h2,.about-section-heading h2,.about-cta h2{font-size:clamp(30px,3.3vw,42px);line-height:1.18;color:#173f2b;margin:13px 0 0}.about-line{height:3px;width:65px;background:#84b279;border-radius:4px;margin-top:20px}.story-copy p{font-size:15px;line-height:1.85;color:#66786a;margin:0 0 18px}.story-copy .story-lead{font-size:19px;line-height:1.6;color:#264b34;font-weight:700}.story-link{display:inline-block;margin-top:7px}.about-values{background:#f4f8ef;padding:75px 5% 85px}.about-section-heading{text-align:center;margin-bottom:32px}.about-section-heading p{margin:12px 0 0;color:#708173;font-size:14px}.about-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.about-values-grid article{background:#fff;border:1px solid #e0eadb;border-radius:16px;padding:26px;box-shadow:0 8px 20px #315a2b0a}.about-value-icon{height:45px;width:45px;display:grid;place-items:center;border-radius:14px;background:#eef6e9;color:#609056;font-size:24px}.about-values-grid h3{font-size:16px;color:#214b32;margin:18px 0 10px}.about-values-grid p{color:#687b6b;font-size:13px;line-height:1.7;margin:0}.about-cta{background:#e4f0dc;padding:50px 5%}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.about-cta h2{margin:10px 0}.about-cta p{font-size:14px;color:#637968;margin:0}.about-page a:focus-visible{outline:3px solid #7fae72;outline-offset:4px}@media(max-width:700px){.about-hero,.about-hero-inner{min-height:430px}.about-hero-image{background-position:38% center}.about-hero:after{background:linear-gradient(90deg,rgba(244,249,237,.96),rgba(244,249,237,.85) 58%,rgba(244,249,237,.4))}.about-hero h1{font-size:40px}.about-story{padding:55px 5%}.story-grid{grid-template-columns:1fr;gap:25px}.about-values{padding:55px 5%}.about-values-grid{grid-template-columns:1fr}.about-values-grid article{padding:22px}.cta-inner{align-items:flex-start;flex-direction:column}.about-cta{padding:40px 5%}}

/* Show the full About Us image and gently deepen its colours. */
.about-hero{background:#e7efdb}.about-hero-image{background-size:contain;background-position:center;background-repeat:no-repeat;filter:brightness(.88)}.about-hero:after{background:linear-gradient(90deg,rgba(244,249,237,.97) 0%,rgba(244,249,237,.88) 34%,rgba(244,249,237,.38) 56%,rgba(244,249,237,0) 76%)}.about-ceo{background:#fff;padding:75px 5%}.about-ceo h2{font-size:clamp(28px,3vw,38px);line-height:1.2;color:#173f2b;margin:13px 0 0}.about-ceo p{max-width:850px;font-size:15px;line-height:1.8;color:#66786a;margin:18px 0 0}@media(max-width:700px){.about-hero-image{background-size:contain;background-position:center}.about-hero:after{background:linear-gradient(90deg,rgba(244,249,237,.96),rgba(244,249,237,.77) 62%,rgba(244,249,237,.28))}.about-ceo{padding:55px 5%}}

/* CEO portrait and single-line typing heading. */
.about-ceo{background:#f5f8ef;padding:75px 5%}.ceo-grid{display:grid;grid-template-columns:340px 1fr;gap:60px;align-items:center}.ceo-photo{width:100%;aspect-ratio:267/360;border-radius:16px;background-image:url('assets/about/ceo-original.png');background-repeat:no-repeat;background-size:403% 168.6%;background-position:10.1% 74.5%;box-shadow:0 16px 35px #2c57311e}.ceo-copy{min-width:0}.about-ceo .ceo-heading{display:inline-block;max-width:100%;font-size:clamp(19px,2.25vw,29px);line-height:1.25;white-space:nowrap;overflow:hidden;vertical-align:bottom;border-right:2px solid #60965e;animation:ceo-typing 7s steps(32,end) infinite,ceo-caret .8s step-end infinite}.about-ceo p{font-size:15px;line-height:1.8;color:#536b58}.about-ceo .about-line{margin-top:16px}@keyframes ceo-typing{0%,8%{clip-path:inset(0 100% 0 0)}52%,75%{clip-path:inset(0 0 0 0)}98%,100%{clip-path:inset(0 100% 0 0)}}@keyframes ceo-caret{50%{border-color:transparent}}@media(max-width:800px){.ceo-grid{grid-template-columns:250px 1fr;gap:30px}}@media(max-width:600px){.about-ceo{padding:55px 5%}.ceo-grid{grid-template-columns:1fr;gap:26px}.ceo-photo{max-width:280px;margin:auto}.about-ceo .ceo-heading{font-size:clamp(15px,4.1vw,23px)}}@media(prefers-reduced-motion:reduce){.about-ceo .ceo-heading{animation:none;clip-path:none;border:0}}

/* Full responsive image with lighter text side and darker right side. */
.about-hero{background:#e9f1df;overflow:hidden}.about-hero-image{background-size:contain;background-position:center;background-repeat:no-repeat;filter:brightness(.9)}.about-hero:after{background:linear-gradient(90deg,rgba(245,249,239,.96) 0%,rgba(245,249,239,.88) 34%,rgba(245,249,239,.24) 58%,rgba(16,42,25,.18) 100%)}.about-hero h1 .about-typing{display:inline-block;white-space:nowrap;max-width:100%;overflow:hidden;vertical-align:bottom;animation:about-type 6s steps(22,end) infinite}.about-ceo .ceo-heading{animation:none;clip-path:none;border:0;white-space:normal;overflow:visible}@keyframes about-type{0%,8%{clip-path:inset(0 100% 0 0)}50%,75%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}.about-original-details{padding:70px 5%;background:#fff}.original-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.original-details-grid article{padding:30px;border:1px solid #dfeadb;border-radius:16px;background:#f8fbf5}.original-details-grid h2{font-size:28px;color:#173f2b;margin:12px 0 16px}.original-details-grid p{font-size:14px;line-height:1.8;color:#596e5e;margin:0 0 13px}@media(max-width:700px){.about-hero-image{background-size:contain;background-position:center}.about-hero:after{background:linear-gradient(90deg,rgba(245,249,239,.96),rgba(245,249,239,.8) 55%,rgba(16,42,25,.15))}.about-hero h1 .about-typing{font-size:clamp(25px,7vw,40px)}.original-details-grid{grid-template-columns:1fr;gap:16px}.about-original-details{padding:50px 5%}}@media(prefers-reduced-motion:reduce){.about-hero h1 .about-typing{animation:none;clip-path:none}}

/* The bowls are on the right; text remains on the left. */
.about-hero-image{transform:scaleX(-1);background-position:center;background-size:contain}
.about-hero h1 .about-typing,.about-hero h1 .about-typing-second{display:inline-block;white-space:nowrap;max-width:100%;overflow:hidden;vertical-align:bottom}
.about-hero h1 .about-typing{animation:about-line-one 8s steps(22,end) infinite}
.about-hero h1 .about-typing-second{animation:about-line-two 8s steps(14,end) infinite}
@keyframes about-line-one{0%,5%{clip-path:inset(0 100% 0 0)}35%,88%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes about-line-two{0%,36%{clip-path:inset(0 100% 0 0)}66%,88%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
.story-image{display:block;width:100%;max-width:390px;height:220px;object-fit:cover;object-position:center 50%;margin-top:25px;border-radius:14px;box-shadow:0 12px 28px #315a2b1a}
@media(max-width:700px){.about-hero-image{transform:scaleX(-1);background-size:contain;background-position:center}.about-hero h1 .about-typing,.about-hero h1 .about-typing-second{font-size:clamp(25px,7vw,40px)}.story-image{max-width:100%;height:220px}}
@media(prefers-reduced-motion:reduce){.about-hero h1 .about-typing,.about-hero h1 .about-typing-second{animation:none;clip-path:none}}

/* Full hero image and one line typing at a time. */
.about-hero{min-height:0;overflow:hidden;background:#edf3e5}
.about-hero-image{inset:0;transform:scaleX(-1);background-size:100% 100%;background-position:center;filter:brightness(.9)}
.about-hero-inner{min-height:clamp(440px,41.5vw,560px)}
.about-hero-copy{max-width:570px;width:100%}
.about-hero h1{font-size:clamp(32px,3.45vw,48px);letter-spacing:-1px}
.about-hero h1 .about-typing,.about-hero h1 .about-typing-second{max-width:none;overflow:visible;white-space:nowrap;vertical-align:bottom}
.about-hero h1 .about-typing{animation:hero-first-line 12s steps(20,end) infinite}
.about-hero h1 .about-typing-second{animation:hero-second-line 12s steps(14,end) infinite}
@keyframes hero-first-line{0%,4%{clip-path:inset(0 100% 0 0)}29%,84%{clip-path:inset(0 0 0 0)}98%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes hero-second-line{0%,30%{clip-path:inset(0 100% 0 0)}50%,65%{clip-path:inset(0 0 0 0)}83%,100%{clip-path:inset(0 100% 0 0)}}
@media(max-width:700px){
 .about-hero{display:flex;flex-direction:column}
 .about-hero-inner{order:1;min-height:0;width:100%;padding:42px 6% 25px;box-sizing:border-box}
 .about-hero-image{order:2;position:relative;inset:auto;width:100%;aspect-ratio:1947/808;background-size:100% 100%;transform:scaleX(-1)}
 .about-hero:after{display:none}
 .about-hero h1{font-size:clamp(23px,6.3vw,40px);letter-spacing:-.5px}
 .about-hero h1 .about-typing,.about-hero h1 .about-typing-second{font-size:inherit}
}
@media(prefers-reduced-motion:reduce){.about-hero h1 .about-typing,.about-hero h1 .about-typing-second{animation:none;clip-path:none}}

/* Soft light-green background for About Us / Quality Matters sections */
.about-values{background:#f1f7eb!important;background-image:none!important}
.about-original-details{background:#f4f9ef!important;background-image:none!important}