@font-face{font-family:Bree;src:url('/assets/fonts/bree-serif/font.woff2') format('woff2');font-weight:400;font-display:swap}.patio-pet{--paper:#fff7ed;--ink:#28584c;--soft:#f3e5d3;--display:Bree,Georgia,serif;--radius:28px}.pet-opening{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:center;padding-block:28px 70px}.pet-opening h1{font-size:clamp(50px,5.5vw,78px)}.pet-opening figure{position:relative;overflow:hidden;border-radius:45% 45% 28px 28px}.pet-opening figure img{height:510px;object-position:center}.pet-opening figcaption{padding:15px 20px;background:#f3e5d3}.pet-stamp{position:absolute;bottom:80px;left:25px;background:#b94d3e;color:#fff7ed;font:400 26px/1.1 Bree,Georgia,serif;padding:22px;border-radius:50%;transform:rotate(-8deg)}.patio-pet .cards article:nth-child(2){background:#f3e5d3}.patio-pet .cards article:nth-child(3){background:#28584c;color:#fff7ed}.pet-catalog{background:#f3e5d3}.pet-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pet-shelf article{padding:30px;border-radius:28px;background:#fff7ed}.shelf-icon{font-size:80px;display:grid;place-items:center;background:#e2e9d8;height:150px;border-radius:60px 60px 18px 18px;color:#28584c}.pet-shelf article:nth-child(2n) .shelf-icon{background:#f5d9c8;color:#b94d3e}.pet-shelf .eyebrow{margin-top:20px}.patio-pet #equipe .cards{grid-template-columns:1fr;margin:0}.patio-pet #equipe .number{margin-bottom:16px}.patio-pet #equipe .cards article{background:transparent;color:inherit}@media(max-width:800px){.pet-opening{grid-template-columns:1fr;gap:30px}.pet-opening figure img{height:330px}.pet-shelf{grid-template-columns:1fr}.pet-opening h1{font-size:48px}}

.pet-opening{position:relative;display:block;isolation:isolate;width:100%;max-width:none;min-height:calc(100svh - var(--sample-notice-height,46px));padding:180px max(24px,calc((100vw - 1180px)/2)) 100px;background:#28584c;color:#fff7ed;overflow:hidden}.pet-opening>div{position:relative;z-index:2;max-width:570px}.pet-opening h1{font-size:clamp(56px,6vw,86px);line-height:1.08}.pet-opening .eyebrow{color:#f5dcc4}.pet-opening p{max-width:490px}.pet-opening .action{background:#fff7ed;color:#28584c;border-color:#fff7ed}.pet-opening figure{position:absolute;inset:0;border-radius:0;z-index:-2}.pet-opening figure img{width:100%;height:100%;object-fit:cover;object-position:65% center}.pet-opening::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#173e35f5,#173e35a6 45%,#173e3510 85%)}.pet-opening figcaption{position:absolute;bottom:0;right:0;max-width:490px;background:#173e35c9;color:#fff7ed;font-size:12px}.pet-stamp{left:auto;right:5%;bottom:80px}
@media(max-width:800px){.pet-opening{min-height:820px;padding:145px 24px 220px}.pet-opening h1{font-size:clamp(45px,11vw,64px)}.pet-opening figure img{height:100%;object-position:58% center}.pet-opening::after{background:linear-gradient(#173e35cf,#173e35a3 60%,#173e3520)}.pet-stamp{right:8%;bottom:65px;font-size:20px;padding:18px}.pet-opening figcaption{font-size:11px}}

@font-face{font-family:Jakarta;src:url('/assets/fonts/jakarta-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Jakarta;src:url('/assets/fonts/jakarta-700.woff2') format('woff2');font-weight:700;font-display:swap}

@media(min-width:1000px){.pet-opening figure{left:23%;mask-image:linear-gradient(90deg,transparent,#000 38%)}.pet-opening::after{background:linear-gradient(90deg,#173e35 0%,#173e35ea 28%,#173e3560 57%,#173e3510 90%)}}

/* Original paw prints walk by time; visibility only pauses offscreen animation. */
.patio-pet{position:relative;isolation:isolate}
.pet-paw-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.pet-trail{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.pet-paw{position:absolute;left:var(--paw-x);top:var(--paw-y);width:72px;height:81px;fill:#28584c;--paw-opacity:.15;opacity:var(--paw-opacity);transform:translate(-50%,-50%) rotate(var(--paw-angle));pointer-events:none}
.pet-paw-cat{width:54px;height:61px;fill:#b94d3e;--paw-opacity:.18;opacity:var(--paw-opacity)}
/* Anchor the final existing pair beside the footer on long mobile documents. */
.pet-paw[data-pet-paw="13"]{top:calc(100% - 110px)}
.pet-paw-cat[data-pet-paw="13"]{top:calc(100% - 62px)}
.patio-pet .pet-catalog{background:#f3e5d340}
.patio-pet .pet-shelf article{background:#fff7ed80}
@media(max-width:800px){.pet-paw{width:52px;height:59px}.pet-paw-cat{width:40px;height:45px}}
/* Only opacity and transform animate; layout and the approved SVG paths stay fixed. */
.pet-walk-enabled .pet-paw{animation:pet-footstep 6.4s ease-in-out var(--paw-delay,0s) infinite both;animation-play-state:paused}
.pet-walk-enabled .pet-paw-visible{animation-play-state:running}
.pet-walk-enabled.pet-walk-paused .pet-paw{animation-play-state:paused}
@keyframes pet-footstep{0%,65%,100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--paw-angle)) scale(.94)}12%,40%{opacity:var(--paw-opacity);transform:translate(-50%,-50%) rotate(var(--paw-angle)) scale(1)}}
@media(prefers-reduced-motion:reduce){.pet-walk-enabled .pet-paw{animation:none}.pet-paw{opacity:var(--paw-opacity)}}