@font-face{font-family:EtauSans;src:url('../intro/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--noir:#030303;--blanc:#dededc;--rouge:#b01419;--bord:#303030;--gris:#8f8f8d;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;background:var(--noir);color:var(--blanc)}body{font-family:EtauSans,Arial,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--blanc);outline-offset:6px}[hidden]{display:none!important}
.etau{position:relative;isolation:isolate;min-height:640px;height:100vh;height:100svh;overflow:hidden;padding:0 3.15vw;display:grid;grid-template-rows:90px minmax(0,1fr) 130px}
.etau-nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:40px}.etau-nav__nom{display:flex;align-items:center;gap:11px;font-weight:650;letter-spacing:.02em}.etau-nav__nom svg{width:33px;height:33px;fill:var(--rouge)}.etau-nav__nom,.etau-nav nav button{font-family:EtauSans,Arial,sans-serif;font-size:14px;line-height:1.2}.etau-nav nav{display:flex;flex:1;justify-content:space-between;gap:18px;max-width:70%}.etau-nav__groupe{display:flex;gap:7px}.etau-nav nav button{min-height:40px;padding:10px 18px;border:1px solid var(--bord);border-radius:3px;transition:background .2s,border-color .2s}.etau-nav nav button:hover{background:#191919;border-color:#777}.etau-nav__menu{display:none;width:44px;height:44px;padding:10px 5px;border:1px solid var(--bord);border-radius:3px}.etau-nav__menu span{display:block;height:1px;background:currentColor;margin:6px 3px}
.etau-hero{position:relative;min-height:0;isolation:isolate}.etau-hero__contour{position:absolute;inset:23% 0 15%;z-index:0;pointer-events:none}.etau-hero__contour::before,.etau-hero__contour::after{content:'';position:absolute;top:0;bottom:0;width:clamp(52px,6vw,96px);border:1px solid #414141}.etau-hero__contour::before{left:0;border-right:0;border-radius:80px 0 0 80px;mask-image:linear-gradient(to right,#000 35%,transparent)}.etau-hero__contour::after{right:0;border-left:0;border-radius:0 80px 80px 0;mask-image:linear-gradient(to left,#000 35%,transparent)}
.etau-titre{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30%;margin:0;padding:0 2.8%;pointer-events:none;font-size:clamp(46px,5.1vw,98px);font-weight:400;letter-spacing:-.055em;word-spacing:.045em;line-height:1;transform:translateY(4%)}.etau-titre span{white-space:nowrap}.etau-modele{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46vw;height:56vh;max-height:620px;max-width:950px;margin:0;pointer-events:none;z-index:1}.etau-modele__repli,.etau-modele__canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.etau-modele__canvas{opacity:0;transition:opacity .6s}.etau-modele.is-ready .etau-modele__canvas{opacity:1}.etau-modele.is-ready .etau-modele__repli{visibility:hidden}
.etau-bas{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3;padding-bottom:25px}.etau-bas__metier{font-size:18px;line-height:1.4;letter-spacing:-.035em;text-align:left;padding:6px 0}.etau-bas__metier:hover{color:#fff}.etau-pause{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;color:var(--gris);padding:8px 2px}.etau-pause:hover{color:var(--blanc)}.etau-pause__symbole{width:9px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor}.etau-pause[aria-pressed=true] .etau-pause__symbole{height:9px;width:9px;border:1px solid currentColor}
.etau-panneau{position:fixed;inset:0 0 0 auto;margin:0;width:min(680px,100vw);max-width:none;height:100dvh;max-height:none;padding:36px 44px;background:#111;color:var(--blanc);border:1px solid var(--bord);overflow:auto}.etau-panneau::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(7px)}.etau-panneau[open]{animation:etau-panneau .25s ease-out}.etau-panneau form{display:flex;justify-content:flex-end}.etau-fermer{display:flex;gap:20px;align-items:center;padding:8px 0;font-size:16px}.etau-fermer span{font-size:30px}.etau-panneau h2{font-size:clamp(38px,5vw,64px);font-weight:400;line-height:1;letter-spacing:-.05em;margin:70px 0 36px}.etau-panneau p{font-size:18px;line-height:1.6}.etau-panneau a{display:inline-block;border-bottom:1px solid var(--rouge);padding:8px 0;margin-top:14px}.etau-panneau ul{list-style:none;margin:28px 0;padding:0}.etau-panneau li{padding:14px 0;border-bottom:1px solid var(--bord);font-size:23px}.etau-panneau .etau-note{font-size:14px;line-height:1.5;color:var(--gris)}.etau-detail{display:block;width:100%;height:auto}.etau-liens{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.etau-liens button{font-size:clamp(30px,6vw,50px);letter-spacing:-.04em;text-align:left}.etau-panneau footer{margin-top:70px;font-size:13px}
@keyframes etau-panneau{from{transform:translateX(40px);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(min-width:1700px){.etau{grid-template-rows:110px minmax(0,1fr) 160px}.etau-nav__nom,.etau-nav nav button{font-size:17px}.etau-nav nav button{padding:14px 23px}.etau-bas__metier{font-size:22px}}
@media(max-width:1000px){.etau-nav nav{max-width:77%}.etau-nav nav button{padding:10px 12px}.etau-nav{gap:25px}.etau-titre{font-size:6vw;padding:0 2%}.etau-modele{width:58vw;height:min(43vh,58vw)}.etau{grid-template-rows:80px minmax(0,1fr) 120px}}
@media(max-width:700px){.etau{padding:0 24px;min-height:600px;grid-template-rows:78px minmax(0,1fr) 100px}.etau-nav nav{display:none}.etau-nav__nom{font-size:16px}.etau-nav__menu{display:block}.etau-titre{flex-direction:column;justify-content:space-between;align-items:flex-start;padding:6% 0 7%;gap:0;font-size:clamp(46px,12.6vw,80px);transform:none}.etau-titre span+span{align-self:flex-end}.etau-modele{width:100vw;height:min(44vh,100vw);max-height:440px;top:49%}.etau-hero__contour{inset:11% -8px 12%}.etau-hero__contour::before,.etau-hero__contour::after{width:12%;border-color:#414141}.etau-bas{padding-bottom:15px}.etau-bas__metier{font-size:15px}.etau-panneau{padding:22px}.etau-panneau h2{margin-top:50px}.etau-panneau p{font-size:17px}}
@media(max-width:360px){.etau{padding:0 18px;min-height:540px;grid-template-rows:70px minmax(0,1fr) 84px}.etau-titre{font-size:13vw}.etau-modele{height:min(44vh,100vw)}}
@media (max-height:500px) and (min-width:701px){.etau{min-height:390px;grid-template-rows:65px minmax(0,1fr) 62px}.etau-bas{padding-bottom:5px}.etau-modele{height:58vh;width:45vw}.etau-titre{font-size:5.5vw}.etau-bas__metier{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}