:root{
  --cream:#F8F3E7; --cream-2:#F2EBDD; --cream-3:#E9E0CF;
  --taupe:#DDD3C6; --taupe-2:#CFC3B4; --taupe-deep:#A8998A;
  --rose:#DDB9AA; --rose-2:#E9CFC4; --rose-deep:#B27C66; --rose-ink:#9A6852;
  --sage:#8F9F7E; --sage-deep:#6F8060; --sage-soft:#E3E7DA;
  --brown:#4A3426; --brown-soft:#6B5243; --brown-mute:#8C7566;
  --serif:'Lora',Georgia,'Times New Roman',serif;
  --sans:'Nunito Sans','Segoe UI',Helvetica,Arial,sans-serif;
  --maxw:1140px; --gutter:clamp(18px,4vw,44px);
  --arch:48% 48% 18px 18px / 40% 40% 18px 18px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--brown);font-family:var(--sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
img{max-width:100%;height:auto;display:block}
a{color:var(--rose-deep);text-underline-offset:3px}
a:hover{color:var(--brown)}
:focus-visible{outline:3px solid var(--sage);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.15;margin:0;text-wrap:balance;color:var(--brown)}
h1{font-size:clamp(2.1rem,4.6vw,3.4rem)}
h1.caps{font-size:clamp(1.7rem,3.6vw,2.7rem);letter-spacing:.14em}
h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
h3{font-size:clamp(1.2rem,2vw,1.5rem)}
p{margin:0 0 1.1em}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.narrow{max-width:720px}
.center{text-align:center}
.eyebrow{font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--sage-deep);margin:0 0 .9rem}
.caps{font-family:var(--serif);font-weight:400;letter-spacing:.12em;text-transform:uppercase}
.sub{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,2.2vw,1.5rem);color:var(--rose-deep);margin:.4rem 0 1.2rem}
.lead{font-size:1.12rem;line-height:1.75;color:var(--brown-soft)}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:3px;font-family:var(--sans);font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn-primary{background:var(--rose-deep);color:#fff;border-color:var(--rose-deep)}
.btn-primary:hover{background:var(--rose-ink);border-color:var(--rose-ink);color:#fff}
.btn-outline{background:transparent;color:var(--brown);border-color:var(--brown)}
.btn-outline:hover{background:var(--brown);color:var(--cream)}
.btn-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn-light:hover{background:#fff;color:var(--brown)}
.rule{border:0;height:1px;background:var(--taupe);margin:0}
.rule-rose{width:56px;height:1.5px;background:var(--rose-deep);margin:1.1rem auto;border:0}
.rule-rose.left{margin-inline:0}
.paw{width:22px;height:22px;fill:currentColor}
.tag{display:inline-block;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-deep);border:1px solid var(--sage);padding:.32rem .8rem}
.tag.rose{color:var(--rose-deep);border-color:var(--rose-deep)}
.tag.mute{color:var(--brown-mute);border-color:var(--taupe-2)}

/* Header */
.site-header{background:var(--cream);border-bottom:1px solid var(--taupe);position:relative;z-index:50}
.site-header .wrap{display:flex;flex-direction:column;align-items:center;padding-block:1.4rem .9rem;gap:.9rem}
.logo{display:block;width:clamp(240px,30vw,360px)}
.logo img{width:100%}
.nav{display:flex;gap:1.9rem;align-items:center;justify-content:center;flex-wrap:wrap}
.nav a{font-family:var(--sans);font-weight:600;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:var(--brown);text-decoration:none;padding:.35rem 0;border-bottom:1.5px solid transparent}
.nav a:hover,.nav a.active{border-bottom-color:var(--rose-deep);color:var(--rose-deep)}
.menu-btn{display:none;background:none;border:1px solid var(--taupe-2);border-radius:3px;padding:.5rem .9rem;font:inherit;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--brown);cursor:pointer}
@media (max-width:960px){
  .site-header .wrap{padding-block:1rem .8rem}
  .menu-btn{display:inline-flex;align-items:center;gap:.5rem}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cream);border-bottom:1px solid var(--taupe);flex-direction:column;align-items:stretch;gap:0;padding:.4rem var(--gutter) 1rem}
  .nav.open{display:flex}
  .nav a{padding:.8rem 0;border-bottom:1px solid var(--cream-3);text-align:center;font-size:.82rem}
  .nav a.active{border-bottom-color:var(--rose-deep)}
}

/* Pages */
.page{display:none;animation:fade .4s ease}
.page.current{display:block}
@keyframes fade{from{opacity:.5}to{opacity:1}}
section{padding-block:clamp(3rem,7vw,5.5rem)}
.band-rose{background:var(--rose-2)}
.band-taupe{background:var(--taupe)}
.band-cream2{background:var(--cream-2)}
.band-sage{background:var(--sage-soft)}
.band-brown{background:var(--brown);color:var(--cream)}
.band-brown h1,.band-brown h2,.band-brown h3,.band-brown p{color:var(--cream)}
.band-brown .eyebrow{color:var(--rose)}
.band-brown .sub{color:var(--rose)}

/* Arch photos */
.arch{width:100%;border-radius:var(--arch);overflow:hidden;background:linear-gradient(160deg,var(--cream-2),var(--taupe));aspect-ratio:4/5;display:grid;place-items:center;text-align:center;color:var(--brown-mute);font-size:.85rem;padding:1.2rem;position:relative}
.arch img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.arch svg{width:34px;height:34px;fill:var(--taupe-deep);margin-bottom:.4rem}
.arch.wide{aspect-ratio:5/4}
.arch.square{aspect-ratio:1}
.arch.frame{box-shadow:0 0 0 6px var(--cream),0 0 0 7px var(--taupe-2)}
.round{border-radius:50%;overflow:hidden;aspect-ratio:1}
.round img{width:100%;height:100%;object-fit:cover}

/* Hero */
.hero{padding-block:clamp(2.5rem,6vw,5rem)}
.hero .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.hero .arch{max-width:460px;margin-inline:auto}
.hero h1{margin-bottom:.2rem}
.hero .lead{max-width:44ch;margin-bottom:1.6rem}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}
@media (max-width:800px){.hero .grid{grid-template-columns:1fr;text-align:center}.hero .arch{max-width:300px}.hero .lead{margin-inline:auto}.hero-actions{justify-content:center}.rule-rose.left{margin-inline:auto}}

/* Feature trio */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,3vw,2.5rem)}
.feature{text-align:center;text-decoration:none;color:inherit;display:block}
.feature .arch{max-width:300px;margin:0 auto 1.2rem}
.feature h3{font-family:var(--serif);letter-spacing:.1em;text-transform:uppercase;font-size:1.05rem;margin-bottom:.4rem}
.feature p{font-size:.95rem;color:var(--brown-soft);margin:0;max-width:30ch;margin-inline:auto}
.feature .more{display:inline-block;margin-top:.7rem;font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--rose-deep);border-bottom:1.5px solid var(--rose-deep);padding-bottom:.15rem}
@media (max-width:760px){.trio{grid-template-columns:1fr;gap:2.5rem}}

/* Two column bands */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.two .arch{max-width:480px;margin-inline:auto}
@media (max-width:800px){.two{grid-template-columns:1fr;gap:2rem}.two .arch{max-width:380px}}

/* Status */
.status{max-width:760px;margin-inline:auto;text-align:center}
.status .line{font-family:var(--serif);font-size:clamp(1.2rem,2.4vw,1.6rem);line-height:1.5;color:var(--brown)}
.status .meta{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;margin:1.4rem 0 1.6rem}
.status .meta div{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brown-mute)}
.status .meta b{display:block;font-family:var(--serif);font-size:1.4rem;letter-spacing:0;text-transform:none;color:var(--brown)}

/* Banner */
.banner{max-width:1100px;margin:2rem auto 0}
.banner img{width:100%}

/* Parents */
.pairs{display:grid;gap:clamp(2.5rem,6vw,4rem);margin-top:2.5rem}
.pair-head{text-align:center;margin-bottom:1.6rem}
.pair-head h2{letter-spacing:.06em}
.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem)}
.dog{display:grid;grid-template-columns:150px 1fr;gap:1.4rem;align-items:start}
.dog .arch{aspect-ratio:4/5}
.dog h3{margin-bottom:.1rem;font-size:1.4rem}
.dog .reg{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brown-mute);margin-bottom:.7rem}
.facts{display:grid;grid-template-columns:auto 1fr;gap:.2rem .9rem;font-size:.9rem;margin:.5rem 0 .8rem}
.facts dt{font-weight:700;color:var(--brown-soft)}
.facts dd{margin:0}
.dog p{font-size:.95rem;margin:0;color:var(--brown-soft)}
@media (max-width:860px){.pair-grid{grid-template-columns:1fr;gap:2rem}}
@media (max-width:480px){.dog{grid-template-columns:110px 1fr;gap:1rem}}

