.w2-orthoptiste{--paper:#edeff9;--ink:#192894;--accent:#a8c8ef;--motion:0;position:relative;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;overflow:clip}
.w2-orthoptiste *{box-sizing:border-box} .w2-orthoptiste h1,.w2-orthoptiste h2,.w2-orthoptiste h3,.w2-orthoptiste p,.w2-orthoptiste figure{margin:0} .w2-orthoptiste a{color:inherit;text-decoration:none} .w2-orthoptiste button,.w2-orthoptiste input,.w2-orthoptiste select{font:inherit} .w2-orthoptiste button,.w2-orthoptiste select{max-width:100%} .w2-orthoptiste img{display:block;width:100%;height:100%;object-fit:cover} .w2-orthoptiste h1{font-size:clamp(3.5rem,7.6vw,8rem);line-height:.97;font-weight:500;letter-spacing:-.065em;overflow-wrap:normal} .w2-orthoptiste h2{font-size:clamp(2rem,4vw,4.5rem);font-weight:500;line-height:1.08;letter-spacing:-.05em} .w2-orthoptiste h3{font-size:clamp(1.3rem,2.3vw,2rem);line-height:1.15;letter-spacing:-.035em;font-weight:500} .w2-orthoptiste p{max-width:67ch} .w2-orthoptiste :focus-visible{outline:3px solid var(--accent);outline-offset:5px} .w2-orthoptiste .w2-skip{position:absolute;z-index:99;left:20px;top:-90px;padding:14px;background:var(--ink);color:var(--paper)} .w2-orthoptiste .w2-skip:focus{top:10px} .w2-orthoptiste .w2-demo{padding:9px 5%;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.08em;text-align:center} .w2-orthoptiste .w2-nav{padding:25px 5%;display:flex;align-items:center;gap:24px;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent);position:relative;z-index:20;background:var(--paper)} .w2-orthoptiste .w2-logo{font-size:36px;line-height:1;font-weight:800;letter-spacing:-.07em} .w2-orthoptiste .w2-profession{font-size:11px;letter-spacing:.12em;text-transform:uppercase} .w2-orthoptiste .w2-nav nav{margin-left:auto;display:flex;gap:24px;font-size:13px;align-items:center} .w2-orthoptiste .w2-nav nav a:last-child{border:1px solid var(--ink);border-radius:40px;padding:10px 18px} .w2-orthoptiste .w2-toggle{display:none;background:transparent;color:var(--ink);border:1px solid currentColor;padding:8px 15px;border-radius:25px} .w2-orthoptiste .w2-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:28px} .w2-orthoptiste .w2-intro{margin-top:32px;font-size:17px;max-width:44ch} .w2-orthoptiste .w2-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:30px} .w2-orthoptiste .w2-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;background:var(--ink);border:1px solid var(--ink);color:var(--paper);border-radius:40px;min-height:50px;font-size:13px;line-height:1.3;cursor:pointer;transition:transform .2s,background .2s} .w2-orthoptiste .w2-btn:hover{transform:translateY(-3px);background:color-mix(in srgb,var(--ink) 85%,var(--accent))} .w2-orthoptiste .w2-textlink{border-bottom:1px solid currentColor;font-size:12px} .w2-orthoptiste .w2-hero{position:relative;padding:65px 5% 70px;min-height:790px} .w2-orthoptiste .w2-hero-copy{position:relative;z-index:3} .w2-orthoptiste .w2-stage{position:relative;min-width:0} .w2-orthoptiste .w2-photo{position:relative;overflow:hidden;min-height:320px;background:var(--accent)} .w2-orthoptiste .w2-photo figcaption{position:absolute;left:15px;bottom:12px;color:white;background:#14232aa6;max-width:calc(100% - 30px);font-size:10px;padding:5px 9px;border-radius:4px;letter-spacing:.025em} .w2-orthoptiste .w2-section{padding:90px 7%} .w2-orthoptiste .w2-sectionhead{display:grid;grid-template-columns:1fr 2fr;gap:10px 50px;margin-bottom:45px} .w2-orthoptiste .w2-sectionhead .w2-eyebrow{grid-column:1;grid-row:1/3} .w2-orthoptiste .w2-sectionhead h2,.w2-orthoptiste .w2-sectionhead>p:last-child{grid-column:2} .w2-orthoptiste .w2-sectionhead>p:last-child{margin-top:20px} .w2-orthoptiste .w2-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .w2-orthoptiste .w2-card{border-top:1px solid currentColor;padding:25px 0 15px} .w2-orthoptiste .w2-card small{font-size:10px;letter-spacing:.16em} .w2-orthoptiste .w2-card h3{margin:35px 0 18px;max-width:16ch} .w2-orthoptiste .w2-card p{font-size:14px;min-height:90px;padding-right:15px} .w2-orthoptiste .w2-card a{display:inline-block;font-size:12px;margin-top:25px;border-bottom:1px solid currentColor} .w2-orthoptiste .w2-teamsection{background:color-mix(in srgb,var(--paper) 70%,var(--accent))} .w2-orthoptiste .w2-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .w2-orthoptiste .w2-person{padding:30px;background:var(--paper);position:relative;border-radius:3px;min-height:290px} .w2-orthoptiste .w2-person-number{display:block;font-size:70px;line-height:1;color:var(--accent);letter-spacing:-.07em;margin-bottom:35px} .w2-orthoptiste .w2-person p{font-size:11px;margin-bottom:10px} .w2-orthoptiste .w2-person h3{margin-bottom:12px} .w2-orthoptiste .w2-person a{font-size:12px;border-bottom:1px solid currentColor} .w2-orthoptiste .w2-steps{margin-top:45px;position:relative} .w2-orthoptiste .w2-step{display:grid;grid-template-columns:100px 1fr;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding:32px 0;gap:20px} .w2-orthoptiste .w2-step>span{font-size:35px;line-height:1;color:var(--ink)} .w2-orthoptiste .w2-step h3{margin-bottom:12px} .w2-orthoptiste .w2-step p{font-size:15px} .w2-orthoptiste .w2-commercial{padding:70px 7%;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 2fr;gap:25px 50px} .w2-orthoptiste .w2-commercial>span{font-size:10px;letter-spacing:.15em} .w2-orthoptiste .w2-commercial>h2,.w2-orthoptiste .w2-commercial>p,.w2-orthoptiste .w2-commercial>a{grid-column:2} .w2-orthoptiste .w2-commercial .w2-btn{background:var(--paper);color:var(--ink);justify-self:start} .w2-orthoptiste .w2-footer{padding:60px 5% 30px;display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent)} .w2-orthoptiste .w2-footer strong{font-size:40px;letter-spacing:-.06em} .w2-orthoptiste .w2-footer>div:nth-child(2){display:flex;flex-direction:column;gap:12px;align-items:flex-end;font-size:12px} .w2-orthoptiste .w2-footer>div p{font-size:12px;margin-top:8px} .w2-orthoptiste .w2-fine{grid-column:1/-1;font-size:10px;opacity:.75;max-width:105ch!important;margin-top:25px!important} .w2-orthoptiste .w2-innerhead{padding:85px 7% 65px;max-width:1250px} .w2-orthoptiste .w2-innerhead h1{font-size:clamp(3rem,6.8vw,6.6rem)} .w2-orthoptiste .w2-editorial{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:15px} .w2-orthoptiste .w2-editorial .w2-photo{min-height:550px;align-self:start} .w2-orthoptiste .w2-editorial h2{font-size:clamp(1.8rem,3vw,3rem);margin:30px 0 20px} .w2-orthoptiste .w2-editorial h3{font-size:1.3rem;margin:26px 0 12px} .w2-orthoptiste .w2-editorial p{font-size:15px} .w2-orthoptiste .w2-editorial .w2-lead{font-size:21px;line-height:1.5} .w2-orthoptiste .w2-editorial .w2-btn{margin-top:30px} .w2-orthoptiste .w2-lead{font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.45;margin-bottom:40px!important} .w2-orthoptiste .w2-profile{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-top:10px} .w2-orthoptiste .w2-profiletype{border-top:2px solid currentColor;padding:30px 0} .w2-orthoptiste .w2-profiletype span{font-size:140px;line-height:1;color:var(--accent);letter-spacing:-.08em} .w2-orthoptiste .w2-profiletype p{font-size:11px;letter-spacing:.12em;margin-top:35px} .w2-orthoptiste .w2-profile h2{font-size:clamp(1.8rem,3vw,3rem);margin-bottom:25px} .w2-orthoptiste .w2-profile h3{margin:30px 0 15px} .w2-orthoptiste .w2-profile .w2-btn{margin-top:35px} .w2-orthoptiste .w2-note{border-left:3px solid var(--accent);padding:20px 30px;margin:30px 0} .w2-orthoptiste .w2-note h2{font-size:1.8rem;margin-bottom:12px} .w2-orthoptiste .w2-access{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:5px} .w2-orthoptiste .w2-address{background:var(--ink);color:var(--paper);padding:45px} .w2-orthoptiste .w2-address>span{font-size:10px;letter-spacing:.15em} .w2-orthoptiste .w2-access h2{font-size:clamp(1.8rem,3vw,3rem);margin:25px 0} .w2-orthoptiste .w2-access li{margin-bottom:20px} .w2-orthoptiste .w2-access p{font-size:14px;margin-top:18px} .w2-orthoptiste .w2-faq{padding-top:0;max-width:1100px;margin:auto} .w2-orthoptiste details{border-top:1px solid currentColor;padding:25px 0} .w2-orthoptiste summary{font-size:20px;cursor:pointer;padding-right:30px} .w2-orthoptiste details p{margin-top:20px} .w2-orthoptiste .w2-booking{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:10px} .w2-orthoptiste .w2-booking h2{font-size:clamp(2rem,3.5vw,3.8rem);margin-bottom:25px} .w2-orthoptiste .w2-smallnote{font-size:12px;margin-top:25px!important;padding:20px;border:1px solid currentColor} .w2-orthoptiste .w2-mini-grid{display:grid;gap:15px;margin-top:35px;font-size:12px} .w2-orthoptiste .w2-bookform{background:color-mix(in srgb,var(--accent) 18%,var(--paper));padding:35px;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent)} .w2-orthoptiste .w2-bookform label{display:block;font-size:13px;margin-bottom:20px} .w2-orthoptiste .w2-bookform select{display:block;width:100%;margin-top:8px;border:1px solid var(--ink);border-radius:0;padding:13px;background:var(--paper);color:var(--ink);font-size:13px} .w2-orthoptiste .w2-bookform fieldset{border:0;padding:0;margin:25px 0} .w2-orthoptiste .w2-bookform legend{font-size:13px;margin-bottom:12px} .w2-orthoptiste .w2-slots{display:flex;gap:10px;flex-wrap:wrap} .w2-orthoptiste .w2-slots label{display:flex;align-items:center;gap:8px;border:1px solid var(--ink);padding:10px 14px;cursor:pointer;font-size:13px;margin:0} .w2-orthoptiste .w2-slots label:has(input:checked){background:var(--ink);color:var(--paper)} .w2-orthoptiste .w2-slots input{accent-color:var(--ink);width:16px;height:16px} .w2-orthoptiste .w2-result{font-size:14px;margin-top:20px!important;white-space:pre-line} .w2-orthoptiste .w2-clear{border:0;border-bottom:1px solid currentColor;color:var(--ink);background:transparent;font-size:11px;cursor:pointer;padding:8px 0;margin-top:15px} .w2-orthoptiste .w2-reveal{transition:transform .7s ease,opacity .7s ease} .w2-orthoptiste .w2-reveal.w2-await{opacity:0;transform:translateY(24px)}
@media(max-width:1000px){.w2-orthoptiste .w2-nav{gap:12px} .w2-orthoptiste .w2-profession{display:none} .w2-orthoptiste .w2-nav nav{gap:15px} .w2-orthoptiste .w2-hero{min-height:700px} .w2-orthoptiste .w2-editorial,.w2-orthoptiste .w2-booking{gap:35px} .w2-orthoptiste .w2-people{gap:12px} .w2-orthoptiste .w2-person{padding:22px} }
@media(max-width:720px){.w2-orthoptiste h1{font-size:clamp(3.2rem,12.5vw,5.5rem)} .w2-orthoptiste .w2-nav{padding:20px 6%;flex-wrap:wrap} .w2-orthoptiste .w2-toggle{display:block;margin-left:auto} .w2-orthoptiste .w2-nav nav{display:none;width:100%;margin:15px 0 0;padding:20px 0;border-top:1px solid currentColor;flex-direction:column;align-items:stretch;gap:18px} .w2-orthoptiste .w2-nav nav.w2-open{display:flex} .w2-orthoptiste .w2-hero{padding:45px 6%;min-height:0} .w2-orthoptiste .w2-intro{font-size:15px;margin-top:22px} .w2-orthoptiste .w2-actions{gap:15px} .w2-orthoptiste .w2-section{padding:60px 6%} .w2-orthoptiste .w2-sectionhead{display:block} .w2-orthoptiste .w2-sectionhead h2{margin-bottom:25px} .w2-orthoptiste .w2-cards,.w2-orthoptiste .w2-people{grid-template-columns:1fr} .w2-orthoptiste .w2-card p{min-height:0} .w2-orthoptiste .w2-person{min-height:230px} .w2-orthoptiste .w2-person-number{font-size:55px;margin-bottom:20px} .w2-orthoptiste .w2-step{grid-template-columns:50px 1fr} .w2-orthoptiste .w2-commercial{display:block;padding:50px 6%} .w2-orthoptiste .w2-commercial h2{margin:25px 0} .w2-orthoptiste .w2-commercial p{margin:20px 0} .w2-orthoptiste .w2-footer{grid-template-columns:1fr;padding:40px 6%} .w2-orthoptiste .w2-footer>div:nth-child(2){align-items:flex-start} .w2-orthoptiste .w2-fine{grid-column:1} .w2-orthoptiste .w2-editorial,.w2-orthoptiste .w2-profile,.w2-orthoptiste .w2-booking,.w2-orthoptiste .w2-access{grid-template-columns:1fr;gap:30px} .w2-orthoptiste .w2-editorial .w2-photo{min-height:380px} .w2-orthoptiste .w2-innerhead{padding:60px 6% 30px} .w2-orthoptiste .w2-innerhead h1{font-size:clamp(2.8rem,11vw,4rem)} .w2-orthoptiste .w2-bookform{padding:24px 20px} .w2-orthoptiste .w2-profiletype span{font-size:80px} .w2-orthoptiste .w2-profiletype p{margin-top:15px} .w2-orthoptiste .w2-address{padding:30px} }
@media(prefers-reduced-motion:reduce){.w2-orthoptiste *,.w2-orthoptiste *:before,.w2-orthoptiste *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} .w2-orthoptiste .w2-await{opacity:1!important;transform:none!important}}
.w2-orthoptiste .w2-optical{display:grid;grid-template-columns:1.1fr 1fr;background:var(--ink);color:var(--paper);gap:50px;min-height:780px;padding-top:80px;padding-bottom:75px} .w2-orthoptiste .w2-optical .w2-hero-copy{grid-column:1;grid-row:1;align-self:center} .w2-orthoptiste .w2-optical h1{font-size:clamp(4rem,8vw,8.6rem);max-width:8ch;font-weight:350;letter-spacing:-.065em} .w2-orthoptiste .w2-optical .w2-stage{grid-column:2;grid-row:1;min-height:570px} .w2-orthoptiste .w2-optical .w2-photo{height:600px;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)} .w2-orthoptiste .w2-optical .w2-photo img{filter:saturate(.4);object-position:center} .w2-orthoptiste .w2-optical .w2-btn{background:var(--paper);color:var(--ink);border-color:var(--paper)} .w2-orthoptiste .w2-lens{position:absolute;inset:22% -3% 25% -10%;border:1px solid #e2edffb0;border-radius:50%;background:linear-gradient(130deg,#c3f8fa30,#6c79cc08 40%,#d7d0ff66);backdrop-filter:contrast(1.2);transform:translateY(calc(var(--motion)*65px)) rotate(-24deg);pointer-events:none;box-shadow:inset 1px 1px 15px #ffffff40,0 25px 55px #00000015} .w2-orthoptiste .w2-optical-label{position:absolute;right:5px;top:25px;font-size:10px;letter-spacing:.2em;writing-mode:vertical-rl} .w2-orthoptiste .w2-optical-note{grid-column:1/-1;font-size:10px;letter-spacing:.1em;opacity:.65} .w2-orthoptiste .w2-teamsection{background:var(--ink);color:var(--paper)} .w2-orthoptiste .w2-person{color:var(--ink);border-radius:100px 0 0;padding-top:60px} .w2-orthoptiste .w2-commercial{background:#b9c9e9;color:#16257a} .w2-orthoptiste .w2-commercial .w2-btn{background:var(--ink);color:var(--paper)} @media(max-width:720px){.w2-orthoptiste .w2-optical{display:flex;flex-direction:column;min-height:0;gap:35px} .w2-orthoptiste .w2-optical .w2-hero-copy{order:0} .w2-orthoptiste .w2-optical .w2-stage{order:1;min-height:400px} .w2-orthoptiste .w2-optical .w2-photo{height:420px} .w2-orthoptiste .w2-optical-note{order:2} .w2-orthoptiste .w2-lens{inset:25% -2% 28% 2%}}