/* MERDOUD / Architecture — direction artistique du 25 septembre 2026. */
.hero{overflow:clip}
:root{--bg:#080b10;--panel:#101720;--paper:#f0f3f7;--muted:#a8b4c4;--accent:#b9deff;--line:#28323e}
body{background:var(--bg)}
.shell{width:min(1320px,calc(100% - 112px))}
.site-header{background:#080b10;border-color:#27313e}
.nav-inner{height:94px}.logo span{font-size:20px;letter-spacing:.22em}.logo svg{color:#e4eef9}
.desktop-nav a{font-size:13px;color:#b6bfcb}.nav-contact{font-size:12px;border-radius:0;border-color:#576372;padding:14px 18px}.languages{color:#a8b4c4;font-size:11px}
.hero{min-height:760px;padding-block:65px 45px;grid-template-columns:1.15fr 1fr;gap:0}
.hero:before{content:'';position:absolute;inset:0 -56px;background:radial-gradient(ellipse at 82% 46%,#1b427126,transparent 53%);pointer-events:none}
.hero h1{font-weight:550;font-size:clamp(75px,7.8vw,116px);line-height:1.04;letter-spacing:-.075em;margin:35px 0 28px}
.hero h1 span{color:#c6ddf3}.hero-intro{font-size:17px;line-height:1.85;max-width:465px;color:#acb8c8}
.eyebrow{font-size:11px;letter-spacing:.15em;color:#c2cbd7}.live-dot{background:#80bbff;box-shadow:0 0 16px #60aaff66}
.hero-actions{gap:25px;margin-top:36px}.button{border-radius:0;min-height:56px;font-size:13px;padding:18px 22px}.button-light{background:#edf4fa;color:#0c1827}.button-light:hover{background:#b9deff}.text-link{font-size:12px;color:#d2dbe6}
.hero-foot{max-width:460px;margin-top:57px;color:#879bb3;font-size:10px}.tiny-cross{color:#c1ddfa}
.orbit-stage{overflow:visible;aspect-ratio:.96;transform:scale(1.12);transform-origin:center;pointer-events:none}.orbit-sculpture{width:114%;filter:drop-shadow(0 30px 30px #0008);animation:monument-float 9s ease-in-out infinite}.orbit-grid{inset:5%;border-radius:0;border-color:#6685a31c;transform:none}.orbit-grid:before{inset:12%;border-color:#6685a315;border-radius:0}.orbit-glow{background:radial-gradient(ellipse,#236cd920,transparent 65%)}.orbit-top-label{top:4%;left:5%;font-size:9px;color:#9bb0ca}.orbit-label{bottom:0;color:#aec9e8;font-size:9px}.orbit-caption{bottom:-5%;color:#889db7;font-size:10px}.orbit-cross{color:#87a3c3}.orbit-cross.a{left:3%;top:4%}.orbit-cross.b{right:3%;top:4%}
.discipline-band{padding:27px 0;border-color:#2b3644;background:#0e141d}.discipline-band span{font-size:11px;color:#b7c7d9;letter-spacing:.08em}.discipline-band i{background:#74b3ff}
.section-space{padding-block:115px}.section-label{color:#98b6da;font-size:11px;margin-bottom:30px}
.vision{background:#eaeef2;color:#101b29;width:100%;padding-inline:max(56px,calc((100% - 1320px)/2));border:none}.vision .section-label{color:#47627f}.vision-grid{grid-template-columns:1.2fr 1fr;gap:95px}.vision h2{font-size:clamp(32px,3.6vw,52px);line-height:1.19;font-weight:550}.vision h2 span{color:#697789}.vision-copy p{font-size:16px;color:#334253;line-height:1.8}.vision-copy p.secondary{font-size:14px;color:#586777;line-height:1.8}
.section-heading{margin-bottom:48px}.section-heading h2{font-size:clamp(40px,4.7vw,67px);font-weight:500;letter-spacing:-.06em}.section-heading>p{font-size:15px;max-width:360px;color:#a8b4c4}
.agency-card{border-radius:0;background:#dce9f5;color:#102337;grid-template-columns:1fr 1.05fr;min-height:535px}.agency-content{padding:42px}.agency-wordmark{font-size:27px;font-weight:800}.active-status{color:#264869;border-color:#7797b8;padding:7px;font-size:9px;border-radius:0}.active-status i{background:#2466a6}.agency-content h3{font-size:49px;margin-top:43px;line-height:1.1;letter-spacing:-.055em}.agency-content>p{font-size:14px;color:#3f5871;line-height:1.8;max-width:415px}.chips span{font-size:10px;border-color:#99b0c7;border-radius:0}.button-dark{background:#122b45;color:#edf4fa}.button-dark:hover{background:#204568}
.agency-visual{margin:20px;background-color:#101d2c;background-image:radial-gradient(#91b4df25 .7px,transparent .7px);background-size:18px 18px;border-radius:0;padding:27px;box-shadow:none;color:#d4e8ff}.system-topline{font-size:10px;color:#aec4e0}.system-indicator{color:#88c2ff}.flow-stack{margin:40px 0}.flow-node{border-radius:0;padding:20px 16px;font-size:13px;line-height:1.5;border-color:#506a875e;background:#1c2c40;box-shadow:0 10px 25px #0002}.flow-icon{background:#233c58;color:#cde8ff;border-color:#577a9b;border-radius:0;flex-shrink:0}.flow-dot{background:#a1cfff;flex-shrink:0}.flow-line{height:27px;background:#627f9c;margin-left:32px}.system-bottom{color:#a2bad6;font-size:9px;line-height:1.6}.system-bottom svg{flex-shrink:0}
.brands-grid{gap:0;margin-top:0;border:1px solid #344151;border-top:0}.brand-card,.hadda,.wasabia{border:0;border-right:1px solid #344151;background:#0e151f;border-radius:0;padding:30px;position:relative;overflow:hidden}.brand-card:last-child{border-right:0}.brand-card:hover{transform:none;background:#141f2d}.index,.muted-status{color:#9bacc2}.muted-status{font-size:9px}.brand-symbol{font-size:56px;height:75px;color:#a4cbf2!important}.brand-name{color:#c0d9f4!important;font-size:12px;letter-spacing:.15em}.brand-card h3{font-size:29px;line-height:1.2}.brand-description{font-size:13px;line-height:1.85;color:#a7b7cc;min-height:76px}.brand-category{font-size:9px;color:#8da6c5;border-color:#314055!important}
.approach{background:#101720;border-color:#303c4b}.approach-grid{gap:100px}.approach h2{font-size:40px;line-height:1.25}.approach h2 span{color:#95a9c2}.approach-mark{color:#a2bddb;font-size:10px}.step{border-color:#354459}.step:last-child{border-color:#354459}.step h3{font-size:16px}.step-number{color:#a3bad6}.step-toggle:before,.step-toggle:after{background:#bdd7f4}.step>p{color:#a7bad1;font-size:14px;line-height:1.8}
.contact{padding-block:130px;background:radial-gradient(ellipse at 50% 100%,#1b4b822e,transparent 70%)}.contact h2{font-size:clamp(38px,4.8vw,68px);font-weight:500;letter-spacing:-.06em}.contact-description{font-size:15px;max-width:510px}.contact-note{font-size:10px;color:#a1b2c9}.contact-glow{display:none}
.site-footer{border-color:#324054}.footer-top{font-size:12px;color:#a7b9cf}.footer-wordmark{font-weight:650;color:#d6e2ef;font-size:clamp(54px,14.7vw,213px);letter-spacing:-.07em;line-height:1.1;margin-block:36px}.footer-wordmark span{color:#99caff}.footer-bottom{border-color:#324054;color:#a3b5cc;font-size:9px}.footer-bottom>span:nth-child(2){color:#a3b5cc}
@keyframes monument-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.orbit-stage{transform:none}.orbit-label{bottom:4%}.orbit-caption{bottom:0}
@media(min-width:1600px){.hero{min-height:800px}}
@media(max-width:1180px){.shell{width:calc(100% - 72px)}.hero{min-height:680px}.hero h1{font-size:85px}.hero-intro{font-size:16px}.hero:before{inset-inline:-36px}.vision{width:100%;padding-inline:36px}.vision-grid{gap:45px}.agency-content{padding:32px}.agency-content h3{font-size:42px}.agency-content .card-top{flex-wrap:wrap;gap:14px}.agency-visual{margin-left:0;padding:22px}.approach-grid{gap:55px}.approach h2{font-size:34px}.brand-description{min-height:100px}}
@media(max-width:900px){.shell{width:calc(100% - 48px)}.hero h1{font-size:68px}.hero{min-height:620px}.hero .eyebrow{font-size:9px}.hero-intro{font-size:14px}.hero-actions .button{font-size:12px;padding:16px}.hero-foot{font-size:8px}.hero:before{inset-inline:-24px}.vision{width:100%;padding-inline:24px}.vision h2{font-size:34px}.vision-copy p{font-size:14px}.vision-copy p.secondary{font-size:13px}.section-space{padding-block:80px}.discipline-band span{font-size:9px}.agency-content{padding:25px}.agency-content h3{font-size:36px}.agency-content>p{font-size:13px}.flow-node{font-size:11px;padding:17px 12px}.agency-visual{padding:20px}.system-bottom svg{display:none}.brand-card{padding:24px}.brand-card h3{font-size:25px}.brand-description{min-height:125px}.approach h2{font-size:31px}.step h3{font-size:14px}}
@media(max-width:680px){.shell{width:calc(100% - 40px)}.nav-inner{height:78px}.logo span{font-size:16px}.hero{padding-top:42px;padding-bottom:38px;min-height:0}.hero h1{font-size:clamp(58px,15.5vw,100px);margin-top:27px;letter-spacing:-.07em}.hero .eyebrow{font-size:9px;letter-spacing:.09em}.hero-intro{font-size:15px;line-height:1.85;max-width:100%}.hero-actions{gap:20px}.hero-actions .button{font-size:12px;padding:17px;min-height:53px}.hero-actions .text-link{font-size:12px}.hero-foot{margin-top:28px;font-size:8px}.hero:before{inset-inline:-20px}.orbit-stage{width:min(100%,430px);aspect-ratio:1.1;transform:none;margin-top:34px;overflow:hidden}.orbit-sculpture{width:103%;margin-top:-8%}.orbit-grid{inset:0 2%}.orbit-top-label{top:4%;left:6%;font-size:8px}.orbit-label{bottom:7%;font-size:8px}.orbit-caption{bottom:1%;font-size:9px}.orbit-cross{display:none}.discipline-band{padding:22px 0}.discipline-band span{font-size:9px}.section-space{padding-block:65px}.vision{width:100%;padding-inline:20px}.vision h2{font-size:33px}.vision-copy p{font-size:15px}.vision-copy p.secondary{font-size:13px}.section-label{font-size:10px}.section-heading h2{font-size:43px}.section-heading>p{font-size:14px}.agency-card{min-height:0}.agency-content{padding:25px}.agency-content .card-top{align-items:center;gap:16px}.agency-wordmark{font-size:24px}.active-status{font-size:8px}.agency-content h3{font-size:39px;margin-top:32px}.agency-content>p{font-size:14px}.agency-visual{margin:0 12px 12px;padding:22px}.flow-stack{margin:28px 0}.flow-node{font-size:12px;padding:17px 12px}.system-bottom{font-size:8px}.brands-grid{gap:0}.brand-card,.hadda,.wasabia{border-right:0;border-bottom:1px solid #344151;padding:27px}.brand-card:last-child{border-bottom:0}.brand-symbol{top:58px;right:28px;height:55px;font-size:58px;opacity:.6}.brand-name{margin-top:30px}.brand-card h3{font-size:30px}.brand-description{min-height:0;font-size:14px;max-width:none}.brand-category{font-size:9px;margin-top:24px}.approach h2{font-size:33px}.step h3{font-size:15px}.step>p{font-size:14px}.contact{padding-block:78px}.contact h2{font-size:39px;line-height:1.15}.contact-description{font-size:14px}.contact-note{font-size:9px}.footer-top{font-size:11px}.footer-wordmark{font-size:15.2vw;margin-block:30px}.footer-bottom{font-size:9px;line-height:1.7}.footer-bottom .languages{font-size:10px}}
@media(prefers-reduced-motion:reduce){.orbit-sculpture{animation:none;will-change:auto}}