/* Final brief: orange relief shades are confined to actions. */
:root{--cta-light:#ffb04b;--cta-mid:#ff8a24;--cta-orange:#ff7417;--cta-deep:#e94b00}
.button,header .button{min-height:54px;padding:15px 28px;border:1px solid rgba(255,182,89,.42);border-radius:999px;font-size:14px;background:linear-gradient(180deg,var(--cta-light),var(--cta-mid) 20%,var(--cta-orange) 49%,var(--cta-deep));box-shadow:inset 0 2px 2px rgba(255,234,191,.45),inset 0 -4px 6px rgba(126,29,0,.25),0 8px 0 rgba(101,29,0,.3),0 17px 25px rgba(0,0,0,.43),0 14px 32px rgba(255,92,0,.35);transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}
.button:hover{transform:translateY(-3px);filter:brightness(1.07) saturate(1.06);text-decoration:none;box-shadow:inset 0 2px 3px rgba(255,239,201,.6),inset 0 -5px 8px rgba(126,29,0,.26),0 10px 0 rgba(101,29,0,.32),0 24px 34px rgba(0,0,0,.48),0 20px 45px rgba(255,92,0,.56)}
.button:active{transform:translateY(1px)}.button:focus-visible{outline:3px solid var(--white);outline-offset:5px}
.ending{display:contents}
.benefits li{font-weight:400}.benefits li:after,.coordination li:after{display:none}
.coordination li{position:relative;padding-left:1em;font-weight:400;line-height:1.5}
.coordination li:before{content:'';position:absolute;left:0;top:.63em;width:4px;height:4px;border-radius:50%;background:var(--turquoise)}
@media(min-width:701px){
.composition{width:100%;max-width:none;margin:0}
p,.hero .copy>p:not(.eyebrow),.vocation p,.mesure .copy p{font:400 clamp(15px,1.3cqw,20px)/1.6 Arial,sans-serif}
.hero .copy>p:not(.eyebrow){max-width:40cqw;margin:1.9cqw 0 2cqw}
.coordination ul{margin-top:2.5cqw;gap:1.25cqw}.coordination li{font-size:clamp(14px,1.3cqw,20px)}
header{top:24px}.logo{width:clamp(75px,9cqw,130px)}.logo span{font-size:clamp(10px,1.16cqw,17px)}
.hero{top:clamp(112px,14vh,155px)}h1{font-size:clamp(42px,5.25cqw,88px)}
.hero p.eyebrow{font-size:clamp(10px,1.05cqw,14px);margin-bottom:24px}
.hero .copy>p:not(.eyebrow){max-width:min(40cqw,560px);margin:24px 0 28px}
nav{font-size:clamp(14px,1.25cqw,18px)}
.benefits li{font-size:clamp(16px,1.5cqw,22px)}
}
@media(max-width:700px){
p{font-size:16px!important;font-weight:400;line-height:1.55;margin:20px 0!important}
.hero{padding:130px 24px 250px;min-height:0}.mobile-hero-art{height:340px}
.vocation{padding:26px 24px 38px}.vocation p{margin-bottom:0!important}
.mobile-person{display:none}
.vocation:before{top:-40px;height:65px}
.mesure{padding:82px 24px 280px;min-height:0}.mesure:before{height:310px}
.benefits{gap:15px;margin-top:24px}.benefits li{font-size:16px;font-weight:400}
.ending{display:block;position:relative;isolation:isolate;background:linear-gradient(var(--white) calc(100% - 440px),var(--navy) calc(100% - 440px))}
.ending:before{content:'';position:absolute;inset:auto 0 0;height:550px;z-index:-1;background:var(--navy) url('assets/composition.webp') 65% bottom/auto 2050px no-repeat;mask-image:linear-gradient(transparent,var(--white) 15%,var(--white) 85%,transparent)}
.coordination{background:transparent;padding:42px 24px 330px;margin:0}.coordination:before{display:none}
.coordination ul{margin-top:24px;gap:15px}.coordination li{font-size:16px}
.closing{background:transparent;min-height:0;padding:28px 24px 65px}.closing h2{font-size:34px!important}.closing .button{margin-top:24px}
footer{padding:28px 24px;background:var(--navy);margin-top:-1px}
}
@media(min-width:480px) and (max-width:700px){
.hero{padding-bottom:290px}.mobile-hero-art{height:380px}.vocation{padding-top:30px}
.mesure{padding-bottom:350px}.mesure:before{height:380px}.coordination{padding-bottom:400px}.ending:before{height:660px;background-size:auto 2450px}
}
@media(min-width:701px) and (max-width:1000px){.hero{top:5%}.hero .copy>p:not(.eyebrow){font-size:14px;max-width:43cqw;margin:1.4cqw 0 1.8cqw}.button,header .button{min-height:50px;padding:13px 23px}}
@media(prefers-reduced-motion:reduce){.button,header .button{transition:none}.button:hover,.button:active{transform:none}}
@media(min-width:1001px){.hero{top:clamp(145px,17vh,180px)}h1{font-size:min(5.25cqw,11vh,88px)}}
.desktop-art img{object-fit:cover}