@font-face{font-family:Montserrat;src:url('../assets/montserrat-700.ttf');font-weight:700;font-display:swap}
:root{--navy:#012446;--turquoise:#35b8be;--orange:#ff6b1a;--white:#ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:fixed;top:-100px;padding:15px;background:var(--white);color:var(--navy);z-index:100}.skip:focus{top:8px}.composition{position:relative;container-type:inline-size;max-width:1920px;margin:auto;aspect-ratio:804/1956;isolation:isolate;overflow:clip}.desktop-art{position:absolute;inset:0;z-index:-1}.desktop-art img{width:100%;height:100%;display:block}.logo{display:flex;flex-direction:column;width:9cqw;gap:.5cqw;flex:none}.logo img{width:100%;height:auto}.logo span{font-family:Montserrat,Arial,sans-serif;font-weight:700;letter-spacing:.16em;text-align:center;font-size:1.16cqw;line-height:1}header{position:absolute;inset:1% 5.9% auto;display:flex;justify-content:space-between;align-items:center;z-index:5}nav{display:flex;gap:3cqw;align-items:center;font-size:1.25cqw}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--orange);color:var(--white);padding:1.45cqw 2.2cqw;font-size:1.55cqw;line-height:1.2;font-weight:700;border-radius:1.2cqw}.button:hover{text-decoration:underline;text-underline-offset:.2em}header .button{font-size:1.2cqw;padding:1.15cqw 1.8cqw}h1,h2{font-family:Montserrat,Arial,sans-serif;font-weight:700;line-height:1.025;letter-spacing:-.06em;margin:0}h1{font-size:6.1cqw}h2{font-size:5.8cqw}h1 span,.mesure h2 span{color:var(--turquoise)}p{font-size:1.9cqw;line-height:1.42;margin:2.1cqw 0}section{position:absolute}.copy{position:relative}ul{list-style:none;margin:0;padding:0}li{font-size:1.8cqw;line-height:1.35}.hero{left:6%;top:5.4%;width:45%}.hero p.eyebrow{font-size:1.13cqw;letter-spacing:.24em;line-height:1.5;margin:0 0 1.7cqw;white-space:nowrap}.hero .copy>p:not(.eyebrow){max-width:39cqw}.hero .button{margin-top:.1cqw}.vocation{left:56%;top:27.5%;width:41%;color:var(--navy)}.vocation h2{font-size:5.5cqw}.vocation h2 span,.coordination h2 span{color:var(--turquoise)}.vocation p{font-size:1.85cqw;max-width:37cqw;line-height:1.45;margin-top:2.5cqw}.mesure{top:45%;left:6%;width:88%;height:20.7%}.mesure .copy p{max-width:44cqw;font-size:1.8cqw;margin-top:1.5cqw}.mesure h2{font-size:6.1cqw}.benefits{position:absolute;top:69%;left:15%;width:82%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:9cqw}.benefits li{font-size:1.8cqw;max-width:14cqw}.benefits li:nth-child(2){transform:translateY(-2.7cqw)}.benefits li:after,.coordination li:after{content:'';display:block;width:4cqw;height:1px;background:var(--turquoise);margin-top:1.2cqw}.coordination{left:6.5%;top:67.2%;width:48%;color:var(--navy)}.coordination h2{font-size:5.05cqw}.coordination p{max-width:44cqw;font-size:1.9cqw;margin-top:1.6cqw}.coordination ul{margin-top:2cqw;display:grid;gap:1.2cqw}.coordination li{font-size:1.8cqw}.coordination li:after{margin-top:.65cqw;background:var(--turquoise);width:2.6cqw}.closing{left:6.5%;top:86.8%;width:70%}.closing h2{font-size:5.3cqw}.closing .button{margin-top:2.4cqw}footer{position:absolute;left:6.5%;right:25%;bottom:3.6%;display:flex;align-items:center;gap:2.7cqw;font-size:1.2cqw}footer .logo{width:7cqw}footer .logo span{font-size:.9cqw}footer a:not(.logo){white-space:nowrap}.menu-toggle,.mobile-person,.mobile-hero-art{display:none}
@media(min-width:701px) and (max-width:1000px){nav{font-size:14px}header .button{font-size:13px}p{font-size:16px}.hero .copy>p:not(.eyebrow){font-size:16px}.hero{top:5.8%}.vocation p{font-size:16px}.benefits li,.coordination li{font-size:16px}.coordination p{font-size:16px}.button{font-size:14px}footer{font-size:11px;right:10%}}
@media(max-width:700px){
.composition{aspect-ratio:auto;container-type:normal;overflow:clip}.desktop-art{display:none}header{top:24px;left:24px;right:24px;align-items:flex-start}.logo{width:88px;gap:5px}.logo span{font-size:11px;letter-spacing:2px}.menu-toggle{display:block;color:var(--white);font-size:20px;background:var(--navy);border:1px solid var(--white);border-radius:25px;width:46px;height:46px}nav{display:none;position:absolute;top:75px;left:0;right:0;padding:24px;background:var(--navy);border:1px solid var(--turquoise);border-radius:16px;font-size:16px;gap:24px}nav.is-open{display:flex;flex-direction:column;align-items:stretch}header .button{font-size:14px;padding:16px}.button{font-size:15px;padding:17px 23px;border-radius:12px;min-height:52px}section{position:relative;left:auto!important;top:auto!important;width:100%!important;height:auto}.copy{z-index:2}h1{font-size:clamp(36px,10.2vw,64px)}h2{font-size:clamp(33px,9.4vw,52px)!important;line-height:1.04}p{font-size:17px!important;line-height:1.5;margin:24px 0!important}.hero{padding:145px 24px 500px;min-height:930px}.hero p.eyebrow{font-size:10px!important;white-space:normal;letter-spacing:2px;margin:0 0 24px!important}.hero .copy>p:not(.eyebrow){max-width:430px}.mobile-hero-art{display:block;position:absolute;left:0;right:0;bottom:0;height:560px;background:url('../assets/arches-1536.webp') 82% 40%/auto 100% no-repeat;mask-image:linear-gradient(transparent,var(--white) 18%,var(--white) 95%,transparent)}.vocation{padding:280px 24px 100px;background:var(--white);color:var(--navy);margin-top:-30px;isolation:isolate}.vocation:before{content:'';position:absolute;left:-15%;width:130%;top:-80px;height:115px;background:var(--white);border-radius:55% 50% 0 0}.mobile-person{display:block;position:absolute;left:-22%;top:-175px;width:150%;height:auto;z-index:1}.vocation p{max-width:460px}.vocation:after{content:'';position:absolute;bottom:-45px;left:-5%;width:110%;height:65px;background:var(--white);border-radius:0 0 60% 40%;z-index:1}.mesure{padding:100px 24px 320px;min-height:870px;background:var(--navy);isolation:isolate}.mesure:before{content:'';position:absolute;bottom:0;left:0;right:0;height:400px;background:url('assets/mesure.webp') center bottom/auto 100% no-repeat;mask-image:linear-gradient(transparent,var(--white) 24%);z-index:-1}.mesure .copy p{max-width:460px}.benefits{position:relative;top:auto;left:auto;width:auto;display:grid;grid-template-columns:1fr;gap:18px;margin-top:30px}.benefits li{font-size:17px;max-width:none}.benefits li:nth-child(2){transform:none}.benefits li:after{width:28px;margin-top:8px}.coordination{background:var(--white);color:var(--navy);padding:50px 24px 410px;isolation:isolate;margin-top:-10px}.coordination:before{content:'';position:absolute;left:0;right:0;bottom:0;height:485px;background:url('assets/coordination.webp') right bottom/auto 100% no-repeat;z-index:-1;mask-image:linear-gradient(transparent,var(--white) 20%)}.coordination p{max-width:460px}.coordination ul{gap:16px;margin-top:28px}.coordination li{font-size:17px}.coordination li:after{width:22px;margin-top:8px}.closing{padding:50px 24px 110px;background:var(--navy) url('assets/final.webp') center bottom/cover no-repeat;min-height:350px}.closing h2{font-size:36px!important}.closing .button{margin-top:28px}footer{position:relative;left:auto;right:auto;bottom:auto;padding:32px 24px;display:grid;grid-template-columns:1fr 1fr;gap:24px 12px;font-size:12px;background:var(--navy)}footer .logo{width:74px}footer .logo span{font-size:10px}footer a:not(.logo){white-space:normal;overflow-wrap:anywhere}
}
@media(min-width:480px) and (max-width:700px){.hero{padding-bottom:620px}.mobile-hero-art{height:700px}.vocation{padding-top:400px}.mobile-person{top:-170px}.mesure{padding-bottom:420px}.mesure:before{height:500px}.coordination{padding-bottom:540px}.coordination:before{height:600px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:701px){.hero{width:50%}h1{font-size:5.65cqw}h1 span{white-space:nowrap}.vocation h2{font-size:4.9cqw}.vocation h2 span{font-size:4.65cqw;white-space:nowrap}.vocation p{max-width:38cqw}.benefits{left:0;width:100%;display:block}.benefits li{position:absolute;width:16%;max-width:none;left:15%}.benefits li:nth-child(2){left:57%}.benefits li:nth-child(3){left:84%}}
@media(max-width:700px){.vocation{z-index:2}.mesure{z-index:1}.coordination{padding-bottom:520px}.coordination:before{height:460px}.closing{background-position:55% bottom}.vocation:after{bottom:-38px;height:65px}.mesure{padding-top:105px}}

/* Final typography: shared action treatment and consistent text rhythm. */
.button,header .button{font-family:Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.025em;font-size:clamp(13px,1.35cqw,22px);padding:1.35cqw 2cqw;line-height:1.25;border-radius:1.2cqw;text-align:center}
@media(min-width:701px){
header{left:6%;right:6%}
.coordination,.closing{left:6%}footer{left:6%}
.hero .copy>p:not(.eyebrow){line-height:1.45;margin:2.1cqw 0 2.2cqw}
.benefits li{font-weight:700;line-height:1.4;text-wrap:balance;width:17%}
.benefits li:nth-child(3){left:82%}
.coordination p{line-height:1.45}
}
@media(max-width:700px){
.button,header .button{font-size:14px;padding:17px 20px;border-radius:12px;min-height:52px}
.benefits li{font-weight:700;line-height:1.45}
}