/* Litters */
.litter{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(1.5rem,5vw,4rem);align-items:start;padding:clamp(1.5rem,4vw,2.8rem);background:var(--cream);border:1px solid var(--taupe)}
.litter .parents{display:flex;gap:.6rem;align-items:center;margin:.8rem 0 1rem}
.litter .parents .round{width:52px;flex:none;border:2px solid var(--taupe)}
.litter .parents span{font-family:var(--serif);font-size:1.05rem}
.pups{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.pup{text-align:center;font-size:.82rem}
.pup .arch{aspect-ratio:1;padding:.6rem;margin-bottom:.5rem}
.pup .arch svg{width:24px;height:24px}
.pup b{display:block;font-family:var(--serif);font-weight:400;font-size:.95rem}
.pup .tag{margin-top:.4rem;font-size:.62rem;padding:.2rem .5rem}
@media (max-width:800px){.litter{grid-template-columns:1fr}}
@media (max-width:420px){.pups{grid-template-columns:repeat(2,1fr)}}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1.4rem;margin-top:2.4rem;counter-reset:step}
.step{text-align:center;padding:0 .4rem}
.step::before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid var(--rose-deep);color:var(--rose-deep);font-family:var(--serif);font-size:1.3rem;margin:0 auto .9rem}
.step h3{font-size:1.05rem;letter-spacing:.06em;margin-bottom:.4rem}
.step p{font-size:.9rem;margin:0;color:var(--brown-soft)}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}

/* Checks */
.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem 3rem;margin-top:2.2rem}
.check{display:flex;gap:1rem;align-items:flex-start}
.check .tick{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--sage);display:grid;place-items:center;color:var(--sage-deep)}
.check .tick svg{width:15px;height:15px;fill:currentColor}
.check h3{font-size:1.1rem;margin-bottom:.25rem}
.check p{font-size:.95rem;margin:0;color:var(--brown-soft)}
@media (max-width:640px){.checks{grid-template-columns:1fr}}

/* Gallery */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2rem}
@media (max-width:640px){.gallery{grid-template-columns:repeat(2,1fr)}}

/* Quotes */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-top:2.4rem}
.quote{text-align:center;font-family:var(--serif);font-size:1.05rem;line-height:1.6;font-style:italic;color:var(--brown-soft)}
.quote::before{content:"\201C";display:block;font-size:3rem;line-height:.6;color:var(--rose);margin-bottom:.8rem;font-style:normal}
.quote .who{font-family:var(--sans);font-style:normal;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brown-mute);margin-top:1rem}
@media (max-width:800px){.quotes{grid-template-columns:1fr}}

/* FAQ */
.faq{max-width:780px;margin:1.8rem auto 0}
.faq details{border-top:1px solid var(--taupe);padding:1rem 0}
.faq details:last-child{border-bottom:1px solid var(--taupe)}
.faq summary{cursor:pointer;font-family:var(--serif);font-size:1.15rem;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--serif);color:var(--rose-deep);font-size:1.5rem;flex:none}
.faq details[open] summary::after{content:"–"}
.faq .a{padding-top:.7rem;color:var(--brown-soft);max-width:65ch}
.faq .a p:last-child{margin:0}

/* Form */
.form-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:start}
@media (max-width:860px){.form-grid{grid-template-columns:1fr}}
form{display:grid;gap:1.1rem}
.row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
@media (max-width:520px){.row{grid-template-columns:1fr}}
label{display:grid;gap:.4rem;font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brown-soft)}
input,select,textarea{font:inherit;font-size:1rem;letter-spacing:0;text-transform:none;font-weight:400;padding:.8rem .95rem;border:1px solid var(--taupe-2);border-radius:3px;background:#fff;color:var(--brown);width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--sage);outline:none;box-shadow:0 0 0 3px rgba(143,159,126,.22)}
textarea{min-height:140px;resize:vertical}
.checkline{display:flex;gap:.7rem;align-items:flex-start;font-weight:400;font-size:.95rem;text-transform:none;letter-spacing:0;color:var(--brown)}
.checkline input{width:auto;margin-top:.35rem}
.side{background:var(--rose-2);padding:2rem}
.side h3{margin-bottom:.8rem;letter-spacing:.08em;text-transform:uppercase;font-size:1rem}
.side p{font-size:.95rem}
.side b{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rose-deep)}
.thanks{background:var(--sage-soft);padding:2rem;border:1px solid var(--sage)}

/* Social */
.social{display:flex;gap:.8rem;margin-top:1rem}
.social a{width:40px;height:40px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;color:inherit}
.social a:hover{background:var(--rose-deep);border-color:var(--rose-deep);color:#fff}
.social svg{width:17px;height:17px;fill:currentColor}

/* Footer */
.site-footer{color:var(--brown)!important;background:#B8977A;color:var(--cream);padding-block:3.5rem 2rem}
.site-footer .top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2.5rem;align-items:start}
.site-footer .badge{width:280px}
.site-footer h4{color:var(--brown-soft);font-family:var(--sans);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:.9rem}
.site-footer a{color:var(--brown);text-decoration:none}
.site-footer a:hover{color:var(--rose)}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.95rem}
.site-footer .bottom{border-top:1px solid rgba(74,52,38,.25);margin-top:2.4rem;padding-top:1.2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;font-size:.8rem;color:rgba(74,52,38,.7)}
.site-footer .tag{font-family:var(--serif);font-style:italic;font-size:1.15rem;color:var(--rose-ink);margin:1rem 0 .5rem;border:0;padding:0;text-transform:none;letter-spacing:0}
@media (max-width:760px){.site-footer .top{grid-template-columns:1fr;gap:1.8rem}}

