.ccl-pet-home,.ccl-pet-popup{--pet-navy:#252e49;--pet-cream:#fbf7ed;--pet-gold:#ffe185;color:var(--pet-navy);font-family:var(--ccl-sans,Arial,sans-serif);line-height:1.55}
.ccl-pet-home *,.ccl-pet-popup *{box-sizing:border-box}
.ccl-pet-home{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center;background:var(--pet-cream);padding:58px max(24px,calc((100vw - 1200px)/2));overflow:hidden}
.ccl-pet-home h2,.ccl-pet-popup h2{font-family:var(--ccl-serif,Georgia,serif);font-size:clamp(38px,4.4vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:0 0 22px;color:var(--pet-navy)}
.ccl-pet-home h2 em,.ccl-pet-popup h2 em{font-weight:400;color:#a84334}
.ccl-pet-home-copy>p:not(.ccl-pet-eyebrow):not(.ccl-pet-note){max-width:410px;margin:0 0 26px;font-size:16px}
.ccl-pet-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:600;margin:0 0 16px}
.ccl-pet-cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:14px 21px;border:1px solid var(--pet-navy);border-radius:8px;background:var(--pet-navy);color:#fff!important;text-decoration:none;font-weight:600;font-size:14px;line-height:1.3}
.ccl-pet-cta:hover{background:#34425f}.ccl-pet-cta:focus-visible,.ccl-pet-close:focus-visible,.ccl-pet-later:focus-visible{outline:3px solid #427a94;outline-offset:4px}
.ccl-pet-note{margin:16px 0 0;font-size:12px;color:#646878}
.ccl-pet-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ccl-pet-example{min-width:0;margin:0;text-align:center}
.ccl-pet-stage{height:330px;position:relative;overflow:visible;border-radius:16px;background:transparent;pointer-events:none}
.ccl-pet-stage>[data-pet-fallback]{position:absolute;inset:7%;width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 12px 12px #252e4926)}
.ccl-pet-stage>[data-pet-fallback][hidden]{display:none}
.ccl-pet-stage .ccl3-model{animation:ccl-pet-turn 15s ease-in-out infinite;animation-play-state:paused}
.ccl-pet-stage[data-pet-motion=running] .ccl3-model{animation-play-state:running}
.ccl-pet-stage[data-pet-kind=cat] .ccl3-model{animation-delay:-7.5s}
.ccl-pet-stage .ccl3-dimensions{display:none}
.ccl-pet-example figcaption{position:relative;z-index:1;font-family:var(--ccl-serif,Georgia,serif);font-size:19px;margin-top:12px}.ccl-pet-example figcaption span{font-family:var(--ccl-sans,Arial,sans-serif);font-size:11px;color:#646878}
.ccl-pet-motion-toggle{display:block;margin:12px auto 0;padding:6px 12px;border:1px solid #252e4933;border-radius:20px;background:transparent;color:#646878;font:inherit;font-size:10px;cursor:pointer;min-height:32px}.ccl-pet-motion-toggle:focus-visible{outline:3px solid #427a94;outline-offset:3px}.ccl-pet-motion-toggle[hidden]{display:none}
.ccl-pet-example-note{font-size:11px;text-align:center;color:#646878;margin:18px 0 0}
.ccl-pet-popup{width:min(850px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:22px;background:var(--pet-cream);box-shadow:0 20px 70px #10192b66;overflow:visible}
.ccl-pet-popup:not([open]){display:none}.ccl-pet-popup::backdrop{background:#19243dcc;backdrop-filter:blur(3px)}
.ccl-pet-popup-shell{position:relative;padding:26px;max-height:calc(100dvh - 32px)}
.ccl-pet-close{position:absolute;top:10px;right:10px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#f4efe5;color:var(--pet-navy);font:400 30px/1 Arial,sans-serif;cursor:pointer}
.ccl-pet-popup-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;max-height:calc(100dvh - 84px);overflow:auto;overscroll-behavior:contain;padding:18px 4px 4px}
.ccl-pet-popup .ccl-pet-stage{height:255px;border-radius:12px}.ccl-pet-popup .ccl-pet-pair{gap:12px}
.ccl-pet-popup h2{font-size:42px;margin-bottom:18px}.ccl-pet-popup-copy>p:not(.ccl-pet-eyebrow){font-size:14px;margin:0 0 22px}.ccl-pet-popup .ccl-pet-cta{width:100%;font-size:13px;padding:14px 12px}
.ccl-pet-later{display:block;width:100%;padding:12px 0 0;border:0;background:transparent;color:#646878;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}
@keyframes ccl-pet-turn{0%,100%{transform:rotateX(-5deg) rotateY(-18deg)}50%{transform:rotateX(-2deg) rotateY(14deg)}}
@media(max-width:900px){.ccl-pet-home{gap:26px;padding:44px 24px}.ccl-pet-stage{height:285px}.ccl-pet-popup-content{gap:20px}.ccl-pet-popup .ccl-pet-stage{height:235px}}
@media(max-width:620px){.ccl-pet-home{grid-template-columns:1fr;padding:38px 20px;gap:28px}.ccl-pet-home h2{font-size:44px}.ccl-pet-home-copy>p:not(.ccl-pet-eyebrow):not(.ccl-pet-note){font-size:15px}.ccl-pet-stage{height:260px}.ccl-pet-popup{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.ccl-pet-popup-shell{padding:20px 18px;max-height:calc(100dvh - 24px)}.ccl-pet-popup-content{grid-template-columns:1fr;gap:16px;max-height:calc(100dvh - 64px);padding:20px 0 0}.ccl-pet-popup .ccl-pet-stage{height:180px}.ccl-pet-popup .ccl-pet-example figcaption{font-size:16px;margin-top:7px}.ccl-pet-popup-copy{text-align:center}.ccl-pet-popup .ccl-pet-eyebrow{font-size:9px;margin-bottom:10px}.ccl-pet-popup h2{font-size:34px;margin-bottom:12px}.ccl-pet-popup-copy>p:not(.ccl-pet-eyebrow){font-size:13px;margin-bottom:16px}.ccl-pet-close{top:7px;right:7px}}
@media(max-width:380px){.ccl-pet-stage{height:225px}.ccl-pet-popup .ccl-pet-stage{height:155px}.ccl-pet-popup .ccl-pet-pair{gap:8px}.ccl-pet-popup h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.ccl-pet-stage .ccl3-model{animation:none!important}.ccl-pet-popup::backdrop{backdrop-filter:none}}