
:root{--ink:#33464b;--cream:#faf7f2;--sand:#f1ebe2;--width:1040px;--gutter:30px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}
h1,h2,h3,.brand{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.025em;line-height:1.2}
h1,h2{font-weight:500}h3{font-size:21px;font-weight:600}
h1{font-size:clamp(36px,5vw,64px);margin:14px 0 18px}
h2{font-size:clamp(28px,3.2vw,40px);margin:10px 0 18px}
p{margin:0 0 17px}
a{color:inherit}
.container,.section,.hero-inner{width:min(var(--width),calc(100% - 2 * var(--gutter)));margin-inline:auto}
.nav{background:white;padding:18px max(var(--gutter),calc((100% - var(--width))/2));display:flex;justify-content:space-between;align-items:center;gap:25px}
.brand{font-size:16px;letter-spacing:1px;font-weight:600;line-height:1.35;flex-shrink:0}
.brand a{text-decoration:none}
.links{display:flex;flex-wrap:wrap;gap:10px 20px}
.links a{text-decoration:none;font-size:13px}
.links a:hover{text-decoration:underline}
.hero{min-height:430px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(250,247,242,.90),rgba(250,247,242,.70) 48%,rgba(250,247,242,.13)),url('/scarborough-coast-original.jpg') center 53%/cover no-repeat}
.hero.home{min-height:430px}
.hero-inner{position:relative;padding-block:65px}
.hero-inner>.content{max-width:650px}
.hero p{max-width:530px;font-size:17px}
.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:600}
.beachnote{position:absolute;bottom:12px;right:18px;font-size:11px;color:#53676a}
.section{padding-block:65px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.photo{width:100%;height:570px;object-fit:cover;object-position:center 40%;border-radius:5px}
.light{background:var(--sand)}
.credentials{border-top:1px solid #c9c3b8;margin-top:22px;padding-top:14px}
.credentials p{margin:4px 0 14px}
.muted{color:#66767b}
.text{max-width:680px}
.care-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0 10px}
.care-card{padding:26px;background:#fffdf9;border:1px solid #e6ded5;border-radius:12px}
.care-card h3{margin:0 0 10px}
.care-card p{margin:0;color:#586a6d}
.button{display:inline-block;background:#354d53;color:white;padding:13px 24px;text-decoration:none;border-radius:4px;margin-top:12px;font-weight:600}
.bodycopy{max-width:760px}
.bodycopy h3{margin-top:30px}
.fee-table{width:100%;border-collapse:collapse;background:white;margin:25px 0}
.fee-table td{padding:18px 22px;border-bottom:1px solid #e6e1d9}
.fee-table td:last-child{text-align:right;font-weight:bold}
.subtlelink{text-underline-offset:4px}
.small{font-size:13px}
.qrs{display:flex;margin-top:28px}
.qr{background:#fff;padding:20px;text-align:center;max-width:220px;border:1px solid #e2ddd6}
.qr img{width:160px;height:160px}
.qr strong,.qr span{display:block}
footer{padding:35px max(var(--gutter),calc((100% - var(--width))/2));background:#354d53;color:white;font-size:13px}
@media(max-width:760px){
:root{--gutter:22px}
.nav{display:block;padding:16px var(--gutter)}
.links{margin-top:14px;gap:8px 16px}
.hero,.hero.home{min-height:410px;background-position:center,60% center}
.hero-inner{padding-block:52px}
.section{padding-block:45px}
.two,.care-grid{grid-template-columns:1fr}
.two{gap:24px}
.photo{height:auto}
}

/* Shared page template: exactly the same horizontal grid on all pages */
:root { --width:1040px; --gutter:30px; }
.nav, footer {padding-left:max(var(--gutter),calc((100% - var(--width))/2));padding-right:max(var(--gutter),calc((100% - var(--width))/2))}
.hero,.hero.home {height:470px;min-height:470px}
.hero-inner {padding-block:50px}
.hero-inner>.content {max-width:680px}
.hero h1 {font-size:clamp(34px,4.2vw,54px);margin:14px 0 18px}
.hero .eyebrow {font-size:11px}
.section,main.section,.hero-inner {width:min(var(--width),calc(100% - 2 * var(--gutter)));margin-inline:auto}
main.section .bodycopy {max-width:760px}
footer {min-height:105px}
@media(max-width:760px){
:root{--gutter:22px}
.nav{padding-left:var(--gutter);padding-right:var(--gutter)}
.hero,.hero.home{height:440px;min-height:440px}
.hero-inner{padding-block:35px}
.hero h1{font-size:clamp(32px,8vw,44px)}
footer{padding-left:var(--gutter);padding-right:var(--gutter)}
}

/* Unified, fixed-size coastal headers on all pages */
.hero,.hero.home { height:470px; min-height:470px; max-height:470px; align-items:flex-start; overflow:hidden; }
.hero-inner { padding-top:105px; padding-bottom:0; }
.hero-inner>.content {max-width:680px}
.hero h1 {font-size:clamp(34px,4.2vw,54px);line-height:1.15; margin:14px 0 18px}
.hero p {font-size:17px;line-height:1.5}
.contact-simple{max-width:720px}
@media(max-width:760px){
.hero,.hero.home {height:440px;min-height:440px;max-height:440px}
.hero-inner{padding-top:66px;padding-bottom:0}
.hero h1{font-size:clamp(32px,8vw,44px)}
}
