*,: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{--sable:#fdf3df;--sable-clair:#fff9ec;--charbon:#231a14;--soleil:#ffc53a;--piment:#d9412b;--piment-fonce:#b5331f;--piment-clair:#f06c52;--baraque:#14838c;--baraque-fonce:#117178;--charbon-doux:#60574d;--sable-doux:#bcb2a2;--soleil-doux:#614a1f;--filet-champ:#857c6f;--font-display:var(--font-bricolage), "Arial Narrow", "Helvetica Neue", sans-serif;--font-text:var(--font-archivo), system-ui, -apple-system, "Segoe UI", sans-serif;--b:16px;--fs--1:calc(var(--b) * .8);--fs-0:var(--b);--fs-1:calc(var(--b) * 1.25);--fs-2:calc(var(--b) * 1.5625);--fs-3:calc(var(--b) * 1.9531);--fs-4:calc(var(--b) * 2.4414);--fs-5:calc(var(--b) * 3.0518);--fs-6:calc(var(--b) * 3.8147);--fs-7:calc(var(--b) * 4.7684);--fs-8:calc(var(--b) * 5.9605);--fs-9:calc(var(--b) * 7.4506);--gutter:clamp(24px, 5vw, 64px);--page:1360px;--col-gap:clamp(16px, 2.4vw, 40px);--radius:12px;--bar-h:72px;--bg:var(--sable);--fg:var(--charbon);--fg-soft:var(--charbon-doux);--line:#231a142e;--accent:var(--piment);--accent-text:var(--piment-fonce);--focus:var(--charbon)}@media (min-width:900px){:root{--b:clamp(17px, 10px + .55vw, 20px);--bar-h:0px}}html{background:var(--sable);scroll-padding-top:var(--sp-2)}@media (prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}body{background:var(--sable);color:var(--charbon);font-family:var(--font-text);font-size:var(--fs-0);font-synthesis:none;text-rendering:optimizelegibility;padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom));line-height:1.55}@media (min-width:900px){body{padding-bottom:0}}::selection{background:var(--soleil);color:var(--charbon)}:focus-visible{outline-color:var(--focus)}.tb-sable,.tb-charbon,.tb-soleil,.tb-baraque{background:var(--bg);color:var(--fg)}.tb-sable{--bg:var(--sable);--fg:var(--charbon);--fg-soft:var(--charbon-doux);--line:#231a142e;--accent:var(--piment);--accent-text:var(--piment-fonce);--focus:var(--charbon)}.tb-charbon{--bg:var(--charbon);--fg:var(--sable);--fg-soft:var(--sable-doux);--line:#fdf3df33;--accent:var(--soleil);--accent-text:var(--soleil);--focus:var(--soleil)}.tb-soleil{--bg:var(--soleil);--fg:var(--charbon);--fg-soft:var(--soleil-doux);--line:#231a1447;--accent:var(--charbon);--accent-text:var(--charbon);--focus:var(--charbon)}.tb-baraque{--bg:var(--baraque-fonce);--fg:var(--sable);--fg-soft:var(--sable);--line:#fdf3df4d;--accent:var(--soleil);--accent-text:var(--sable);--focus:var(--soleil)}.tb-wrap{width:min(100% - 2 * var(--gutter), var(--page));margin-inline:auto}.tb-section{padding-block:clamp(64px,8vw,104px)}.tb-display{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-weight:800;font-stretch:78%;line-height:.94}.tb-h2{font-size:var(--fs-5)}@media (min-width:900px){.tb-h2{font-size:var(--fs-6)}}.tb-kicker{font-family:var(--font-text);font-size:var(--fs--1);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);font-weight:700;line-height:1.3}.tb-lead{font-size:var(--fs-1);text-wrap:pretty;max-width:34ch;line-height:1.45}.tb-soft{color:var(--fg-soft)}.tb-num{font-variant-numeric:tabular-nums lining-nums}.tb-nowrap{white-space:nowrap}.tb-btn{--lagon-fill:var(--charbon);min-height:56px;font-family:var(--font-text);font-size:max(16px, var(--fs-0));text-align:center;white-space:nowrap;cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-weight:700;line-height:1.1;display:inline-flex}.tb-btn svg{flex:none;width:1.15em;height:1.15em}.tb-btn--soleil{--lagon-fill:var(--charbon);background:var(--soleil);border-color:var(--soleil);color:var(--charbon)}.tb-btn--ghost{--lagon-fill:var(--fg);color:var(--fg);background:0 0;border-color:currentColor}.tb-btn--charbon{--lagon-fill:var(--piment-fonce);background:var(--charbon);border-color:var(--charbon);color:var(--sable)}.tb-btn--soleil:focus-visible{color:var(--soleil)}.tb-btn--ghost:focus-visible{color:var(--bg)}@media (hover:hover) and (pointer:fine){.tb-btn--soleil:hover{color:var(--soleil)}.tb-btn--ghost:hover{color:var(--bg)}}.tb-chip{min-height:44px;font-size:max(15px, var(--fs--1));white-space:nowrap;border:1.5px solid;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-weight:600;line-height:1.1;display:inline-flex}@media (hover:hover) and (pointer:fine){.tb-chip:hover{background:var(--fg);color:var(--bg)}}.tb-madras{background-color:var(--soleil);background-image:linear-gradient(90deg,#0000 0 44%,#14838cf2 44% 50%,#0000 50%),linear-gradient(90deg,#d9412bb8 50%,#0000 50%),linear-gradient(#d9412bb8 50%,#0000 50%);background-size:56px 14px,14px 14px,14px 14px;height:14px}.tb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tb-skip{left:var(--sp-2);z-index:100;min-height:48px;padding:0 var(--sp-3);background:var(--charbon);color:var(--sable);--focus:var(--charbon);border-radius:999px;align-items:center;font-weight:700;display:inline-flex;position:absolute;top:-80px}.tb-skip:focus-visible{top:var(--sp-2)}.tb-photo{background:var(--charbon);position:relative;overflow:hidden}.tb-photo img{object-fit:cover}