*,*:after,*:before{box-sizing:border-box}:root{font-size:12px}body{margin:0;--color-frame-bg: #ffffff;--color-text: #000;--color-bg: #f8f9fa;--color-link: #247ccf6b;--color-link-hover: #000;--color-menu: #000;--color-menu-hover: #0068b3;--color-menu-deco: #000;color:var(--color-text);background-color:var(--color-bg);--cursor-stroke: none;--cursor-fill: #0aa240;--cursor-stroke-width: 1px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:wedding-gothic-atf,sans-serif;font-weight:600;overflow-x:hidden}h1{margin:0}.background{position:fixed;width:100vw;height:100%;background:#000;background:transparent url(/assets/grain-d022f9df.gif) repeat;opacity:.1}a{text-decoration:none;color:var(--color-link);outline:none;cursor:pointer}a:hover,a:focus{color:var(--color-link-hover);outline:none}.menu{padding:100px 0;min-height:100vh;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px;counter-reset:menucounter}h1{font-size:clamp(.25rem,2vw,1rem)}header{position:absolute;padding:1rem 1.5rem;width:100%;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:15px;z-index:1000}a.frame__demo--current{border-color:transparent;color:var(--color-text)}.menu__item{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%}.menu__item:before{text-align:right;justify-self:end;counter-increment:menucounter;content:counters(menucounter,".",decimal-leading-zero);color:var(--color-menu-deco);opacity:0;font-family:wedding-gothic-atf,sans-serif;font-weight:100;line-height:1;padding-right:2rem;font-size:clamp(1.5rem,5vw,4rem);transform:translate(1rem);transition:transform .3s,opacity .3s}.menu__item:hover:before{color:var(--color-menu-deco);opacity:1;transform:translate(0)}.menu__item-text{position:relative;cursor:pointer;display:block;overflow:hidden;line-height:1;height:100%}.menu__item-textinner{font-size:clamp(1.9rem,7vw,5rem);width:100%;height:100%;position:relative;display:block;font-family:ambroise-firmin-std,serif;font-weight:300;text-transform:uppercase;white-space:nowrap;color:var(--color-menu)}.js .menu__item-textinner{transform:translateY(100%)}.menu__item:hover .menu__item-textinner{color:var(--hover-color)}.menu__item-sub{opacity:0;position:relative;font-size:clamp(.45rem,1.5vw,1rem);text-transform:uppercase;font-family:wedding-gothic-atf,sans-serif;font-weight:600;white-space:nowrap;line-height:1;color:var(--color-menu-deco);transform:translate(-1rem);transition:transform .3s,opacity .3s}.menu__item-technos{margin-top:10px;color:var(--hover-color);display:block}.menu__item:hover .menu__item-sub{color:var(--color-menu-deco);opacity:1;transform:translate(0)}.hover-reveal{position:absolute;z-index:100;width:500px;height:280px;top:0;left:0;pointer-events:none;opacity:0;will-change:transform,filter}.hover-reveal__inner{overflow:hidden}.hover-reveal__inner,.hover-reveal__img{width:100%;height:100%;position:relative;background-color:#fff}.hover-reveal__img{background-size:cover;background-position:50% 50%}.linkedin-icon{width:20px;height:20px;margin-bottom:3px}@media screen and (any-hover: none){.hover-reveal{display:none}.menu__item:before{opacity:1}.menu__item-sub{opacity:1}.menu{gap:40px}}@media screen and (max-width: 768px){.menu__item-technos{margin-top:4px}header{flex-direction:column;gap:5px}.linkedin-icon{width:15px;height:15px}}