/* Review note (preview only) */
.note{background:#fff8e6;border:1px dashed #D4A574;padding:.7rem 1rem;font-size:.85rem;color:var(--brown-soft);margin:1.2rem 0}
.note b{color:#A4713F}
/* merged from v14–v17 */
.health{margin-top:.9rem;padding:.8rem 1rem;background:var(--cream-2);border-left:2px solid var(--sage);font-size:.9rem}
.health b{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-deep);margin-bottom:.25rem}
.health p{margin:0 0 .35rem;color:var(--brown)}
.health a{font-weight:700;font-size:.85rem}
.pair-head .adult{margin:.3rem 0 0;font-size:.95rem;color:var(--brown-soft)}
.mimi-says{font-family:var(--serif);font-style:italic;font-size:1.02rem;color:var(--brown);margin:0 0 .5rem!important}
.mimi-says span{font-style:normal;font-family:var(--sans);font-size:.8rem;color:var(--brown-mute)}
.hero-photo .slot-note{position:absolute;left:0;right:0;bottom:0;background:rgba(74,52,38,.55);color:#fff;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.45rem}
.site-footer .credit{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid rgba(74,52,38,.25);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem 2rem;color:rgba(74,52,38,.8);font-size:.82rem}
.site-footer .credit .who{display:flex;align-items:center;gap:.9rem}
.site-footer .credit .mark{width:44px;height:auto;flex:none;opacity:.92}
.site-footer .credit .lbl{font-family:var(--sans);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(74,52,38,.65);margin:0 0 .15rem}
.site-footer .credit .name{font-family:var(--serif);font-size:1.05rem;color:var(--brown);margin:0;line-height:1.2}
.site-footer .credit .archline{font-family:var(--sans);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(74,52,38,.8);margin:.25rem 0 0}
.site-footer .credit .where{text-align:right;font-family:var(--sans);line-height:1.6}
.site-footer .copy{margin:1.4rem 0 0;font-size:.78rem;color:rgba(74,52,38,.6)}
@media (max-width:640px){.site-footer .credit{flex-direction:column;align-items:flex-start}.site-footer .credit .where{text-align:left}}

/* ---- Oct 3: split masthead on the logo's rule, family-portrait hero, paw dividers ---- */
.site-header{border-bottom:0;overflow-x:clip}
.mast{--lw:clamp(360px,36vw,480px);--lh:calc(var(--lw)*381/1079);--ly:calc(var(--lh)*311/381);display:grid;grid-template-columns:1fr var(--lw) 1fr;align-items:end;max-width:1280px;margin:0 auto;padding:1.5rem 28px 1.1rem}
.mast .logo{width:var(--lw);position:relative}
.mast .logo::before,.mast .logo::after{content:"";position:absolute;top:0;height:var(--lh);width:100vw;background:url(/assets/logo-rule-strip.png) repeat-x;background-size:var(--lw) var(--lh);pointer-events:none}
.mast .logo::before{right:calc(var(--lw)*(1 - 28/1079));background-position:right top}
.mast .logo::after{left:calc(var(--lw)*1101/1079);background-position:left top}
.mnav{display:flex;justify-content:space-evenly;align-items:baseline;padding-bottom:calc(var(--lh) - var(--ly) + .55rem);position:relative;z-index:2}
.mnav a,.dd>button{font-family:var(--sans);font-weight:400;font-size:clamp(.78rem,1.15vw,.92rem);letter-spacing:.17em;text-transform:uppercase;white-space:nowrap;color:var(--brown);text-decoration:none;background:none;border:0;padding:.3rem 0;cursor:pointer}
.mnav a:hover,.mnav a.active,.dd>button:hover,.dd.active>button{color:var(--rose-deep)}
.dd{position:relative}
.dd>button::after{content:"";display:inline-block;width:.42em;height:.42em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-.25em);margin-left:.6em}
.dd .menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:.9rem}
.dd .menu div{background:var(--cream);border:1px solid var(--taupe);border-top:2px solid #A3AD95;padding:.5rem 1.4rem;display:flex;flex-direction:column;box-shadow:0 12px 28px rgba(74,52,38,.10)}
.dd.open .menu,.dd:hover .menu,.dd:focus-within .menu{display:block}
.dd .menu a{padding:.65rem 0;border-bottom:1px solid var(--cream-3);font-size:.8rem}
.dd .menu a:last-child{border-bottom:0}
@media (min-width:961px){.site-header .nav,.site-header .menu-btn{display:none}}
@media (max-width:960px){
  .mnav{display:none}
  .mast{--lw:clamp(240px,62vw,380px);display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1.1rem 18px .9rem}
}
.pawrule{display:flex;align-items:center;gap:.8rem;margin:1.2rem auto;width:200px}
.pawrule.left{margin-inline:0}
.pawrule::before,.pawrule::after{content:"";flex:1;height:1px;background:var(--sage)}
.pawrule svg{width:16px;height:16px;fill:var(--brown);flex:none}
.hero{background:linear-gradient(var(--cream) 0,var(--rose-2) 62%);padding-block:2.6rem 0;text-align:center}
.hero h1{font-size:clamp(2.3rem,5.4vw,4.3rem);font-style:italic;letter-spacing:-.01em}
.hero .lead{max-width:56ch;margin:0 auto 1.6rem;font-size:clamp(1.05rem,1.6vw,1.2rem)}
.hero-actions{justify-content:center}
.hero .fam{max-width:1100px;margin:2.6rem auto 0}
.hero .fam img{width:100%}
@media (max-width:800px){.pawrule.left{margin-inline:0}}

.now{padding-block:4rem;text-align:center}
.now h2{margin-bottom:.2rem}
.cols{display:grid;max-width:980px;margin:2.2rem auto 0}
.cols.c2{grid-template-columns:1fr 1fr}
.cols.c3{grid-template-columns:repeat(3,1fr);max-width:1080px}
.cols .col{padding:.4rem clamp(1rem,3vw,2.5rem) 0;min-width:0}
.cols .col+.col{border-left:1px solid var(--taupe)}
.band-cream2 .cols .col+.col{border-left-color:var(--taupe-2)}
.cols .col h3{font-size:1.6rem;margin:.9rem 0 .6rem}
.cols .who{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap;font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--rose-deep);margin-bottom:.8rem}
.cols .who .round{width:54px;flex:none;border:2px solid var(--cream);box-shadow:0 0 0 1px var(--taupe-2)}
.cols .col p{color:var(--brown-soft);max-width:34ch;margin:0 auto .9rem}
.cols .price{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brown-mute)}
.cols .more{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--rose-deep);border-bottom:1.5px solid var(--rose-deep);padding-bottom:.15rem;text-decoration:none}
.pairs3 .faces{display:flex;gap:.5rem;justify-content:center;margin-bottom:.8rem}
.pairs3 .faces .round{width:84px;flex:none;border:2px solid var(--cream);box-shadow:0 0 0 1px var(--taupe-2)}
.pairs3 .col h3{margin:.2rem 0 .5rem;font-size:1.7rem}
.pairs3 .col .eyebrow{margin-bottom:.35rem;font-size:.7rem;color:var(--sage-deep)}
@media (max-width:760px){.cols.c2,.cols.c3{grid-template-columns:1fr;gap:2.4rem}.cols .col+.col{border-left:0;border-top:1px solid var(--taupe);padding-top:2.4rem}}

