.pd-devices{position:relative;width:100%;padding:32px 9% 80px 0;isolation:isolate}.pd-browser{display:block;background:#f8f8ee;border:1px solid #bcbfb9;border-radius:12px;overflow:hidden;box-shadow:0 24px 50px #173e361a;transform:translateY(calc(var(--pd-progress,0)*-16px));color:#39584f}.pd-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#e8ebe3;font-size:10px;line-height:1}.pd-browser-bar span:first-child{font-size:8px;letter-spacing:2px;color:#8f9c91}.pd-desktop-screen{aspect-ratio:1.44;overflow:hidden}.pd-desktop-screen img{display:block;width:100%;height:auto}.pd-phone{position:absolute;width:24%;right:0;bottom:0;display:block;padding:5px;border:1px solid #58635e;border-radius:25px;background:#273e35;box-shadow:0 18px 40px #173e3630;transform:translateY(calc(var(--pd-progress,0)*-30px))}.pd-phone-screen{border-radius:20px;overflow:hidden;aspect-ratio:390/844}.pd-phone img{width:100%;height:auto;display:block}.pd-case{margin-block:24px 80px;border-top:1px solid var(--pg-border);scroll-margin-top:100px}.pd-case-top{display:flex;justify-content:space-between;gap:20px;padding-block:22px;color:var(--pg-muted);font-size:13px;border-bottom:1px solid var(--pg-border)}.pd-case-top p{margin:0}.pd-case-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;padding-block:56px 36px}.pd-case h2{font-size:clamp(36px,4.6vw,66px);font-weight:500;letter-spacing:-.04em;line-height:1.08;margin:0;text-wrap:balance}.pd-case-heading p,.pd-case-details p,.pd-inner-showcase p{font-size:16px;line-height:1.75;color:var(--pg-muted);margin:0}.pd-link{display:flex;justify-content:space-between;align-items:center;min-height:48px;max-width:220px;margin-top:18px;border-bottom:1px solid currentColor;color:var(--pg-primary);font-weight:600}.pd-case-stage{background:#e7ecdd;position:relative;padding:44px 10% 52px;border-radius:20px;overflow:hidden}.pd-case-stage .pd-devices{max-width:1000px;margin:auto;padding-right:12%;padding-bottom:64px}.pd-case-stage .pd-phone{width:23%;right:2%;bottom:0}.pd-stage-note{display:block;text-align:center;font-size:13px;margin-top:24px;color:#486052}.pd-case-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-block:44px 70px}.pd-case-details article{padding-top:20px;border-top:1px solid var(--pg-border)}.pd-case-details article>span,.pd-label{font-size:13px!important;color:var(--pg-primary)!important}.pd-case h3{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.025em;margin:18px 0 12px;text-wrap:balance}.pd-inner-showcase{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}.pd-inner-showcase>a{display:block;background:#e7ecdd;border:1px solid #d5ddce;border-radius:14px;overflow:hidden}.pd-inner-showcase img{display:block;width:100%;height:auto}.pd-inner-showcase>a>span{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;color:#173e36;border-top:1px solid #d5ddce;font-size:14px}.pd-inner-showcase h3{font-size:clamp(30px,3.2vw,46px);line-height:1.12;margin-block:18px 24px}.pd-route-links{margin-top:24px}.pd-route-links a{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid var(--pg-border);font-size:15px}.pd-case-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:60px;padding-block:28px;border-block:1px solid var(--pg-border)}.pd-case-footer p{max-width:32ch;font-size:22px;line-height:1.4;margin:0}.pd-case a:focus-visible{outline:3px solid var(--pg-primary);outline-offset:5px}.pd-case-footer .pg-button svg{width:20px;height:20px}.pd-devices a:focus-visible{outline:3px solid var(--pg-primary);outline-offset:5px}@media(max-width:1023px){.pd-case-heading,.pd-inner-showcase{gap:32px}.pd-case-stage{padding-inline:5%}}@media(max-width:767px){.pd-devices{padding-top:0;padding-bottom:52px;padding-right:8%}.pd-phone{width:28%;border-radius:18px;padding:3px}.pd-phone-screen{border-radius:14px}.pd-browser-bar{padding:8px;font-size:8px;gap:4px}.pd-browser-bar span:first-child{font-size:5px;letter-spacing:1px}.pd-case-top{flex-direction:column;gap:6px}.pd-case-heading{grid-template-columns:1fr;gap:24px;padding-block:36px 28px}.pd-case h2{font-size:40px}.pd-case-stage{padding:26px 12px 22px;border-radius:14px}.pd-case-stage .pd-devices{padding-bottom:44px;padding-right:10%}.pd-case-stage .pd-phone{width:28%;right:0}.pd-case-details{grid-template-columns:1fr;gap:24px;margin-block:30px 40px}.pd-case-details article{padding-top:16px}.pd-inner-showcase{grid-template-columns:1fr;gap:28px}.pd-case-footer{flex-direction:column;align-items:stretch;margin-top:36px}.pd-case-footer .pg-button{justify-content:center}.pd-case{margin-bottom:44px}.pd-stage-note{font-size:12px;margin-top:16px}}@media(prefers-reduced-motion:reduce){.pd-browser,.pd-phone{transform:none!important}}.pd-characters{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;align-items:center;margin-block:60px;padding-block:30px;border-block:1px solid var(--pg-border)}.pd-characters p:not(.pd-label){color:var(--pg-muted);font-size:15px;line-height:1.7;max-width:36ch}.pd-characters h3{font-size:32px}.pd-character{aspect-ratio:1;background:#f8f8ee;border-radius:50%;overflow:hidden}.pd-character img{width:100%;height:100%;object-fit:contain;mix-blend-mode:darken}.pd-characters .pd-label{margin:0}@media(max-width:767px){.pd-characters{grid-template-columns:1fr 1fr;gap:12px;margin-block:40px}.pd-characters>div:first-child{grid-column:1/-1}.pd-characters h3{font-size:30px}.pd-characters p:not(.pd-label){max-width:none}}.pd-case h2{font-family:inherit;font-size:clamp(30px,3vw,40px);font-weight:600;line-height:1.15;letter-spacing:-.035em}.pd-case h2 em{font:inherit;color:inherit}.pd-case h3{font-family:inherit;font-weight:600}.pd-case-stage{background:var(--pg-cream)}.pd-case-heading{align-items:start}.pd-case-footer p{font-size:20px}.pd-case button{font-family:inherit;cursor:pointer}.pd-case button:focus-visible{outline:3px solid var(--pg-primary);outline-offset:4px}.pd-case .pd-link{border:0;border-bottom:1px solid currentColor;background:none;padding:0;text-align:left;width:100%;font-size:inherit}.pd-immersive{color:#173e36;background:#f8f8ee;border:1px solid #d7dfd3;border-radius:16px;overflow:hidden}.pd-project-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 4%;border-bottom:1px solid #173e3617}.pd-project-header>img{width:190px;height:auto;display:block}.pd-project-header nav{display:flex;gap:26px}.pd-project-header button{background:none;border:0;padding:10px 0;color:inherit;font-size:13px;min-height:44px}.pd-project-hero{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;align-items:center;padding:48px 4% 28px}.pd-project-copy>p{max-width:40ch;font-size:14px;line-height:1.7;margin:0 0 18px;color:#5d6b5b}.pd-project-copy>p:first-child{font-size:12px}.pd-case .pd-project-copy h3{font-size:clamp(36px,5vw,74px);line-height:1.05;font-weight:500;color:#173e36;letter-spacing:-.05em;margin:28px 0}.pd-project-copy h3 em{font-family:Georgia,serif;font-weight:400;color:#6e7d56}.pd-project-copy .pd-project-lead{font-size:18px}.pd-project-character{position:relative;isolation:isolate;aspect-ratio:1.05;display:grid;place-items:center}.pd-project-character:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#e8eddc;border-radius:47% 46% 38% 44%;z-index:-1}.pd-project-character>img{width:95%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:darken}.pd-project-orbit{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border:1px solid #c0ccae;border-radius:50%;transform:rotate(-14deg);pointer-events:none}.pd-project-caption{position:absolute;right:3%;top:4%;max-width:11ch;font-family:Georgia,serif;font-style:italic;font-size:18px;color:#486052}.pd-project-actions{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding-top:28px}.pd-project-actions button{min-height:48px;border:0;border-bottom:1px solid #b9c1ad;background:none;color:#173e36;padding:14px 0;font-size:13px}.pd-project-actions .pd-project-primary{border:0;background:#173e36;color:#fff;border-radius:99px;padding:16px 23px;display:flex;align-items:center;gap:16px}.pd-project-primary svg{width:21px;height:21px}.pd-project-actions button>span{margin-left:16px}.pd-project-footnote{font-size:11px;margin:0;padding:12px 4% 20px;color:#5d6b5b}.pd-cta-reasoning{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;margin-block:60px;padding-block:30px;border-block:1px solid var(--pg-border)}.pd-cta-reasoning h3{font-size:32px}.pd-cta-reasoning p{font-size:16px;line-height:1.75;color:var(--pg-muted)}.pd-cta-reasoning ol{list-style:none;counter-reset:cta;padding:0;margin:0}.pd-cta-reasoning li{padding:20px 0;border-bottom:1px solid var(--pg-border);counter-increment:cta}.pd-cta-reasoning li:last-child{border:0}.pd-cta-reasoning li strong{font-weight:600;font-size:18px}.pd-cta-reasoning li strong:before{content:"0" counter(cta);color:var(--pg-primary);font-size:13px;margin-right:18px}.pd-device-story{max-width:860px;margin:50px auto}.pd-device-story>.pd-label{text-align:center}.pd-case .pd-browser,.pd-case .pd-phone{padding:0;text-align:left;font:inherit;cursor:pointer}.pd-case .pd-phone{padding:5px}.pd-case .pd-browser{width:100%}.pd-inner-showcase>button{display:block;padding:0;text-align:left;background:#e7ecdd;border:1px solid #d5ddce;border-radius:14px;overflow:hidden;color:inherit}.pd-inner-showcase>button>span{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;font-size:14px;border-top:1px solid #d5ddce}.pd-route-links button{display:flex;align-items:center;justify-content:space-between;min-height:48px;border:0;border-bottom:1px solid var(--pg-border);background:none;color:inherit;width:100%;font-size:15px;padding:0;text-align:left}.pd-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(1440px,calc(100vw - 48px));height:calc(100dvh - 48px);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--pg-border);border-radius:16px;background:var(--pg-paper,#faf8f5);color:var(--pg-ink,#34312f);overflow:hidden;box-shadow:0 24px 100px #0005}.pd-dialog::backdrop{background:#252923bb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pd-dialog[open]{display:flex;flex-direction:column}.pd-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px;border-bottom:1px solid var(--pg-border);flex-shrink:0}.pd-dialog-bar strong{display:block;font-size:16px}.pd-dialog-bar span{display:block;font-size:12px;color:var(--pg-muted)}.pd-dialog-bar>button{display:flex;align-items:center;gap:14px;min-width:95px;min-height:44px;border:1px solid var(--pg-border);border-radius:8px;color:inherit;background:transparent;padding:8px 16px}.pd-dialog-bar>button span{font-size:25px;line-height:1}.pd-dialog iframe{display:block;width:100%;flex:1;border:0;background:#f8f8ee}.pd-dialog:not([open]){display:none}@media(max-width:767px){.pd-project-header{padding:18px 6%;flex-wrap:wrap;gap:12px}.pd-project-header>img{width:155px}.pd-project-header nav{width:100%;gap:24px}.pd-project-header button{font-size:12px}.pd-project-hero{grid-template-columns:1fr;padding:26px 6% 20px;gap:20px}.pd-case .pd-project-copy h3{font-size:43px;margin:18px 0 24px}.pd-project-copy>p{font-size:13px}.pd-project-copy .pd-project-lead{font-size:16px}.pd-project-character{width:100%;max-width:420px;margin:auto}.pd-project-actions{padding-top:0;flex-wrap:wrap;gap:12px 20px}.pd-project-caption{font-size:16px}.pd-project-footnote{padding-inline:6%;line-height:1.5}.pd-cta-reasoning{grid-template-columns:1fr;gap:12px;margin-block:40px}.pd-cta-reasoning h3{font-size:28px}.pd-dialog{width:100vw;height:100dvh;border-radius:0;border:0}.pd-dialog-bar{padding:10px 16px}.pd-device-story{margin-block:30px}.pd-case .pd-phone{padding:3px}}@font-face{font-family:PetdermaPortfolioDisplay;src:url(pg-pd-display.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:PetdermaPortfolioText;src:url(pg-pd-text.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.pd-immersive{font-family:PetdermaPortfolioText,Arial,sans-serif}.pd-case .pd-project-copy h3{font-family:PetdermaPortfolioDisplay,Arial,sans-serif;font-weight:600}.pd-project-header button,.pd-project-actions button{font-family:PetdermaPortfolioText,Arial,sans-serif}.pd-immersive{scroll-margin-top:90px}@media(min-width:768px){.pd-project-header{padding-block:18px}.pd-project-header>img{width:175px}.pd-project-character{max-width:430px;justify-self:center;width:100%}.pd-project-hero{padding-block:26px 20px}.pd-case .pd-project-copy h3{font-size:clamp(38px,4.8vw,66px)}.pd-project-copy>p{margin-bottom:12px}.pd-project-actions{padding-top:16px}}.pd-case .pd-phone{padding:0;border:1px solid #bcbfb9;background:#f8f8ee;border-radius:12px;box-shadow:0 18px 40px #173e361a}.pd-phone-screen{border-radius:11px}.pd-browser,.pd-phone{transform:none!important}.pd-dialog-bar>button{width:44px;min-width:44px;height:44px;border-radius:50%;padding:0;justify-content:center;flex-shrink:0}.pd-dialog-bar>button span{display:block;font-size:26px;font-weight:400}.pd-inner-showcase>.pd-clinic-browser{border-radius:12px;background:#f8f8ee;border-color:#bcbfb9}.pd-inner-showcase>.pd-clinic-browser>.pd-browser-bar{padding:10px 14px;border:0;font-size:10px}.pd-inner-showcase>.pd-clinic-browser>.pd-browser-bar>span:first-child{font-size:8px;letter-spacing:2px;color:#8f9c91}.pd-clinic-browser img{object-fit:contain}.pd-project-character>img{aspect-ratio:780/702}.pd-character img{object-fit:contain}@media(max-width:767px){.pd-case .pd-phone{padding:0;border-radius:12px}.pd-phone-screen{border-radius:11px}}.pd-hero-track{position:relative;height:210svh}.pd-hero-track>.pd-immersive{--pd-p:0;position:sticky;top:var(--pd-stick,78px);height:calc(100svh - var(--pd-stick,78px) - 16px);min-height:600px;max-height:960px;display:flex;flex-direction:column}.pd-hero-track .pd-project-hero{flex:1;min-height:0}.pd-hero-track .pd-project-copy{transform:translateY(calc(var(--pd-p)*-35px));opacity:calc(1 - var(--pd-p)*.35)}.pd-hero-track .pd-project-character>img{transform-origin:50% 70%;transform:translateY(calc(var(--pd-p)*-25px)) scale(calc(.94 + var(--pd-p)*.24));will-change:transform;max-height:100%}.pd-hero-track .pd-project-orbit{transform:rotate(calc(-14deg + var(--pd-p)*75deg)) scale(calc(1 + var(--pd-p)*.15))}.pd-hero-track .pd-orbit-two{top:-3%;right:-3%;bottom:-3%;left:-3%;border-style:dashed;opacity:.35;transform:rotate(calc(var(--pd-p)*-45deg))}.pd-hero-track .pd-project-actions{transform:translateY(calc(var(--pd-p)*-10px))}.pd-scroll-cue{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:11px;color:#63745d;opacity:calc(1 - var(--pd-p)*2)}.pd-scroll-cue>span{display:block;position:relative;width:14px;height:23px;border:1px solid #91a184;border-radius:12px}.pd-scroll-cue>span:after{content:"";position:absolute;left:5px;top:4px;width:2px;height:5px;border-radius:2px;background:#63745d;animation:pd-nudge 1.8s infinite}@keyframes pd-nudge{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(6px);opacity:1}}.pd-case .pd-dialog-bar>.pd-dialog-close{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--pg-cream,#faf6f0);color:var(--pg-ink)}.pd-case .pd-dialog-close svg{width:20px;height:20px}@media(max-width:767px){.pd-hero-track{height:200svh}.pd-hero-track>.pd-immersive{--pd-stick:70px;min-height:560px}.pd-hero-track .pd-project-hero{display:flex;flex-direction:column;gap:10px;padding:16px 6% 12px}.pd-hero-track .pd-project-copy>p:not(.pd-project-lead):not(:first-child){display:none}.pd-case .pd-hero-track .pd-project-copy h3{font-size:clamp(34px,10vw,44px);margin:10px 0 8px}.pd-hero-track .pd-project-copy .pd-project-lead{margin:0}.pd-hero-track .pd-project-character{flex:1;min-height:0;width:100%;max-width:none;aspect-ratio:auto}.pd-hero-track .pd-project-character>img{height:100%;width:auto;max-width:100%;transform:translateY(calc(var(--pd-p)*-20px)) scale(calc(.96 + var(--pd-p)*.26))}.pd-hero-track .pd-project-orbit{inset:auto;width:min(83%,36svh);aspect-ratio:1}.pd-hero-track .pd-orbit-two{width:min(97%,42svh)}.pd-hero-track .pd-project-actions{justify-content:space-between;gap:8px;padding-top:6px}.pd-scroll-cue{display:none}.pd-hero-track .pd-project-footnote{padding-block:6px 12px}}@media(prefers-reduced-motion:reduce){.pd-hero-track{height:auto}.pd-hero-track>.pd-immersive{position:relative;top:auto;height:auto;min-height:0;max-height:none}.pd-hero-track .pd-project-copy,.pd-hero-track .pd-project-character>img,.pd-hero-track .pd-project-orbit,.pd-hero-track .pd-project-actions{transform:none;opacity:1}.pd-scroll-cue>span:after{animation:none}}.pd-hero-track .pd-project-caption{top:auto;bottom:4%;right:-2%;transform:rotate(-4deg);z-index:2}@media(max-width:767px){.pd-hero-track .pd-project-caption{bottom:2%;right:0;font-size:14px}}@media(max-width:767px){.pd-hero-track .pd-project-character{flex:0 0 auto;height:min(38svh,330px);width:100%;max-width:none;aspect-ratio:auto;margin:4px 0}.pd-hero-track .pd-project-character:before{top:4%;right:6%;bottom:0;left:6%;border-radius:48% 52% 40% 60%/50% 43% 57% 50%}.pd-hero-track .pd-project-character>img{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain}.pd-hero-track .pd-project-orbit{inset:auto;width:auto;height:92%;aspect-ratio:1}.pd-hero-track .pd-orbit-two{height:104%}.pd-hero-track .pd-project-actions{flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.pd-hero-track .pd-project-actions .pd-project-primary{padding:12px 16px;gap:10px;font-size:12px;min-height:48px;white-space:nowrap}.pd-hero-track .pd-project-actions .pd-project-primary svg{width:18px;height:18px}.pd-hero-track .pd-project-actions button:not(.pd-project-primary){font-size:12px;white-space:nowrap;padding:12px 0}.pd-hero-track .pd-project-actions button>span{margin-left:6px}.pd-hero-track .pd-project-header nav{gap:20px}.pd-hero-track .pd-project-header{padding-block:14px 8px}}@media(max-width:767px){.pd-hero-track .pd-project-hero{padding-top:20px}.pd-hero-track .pd-project-character{height:min(34svh,300px);z-index:0}.pd-hero-track .pd-project-copy{position:relative;z-index:1}.pd-hero-track .pd-project-character>img{transform-origin:50% 80%;transform:scale(calc(.96 + var(--pd-p)*.12))}}@media(max-width:767px){.pd-hero-track .pd-project-caption{top:6%;bottom:auto;left:0;right:auto;transform:rotate(-6deg)}}@font-face{font-family:PdBricolage;src:url(pg-pd-display-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PdPlex;src:url(pg-pd-text.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PdPlex;src:url(pg-pd-text-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}.pdh{--pk:#183f3a;--pm:#596961;--pc:#f7f7ef;--pl:#dce2d7;font-family:PdPlex,IBM Plex Sans,Arial,sans-serif;color:var(--pm);background:var(--pc);border:1px solid #d7dfd3;border-radius:18px;overflow:hidden}.pdh-header{display:flex;align-items:center;gap:30px;height:84px;flex:none;padding:0 5%;border-bottom:1px solid var(--pl);background:var(--pc)}.pdh-logo{width:150px;height:auto;display:block;flex:none}.pdh-header nav{display:flex;gap:26px;margin-left:auto}.pd-case .pdh-header nav button{background:none;border:0;padding:12px 0;min-height:44px;font:400 14px/1 PdPlex,Arial,sans-serif;color:var(--pk)}.pd-case .pdh-cta{display:inline-flex;align-items:center;gap:16px;min-height:46px;padding:12px 20px;border:0;border-radius:100px;background:var(--pk);color:#fff;font:500 14px/1 PdPlex,Arial,sans-serif}.pdh-wa{width:22px;height:22px;flex:none}.pdh-pin{--pp:var(--pd-p,0);position:relative;flex:1;min-height:0;display:grid;grid-template-columns:1.03fr 1fr;grid-template-rows:1fr auto;column-gap:1%;padding:32px 6% 26px;isolation:isolate;overflow:hidden}.pdh-intro{align-self:center;position:relative;z-index:3;transform:translateY(calc(var(--pp)*-35px));opacity:calc(1 - var(--pp)*.35)}.pdh-eyebrow{display:inline-flex;font-size:13px;font-weight:500;color:var(--pk)}.pd-case .pdh-intro h3{font-family:PdBricolage,Bricolage Grotesque,Arial,sans-serif;font-weight:500;font-size:clamp(52px,6.1vw,104px);line-height:.98;letter-spacing:-.065em;color:var(--pk);margin:22px 0}.pd-case .pdh-intro h3 em{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;color:#6c7c55;letter-spacing:-.075em}.pdh-lead{margin:0;font-size:19px;letter-spacing:-.02em;color:var(--pm)}.pdh-desc{max-width:340px;margin:18px 0 0;font-size:15px;line-height:1.7;color:#53634e}.pdh-spot{position:relative;grid-column:2;grid-row:1/3;display:grid;place-items:center;min-height:0;z-index:2}.pdh-spot:before{content:"";position:absolute;top:8%;right:-6%;bottom:5%;left:1%;background:#e7ecd9;border-radius:49% 51% 38% 62%/56% 34% 66% 44%;transform:rotate(-9deg);z-index:-2}.pdh-ring{position:absolute;aspect-ratio:1;border:1px solid #82976d55;border-radius:50%;z-index:-1;pointer-events:none}.pdh-ring-one{width:min(95%,72svh);transform:scale(calc(1 + var(--pp)*.15)) rotate(calc(var(--pp)*75deg))}.pdh-ring-one:after{content:"";position:absolute;width:9px;height:9px;background:#b7cba1;border-radius:50%;top:14%;right:14%}.pdh-ring-two{width:min(113%,84svh);opacity:.35;transform:rotate(calc(-18deg - var(--pp)*45deg)) scaleX(.86)}.pdh-dog{position:relative;width:min(116%,72svh);max-width:none;height:auto;max-height:72svh;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transform-origin:50% 70%;transform:translateY(calc(var(--pp)*-25px)) scale(calc(1 + var(--pp)*.24));will-change:transform}.pdh-caption{position:absolute;bottom:0;left:10%;padding:10px 16px;border-radius:30px;background:#f7f7efc9;font-size:12px;color:#435b3b;opacity:calc(1 - var(--pp)*1.5)}.pdh-note{position:absolute;right:-3%;top:12%;max-width:120px;font-family:Georgia,serif;font-style:italic;font-size:19px;line-height:1.2;color:#3f5841;transform:rotate(7deg)}.pdh-decision{grid-column:1;align-self:end;display:flex;flex-wrap:wrap;align-items:center;gap:20px;position:relative;z-index:4;transform:translateY(calc(var(--pp)*-10px))}.pd-case .pdh-pill{display:inline-flex;align-items:center;gap:30px;min-height:57px;padding:17px 26px;border:0;border-radius:100px;background:var(--pk);color:#fff;font:500 14px/1 PdPlex,Arial,sans-serif;transition:background-color .25s,transform .25s}@media(hover:hover)and (pointer:fine){.pd-case .pdh-pill:hover,.pd-case .pdh-cta:hover{background:#276354;transform:translateY(-3px)}}.pd-case .pdh-secondary{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;border:0;border-bottom:1px solid #b8c5aa;background:none;color:var(--pk);font:400 13px/1 PdPlex,Arial,sans-serif}.pdh-cue{display:flex;align-items:center;gap:10px;width:100%;font-size:11px;color:#63745d;opacity:calc(1 - var(--pp)*2)}.pdh-cue>span{display:block;position:relative;width:14px;height:23px;border:1px solid #91a184;border-radius:12px}.pdh-cue>span:after{content:"";position:absolute;left:5px;top:4px;width:2px;height:5px;border-radius:2px;background:#63745d;animation:pd-nudge 1.8s infinite}.pd-hero-track>.pdh{display:flex;flex-direction:column}@media(max-width:1023px){.pdh-header nav{display:none}.pdh-cta{margin-left:auto}}@media(max-width:767px){.pdh{border-radius:16px}.pdh-header{height:64px;padding:0 5%;gap:12px}.pdh-logo{width:120px}.pd-case .pdh-cta{min-height:44px;padding:10px 16px;gap:10px;font-size:13px}.pdh-cta .pdh-wa{width:18px;height:18px}.pdh-pin{display:flex;flex-direction:column;padding:18px 5% 14px}.pdh-intro{text-align:center;flex:none;transform:translateY(calc(var(--pp)*-23px));opacity:calc(1 - var(--pp)*.68)}.pdh-eyebrow{font-size:11px}.pd-case .pdh-intro h3{font-size:clamp(36px,10.4vw,48px);letter-spacing:-.045em;line-height:1.03;margin:10px auto 8px;max-width:340px}.pdh-intro h3 br{display:none}.pdh-lead{font-size:14px}.pdh-desc{display:none}.pdh-spot{flex:1;width:100%;min-height:200px;margin:6px 0 0}.pdh-spot:before{top:3%;right:3%;bottom:0;left:8%;border-radius:48% 52% 40% 60%/50% 43% 57% 50%}.pdh-dog{width:auto;height:100%;max-height:44svh;max-width:100%;transform:translateY(calc(var(--pp)*-5px)) scale(calc(1 + var(--pp)*.2));transform-origin:50% 68%}.pdh-ring-one{width:min(83%,36svh)}.pdh-ring-two{width:min(97%,42svh)}.pdh-note{top:6%;right:0;font-size:14px;max-width:84px}.pdh-caption{bottom:0;left:2%;font-size:10px;padding:7px 12px}.pdh-decision{flex:none;flex-wrap:nowrap;justify-content:space-between;gap:8px;padding-top:12px;transform:none}.pd-case .pdh-pill{min-height:48px;padding:12px 16px;gap:12px;font-size:12px;white-space:nowrap}.pdh-pill .pdh-wa{width:18px;height:18px}.pd-case .pdh-secondary{font-size:12px;white-space:nowrap}.pdh-cue{display:none}}@media(prefers-reduced-motion:reduce){.pdh-intro,.pdh-dog,.pdh-ring,.pdh-decision,.pdh-caption{transform:none!important;opacity:1!important}.pdh-cue>span:after{animation:none}.pdh-pill,.pdh-cta{transition:none}}.pd-grabber{display:none}.pd-dialog[open]{animation:pd-in .28s cubic-bezier(.32,.72,0,1)}@keyframes pd-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.pd-dialog-bar strong{font-size:15px}.pd-dialog-bar span{font-size:12px}@media(max-width:767px){.pd-dialog{inset:auto 0 0 0;width:100vw;max-width:100vw;height:calc(100dvh - 44px);margin:0;border:0;border-radius:16px 16px 0 0;box-shadow:0 -10px 40px #1d201c33}.pd-dialog[open]{animation:pd-sheet .36s cubic-bezier(.32,.72,0,1)}@keyframes pd-sheet{0%{transform:translateY(100%)}to{transform:none}}.pd-dialog-bar{position:relative;padding:18px 12px 8px 20px;gap:10px;touch-action:none;cursor:grab;border-bottom:1px solid var(--pg-border)}.pd-grabber{display:block;position:absolute;top:6px;left:50%;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:#c9c3bd}.pd-dialog-bar>div{display:flex;align-items:baseline;gap:8px;min-width:0}.pd-dialog-bar strong{font-size:15px}.pd-dialog-bar span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){.pd-dialog[open]{animation:none}}.pdh{container-type:inline-size}@media(min-width:768px){.pd-case .pdh-intro h3{font-size:clamp(48px,7.4cqi,104px)}.pdh-dog{width:min(104%,58svh);max-height:58svh}.pdh-ring-one{width:min(92%,60svh)}.pdh-ring-two{width:min(108%,70svh)}}.pdh-dog{will-change:auto}.pd-case-heading{display:grid;grid-template-columns:1fr 1fr;gap:16px 64px;align-items:end;margin-bottom:28px}.pd-case-heading .pd-label{margin:0 0 10px}.pd-case-heading h2{margin:0}.pd-case-heading p{margin:0 0 14px;max-width:44ch;color:var(--pg-muted);font-size:16px;line-height:1.6}.pd-case .pd-link{width:auto;display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--pg-brand-strong);font-weight:600;font-size:15px}.pd-case-body{display:grid;gap:56px;margin-top:64px}.pd-devices{position:relative;padding:0 9% 40px 0}.pd-case .pd-screen{display:block;padding:0;border:1px solid #d7dcd2;background:#f7f7ef;overflow:hidden;cursor:pointer}.pd-screen img{display:block;width:100%;height:auto}.pd-screen-desktop{border-radius:14px;box-shadow:0 30px 60px -40px #173e3666}.pd-case .pd-screen-phone{position:absolute;right:0;bottom:0;width:21%;border-radius:22px;border-color:#c9cfc4;box-shadow:0 24px 50px -30px #173e3680}.pd-screen-phone img{aspect-ratio:390/760;object-fit:cover;object-position:top}.pd-notes{display:grid;grid-template-columns:1fr 1fr;gap:40px 64px;padding-top:28px;border-top:1px solid var(--pg-border)}.pd-notes ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:14px}.pd-notes li{font-size:15px;line-height:1.6;color:var(--pg-muted)}.pd-notes strong{display:block;font-weight:600;color:var(--pg-ink)}.pd-shot{margin:0}.pd-case .pd-shot button{display:block;width:100%;padding:0;border:1px solid #d7dcd2;border-radius:14px;overflow:hidden;background:#f7f7ef;cursor:pointer}.pd-shot img{display:block;width:100%;height:auto}.pd-shot figcaption{margin-top:12px;font-size:14px;color:var(--pg-muted)}@media(hover:hover)and (pointer:fine){.pd-case .pd-screen,.pd-case .pd-shot button{transition:transform .22s var(--pg-ease-out,ease),box-shadow .22s var(--pg-ease-out,ease)}.pd-case .pd-screen:hover,.pd-case .pd-shot button:hover{transform:translateY(-3px)}}@media(max-width:767px){.pd-case-heading{grid-template-columns:1fr;gap:12px}.pd-case-body{gap:36px;margin-top:40px}.pd-devices{padding:0 14% 28px 0}.pd-case .pd-screen-phone{width:30%;border-radius:14px}.pd-screen-desktop{border-radius:10px}.pd-notes{grid-template-columns:1fr;gap:28px}}@media(prefers-reduced-motion:reduce){.pd-case .pd-screen,.pd-case .pd-shot button{transition:none}}.pg-wp-pill{background:var(--pg-gold-soft,#fcefd0);color:var(--pg-gold-ink,#3a2610);box-shadow:inset 0 0 0 1px var(--pg-gold,#f2c46d)}.pd-dialog{overflow:hidden}@media(min-width:768px){.pd-dialog iframe{width:calc(100% + 20px);max-width:none}}.pd-dialog::backdrop{background:linear-gradient(to bottom,transparent 0,transparent var(--pd-hdr,0px),#25292399 var(--pd-hdr,0px));backdrop-filter:none;-webkit-backdrop-filter:none}@media(min-width:768px){.pd-dialog{top:calc(var(--pd-hdr,0px) + 12px);bottom:12px;height:auto;max-height:none;margin:0 auto}}@media(max-width:767px){.pd-dialog{top:auto;height:calc(100dvh - var(--pd-hdr,44px) - 6px)}}.pd-case .pd-dialog-bar>.pd-dialog-close{background:transparent}@media(hover:hover)and (pointer:fine){.pd-case .pd-dialog-bar>.pd-dialog-close:hover{background:var(--pg-cream,#faf6f0)}}.pd-dialog-bar>.pd-grabber{display:none}.pd-dialog-bar>div{display:flex;align-items:baseline;gap:10px;min-width:0;margin-right:auto}@media(max-width:767px){.pd-dialog-bar>.pd-grabber{display:block}}.pg-wp-pill{background:var(--pg-gold,#f2c46d);color:var(--pg-gold-ink,#3a2610);box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/82/assets/pg-petderma-case.css.map */