/* Styles for the About Us and Contact Us pages (uses the theme's colour variables). */
.bb-page-hero{background:var(--emerald);position:relative;overflow:hidden}
.bb-page-hero::before{content:"";position:absolute;right:-120px;top:-160px;width:460px;height:460px;border-radius:50%;border:1px solid rgba(217,188,130,.22)}
.bb-page-hero .wrap{position:relative;z-index:1;padding-top:64px;padding-bottom:64px}
.bb-page-hero h1{color:var(--cream);font-size:clamp(40px,6vw,64px);line-height:1.02;margin:16px 0 0}
.bb-page-hero h1 em{font-weight:500;color:#E3C98F}
.bb-page-hero p.lead{font-size:17px;line-height:1.6;color:#D4DED7;max-width:560px;margin:18px 0 0}

.bb-about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding-top:24px}
.bb-about-grid h2,.bb-about-custom h2{font-size:clamp(28px,3.4vw,36px)}
.bb-about-grid p{color:var(--muted);line-height:1.7}
.bb-about-custom{max-width:800px;padding-top:24px}

.bb-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:56px}
.bb-values .v{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:26px 22px}
.bb-values .mark{width:46px;height:46px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center;color:var(--emerald);font:700 14px var(--serif);margin-bottom:14px}
.bb-values h3{font-size:24px;margin:0 0 6px}
.bb-values p{font-size:14px;color:var(--muted);margin:0}

.bb-contact-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:start}
.bb-form-card,.bb-info-card{background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:34px}
.bb-info-card{background:var(--sage-2)}
.bb-form-card h2,.bb-info-card h2{font-size:clamp(28px,3.4vw,36px)}
.bb-info-card p{font-size:15px;line-height:1.6}
.bb-info-card a{color:var(--emerald);text-decoration:underline}
.bb-form label{display:block;font-weight:600;font-size:14px;margin:0 0 6px}
.bb-form input[type=text],.bb-form input[type=email],.bb-form textarea{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font:inherit;color:var(--ink);margin-bottom:18px}
.bb-form input:focus,.bb-form textarea:focus{border-color:var(--gold)}
.bb-submit{background:var(--emerald)!important;color:var(--cream)!important}
.bb-submit:hover{background:var(--emerald-2)!important}
.bb-notice{padding:14px 18px;border-radius:12px;margin-bottom:22px;font-weight:600;font-size:14px}
.bb-notice.ok{background:var(--sage);color:var(--emerald)}
.bb-notice.err{background:#F8E6E1;color:#7A2E1F}
.bb-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media(max-width:1000px){.bb-values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.bb-about-grid,.bb-contact-grid{grid-template-columns:1fr}}
@media(max-width:560px){.bb-values{grid-template-columns:1fr}.bb-form-card,.bb-info-card{padding:24px}.bb-page-hero .wrap{padding-top:44px;padding-bottom:44px}}