@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;600;700&family=PT+Serif:wght@400;700&display=swap');

:root {
  --site-primary: #895985;
  --site-primary-light: #a87caa;
  --site-primary-dark: #4d2144;
  --site-secondary: #795f5b;
  --site-accent: #0081b8;
  --site-background: #f7e3ff;
  --site-surface: #fff9ff;
  --site-text: #1b0a19;
  --site-muted: #735c6e;
  --bs-body-bg: #f7e3ff;
  --bs-body-color: #1b0a19;
  --bs-body-font-family: 'PT Sans', sans-serif;
  --bs-link-color: #895985;
  --bs-link-hover-color: #4d2144;
  --type-h1: clamp(2.2rem, 4.5vw, 3rem);
  --type-h2: 1.9rem;
  --type-h3: 1.4rem;
  --type-body: 1.06rem;
  --type-small: .9rem;
  --type-eyebrow: .74rem;
  --section-pad: clamp(4rem, 7vw, 6rem);
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body { background: var(--bs-body-bg); color: var(--bs-body-color); font-family: var(--bs-body-font-family); font-size: var(--type-body); line-height: 1.65; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-family: 'PT Serif', serif; color: var(--site-text); text-wrap: balance; line-height: 1.12; }
h1 { font-size: var(--type-h1); }
h2 { font-size: var(--type-h2); }
h3 { font-size: var(--type-h3); }
p, li { text-wrap: pretty; }
a { color: var(--site-primary); }
a:hover { color: var(--site-primary-dark); }
img { max-width: 100%; }
.btn { border-radius: 0; padding: .72rem 1.15rem; font-weight: 700; box-shadow: none; letter-spacing: .01em; transition: background-color .2s ease, color .2s ease, border-color .2s ease; border-width: 1.5px; }
.btn-primary { background-color: var(--site-primary); border-color: var(--site-primary); color: #fff; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--site-primary-dark); border-color: var(--site-primary-dark); color: #fff; }
.btn-outline-primary { color: var(--site-primary); border-color: var(--site-primary); background-color: transparent; }
.btn-outline-primary:hover, .btn-outline-primary:focus { background-color: var(--site-primary); border-color: var(--site-primary); color: #fff; }
.bg-primary { background-color: var(--site-primary) !important; }
.text-primary { color: var(--site-primary) !important; }
.border-primary { border-color: var(--site-primary) !important; }
.card { border-radius: 10px; box-shadow: none; border: 1px solid rgba(121,95,91,.38); background: var(--site-surface); }
.form-control, .form-select { border-radius: 5px; border-color: rgba(121,95,91,.55); background-color: #fff; padding: .72rem .8rem; }
.form-control:focus, .form-select:focus { border-color: var(--site-primary); box-shadow: 0 0 0 .2rem rgba(137,89,133,.14); }
.utility-bar { background: var(--site-primary-dark); color: var(--site-background); font-size: var(--type-small); }
.utility-bar a { color: var(--site-background); text-decoration: none; }
.site-nav { background: var(--site-surface); border-bottom: 1px solid rgba(121,95,91,.35); }
.navbar-brand { font-family: 'PT Serif', serif; font-weight: 700; color: var(--site-text); }
.brand-logo { width: 42px; height: 42px; object-fit: contain; border-radius: 8px; }
.nav-link { color: var(--site-text); font-weight: 600; }
.nav-link:hover, .nav-link.active { color: var(--site-primary); }
.navbar-toggler { border-radius: 6px; border-color: var(--site-primary); }
.eyebrow { font-size: var(--type-eyebrow); text-transform: uppercase; letter-spacing: .08em; color: var(--site-primary-dark); font-weight: 700; margin-bottom: var(--space-2); }
.section-title::first-letter, .hero-title::first-letter, .page-title::first-letter { color: var(--site-primary); font-size: 1.35em; }
.measure { max-width: 68ch; }
.section-band { padding: var(--section-pad) 1rem; background: var(--site-background); }
.band-rule { width: 60%; margin: 0 auto; border: 0; border-top: 1px solid var(--site-secondary); opacity: .65; }
.hero-band { padding-top: clamp(3rem, 6vw, 5rem); }
.hero-copy { position: relative; z-index: 2; max-width: 850px; margin: 0 auto -2rem; padding: clamp(1.5rem, 3vw, 2.5rem); background: var(--site-surface); border: 1px solid rgba(121,95,91,.45); border-radius: 10px; }
.hero-image { display: block; width: 100%; height: clamp(340px, 47vw, 610px); object-fit: cover; border-radius: 8px; }
.about-band { background: rgba(168,124,170,.18); padding-top: calc(var(--section-pad) * .6); padding-bottom: calc(var(--section-pad) * .6); }
.about-container { max-width: 1140px; }
.services-container { max-width: 880px; }
.about-visual { border-left: 2px solid var(--site-accent); padding-left: var(--space-4); }
.pull-quote { font-family: 'PT Serif', serif; font-size: 1.35rem; line-height: 1.4; color: var(--site-primary-dark); margin: 0; }
.services-band { background: var(--site-surface); padding-top: calc(var(--section-pad) * 1.5); padding-bottom: calc(var(--section-pad) * 1.5); }
.service-item { padding: var(--space-4); }
.line-icon { width: 34px; height: 34px; color: var(--site-accent); stroke-width: 1.75; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.price { font-variant-numeric: tabular-nums; color: var(--site-primary-dark); font-weight: 700; font-size: 1.12rem; }
.process-band, .contact-band { display: grid; grid-template-columns: minmax(0,45fr) minmax(0,55fr); padding: 0; background: var(--site-background); align-items: stretch; }
.process-copy, .contact-copy { width: 100%; max-width: 440px; justify-self: end; padding: var(--section-pad) clamp(1rem,4vw,4rem) var(--section-pad) 1rem; }
.process-visual, .contact-visual { min-width: 0; }
.process-visual img { width: 100%; height: 100%; min-height: 560px; object-fit: cover; border-radius: 8px 0 0 8px; }
.process-list { list-style: none; padding: 0; margin: var(--space-4) 0 0; }
.process-list li { border-top: 1px solid rgba(121,95,91,.45); padding: var(--space-2) 0; }
.contact-band { background: var(--site-surface); }
.contact-panel { height: 100%; display: flex; flex-direction: column; justify-content: center; padding: var(--section-pad) clamp(1rem, 6vw, 6rem); background: rgba(168,124,170,.16); border-left: 1px solid rgba(121,95,91,.4); }
.phone-display { font-family: 'PT Serif', serif; font-size: clamp(1.65rem,3vw,2.35rem); font-variant-numeric: tabular-nums; color: var(--site-primary-dark); text-decoration: none; }
.location-area { background: var(--site-background); padding: var(--section-pad) 1rem; }
.map-frame { width: 100%; height: 380px; border: 1px solid rgba(121,95,91,.45); border-radius: 8px; }
.site-footer { background: var(--site-text); color: var(--site-background); padding: 4rem 1rem 1.5rem; }
.site-footer h2, .site-footer h3 { color: var(--site-background); }
.site-footer a { color: var(--site-background); }
.site-footer .form-control { border-radius: 0; }
.footer-bottom { border-top: 1px solid rgba(247,227,255,.35); margin-top: 3rem; padding-top: 1.5rem; }
.footer-links { display: flex; flex-wrap: wrap; gap: .6rem 1.25rem; }
.cookie-banner { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 1080; max-width: 720px; margin: auto; background: var(--site-surface); border: 1px solid var(--site-primary); padding: 1.25rem; border-radius: 10px; }
.cookie-banner[hidden] { display: none; }
.page-hero { padding: clamp(3.5rem,7vw,6rem) 1rem; border-bottom: 1px solid var(--site-secondary); }
.content-section { padding: var(--section-pad) 1rem; }
.content-section:nth-of-type(even) { background: var(--site-surface); }
.prose { max-width: 72ch; }
.rate-table { --bs-table-bg: transparent; border-color: rgba(121,95,91,.45); }
.rate-table th { font-family: 'PT Serif', serif; }
.form-section { padding: 2rem 0; border-top: 1px solid rgba(121,95,91,.45); }
.form-check-input:checked { background-color: var(--site-primary); border-color: var(--site-primary); }
.form-note { font-size: var(--type-small); color: var(--site-muted); }
.confirmation { border-left: 3px solid var(--site-accent); background: rgba(0,129,184,.08); padding: 1.25rem; }
.legal-main { padding: var(--section-pad) 1rem; }
.legal-main h2 { margin-top: 2.5rem; }
.not-found { min-height: 55vh; display: grid; place-items: center; padding: var(--section-pad) 1rem; text-align: center; }
.newsletter-status { min-height: 1.5rem; font-size: var(--type-small); margin-top: .5rem; }
@media (max-width: 767.98px) {
  .utility-inner { justify-content: center !important; text-align: center; }
  .utility-hours { display: none; }
  .hero-copy { margin-bottom: -1rem; }
  .process-band, .contact-band { grid-template-columns: 1fr; }
  .process-copy, .contact-copy { max-width: none; justify-self: stretch; padding: var(--section-pad) 1rem; }
  .process-visual img { min-height: 340px; border-radius: 0; }
  .contact-panel { border-left: 0; border-top: 1px solid rgba(121,95,91,.4); }
}
