/* ==========================================================================
   Country Dogs — style.css
   Palette: paper / oat (oatmeal shampoo) / ink / bandana red / tennis ball / kibble brown
   Type:    Lilita One (display) + Nunito (body), self-hosted
   ========================================================================== */

@font-face{font-family:"Lilita One";src:url("../fonts/lilita-one.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Nunito";src:url("../fonts/nunito-var.woff2") format("woff2");font-weight:200 1000;font-display:swap}

:root{
  --paper:#FFFCF4;
  --oat:#F7EBD3;
  --oat-deep:#E6D3AE;
  --ink:#1C1A17;
  --ink-soft:#524D45;
  --bandana:#D8432F;
  --bandana-deep:#A9301F;
  --tennis:#D9E64A;
  --tennis-deep:#B8C52A;
  --kibble:#8B603D;
  --bone:#EDE6DF;
  --white:#fff;

  --display:"Lilita One","Arial Black",Impact,sans-serif;
  --body:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;

  --pad:clamp(1rem,4vw,2.5rem);
  --wrap:1140px;
  --r:22px;
  --r-sm:12px;
  --shadow:0 12px 32px rgba(28,26,23,.10);
  --sticker:0 4px 0 var(--oat-deep);
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--body);font-size:1.0625rem;line-height:1.55;font-weight:500;
  padding-bottom:64px; /* room for the mobile quick bar */
}
@media (min-width:900px){body{padding-bottom:0}}
img{max-width:100%;height:auto;display:block}
a{color:var(--bandana-deep);text-decoration-thickness:2px;text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;line-height:1.02;margin:0;letter-spacing:.005em}
h1{font-size:clamp(2.9rem,9vw,5.6rem)}
h2{font-size:clamp(2rem,5.2vw,3.3rem)}
h3{font-size:clamp(1.35rem,3vw,1.7rem)}
h4{font-size:1.25rem}
p{margin:0 0 1rem}
.lede{font-size:clamp(1.1rem,2.2vw,1.3rem);color:var(--ink-soft);max-width:36ch}
.fine{font-size:.9rem;color:var(--ink-soft)}
.eyebrow{
  display:inline-flex;align-items:center;gap:.45rem;margin:0 0 1rem;
  font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kibble)
}
.eyebrow .ic{width:1.1em;height:1.1em;fill:var(--kibble)}
.ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic use[href="#paw"]{fill:currentColor;stroke:none}
:focus-visible{outline:3px solid var(--tennis-deep);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:.6rem 1rem;border-radius:8px;z-index:100}
.skip:focus{left:8px}

