.about-page-hero{padding:86px 0 82px;background:#ffe1ca;border-bottom:1px solid #e4c2a8;overflow:hidden}
.about-page-hero h1{max-width:760px;margin:16px 0 19px;font-size:var(--wknd-public-h1);letter-spacing:-.065em;line-height:1.01}
.about-page-hero .lead{max-width:620px;margin:0;color:#44505a;font-size:clamp(17px,2vw,21px)}
.about-page-story{scroll-margin-top:24px}
.about-values-bridge{padding:78px 0;background:#fff3c9;border-block:1px solid #e3d39f}
.about-values-bridge h2{max-width:700px;margin:14px 0 15px}
.about-values-bridge>div>p:last-child{max-width:640px;margin:0;color:var(--muted);font-size:17px}
.about-contact{padding:82px 0;background:#dceef0;border-top:1px solid #bfd7dc;scroll-margin-top:24px}
.contact-layout{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}
.contact-layout h2{max-width:560px;margin:14px 0 16px}
.contact-layout>div:first-child>p:last-child{max-width:520px;margin:0;color:var(--muted);font-size:17px}
.contact-links{display:grid;gap:12px}
.contact-link{display:flex;min-height:68px;flex-direction:column;justify-content:center;padding:12px 16px;border:2px solid var(--ink);border-radius:8px;background:#fff8ed;text-decoration:none;box-shadow:5px 5px 0 var(--sun)}
.contact-link:nth-child(2){box-shadow:5px 5px 0 #f4b4a8}
.contact-link span{color:var(--violet);font:500 10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.contact-link strong{margin-top:4px;font-size:15px;overflow-wrap:anywhere}
.contact-link small{margin-top:2px;color:var(--muted);font:500 10px "DM Mono",monospace;overflow-wrap:anywhere}
.instagram-follow{display:inline-flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:5px;color:var(--ink);font-size:14px;font-weight:800;text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:2px;text-underline-offset:5px}
.instagram-follow span{color:var(--coral);font-size:20px}
.contact-url{color:var(--muted);font:500 11px "DM Mono",monospace;overflow-wrap:anywhere}
.about-page .home-footer{border-top:0}
@media(max-width:760px){
  .about-page-hero{padding:58px 0 61px}
  .about-values-bridge,.about-contact{padding-block:58px}
  .contact-layout{grid-template-columns:1fr;gap:30px}
  .contact-link{min-height:64px}
}

/* Keep the direct-contact cards and anchored sections usable above the mobile
   browser chrome, including when a device has a bottom safe area. */
.about-page{scroll-padding-top:24px;scroll-padding-bottom:max(16px,env(safe-area-inset-bottom))}
.contact-link{min-height:68px}
.contact-link strong,.contact-link small{overflow-wrap:anywhere}
@supports (padding: max(0px)){
  .about-page .home-footer{padding-bottom:max(39px,calc(39px + env(safe-area-inset-bottom)))}
}