@font-face{font-family:BotManrope;font-display:swap;src:url(../../../plugins/webpy-demonstrateurs/assets/font-3.ttf)}@font-face{font-family:BotCormorant;font-display:swap;src:url(../../../plugins/webpy-demonstrateurs/assets/font-1.ttf)}.xp-paysagiste{--paper:#e7e9d9;--ink:#173e34;--accent:#bd632f;background:var(--paper);color:var(--ink);font-family:BotManrope,Arial,sans-serif;overflow:hidden;line-height:1.6;text-align:left}.xp-paysagiste *,.xp-paysagiste *:before,.xp-paysagiste *:after{box-sizing:border-box}.xp-paysagiste a{color:inherit;text-decoration:none}.xp-paysagiste h1,.xp-paysagiste h2,.xp-paysagiste h3,.xp-paysagiste p{margin:0;max-width:none;color:inherit}.xp-paysagiste h1,.xp-paysagiste h2{font-weight:400;letter-spacing:-.055em;line-height:.95}.xp-paysagiste h1{font-family:BotCormorant,Georgia,serif;font-size:clamp(64px,8vw,145px)}.xp-paysagiste h1 em{font-weight:400;color:var(--accent)}.xp-paysagiste h2{font-family:BotCormorant,Georgia,serif;font-size:clamp(38px,4.5vw,76px)}.xp-paysagiste button,.xp-paysagiste input,.xp-paysagiste select,.xp-paysagiste textarea{font:inherit}.xp-paysagiste button,.xp-paysagiste .cta{border:0;border-radius:0;background:var(--ink);color:var(--paper);padding:16px 24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px}.xp-paysagiste button:hover,.xp-paysagiste .cta:hover{background:var(--accent);color:var(--paper)}.xp-paysagiste :focus-visible{outline:3px solid var(--accent);outline-offset:5px}.xp-paysagiste .skip-link{position:absolute;left:20px;top:-120px;z-index:100;background:var(--paper);padding:15px}.xp-paysagiste .skip-link:focus{top:20px}.xp-paysagiste .demo-line{padding:9px 4%;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.07em}.xp-paysagiste .site-header{display:flex;justify-content:space-between;align-items:center;padding:25px 4%;position:relative;z-index:20;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.xp-paysagiste .brand{font-size:25px;letter-spacing:-.06em;font-weight:800}.xp-paysagiste nav{display:flex;gap:27px;align-items:center;font-size:13px}.xp-paysagiste nav a{padding:10px 0;border-bottom:1px solid #fff0}.xp-paysagiste nav a:hover{border-color:var(--accent)}.xp-paysagiste .nav-toggle{display:none}.xp-paysagiste main{max-width:none;padding:0;margin:0;min-height:0}.xp-paysagiste .hero{position:relative;padding:5vw 4% 3vw;min-height:85vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2vw}.xp-paysagiste .eyebrow{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:27px}.xp-paysagiste .hero-copy>p{max-width:400px;margin:30px 0;font-size:16px}.xp-paysagiste .hero-art{position:relative;min-width:0}.xp-paysagiste .hero-art svg{display:block;width:100%;height:auto;overflow:visible}.xp-paysagiste .art-label{display:block;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.16em;padding:20px}.xp-paysagiste .hero-index{position:absolute;bottom:25px;left:4%;text-transform:uppercase;letter-spacing:.25em;font-size:10px}.xp-paysagiste .page-heading{padding:70px 7% 65px;max-width:1200px}.xp-paysagiste .page-heading h1{font-size:clamp(54px,7vw,112px);max-width:1000px;margin:30px 0}.xp-paysagiste .page-heading .lead{font-family:Georgia,serif;font-size:26px;line-height:1.3;margin:25px 0}.xp-paysagiste .page-heading>p:last-child{max-width:720px}.xp-paysagiste .back{display:block;margin-bottom:35px;font-size:12px}.xp-paysagiste .collection{padding:95px 7%;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.xp-paysagiste .section-title{max-width:620px;margin-bottom:45px}.xp-paysagiste .project{display:grid;grid-template-columns:60px 1.1fr 1fr 40px;gap:20px;align-items:center;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);padding:30px 0;transition:padding .4s,background .4s}.xp-paysagiste .project:hover{padding-left:20px;padding-right:20px;background:color-mix(in srgb,var(--accent) 12%,transparent)}.xp-paysagiste .project h3{font-family:Georgia,serif;font-weight:400;font-size:27px;line-height:1.15}.xp-paysagiste .project p{font-size:13px}.xp-paysagiste .project-num{font-size:11px}.xp-paysagiste .project>span:last-child{font-size:30px}.xp-paysagiste .workshop{display:grid;grid-template-columns:1.2fr 1fr;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);align-items:stretch}.xp-paysagiste .workshop-art{padding:6vw 3%;display:flex;flex-direction:column;justify-content:center;background:color-mix(in srgb,var(--ink) 5%,var(--paper));min-width:0}.xp-paysagiste .workshop-art>svg{width:100%;height:auto}.xp-paysagiste .config{padding:65px 12%;min-width:0}.xp-paysagiste .config h2{margin-bottom:40px}.xp-paysagiste label{display:block;font-size:12px;letter-spacing:.02em;margin:18px 0}.xp-paysagiste input:not([type=range]),.xp-paysagiste select,.xp-paysagiste textarea{display:block;width:100%;padding:12px 0;margin-top:7px;background:#fff0;color:var(--ink);border:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 45%,transparent);border-radius:0}.xp-paysagiste select option{background:var(--paper);color:var(--ink)}.xp-paysagiste input[type=range]{display:block;width:100%;accent-color:var(--accent);margin:15px 0;cursor:pointer}.xp-paysagiste output{font-weight:700;font-size:17px}.xp-paysagiste .hint{font-size:10px;margin-top:15px;opacity:.7}.xp-paysagiste .live-result{font-size:15px;min-height:40px;margin:25px 0}.xp-paysagiste .process{padding:85px 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.xp-paysagiste .process article{border-top:1px solid var(--ink);padding-top:25px}.xp-paysagiste .process span{font-size:11px;letter-spacing:.08em}.xp-paysagiste .process h2{font-family:inherit;font-size:16px;letter-spacing:0;line-height:1.7;margin-top:25px;font-weight:400}.xp-paysagiste .webpy-tip{margin:15px 7% 80px;display:flex;gap:20px;padding:25px;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);max-width:760px}.xp-paysagiste .webpy-tip>span{border:1px solid var(--ink);border-radius:50%;min-width:28px;height:28px;text-align:center;font-family:Georgia,serif}.xp-paysagiste .webpy-tip p{font-size:12px;margin-top:7px}.xp-paysagiste .webpy-tip strong{font-size:13px}.xp-paysagiste footer{padding:65px 4% 30px;background:var(--ink);color:var(--paper)}.xp-paysagiste .footer-word{font-size:clamp(35px,10vw,180px);font-weight:800;line-height:1;letter-spacing:-.08em;white-space:nowrap;margin-bottom:25px}.xp-paysagiste .footer-links{display:flex;flex-wrap:wrap;gap:30px;margin:35px 0;font-size:12px}.xp-paysagiste footer small{font-size:10px;opacity:.6}.xp-paysagiste .detail-art{margin:0 7% 60px;max-height:650px;overflow:hidden;background:color-mix(in srgb,var(--accent) 10%,var(--paper))}.xp-paysagiste .detail-art>svg{display:block;width:100%;max-height:650px}.xp-paysagiste .specification{padding:25px 7% 55px}.xp-paysagiste .specification ul{list-style:none;padding:0;margin:40px 0;max-width:700px}.xp-paysagiste .specification li{padding:15px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.xp-paysagiste .text-link{display:inline-block;margin:25px 0 0;border-bottom:1px solid var(--ink);padding-bottom:8px}.xp-paysagiste .faq{padding:20px 7% 100px;max-width:1100px}.xp-paysagiste details{border-top:1px solid var(--ink);padding:25px 0}.xp-paysagiste summary{cursor:pointer;display:flex;justify-content:space-between;font-size:20px;gap:20px}.xp-paysagiste details p{padding-top:20px;max-width:700px;font-size:14px}.xp-paysagiste .summary,.xp-paysagiste .contact-form{margin:20px 7% 100px;max-width:750px}.xp-paysagiste .summary dl{display:grid;grid-template-columns:1fr 1.5fr;margin:35px 0}.xp-paysagiste .summary dt,.xp-paysagiste .summary dd{border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding:15px 0;margin:0}.xp-paysagiste .summary button{margin-right:20px}.xp-paysagiste .contact-form textarea{min-height:130px}.xp-paysagiste [data-confirm]{padding-top:20px}.xp-paysagiste .editorial-photo{position:relative;margin:0 7% 80px;overflow:hidden;height:480px}.xp-paysagiste .editorial-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 2s}.xp-paysagiste .editorial-photo:hover img{transform:scale(1.04)}.xp-paysagiste .editorial-photo figcaption{position:absolute;bottom:20px;left:25px;color:#fff;text-shadow:0 1px 8px #000;font-size:11px;letter-spacing:.15em;text-transform:uppercase}@media(max-width:800px){.xp-paysagiste .demo-line{font-size:9px}.xp-paysagiste .demo-line span{max-width:150px;text-align:right}.xp-paysagiste .site-header{padding:20px 5%}.xp-paysagiste .brand{font-size:22px}.xp-paysagiste .nav-toggle{display:block;background:#fff0;color:var(--ink);border:1px solid var(--ink);padding:8px 13px;font-size:12px;min-height:42px}.xp-paysagiste nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px 6%;background:var(--paper);border-bottom:1px solid var(--ink);flex-direction:column;align-items:flex-start;gap:10px}.xp-paysagiste nav.is-open{display:flex}.xp-paysagiste .hero{min-height:auto;padding:45px 6% 60px;grid-template-columns:1fr;gap:30px}.xp-paysagiste .hero h1{font-size:clamp(70px,15vw,110px)}.xp-paysagiste .hero-copy>p{margin:25px 0;max-width:330px}.xp-paysagiste .hero-art{max-width:620px;width:100%;margin:auto}.xp-paysagiste .hero-index{display:none}.xp-paysagiste .collection{padding:60px 6%}.xp-paysagiste .project{grid-template-columns:25px 1fr 25px;gap:12px}.xp-paysagiste .project p{grid-column:2;grid-row:2}.xp-paysagiste .project h3{font-size:24px}.xp-paysagiste .project>span:last-child{grid-column:3;grid-row:1}.xp-paysagiste .workshop{grid-template-columns:1fr}.xp-paysagiste .workshop-art{padding:35px 6%}.xp-paysagiste .config{padding:45px 7%}.xp-paysagiste .process{grid-template-columns:1fr;gap:35px;padding:55px 7%}.xp-paysagiste .process h2{margin-top:15px}.xp-paysagiste .page-heading{padding:45px 7%}.xp-paysagiste .page-heading h1{font-size:clamp(48px,11vw,80px)}.xp-paysagiste .webpy-tip{margin-bottom:55px}.xp-paysagiste .editorial-photo{height:350px;margin-bottom:50px}.xp-paysagiste .footer-word{font-size:clamp(32px,11vw,80px)}}@media(prefers-reduced-motion:reduce){.xp-paysagiste *,.xp-paysagiste *:before,.xp-paysagiste *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.xp-paysagiste .hero{display:block;min-height:100vh;padding:0;background:#173e34;color:#e7e9d9}.xp-paysagiste .hero-copy{position:relative;z-index:3;padding:65px 6% 30px;max-width:700px;pointer-events:none}.xp-paysagiste .hero-copy a{pointer-events:auto}.xp-paysagiste .hero h1{font-size:clamp(80px,11vw,180px)}.xp-paysagiste .hero h1 em{color:#d8dba8}.xp-paysagiste .hero-art{position:absolute;inset:0;width:100%;height:100%;opacity:.8;overflow:hidden}.xp-paysagiste .hero-art>svg{height:100%;width:100%;object-fit:cover;filter:brightness(.65)}.xp-paysagiste .hero-art .season-dial{position:absolute;bottom:30px;right:4%;width:43%;z-index:5}.xp-paysagiste .hero-art .season-caption{position:absolute;bottom:8px;right:4%;font-size:10px}.xp-paysagiste .season-dial{display:flex;border:1px solid currentColor;border-radius:60px;padding:6px;gap:4px;position:relative}.xp-paysagiste .season-dial button{flex:1;background:#fff0;color:inherit;border-radius:40px;padding:13px 10px;display:block;min-height:60px;font-size:12px}.xp-paysagiste .season-dial span{display:block;opacity:.5;font-size:9px}.xp-paysagiste .season-dial button[aria-pressed=true]{background:#d8dba8;color:#173e34}.xp-paysagiste .tree-canopy,.xp-paysagiste .garden-flowers{transition:fill 1.3s,opacity 1.3s}.xp-paysagiste[data-season=summer] .tree-canopy{fill:#2a5a34}.xp-paysagiste[data-season=summer] .garden-flowers{fill:#e5c77b}.xp-paysagiste[data-season=autumn] .tree-canopy{fill:#b36a39}.xp-paysagiste[data-season=autumn] .garden-flowers{fill:#dca25c}.xp-paysagiste[data-season=winter] .tree-canopy{fill:#9eaaa0;opacity:.4}.xp-paysagiste[data-season=winter] .garden-flowers{opacity:0}.xp-paysagiste .landscape-stage{padding:45px 7%;background:#173e34;color:#e7e9d9}.xp-paysagiste .landscape-stage svg{width:100%;display:block}.xp-paysagiste .season-caption{margin-top:15px}.xp-paysagiste .compare{position:relative;margin:0 7% 70px;overflow:hidden}.xp-paysagiste .compare svg{display:block;width:100%}.xp-paysagiste .compare-mask{position:absolute;inset:0 50% 80px 0;background:linear-gradient(#b8d5cd 50%,#a3a583 50%);border-right:3px solid #fff;pointer-events:none}.xp-paysagiste .compare label{position:relative;z-index:5;background:var(--paper);padding:15px;margin:0}.xp-paysagiste .before-label,.xp-paysagiste .after-label{position:absolute;z-index:4;top:20px;background:var(--paper);padding:8px 15px;font-size:11px}.xp-paysagiste .before-label{left:20px}.xp-paysagiste .after-label{right:20px}.xp-paysagiste .cta{background:#d8dba8;color:#173e34}.xp-paysagiste .editorial-photo{margin:0;height:600px}.xp-paysagiste .collection{background:#d9ddc9}.xp-paysagiste .project h3{font-family:inherit;font-size:23px;letter-spacing:-.03em}.xp-paysagiste .footer-word{font-family:Georgia,serif;letter-spacing:-.07em;font-weight:400}@media(max-width:800px){.xp-paysagiste .hero{min-height:1000px}.xp-paysagiste .hero-copy{padding:50px 7%}.xp-paysagiste .hero h1{font-size:clamp(78px,17vw,130px)}.xp-paysagiste .hero-art>svg{position:absolute;bottom:0;width:160%;max-width:none;height:65%;left:-30%}.xp-paysagiste .hero-art .season-dial{width:90%;left:5%;right:auto;bottom:55px}.xp-paysagiste .hero-art .season-caption{bottom:25px;right:5%;left:5%;text-align:center}.xp-paysagiste .editorial-photo{height:400px}.xp-paysagiste .season-dial button{padding:10px 5px;font-size:11px}}.xp-paysagiste .garden-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.57);transition:filter 1.5s,transform 12s;animation:bot-garden-drift 22s alternate infinite linear}.xp-paysagiste .hero-art>svg{position:absolute;right:5%;bottom:155px;width:31%;height:auto;filter:none;opacity:.7;border:1px solid #ffffff70;border-radius:50% 50% 3px 3px;overflow:hidden}.xp-paysagiste[data-season=autumn] .garden-hero-photo{filter:brightness(.57) sepia(.7)}.xp-paysagiste[data-season=winter] .garden-hero-photo{filter:brightness(.65) saturate(.25)}.xp-paysagiste[data-season=summer] .garden-hero-photo{filter:brightness(.65) saturate(1.3)}@keyframes bot-garden-drift{from{transform:scale(1)}to{transform:scale(1.08)}}@media(max-width:800px){.xp-paysagiste .hero-art>svg{width:50%;height:auto;left:auto;right:5%;bottom:180px}.xp-paysagiste .hero-art .garden-hero-photo{width:100%;left:0;height:100%}}