.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:108px 0 6vh;overflow:hidden}.eye-slot{position:relative;flex-shrink:0;width:min(35vh,66vw);aspect-ratio:1;margin-bottom:3vh}.hero-eye{position:absolute;left:50%;top:50%;width:min(120vh,125vw);aspect-ratio:1;transform:translate(-50%,-50%)}.hud{position:absolute;inset:0;pointer-events:none}.hud svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hud .spin{transform-origin:50% 50%;animation:spin 60s linear infinite}.hud .spin-r{transform-origin:50% 50%;animation:spin 24s linear infinite reverse}.hud .corner{stroke:#8fdcff8c;stroke-width:1.2;fill:none;stroke-dasharray:60;stroke-dashoffset:60;animation:hud-draw 1.2s 1.2s var(--ease) forwards}@keyframes hud-draw{to{stroke-dashoffset:0}}.hero:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(180deg,transparent,#000 78%);pointer-events:none}.hero-text{position:relative;z-index:2}.hero .t-lead{max-width:600px;margin:22px auto 0;text-wrap:balance}.swap{display:inline-block;min-height:1em;white-space:nowrap}.swap>span{opacity:0;animation:fadein .9s .75s var(--ease) forwards}.swap .cur{display:inline-block;width:.055em;height:.82em;margin-left:.06em;vertical-align:-.06em;border-radius:2px;background:var(--ice);opacity:0;transition:opacity .3s}.swap.typing .cur{opacity:1}.swap.idle .cur{opacity:1;animation:blink 1s steps(1) infinite}.sec.home-produit{padding-top:20px}.oeil-title{font-size:clamp(88px,17vw,240px);font-weight:500;letter-spacing:-.07em;line-height:.86}.oeil-title sup{font-size:.24em;letter-spacing:-.02em;vertical-align:.95em;margin-left:.05em;color:var(--text-2);-webkit-text-fill-color:var(--text-2)}.oeil-intro{max-width:660px}.oeil-more{margin-top:32px;text-align:center}@media(min-width:641px)and (max-height:820px){.hero{padding:84px 0 5vh}.eye-slot{width:min(31vh,66vw);margin-bottom:2vh}.hero-eye{width:min(106vh,125vw)}.hero .t-hero{font-size:min(6.4vw,10vh)}.hero .ctas{margin-top:24px}}@media(max-width:640px){.hero{padding:92px 0 6vh}.eye-slot{width:70vw;margin-bottom:2vh}.hero-eye{width:150vw}.hero .t-lead{margin-top:18px}.oeil-title{font-size:112px}.oeil-more{margin-top:20px}}