*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}
:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--t-press:.12s;--t-ui:.22s;--t-story:.6s;--ease-lagon-out:var(--ease-out);--ease-lagon-inout:var(--ease-in-out);--ease-lagon-in:var(--ease-out);--dur-micro:var(--t-press);--dur-hover:var(--t-ui);--dur-reveal:var(--t-story);--dur-section:var(--t-story);--dur-zoom:var(--t-story);--sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:40px;--sp-5:64px;--sp-6:104px;--type-ratio:1.25;--measure-max:65ch;--hairline:1px}.lagon-press,.lagon-fill{transition:transform var(--t-press) var(--ease-out), background-color var(--t-ui) var(--ease-out), color var(--t-ui) var(--ease-out), border-color var(--t-ui) var(--ease-out)}.lagon-press:active,.lagon-fill:active{transform:scale(.97)}.lagon-fill{isolation:isolate;position:relative;overflow:clip}.lagon-fill:before{content:"";z-index:-1;background:var(--lagon-fill,currentColor);transition:transform .32s var(--ease-out);position:absolute;inset:0;transform:translateY(101%)}.lagon-fill:focus-visible:before{transform:none}.lagon-roll{vertical-align:bottom;display:inline-block;position:relative;overflow:clip}.lagon-roll>span{transition:transform var(--t-ui) var(--ease-out);display:inline-block}.lagon-roll:after{content:attr(data-text);transition:transform var(--t-ui) var(--ease-out);position:absolute;inset:0;transform:translateY(100%)}.lagon-roll:focus-visible>span{transform:translateY(-100%)}.lagon-roll:focus-visible:after{transform:none}.lagon-underline{position:relative}.lagon-underline:after{content:"";width:100%;height:var(--hairline);transform-origin:100%;transition:transform var(--t-ui) var(--ease-out);background:currentColor;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.lagon-underline:focus-visible:after{transform-origin:0;transform:scaleX(1)}.lagon-zoom{overflow:clip}.lagon-zoom :is(img,.lagon-img){transition:transform var(--t-story) var(--ease-out)}.lagon-zoom:focus-within :is(img,.lagon-img){transform:scale(1.04)}.lagon-arrow{align-items:center;gap:.5em;display:inline-flex}.lagon-arrow .arrow{transition:transform var(--t-ui) var(--ease-out);display:inline-flex}.lagon-arrow:focus-visible .arrow{transform:translate(.4em)}.lagon-row{position:relative}.lagon-row:before{content:"";width:var(--hairline);transform-origin:top;transition:transform var(--t-ui) var(--ease-out);background:currentColor;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.lagon-row>:first-child{transition:transform var(--t-ui) var(--ease-out)}.lagon-row:focus-within:before{transform:scaleY(1)}.lagon-row:focus-within>:first-child{transform:translateX(var(--sp-2))}@media (hover:hover) and (pointer:fine){.lagon-fill:hover:before{transform:none}.lagon-roll:hover>span{transform:translateY(-100%)}.lagon-roll:hover:after{transform:none}.lagon-underline:hover:after{transform-origin:0;transform:scaleX(1)}.lagon-zoom:hover :is(img,.lagon-img){transform:scale(1.04)}.lagon-arrow:hover .arrow{transform:translate(.4em)}.lagon-row:hover:before{transform:scaleY(1)}.lagon-row:hover>:first-child{transform:translateX(var(--sp-2))}}.lagon-w{vertical-align:bottom;margin-block:-.12em;padding-block:.12em;display:inline-block;overflow:clip}.lagon-w__i{display:inline-block}@keyframes lagon-word{0%{transform:translateY(115%)}to{transform:none}}@keyframes lagon-rise{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}@keyframes lagon-settle{0%{transform:scale(1.06)}to{transform:none}}@media (prefers-reduced-motion:no-preference){html:not(.lagon-vu) .lagon-hero-title .lagon-w__i{animation:lagon-word .76s var(--ease-out) both;animation-delay:calc(80ms + var(--i,0) * 60ms)}html:not(.lagon-vu) .lagon-hero-rise{animation:lagon-rise .8s var(--ease-out) .36s both}html:not(.lagon-vu) .lagon-hero-settle{animation:lagon-settle 1.4s var(--ease-out) both}html.lagon-motion [data-reveal=rise]{opacity:0;transition:opacity var(--t-story) var(--ease-out), transform var(--t-story) var(--ease-out);transform:translateY(24px)}html.lagon-motion [data-reveal=fade]{opacity:0;transition:opacity var(--t-story) var(--ease-out)}html.lagon-motion [data-reveal].is-in{opacity:1;transform:none}html.lagon-motion [data-reveal=draw] path[pathLength]{stroke-dasharray:1;stroke-dashoffset:1px}html.lagon-motion [data-reveal=draw].is-in path[pathLength]{stroke-dashoffset:0;transition:stroke-dashoffset .9s var(--ease-in-out)}}@keyframes lagon-g-hero{0%,50%{transform:none}to{transform:translateY(16%)scale(1.14)}}@keyframes lagon-g-hero-text{0%,50%{transform:none}to{transform:translateY(-18%)}}@keyframes lagon-g-lit{0%{opacity:.5}to{opacity:1}}@keyframes lagon-g-unmask{0%{clip-path:inset(14% 9%)}40%,to{clip-path:inset(0)}}@keyframes lagon-g-window{0%{transform:translateY(-7%)scale(1.16)}to{transform:translateY(7%)scale(1.16)}}@keyframes lagon-g-window-r{0%{transform:translateY(7%)scale(1.16)}to{transform:translateY(-7%)scale(1.16)}}@keyframes lagon-g-drift{0%{transform:translateY(-5%)scale(1.1)}to{transform:translateY(5%)scale(1.1)}}@keyframes lagon-g-settle{0%{transform:scale(1.18)}50%,to{transform:none}}@keyframes lagon-g-fill{0%,8%{transform:scaleX(0)}42%,to{transform:scaleX(1)}}@keyframes lagon-g-band{0%{transform:translate(0)}to{transform:translate(calc(-40vw - 240px))}}@keyframes lagon-g-band-r{0%{transform:translate(calc(-40vw - 240px))}to{transform:translate(0)}}@keyframes lagon-g-slide{0%{transform:translate(-6%)}to{transform:translate(6%)}}@keyframes lagon-g-slide-r{0%{transform:translate(6%)}to{transform:translate(-6%)}}@keyframes lagon-g-lift{0%{transform:translateY(12%)}to{transform:translateY(-12%)}}@keyframes lagon-g-spin{0%{transform:rotate(-90deg)}to{transform:rotate(90deg)}}@keyframes lagon-g-tilt{0%{transform:rotate(-4deg)}50%{transform:none}to{transform:rotate(4deg)}}[data-scrub]{view-timeline:--lagon-s block}[data-g=hero]{--g:lagon-g-hero}[data-g=hero-text]{--g:lagon-g-hero-text}[data-g=lit]{--g:lagon-g-lit}[data-g=unmask]{--g:lagon-g-unmask}[data-g=window]{--g:lagon-g-window}[data-g=window-r]{--g:lagon-g-window-r}[data-g=drift]{--g:lagon-g-drift}[data-g=settle]{--g:lagon-g-settle}[data-g=fill]{--g:lagon-g-fill}[data-g=band]{--g:lagon-g-band}[data-g=band-r]{--g:lagon-g-band-r}[data-g=slide]{--g:lagon-g-slide}[data-g=slide-r]{--g:lagon-g-slide-r}[data-g=lift]{--g:lagon-g-lift}[data-g=spin]{--g:lagon-g-spin}[data-g=tilt]{--g:lagon-g-tilt}[data-g=fill]{transform-origin:0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){[data-g]{animation:var(--g) linear both;animation-timeline:--lagon-s}[data-g=lit]{animation-range:cover calc(12% + var(--i) / var(--n) * 24%) cover calc(24% + var(--i) / var(--n) * 24%)}}@supports not (animation-timeline:view()){html.lagon-motion [data-g]{animation:var(--g) 1s linear both paused}}}.lagon-rail__track{gap:var(--rail-gap,clamp(16px, 1.8vw, 24px));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rail-pad,0px);padding:4px var(--rail-pad,0px) 16px;scrollbar-width:none;display:flex;overflow-x:auto}.lagon-rail__track::-webkit-scrollbar{display:none}.lagon-rail__track>*{scroll-snap-align:start;flex:none}.lagon-rail__foot{align-items:center;gap:var(--sp-3);padding:0 var(--rail-pad,0px);display:flex}.lagon-rail__progress{background:color-mix(in srgb, currentColor 22%, transparent);flex:1;height:2px;overflow:hidden}.lagon-rail__progress>span{transform-origin:0;height:100%;transform:scaleX(calc(.14 + var(--rp,0) * .86));background:currentColor;display:block}.lagon-rail__controls{gap:var(--sp-1);display:none}.lagon-rail__controls button{border:var(--hairline) solid currentColor;width:48px;height:48px;color:inherit;cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:grid}.lagon-rail__controls svg{width:18px;height:18px}@media (hover:hover) and (pointer:fine){.lagon-rail__controls{display:flex}}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-offset:3px;outline:2px solid}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:1ms!important}.lagon-press:active,.lagon-fill:active{transform:none}.lagon-fill:before,.lagon-roll>span,.lagon-roll:after,.lagon-underline:after,.lagon-zoom :is(img,.lagon-img),.lagon-arrow .arrow,.lagon-row:before,.lagon-row>:first-child{transition-duration:.2s;transition-timing-function:linear}}
:root{--lin:#eef2f0;--lin-creux:#e5eae7;--craie:#fcfdfb;--ardoise:#1f2a2e;--encre:#1f2a2e;--encre-douce:#4a585c;--menthe:#2f7d5b;--menthe-encre:#256647;--menthe-clair:#8fd3b0;--lin-douce:#b9c6c2;--corail:#e5705c;--filet:#1f2a2e29;--filet-fort:#1f2a2e4d;--filet-clair:#eef2f038;--filet-clair-fort:#eef2f066;--ff-display:var(--font-display), "Sora", ui-sans-serif, system-ui, sans-serif;--ff-text:var(--font-text), "Nunito Sans", ui-sans-serif, system-ui, sans-serif;--fs-base:1rem;--fs-100:calc(var(--fs-base) * .8);--fs-200:var(--fs-base);--fs-300:calc(var(--fs-base) * 1.25);--fs-400:calc(var(--fs-base) * 1.5625);--fs-500:calc(var(--fs-base) * 1.9531);--fs-600:calc(var(--fs-base) * 2.4414);--fs-700:calc(var(--fs-base) * 3.0518);--fs-800:calc(var(--fs-base) * 3.8147);--fs-display:clamp(2.4rem, 1.6rem + 3.2vw, 4.25rem);--fs-titre:clamp(2rem, 1.2rem + 2.6vw, 3.1rem);--marge:clamp(var(--sp-3), 4.6vw, var(--sp-5))}@media (min-width:1280px){:root{--fs-base:clamp(17px, 10px + .55vw, 20px);--fs-display:clamp(6rem, 2.5rem + 4vw, 7rem);--fs-titre:clamp(4rem, 1.75rem + 2.8vw, 4.75rem)}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--lin);color:var(--encre);font-family:var(--ff-text);font-size:var(--fs-200);text-underline-offset:.18em;font-weight:400;line-height:1.7}::selection{background:var(--menthe-clair);color:var(--ardoise)}:where(h1,h2,h3,h4){font-family:var(--ff-display);letter-spacing:-.03em;text-wrap:balance;font-weight:600;line-height:1.08}:where(a,button)[data-touch]{align-items:center;min-height:44px;display:inline-flex}