.about-page{padding-top:0}
.about-main{width:min(900px,calc(100% - 48px));margin:0 auto;padding:130px 0 90px}
.about-hero{text-align:center;padding:45px 0 65px;border-bottom:1px solid rgba(43,51,96,.18)}
.about-eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--mut);text-transform:uppercase;margin:0 0 18px}
.about-hero h1{font:400 clamp(48px,8vw,82px)/1 Yellowtail,cursive;margin:0;color:var(--ink)}
.about-intro{font-size:14px;letter-spacing:.5px;color:var(--mut);margin:20px 0 0}
.about-section{max-width:740px;margin:0 auto;padding:70px 0 55px;border-bottom:1px solid rgba(43,51,96,.18)}
.about-section h2,.about-contact h2{font-size:clamp(25px,4vw,36px);font-weight:500;letter-spacing:-1px;line-height:1.2;margin:0 0 30px;color:var(--ink)}
.about-section p{font-size:15px;line-height:1.95;color:#55596d;margin:0 0 22px}
.about-section strong{font-weight:700;color:var(--ink)}
.founders-section{padding-top:65px}
.founders-section>.about-eyebrow{margin-bottom:16px}
.about-contact{text-align:center;padding:70px 0 25px}
.about-contact h2{margin-bottom:18px}
.about-contact>a{color:var(--ink);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.about-addresses{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:42px auto;max-width:620px;text-align:center}
.about-addresses h3{font-size:13px;letter-spacing:1px;text-transform:uppercase;margin:0 0 12px}
.about-addresses p{font-size:14px;line-height:1.8;color:var(--mut);margin:0}
.about-contact .about-instagram{display:inline-block;margin-top:10px}
.about-footer{text-align:center;border-top:1px solid rgba(43,51,96,.18);padding:35px 20px 45px;color:var(--mut);font-size:12px;line-height:1.8}
.footer-brand{font:400 30px Yellowtail,cursive;color:var(--ink);text-decoration:none}
.about-footer p{margin:7px 0}
@media(max-width:700px){
.about-main{width:calc(100% - 40px);padding-top:105px;padding-bottom:55px}
.about-hero{padding:35px 0 45px}
.about-section{padding:48px 0 35px}
.about-section p{font-size:14px;line-height:1.85}
.about-addresses{gap:20px}
}
@media(max-width:420px){
.about-addresses{grid-template-columns:1fr;gap:28px}
}