:root{color-scheme:light;--bg:#f5f3ef;--ink:#171717;--accent:#b52620;--line:#d9d4ca}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Inter",Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.mission-header{background:#111;color:#fff}.navigation{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:16px;align-items:center;font-size:14px;font-weight:800;letter-spacing:1px}.brand-mark{font-size:38px;letter-spacing:-3px;line-height:1}.brand-mark span{color:#f15a50;font-size:26px;letter-spacing:0}.brand small{display:block;color:#bcbcbc;font-size:9px;letter-spacing:1.5px;margin-top:3px}.back{font-size:13px;color:#ddd;padding:12px 0}.back:hover,.mission-old-footer a:hover{text-decoration:underline}.intro{padding-block:66px 44px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--accent);margin:0 0 16px}h1{font-size:clamp(48px,6.5vw,82px);letter-spacing:-3px;line-height:1.08;margin:0 0 24px}h1 span{color:var(--accent)}.lead{font-size:19px;line-height:1.6;color:#615d57;margin:0}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.purpose{padding:40px 42px;display:flex;flex-direction:column;border:1px solid var(--line);background:#fff}.vision{background:#181818;color:#fff;border-color:#181818}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-top .eyebrow{margin:0}.number{font-size:28px;font-weight:700;color:#79736c}.vision .number{color:#aaa}.vision .eyebrow{color:#ff8179}h2{font-size:44px;letter-spacing:-1.5px;line-height:1.2;margin:24px 0 0}.rule{width:48px;height:3px;background:var(--accent);margin:24px 0}.vision .rule{background:#ff8179}.statement{font-size:17px;line-height:1.85;margin:0;color:#494641;text-align:left}.vision .statement{color:#dedbd5}.closing{margin:32px 0 0;padding-top:24px;border-top:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:1.7px}.vision .closing{border-color:#444;color:#ddd}.contact{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:54px}.contact h2{font-size:27px;letter-spacing:-.5px;margin:0;max-width:550px}.contact .eyebrow{margin-bottom:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent);color:#fff;font-size:14px;font-weight:700;padding:16px 22px;white-space:nowrap}.button:hover{background:#951b16}.mission-old-footer{padding-block:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#615d57}.mission-old-footer p{margin:0}.skip{position:absolute;left:12px;top:-100px;padding:12px;background:#fff;z-index:10}.skip:focus{top:12px}a:focus-visible{outline:3px solid #e75449;outline-offset:5px}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.navigation{min-height:86px;gap:16px}.brand{font-size:11px;gap:10px;letter-spacing:.3px}.brand small{font-size:7px;letter-spacing:.5px}.brand-mark{font-size:30px}.brand-mark span{font-size:20px}.back{font-size:12px;max-width:90px;text-align:right}.intro{padding-block:42px 32px}h1{letter-spacing:-2px}.lead{font-size:17px}.purpose-grid{grid-template-columns:1fr;gap:18px}.purpose{padding:28px 24px}.statement{font-size:16px;line-height:1.85}h2{font-size:38px}.eyebrow{font-size:10px;letter-spacing:1.5px}.contact{align-items:flex-start;flex-direction:column;padding-block:38px;gap:24px}.contact h2{font-size:26px}.mission-old-footer{flex-direction:column;gap:12px}.mission-old-footer span{display:block}}

/* Keep the shared brand, footer and floating controls identical to the home page. */
.mission-page .mission-header{position:relative;background:#111;color:#fff}
.mission-page .navigation{min-height:112px}
.mission-page main > .wrap{width:min(1180px,calc(100% - 64px))}
.mission-page .footer{line-height:1.55}
.mission-page .footer-grid{grid-template-columns:auto minmax(220px,1fr) minmax(240px,1fr)}
.mission-page .footer-copy{grid-column:1 / -1;max-width:none;text-align:right}
.mission-page a.pet-floating{color:inherit;text-decoration:none}
@media(max-width:1000px){.mission-page .footer-grid{grid-template-columns:1fr 1fr}.mission-page .footer-map{grid-column:1 / -1}}
@media(max-width:760px){.mission-page main > .wrap{width:calc(100% - 36px)}.mission-page .navigation{min-height:100px}.mission-page .navigation .logo{gap:8px}.mission-page .navigation .logo-img{width:54px;height:54px}.mission-page .navigation .logo-wordmark{width:clamp(100px,28vw,180px)}}
@media(max-width:600px){.mission-page .footer-grid{grid-template-columns:1fr}.mission-page .footer-copy{text-align:left}.mission-page .contact{padding-bottom:90px}}