/* ---- Oct 3 (evening): Sarah's textures, section colour order, photo hero, charcoal footer ---- */
:root{--cream-2:#EDE3D1;--rose-2:#E6D5CF;--rose:#C4A098;--rose-deep:#A8756B;--rose-ink:#8E5F56;--sage:#9CA88C;--sage-deep:#6E7F66;--sage-soft:#E1E5D8;--gold:#B8935A;--sand:#DCCDB8;--charcoal:#57534F}
.btn-primary{background:var(--sage-deep);border-color:var(--sage-deep)}
.btn-primary:hover{background:#5C6C55;border-color:#5C6C55}
.pawrule::before,.pawrule::after{background:var(--gold)}
.pawrule svg{fill:var(--gold)}
.hero{position:relative;background:var(--cream) url(/assets/hero-sunset.jpg) 72% center/cover no-repeat;padding-block:0;text-align:left;min-height:clamp(440px,47vw,640px);display:flex;align-items:center}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,243,231,.93) 0,rgba(248,243,231,.82) 30%,rgba(248,243,231,0) 60%)}
.hero .wrap{position:relative;width:100%}
.hero .copy{max-width:430px;padding-block:3rem}
.hero h1{font-size:clamp(2.2rem,3.9vw,3.2rem)}
.hero .lead{margin:0 0 1.6rem;max-width:36ch}
.hero-actions{justify-content:flex-start}
.hero-img{display:none}
@media (max-width:800px){
  .hero{display:block;background:var(--cream);min-height:0;text-align:center}
  .hero::before{display:none}
  .hero-img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:78% center}
  .hero .copy{max-width:none;padding-block:2rem 2.6rem}
  .hero .lead{margin-inline:auto}
  .hero-actions{justify-content:center}
  .hero .pawrule.left{margin-inline:auto}
}
.tex-sage{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22260%22%20height%3D%22260%22%20viewBox%3D%220%200%20260%20260%22%3E%3Cg%20fill%3D%22%234A3426%22%20fill-opacity%3D%220.05%22%3E%3Cpath%20transform%3D%22translate%2824%2030%29%20rotate%28-24%2012%2012%29%20scale%281.5%29%22%20d%3D%22M12%2013.5c-2.9%200-5.5%202.4-5.5%205%200%201.6%201.2%202.7%202.7%202.7%201%200%201.8-.5%202.8-.5s1.8.5%202.8.5c1.5%200%202.7-1.1%202.7-2.7%200-2.6-2.6-5-5.5-5zM7.2%2011.8c1.2-.3%201.9-1.8%201.5-3.3S7%206%205.8%206.3%204%208.1%204.3%209.6s1.7%202.5%202.9%202.2zm9.6%200c1.2.3%202.6-.7%202.9-2.2s-.3-3-1.5-3.3-2.6.7-2.9%202.2.3%203%201.5%203.3zM9.6%209c1.3%200%202.2-1.4%202.2-3.2S10.9%202.6%209.6%202.6%207.4%204%207.4%205.8%208.3%209%209.6%209zm4.8%200c1.3%200%202.2-1.4%202.2-3.2s-.9-3.2-2.2-3.2-2.2%201.4-2.2%203.2.9%203.2%202.2%203.2z%22/%3E%3Cpath%20transform%3D%22translate%28150%2014%29%20rotate%2818%2012%2012%29%20scale%281.1%29%22%20d%3D%22M12%2013.5c-2.9%200-5.5%202.4-5.5%205%200%201.6%201.2%202.7%202.7%202.7%201%200%201.8-.5%202.8-.5s1.8.5%202.8.5c1.5%200%202.7-1.1%202.7-2.7%200-2.6-2.6-5-5.5-5zM7.2%2011.8c1.2-.3%201.9-1.8%201.5-3.3S7%206%205.8%206.3%204%208.1%204.3%209.6s1.7%202.5%202.9%202.2zm9.6%200c1.2.3%202.6-.7%202.9-2.2s-.3-3-1.5-3.3-2.6.7-2.9%202.2.3%203%201.5%203.3zM9.6%209c1.3%200%202.2-1.4%202.2-3.2S10.9%202.6%209.6%202.6%207.4%204%207.4%205.8%208.3%209%209.6%209zm4.8%200c1.3%200%202.2-1.4%202.2-3.2s-.9-3.2-2.2-3.2-2.2%201.4-2.2%203.2.9%203.2%202.2%203.2z%22/%3E%3Cpath%20transform%3D%22translate%2892%20118%29%20rotate%2832%2012%2012%29%20scale%281.35%29%22%20d%3D%22M12%2013.5c-2.9%200-5.5%202.4-5.5%205%200%201.6%201.2%202.7%202.7%202.7%201%200%201.8-.5%202.8-.5s1.8.5%202.8.5c1.5%200%202.7-1.1%202.7-2.7%200-2.6-2.6-5-5.5-5zM7.2%2011.8c1.2-.3%201.9-1.8%201.5-3.3S7%206%205.8%206.3%204%208.1%204.3%209.6s1.7%202.5%202.9%202.2zm9.6%200c1.2.3%202.6-.7%202.9-2.2s-.3-3-1.5-3.3-2.6.7-2.9%202.2.3%203%201.5%203.3zM9.6%209c1.3%200%202.2-1.4%202.2-3.2S10.9%202.6%209.6%202.6%207.4%204%207.4%205.8%208.3%209%209.6%209zm4.8%200c1.3%200%202.2-1.4%202.2-3.2s-.9-3.2-2.2-3.2-2.2%201.4-2.2%203.2.9%203.2%202.2%203.2z%22/%3E%3Cpath%20transform%3D%22translate%28196%20150%29%20rotate%28-14%2012%2012%29%20scale%281.5%29%22%20d%3D%22M12%2013.5c-2.9%200-5.5%202.4-5.5%205%200%201.6%201.2%202.7%202.7%202.7%201%200%201.8-.5%202.8-.5s1.8.5%202.8.5c1.5%200%202.7-1.1%202.7-2.7%200-2.6-2.6-5-5.5-5zM7.2%2011.8c1.2-.3%201.9-1.8%201.5-3.3S7%206%205.8%206.3%204%208.1%204.3%209.6s1.7%202.5%202.9%202.2zm9.6%200c1.2.3%202.6-.7%202.9-2.2s-.3-3-1.5-3.3-2.6.7-2.9%202.2.3%203%201.5%203.3zM9.6%209c1.3%200%202.2-1.4%202.2-3.2S10.9%202.6%209.6%202.6%207.4%204%207.4%205.8%208.3%209%209.6%209zm4.8%200c1.3%200%202.2-1.4%202.2-3.2s-.9-3.2-2.2-3.2-2.2%201.4-2.2%203.2.9%203.2%202.2%203.2z%22/%3E%3Cpath%20transform%3D%22translate%2828%20196%29%20rotate%2812%2012%2012%29%20scale%281.15%29%22%20d%3D%22M12%2013.5c-2.9%200-5.5%202.4-5.5%205%200%201.6%201.2%202.7%202.7%202.7%201%200%201.8-.5%202.8-.5s1.8.5%202.8.5c1.5%200%202.7-1.1%202.7-2.7%200-2.6-2.6-5-5.5-5zM7.2%2011.8c1.2-.3%201.9-1.8%201.5-3.3S7%206%205.8%206.3%204%208.1%204.3%209.6s1.7%202.5%202.9%202.2zm9.6%200c1.2.3%202.6-.7%202.9-2.2s-.3-3-1.5-3.3-2.6.7-2.9%202.2.3%203%201.5%203.3zM9.6%209c1.3%200%202.2-1.4%202.2-3.2S10.9%202.6%209.6%202.6%207.4%204%207.4%205.8%208.3%209%209.6%209zm4.8%200c1.3%200%202.2-1.4%202.2-3.2s-.9-3.2-2.2-3.2-2.2%201.4-2.2%203.2.9%203.2%202.2%203.2z%22/%3E%3C/g%3E%3C/svg%3E"),url(/assets/tex-sage.jpg) center/cover;background-color:var(--sage-soft)}
.tex-linen{background:linear-gradient(rgba(240,233,219,.5),rgba(240,233,219,.5)),url(/assets/tex-linen.jpg) 0 0/820px auto;background-color:var(--cream-2)}
.tex-rose{background:var(--rose-2) url(/assets/tex-rose-paws.jpg) center/cover}
.tex-cream{background:radial-gradient(ellipse 62% 70% at center,rgba(248,243,231,.92) 0,rgba(248,243,231,.8) 55%,rgba(248,243,231,0) 100%),url(/assets/tex-cream-gold.jpg) center/100% 100%;background-color:var(--cream)}
.pairs3 .fam{max-width:980px;margin:1.6rem auto 0}
.pairs3 .fam img{width:100%}
.pairs3 .cols{margin-top:1.2rem}
.cta{background:var(--sand);position:relative;overflow:hidden;padding-block:clamp(2.6rem,5vw,4rem)}
.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem 3rem;flex-wrap:wrap;position:relative}
.cta .eyebrow{color:var(--brown-soft);margin-bottom:.5rem}
.cta h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
.cta p.lead{margin:.6rem 0 0;max-width:46ch;font-size:1.02rem}
  .cta .bigpaw{position:absolute;right:-10px;top:50%;width:200px;height:200px;transform:translateY(-50%) rotate(18deg);fill:#C9B79E;opacity:.55}
.cta .btn{margin-right:clamp(0px,11vw,150px)}
@media (max-width:800px){.cta .wrap{flex-direction:column;text-align:center}.cta .btn{margin-right:0}.cta .bigpaw{opacity:.3}.cta p.lead{margin-inline:auto}}
.site-footer{background:var(--charcoal) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22260%22%20height%3D%22260%22%20viewBox%3D%220%200%20260%20260%22%3E%3Cg%20fill%3D%22%23F8F3E7%22%20fill-opacity%3D%220.06%22%3E%3Cpath%20transform%3D%22translate%2824%2030%29%20rotate%28-24%2012%2012%29%20scale%281.5%29%22%20d%3D%22M12%2013.5c-2.9%200-5.5%202.4-5.5%205%200%201.6%201.2%202.7%202.7%202.7%201%200%201.8-.5%202.8-.5s1.8.5%202.8.5c1.5%200%202.7-1.1%202.7-2.7%200-2.6-2.6-5-5.5-5zM7.2%2011.8c1.2-.3%201.9-1.8%201.5-3.3S7%206%205.8%206.3%204%208.1%204.3%209.6s1.7%202.5%202.9%202.2zm9.6%200c1.2.3%202.6-.7%202.9-2.2s-.3-3-1.5-3.3-2.6.7-2.9%202.2.3%203%201.5%203.3zM9.6%209c1.3%200%202.2-1.4%202.2-3.2S10.9%202.6%209.6%202.6%207.4%204%207.4%205.8%208.3%209%209.6%209zm4.8%200c1.3%200%202.2-1.4%202.2-3.2s-.9-3.2-2.2-3.2-2.2%201.4-2.2%203.2.9%203.2%202.2%203.2z%22/%3E%3Cpath%20transform%3D%22translate%28150%2014%29%20rotate%2818%2012%2012%29%20scale%281.1%29%22%20d%3D%22M12%2013.5c-2.9%200-5.5%202.4-5.5%205%200%201.6%201.2%202.7%202.7%202.7%201%200%201.8-.5%202.8-.5s1.8.5%202.8.5c1.5%200%202.7-1.1%202.7-2.7%200-2.6-2.6-5-5.5-5zM7.2%2011.8c1.2-.3%201.9-1.8%201.5-3.3S7%206%205.8%206.3%204%208.1%204.3%209.6s1.7%202.5%202.9%202.2zm9.6%200c1.2.3%202.6-.7%202.9-2.2s-.3-3-1.5-3.3-2.6.7-2.9%202.2.3%203%201.5%203.3zM9.6%209c1.3%200%202.2-1.4%202.2-3.2S10.9%202.6%209.6%202.6%207.4%204%207.4%205.8%208.3%209%209.6%209zm4.8%200c1.3%200%202.2-1.4%202.2-3.2s-.9-3.2-2.2-3.2-2.2%201.4-2.2%203.2.9%203.2%202.2%203.2z%22/%3E%3Cpath%20transform%3D%22translate%2892%20118%29%20rotate%2832%2012%2012%29%20scale%281.35%29%22%20d%3D%22M12%2013.5c-2.9%200-5.5%202.4-5.5%205%200%201.6%201.2%202.7%202.7%202.7%201%200%201.8-.5%202.8-.5s1.8.5%202.8.5c1.5%200%202.7-1.1%202.7-2.7%200-2.6-2.6-5-5.5-5zM7.2%2011.8c1.2-.3%201.9-1.8%201.5-3.3S7%206%205.8%206.3%204%208.1%204.3%209.6s1.7%202.5%202.9%202.2zm9.6%200c1.2.3%202.6-.7%202.9-2.2s-.3-3-1.5-3.3-2.6.7-2.9%202.2.3%203%201.5%203.3zM9.6%209c1.3%200%202.2-1.4%202.2-3.2S10.9%202.6%209.6%202.6%207.4%204%207.4%205.8%208.3%209%209.6%209zm4.8%200c1.3%200%202.2-1.4%202.2-3.2s-.9-3.2-2.2-3.2-2.2%201.4-2.2%203.2.9%203.2%202.2%203.2z%22/%3E%3Cpath%20transform%3D%22translate%28196%20150%29%20rotate%28-14%2012%2012%29%20scale%281.5%29%22%20d%3D%22M12%2013.5c-2.9%200-5.5%202.4-5.5%205%200%201.6%201.2%202.7%202.7%202.7%201%200%201.8-.5%202.8-.5s1.8.5%202.8.5c1.5%200%202.7-1.1%202.7-2.7%200-2.6-2.6-5-5.5-5zM7.2%2011.8c1.2-.3%201.9-1.8%201.5-3.3S7%206%205.8%206.3%204%208.1%204.3%209.6s1.7%202.5%202.9%202.2zm9.6%200c1.2.3%202.6-.7%202.9-2.2s-.3-3-1.5-3.3-2.6.7-2.9%202.2.3%203%201.5%203.3zM9.6%209c1.3%200%202.2-1.4%202.2-3.2S10.9%202.6%209.6%202.6%207.4%204%207.4%205.8%208.3%209%209.6%209zm4.8%200c1.3%200%202.2-1.4%202.2-3.2s-.9-3.2-2.2-3.2-2.2%201.4-2.2%203.2.9%203.2%202.2%203.2z%22/%3E%3Cpath%20transform%3D%22translate%2828%20196%29%20rotate%2812%2012%2012%29%20scale%281.15%29%22%20d%3D%22M12%2013.5c-2.9%200-5.5%202.4-5.5%205%200%201.6%201.2%202.7%202.7%202.7%201%200%201.8-.5%202.8-.5s1.8.5%202.8.5c1.5%200%202.7-1.1%202.7-2.7%200-2.6-2.6-5-5.5-5zM7.2%2011.8c1.2-.3%201.9-1.8%201.5-3.3S7%206%205.8%206.3%204%208.1%204.3%209.6s1.7%202.5%202.9%202.2zm9.6%200c1.2.3%202.6-.7%202.9-2.2s-.3-3-1.5-3.3-2.6.7-2.9%202.2.3%203%201.5%203.3zM9.6%209c1.3%200%202.2-1.4%202.2-3.2S10.9%202.6%209.6%202.6%207.4%204%207.4%205.8%208.3%209%209.6%209zm4.8%200c1.3%200%202.2-1.4%202.2-3.2s-.9-3.2-2.2-3.2-2.2%201.4-2.2%203.2.9%203.2%202.2%203.2z%22/%3E%3C/g%3E%3C/svg%3E");color:var(--cream)!important}
.site-footer a,.site-footer .credit .name,.site-footer .credit .name a{color:var(--cream)}
.site-footer a:hover{color:var(--rose-2)}
.site-footer h4,.site-footer .credit .lbl,.site-footer .credit .archline,.site-footer .credit,.site-footer .copy{color:rgba(248,243,231,.75)}
.site-footer .tag{color:var(--rose-2)}
.site-footer .credit{border-top-color:rgba(248,243,231,.25)}

/* ---- Oct 3 (late): gold logo top-left, its line carried across the page ---- */
.site-header{overflow:visible;z-index:60}
.mast2{--lw:386px;position:relative;height:192px;overflow-x:clip}
.mast2 .logo2{position:absolute;left:0;top:4px;width:var(--lw);z-index:3;display:block}
.mast2 .logo2 img{width:100%;display:block}
.mast2 .logo2::before,.mast2 .logo2::after{content:"";position:absolute;top:0;height:100%;width:100vw;background-repeat:repeat-x;background-size:calc(var(--lw)*200/1512) 100%;pointer-events:none}
.mast2 .logo2::before{right:100%;background-image:url(/assets/logo-gold-line-l.png);background-position:right top}
.mast2 .logo2::after{left:100%;background-image:url(/assets/logo-gold-line-r.png);background-position:left top}
.mast2 .mnav{position:absolute;right:clamp(18px,3vw,40px);bottom:14px;display:flex;gap:clamp(1.2rem,2.4vw,2.5rem);padding:0;align-items:baseline;justify-content:flex-end}
.mast2 .mnav a,.mast2 .dd>button{font-size:clamp(.8rem,1.3vw,1.04rem)}
.mast2 .menu-btn{display:none}
.hero::before{background:linear-gradient(90deg,rgba(248,243,231,.95) 0,rgba(248,243,231,.86) 30%,rgba(248,243,231,0) 60%)}
.hero .copy{padding-top:6.2rem}
@media (max-width:960px){
  .site-header{overflow-x:clip}
  .mast2{--lw:min(386px,90vw);height:auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.4rem 0 .9rem}
  .mast2 .logo2{position:relative;top:0}
  .mast2 .mnav{display:none}
  .mast2 .menu-btn{display:inline-flex}
  .hero .copy{padding-top:3rem}
}
@media (max-width:800px){.hero .copy{padding-top:2rem}}
.site-footer .badge{width:320px;margin-left:-14px}
.band-brown{background:var(--charcoal)}
.band-brown .sub,.band-brown .eyebrow{color:var(--rose-2)}

/* ---- VaLeigh Cove credit strip (Night Navy) ---- */
.site-footer{padding-bottom:0}
.site-footer .copy{margin:2.2rem 0 0;padding-bottom:1.6rem}
.vc{background:#0D1B2A;border-top:2px solid #B08D4F;padding:1.1rem 0;font-family:var(--sans)}
.vc .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap}
.vc a{color:#F4EFE6;text-decoration:none}
.vc .vwho{display:flex;align-items:center;gap:1rem}
.vc img{width:40px;height:auto}
.vc .vlbl{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,239,230,.7);margin:0}
.vc .vname{font-family:var(--serif);font-size:1.15rem;color:#F4EFE6;margin:.1rem 0 0;line-height:1.2}
.vc .vline{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:#B08D4F;margin:0}
.vc .vwhere{font-size:.78rem;color:rgba(244,239,230,.7);text-align:right;line-height:1.6;margin:0}
.vc .vwhere a{font-weight:500}
@media (max-width:640px){.vc .wrap{flex-direction:column;align-items:flex-start}.vc .vwhere{text-align:left}}
:root{--pawdot:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23B8935A%22%3E%3Cpath%20d%3D%22M12%2013.5c-2.9%200-5.5%202.4-5.5%205%200%201.6%201.2%202.7%202.7%202.7%201%200%201.8-.5%202.8-.5s1.8.5%202.8.5c1.5%200%202.7-1.1%202.7-2.7%200-2.6-2.6-5-5.5-5zM7.2%2011.8c1.2-.3%201.9-1.8%201.5-3.3S7%206%205.8%206.3%204%208.1%204.3%209.6s1.7%202.5%202.9%202.2zm9.6%200c1.2.3%202.6-.7%202.9-2.2s-.3-3-1.5-3.3-2.6.7-2.9%202.2.3%203%201.5%203.3zM9.6%209c1.3%200%202.2-1.4%202.2-3.2S10.9%202.6%209.6%202.6%207.4%204%207.4%205.8%208.3%209%209.6%209zm4.8%200c1.3%200%202.2-1.4%202.2-3.2s-.9-3.2-2.2-3.2-2.2%201.4-2.2%203.2.9%203.2%202.2%203.2z%22/%3E%3C/svg%3E")}

/* ---- inner pages matched to the home page ---- */
.page:not(#page-home)>.band-rose:first-child{background:radial-gradient(ellipse 60% 75% at center,rgba(248,243,231,.93) 0,rgba(248,243,231,.8) 55%,rgba(248,243,231,0) 100%),url(/assets/tex-cream-gold.jpg) center/cover;background-color:var(--cream);padding-block:clamp(4.2rem,8vw,6rem) clamp(3rem,6vw,4.5rem)}
.page:not(#page-home)>.band-rose:first-child .sub{margin-bottom:.6rem}
.page:not(#page-home)>.band-rose:first-child h1::after{content:"";display:block;width:200px;height:16px;margin:1.1rem auto 0;background:linear-gradient(var(--gold),var(--gold)) left center/80px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) right center/80px 1px no-repeat,var(--pawdot) center/16px 16px no-repeat}
.page:not(#page-home) .band-cream2{background:linear-gradient(rgba(240,233,219,.5),rgba(240,233,219,.5)),url(/assets/tex-linen.jpg) 0 0/820px auto;background-color:var(--cream-2)}
.page:not(#page-home) .band-brown{background:url(/assets/tex-sage.jpg) center/cover;background-color:var(--sage-soft)}
.page:not(#page-home) .band-brown h2,.page:not(#page-home) .band-brown p{color:var(--brown)!important}
.page:not(#page-home) .band-brown .sub{color:var(--sage-deep)!important}
.page:not(#page-home) .band-brown a{color:var(--rose-ink)!important}
.litter{background:rgba(248,243,231,.88);border-color:var(--taupe-2)}
.side{background:var(--sage-soft) url(/assets/tex-sage.jpg) center/cover}
.side b{color:var(--sage-deep)}
.step::before{border-color:var(--gold);color:var(--gold)}
.health{background:rgba(237,227,209,.6)}
.faq summary::after{color:var(--gold)}
.note{background:rgba(255,248,230,.9)}

/* ---- Oct 3 late: larger litter panels on the home page ---- */
.now .cols.c2{max-width:1140px;gap:clamp(1.2rem,2.6vw,2.2rem);margin-top:2.6rem}
.now .cols.c1{grid-template-columns:1fr;max-width:600px;margin-top:2.6rem}
.now .cols .col{background:rgba(248,243,231,.86);border:1px solid var(--taupe-2);padding:clamp(1.8rem,3.4vw,2.8rem) clamp(1.2rem,3vw,2.6rem) clamp(2rem,3.4vw,2.8rem)}
.now .cols .col+.col{border-left:1px solid var(--taupe-2);border-top:1px solid var(--taupe-2);padding-top:clamp(1.8rem,3.4vw,2.8rem)}
.now .tag{font-size:.8rem;padding:.42rem 1rem}
.now .cols .col h3{font-size:clamp(1.6rem,2.45vw,1.95rem);margin:1.2rem 0 1rem;white-space:nowrap}
.now .cols .who{font-size:clamp(1.25rem,1.9vw,1.5rem);gap:.7rem;margin-bottom:1.1rem}
.now .cols .who .round{width:clamp(84px,9vw,112px)}
.now .cols .col p{font-size:1.14rem;line-height:1.7;max-width:36ch;margin-bottom:1.1rem}
.now .cols .price{font-size:.9rem!important}
.now .cols .more{font-size:.86rem}
@media (max-width:520px){.now .cols .col h3{white-space:normal}}
.site-footer .tag{color:#F0D2A8}
.site-footer a:hover{color:#F0D2A8}
.site-footer .social a:hover{background:var(--gold);border-color:var(--gold);color:#fff}

/* ---- Puppies page: section labels, litter panels, reserving timeline ---- */
.lit-label{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--brown);margin:0}
.lit-label.second{margin-top:4rem}
.lit-label+.pawrule{margin:1rem auto 1.8rem}
.litter{background:#FFFDF8;border:1px solid var(--taupe-2);border-top:3px solid var(--gold);box-shadow:0 14px 34px rgba(74,52,38,.10)}
.litter h2{font-size:clamp(2rem,3.6vw,2.8rem)}
.litter .tag{font-size:.8rem;padding:.42rem 1rem}
.litter .parents{gap:.8rem;margin:1.1rem 0 1.3rem}
.litter .parents .round{width:clamp(72px,8vw,96px);border:2px solid var(--cream);box-shadow:0 0 0 1px var(--taupe-2)}
.litter .parents span:last-child{font-size:clamp(1.3rem,2vw,1.6rem);font-style:italic;color:var(--rose-deep)}
.litter .facts{font-size:1.02rem;gap:.35rem 1.1rem}
.litter p{font-size:1.05rem!important}
.steps{position:relative;gap:1rem}
.steps::before{content:"";position:absolute;top:35px;left:10%;right:10%;height:2px;background:var(--gold)}
.step{position:relative}
.step::before{width:72px;height:72px;background:var(--sage-deep);border:3px solid var(--cream);box-shadow:0 0 0 2px var(--gold);color:#fff;font-size:1.7rem;margin-bottom:1.1rem;position:relative}
.step h3{font-size:1.16rem;letter-spacing:.03em}
.step p{font-size:1rem;color:var(--brown)}
@media (max-width:900px){.steps::before{display:none}}
.eyebrow{font-size:14px;letter-spacing:.2em;color:#5C6C55}
.pairs3 .col .eyebrow{font-size:12px}

/* ---- inner-page pass: Our Parents, checklists, FAQ, Families, Apply, Story ---- */
.pair-head h2{font-size:clamp(2rem,3.8vw,2.9rem)}
.pair-head .adult{font-size:1.1rem}
.pair-head .tag{font-size:.8rem;padding:.42rem 1rem}
.pair-grid{gap:clamp(1.2rem,2.6vw,2.2rem)}
.dog{background:#FFFDF8;border:1px solid var(--taupe-2);border-top:3px solid var(--gold);box-shadow:0 14px 34px rgba(74,52,38,.10);padding:clamp(1.3rem,2.6vw,2.2rem);grid-template-columns:clamp(130px,15vw,190px) 1fr;gap:clamp(1.1rem,2.4vw,2rem)}
.dog h3{font-size:clamp(1.7rem,2.6vw,2.1rem)}
.dog .reg{font-size:.84rem;margin-bottom:.9rem}
.dog .facts{font-size:1rem;gap:.3rem 1rem}
.dog p{font-size:1.04rem;color:var(--brown)}
.mimi-says{font-size:1.2rem!important;color:var(--rose-deep)!important;margin:.3rem 0 .7rem!important}
.health{font-size:.98rem;padding:1rem 1.2rem;border-left:3px solid var(--sage-deep);background:var(--sage-soft)}
.health b{font-size:.78rem}
.health a{font-size:.92rem}
.dog{row-gap:0;align-items:start}
.dog>div:last-child{display:contents}
.dog>div:last-child>*{grid-column:2}
.dog>.arch{grid-column:1;grid-row:1/span 5}
.dog>div:last-child>.health{grid-column:1/-1;margin-top:1.3rem}
@media (max-width:480px){.dog{grid-template-columns:1fr}.dog>.arch{max-width:200px;margin:0 auto 1rem;grid-row:auto;width:100%}.dog>div:last-child>*{grid-column:1}}
.checks{gap:1.4rem 2rem}
.check{background:#FFFDF8;border:1px solid var(--taupe-2);padding:1.4rem 1.5rem;box-shadow:0 8px 22px rgba(74,52,38,.07);gap:1.1rem}
.check .tick{width:46px;height:46px;background:var(--sage-deep);border:2px solid var(--cream);box-shadow:0 0 0 2px var(--gold);color:#fff}
.check .tick svg{width:20px;height:20px}
.check h3{font-size:1.32rem;margin-bottom:.35rem}
.check p{font-size:1.03rem;color:var(--brown)}
.page:not(#page-home) section.narrow.center>p:not(.eyebrow):not(.sub),.page:not(#page-home) .band-cream2 .narrow>p:not(.eyebrow){font-size:1.1rem;line-height:1.75}
.faq{max-width:900px;background:#FFFDF8;border:1px solid var(--taupe-2);border-top:3px solid var(--gold);box-shadow:0 14px 34px rgba(74,52,38,.10);padding:.6rem clamp(1.2rem,3vw,2.4rem)}
.faq details:first-child{border-top:0}.faq details:last-child{border-bottom:0}
.faq details{padding:1.15rem 0}
.faq summary{font-size:clamp(1.15rem,1.9vw,1.35rem)}
.faq summary::after{font-size:1.8rem}
.faq .a{font-size:1.06rem;color:var(--brown)}
.quotes{gap:1.6rem}
.quote{background:#FFFDF8;border:1px solid var(--taupe-2);padding:2rem 1.5rem;font-size:1.15rem;box-shadow:0 8px 22px rgba(74,52,38,.07)}
.quote::before{color:var(--gold)}
.quote .who{font-size:.8rem}
.gallery .arch{font-size:1rem;box-shadow:0 0 0 6px var(--cream),0 0 0 7px var(--taupe-2)}
.gallery{gap:1.8rem}
#applyForm{background:#FFFDF8;border:1px solid var(--taupe-2);border-top:3px solid var(--gold);box-shadow:0 14px 34px rgba(74,52,38,.10);padding:clamp(1.3rem,3vw,2.4rem)}
label{font-size:.84rem}
.side{padding:2.2rem}
.side h3{font-size:1.15rem}
.side p{font-size:1.02rem}
.side b{font-size:.78rem}
#page-our-story .two p{font-size:1.1rem;line-height:1.8}
#page-our-story h2{font-size:clamp(1.9rem,3.4vw,2.7rem)}
.page:not(#page-home)>.band-rose:first-child .lead{font-size:1.18rem}

/* ---- footer: left column centred under the logo ---- */
.site-footer .top>div:first-child{width:320px;max-width:100%;margin-left:-14px;text-align:center}
.site-footer .badge{margin-left:0;width:100%}
.site-footer .fdesc{font-size:.92rem;color:rgba(248,243,231,.85);margin:0 0 .4rem;line-height:1.65}
.site-footer .top>div:first-child .social{justify-content:center}
@media (max-width:760px){.site-footer .top>div:first-child{margin-left:0}}

/* ---- remaining small labels to 14px; no orphaned last words ---- */
.site-footer h4{font-size:14px;letter-spacing:.2em;color:rgba(248,243,231,.8)}
.side b{font-size:14px}
label{font-size:14px}
.dog .reg{font-size:14px}
.facts dt{font-size:inherit}
.lead,.sub,.fdesc,.step p,.check p,.cols .col p{text-wrap:pretty}

/* ---- Oct 16: Alesia's review round ---- */
#page-our-story .story{max-width:760px;padding-block:clamp(2.4rem,5vw,3.6rem) clamp(2rem,4vw,3rem)}
#page-our-story .story p{font-size:clamp(1.14rem,1.5vw,1.26rem);line-height:1.85;color:var(--brown);margin-bottom:1.25em}
#page-our-story .story .sign{font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--rose-deep);margin:.4rem 0 0}
#page-our-story>.band-rose:first-child{padding-block:clamp(2.8rem,5vw,4rem) clamp(2rem,4vw,3rem)}
#page-our-story .two p{color:var(--brown);font-size:1.12rem}
.checks.icons .tick svg{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}
.checks.icons .check p{font-size:1.08rem;color:var(--brown);line-height:1.7}
.checks.icons.one{grid-template-columns:1fr;max-width:720px;margin:1.6rem auto 0;text-align:left}
.checks.icons.one .check p{margin:0}
#page-health>.band-rose:first-child h1{font-size:clamp(1.5rem,3.1vw,2.3rem)}
#page-health .band-cream2 p{font-size:1.1rem;color:var(--brown);line-height:1.8}
#page-puppies .lead.pricing{font-size:1.08rem;color:var(--brown)}
#page-puppies .lead b{color:var(--brown)}
#page-how-we-raise .gallery{grid-template-columns:repeat(3,1fr);max-width:900px;margin-inline:auto}
#page-how-we-raise .closing{max-width:62ch;margin:2.4rem auto 0;color:var(--brown)}
@media (max-width:640px){#page-how-we-raise .gallery{grid-template-columns:1fr;max-width:300px}}
#page-faq>.band-rose.compact{padding-block:clamp(2.4rem,4.5vw,3.4rem) clamp(1.6rem,3vw,2.4rem)}
#page-faq section.compact{padding-top:clamp(1.6rem,3vw,2.4rem)}
.faq{margin-top:.4rem}
.faq .a{color:var(--brown);font-size:1.08rem;line-height:1.75}
.faq .a a{color:var(--rose-ink);font-weight:600}
.faq summary{color:var(--brown)}
#page-faq .ask{max-width:620px;margin:2.6rem auto 0}
#page-faq .ask .lead{color:var(--brown);margin-bottom:1.2rem}
#page-apply>.band-rose:first-child .lead{color:var(--brown)}
#applyForm label{font-size:14px;color:var(--brown);display:block}
#applyForm label>input,#applyForm label>select,#applyForm label>textarea{display:block;margin-top:.45rem}
#applyForm label .req,#applyForm label small{display:inline;margin-left:.2em}
#applyForm label small{font-weight:400;text-transform:none;letter-spacing:0;font-size:.85rem;color:var(--brown-soft)}
#applyForm input,#applyForm select,#applyForm textarea{color:var(--brown);border-color:#B9AD9D;font-size:1.02rem}
#applyForm input::placeholder,#applyForm textarea::placeholder{color:#9A8D80;font-style:italic;opacity:1}
#applyForm select:invalid,#applyForm select option[value=""]{color:#9A8D80}
#applyForm textarea.short{min-height:88px}
#applyForm .req{color:var(--rose-ink);font-weight:700}
#applyForm .req-note{margin:0;font-size:.9rem;color:var(--brown-soft)}
#applyForm .hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;margin:0}
#applyForm{position:relative}
#applyForm .checkline label{font-weight:400;text-transform:none;letter-spacing:0;font-size:1rem;color:var(--brown);display:block}
#applyForm .checkline input{width:20px;height:20px;accent-color:var(--sage-deep);margin-top:.25rem}
#applyForm .checkline em{font-style:italic;color:var(--brown-soft)}
#applyForm .btn-big{font-size:.95rem;padding:1.05rem 2.2rem;width:100%;justify-content:center;box-shadow:0 8px 20px rgba(110,127,102,.25)}
#applyForm .after{font-size:.98rem;color:var(--brown);margin:0;line-height:1.65}
#applyForm .err{border-color:var(--rose-ink)!important;box-shadow:0 0 0 3px rgba(168,117,107,.18)}
.side p{color:var(--brown)}
@media (max-width:520px){#applyForm .btn-big{font-size:.9rem}}

picture{display:contents}
.hero{background-image:image-set(url(/assets/hero-sunset.webp) type("image/webp"),url(/assets/hero-sunset.jpg) type("image/jpeg"))}
@media (max-width:800px){.hero{background-image:none}}
/* ---- Oct 16 (pm): bolder full-width paw rules, wider CTA, credit wording ---- */
.pawrule{width:100%;max-width:none;margin:1.3rem auto}
.pawrule::before,.pawrule::after{height:2px;background:var(--gold)}
.pawrule svg{width:24px;height:24px}
.pawrule.left{margin-inline:0}
.page:not(#page-home)>.band-rose:first-child h1::after{width:100%;height:24px;margin-top:1.3rem;background:linear-gradient(var(--gold),var(--gold)) left center/calc(50% - 22px) 2px no-repeat,linear-gradient(var(--gold),var(--gold)) right center/calc(50% - 22px) 2px no-repeat,var(--pawdot) center/24px 24px no-repeat}
.lit-label+.pawrule{margin:1.1rem auto 2rem}
.cta .wrap{max-width:1280px}
.cta .btn{margin-right:0;font-size:.95rem;padding:1.1rem 2.5rem;box-shadow:0 8px 20px rgba(110,127,102,.25)}
.cta .bigpaw{right:40px}
@media (max-width:800px){.cta .btn{margin-right:0}}

/* ---- Oct 19: editorial review batch (items 3,5,8,10,12,13,14,22,30,31,34,35,40,43,44) ---- */
:root{--sage-deep:#5C6C55}
.btn-primary{background:var(--sage-deep);border-color:var(--sage-deep)}
.btn-primary:hover{background:#4D5B47;border-color:#4D5B47}
a,.cols .more,.feature .more,.health a{color:var(--rose-ink)}
.site-header{overflow:clip visible}
.mast2{overflow:visible;max-width:1280px;margin-inline:auto}
.mast2 .logo2{left:var(--gutter)}
.mast2 .mnav{right:var(--gutter)}
@media (min-width:961px) and (max-width:1100px){.mast2{--lw:clamp(270px,30vw,386px)}.mast2 .mnav{gap:clamp(.9rem,2vw,2.5rem)}}
@media (max-width:960px){.mast2{max-width:none}.mast2 .logo2{left:auto}}
.hero .copy{max-width:520px}
@media (max-width:800px){.hero .eyebrow{display:none}}
.cta .bigpaw{right:auto;left:-40px}
.cta .wrap>div{position:relative}
.dog>.arch{grid-row:1/span 3;aspect-ratio:auto;align-self:stretch;min-height:230px}
@media (max-width:480px){.dog>.arch{grid-row:auto;aspect-ratio:4/5;min-height:0}}
.lit-label.quiet{font-family:var(--sans);font-weight:700;font-size:14px;letter-spacing:.2em;color:var(--sage-deep);margin:3.4rem 0 .9rem}
#page-health>.band-rose:first-child h1,#page-how-we-raise>.band-rose:first-child h1{font-size:clamp(1.4rem,2.6vw,2.05rem)}
.btn-note{font-size:.92rem;color:var(--brown-soft);margin:.9rem auto 0;max-width:46ch}
.faq .grp{font-family:var(--sans);font-weight:700;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--sage-deep);margin:1.8rem 0 .3rem}
.faq .grp:first-child{margin-top:.9rem}
.faq .grp+details{border-top:0}
.faq details:last-child{border-bottom:0}
.form-grid .side{position:sticky;top:1.5rem}
.nowrap{white-space:nowrap}

/* ---- Oct 19 (pm): tighter header + hero (Sarah picked option B), carried across the site ---- */
.mast2{--lw:300px;height:140px}
.mast2 .logo2{left:24px;top:2px}
.mast2 .mnav{right:30px;bottom:10px}
@media (min-width:961px) and (max-width:1100px){.mast2{--lw:clamp(250px,26vw,300px)}}
.hero .wrap{max-width:1280px;padding-inline:24px}
.hero .copy{max-width:480px;padding-top:3.4rem;padding-bottom:2.6rem}
.hero h1{font-size:clamp(2.6rem,4.8vw,4.1rem);font-weight:600;line-height:1.08}
.hero .lead{font-size:1.15rem}
.hero::before{background:linear-gradient(90deg,rgba(248,243,231,.95) 0,rgba(248,243,231,.9) 32%,rgba(248,243,231,0) 56%)}
@media (max-width:800px){.hero .copy{padding-top:1.8rem}}
section{padding-block:clamp(2.6rem,5.5vw,4.4rem)}
.page:not(#page-home)>.band-rose:first-child{padding-block:clamp(3.6rem,5.8vw,4.6rem) clamp(2rem,4vw,3rem)}
.now{padding-block:3.2rem}
.cta{padding-block:clamp(2.2rem,4vw,3.2rem)}
.site-footer{padding-top:2.8rem}

/* ---- Oct 19 (pm, 2): gold line drawn in CSS at the logo's own thickness; footer logo aligned with the header ---- */
.mast2 .logo2::before,.mast2 .logo2::after{top:0;height:100%;background-size:calc(var(--lw) * 40 / 772) 100%;background-repeat:repeat-x}
/* ---- Oct 19 (pm, 3): line extensions cut from the logo art itself (40 x 471 strips, same scale as the logo) so they resample identically at any zoom; header ends at the bottom of the hairline so the hero starts under the line ---- */
/* ---- Oct 19 (pm, 4): the header logo file now carries the gold line itself, edge to edge (6172 x 471: 800 px of line, the 772 px logo, 4600 px of line) — one image, no extension to join ---- */
.mast2 .logo2::before,.mast2 .logo2::after{display:none}
.mast2 .logo2 img{width:calc(var(--lw) * 6172 / 772);max-width:none;margin-left:calc(-1 * var(--lw) * 800 / 772);pointer-events:none} /* the link stays the 300 px logo box; the line is not clickable */
.mast2 .logo2{height:calc(var(--lw) * 471 / 772)}
/* ---- Oct 19 (pm, 5): header line rebuilt from the untouched master — only the outer 30 px of taper filled, both swashes left as drawn; header ends inside the line so the hero sits under it ---- */
@media (min-width:961px){.mast2{height:calc(2px + var(--lw) * 375 / 772)}}
@media (max-width:960px){.mast2{height:auto}} /* v39's fixed 140 px height was overriding the phone layout's auto height */
.hero .copy{max-width:520px} /* v43: "Raised with love." is 504 px at the full-size headline — 480 px forced a three-line wrap */
.site-footer .wrap{max-width:1280px;padding-inline:24px}
.site-footer .top{grid-template-columns:260px 1fr 1fr;gap:2rem clamp(2rem,6vw,5rem);align-items:start}
.site-footer .top>div:first-child{width:260px;margin-left:0}
.site-footer .badge{width:100%}
.site-footer .tag{margin:.6rem 0 .4rem;font-size:1.05rem}
.site-footer .fdesc{font-size:.88rem}
.site-footer{padding-top:2.2rem}
.site-footer .copy{margin-top:1.6rem;padding-bottom:1.3rem}
@media (max-width:760px){.site-footer .top{grid-template-columns:1fr}.site-footer .top>div:first-child{width:260px;margin-inline:auto}}

/* ---- Oct 19 (pm, 3): horizontal footer lock-up (Sarah picked D2), Explore heading centred over its two columns ---- */
.site-footer .top>div:first-child{display:grid;grid-template-columns:200px 1fr;column-gap:1.4rem;align-items:center;width:auto;text-align:left}
.site-footer .top>div:first-child picture,.site-footer .top>div:first-child .badge{grid-row:1/span 3}
.site-footer .top>div:first-child .tag{margin:0 0 .3rem;font-size:1.1rem}
.site-footer .top>div:first-child .fdesc{margin:0;font-size:.9rem;max-width:30ch}
.site-footer .top{grid-template-columns:auto 1fr auto auto;column-gap:clamp(2rem,5vw,5rem);align-items:start}
.site-footer .top>div:nth-child(2){grid-column:3;text-align:center}
.site-footer .top>div:nth-child(3){grid-column:4}
.site-footer .top>div:nth-child(2) ul{display:grid;grid-template-columns:1fr 1fr;column-gap:2.5rem;text-align:left}
@media (max-width:1200px){
  .site-footer .top{grid-template-columns:1fr 1fr;row-gap:2rem}
  .site-footer .top>div:first-child{grid-column:1/-1}
  .site-footer .top>div:nth-child(2){grid-column:1;text-align:left}
  .site-footer .top>div:nth-child(3){grid-column:2}
}
@media (max-width:640px){
  .site-footer .top{grid-template-columns:1fr}
  .site-footer .top>div:first-child{grid-template-columns:1fr;text-align:center;justify-items:center;width:260px;margin-inline:auto}
  .site-footer .top>div:first-child .badge{grid-row:auto}
  .site-footer .top>div:first-child .tag{margin-top:.6rem}
  .site-footer .top>div:nth-child(2),.site-footer .top>div:nth-child(3){grid-column:1}
  .site-footer .top>div:nth-child(2) ul{grid-template-columns:1fr}
}

/* ---- Oct 19 (pm, 6): footer lists keep their natural width — no wrapped links, no gap under "Our Story" ---- */
.site-footer .top>div:nth-child(2) li,.site-footer .top>div:nth-child(3) li{white-space:nowrap}
.site-footer .top>div:first-child .tag{white-space:nowrap}
.site-footer .top{grid-template-columns:auto minmax(2rem,1fr) auto auto;column-gap:clamp(1.5rem,4vw,4rem)}
@media (max-width:1200px){.site-footer .top>div:nth-child(2) li,.site-footer .top>div:nth-child(3) li{white-space:normal}}
[hidden]{display:none !important}

/* Oct 30: phone/tablet header - centre the logo (the desktop left:24px rule above was overriding left:auto) */
@media (max-width:960px){.mast2 .logo2{left:auto;top:0}}