.section-head{max-width:640px;margin:0 auto 2.25rem;text-align:center}
.section-head p{color:var(--ink-soft);margin-top:.75rem}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  border:2.5px solid var(--ink);border-radius:999px;padding:.7rem 1.25rem;
  font-family:var(--display);font-size:1.05rem;letter-spacing:.01em;text-decoration:none;
  color:var(--ink);background:#fff;cursor:pointer;white-space:nowrap;
  box-shadow:0 4px 0 var(--ink);transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,background .15s ease
}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}
.btn-primary{background:var(--bandana);color:#fff}
.btn-primary:hover{background:var(--bandana-deep)}
.btn-ghost{background:#fff}
.btn-ghost:hover{background:var(--tennis)}
.btn-lg{font-size:1.2rem;padding:.85rem 1.6rem}
.btn-sm{font-size:.95rem;padding:.45rem .95rem;border-width:2px;box-shadow:0 3px 0 var(--ink)}
.btn-sm:hover{box-shadow:0 4px 0 var(--ink)}

/* ---------- header ---------- */
.topbar{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:1rem;
  padding:.65rem var(--pad);background:rgba(255,252,244,.92);backdrop-filter:blur(10px);
  border-bottom:2px solid var(--ink)
}
.brand{display:flex;align-items:center;flex:none}
.wordmark{height:30px;width:auto}
.wm-text{font-family:var(--display);font-size:34px;fill:var(--ink)}
.wm-paw{fill:var(--kibble)}
.nav{display:none;gap:1.4rem;margin-left:auto;font-weight:800;font-size:.95rem}
.nav a{color:var(--ink);text-decoration:none;padding:.3rem 0;border-bottom:3px solid transparent}
.nav a:hover{border-bottom-color:var(--tennis-deep)}
.topbar-actions{display:flex;gap:.5rem;margin-left:auto}
.topbar-actions .btn-ghost{display:none}
@media (min-width:640px){.topbar-actions .btn-ghost{display:inline-flex}}
@media (min-width:900px){
  .nav{display:flex}
  .topbar-actions{margin-left:0}
}

/* ---------- hero ---------- */
.hero{
  max-width:var(--wrap);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) var(--pad) clamp(3rem,7vw,5.5rem);
  display:grid;gap:2.5rem;align-items:center
}
.hero h1{margin:0 0 1.1rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0 .9rem}
.hero-art{position:relative;max-width:520px;margin:0 auto;width:100%}
.blob{
  position:relative;aspect-ratio:1;overflow:hidden;
  border-radius:58% 42% 55% 45% / 45% 55% 45% 55%;
  border:4px solid var(--ink);background:var(--oat)
}
.blob img{width:100%;height:100%;object-fit:cover;object-position:18% 50%}
.hero-art::before{
  content:"";position:absolute;inset:6% -4% -5% 6%;z-index:-1;
  background:var(--tennis);border-radius:42% 58% 45% 55% / 55% 45% 55% 45%
}
.sticker{
  position:absolute;top:2%;left:0;transform:rotate(-8deg);
  background:var(--bandana);color:#fff;font-family:var(--display);font-size:clamp(1rem,2.6vw,1.35rem);
  padding:.45rem 1rem;border-radius:999px;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);
  background-image:radial-gradient(circle,rgba(255,255,255,.35) 1.3px,transparent 1.9px);background-size:11px 11px
}
.trail{position:absolute;right:-6px;bottom:-10px;width:130px;height:100px;fill:var(--kibble);opacity:.55}
@media (min-width:820px){
  .hero{grid-template-columns:1.1fr .9fr;gap:3rem}
  .hero-art{margin:0 0 0 auto}
  .sticker{left:-3%}
}

/* ---------- ticker ---------- */
.ticker{background:var(--ink);color:var(--tennis);overflow:hidden;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.ticker-track{display:flex;width:max-content;animation:ticker 40s linear infinite;padding:.7rem 0}
.ticker span{
  font-family:var(--display);font-size:1.05rem;letter-spacing:.05em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:1.4rem;padding-right:1.4rem;white-space:nowrap
}
.ticker span::after{
  content:"";width:.9em;height:.9em;flex:none;opacity:.9;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23D9E64A'><ellipse cx='21' cy='44' rx='10' ry='13' transform='rotate(-22 21 44)'/><ellipse cx='40' cy='27' rx='10' ry='13' transform='rotate(-8 40 27)'/><ellipse cx='60' cy='27' rx='10' ry='13' transform='rotate(8 60 27)'/><ellipse cx='79' cy='44' rx='10' ry='13' transform='rotate(22 79 44)'/><path d='M50 47c15 0 29 11 29 25 0 10-8 17-15 19-6 2-10-1-14-3-4 2-8 5-14 3-7-2-15-9-15-19 0-14 14-25 29-25z'/></svg>") center/contain no-repeat
}
@keyframes ticker{to{transform:translateX(-50%)}}

/* ---------- dog of the week ---------- */
.dotw{background:var(--oat);padding:clamp(3rem,7vw,5.5rem) var(--pad)}
.dotw-card{
  max-width:var(--wrap);margin:0 auto;display:grid;gap:2rem;align-items:center;
  background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:clamp(1.25rem,3vw,2.5rem);box-shadow:0 8px 0 var(--ink)
}
.dotw-photo{position:relative;max-width:420px;margin:0 auto;width:100%}
.dotw-photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r);border:3px solid var(--ink)}
.rosette{position:absolute;top:-22px;right:-16px;width:clamp(96px,22vw,132px);filter:drop-shadow(0 4px 0 var(--ink))}
.rosette svg{width:100%;height:auto;transform:rotate(8deg);animation:rosette 6s ease-in-out infinite}
.rosette-edge{fill:var(--tennis);stroke:var(--ink);stroke-width:3;stroke-linejoin:round}
.rosette-ring{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:4 4}
.rosette-t1,.rosette-t2{font-family:var(--display);text-anchor:middle;fill:var(--ink)}
.rosette-t1{font-size:14px;letter-spacing:.06em}
.rosette-t2{font-size:18px}
@keyframes rosette{0%,100%{transform:rotate(8deg)}50%{transform:rotate(-6deg)}}
.dotw-name{font-size:clamp(3rem,9vw,5.2rem);color:var(--bandana);margin:.2rem 0 .1rem;line-height:1}
.dotw-breed{font-weight:800;color:var(--kibble);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;margin-bottom:1rem}
.dotw-shout{font-weight:800;color:var(--ink-soft)}
@media (min-width:820px){.dotw-card{grid-template-columns:.9fr 1.1fr;gap:3rem}}

