/* Poco Creek Labradoodles — site-specific styles. Loaded after base.css. */

/* Fonts: two files, both preloaded in <head>. */
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 600;font-display:optional;src:url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Young Serif';font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/youngserif/v2/3qTpojO2nS2VtkB3KtkQZ1t93kY.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Young Serif has one weight: never fake bold */
h1,h2,h3,h4,.pullquote,.brand{font-weight:400;font-synthesis:none}
h1{color:var(--brand);letter-spacing:-.02em}
h2{letter-spacing:-.015em}
.btn{font-weight:600}
.site-header .brand img{height:60px;width:auto}
.nav a{font-weight:600}

/* ---- Hero ---------------------------------------------------- */
.intro{padding-block:clamp(2.5rem,7vw,5rem) clamp(2rem,4vw,3rem)}
.intro h1{max-width:22ch;font-size:clamp(2.3rem,1.6rem + 3.6vw,4.4rem);line-height:1.04;margin-bottom:var(--s-5)}
.intro .lede{color:var(--ink-2)}
.intro .actions{margin-top:var(--s-6)}
.intro .when{margin-top:var(--s-4);font-size:var(--fs-sm);color:var(--ink-2)}
.intro .when strong{color:var(--ink);font-weight:600}
.lawn{margin:clamp(2rem,4vw,3rem) 0 0;max-width:980px}
.lawn img{width:100%;height:auto;aspect-ratio:980/400;object-fit:cover;border-radius:var(--radius)}

/* ---- The litter (the one loud moment) ------------------------ */
.litter{background:var(--bg-alt)}
.litter .section-head{max-width:46rem;margin-bottom:var(--s-6)}
.pair{display:grid;gap:var(--s-6);grid-template-columns:minmax(0,1fr);align-items:start}
@media(min-width:900px){.pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--s-5)}}
.cross{font-family:var(--font-display);font-size:clamp(3rem,2rem + 4vw,5.5rem);line-height:1;color:var(--brand);text-align:center;align-self:center;margin:calc(var(--s-4) * -1) 0}
@media(min-width:900px){.cross{margin:0;padding-top:6rem;align-self:start}}
.parent img{width:100%;height:auto;border-radius:var(--radius);background:#fff}
.parent h3{font-size:var(--fs-2xl);margin:var(--s-4) 0 var(--s-1)}
.parent .line{color:var(--ink-2);margin-bottom:var(--s-4)}
.facts{display:grid;grid-template-columns:auto 1fr;gap:.35em var(--s-4);margin:0 0 var(--s-4);font-size:var(--fs-sm)}
.facts dt{color:var(--ink-2)}
.facts dd{margin:0;font-weight:600}
.parent blockquote{margin:0;padding-left:var(--s-4);border-left:3px solid var(--brand);font-style:italic;color:var(--ink-2);max-width:48ch}

.plan{margin-top:var(--s-7);display:grid;gap:var(--s-6);grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.plan{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}
.dates{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:3px solid var(--brand)}
.dates li{padding:var(--s-3) var(--s-3) 0 0}
.dates b{display:block;font-family:var(--font-display);font-weight:400;font-size:var(--fs-lg);color:var(--ink)}
.dates span{font-size:var(--fs-sm);color:var(--ink-2)}
.coats{list-style:none;margin:var(--s-3) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-4)}
.coats li{display:flex;align-items:center;gap:.5em;font-size:var(--fs-sm);font-weight:600}
.coats i{width:28px;height:28px;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.c-apricot{background:#c9773a}.c-caramel{background:#a8693a}.c-chocolate{background:#4a2c22}.c-black{background:#1d1a19}
.plan h3{font-size:var(--fs-lg);margin-bottom:var(--s-2)}
.plan .note{font-size:var(--fs-sm);color:var(--ink-2);margin-top:var(--s-4)}
.litter .actions{margin-top:var(--s-6)}

/* ---- What comes home ----------------------------------------- */
.comes{display:grid;gap:var(--s-6);grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.comes{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--s-8)}}
.list-rows li{grid-template-columns:minmax(0,1fr)}
.list-rows li strong{font-weight:600}

/* ---- Story --------------------------------------------------- */
.story{display:grid;gap:var(--s-6);grid-template-columns:minmax(0,1fr);align-items:start}
@media(min-width:900px){.story{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s-8)}}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);margin:0}
.duo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}
.duo figcaption{grid-column:1/-1;font-size:var(--fs-sm);color:var(--ink-2)}
.robin{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--line)}
.robin h3{font-size:var(--fs-xl)}

/* ---- Reserve ------------------------------------------------- */
.reserve{display:grid;gap:var(--s-7);grid-template-columns:minmax(0,1fr)}
@media(min-width:960px){.reserve{grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:var(--s-8)}}
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:var(--s-5)}
.steps li{counter-increment:s;display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:var(--s-3)}
.steps li::before{content:counter(s);font-family:var(--font-display);font-size:var(--fs-xl);line-height:1.1;color:var(--brand)}
.steps h3{font-size:var(--fs-lg);margin:0 0 var(--s-1)}
.steps p{margin:0;color:var(--ink-2)}
.guardian{margin-top:var(--s-6);font-size:var(--fs-sm);color:var(--ink-2)}
.apply{background:var(--bg-alt);border-radius:var(--radius);padding:clamp(1.25rem,3vw,2rem)}
.apply h3{font-size:var(--fs-xl);margin-bottom:var(--s-2)}
.apply .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%}
.apply .form label{font-weight:600}

/* ---- Families ------------------------------------------------ */
.families .pullquote{font-size:clamp(1.5rem,1.1rem + 1.8vw,2.4rem);max-width:30ch;color:var(--ink)}
.families .who{margin-top:var(--s-4);color:var(--ink-2)}
.towns{margin-top:var(--s-7);display:grid;gap:var(--s-6);grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.towns{grid-template-columns:repeat(2,minmax(0,1fr))}}
.towns h3{font-size:var(--fs-lg);margin-bottom:var(--s-2)}
.towns p{color:var(--ink-2)}

/* ---- Footer -------------------------------------------------- */
.site-footer{background:#3b3e25;color:#e6e4d8}
.site-footer .brand{font-size:var(--fs-xl)}
.site-footer p{max-width:36ch}

@media(max-width:600px){
  .intro .actions .btn{width:100%}
  .dates b{font-size:var(--fs-md)}
}