/* Cinematic composition; original MERDOUD artwork and motion. */
:root{--bg:#030405;--paper:#fff;--accent:#fff;--line:#303238}
body,.site-header{background:#030405}.site-header{border:0}.nav-inner{height:96px}.logo svg{color:white}.desktop-nav a{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.08em;color:#ddd}.nav-contact{border-color:#777;color:#fff;text-transform:uppercase;font-size:10px}.nav-contact:hover{color:#000}.site-header .languages a{color:#bbb}
.hero{min-height:calc(100svh - 96px);grid-template-columns:1fr 1fr;align-items:center;padding-block:55px 95px;overflow:clip}.hero:before{background:radial-gradient(ellipse at 80% 40%,#14202a36,transparent 60%)}.hero-copy{padding-top:45px}.hero h1{font-size:clamp(58px,6.7vw,96px);text-transform:uppercase;font-weight:800;letter-spacing:-.06em;line-height:1.02;margin-block:26px}.hero h1 span{color:#fff}.hero-intro{font-size:16px;max-width:435px;color:#b7bec7;line-height:1.8}.hero .eyebrow{font-size:10px;letter-spacing:.17em;color:#c4c8cf}.hero-foot{font-size:9px;color:#959ea8}.live-dot{background:white;box-shadow:none}.button-light{background:transparent;border:1px solid #adb3ba;color:#fff}.button-light:hover{background:white;color:#000}.hero-actions .button{text-transform:uppercase;font-size:11px;letter-spacing:.06em;padding:20px 25px;min-height:60px}.hero-actions .text-link{font-size:11px}.button{transition:background .25s,color .25s;transform:none!important}.orbit-stage{height:min(660px,72svh);aspect-ratio:auto;width:100%;transform:none;margin:0;overflow:hidden;pointer-events:none}.network-canvas{position:absolute;inset:0;width:100%;height:100%;display:none}.network-ready .network-canvas{display:block}.network-ready .orbit-sculpture{display:none}.orbit-grid,.orbit-glow,.orbit-cross{display:none}.orbit-top-label{top:3%;left:6%;font-size:9px;color:#8d9aa8}.orbit-label{bottom:7%;font-size:9px;color:#c8d2dd}.orbit-caption{bottom:3%;font-size:9px;color:#9ba6b1}.motion-toggle{position:absolute;right:0;bottom:32px;border:1px solid #4c535d;background:transparent;color:#c5cdd7;padding:10px 14px;font:10px var(--mono);cursor:pointer}.motion-toggle[hidden]{display:none}.motion-toggle:hover{background:#fff;color:#000}.discipline-band{background:#080a0c;border-color:#272b30}.discipline-band i{background:#bbb}.discipline-band span{color:#aab2bc}.section-label{color:#b0b9c3}.vision{background:#080a0c;color:white;border-bottom:1px solid #292d33}.vision .section-label{color:#b0b9c3}.vision h2{font-weight:650}.vision h2 span{color:#8d959e}.vision-copy p{color:#c1c7ce}.vision-copy p.secondary{color:#9ba3ad}.section-heading h2{text-transform:uppercase;font-weight:750;font-size:clamp(37px,4.4vw,62px);line-height:1.08}.agency-card{background:#e7e9ec}.agency-visual{background-color:#0b1016}.agency-content h3{font-weight:650}.brand-card,.hadda,.wasabia{background:#090c10}.brand-card:hover{background:#10151c}.approach{background:#080a0d}.contact{background:radial-gradient(ellipse at 50% 100%,#17212c77,transparent 65%)}.contact h2{font-weight:700;text-transform:uppercase;font-size:clamp(33px,4.2vw,60px)}.footer-wordmark{color:#fff}.footer-wordmark span{color:white}
@media(min-width:1600px){.hero{min-height:calc(100svh - 96px)}}
@media(max-width:1180px){.hero h1{font-size:76px}.hero-intro{font-size:15px}.hero-actions{gap:20px}.orbit-stage{height:600px}.hero{min-height:720px}.motion-toggle{bottom:25px}}
@media(max-width:900px){.hero h1{font-size:59px}.hero-intro{font-size:14px}.orbit-stage{height:530px}.hero{min-height:630px}.hero-actions .button{font-size:10px;padding:17px}.hero .eyebrow{font-size:9px}}
@media(max-width:680px){.nav-inner{height:78px}.hero{display:flex;min-height:0;padding-block:30px 70px}.hero-copy{padding:0}.hero h1{font-size:clamp(47px,12.8vw,81px);line-height:1.05;margin-block:24px}.hero-intro{font-size:14px;max-width:440px}.hero-actions{margin-top:25px;gap:22px}.hero-actions .button{font-size:10px;min-height:54px}.hero-foot{font-size:8px;margin-top:29px}.orbit-stage{height:360px;width:100%;margin-top:23px}.orbit-top-label{font-size:8px}.orbit-label{bottom:6%;font-size:8px}.orbit-caption{bottom:1%;font-size:9px}.motion-toggle{bottom:16px;font-size:10px;min-height:36px}.section-heading h2{font-size:38px}.contact h2{font-size:33px}.vision h2{font-size:31px}.discipline-band span{font-size:8px}}