/* Accueil dans une fenêtre et progression autour du temps. */
body.home-view{background:var(--navy)}
.home-view .principles,.home-view main>.section,.home-view footer,.home-view .back-home{display:none}
body:not(.home-view) .hero,body:not(.home-view) .principles{display:none}
body:not(.home-view) main>.section{display:none}
body:not(.home-view) main>.section.active-view{display:block;min-height:calc(100svh - 170px)}
body:not(.home-view) main>.approach.active-view,body:not(.home-view) main>.about.active-view,body:not(.home-view) main>.contact.active-view{display:grid}
.back-home{display:block;padding:15px 8%;font-size:13px;color:#168796}
.hero{height:calc(100svh - 100px);min-height:590px;padding-top:clamp(20px,4vh,45px);padding-bottom:22px;align-items:center;gap:3%}
.hero-copy{max-width:690px}.hero .eyebrow{margin-bottom:20px;font-family:Arial,sans-serif}
h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(58px,min(6.2vw,10vh),100px);line-height:1.02;margin-bottom:20px;letter-spacing:-3px}
h2{font-size:clamp(40px,4.4vw,64px);font-weight:600}h3{font-size:28px}.intro{font-size:clamp(17px,1.5vw,22px);margin-bottom:10px;max-width:520px}.sub{margin-bottom:15px;max-width:510px}
.choice-label{font-size:9px;letter-spacing:2px;color:#b7c9d4;margin:20px 0 10px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:0}.choice{display:block;position:relative;padding:15px 36px 15px 17px;line-height:1.5;font-size:13px;border:1px solid var(--cyan)}.choice small{display:block;font-size:8px;letter-spacing:1.2px;margin-bottom:6px}.choice>span{position:absolute;right:14px;bottom:15px}.choice.secondary{background:transparent;color:var(--cyan)}.choice.secondary:hover{background:#36cddd16}.hero-foot{margin-top:22px;padding-top:16px;gap:15px}
.hero-art{height:min(65vh,590px);min-height:390px}.orbit{width:min(27vw,390px);height:min(27vw,390px)}.two{width:min(22vw,300px);height:min(32vw,460px)}.three{width:min(32vw,450px);height:min(22vw,300px)}
.time-dial{position:absolute;left:50%;top:44%;width:min(34vw,490px);transform:translate(-50%,-50%);fill:none;stroke:#70dce32e;stroke-width:1;stroke-dasharray:1 13}.time-dial .time-arc{stroke:var(--cyan);stroke-width:2;stroke-dasharray:none;opacity:.55}.clock-hands{transform:translate(87px,18px) scale(.24);stroke:var(--cyan);stroke-width:6;stroke-dasharray:none}.dial-center{display:none}
.core{top:43%;font-family:Georgia,serif;font-size:clamp(80px,9vw,130px)}.core span{font-family:Georgia,serif;margin-top:5px}.milestone{position:absolute;font-size:10px;letter-spacing:.5px;color:#d3eef1;background:#0a2132;padding:6px 10px;border:1px solid #39cddd40;white-space:nowrap}.milestone b{color:var(--cyan);margin-right:7px;font-size:10px}.m1{top:12%;left:49%}.m2{top:45%;right:0}.m3{top:74%;left:8%}.art-label.bottom{top:85%}.art-note{font-family:Arial,sans-serif;font-size:11px}
@media(max-width:1000px){.choice{font-size:11px;padding-left:12px}.hero-foot{font-size:8px}.hero-art{min-height:340px}.milestone{font-size:9px}.hero .eyebrow{font-size:8px}}
@media(max-width:760px){.hero{height:auto;min-height:calc(100svh - 85px);padding:22px 6%;display:grid;grid-template-columns:1fr;gap:8px}.hero-copy{max-width:100%}h1{font-size:clamp(43px,7svh,65px);line-height:1.02;margin-bottom:12px}.hero .eyebrow{margin-bottom:14px;font-size:7px}.hero .intro{font-size:16px}.hero .sub{font-size:12px;margin-bottom:8px}.choice-label{margin-top:12px}.actions{gap:10px}.choice{font-size:11px;padding:10px 25px 10px 10px}.choice small{font-size:7px;letter-spacing:.6px}.hero-foot{margin-top:12px;padding-top:10px;display:flex;flex-wrap:wrap;gap:4px 12px}.hero-foot span{margin:0;font-size:9px}.hero-art{height:190px;min-height:190px;margin-top:0}.orbit{width:155px;height:155px}.two{width:130px;height:180px}.three{width:190px;height:130px}.time-dial{width:200px}.core{font-size:60px;letter-spacing:-5px}.core span{font-size:9px;letter-spacing:3px}.art-label{display:none}.milestone{font-size:8px;padding:4px 6px}.m1{top:1%;left:50%}.m2{top:42%;right:calc(50% - 160px)}.m3{top:80%;left:calc(50% - 130px)}.art-note{display:none}h2{font-size:40px}h3{font-size:25px}}
@media(max-width:760px) and (max-height:740px){.hero-art{height:130px;min-height:130px}.orbit{width:110px;height:110px}.two{width:85px;height:125px}.three{width:130px;height:90px}.time-dial{width:140px}.core{font-size:42px}.m1{left:52%}.m2{right:2%}.m3{left:8%;top:76%}.hero-foot{display:none}.hero{gap:0}.hero .sub{font-size:11px}}