/* Mendola Painting — site-specific styles. Loaded after base.css. */

/* Header: logo big enough for "Mendola" to read; call button always visible */
.site-header .brand img{height:58px;width:auto;padding-block:4px}
.site-header .container{gap:var(--s-5)}
.head-call{margin-left:auto}
.nav{margin-left:auto}
.nav + .head-call{margin-left:0}
@media(max-width:860px){
  .site-header .brand img{height:44px}
  .head-call{padding:.65em .9em;font-size:var(--fs-sm)}
  .nav{margin-left:0}
}
@media(max-width:600px){.head-call .num{display:none}}

h1,h2,h3{letter-spacing:-.01em}
h2{font-weight:700}

/* Hero: the photo stays inside the container (source photos are 1125 px wide) */
.hero-mp{padding-block:var(--s-5) var(--section)}
.hero-mp .photo{border-radius:var(--radius);overflow:hidden;background:var(--bg-alt)}
.hero-mp .photo img{width:100%;height:230px;object-fit:cover;object-position:50% 45%}
@media(min-width:600px){.hero-mp .photo img{height:380px}}
@media(min-width:1000px){.hero-mp .photo img{height:470px}}
.hero-mp .copy{display:grid;gap:var(--s-5);margin-top:var(--s-5)}
.hero-mp h1{font-size:clamp(2.1rem,1.4rem + 3.4vw,4rem);line-height:1.02;font-weight:800;margin:0;max-width:16ch}
.hero-mp .lede{margin:0;color:var(--ink-2)}
.hero-mp .hours{font-size:var(--fs-sm);color:var(--ink-2);margin:0}
@media(min-width:900px){
  .hero-mp .copy{grid-template-columns:7fr 5fr;gap:var(--s-7);align-items:start;margin-top:var(--s-6)}
}

/* About the owners */
.owners .pullquote{font-size:clamp(1.35rem,1.1rem + 1vw,1.9rem);font-weight:700;max-width:24ch}
.owners figure{margin:0;padding-left:var(--s-5);border-left:4px solid var(--accent)}
.owners figcaption{margin-top:var(--s-4);color:var(--ink-2);font-size:var(--fs-sm)}

/* The landing, three stages */
.stages{display:grid;gap:var(--s-4);grid-template-columns:1fr;margin:0;padding:0;list-style:none}
@media(min-width:700px){.stages{grid-template-columns:repeat(3,1fr)}}
.stages img{width:100%;height:420px;object-fit:cover;border-radius:var(--radius)}
@media(min-width:700px) and (max-width:999px){.stages img{height:340px}}
.stages p{margin:var(--s-3) 0 0;font-size:var(--fs-sm);color:var(--ink-2)}
.stages strong{color:var(--ink);font-weight:600}

/* Services: text rows, then one photo strip */
.list-rows h3{font-size:var(--fs-lg);font-weight:700}
.list-rows p{font-size:var(--fs-md);max-width:52ch}
.list-rows li{padding:var(--s-5) 0}
@media(max-width:600px){.list-rows li{grid-template-columns:1fr}.list-rows li>span:last-child{white-space:normal}}
.strip{margin-top:var(--s-7)}
.strip{grid-auto-columns:max-content}
.strip img{aspect-ratio:auto;height:260px;width:auto}
/* desktop: columns sized to each photo's own shape, so nothing is cropped (yard sign included) */
@media(min-width:900px){
  .strip{grid-auto-flow:row;grid-template-columns:1.336fr .749fr .749fr 1fr 1.336fr;overflow:visible}
  .strip img{height:auto;width:100%}
}

/* Reviews */
.rating{font-size:var(--fs-lg);margin:0 0 var(--s-6)}
.rating strong{font-family:var(--font-display);font-size:var(--fs-xl)}
.reviews{display:grid;gap:var(--s-6);grid-template-columns:1fr}
@media(min-width:900px){.reviews{grid-template-columns:repeat(3,1fr)}}
.reviews blockquote{margin:0}
.reviews blockquote p{font-size:var(--fs-md)}
.reviews footer{margin-top:var(--s-3);font-size:var(--fs-sm);color:var(--ink-2)}
.reviews footer b{color:var(--ink);font-weight:600}

/* Estimate */
.estimate .contact-lines{list-style:none;padding:0;margin:var(--s-5) 0}
.estimate .contact-lines li{padding:var(--s-2) 0}
.estimate .phone-big{font-family:var(--font-display);font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);font-weight:800;text-decoration:none;color:var(--brand)}
.estimate .towns{font-size:var(--fs-sm);color:var(--ink-2)}
.estimate .form{background:var(--bg-alt);padding:clamp(1.25rem,3vw,2rem);border-radius:var(--radius)}
.estimate .form select{font:inherit;padding:.75em .9em;border:1px solid var(--line);border-radius:calc(var(--radius) * .7);background:var(--surface);color:var(--ink);width:100%}
.btn{min-height:44px}

/* Footer */
.site-footer ul{list-style:none;padding:0}