/* ---------- services ---------- */
.services{max-width:var(--wrap);margin:0 auto;padding:clamp(3rem,7vw,5.5rem) var(--pad)}
.group-title{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .8rem;margin:2.5rem 0 1rem;
  padding-left:1rem;border-left:6px solid var(--bandana)
}
.group-title small{font-family:var(--body);font-weight:700;font-size:.95rem;color:var(--ink-soft)}
.grid{display:grid;gap:1rem}
.grid-grooms{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.grid-addons{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.grid-fancy{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.svc{
  display:flex;gap:.9rem;align-items:flex-start;
  background:#fff;border:2.5px solid var(--ink);border-radius:var(--r-sm);padding:1rem 1.1rem;
  box-shadow:var(--sticker);transition:transform .15s ease,box-shadow .15s ease
}
.svc:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--tennis)}
.svc h4{margin:0 0 .25rem}
.svc p{margin:0;font-size:.95rem;color:var(--ink-soft)}
.svc-ic{width:2rem;height:2rem;flex:none;color:var(--kibble);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-top:.1rem}
.svc-ic use[href="#paw"]{fill:currentColor;stroke:none}
.svc-big{flex-direction:column;gap:.5rem;padding:1.35rem 1.25rem 1.2rem}
.svc-big .svc-ic{width:2.4rem;height:2.4rem;color:var(--bandana)}
.svc-big h4{font-size:1.45rem}
.svc-big p{flex:1}
.svc-big a{font-family:var(--display);font-size:1.02rem;text-decoration:none;margin-top:.4rem;color:var(--bandana-deep)}
.svc-big a:hover{text-decoration:underline}

/* ---------- wall of fame (signature: bandana nameplates) ---------- */
.fame{
  padding:clamp(3rem,7vw,5.5rem) var(--pad);
  background:
    repeating-linear-gradient(0deg,rgba(216,67,47,.07) 0 14px,transparent 14px 28px),
    repeating-linear-gradient(90deg,rgba(216,67,47,.07) 0 14px,transparent 14px 28px),
    var(--paper)
}
.fame-grid{max-width:var(--wrap);margin:0 auto;display:grid;gap:1.75rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:600px){.fame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.25rem 1.5rem}}
@media (min-width:900px){.fame-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pup{position:relative;text-align:center;margin:0;min-width:0}
.pup-photo{
  position:relative;z-index:1;aspect-ratio:1;overflow:hidden;
  border-radius:28px;border:3px solid #fff;box-shadow:0 0 0 2.5px var(--ink),var(--shadow);background:var(--oat)
}
.pup-photo img{width:100%;height:100%;object-fit:cover}
.pup:hover .pup-photo{animation:wag .7s ease-in-out}
.bandana{
  position:relative;z-index:0;margin:-16px auto 0;width:100%;padding:1.55rem .6rem .8rem;
  background:var(--bandana);color:#fff;
  background-image:radial-gradient(circle,rgba(255,255,255,.38) 1.3px,transparent 1.9px);background-size:11px 11px;
  clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);
  display:flex;align-items:center;justify-content:center;gap:.35rem;
  font-family:var(--display);font-size:clamp(1.1rem,2.1vw,1.5rem);line-height:1;text-shadow:0 2px 0 var(--bandana-deep)
}
.bandana .ic{width:1em;height:1em;fill:#fff;stroke:none;filter:drop-shadow(0 2px 0 var(--bandana-deep))}
.bandana span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@keyframes wag{0%,100%{transform:rotate(0)}20%{transform:rotate(-4deg)}45%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}}

