@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
/* CL_KIT_V1 (15 Oct 2026): the group's Tuio-style look for casalynsco.com, in Casa Lynsco's own terracotta/olive/cream.
   Loaded after style.css. Appearance only: font, colour, radius, shadow, spacing, inner-hero alignment and a decorative line
   drawing. No text, links or headings change. */
:root{--c-ink:#2b2825;--c-soft:#5c5650;--c-terra:#9c5533;--c-terra2:#85462a;--c-olive:#55623d;--c-cream:#faf6f0;--c-cream2:#f4ede3;--c-line:#e8dfd2;--c-wa:#15803d;--c-shadow:0 2px 6px rgba(43,40,37,.05),0 12px 28px rgba(43,40,37,.07)}
html body{font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff;color:var(--c-ink)}
html body h1,html body h2,html body h3,html body .brand-name,html body .btn,html body .site-nav,html body .kicker,html body .pill,html body .faq-item summary,html body .enquiry-form label,html body .price-line,html body .step-num,html body .site-footer,html body .contact-info-col,html body .or-divider,html body .form-notice,html body .appointment-bar,html body .brand-sub{font-family:Poppins,system-ui,sans-serif}
html body h1{font-size:clamp(2.1rem,4.4vw,3.4rem);letter-spacing:-.015em}
html body h2{letter-spacing:-.01em}

/* header: white bar */
html body .site-header{background:#fff;border-bottom:1px solid var(--c-line)}
@media(max-width:640px){html body .site-nav{background:#fff}}
html body .nav-link{font-weight:500}

/* buttons: pills with readable contrast (the lighter terracotta was 4.2:1 with white text) */
html body .btn{padding:13px 26px;font-weight:600}
html body .btn-primary{background:var(--c-terra);color:#fff;box-shadow:0 6px 16px rgba(156,85,51,.25)}
html body .btn-primary:hover{background:var(--c-terra2)}
html body .btn-wa{background:#fff;color:var(--c-wa);border:2px solid var(--c-wa);padding:11px 24px}
html body .btn-wa:hover{background:#f0fdf4}

/* kicker becomes a chip */
html body .kicker{display:inline-block;background:#eef0e6;color:var(--c-olive);padding:6px 14px;border-radius:999px;letter-spacing:.06em;font-size:.72rem;margin-bottom:14px}

/* homepage hero: keeps its side-by-side layout on purpose - the photo of the host with a dog is the main trust signal
   and a wide centred crop cut off the faces */
html body .hero{background:linear-gradient(180deg,var(--c-cream) 0%,#fff 100%)}
html body .hero .hero-media img{border-radius:24px;box-shadow:var(--c-shadow)}

/* inner-page heroes: cream band, centred, a line-drawn walk (house, path, paw prints) along the bottom */
html body .page-hero{text-align:center;padding-top:64px;padding-bottom:104px;border-bottom:1px solid var(--c-line);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='90' viewBox='0 0 1200 90'%3E%3Cpath d='M0 66 C180 24 330 84 500 52 S840 14 1000 56 S1150 64 1200 42' fill='none' stroke='%23b9673f' stroke-width='2.5' stroke-dasharray='2 9' stroke-linecap='round' opacity='.55'/%3E%3Cg fill='none' stroke='%2355623d' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M262 66 v-22 l20 -16 l20 16 v22 z'/%3E%3Cpath d='M276 66 v-12 h12 v12'/%3E%3C/g%3E%3Cg fill='%239c5533' opacity='.85'%3E%3Cellipse cx='620' cy='40' rx='6' ry='5'/%3E%3Ccircle cx='613' cy='31' r='2.4'/%3E%3Ccircle cx='620' cy='29' r='2.4'/%3E%3Ccircle cx='627' cy='31' r='2.4'/%3E%3Cellipse cx='700' cy='34' rx='6' ry='5'/%3E%3Ccircle cx='693' cy='25' r='2.4'/%3E%3Ccircle cx='700' cy='23' r='2.4'/%3E%3Ccircle cx='707' cy='25' r='2.4'/%3E%3C/g%3E%3Ccircle cx='1000' cy='56' r='7' fill='%23fff' stroke='%2355623d' stroke-width='3'/%3E%3C/svg%3E") center bottom 8px/1200px 90px no-repeat,var(--c-cream)}
html body .page-hero .lead,html body .page-hero p{margin-left:auto;margin-right:auto;max-width:760px}

/* bands, cards, big numbers */
html body .section-alt{background:var(--c-cream)}
html body .feature,html body .faq-item{border:1px solid var(--c-line);border-radius:20px;box-shadow:var(--c-shadow);background:#fff}
html body .step-num{font-size:2.2rem;color:var(--c-terra);line-height:1}
html body .timeline-item{border-left-color:var(--c-terra)}
html body .gallery img{border-radius:20px}
html body .pill{border-color:var(--c-line)}

/* footer: the appointment note was ink-soft grey on the dark footer (1.9:1) */
html body .site-footer p{color:#e2d9cc}

/* forms */
html body .enquiry-form input,html body .enquiry-form textarea{border-radius:12px;font-family:inherit}