/* Original pet-store artwork in an editorial, scroll-linked case presentation. */
.tf-facelift .tf-case.tf-pets{padding-top:12px;background:#fafafa;--pc-ink:#000000;--pc-muted:#626262;--pc-accent:#ed2c23;--pc-yellow:#fecf1f;--pc-green:#21bc60;--case-accent:#ed2c23;color:var(--pc-ink)}
.tf-facelift .tf-pets :is(h1,h2,h3,p,figure){margin:0}
.tf-facelift .tf-pets :is(h1,h2,h3){color:inherit;font-weight:550;letter-spacing:-.04em;text-wrap:balance}
.tf-facelift .tf-pets h1{font-size:clamp(48px,5.6vw,88px);line-height:1.14;letter-spacing:-.045em}
.tf-facelift .tf-pets h2{font-size:clamp(38px,4.8vw,72px);line-height:1.16}
.tf-facelift .tf-pets h3{font-size:clamp(23px,2.3vw,32px);line-height:1.3}
.tf-facelift .tf-pets p{font-size:16px;line-height:1.85;letter-spacing:normal}
.tf-pets img{display:block;max-width:100%;height:auto}
.tf-pets em{font-style:normal;color:var(--pc-yellow)}
.tf-pets h2>span{color:var(--pc-accent)}
.tf-facelift .tf-pets .tf-title-dot{color:var(--pc-accent)!important}
.tf-facelift .tf-pets .pc-hero .tf-title-dot{color:var(--pc-yellow)!important}
.pc-wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}
.pc-section{padding-block:clamp(76px,9vw,136px)}
.tf-facelift .tf-pets .pc-label{font-size:11px;line-height:1.7;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--pc-muted);margin-bottom:25px}
.tf-facelift .tf-pets .pc-copy{font-size:17px;line-height:1.85;color:var(--pc-muted)}
.pc-copy p+p{margin-top:24px!important}
.pc-hero{position:relative;isolation:isolate;margin:0 24px;background:var(--pc-accent);color:#fff;border-radius:32px 32px 0 0;min-height:750px;padding:135px 5% 115px;overflow:hidden}
.pc-hero__copy{position:relative;z-index:2;width:72%;max-width:900px}
.pc-back{position:absolute;top:32px;left:5%;font-size:13px;color:#fff;z-index:5}
.pc-back:hover{color:#fff}
.tf-facelift .pc-hero .pc-label{color:#fff}
.tf-facelift .pc-hero .pc-lead{max-width:540px;margin-top:28px;color:#fff;font-size:17px;line-height:1.8}
.pc-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.pc-tags span{font-size:11px;line-height:1.5;border:1px solid #ffffff80;border-radius:30px;padding:8px 13px;color:#fff}
.pc-bowl{position:absolute;width:38%;max-width:540px;right:-8%;top:28%;z-index:1;--mc-tilt:-12deg;pointer-events:none}
.pc-kibble{position:absolute;width:110px;right:25%;top:8%;pointer-events:none;--mc-tilt:12deg}
.pc-scroll{position:absolute;bottom:36px;left:5%;display:flex;align-items:center;gap:28px;font-size:12px;color:#fff;z-index:3}
.pc-scroll span{font-size:25px;color:#fff}
.pc-overview{position:relative;margin:0 24px;background:var(--pc-accent);color:#fff;border-radius:0 0 32px 32px;padding:130px 9% 100px;isolation:isolate}
.pc-overview__words{position:absolute;top:5px;left:8%;font-size:clamp(54px,10vw,156px);line-height:.95;letter-spacing:-.06em;color:#ffffff38;z-index:-1;font-weight:600}
.pc-desktop{position:relative;width:92%;--mc-tilt:-4deg;z-index:2}
.pc-desktop img{width:100%;border-radius:22px;box-shadow:0 35px 90px #0004}
.pc-desktop figcaption{font-size:11px;color:#fff;margin:20px 12px 0}
.pc-dog{position:absolute;right:-5%;bottom:-9%;width:29%;max-width:420px;z-index:3;pointer-events:none}
.pc-brief{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:start}
.pc-brief>.pc-copy{padding-top:50px}
.pc-research{background:#fff;border-radius:36px 36px 0 0}
.pc-research__head{max-width:900px;margin-left:8%}
.tf-facelift .pc-research__head>.pc-copy{max-width:650px;margin:30px 0 0 15%}
.pc-research__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:90px 0 100px}
.pc-note{position:relative;background:var(--pc-yellow);padding:34px 30px;border-radius:22px;--mc-tilt:-5deg}
.pc-note:nth-child(2){margin-top:75px;background:var(--pc-green);color:#000;--mc-tilt:4deg}
.pc-note:nth-child(3){background:#fff;border:1px solid #d4d4d8;margin-top:20px;--mc-tilt:-3deg}
.pc-note__symbol{display:block;font-size:48px;line-height:1;margin-bottom:34px}
.tf-facelift .pc-note .pc-label{font-size:10px;color:inherit;opacity:.75;margin-bottom:16px}
.tf-facelift .pc-note p:last-child{font-size:14px;line-height:1.8;margin-top:22px}
.pc-insight{display:flex;gap:34px;max-width:800px;margin-left:auto;align-items:flex-start}
.pc-insight>span{font-size:65px;line-height:1}
.tf-facelift .pc-insight p{font-size:clamp(22px,2.5vw,34px);line-height:1.45;letter-spacing:-.025em}
.pc-split-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}
.pc-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,6vw,90px);margin-top:95px;padding-inline:20px}
.pc-screen>div{width:100%;max-width:290px;margin:auto;--mc-tilt:-7deg}
.pc-screen:nth-child(2){padding-top:145px}.pc-screen:nth-child(2)>div{--mc-tilt:6deg}
.pc-screen:nth-child(3){padding-top:50px}.pc-screen:nth-child(3)>div{--mc-tilt:-4deg}
.pc-screen img{width:100%;border-radius:22px;box-shadow:0 20px 50px #19191b12}
.pc-screen figcaption{position:relative;padding-top:55px;color:var(--pc-ink)}
/* Balance the long product page with the two shorter screens without cropping UI. */
@media(min-width:701px){
 .pc-screen:nth-child(2){padding-top:72px}
 .pc-screen:nth-child(3){padding-top:0}
 .pc-screen:nth-child(3)>div{width:83%;max-width:240px}
 .pc-catalog{padding-bottom:60px}
 .pc-checkout{padding-top:76px}
}
.tf-facelift .pc-screen h3{font-size:25px}
.tf-facelift .pc-screen p{font-size:15px;color:var(--pc-muted);margin-top:16px}
.pc-checkout{background:#fff}
.pc-checkout__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}
.pc-checkout__art{position:relative;min-height:800px;isolation:isolate}
.pc-checkout__art:before{content:'';position:absolute;width:115%;aspect-ratio:1;border-radius:50%;background:var(--pc-yellow);left:-17%;top:13%;z-index:-1}
.pc-checkout__art img{width:49%;max-width:280px;border-radius:24px;box-shadow:0 22px 70px #19191b18}
.pc-checkout__first{position:absolute;top:0;left:0;--mc-tilt:-8deg}
.pc-checkout__second{position:absolute;top:160px;right:0;--mc-tilt:8deg}
/* The source has a large translucent export margin. Show only the screen. */
.tf-pets .pc-checkout__second{box-shadow:none;border-radius:0;clip-path:inset(5.5% 8.8% 5.7% 17.1% round 8% / 3.5%)}
.tf-facelift .pc-checkout__copy>.pc-copy{margin-top:28px}
.tf-facelift .pc-checkout__copy>.pc-checkout__caption{font-size:11px;line-height:1.7;color:var(--pc-muted);margin-top:35px}
.pc-system__heading{max-width:800px;margin-left:18%}
.tf-facelift .pc-system__heading>.pc-copy{margin-top:30px;max-width:630px}
.pc-system__art{position:relative;margin:100px 0 110px;padding-right:10%}
.pc-system__main{width:90%;border-radius:25px;--mc-tilt:-6deg;box-shadow:0 25px 60px #19191b0d}
.pc-system__menu{position:absolute;width:27%;right:0;bottom:-40px;border-radius:24px;--mc-tilt:8deg;box-shadow:0 25px 60px #19191b18}
.pc-system__footer{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.pc-system__footer>span{font-size:14px;border-top:1px solid #d4d4d8;padding-top:25px}
.pc-roadmap{background:var(--pc-yellow);color:#000;border-radius:32px;margin-inline:24px}
.pc-roadmap__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}
.tf-facelift .pc-roadmap .pc-label{color:#000}
.tf-facelift .pc-roadmap .pc-copy{color:#000;margin-top:30px}
.pc-roadmap__steps{border-left:1px solid #0005;padding-left:36px}
.pc-roadmap__steps article{position:relative;padding-bottom:42px}
.pc-roadmap__steps article:last-child{padding-bottom:0}
.pc-roadmap__steps article:before{content:'';width:9px;height:9px;background:var(--pc-accent);border-radius:50%;position:absolute;left:-41px;top:5px}
.pc-roadmap__steps article>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#000;display:block;margin-bottom:15px}
.tf-facelift .pc-roadmap__steps h3{font-size:26px}
.tf-facelift .pc-roadmap__steps p{font-size:15px;line-height:1.8;color:#000;margin-top:18px}
.pc-result .pc-brief>.pc-copy{padding-top:0}
.pc-final{color:#000;background:#fff;padding:80px 0 90px}
.pc-final__row{display:flex;gap:40px;justify-content:space-between;align-items:center}
.pc-button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:22px 30px;border-radius:60px;background:var(--pc-ink);color:#fff;white-space:nowrap;font-size:15px}
.pc-button:hover{color:var(--pc-yellow);background:#000}
.pc-button>span{font-size:22px}
.tf-facelift .pc-final .pc-wrap>p:last-child{max-width:600px;margin-top:35px;font-size:16px}
.tf-pets [data-mc-move]{transform:translate3d(var(--mc-x,0px),var(--mc-y,0px),0) rotate(calc(var(--mc-tilt,0deg) + var(--mc-turn,0deg)));will-change:transform}
@media(max-width:1100px){.pc-wrap{width:calc(100% - 72px)}.pc-hero{min-height:720px}.pc-hero__copy{width:78%}.pc-bowl{right:-12%;width:42%;top:36%}.pc-hero .pc-lead{max-width:470px}.pc-research__cards{gap:22px}.pc-note{padding:28px 24px}.pc-checkout__grid{gap:50px}.pc-checkout__art{min-height:650px}.pc-roadmap__grid{gap:40px;grid-template-columns:1fr 1fr}.pc-roadmap .pc-wrap{width:calc(100% - 64px)}}
@media(max-width:700px){
 .tf-facelift .tf-case.tf-pets{padding-top:8px}.pc-wrap{width:calc(100% - 40px)}.pc-section{padding-block:68px}
 .tf-facelift .tf-pets h1{font-size:clamp(34px,9vw,55px);line-height:1.18}.tf-facelift .tf-pets h2{font-size:clamp(34px,9vw,54px);line-height:1.2}.tf-facelift .tf-pets h3{font-size:25px}.tf-facelift .tf-pets .pc-copy{font-size:16px;line-height:1.8}.tf-facelift .tf-pets .pc-label{font-size:10px;margin-bottom:20px}
 .pc-hero{margin-inline:10px;padding:105px 22px 240px;min-height:760px;border-radius:24px 24px 0 0}.pc-back{left:22px;top:24px;font-size:12px}.pc-hero__copy{width:100%}.tf-facelift .pc-hero .pc-lead{font-size:15px;margin-top:24px}.pc-tags{gap:6px;margin-top:22px}.pc-tags span{font-size:10px;padding:7px 10px}.pc-bowl{width:210px;right:-12px;top:auto;bottom:0}.pc-kibble{width:65px;right:24px;top:48px}.pc-scroll{left:22px;bottom:35px;max-width:150px;font-size:10px;line-height:1.8;gap:12px}
 .pc-overview{margin-inline:10px;padding:80px 20px 90px;border-radius:0 0 24px 24px}.pc-overview__words{top:12px;left:22px;font-size:52px}.pc-desktop{width:100%;--mc-tilt:-4deg}.pc-desktop img{border-radius:12px}.pc-desktop figcaption{font-size:9px;max-width:210px;line-height:1.6;margin-top:20px}.pc-dog{width:120px;right:-15px;bottom:-25px}
 .pc-brief{grid-template-columns:1fr;gap:28px}.pc-brief>.pc-copy{padding:0}.pc-research{border-radius:24px 24px 0 0}.pc-research__head{margin:0}.tf-facelift .pc-research__head>.pc-copy{margin:26px 0 0}.pc-research__cards{grid-template-columns:1fr;gap:32px;margin:55px 0 65px;padding-inline:8px}.pc-note{padding:30px 26px;--mc-tilt:-3deg}.pc-note:nth-child(2){margin:0 0 0 10px;--mc-tilt:3deg}.pc-note:nth-child(3){margin-top:0}.pc-note__symbol{font-size:36px;margin-bottom:24px}.pc-insight{gap:18px}.pc-insight>span{font-size:40px}.tf-facelift .pc-insight p{font-size:23px}
 .pc-split-heading{grid-template-columns:1fr;gap:26px}.pc-screens{grid-template-columns:1fr;gap:65px;margin-top:65px;padding-inline:10px}.pc-screen:nth-child(n){padding-top:0}.pc-screen>div{width:74%;max-width:260px;--mc-tilt:-5deg}.pc-screen:nth-child(2)>div{margin-right:4%;--mc-tilt:5deg}.pc-screen:nth-child(3)>div{width:66%;margin-left:6%;--mc-tilt:-4deg}.pc-screen figcaption{padding-top:44px}.tf-facelift .pc-screen p{font-size:15px}
 .pc-checkout__grid{grid-template-columns:1fr;gap:55px}.pc-checkout__copy{grid-row:1}.pc-checkout__art{min-height:600px;margin-inline:8px}.pc-checkout__art:before{left:-10%;width:120%;top:24%}.pc-checkout__art img{width:48%;border-radius:16px}.pc-checkout__first{top:10px}.pc-checkout__second{top:130px}.pc-system__heading{margin:0}.pc-system__art{margin:65px 0 75px;padding-right:8%}.pc-system__main{width:90%;border-radius:14px}.pc-system__menu{width:31%;bottom:-30px;border-radius:14px}.pc-system__footer{grid-template-columns:1fr;gap:24px}.pc-system__footer>span{font-size:12px}
 .pc-roadmap{margin-inline:10px;border-radius:24px}.pc-roadmap .pc-wrap{width:calc(100% - 44px)}.pc-roadmap__grid{grid-template-columns:1fr;gap:44px}.pc-roadmap__steps{padding-left:25px}.pc-roadmap__steps article:before{left:-30px}.tf-facelift .pc-roadmap__steps h3{font-size:24px}.pc-final{padding-block:64px}.pc-final__row{flex-direction:column;align-items:flex-start;gap:32px}.pc-button{font-size:14px;padding:20px 26px}
}
@media(min-width:480px) and (max-width:700px){.pc-checkout__art{min-height:780px}.pc-hero{padding-bottom:270px}.pc-bowl{width:260px}}