:root{--bg:#040a0b;--ink:#eef7f5;--muted:#8fa9a5;--line:rgba(190,255,244,0.12);--teal:#3fd6c6;--teal-deep:#004549;--panel:rgba(6,18,19,0.55);--gutter:clamp(16px,5vw,72px);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(1200px 800px at 50% 30%,#07191a 0,var(--bg) 60%) fixed,var(--bg);color:var(--ink);font-family:var(--font),system-ui,sans-serif;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.field{position:fixed;inset:0;z-index:0;touch-action:pan-y}.field canvas{display:block}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px)}.nav{position:fixed;inset-inline:0;top:0;z-index:10;justify-content:space-between;padding:18px var(--gutter);background:linear-gradient(180deg,rgba(4,10,11,.85),rgba(4,10,11,0))}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:17px}.brand img{width:26px;height:26px;filter:drop-shadow(0 0 8px rgba(63,214,198,.6))}.nav nav{display:flex;align-items:center;gap:clamp(14px,3vw,32px);font-size:15px;color:var(--muted)}.nav nav a{transition:color .2s}.nav .lang,.nav nav a:hover{color:var(--ink)}.nav .lang{border:1px solid var(--line);border-radius:999px;padding:4px 14px}main{position:relative;z-index:2;pointer-events:none}main .panel,main a,main button{pointer-events:auto}section{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:110px var(--gutter) 80px}.eyebrow{color:var(--teal);font-size:14px;font-weight:500;margin-bottom:14px}:lang(en) .eyebrow,:lang(en) .index{letter-spacing:.18em;text-transform:uppercase;font-size:12px}.hero{flex-direction:column;justify-content:flex-end;text-align:center;padding-bottom:72px}.hero-copy{max-width:820px;margin-inline:auto}.hero h1{font-size:clamp(32px,min(6.2vw,8.4vh),78px);line-height:1.15;font-weight:700;display:flex;flex-direction:column}:lang(en) .hero h1{letter-spacing:-.03em;line-height:1.02}.hero .accent{background:linear-gradient(90deg,#3fd6c6,#c6fff6 50%,#3fd6c6);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite}@keyframes sheen{to{background-position:-200% 0}}.lede{color:var(--muted);font-size:clamp(16px,1.6vw,19px);margin:18px auto 0;max-width:620px}.hint{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-size:13.5px;color:#b7d6d1;border:1px solid var(--line);background:rgba(8,24,25,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:7px 16px}.dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(63,214,198,.7);animation:pulse 1.8s infinite;flex:none}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(63,214,198,0)}to{box-shadow:0 0 0 0 rgba(63,214,198,0)}}.scroll-cue{margin-top:clamp(16px,4vh,40px);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.scroll-cue i{width:1px;height:44px;background:linear-gradient(var(--teal),transparent);animation:drip 2s ease-in-out infinite;transform-origin:top}@keyframes drip{0%{transform:scaleY(0)}60%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.panel{width:min(520px,44vw);padding:34px 34px 30px;border:1px solid var(--line);border-radius:22px;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}section.in .panel{opacity:1;transform:none}.index{font-size:14px;color:var(--teal);font-weight:500}.panel h2{font-size:clamp(30px,3.6vw,48px);line-height:1.2;margin:6px 0 4px}:lang(en) .panel h2{letter-spacing:-.02em}.tag{color:var(--ink);opacity:.85;font-weight:500;margin-bottom:14px}.panel .body{color:var(--muted)}.panel ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}.panel li{font-size:13.5px;border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:#cfe7e3}.cta{display:inline-flex;align-items:center;gap:10px;font-weight:500;color:var(--accent,var(--teal));border-bottom:1px solid;padding-bottom:2px}.cta span{transition:transform .25s}.cta:hover span{transform:translateX(-4px)}:lang(en) .cta:hover span{transform:translateX(4px)}.company-productions{--accent:#3fd6c6}.company-print{--accent:#f0b04a}.company-rouad{--accent:#7d91ff}.company-print .index{color:#f0b04a}.company-rouad .index{color:#7d91ff}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;border:1px solid var(--line);font-weight:500;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.05)}.btn.primary{background:var(--teal);border-color:var(--teal);color:#03201e;box-shadow:0 10px 40px -10px rgba(63,214,198,.6)}.btn.primary:hover{background:#6fe8db}.email{margin-top:16px;color:var(--muted);font-size:14px;text-align:start}[dir=rtl] .email{text-align:right}.foot{position:relative;z-index:2;padding:26px var(--gutter);border-top:1px solid var(--line);color:var(--muted);font-size:13.5px;text-align:center}@media (max-width:819px){body{font-size:16px}.nav nav a:not(.lang){display:none}section:not(.hero){align-items:flex-end;padding-top:52svh;padding-bottom:40px}.panel{width:100%;padding:24px 20px 22px}.hero{padding-bottom:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.panel{transition:none;opacity:1;transform:none}.dot,.hero .accent,.scroll-cue i{animation:none}}