@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-fleuriste{--paper:#f1e8dc;--ink:#40153e;--accent:#fb674d;background:var(--paper);color:var(--ink);font-family:BotManrope,Arial,sans-serif;overflow:hidden;line-height:1.6;text-align:left}.xp-fleuriste *,.xp-fleuriste *:before,.xp-fleuriste *:after{box-sizing:border-box}.xp-fleuriste a{color:inherit;text-decoration:none}.xp-fleuriste h1,.xp-fleuriste h2,.xp-fleuriste h3,.xp-fleuriste p{margin:0;max-width:none;color:inherit}.xp-fleuriste h1,.xp-fleuriste h2{font-weight:400;letter-spacing:-.055em;line-height:.95}.xp-fleuriste h1{font-family:BotCormorant,Georgia,serif;font-size:clamp(64px,8vw,145px)}.xp-fleuriste h1 em{font-weight:400;color:var(--accent)}.xp-fleuriste h2{font-family:BotCormorant,Georgia,serif;font-size:clamp(38px,4.5vw,76px)}.xp-fleuriste button,.xp-fleuriste input,.xp-fleuriste select,.xp-fleuriste textarea{font:inherit}.xp-fleuriste button,.xp-fleuriste .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-fleuriste button:hover,.xp-fleuriste .cta:hover{background:var(--accent);color:var(--paper)}.xp-fleuriste :focus-visible{outline:3px solid var(--accent);outline-offset:5px}.xp-fleuriste .skip-link{position:absolute;left:20px;top:-120px;z-index:100;background:var(--paper);padding:15px}.xp-fleuriste .skip-link:focus{top:20px}.xp-fleuriste .demo-line{padding:9px 4%;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.07em}.xp-fleuriste .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-fleuriste .brand{font-size:25px;letter-spacing:-.06em;font-weight:800}.xp-fleuriste nav{display:flex;gap:27px;align-items:center;font-size:13px}.xp-fleuriste nav a{padding:10px 0;border-bottom:1px solid #fff0}.xp-fleuriste nav a:hover{border-color:var(--accent)}.xp-fleuriste .nav-toggle{display:none}.xp-fleuriste main{max-width:none;padding:0;margin:0;min-height:0}.xp-fleuriste .hero{position:relative;padding:5vw 4% 3vw;min-height:85vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2vw}.xp-fleuriste .eyebrow{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:27px}.xp-fleuriste .hero-copy>p{max-width:400px;margin:30px 0;font-size:16px}.xp-fleuriste .hero-art{position:relative;min-width:0}.xp-fleuriste .hero-art svg{display:block;width:100%;height:auto;overflow:visible}.xp-fleuriste .art-label{display:block;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.16em;padding:20px}.xp-fleuriste .hero-index{position:absolute;bottom:25px;left:4%;text-transform:uppercase;letter-spacing:.25em;font-size:10px}.xp-fleuriste .page-heading{padding:70px 7% 65px;max-width:1200px}.xp-fleuriste .page-heading h1{font-size:clamp(54px,7vw,112px);max-width:1000px;margin:30px 0}.xp-fleuriste .page-heading .lead{font-family:Georgia,serif;font-size:26px;line-height:1.3;margin:25px 0}.xp-fleuriste .page-heading>p:last-child{max-width:720px}.xp-fleuriste .back{display:block;margin-bottom:35px;font-size:12px}.xp-fleuriste .collection{padding:95px 7%;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.xp-fleuriste .section-title{max-width:620px;margin-bottom:45px}.xp-fleuriste .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-fleuriste .project:hover{padding-left:20px;padding-right:20px;background:color-mix(in srgb,var(--accent) 12%,transparent)}.xp-fleuriste .project h3{font-family:Georgia,serif;font-weight:400;font-size:27px;line-height:1.15}.xp-fleuriste .project p{font-size:13px}.xp-fleuriste .project-num{font-size:11px}.xp-fleuriste .project>span:last-child{font-size:30px}.xp-fleuriste .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-fleuriste .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-fleuriste .workshop-art>svg{width:100%;height:auto}.xp-fleuriste .config{padding:65px 12%;min-width:0}.xp-fleuriste .config h2{margin-bottom:40px}.xp-fleuriste label{display:block;font-size:12px;letter-spacing:.02em;margin:18px 0}.xp-fleuriste input:not([type=range]),.xp-fleuriste select,.xp-fleuriste 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-fleuriste select option{background:var(--paper);color:var(--ink)}.xp-fleuriste input[type=range]{display:block;width:100%;accent-color:var(--accent);margin:15px 0;cursor:pointer}.xp-fleuriste output{font-weight:700;font-size:17px}.xp-fleuriste .hint{font-size:10px;margin-top:15px;opacity:.7}.xp-fleuriste .live-result{font-size:15px;min-height:40px;margin:25px 0}.xp-fleuriste .process{padding:85px 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.xp-fleuriste .process article{border-top:1px solid var(--ink);padding-top:25px}.xp-fleuriste .process span{font-size:11px;letter-spacing:.08em}.xp-fleuriste .process h2{font-family:inherit;font-size:16px;letter-spacing:0;line-height:1.7;margin-top:25px;font-weight:400}.xp-fleuriste .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-fleuriste .webpy-tip>span{border:1px solid var(--ink);border-radius:50%;min-width:28px;height:28px;text-align:center;font-family:Georgia,serif}.xp-fleuriste .webpy-tip p{font-size:12px;margin-top:7px}.xp-fleuriste .webpy-tip strong{font-size:13px}.xp-fleuriste footer{padding:65px 4% 30px;background:var(--ink);color:var(--paper)}.xp-fleuriste .footer-word{font-size:clamp(35px,10vw,180px);font-weight:800;line-height:1;letter-spacing:-.08em;white-space:nowrap;margin-bottom:25px}.xp-fleuriste .footer-links{display:flex;flex-wrap:wrap;gap:30px;margin:35px 0;font-size:12px}.xp-fleuriste footer small{font-size:10px;opacity:.6}.xp-fleuriste .detail-art{margin:0 7% 60px;max-height:650px;overflow:hidden;background:color-mix(in srgb,var(--accent) 10%,var(--paper))}.xp-fleuriste .detail-art>svg{display:block;width:100%;max-height:650px}.xp-fleuriste .specification{padding:25px 7% 55px}.xp-fleuriste .specification ul{list-style:none;padding:0;margin:40px 0;max-width:700px}.xp-fleuriste .specification li{padding:15px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.xp-fleuriste .text-link{display:inline-block;margin:25px 0 0;border-bottom:1px solid var(--ink);padding-bottom:8px}.xp-fleuriste .faq{padding:20px 7% 100px;max-width:1100px}.xp-fleuriste details{border-top:1px solid var(--ink);padding:25px 0}.xp-fleuriste summary{cursor:pointer;display:flex;justify-content:space-between;font-size:20px;gap:20px}.xp-fleuriste details p{padding-top:20px;max-width:700px;font-size:14px}.xp-fleuriste .summary,.xp-fleuriste .contact-form{margin:20px 7% 100px;max-width:750px}.xp-fleuriste .summary dl{display:grid;grid-template-columns:1fr 1.5fr;margin:35px 0}.xp-fleuriste .summary dt,.xp-fleuriste .summary dd{border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding:15px 0;margin:0}.xp-fleuriste .summary button{margin-right:20px}.xp-fleuriste .contact-form textarea{min-height:130px}.xp-fleuriste [data-confirm]{padding-top:20px}.xp-fleuriste .editorial-photo{position:relative;margin:0 7% 80px;overflow:hidden;height:480px}.xp-fleuriste .editorial-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 2s}.xp-fleuriste .editorial-photo:hover img{transform:scale(1.04)}.xp-fleuriste .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-fleuriste .demo-line{font-size:9px}.xp-fleuriste .demo-line span{max-width:150px;text-align:right}.xp-fleuriste .site-header{padding:20px 5%}.xp-fleuriste .brand{font-size:22px}.xp-fleuriste .nav-toggle{display:block;background:#fff0;color:var(--ink);border:1px solid var(--ink);padding:8px 13px;font-size:12px;min-height:42px}.xp-fleuriste 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-fleuriste nav.is-open{display:flex}.xp-fleuriste .hero{min-height:auto;padding:45px 6% 60px;grid-template-columns:1fr;gap:30px}.xp-fleuriste .hero h1{font-size:clamp(70px,15vw,110px)}.xp-fleuriste .hero-copy>p{margin:25px 0;max-width:330px}.xp-fleuriste .hero-art{max-width:620px;width:100%;margin:auto}.xp-fleuriste .hero-index{display:none}.xp-fleuriste .collection{padding:60px 6%}.xp-fleuriste .project{grid-template-columns:25px 1fr 25px;gap:12px}.xp-fleuriste .project p{grid-column:2;grid-row:2}.xp-fleuriste .project h3{font-size:24px}.xp-fleuriste .project>span:last-child{grid-column:3;grid-row:1}.xp-fleuriste .workshop{grid-template-columns:1fr}.xp-fleuriste .workshop-art{padding:35px 6%}.xp-fleuriste .config{padding:45px 7%}.xp-fleuriste .process{grid-template-columns:1fr;gap:35px;padding:55px 7%}.xp-fleuriste .process h2{margin-top:15px}.xp-fleuriste .page-heading{padding:45px 7%}.xp-fleuriste .page-heading h1{font-size:clamp(48px,11vw,80px)}.xp-fleuriste .webpy-tip{margin-bottom:55px}.xp-fleuriste .editorial-photo{height:350px;margin-bottom:50px}.xp-fleuriste .footer-word{font-size:clamp(32px,11vw,80px)}}@media(prefers-reduced-motion:reduce){.xp-fleuriste *,.xp-fleuriste *:before,.xp-fleuriste *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.xp-fleuriste .hero{background:radial-gradient(ellipse at 80% 50%,#e8cfc1,transparent 60%)}.xp-fleuriste .hero-copy{z-index:2}.xp-fleuriste .hero h1{font-size:clamp(78px,10vw,172px)}.xp-fleuriste .hero-art{margin-left:-12%;width:115%;transform:rotate(9deg)}.xp-fleuriste .hero-art:before{content:'S';position:absolute;font-family:Georgia,serif;font-style:italic;font-size:600px;line-height:1;top:20px;left:10%;color:#40153e08}.xp-fleuriste .bloom{transform-origin:300px 610px;animation:bot-sway 5s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.6s);transition:filter 1s,opacity 1s}.xp-fleuriste .bloom ellipse{transition:fill 1s}.xp-fleuriste[data-palette=nocturne] .bloom ellipse[rx="23"]{fill:#722748}.xp-fleuriste[data-palette=nocturne] .bloom circle{fill:#d7afc5}.xp-fleuriste[data-palette=champ-libre] .bloom ellipse[rx="23"]{fill:#f5f0df}.xp-fleuriste .cta{background:#40153e;border-radius:50%;padding:25px 30px;transform:rotate(-5deg)}.xp-fleuriste .editorial-photo{border-radius:50% 50% 0 0;margin-left:20%;margin-right:20%;height:650px}.xp-fleuriste .footer-word{font-family:Georgia,serif;font-style:italic;font-weight:400}.xp-fleuriste .project:nth-child(2){color:#7a284f}.xp-fleuriste .project:nth-child(3){color:#4b6d4e}@keyframes bot-sway{from{transform:rotate(-3deg)}to{transform:rotate(4deg)}}@media(max-width:800px){.xp-fleuriste .hero h1{font-size:clamp(76px,16vw,125px)}.xp-fleuriste .hero-art{width:100%;margin-left:0}.xp-fleuriste .hero-art:before{font-size:350px}.xp-fleuriste .editorial-photo{margin:0 7% 55px;height:420px}}.xp-fleuriste .floral-hero-photo{display:block;width:90%;height:650px;object-fit:cover;object-position:center 65%;border-radius:46% 46% 6% 46%;box-shadow:20px 30px 60px #40153e20;animation:bot-photo-enter 1.8s both}.xp-fleuriste .hero-art>svg{position:absolute;right:-4%;bottom:-40px;width:48%;filter:drop-shadow(3px 8px 8px #40153e20)}.xp-fleuriste .hero-art>.art-label{transform:rotate(-9deg);margin-top:25px}@keyframes bot-photo-enter{from{opacity:0;transform:translateY(50px) rotate(6deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media(max-width:800px){.xp-fleuriste .floral-hero-photo{height:480px;width:95%}.xp-fleuriste .hero-art>svg{width:52%;right:-4%;bottom:-25px}}