/* About Us page only - every selector starts with .ab- so no other page is affected.
   Fonts/colors come from the existing site (Jost, Cormorant Garamond, --g, --k, --bg). */
.ab-in{max-width:1100px;margin:auto;padding:0 5%}
.ab-sec{padding:56px 0}
.ab-alt{background:#fffdf8;border-top:1px solid #e8dfd0;border-bottom:1px solid #e8dfd0}
.ab-h{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,4vw,40px);margin:0 0 14px;font-weight:600;text-align:center}
.ab-sub{text-align:center;max-width:620px;margin:0 auto 32px;color:#555;line-height:1.7}
.ab-hero{background:linear-gradient(135deg,#fffdf8,#efe6d6);padding:56px 0}
.ab-hero .ab-in{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.ab-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(34px,5.5vw,58px);margin:0 0 8px;line-height:1.1}
.ab-tag{font-size:18px;color:var(--g);font-weight:500;margin:0 0 14px}
.ab-hero p{line-height:1.7;color:#444;margin:0 0 24px}
.ab-collage{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:5/4}
.ab-collage img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px;box-shadow:0 10px 24px #0002}
.ab-collage img:first-child{grid-row:1/3}
.ab-story{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ab-story img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:4px;box-shadow:0 10px 24px #0002}
.ab-story .ab-h{text-align:left}
.ab-story p{line-height:1.8;color:#444;margin:0}
.ab-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}
.ab-cat{background:#fff;padding:10px;text-align:center;transition:.4s;display:block}
.ab-cat:hover{transform:translateY(-6px);box-shadow:0 14px 30px #0002}
.ab-cat .im{overflow:hidden;aspect-ratio:4/3}
.ab-cat img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}
.ab-cat:hover img{transform:scale(1.07)}
.ab-cat h3{font-size:16px;font-weight:500;margin:12px 0 4px}
.ab-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px}
.ab-feat{background:#fff;padding:26px 20px;text-align:center;border:1px solid #e8dfd0;transition:.4s}
.ab-feat:hover{transform:translateY(-6px);box-shadow:0 14px 30px #0002}
.ab-feat svg{width:38px;height:38px;stroke:var(--g);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}
.ab-feat h3{font-size:17px;font-weight:600;margin:0 0 6px}
.ab-feat p{margin:0;color:#555;font-size:14px;line-height:1.6}
.ab-note{background:#fff;border-left:4px solid var(--g);padding:14px 18px;margin:26px auto 0;max-width:760px;line-height:1.7}
.ab-box{background:#fff;border:1px solid #e8dfd0;padding:28px;max-width:820px;margin:auto}
.ab-box ul{margin:0 0 22px;padding-left:20px;line-height:1.9;color:#333}
.ab-links{display:flex;flex-wrap:wrap;gap:12px}
.ab-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:820px;margin:0 auto 26px}
.ab-ci{background:#fff;border:1px solid #e8dfd0;padding:16px;line-height:1.6;word-break:break-word}
.ab-ci b{display:block;color:var(--g);font-size:13px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px}
.ab-ci a{text-decoration:underline}
.ab-wa{display:block;width:fit-content;margin:auto;background:#25d366;color:#fff;padding:13px 28px;border-radius:2px;font-weight:500;transition:.3s}
.ab-wa:hover{background:#1ebe5a;transform:translateY(-2px)}
@media(max-width:800px){.ab-hero .ab-in,.ab-story{grid-template-columns:1fr}.ab-story .ab-h{text-align:center}.ab-sec{padding:40px 0}}