.puppy-contact-hero { background: #fbf7f0; min-height: 58vh; }
.contact-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:30px; color:var(--muted); font-size:10px; }
.contact-breadcrumbs a { color:var(--sage-dark, #536756); }
.puppy-contact-intro { max-width:760px; margin:0 auto 36px; text-align:center; }
.puppy-contact-intro .eyebrow { justify-content:center; }
.puppy-contact-intro h1 { display:block; width:100%; max-width:none; margin:0 auto 15px; text-align:center; text-wrap:balance; font-size:clamp(38px,5vw,62px); line-height:1.12; }
.puppy-contact-intro h1 em { color:var(--coral); font-weight:500; }
.puppy-contact-intro > p:last-child { max-width:650px; margin:0 auto; color:var(--muted); font-size:13px; line-height:1.85; }
.puppy-contact-grid { display:grid; grid-template-columns:minmax(230px,.72fr) minmax(0,1fr); gap:clamp(24px,5vw,60px); align-items:start; }
.puppy-contact-summary { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; overflow:hidden; align-self:start; background:#fffdfa; border:1px solid #eee5da; box-shadow:0 20px 70px rgba(50,55,43,.06); }
.puppy-contact-summary[hidden] { display:none !important; }
.contact-puppy-image-wrap { position:relative; width:100%; aspect-ratio:4/4.3; min-width:0; overflow:hidden; isolation:isolate; background:#eee8de; }
.contact-puppy-image-wrap.is-loading::before { position:absolute; z-index:1; inset:0; content:''; pointer-events:none; background:linear-gradient(105deg,#eee8de 8%,#f8f4ee 18%,#eee8de 33%); background-size:220% 100%; animation:papillon-skeleton-shimmer 1.35s ease-in-out infinite; }
.contact-puppy-image-wrap img[hidden] { display:none !important; }
.contact-puppy-image-wrap img { position:relative; z-index:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.contact-puppy-image-wrap.is-loading img { opacity:0; }
.contact-puppy-image-wrap.is-loaded img { opacity:1; transition:opacity .22s ease; }
.contact-puppy-image-wrap.image-unavailable { display:grid; place-items:center; min-height:180px; background:linear-gradient(135deg,#f4eee5,#e8e1d6); }
.contact-puppy-image-fallback { display:flex; position:absolute; inset:0; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#798775; text-align:center; }
.contact-puppy-image-fallback[hidden] { display:none !important; }
.contact-puppy-image-fallback span { color:var(--coral); font-size:42px; line-height:1; }
.contact-puppy-image-fallback p { margin:0; font-family:var(--heading); font-size:16px; }
.contact-puppy-summary-copy { min-width:0; padding:22px; }
.contact-puppy-summary-copy .profile-overline { display:block; }
.contact-puppy-summary-copy h2 { margin:7px 0 5px; font-family:var(--heading); font-size:clamp(24px,2.1vw,30px); font-weight:500; line-height:1.15; overflow-wrap:anywhere; }
.contact-puppy-summary-copy p { margin:0 0 10px; color:var(--muted); font-size:11px; line-height:1.55; }
.contact-puppy-summary-copy > strong { display:block; margin-bottom:16px; color:var(--sage-dark,#536756); font-size:15px; }
.contact-puppy-summary-copy .text-link { display:inline-flex; align-items:center; flex-wrap:wrap; gap:8px; line-height:1.6; }
.puppy-contact-form { min-width:0; }
.puppy-contact-form .form-field-full { display:flex; width:100%; min-width:0; grid-column:1 / -1; }
.puppy-contact-form .form-field-full input { width:100%; }
.form-divider { padding:17px 0 11px; margin:5px 0 16px; border-top:1px solid #eee5da; }
.form-divider span { color:var(--ink); font-family:var(--heading); font-size:20px; }
.form-divider p { margin:4px 0 0; color:var(--muted); font-size:10px; line-height:1.7; }
.form-honeypot { position:absolute!important; left:-10000px!important; top:auto!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.contact-page-fallback { max-width:720px; margin:35px auto; padding:45px 25px; text-align:center; background:#fffdfa; border:1px solid #eee5da; }
.contact-page-fallback h2 { font-family:var(--heading); font-size:clamp(30px,4vw,45px); font-weight:500; }
.contact-page-fallback > p:not(.eyebrow) { color:var(--muted); font-size:12px; line-height:1.8; }
@media (max-width:760px) {
  .puppy-contact-grid { grid-template-columns:minmax(0,1fr); gap:22px; }
  .puppy-contact-summary { grid-template-columns:minmax(100px,34%) minmax(0,1fr); align-items:stretch; }
  .contact-puppy-image-wrap { align-self:start; width:100%; height:auto; min-height:0; aspect-ratio:1 / 1; }
  .contact-puppy-summary-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:16px; }
  .contact-puppy-summary-copy h2 { font-size:23px; }
  .puppy-contact-intro { margin-bottom:27px; }
}
@media (max-width:480px) {
  .puppy-contact-form { padding:23px 18px; }
  .puppy-contact-form .form-row { grid-template-columns:minmax(0,1fr); gap:0; }
  .puppy-contact-summary { grid-template-columns:104px minmax(0,1fr); }
  .contact-puppy-image-wrap { min-height:0; height:auto; aspect-ratio:1 / 1; }
  .contact-puppy-summary-copy { padding:12px; }
  .contact-puppy-summary-copy h2 { font-size:20px; }
  .contact-puppy-summary-copy .profile-overline { font-size:8px; letter-spacing:.1em; }
  .contact-puppy-summary-copy .text-link { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) { .contact-puppy-image-wrap.is-loading::before,.contact-puppy-image-wrap.is-loaded img { animation:none; transition:none; } }