/* ---------- before & after ---------- */
.ba{max-width:var(--wrap);margin:0 auto;padding:clamp(3rem,7vw,5.5rem) var(--pad)}
.ba-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.ba-card{background:#fff;border:2.5px solid var(--ink);border-radius:var(--r);padding:.7rem;box-shadow:var(--sticker)}
.ba-frame{--pos:50%;position:relative;aspect-ratio:1;overflow:hidden;border-radius:16px;background:var(--oat);user-select:none;touch-action:pan-y}
.ba-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba-handle{
  position:absolute;top:0;bottom:0;left:var(--pos);width:4px;margin-left:-2px;background:#fff;pointer-events:none;
  box-shadow:0 0 0 1px rgba(0,0,0,.25)
}
.ba-handle::after{
  content:"◀ ▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:44px;height:44px;border-radius:50%;background:var(--tennis);border:2.5px solid var(--ink);
  display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;letter-spacing:-1px;color:var(--ink);box-shadow:0 3px 0 var(--ink)
}
.ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.ba-label{
  position:absolute;top:.6rem;padding:.25rem .6rem;border-radius:999px;font-family:var(--display);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;
  pointer-events:none;background:rgba(28,26,23,.75);color:#fff
}
.ba-label-before{left:.6rem}
.ba-label-after{right:.6rem;background:var(--bandana)}
.ba-name{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:.75rem 0 .3rem;font-family:var(--display);font-size:1.3rem}
.ba-name .ic{width:1em;height:1em;fill:var(--kibble);stroke:none}

/* ---------- shoppe ---------- */
.shoppe{background:var(--tennis);border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink)}
.shoppe{display:grid;gap:2rem;align-items:center;padding:clamp(3rem,7vw,5.5rem) var(--pad)}
.shoppe > *{max-width:var(--wrap)}
.shoppe-copy .lede{color:var(--ink)}
.shoppe-list{list-style:none;padding:0;margin:1.25rem 0 1rem;display:grid;gap:.8rem}
.shoppe-list li{display:flex;gap:.7rem;align-items:flex-start;font-size:1rem}
.shoppe-list .ic{width:1.5rem;height:1.5rem;margin-top:.1rem;color:var(--ink)}
.shoppe .fine{color:var(--ink)}
.shoppe-art{max-width:460px;width:100%;margin:0 auto}
.shoppe-art img{aspect-ratio:1;object-fit:cover;border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink)}
@media (min-width:820px){
  .shoppe{grid-template-columns:1.1fr .9fr;gap:3rem;padding-left:max(var(--pad),calc((100% - var(--wrap)) / 2));padding-right:max(var(--pad),calc((100% - var(--wrap)) / 2))}
  .shoppe-art{margin:0 0 0 auto}
}

/* ---------- about ---------- */
.about{max-width:var(--wrap);margin:0 auto;padding:clamp(3rem,7vw,5.5rem) var(--pad);display:grid;gap:2.5rem}
.about-story h2{margin-bottom:1rem}
.about-story p{max-width:60ch}
.about-quotes{display:grid;gap:1rem;align-content:start}
.quote{
  position:relative;background:#fff;border:2.5px solid var(--ink);border-radius:var(--r-sm);padding:1.5rem 1.2rem 1rem;margin:0;box-shadow:var(--sticker)
}
.quote::before{
  content:"“";position:absolute;top:-1.1rem;left:.9rem;font-family:var(--display);font-size:2.8rem;line-height:1;color:var(--bandana);background:#fff;padding:0 .25rem
}
.quote p{margin:.4rem 0 .5rem;font-weight:600}
.quote cite{font-style:normal;font-weight:800;font-size:.85rem;color:var(--kibble);text-transform:uppercase;letter-spacing:.1em}
@media (min-width:820px){.about{grid-template-columns:1.1fr .9fr;gap:4rem;align-items:start}}

