/* Functional additions inherit this demo's visual world. */
.art-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:12px 0;border-bottom:1px solid currentColor;color:inherit;text-decoration:none;font-size:14px;line-height:1.4}.art-action>span{transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.art-context{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px auto;padding:18px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font:inherit;font-size:13px;line-height:1.6;max-width:1200px;width:calc(100% - 48px)}.art-context p{margin:0;max-width:65ch}.art-context a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.art-context:empty{display:none}.art-review-context{margin:20px 0 0;padding-top:18px;border-top:1px solid currentColor;font-size:14px;line-height:1.6}
.art-direction main h1,.art-direction main h2{text-wrap:balance}.art-direction figcaption{line-height:1.6}.art-direction main{min-width:0}.art-direction .art-action:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.art-action:hover>span{transform:translate(3px,-3px)}.art-action:hover{text-decoration:underline;text-underline-offset:5px}}
@media(max-width:720px){.art-context{display:block;margin-block:20px}.art-context a{margin-top:8px}.art-direction main input,.art-direction main select,.art-direction main textarea{font-size:16px}.art-action{min-height:48px}}
@media(prefers-reduced-motion:reduce){.art-direction .art-action>span{transition:none}.art-direction .art-action:hover>span{transform:none}}
html[data-axus-motion=paused] .art-direction .art-action>span{transition:none;transform:none}

/* puddle-pet-grooming — authored interior compositions. */

.grooming-arrival{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;padding:55px 5vw 65px;max-width:1450px;margin:auto;align-items:center}.grooming-arrival .page-head,.grooming-arrival .wide-photo{width:auto;margin:0;padding:0}.grooming-arrival h1{font-size:clamp(47px,5vw,74px)}.grooming-arrival img{width:100%;height:580px;object-fit:cover;border-radius:80px 0 80px 0}.puddle-bath-story .puddle-handover-story{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;background:var(--peach);padding:35px}.grooming-handover{grid-row:1/4;margin:0}.grooming-handover img{width:100%;height:400px;object-fit:cover}.grooming-handover figcaption{font-size:13px;padding-top:14px}.puddle-coat-guide .coat-types{display:grid;grid-template-columns:1.2fr 1fr;gap:0 5vw}.coat-tools{grid-column:1;grid-row:1/5;margin:0;position:sticky;top:110px;align-self:start}.coat-tools img{width:100%;height:620px;object-fit:cover}.coat-tools figcaption{font-size:13px;padding-top:15px}.puddle-coat-guide .coat-types article{grid-column:2;border-radius:0;padding:25px 0;border-bottom:1px solid var(--line);background:transparent}.puddle-coat-guide .coat-types article h2{font-size:29px}.puddle-coat-guide .coat-types article p{font-size:15px}
@media(max-width:760px){.grooming-arrival{display:block;padding:35px 24px 45px}.grooming-arrival .page-head{margin-bottom:28px}.grooming-arrival h1{font-size:48px}.grooming-arrival img{height:350px;border-radius:50px 0 50px 0}.puddle-bath-story .puddle-handover-story,.puddle-coat-guide .coat-types{display:block}.puddle-bath-story .puddle-handover-story{padding:26px}.grooming-handover{margin-bottom:24px}.grooming-handover img{height:300px}.coat-tools{position:static;margin-bottom:25px}.coat-tools img{height:280px}.puddle-coat-guide .coat-types article h2{font-size:28px}}

.puddle-coat-guide .coat-types article{margin:0;border:0;border-bottom:1px solid var(--line);padding:25px 0}.puddle-coat-guide .coat-types article+article{margin-top:0}