/* About page — premium natural look (scoped under .ab) */
.ab{--pine:#1f4a2a;--pine2:#2d6a3d;--ivory:#f7f2e7;--cream:#fcfaf4;--sage:#dde7d2;--terra:#b9623e;--ink:#26302a;--mut:#5a6659;--line:rgba(31,74,42,.14);background:var(--cream);font-family:'Inter',system-ui,sans-serif;color:var(--ink)}
.ab h1,.ab h2,.ab h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:-.01em}
.ab-hero{position:relative;background:radial-gradient(120% 140% at 85% 0%,#2f6b3d 0%,#1f4a2a 55%,#16351f 100%);color:#fff;padding:64px 0 76px;text-align:center;overflow:hidden}
.ab-hero.has-img{background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(14,38,22,.55) 0%,rgba(14,38,22,.2) 100%),linear-gradient(180deg,rgba(14,38,22,.28),rgba(14,38,22,.18) 50%,rgba(14,38,22,.5)),var(--ab-hero-img) center 55%/cover no-repeat}
.ab-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:28px;background:var(--cream);border-radius:28px 28px 0 0}
.ab-crumb{display:flex;justify-content:center;gap:8px;font-size:.82rem;color:rgba(255,255,255,.78);margin-bottom:18px}.ab-crumb a{color:inherit;text-decoration:none}
.ab-eyebrow{display:inline-block;font:600 .74rem/1 'Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#f2d98a;margin-bottom:14px}
.ab-hero h1{font-size:clamp(2.2rem,5.5vw,3.4rem);line-height:1.1;margin:0 0 12px;color:#fff}
.ab-hero p{margin:0;color:rgba(255,255,255,.85);font-size:1.08rem}
.ab-hero.has-img h1,.ab-hero.has-img p{text-shadow:0 1px 3px rgba(0,0,0,.45),0 2px 18px rgba(0,0,0,.4)}
.ab-label{display:inline-block;font:600 .76rem/1 'Inter',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--terra);margin-bottom:14px}
.ab-label-light{color:#f2d98a}
.ab h2{font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.2;color:var(--pine);margin:0 0 16px}
.ab-head{text-align:center;max-width:640px;margin:0 auto 36px}
.ab-head h2{margin:0}
.ab-head-light h2{color:#fff}
/* story */
.ab-story{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-top:48px;padding-bottom:72px}
.ab-story-img{position:relative}
.ab-story-img>img{width:100%;height:auto;aspect-ratio:4/3.4;object-fit:cover;border-radius:24px;display:block;box-shadow:0 24px 50px -24px rgba(31,74,42,.45)}
.ab-float{position:absolute;right:-14px;bottom:-22px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 18px;box-shadow:0 14px 30px -14px rgba(31,74,42,.4);font-size:.84rem;font-weight:600;color:var(--pine);line-height:1.35}
.ab-float img{width:44px;height:44px;object-fit:contain}
.ab-story-copy p{color:var(--mut);font-size:1.02rem;line-height:1.75;margin:0 0 16px}
/* mission */
.ab-mission{background:var(--pine);padding:72px 0;text-align:center}
.ab-quote{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.3rem,3vw,1.95rem);line-height:1.45;color:#fff;max-width:820px;margin:0 auto}
/* values */
.ab-values{padding-top:80px;padding-bottom:20px}
.ab-vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.ab-vcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 22px;transition:transform .3s,box-shadow .3s}
.ab-vcard:hover{transform:translateY(-4px);box-shadow:0 16px 36px -20px rgba(31,74,42,.4)}
.ab-vicon{width:48px;height:48px;border-radius:50%;background:var(--sage);color:var(--pine);display:grid;place-items:center;margin-bottom:16px}
.ab-vcard h3{font-size:1.15rem;color:var(--pine);margin:0 0 8px}
.ab-vcard p{margin:0;color:var(--mut);font-size:.9rem;line-height:1.6}
/* products */
.ab-prod{padding-top:72px;padding-bottom:80px}
.ab-pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:900px;margin:0 auto}
.ab-pcard{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s}
.ab-pcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(31,74,42,.4)}
.ab-pcard img{width:130px;height:130px;object-fit:cover;border-radius:16px;flex:none}
.ab-pcard h3{font-size:1.3rem;color:var(--pine);margin:0 0 6px}
.ab-pcard p{margin:0 0 10px;color:var(--mut);font-size:.88rem;line-height:1.5}
.ab-pcard span{font-size:.86rem;font-weight:600;color:var(--terra)}
/* promise */
.ab-promise{background:radial-gradient(120% 140% at 15% 0%,#2f6b3d 0%,#1f4a2a 60%,#16351f 100%);padding:72px 0}
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:900px;margin:0 auto}
.ab-stats div{text-align:center;padding:22px 12px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.06)}
.ab-stats b{display:block;font:600 2rem 'Playfair Display',Georgia,serif;color:#f2d98a;margin-bottom:6px}
.ab-stats span{font-size:.84rem;color:rgba(255,255,255,.82)}
/* cta */
.ab-cta{text-align:center;padding-top:80px;padding-bottom:88px}
.ab-cta p{color:var(--mut);margin:0 0 26px}
.ab-cta div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ab-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:99px;font:600 .92rem 'Inter',sans-serif;text-decoration:none;border:1.5px solid var(--pine);transition:.2s}
.ab-btn-solid{background:var(--pine);color:#fff}.ab-btn-solid:hover{background:var(--pine2)}
.ab-btn-line{color:var(--pine)}.ab-btn-line:hover{background:var(--sage)}
@media (max-width:860px){
  .ab-story{grid-template-columns:1fr;gap:40px;padding-bottom:56px}
  .ab-float{right:12px;bottom:-20px}
  .ab-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  .ab-hero{padding:44px 0 58px}
  .ab-mission,.ab-promise{padding:56px 0}
  .ab-values{padding-top:60px}
  .ab-vgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ab-vcard{padding:18px 14px}
  .ab-vcard:last-child{grid-column:1/-1}
  .ab-vicon{width:42px;height:42px;margin-bottom:12px}
  .ab-vcard h3{font-size:1.02rem}
  .ab-vcard p{font-size:.84rem}
  .ab-pcard{flex-direction:column;text-align:center}
  .ab-pcard img{width:100%;height:auto;aspect-ratio:1}
}