/* ---------- request an appointment ---------- */
.book{background:var(--oat);padding:clamp(3rem,7vw,5.5rem) var(--pad);border-top:2.5px solid var(--ink)}
.book-head{max-width:var(--wrap);margin:0 auto 2rem;text-align:center}
.book-head p{color:var(--ink-soft);margin:.6rem auto 1.4rem;max-width:44ch}
.contact-buttons{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.form{
  max-width:820px;margin:0 auto;display:grid;gap:1rem;
  background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:clamp(1.25rem,3vw,2rem);box-shadow:0 8px 0 var(--ink)
}
@media (min-width:640px){.form{grid-template-columns:1fr 1fr}.field-wide{grid-column:1 / -1}}
.field{display:grid;gap:.35rem}
.field label{font-weight:800;font-size:.95rem}
.field label small{font-weight:600;color:var(--ink-soft)}
.field input,.field select,.field textarea{
  width:100%;font:inherit;font-size:1.05rem;padding:.7rem .85rem;border:2.5px solid var(--ink);border-radius:var(--r-sm);background:var(--paper);color:var(--ink)
}
.field textarea{resize:vertical;min-height:110px}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--tennis);outline-offset:0;background:#fff}
.field input:user-invalid{border-color:var(--bandana)}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:.25rem}
.form-note{margin:0}
.form-status{grid-column:1 / -1;margin:0;font-weight:800;min-height:1.4em}
.form-status.ok{color:#1f7a3a}
.form-status.err{color:var(--bandana-deep)}
.form.is-sent .field,.form.is-sent .form-actions{display:none}
.form.is-sent .form-status{font-size:1.15rem;text-align:center;padding:1rem 0}

/* ---------- footer ---------- */
.footer{
  background:var(--ink);color:#fff;padding:clamp(2.5rem,6vw,4rem) var(--pad) 1.5rem;
  display:grid;gap:2rem;grid-template-columns:1fr;
}
.footer > *{max-width:var(--wrap)}
.footer a{color:#fff;display:inline-flex;align-items:center;gap:.5rem}
.footer h3{color:var(--tennis);margin-bottom:.6rem}
.footer p{margin:0 0 .5rem}
.foot-brand{max-width:340px}
.bone-logo{width:100%;height:auto}
.bone-name{font-family:var(--display);font-size:60px;fill:#fff;text-anchor:middle}
.bone-name-start{text-anchor:start}
.bone-paw{fill:var(--tennis)}
.bone-outline circle,.bone-outline rect{fill:#fff;stroke:#fff;stroke-width:8}
.bone-shape circle,.bone-shape rect{fill:var(--bone)}
.bone-tag{font-family:var(--display);font-size:22px;fill:var(--ink);text-anchor:middle}
.hours{border-collapse:collapse;font-size:.95rem}
.hours td{padding:.2rem .9rem .2rem 0;vertical-align:top}
.hours td:first-child{font-weight:800;color:var(--oat-deep)}
.hours tr.today td{color:var(--tennis)}
.copyright{grid-column:1 / -1;font-size:.8rem;color:#bfb8ad;border-top:1px solid #3a3631;padding-top:1rem;margin-top:.5rem}
@media (min-width:720px){
  .footer{grid-template-columns:1.2fr 1fr 1fr;column-gap:3rem;padding-left:max(var(--pad),calc((100% - var(--wrap)) / 2));padding-right:max(var(--pad),calc((100% - var(--wrap)) / 2))}
}

/* ---------- mobile quick bar ---------- */
.mobile-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr 2fr;
  background:var(--ink);border-top:2px solid var(--tennis);padding:.45rem .5rem calc(.45rem + env(safe-area-inset-bottom));gap:.4rem
}
.mobile-bar a{
  display:inline-flex;align-items:center;justify-content:center;gap:.35rem;
  color:#fff;text-decoration:none;font-family:var(--display);font-size:1rem;padding:.6rem .4rem;border-radius:999px;border:2px solid transparent
}
.mobile-bar a:not(.mb-primary){border-color:#5a554d}
.mobile-bar .mb-primary{background:var(--bandana);border-color:var(--bandana)}
@media (min-width:900px){.mobile-bar{display:none}}

/* ---------- motion preferences ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ticker-track{animation:none;flex-wrap:wrap;width:auto;padding:.5rem var(--pad)}
  .rosette svg{animation:none}
  .pup:hover .pup-photo{animation:none}
  .btn,.svc{transition:none}
}