/* One immersive coordinate system at every desktop width. Browser zoom remains native.
   Previously, 1601px changed the artwork and capped type while art kept growing. */
@media(min-width:1601px){
 .hero{top:5.4%}
 header{top:1%}
 h1{font-size:clamp(84px,5.25cqw,280px)}
 .hero p.eyebrow{font-size:clamp(14px,1.05cqw,56px);margin-bottom:1.7cqw}
 p,.hero .copy>p:not(.eyebrow),.vocation p,.mesure .copy p{font-size:clamp(20px,1.3cqw,72px)}
 .hero .copy>p:not(.eyebrow){max-width:40cqw;margin:1.9cqw 0 2cqw}
 .coordination li{font-size:clamp(20px,1.3cqw,72px)}
 .benefits li{font-size:clamp(22px,1.5cqw,80px)}
 .logo{width:9cqw}.logo span{font-size:1.16cqw}
 nav{font-size:clamp(18px,1.25cqw,64px)}
 .button,header .button{font-size:clamp(16px,1.025cqw,56px);min-height:3.95cqw;padding:1.1cqw 2.05cqw}
 .vocation h2{font-size:clamp(78px,4.9cqw,260px)}
 .vocation h2 span{font-size:clamp(74px,4.65cqw,248px)}
 .mesure h2{font-size:clamp(90px,6.1cqw,325px)}
 .coordination h2{font-size:clamp(80px,5.05cqw,270px)}
 .closing h2{font-size:clamp(84px,5.3cqw,284px)}
}