/* Pet Circle: playful editorial identity */
:root{--cream:#fffaf1;--green:#194c38;--pink:#f4c9bc;--yellow:#f3ce69}body{background:var(--cream)}header{position:relative;z-index:5;min-height:92px;border:0;max-width:1500px}nav a{position:relative;font-weight:600}nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:var(--apricot);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after{transform:scaleX(1)}.wrap{width:min(1240px,88%)}.hero{position:relative;grid-template-columns:.95fr 1.2fr;min-height:730px;gap:30px;padding-top:25px;padding-bottom:100px}.hero:before{content:'';position:absolute;z-index:-1;left:-20vw;top:0;width:85vw;height:100%;background:radial-gradient(ellipse at left,#f7e4c96b,transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:inline-block;background:#ecebdc;border-radius:30px;padding:9px 16px;font-size:9px;letter-spacing:1.7px;margin-bottom:26px}h1{font-size:clamp(52px,5.8vw,84px);font-weight:850;line-height:1.25;letter-spacing:-1px}h1 em{font-style:normal;position:relative;display:inline-block}h1 em:after{content:'';position:absolute;bottom:1px;left:-4%;width:109%;height:17px;background:var(--yellow);z-index:-1;border-radius:55% 35% 60% 20%;transform:rotate(-2deg)}.intro{font-size:15px}.button{border-radius:50px;padding:16px 27px;font-weight:600;box-shadow:3px 4px 0 #b7c8a2;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:5px 8px 0 #b7c8a2}.text-link{font-weight:600}.hero-art{border-radius:0;aspect-ratio:1.04;background:none;min-height:520px;transform:translate3d(0,var(--parallax,0px),0)}.hero-art:before{content:'';position:absolute;inset:8% -3% 2% 8%;border-radius:52% 45% 38% 42%;background:#dfe5cd;transform:rotate(-9deg)}.photo-main{position:absolute;left:17%;top:7%;width:77%;height:82%;border:11px solid #fffdf8;border-bottom-width:48px;border-radius:160px 160px 22px 22px;transform:rotate(7deg);box-shadow:0 15px 40px #394d3320;overflow:hidden;transition:transform .6s}.hero-art .photo-main img{width:100%;height:100%;object-fit:cover;object-position:39% center;transform:scale(1.08)}.photo-main:hover{transform:rotate(2deg) translateY(-5px)}.photo-label{position:absolute;bottom:-35px;left:0;right:0;text-align:center;color:var(--green);font-size:13px;font-weight:700}.photo-main{overflow:visible}.photo-main img{border-radius:145px 145px 7px 7px}.photo-main small{position:absolute;bottom:10px;right:12px;background:#fff9;padding:1px 6px;font-size:9px}.photo-small{position:absolute;left:-1%;bottom:-1%;width:39%;height:46%;background:#fffdf6;border:8px solid #fffdf6;border-bottom-width:34px;border-radius:15px;transform:rotate(-11deg);box-shadow:0 12px 25px #394d3326;animation:float 7s ease-in-out infinite}.hero-art .photo-small img{width:100%;height:100%;object-fit:cover;border-radius:8px}.photo-small span{position:absolute;bottom:-27px;left:0;right:0;text-align:center;font:italic 16px Georgia;color:var(--green)}.logo-sticker{position:absolute;right:-3%;bottom:-4%;width:27%;height:auto;background:#fffaf1;border-radius:50%;padding:7px;transform:rotate(9deg);box-shadow:0 6px 18px #394d3320}.hero-art .logo-sticker img{width:100%;display:block}.happy-sticker{position:absolute;top:1%;left:-2%;background:var(--yellow);width:118px;height:118px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;line-height:1.2;text-align:center;font-weight:900;letter-spacing:1px;transform:rotate(-17deg);outline:1px dashed var(--green);outline-offset:-8px;animation:wiggle 9s ease-in-out infinite}.spark{color:#d99372;right:-6%;bottom:31%;font-size:70px}.doodle-heart{position:absolute;top:-5%;right:7%;font:75px Georgia;color:#c67d66;transform:rotate(15deg)}.orbit-label{top:auto;bottom:-55px;right:20%;transform:rotate(0);font-size:9px}.promise{overflow:hidden;transform:rotate(-2deg);margin:0 -1%;width:102%;padding:22px 0;background:var(--green);border-top:2px solid var(--green);border-bottom:2px solid var(--green)}.marquee-track{display:flex;gap:48px;align-items:center;white-space:nowrap;animation:ribbon 18s ease-in-out infinite alternate;will-change:transform}.promise b{font-size:30px}.promise span{font-size:16px;font-weight:650;letter-spacing:1px}.section{padding-top:110px;padding-bottom:100px}.section .eyebrow{letter-spacing:3px;font-size:10px}h2{font-weight:800;letter-spacing:-.5px;font-size:clamp(29px,3.2vw,43px)}.brand-showcase{background:#fff;border:1px solid #e6e1d5;border-radius:28px;overflow:hidden;box-shadow:0 9px 0 #e8e5d9}.brand-grid{gap:0;grid-template-columns:repeat(4,1fr)}.brand{border:0;border-right:1px dashed #e3dfd5;border-bottom:1px dashed #e3dfd5;border-radius:0;background:#fff;min-height:180px;position:relative;transition:background .3s,transform .3s}.brand:hover{background:#fff8e9;transform:translateY(-4px)}.brand-logo{width:145px;height:75px;object-fit:contain;display:block;margin-bottom:15px}.brand>span{font-size:12px;font-weight:600}.brand small{font-size:9px;margin-top:3px}.brand-name{font-family:inherit!important}.brand-pending{font-size:24px!important;color:var(--green);line-height:75px}.filters{margin:30px 0}.filters button{padding:10px 20px;transition:transform .25s,background .25s}.filters button:hover{transform:translateY(-3px)}.service-section{background:#e6e9d9;position:relative;border-radius:65px 65px 0 0}.service-section:before{content:'♡';position:absolute;right:7%;top:55px;font:100px Georgia;color:#839774;transform:rotate(15deg)}.service-grid{gap:28px;align-items:start}.service-card{background:#fffaf1;border-radius:24px;box-shadow:0 7px 0 #ced3bc;transition:transform .4s,box-shadow .4s}.service-grid .service-card:nth-child(2){margin-top:65px;transform:rotate(2deg)}.service-grid .service-card:nth-child(1){transform:rotate(-2deg)}.service-grid .service-card:nth-child(3){transform:rotate(-1deg);margin-top:20px}.service-card:hover,.service-grid .service-card:hover{transform:translateY(-10px) rotate(0deg);box-shadow:0 15px 0 #cbd2b7}.service-card figure{overflow:hidden;border-radius:24px 24px 0 0}.service-card img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.service-card:hover img{transform:scale(1.06)}.card-body{padding:27px}.card-top span{background:#ece7d6;padding:4px 10px;border-radius:25px;font-size:10px}.card-top small{font:italic 27px Georgia;color:#9ba78c}.card-body h3{font-size:25px;font-weight:750}.health-grid .service-card{box-shadow:none;background:#f0ecdf;display:grid;grid-template-columns:45% 55%;border:0}.health-grid .service-card figure{height:100%;border-radius:24px 0 0 24px}.health-grid .service-card img{height:100%;aspect-ratio:auto}.health-grid .card-body{padding:25px}.health-grid .card-body h3{font-size:22px}.health-grid .card-top small{display:none}.partners{background:#eee9db;border-left:none;border-radius:20px;padding:22px 30px;transform:rotate(2deg)}.contact-section{background:var(--pink);border-radius:65px 65px 0 0;position:relative}.contact-card{transform:rotate(-2deg);border-radius:28px;box-shadow:9px 10px 0 #ca9e8c44}.contact-flower{color:var(--green);display:inline-block;animation:slowspin 24s linear infinite;font-size:100px}.contact-layout{gap:90px}.contact-card .button{box-shadow:none}footer{min-height:120px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:#d89361;width:var(--progress,0%);z-index:30;pointer-events:none}.motion-toggle{position:fixed;right:15px;bottom:16px;z-index:10;padding:8px 12px;border-radius:30px;background:#fffaf1eF;color:var(--green);font-size:11px;border:1px solid #d8d8ca;box-shadow:0 3px 12px #0001} @keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes wiggle{0%,100%{rotate:0deg}50%{rotate:9deg}}@keyframes slowspin{to{rotate:360deg}}@keyframes ribbon{from{translate:35px 0}to{translate:-220px 0}}@media(max-width:1000px){.hero{min-height:650px;grid-template-columns:1fr 1fr}.hero-art{min-height:450px}.happy-sticker{width:90px;height:90px;font-size:12px}.hero h1{font-size:55px}.brand-logo{width:120px}.health-grid .service-card{display:block}.health-grid .service-card figure{height:auto;border-radius:24px 24px 0 0}.health-grid .service-card img{height:auto;aspect-ratio:1.7}.service-grid{gap:18px}.card-body{padding:22px}.contact-layout{gap:40px}}@media(max-width:600px){header{padding-top:20px}.hero{display:flex;flex-direction:column;padding-top:30px;padding-bottom:85px;gap:25px;min-height:0}.hero-copy{align-self:stretch}.hero h1{font-size:58px;line-height:1.2}.hero .eyebrow{font-size:7px;padding:8px 12px;margin-bottom:22px}.hero-art{min-height:0;aspect-ratio:1.05;width:100%;max-width:450px;margin-top:15px;margin-bottom:20px}.photo-main{left:18%;top:8%;height:82%;width:75%;border-width:8px;border-bottom-width:35px}.photo-label{font-size:10px;bottom:-27px}.photo-main img{border-radius:140px 140px 7px 7px}.photo-small{bottom:-1%;left:0;width:38%;height:45%}.happy-sticker{width:85px;height:85px;font-size:12px;top:0;left:0}.spark{font-size:48px;right:-4%}.doodle-heart{font-size:55px;top:-7%}.logo-sticker{right:-1%;bottom:-4%;width:26%}.orbit-label{bottom:-43px;right:9%;font-size:8px}.promise{padding:16px 0}.promise span{font-size:13px}.marquee-track{gap:30px}.section{padding-top:70px;padding-bottom:70px}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand{min-height:150px}.brand-logo{width:120px;height:60px}.brand-showcase{border-radius:20px}.service-section,.contact-section{border-radius:35px 35px 0 0}.service-section:before{top:18px;font-size:60px}.service-grid{gap:35px}.service-grid .service-card:nth-child(n){margin-top:0;transform:none}.service-card{border-radius:22px}.health-grid .service-card{display:block}.health-grid .service-card figure{height:auto;border-radius:22px 22px 0 0}.health-grid .service-card img{height:auto;aspect-ratio:1.5}.contact-card{transform:none}.contact-layout{gap:20px}.contact-flower{display:none}.contact-card p{font-size:13px}html[lang=en] .hero h1{font-size:55px}.motion-toggle{font-size:10px;right:9px;bottom:9px}.intro br{display:none}}body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.motion-off .hero-art{transform:none}body.motion-off .reveal{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}.hero-art{transform:none}.reveal{opacity:1;transform:none}}
/* Keep decorative shapes within the page at every breakpoint. */
body{overflow-x:clip}.hero-copy{min-width:0}.hero-art{width:100%;height:clamp(420px,44vw,570px);min-height:0;aspect-ratio:auto}.promise{width:100%;margin-left:0;margin-right:0;clip-path:inset(0)}.logo-sticker{right:0}.spark{right:-2%}@media(max-width:600px){.hero-art{height:auto;aspect-ratio:1.05;width:100%;min-height:0}.hero h1{font-size:clamp(42px,12.5vw,58px)}html[lang=en] .hero h1{font-size:clamp(40px,11.8vw,55px)}}
html{overflow-x:clip}body.motion-off{scroll-behavior:auto}

html.motion-off{scroll-behavior:auto!important}
/* Real-time 3D companions, with the photo collage retained as a fallback. */
.pet-stage{position:absolute;inset:-6% -8% -7%;z-index:2;display:flex;align-items:center;justify-content:center}.pet-canvas{display:block;width:100%;height:100%;cursor:pointer;touch-action:pan-y}.has-3d .photo-main,.has-3d .photo-small{display:none}.has-3d:before{inset:10% -1% 7%;background:#e7e9d4;border-radius:48% 52% 46% 54%}.has-3d .logo-sticker{width:19%;bottom:4%;right:-1%;z-index:3;pointer-events:none}.has-3d .happy-sticker{top:-1%;left:1%;z-index:3;pointer-events:none}.has-3d .doodle-heart{top:0;right:4%;z-index:3;pointer-events:none}.has-3d .spark{bottom:25%;right:-3%;z-index:3;pointer-events:none}.has-3d .orbit-label{bottom:-38px;right:20%}.pet-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;flex-direction:column;gap:8px;pointer-events:none}.pet-hint{font-size:10px;letter-spacing:1px;color:#65745b}.pet-touch{pointer-events:auto;background:#fffaf1;border:1px solid #b8c5a0;border-radius:35px;padding:8px 20px;color:var(--green);font-size:12px;box-shadow:0 4px 0 #b8c5a055;transition:transform .2s}.pet-touch:hover{transform:translateY(-3px)}.pet-response{position:absolute;top:-30px;color:#815a43;background:#fff8;font-size:11px;border-radius:15px;padding:0 8px}.pet-response:empty{display:none}@media(max-width:600px){.pet-stage{inset:-10% -6% -14%}.has-3d .happy-sticker{width:76px;height:76px;font-size:11px;left:0;top:-2%}.has-3d .logo-sticker{bottom:3%;width:21%;right:0}.pet-hint{font-size:9px;letter-spacing:0}.pet-controls{bottom:1%}.has-3d .orbit-label{bottom:-65px}.has-3d .doodle-heart{font-size:42px;right:0}.has-3d .spark{right:0;font-size:37px}}

.has-3d .orbit-label{display:none}

.pet-stage[hidden]{display:none}
/* Illustrated frame-by-frame welcome, aligned with the original brand mark. */
.has-handdrawn .photo-main,.has-handdrawn .photo-small{display:none}.has-handdrawn:before{inset:3% -1% 3%;background:#f1e7d1;border:1px solid #dfd2b7;border-radius:48% 50% 43% 47%;box-shadow:inset 0 0 50px #fff9}.handdrawn-stage{position:absolute;inset:-5% -6% -8%;z-index:2}.drawn-sprite{position:absolute;left:0;top:-2%;width:100%;aspect-ratio:1;background-size:400% 300%;background-repeat:no-repeat;background-position:0 0;z-index:3;pointer-events:none}.drawn-title{position:absolute;top:64%;left:0;right:0;color:var(--green);font-size:clamp(60px,8vw,110px);font-weight:900;line-height:1;letter-spacing:8px;text-align:center;transform:rotate(-3deg);z-index:2;text-shadow:3px 3px 0 #f6cc78}.drawn-title small{display:block;font-size:11px;letter-spacing:6px;font-weight:600;margin-top:12px}.drawn-controls{position:absolute;left:0;right:0;bottom:-1%;text-align:center;z-index:4}.drawn-intro{font-size:12px;color:#7b6d55;margin:0 0 12px;letter-spacing:1px}.drawn-buttons{display:flex;gap:10px;justify-content:center}.drawn-buttons button{background:#fffaf1;border:1px solid #cfc3a4;padding:8px 17px;border-radius:30px;font-size:11px;color:var(--green);box-shadow:0 4px 0 #d4c8ab66;transition:transform .2s}.drawn-buttons button:hover{transform:translateY(-3px) rotate(-2deg)}.drawn-feedback{font-size:11px;min-height:19px;margin:10px 0 0;color:#8d6846}.has-handdrawn .logo-sticker{display:none}.has-handdrawn .happy-sticker{top:-7%;left:-2%;z-index:4;pointer-events:none}.has-handdrawn .doodle-heart{top:-4%;right:0;z-index:4;pointer-events:none}.has-handdrawn .spark{bottom:24%;right:-3%;z-index:4;pointer-events:none}.has-handdrawn .orbit-label{display:none}@media(max-width:600px){.handdrawn-stage{inset:-5% -5% -25%}.drawn-title{top:58%;font-size:78px}.drawn-title small{font-size:9px;margin-top:9px;letter-spacing:4px}.drawn-controls{bottom:0}.drawn-intro{font-size:10px;margin-bottom:9px}.drawn-buttons{gap:8px}.drawn-buttons button{font-size:10px;padding:7px 12px}.has-handdrawn{margin-bottom:80px}.has-handdrawn .happy-sticker{top:-4%;width:80px;height:80px;font-size:11px}.has-handdrawn .doodle-heart{top:-5%;font-size:45px}.has-handdrawn .spark{bottom:10%;right:0;font-size:35px}}
.drawn-sprite{top:-23%}@media(max-width:600px){.drawn-sprite{top:-6%}}
.drawn-sprite{left:6%;width:88%;top:-18%}.drawn-title{top:66%}@media(max-width:600px){.drawn-sprite{top:0}.drawn-title{top:61%}}
.drawn-controls{bottom:-5%}@media(max-width:600px){.drawn-controls{bottom:-9%}.has-handdrawn{margin-bottom:110px}}

.drawn-sprite{pointer-events:auto;cursor:pointer}