*{box-sizing:border-box}html{margin:0;background:#f4f4f4;scroll-behavior:auto}body{margin:0;color:#0e1011;font-family:Arial,Helvetica,sans-serif;font-size:16px}main{display:block}.skip-link{position:fixed;top:12px;left:12px;z-index:50;transform:translateY(-180%);padding:12px 18px;background:white;color:black;border-radius:6px}.skip-link:focus{transform:none}.spirale-surface,.forfaits-surface{position:relative;z-index:1}.wheel-section{position:relative;height:100vh;height:100dvh;background:#f4f4f4;isolation:isolate}.wheel-section iframe{position:absolute;inset:0;border:0;display:block;width:100%;height:100%;pointer-events:none}.site-footer{min-height:150px;padding:44px 4.1vw;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;background:#fffefb;font-size:15px}.site-footer button{border:0;border-bottom:1px solid currentColor;padding:12px 0;background:transparent;min-height:44px;font:inherit;color:inherit;cursor:pointer}.site-footer button span{margin-left:14px}.site-footer button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.spirale-surface .no-webgl .works-stage{height:auto;min-height:60vh;padding-block:70px}.spirale-surface .no-webgl .works-heading{position:relative}.spirale-surface .no-webgl .sr-only{position:relative;width:auto;height:auto;clip-path:none;white-space:normal;margin:32px auto 0;padding:24px;max-width:500px}.spirale-surface .no-webgl .works-outro{display:none}@media(max-width:600px){.site-footer{padding:32px 6.25vw;font-size:14px}}@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}@font-face{font-family:"Switzer";src:url(/assets/fonts/switzer-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Switzer";src:url(/assets/fonts/switzer-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.global-header,.global-menu .menu-header{position:fixed;top:max(2.3vh,calc(env(safe-area-inset-top) + 8px));left:max(3.6vw,env(safe-area-inset-left));right:max(3.6vw,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:normal}.global-header{z-index:40;pointer-events:none;color:#fff;mix-blend-mode:difference}.global-menu .menu-header{z-index:3;color:var(--menu-ink)}.global-header a,.global-header button,.global-menu .menu-header a,.global-menu .menu-header button{pointer-events:auto;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.global-header .wordmark,.global-menu .menu-header .wordmark{padding-block:12px;font-size:clamp(11px,1.05vw,16px);font-weight:600;letter-spacing:.035em}.global-header .menu-toggle,.global-menu .menu-header button{display:block;box-sizing:border-box;border:0;min-height:44px;padding:12px 0 12px 12px;background:transparent;font:inherit;cursor:pointer}.global-header .menu-toggle.is-close{display:flex;align-items:center;justify-content:center;height:56px;min-height:56px;margin:-6px -8px;padding:0 0 0 12px;font-size:32px;line-height:1}.global-header :focus-visible,.global-menu :focus-visible{outline:2px solid currentColor;outline-offset:5px}.apropos-surface .apropos-surtitre{position:relative;top:24px}@media(max-width:900px){.global-header .wordmark{font-size:13px;letter-spacing:.14em}.global-header .menu-toggle{font-size:14px}}@media(max-width:600px){.global-header{top:max(16px,calc(env(safe-area-inset-top) + 8px));left:max(6.25vw,env(safe-area-inset-left));right:max(6.25vw,env(safe-area-inset-right))}}@media(max-height:500px)and (min-aspect-ratio:1/1){.global-header{top:max(6px,env(safe-area-inset-top))}.global-header .wordmark,.global-header .menu-toggle{font-size:12px}}.global-menu{--menu-pixel-color: #000;position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;overscroll-behavior:none;background:transparent;color:#fff;font:400 15px/1.4 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.global-menu::backdrop{background:transparent}.global-menu .menu-background{position:absolute;inset:0;background:#000;visibility:hidden}.global-menu .menu-background.is-visible{visibility:visible}.global-menu .menu-px{position:absolute;inset:0;display:grid;z-index:2;pointer-events:none}.global-menu .menu-px i{background:var(--menu-pixel-color);opacity:0}.global-menu .menu-inner{position:absolute;inset:0;opacity:0}.global-menu .menu-center{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);text-align:center}.global-menu .menu-nav{display:flex;flex-direction:column;align-items:center;gap:7px}.global-menu a{color:inherit;text-decoration:none}.global-menu .menu-nav a{font-size:60px;font-weight:400;line-height:1;letter-spacing:-.03em}.global-menu .menu-nav a span{display:block;transition:opacity .35s ease-out}.global-menu .menu-secondary{display:flex;justify-content:center;gap:34px;margin-top:55px}.global-menu .menu-secondary a{padding-block:10px;margin-block:-10px;opacity:.6;transition:opacity .35s ease-out}.global-menu .menu-contact{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));margin:0;color:#9a9a9a}.global-menu .menu-contact a{color:#fff;text-decoration:underline;text-underline-offset:3px}.global-menu .menu-project{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:16px;width:364px;height:85px;padding:10px 10px 10px 17px;border-radius:8px;background:rgb(255 255 255 / .15)}.global-menu .menu-project-image{width:90px;height:64px;overflow:hidden;border-radius:6px;flex:none}.global-menu .menu-project img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease-out}@media(hover:hover)and (pointer:fine){.global-menu .menu-nav a:hover span{opacity:.5}.global-menu .menu-secondary a:hover{opacity:1}.global-menu .menu-project:hover img{transform:scale(1.05)}}@media(max-width:760px){.global-menu .menu-nav a{font-size:44px}.global-menu .menu-center{top:calc(50% - 35px)}.global-menu .menu-contact{left:16px;right:16px;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 109px);text-align:center}.global-menu .menu-project{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:auto}}@media(max-height:500px)and (min-aspect-ratio:1/1){.global-menu .menu-center{top:48%}.global-menu .menu-nav a{font-size:32px}.global-menu .menu-secondary{margin-top:20px}.global-menu .menu-project{left:auto;right:max(16px,env(safe-area-inset-right));width:280px;height:70px;bottom:12px}.global-menu .menu-project-image{height:50px}.global-menu .menu-contact{left:max(24px,env(safe-area-inset-left));right:auto;bottom:24px;max-width:calc(100% - 340px);text-align:left}}@media(prefers-reduced-motion:reduce){.global-menu .menu-nav a span,.global-menu .menu-secondary a,.global-menu .menu-project img{transition:none}}.global-header .wordmark{display:block;line-height:0}.global-header .wordmark__logo{display:block;width:auto;height:clamp(12px,1.15vw,17px)}@media(max-width:600px){.global-header .wordmark__logo{height:13px}}@media(max-height:500px)and (min-aspect-ratio:1/1){.global-header .wordmark__logo{height:12px}}@font-face{font-family:"Kova Anton";src:url(/assets/apropos/anton.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Kova Plex";src:url(/assets/apropos/plex.woff2) format("woff2");font-weight:100 700;font-style:normal;font-display:swap}@font-face{font-family:"Kova Plex Mono";src:url(/assets/fonts/plex-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Kova Plex Mono";src:url(/assets/fonts/plex-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}.kova-systeme{--k-encre: #150734;--k-nuit: #0c0522;--k-lavande: #d3c5f6;--k-lavande-pale: #f0eaf9;--k-creme: #fffefb;--k-rose: #f04c8a;--k-lime: #c2ec40;--k-lime-pale: #f2fad2;--k-bleu: #104eff;--k-orange: #e1611c;--k-rouge: #ea3323;--k-titre: "Kova Anton", Impact, sans-serif;--k-texte: "Kova Plex", Arial, sans-serif;--k-mono: "Kova Plex Mono", ui-monospace, monospace;background:var(--k-creme)}.kova-systeme body{color:var(--k-encre);font-family:var(--k-texte)}.kova-systeme .global-header,.kova-systeme .global-menu .menu-header,.kova-systeme .global-menu{font-family:var(--k-texte)}.kova-systeme .global-header .wordmark,.kova-systeme .global-menu .menu-header .wordmark{font-weight:700}.kova-systeme .global-header .menu-toggle,.kova-systeme .global-menu .menu-header button{font-weight:500}.kova-systeme .global-menu{--menu-pixel-color: var(--k-nuit)}.kova-systeme .global-menu .menu-background{background:var(--k-nuit)}.kova-systeme .global-menu .menu-nav a{font-family:var(--k-titre);font-weight:400;line-height:1.08;letter-spacing:-.005em;text-transform:uppercase}.kova-systeme .site-footer{background:var(--k-creme);color:var(--k-encre);font-family:var(--k-texte)}.kova-systeme .intro-surface .intro-heros{background-color:var(--k-creme)}.kova-systeme .intro-surface .intro-titre{width:max-content;max-width:calc(100vw - 32px);color:var(--k-encre);font-family:var(--k-titre);font-size:clamp(40px,6.67vw,96px);line-height:.95;letter-spacing:-.005em;text-align:center;text-transform:uppercase}.kova-systeme .spirale-surface{--bg: var(--k-nuit);--works-fond: .08 .019 .08;font-family:var(--k-texte)}.kova-systeme .spirale-surface .works-shade{background:rgb(12 5 34 / .7)}.kova-systeme .spirale-surface #works-title,.kova-systeme .spirale-surface .view-all-label{font-family:var(--k-titre);font-weight:400;letter-spacing:-.005em;text-transform:uppercase}.kova-systeme .spirale-surface .accent,.kova-systeme .spirale-surface .accent *{margin-left:0;font-family:var(--k-titre);font-style:normal;font-weight:400;font-variation-settings:normal;letter-spacing:-.005em}.kova-systeme .forfaits-surface{--police-texte: var(--k-texte);--police-tech: var(--k-mono);--police-titre: var(--k-titre);--police-italique: var(--k-texte)}.kova-systeme .forfaits-surface .h3,.kova-systeme .forfaits-surface .esn,.kova-systeme .forfaits-surface .bg-service-text,.kova-systeme .forfaits-surface .italic-text{font-family:var(--k-titre);font-style:normal;font-weight:400;letter-spacing:-.005em;text-transform:uppercase}.kova-systeme .forfaits-surface .bg-service-text{line-height:.95}.kova-systeme .forfaits-surface .italic-text{line-height:.95}.kova-systeme .forfaits-surface .italic,.kova-systeme .forfaits-surface .button-text{font-style:normal;font-weight:600}.kova-systeme .forfaits-surface .e-icon text{font-family:var(--k-mono)}.kova-systeme .forfaits-surface .title_text{font-family:var(--k-mono);font-size:14px;font-style:normal;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.kova-systeme .methode-surface{--methode-noir: var(--k-encre)}.kova-systeme .methode-surface .methode{--methode-rose: var(--k-lavande) !important;--methode-rose-clair: var(--k-lavande) !important;background-color:var(--k-lavande)!important}.kova-systeme .methode-surface .methode-point{background-color:var(--k-lavande)!important}.kova-systeme .methode-surface .methode-point__coeur{background-color:var(--k-encre)}.kova-systeme .methode-surface .methode-barre{background-color:rgb(21 7 52 / .15)}.kova-systeme .methode-surface .methode-barre__progression{background-image:none;background-color:var(--k-encre)}.kova-systeme .methode-surface .methode-titre,.kova-systeme .methode-surface .methode-intro,.kova-systeme .methode-surface .methode-etape__texte,.kova-systeme .methode-surface .methode-etape__temps-texte,.kova-systeme .methode-surface .methode-etape__titre{color:var(--k-encre)}.kova-systeme .methode-surface .methode-intro,.kova-systeme .methode-surface .methode-etape__texte{font-family:var(--k-texte)}.kova-systeme .methode-surface .methode-etape__temps{background-color:var(--k-lime)}.kova-systeme .methode-surface .methode-etape__icone svg{stroke:var(--k-encre)}.kova-systeme .temoignages-surface{--t-texte: var(--k-encre);--t-fond: var(--k-creme);--t-lavande: var(--k-lavande-pale);--t-menthe: var(--k-lime-pale);--t-apres: var(--k-creme);--t-avant: var(--k-lavande) !important;--t-police: var(--k-texte)}.kova-systeme .temoignages-surface .temoignages__titre{font-family:var(--k-titre);font-weight:400;letter-spacing:-.005em;text-transform:uppercase}.kova-systeme .temoignages-surface .temoignage__logo text{font-family:"Suisse Intl","Kova Geist","Helvetica Neue",Arial,sans-serif}.kova-systeme .kova-faq{--faq-ink: var(--k-encre);--faq-surface: var(--k-lavande-pale);background:var(--k-creme);font-family:var(--k-texte)}.kova-systeme .kova-faq__title{font-family:var(--k-titre);font-size:clamp(44px,5vw,72px);font-weight:400;line-height:.95;letter-spacing:-.005em;text-transform:uppercase}@font-face{font-family:"Kova Plex Mono";src:url(/assets/fonts/plex-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Kova Plex Mono";src:url(/assets/fonts/plex-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}.cp-bouton{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;margin:0;padding:0;width:100%;appearance:none;background:none;border:none;cursor:pointer;color:#fafafa;font-family:"Kova Plex Mono",ui-monospace,monospace;font-weight:500;letter-spacing:-.05em;line-height:1;text-decoration:none;text-transform:uppercase;white-space:nowrap;-webkit-tap-highlight-color:transparent}.cp-bouton:focus-visible{outline:2px solid #fc4778;outline-offset:3px;border-radius:999rem}.cp-bouton--moyen:focus-visible{border-radius:.375rem}.cp-bouton__ext{position:relative;display:block;width:100%;overflow:hidden}.cp-bouton__ext::before,.cp-bouton__ext::after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:transparent;border-radius:inherit;content:""}.cp-bouton__ext::before{clip-path:inset(0);background:#2b2b2b}.cp-bouton__ext::after{z-index:5;border:1px solid rgba(43,43,43,.169)}.cp-bouton__int,.cp-bouton__survol{display:flex;flex-direction:row;align-items:center;justify-content:center}.cp-bouton__int{position:relative;z-index:2}.cp-bouton__int .cp-bouton__texte{transition:transform .8s cubic-bezier(.23,1,.32,1);will-change:transform}.cp-bouton__texte{display:block;height:1em;line-height:.9}.cp-bouton__survol{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;border-radius:inherit;background:#fafafa;color:#2b2b2b;clip-path:ellipse(80% 50% at 50% 152%);transition:clip-path .6s cubic-bezier(.19,1,.22,1);will-change:clip-path}.cp-bouton__survol .cp-bouton__texte{position:relative;transform:translate3d(0,.5em,0);transition:transform .8s cubic-bezier(.23,1,.32,1);will-change:transform}.cp-bouton__survol .cp-bouton__texte::before,.cp-bouton__survol .cp-bouton__texte::after{display:block;transition:clip-path 1s cubic-bezier(.23,1,.32,1) 0s;content:attr(data-texte)}.cp-bouton__survol .cp-bouton__texte::before{position:absolute;top:0;left:0;clip-path:inset(0 0 0);color:#fc4778}.cp-bouton__survol .cp-bouton__texte::after{position:relative;clip-path:inset(100% 0 0)}@media(hover:hover){.cp-bouton:hover .cp-bouton__ext::before{clip-path:inset(0 0 110%);transition:clip-path .8s cubic-bezier(.86,0,.07,1)}.cp-bouton:hover .cp-bouton__int .cp-bouton__texte{transform:translate3d(0,-.75em,0);transition:transform .4s cubic-bezier(.55,-.61,.73,.04)}.cp-bouton:hover .cp-bouton__survol{clip-path:ellipse(100% 70% at 50% 50%);transition:clip-path .8s cubic-bezier(.86,0,.07,1)}.cp-bouton:hover .cp-bouton__survol .cp-bouton__texte{transform:translateZ(0);transition:transform .8s cubic-bezier(.19,1,.22,1) .35s}.cp-bouton:hover .cp-bouton__survol .cp-bouton__texte::before{clip-path:inset(0 0 100%);transition:clip-path .6s cubic-bezier(.19,1,.22,1) .35s}.cp-bouton:hover .cp-bouton__survol .cp-bouton__texte::after{clip-path:inset(0 0 0);transition:clip-path .6s cubic-bezier(.19,1,.22,1) .35s}}.cp-bouton--grand{font-size:1rem;font-weight:400}.cp-bouton--grand .cp-bouton__ext{padding:1rem 3rem;height:3rem;border-radius:999rem}.cp-bouton--moyen{font-size:.875rem}.cp-bouton--moyen .cp-bouton__ext{padding:.6875rem 1rem;border-radius:.375rem}@media(prefers-reduced-motion:reduce){.cp-bouton *,.cp-bouton *::before,.cp-bouton *::after{transition:none!important}}@font-face{font-family:"Kova Plex";src:url(/assets/apropos/plex.woff2) format("woff2");font-weight:100 700;font-style:normal;font-display:swap}footer.site-footer.pied-lettres{--pied-fond: #0c0522;--pied-encre: #fffefb;--pied-ligne: rgba(255, 254, 251, .16);display:block;min-height:0;margin:0;padding:7em 0 0;background:var(--pied-fond);color:var(--pied-encre);font-family:"Kova Plex",Arial,sans-serif;font-size:.833vw;line-height:1.5;-webkit-font-smoothing:antialiased}.pied-lettres__marge{padding:0 2.5em calc(2em + env(safe-area-inset-bottom,0px))}@font-face{font-family:"Kova Plex Mono";src:url(/assets/fonts/plex-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}.pied-lettres__liens{margin-bottom:1.5em}.pied-lettres__liens a{color:inherit;text-decoration:none;transition:opacity .25s ease;-webkit-tap-highlight-color:transparent}.pied-lettres__liens a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.pied-lettres__rang{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 32px}.pied-lettres__rang ul{display:flex;flex-wrap:wrap;gap:0 2.4em;margin:0;padding:0;list-style:none}.pied-lettres__rang a{display:inline-flex;align-items:center;min-height:44px;font-size:max(15px,1.25em);line-height:1.2;letter-spacing:-.01em;white-space:nowrap}.pied-lettres__rang ul a{opacity:.62}.pied-lettres__rang ul a:hover,.pied-lettres__rang ul a:focus-visible{opacity:1}.pied-lettres__legal{display:flex;flex-wrap:wrap;gap:0 1.8em;margin-top:1.4em;padding-top:.6em;font:500 max(11px,.82em)/1 var(--k-mono, "Kova Plex Mono", ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase}.pied-lettres__legal a,.pied-lettres__legal span{display:inline-flex;align-items:center;min-height:36px;opacity:.45}.pied-lettres__legal a:hover,.pied-lettres__legal a:focus-visible{opacity:1}.pied-lettres__conteneur{width:100%;max-width:114.979em;margin:0 auto}.pied-lettres__composant{border-top:1px solid var(--pied-ligne)}.pied-lettres__logo{position:relative;width:100%;height:30em;overflow:hidden;color:var(--pied-encre);cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.pied-lettres__toile{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.pied-lettres__repli{position:absolute;inset:0;display:flex;align-items:center;font-weight:600;font-size:15.5vw;line-height:1;letter-spacing:-.01em;white-space:nowrap}.pied-lettres__repli-court{display:none}.pied-lettres__curseur{position:fixed;top:0;left:0;z-index:25;padding:1em 1em 0 .5em;pointer-events:none;will-change:transform;opacity:0}.pied-lettres__bulle{position:relative;display:flex;justify-content:center;align-items:center;gap:.5em;height:2em;padding:0 .75em;border-radius:.25em;background-color:rgba(29,29,29,.6);-webkit-backdrop-filter:blur(1.5em);backdrop-filter:blur(1.5em);color:#fff;opacity:0;transform:translateX(0%) scale(1) rotate(.001deg);transition:transform .4s cubic-bezier(.625,.05,0,1),opacity .2s ease .1s}.pied-lettres__curseur[data-etat=active] .pied-lettres__bulle,.pied-lettres__curseur[data-etat=active-edge] .pied-lettres__bulle{opacity:1;transition:transform .4s cubic-bezier(.625,.05,0,1),opacity .2s ease 0s}.pied-lettres__curseur[data-etat=active-edge] .pied-lettres__bulle{transform:translateX(-100%) scale(1) rotate(.001deg)}.pied-lettres__bulle-texte{color:#fff;font-size:.875em;font-weight:430;letter-spacing:-.01em;white-space:nowrap}@media(hover:hover)and (pointer:fine){.pied-lettres__logo{cursor:none}}@media(hover:none)and (pointer:coarse){.pied-lettres__curseur{display:none}}@media(max-width:991px){footer.site-footer.pied-lettres{font-size:1.615vw}.pied-lettres__composant{padding-top:2em}.pied-lettres__repli{font-size:14.8vw}}@media(max-width:767px){footer.site-footer.pied-lettres{font-size:2.086vw;padding-top:4.5em}.pied-lettres__liens{margin-bottom:1em}.pied-lettres__rang{flex-direction:column;align-items:flex-start;gap:0}.pied-lettres__rang ul{gap:0 1.6em}.pied-lettres__legal{margin-top:1.6em;font-size:11px;letter-spacing:.06em}.pied-lettres__marge{padding-left:1em;padding-right:1em}.pied-lettres__repli{justify-content:center;font-size:34vw}.pied-lettres__repli-long{display:none}.pied-lettres__repli-court{display:inline}}@media(max-height:500px)and (hover:none)and (pointer:coarse){.pied-lettres__repli{justify-content:center;font-size:33vw}.pied-lettres__repli-long{display:none}.pied-lettres__repli-court{display:inline}}@media(max-width:479px){footer.site-footer.pied-lettres{font-size:3.738vw}.pied-lettres__logo{height:22.75em}.pied-lettres__repli{font-size:33.5vw}}@media(prefers-reduced-motion:reduce){.pied-lettres__liens a{transition:none}.pied-lettres__logo{cursor:default}.pied-lettres__curseur{display:none}}.page-secteurs{background:var(--k-lavande, #d3c5f6)}.secteurs{color:var(--k-encre);padding-top:clamp(132px,13vw,188px);padding-bottom:clamp(88px,10vw,144px)}.secteurs__entete,.secteurs__fin{padding-inline:max(3.6vw,16px,env(safe-area-inset-left))}.secteurs__etiquette{display:inline-flex;align-items:center;justify-content:center;margin:0 0 clamp(24px,3vw,36px);padding:15px 30px;border:1px solid currentColor;border-radius:50%;font:500 14px/1 var(--k-mono);letter-spacing:.06em;text-transform:uppercase}.secteurs__titre{margin:0;font-family:var(--k-titre);font-size:clamp(40px,6.67vw,96px);font-weight:400;line-height:.95;letter-spacing:-.005em;text-transform:uppercase}.secteurs__texte{max-width:34ch;margin:clamp(20px,2.4vw,28px) 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.5}.secteurs__liste{margin:clamp(56px,7vw,104px) 0 0;padding:0;list-style:none;border-bottom:1px solid rgba(21,7,52,.28)}.secteur{position:relative;display:grid;grid-template-columns:4.5em minmax(0,1fr) auto auto;align-items:center;gap:0 clamp(16px,2.4vw,40px);padding:clamp(14px,1.6vw,24px) max(3.6vw,16px,env(safe-area-inset-right)) clamp(14px,1.6vw,24px) max(3.6vw,16px,env(safe-area-inset-left));border-top:1px solid rgba(21,7,52,.28);color:inherit;text-decoration:none;isolation:isolate;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:color .5s cubic-bezier(.625,.05,0,1)}.secteur::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--secteur);transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.625,.05,0,1)}.secteur:hover,.secteur:focus-visible{color:var(--secteur-texte)}.secteur:hover::before,.secteur:focus-visible::before{transform:scaleY(1)}.secteur:focus-visible{outline:2px solid var(--k-encre);outline-offset:-4px}.secteur__num{display:inline-flex;align-items:center;gap:10px;font:500 14px/1 var(--k-mono);letter-spacing:.06em}.secteur__num::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--secteur);box-shadow:0 0 0 1px rgba(21,7,52,.18);transition:box-shadow .5s ease}.secteur:hover .secteur__num::before,.secteur:focus-visible .secteur__num::before{box-shadow:0 0 0 1px currentColor}.secteur__nom{font-family:var(--k-titre);font-size:clamp(44px,8vw,128px);line-height:.95;letter-spacing:-.005em;text-transform:uppercase}.secteur__region{font:500 14px/1 var(--k-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.62}.secteur__fleche{font-size:clamp(24px,2.6vw,40px);line-height:1;transition:transform .5s cubic-bezier(.625,.05,0,1)}.secteur:hover .secteur__fleche,.secteur:focus-visible .secteur__fleche{transform:translate(.12em,-.12em)}.secteur--sherbrooke{--secteur: var(--k-bleu);--secteur-texte: var(--k-creme)}.secteur--magog{--secteur: var(--k-rose);--secteur-texte: var(--k-encre)}.secteur--granby{--secteur: var(--k-orange);--secteur-texte: var(--k-encre)}.secteur--bromont{--secteur: var(--k-rouge);--secteur-texte: var(--k-creme)}.secteur--cowansville{--secteur: var(--k-encre);--secteur-texte: var(--k-creme)}.secteurs__fin{margin-top:clamp(48px,6vw,88px)}.secteurs__fin .cp-bouton{width:fit-content;max-width:100%}@media(max-width:576px){.secteurs__fin .cp-bouton{width:100%}}@media(max-width:360px){.secteurs__fin .cp-bouton__ext{padding-inline:1.25rem}}@media(max-width:767px){.secteur{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"num nom fleche" "num region fleche";gap:6px 16px;padding-block:18px}.secteur__num{grid-area:num;align-self:start;padding-top:.55em;font-size:12px}.secteur__num::before{width:10px;height:10px}.secteur__nom{grid-area:nom;font-size:clamp(40px,12vw,64px)}.secteur__region{grid-area:region;font-size:11px}.secteur__fleche{grid-area:fleche;font-size:26px}}@media(prefers-reduced-motion:reduce){.secteur,.secteur::before,.secteur__fleche{transition:none}}
