.wrap-ring{position:relative}.cercle{transform-origin:50%;pointer-events:none;z-index:-1;mix-blend-mode:difference;place-items:center;display:grid;position:absolute;right:0;overflow:visible}
.page{--p:0;--gradientlight:linear-gradient(86deg, #fd1f00 0%, #fe682b 32%, #ffbb81 60%, #1e7a64 100%)}.title{margin:0;font-size:clamp(3.3rem,10vw,15rem);font-weight:700}.skewElem{transform-origin:50%;will-change:transform;color:#0000;background-image:var(--gradientlight),linear-gradient(#fff, #fff);background-position:0 0,0 0;background-repeat:no-repeat,no-repeat;background-size:100% calc(var(--p,0)*1%),100% 100%;-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}@media (max-width:800px){.skewImg{display:none}}
:root{--cercle-size:clamp(240px, 52vmin, 560px);--cercle-inner-scale:.64;--cercle-text-size:clamp(16px, 3.2vmin, 28px)}.cercle-section{width:100%;position:absolute}.cercle-hero-ghost{width:var(--cercle-size);height:var(--cercle-size);pointer-events:none;z-index:-5;position:absolute;right:-100vw}.wrap-ring.cercle-ghost__svg{margin:auto;position:absolute;inset:0}
.hero-object{background-position:0;background-size:400%;animation:1.2s cubic-bezier(.76,0,.24,1) 1.2s both hero-object-reveal,7s infinite alternate hero-object-animation}.hero-arrow{opacity:.5;font-size:clamp(1rem,1.5vw,9rem);font-weight:800;line-height:.95}@keyframes hero-object-reveal{0%{clip-path:inset(calc(50% - 80px) round 32px)}20%{clip-path:inset(calc(50% - 60px) round 32px)}30%{clip-path:inset(calc(50% - 60px) round 32px)}to{clip-path:inset(0% round 32px)}}@keyframes hero-object-animation{0%{background-position:40%}to{background-position:100%}}.animated-hero{position:relative}.ah-title{font-size:clamp(3rem,5vw,12rem);font-weight:800;line-height:.95}.animated-hero .ah-subtitle{opacity:.9;max-width:70ch;color:var(--background);margin:0;font-size:clamp(1rem,1.8vw,3rem);font-weight:600;line-height:1.4}.animated-hero .ah-mid{opacity:.9;max-width:70ch;color:var(--background);margin:0;font-size:clamp(2rem,5vw,8rem);line-height:1.4}.cercle-accueil{width:var(--cercle-size);height:var(--cercle-size);pointer-events:none;position:relative}.cercle-accueil__cercles{z-index:-1;position:absolute;inset:0}.arrow-mask{height:1em;line-height:1;display:inline-block;overflow:hidden}.cercle-accueil__texte{color:var(--background);font-size:var(--cercle-text-size);text-align:center;pointer-events:auto;z-index:25;place-items:center;display:grid;position:absolute;inset:0}.wrap-ring.cercle-accueil__svg{margin:auto;position:absolute;inset:0}@media (max-width:480px){:root{--cercle-inner-scale:.66}}@media (max-width:1280px){.cercle-accueil{display:none}}