:root{--bg: #ffffff;--ink: #111214;--muted: #5b5f66;--line: #e7e7ea;--soft: #f4f4f5;--rec: #d92b3a;--font-display: "Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;--font-body: "Figtree","Helvetica Neue",Arial,sans-serif;--font-arabic: "Readex Pro","Geeza Pro",Tahoma,sans-serif;--ease-out: cubic-bezier(0.16,1,0.3,1);--radius: 10px;--gutter: clamp(20px,4vw,56px);--track-display: -0.035em;color-scheme: light}:root[lang="ar"]{--font-display: var(--font-arabic);--font-body: var(--font-arabic);--track-display: 0}*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%;scrollbar-color: #c9cacf var(--bg);scrollbar-width: thin}body{margin: 0;background: var(--bg);color: var(--ink);font-family: var(--font-body);font-size: 17px;line-height: 1.6;-webkit-font-smoothing: antialiased;caret-color: var(--rec)}:root[lang="ar"] body{font-size: 16.5px;line-height: 1.8}::selection{background: rgba(217,43,58,0.16);color: var(--ink)}::-webkit-scrollbar{width: 10px}::-webkit-scrollbar-track{background: var(--bg)}::-webkit-scrollbar-thumb{background: #cfd0d4;border-radius: 10px;border: 3px solid var(--bg)}img{max-width: 100%;display: block}a{color: inherit;text-underline-offset: 0.2em;text-decoration-thickness: 1px}:focus-visible{outline: 2px solid var(--ink);outline-offset: 3px;border-radius: 4px}h1,h2,h3{font-family: var(--font-display);text-wrap: balance;margin: 0;letter-spacing: var(--track-display)}bdi{unicode-bidi: isolate}.wrap{width: 100%;max-width: 1280px;margin-inline: auto;padding-inline: var(--gutter)}.hero{position: relative;min-height: 100vh;min-height: 100svh;display: grid;grid-template-rows: auto 1fr auto;overflow: hidden}.nav{display: flex;align-items: center;justify-content: space-between;gap: 24px;padding-block: 24px;position: relative;z-index: 3}.brand{font-family: var(--font-display);font-weight: 700;font-size: 18px;text-decoration: none}.nav-links{display: flex;align-items: center;gap: clamp(14px,2.6vw,34px)}.nav-links a{font-size: 15px;font-weight: 500;color: var(--muted);text-decoration: none;transition: color 0.15s}.nav-links a:hover{color: var(--ink)}.lang{font: 500 14px var(--font-arabic);color: var(--ink);background: var(--bg);border: 1px solid var(--line);border-radius: 999px;padding: 7px 14px;cursor: pointer;transition: border-color 0.15s,background-color 0.15s}.lang:hover{border-color: var(--ink)}.lang:lang(en){font-family: "Figtree","Helvetica Neue",Arial,sans-serif}.hero-body{display: grid;grid-template-columns: minmax(0,1.35fr) minmax(0,0.65fr);align-items: center;gap: clamp(24px,4vw,64px);position: relative}.hero-copy{position: relative;z-index: 2;padding-block: clamp(24px,4vh,48px)}.hero-name{font-weight: 800;font-size: clamp(50px,8.8vw,132px);line-height: 0.92;white-space: nowrap;clip-path: inset(-0.1em -100vw 0 -100vw);padding-block-end: 0.08em}:root[lang="ar"] .hero-name{font-weight: 700;line-height: 1.15;font-size: clamp(52px,9vw,136px)}.hero-name>span{display: inline-block;animation: rise 1s var(--ease-out) 0.1s both}.hero-role{font-family: var(--font-display);font-weight: 500;font-size: clamp(22px,2.4vw,32px);line-height: 1.25;letter-spacing: -0.01em;margin: clamp(18px,2.4vh,28px) 0 0;max-width: 24ch;animation: fade-up 0.8s var(--ease-out) 0.45s both}:root[lang="ar"] .hero-role{letter-spacing: 0;line-height: 1.5}.hero-lede{color: var(--muted);font-size: clamp(17px,1.35vw,19px);max-width: 46ch;margin: 16px 0 0;animation: fade-up 0.8s var(--ease-out) 0.55s both}.hero-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: clamp(24px,3.4vh,36px);animation: fade-up 0.8s var(--ease-out) 0.65s both}.button{display: inline-flex;align-items: center;justify-content: center;min-height: 50px;padding: 0 24px;border-radius: 999px;border: 1px solid var(--line);background: var(--bg);font-size: 15px;font-weight: 600;text-decoration: none;transition: border-color 0.15s,background-color 0.15s,transform 0.15s var(--ease-out)}.button:hover{border-color: var(--ink)}.button:active{transform: scale(0.98)}.button-dark{background: var(--ink);border-color: var(--ink);color: #fff}.button-dark:hover{background: #2a2c30}.status{display: inline-flex;align-items: center;gap: 10px;margin: 22px 0 0;font-size: 14px;color: var(--muted);animation: fade-up 0.8s var(--ease-out) 0.75s both}.rec{width: 9px;height: 9px;border-radius: 50%;background: var(--rec);box-shadow: 0 0 0 4px rgba(217,43,58,0.12);animation: rec 2.4s ease-in-out infinite}.hero-mic{margin: 0;position: relative;justify-self: center;align-self: end;height: min(74svh,760px);display: flex;align-items: flex-end;justify-content: center}.hero-mic::after{content: "";position: absolute;inset-inline: 18%;bottom: -6px;height: 26px;border-radius: 50%;background: radial-gradient(closest-side,rgba(17,18,20,0.22),rgba(17,18,20,0));filter: blur(4px);animation: fade 1.2s ease 0.6s both}.hero-mic img{height: 100%;width: auto;object-fit: contain;animation: mic-in 1.3s var(--ease-out) 0.2s both}.hero-facts{position: relative;z-index: 2;margin-block: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 24px;padding-block: 22px 28px;animation: fade 0.8s ease 0.9s both}.hero-facts::before{content: "";position: absolute;inset-inline: var(--gutter);top: 0;border-top: 1px solid var(--line)}.hero-facts dt{color: var(--muted);font-size: 14px}.hero-facts dd{margin: 2px 0 0;font-weight: 600;font-size: 15px}.section{padding-block: clamp(64px,9vw,120px) 0}.section-head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 8px 32px;margin-bottom: clamp(28px,3.4vw,44px)}.section-head h2{font-weight: 700;font-size: clamp(34px,4.4vw,54px);line-height: 1.05}:root[lang="ar"] .section-head h2{line-height: 1.3}.section-head p{margin: 0;color: var(--muted);max-width: 48ch}.small-title{font-weight: 700;font-size: 20px}.grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: clamp(36px,4.4vw,60px) clamp(20px,3vw,40px)}.grid-three{grid-template-columns: repeat(3,minmax(0,1fr))}.card{display: flex;flex-direction: column;gap: 18px;text-decoration: none;color: inherit}.card-wide{grid-column: 1 / -1}.card-wide .meta{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 4px 40px;align-items: start}.card-wide .role{grid-column: 2;grid-row: 1 / span 2;margin-top: 4px}.thumb{position: relative;display: block;aspect-ratio: 16 / 9;border-radius: var(--radius);overflow: hidden;background: var(--soft);isolation: isolate}.card-wide .thumb{aspect-ratio: 21 / 9}.thumb img,.thumb-video{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s var(--ease-out),opacity 0.5s ease}.thumb img.is-loading{opacity: 0}.thumb::after{content: "";position: absolute;inset: 0;background: linear-gradient(to top,rgba(10,10,12,0.35),rgba(10,10,12,0) 45%);pointer-events: none}.play{position: absolute;inset: 0;margin: auto;z-index: 2;display: grid;place-items: center;width: 68px;height: 68px;border-radius: 50%;background: rgba(255,255,255,0.94);box-shadow: 0 8px 24px rgba(10,10,12,0.22);transition: transform 0.35s var(--ease-out),background-color 0.2s}.play svg{width: 26px;height: 26px;fill: var(--ink);margin-left: 3px;transition: fill 0.2s}.time{position: absolute;inset-inline-end: 12px;bottom: 12px;z-index: 2;padding: 3px 8px;border-radius: 6px;background: rgba(10,10,12,0.72);color: #fff;font: 500 13px "Figtree",Arial,sans-serif;font-variant-numeric: tabular-nums;direction: ltr}.card:hover .thumb img,.card:hover .thumb-video,.card:focus-visible .thumb img{transform: scale(1.04)}.card:hover .play,.card:focus-visible .play{transform: scale(1.1);background: var(--rec)}.card:hover .play svg,.card:focus-visible .play svg{fill: #fff}.card:focus-visible{outline: none}.card:focus-visible .thumb{outline: 2px solid var(--ink);outline-offset: 4px}.meta{display: flex;flex-direction: column;gap: 4px;padding-inline: 2px}.title{font-family: var(--font-display);font-weight: 700;font-size: clamp(19px,1.6vw,22px);line-height: 1.3;letter-spacing: calc(var(--track-display) / 2)}.card-wide .title{font-size: clamp(22px,2.2vw,28px)}.title bdi[lang="ar"]{font-family: var(--font-arabic);font-weight: 500}.kind,.role{color: var(--muted);font-size: 15px;line-height: 1.55;max-width: 62ch}.footnote{color: var(--muted);font-size: 15px;margin: 36px 0 0}.logos{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(6,minmax(0,1fr));border-top: 1px solid var(--line);border-inline-start: 1px solid var(--line)}.logos li{display: grid;grid-template-rows: 1fr auto;justify-items: center;align-items: center;gap: 14px;min-height: 168px;padding: 28px 16px 18px;border-bottom: 1px solid var(--line);border-inline-end: 1px solid var(--line);text-align: center}.logos img{max-width: 78%;max-height: 64px;width: auto;height: auto;object-fit: contain;filter: grayscale(1) contrast(1.15);mix-blend-mode: multiply;opacity: 0.72;transition: filter 0.3s ease,opacity 0.3s ease}.logos img.logo-light{filter: brightness(0);opacity: 0.8}.logos li:hover img{filter: none;opacity: 1}.logos li:hover img.logo-light{filter: brightness(0)}.logos .wordmark{font-family: var(--font-display);font-weight: 800;font-size: 21px;letter-spacing: calc(var(--track-display) / 2);line-height: 1.1;color: #55585e}.logos li>span:last-child{font-size: 13px;line-height: 1.4;color: var(--muted)}.services{margin: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));column-gap: clamp(32px,5vw,80px);border-top: 1px solid var(--line)}.services div{display: grid;grid-template-columns: 190px minmax(0,1fr);gap: 20px;padding: 26px 0;border-bottom: 1px solid var(--line)}.services dt{font-family: var(--font-display);font-weight: 700;font-size: 18px}.services dd{margin: 0;color: var(--muted)}.tools dl{margin: 20px 0 0;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 24px;border-top: 1px solid var(--line);padding-top: 20px}.tools dt{color: var(--muted);font-size: 14px;margin-bottom: 4px}.tools dd{margin: 0;font-weight: 500}.contact{margin-top: clamp(80px,11vw,150px);background: var(--ink);color: #fff;padding-block: clamp(64px,9vw,120px) 40px}.contact h2{font-weight: 800;font-size: clamp(36px,5.2vw,68px);line-height: 1.04;max-width: 17ch}:root[lang="ar"] .contact h2{font-weight: 700;line-height: 1.35}.contact-links{display: flex;flex-wrap: wrap;gap: 12px 44px;margin-top: 44px}.big-link{font-family: var(--font-display);font-weight: 500;font-size: clamp(20px,2.4vw,28px);text-decoration: none;background-image: linear-gradient(currentColor,currentColor);background-size: 0% 1px;background-position: 0 100%;background-repeat: no-repeat;transition: background-size 0.45s var(--ease-out)}:root[dir="rtl"] .big-link{background-position: 100% 100%}.big-link:hover{background-size: 100% 1px}.contact :focus-visible{outline-color: #fff}.fine{margin: 80px 0 0;color: #9a9ca3;font-size: 14px}.player{width: min(1100px,94vw);max-height: 92vh;padding: 0;border: 0;border-radius: 14px;background: #0b0b0d;color: #fff;overflow: hidden;box-shadow: 0 30px 80px rgba(0,0,0,0.45)}.player.is-vertical{width: min(420px,92vw)}.player::backdrop{background: rgba(255,255,255,0.84);backdrop-filter: blur(6px)}.player[open]{animation: open 0.4s var(--ease-out)}.player[open]::backdrop{animation: fade 0.3s ease}.player-bar{display: flex;align-items: center;gap: 16px;padding-block: 12px;padding-inline: 18px 12px}.player-title{flex: 1;min-width: 0;font-weight: 600;font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.player-link{color: #c7c8cc;font-size: 14px}.player-link:hover{color: #fff}.player-close{display: grid;place-items: center;width: 38px;height: 38px;border-radius: 50%;border: 0;background: rgba(255,255,255,0.1);color: #fff;cursor: pointer;transition: background-color 0.15s}.player-close:hover{background: rgba(255,255,255,0.2)}.player-close svg{width: 18px;height: 18px;stroke: currentColor;stroke-width: 2;stroke-linecap: round;fill: none}.player :focus-visible{outline-color: #fff}.player-frame{position: relative;aspect-ratio: 16 / 9;background: #000}.player.is-vertical .player-frame{aspect-ratio: 9 / 16;max-height: 80vh}.player-frame iframe,.player-frame video{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}body.is-switching main,body.is-switching .hero-copy,body.is-switching .hero-facts{opacity: 0;transition: opacity 0.18s ease}main,.hero-copy,.hero-facts{transition: opacity 0.3s ease}@keyframes rise{from{transform: translateY(108%)}to{transform: translateY(0)}}@keyframes fade{from{opacity: 0}to{opacity: 1}}@keyframes fade-up{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: none}}@keyframes mic-in{from{opacity: 0;transform: translateY(60px);filter: blur(6px)}to{opacity: 1;transform: none;filter: blur(0)}}@keyframes open{from{transform: translateY(16px) scale(0.98);opacity: 0}to{transform: none;opacity: 1}}@keyframes rec{0%,100%{opacity: 1}50%{opacity: 0.35}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}.hero-name>span,.hero-mic img,.player[open]{animation: none}.hero-role,.hero-lede,.hero-actions,.status,.hero-facts,.hero-mic::after{animation-duration: 0.01s;animation-delay: 0s}.rec{animation: none}.thumb img,.thumb-video,.play{transition-duration: 0.01s}.card:hover .thumb img,.card:hover .thumb-video{transform: none}}@media (max-width: 1100px){.logos{grid-template-columns: repeat(4,minmax(0,1fr))}.services{grid-template-columns: 1fr}}@media (max-width: 900px){.nav-links a{display: none}.hero-body{grid-template-columns: 1fr}.hero-mic{position: absolute;inset-inline-end: -4%;bottom: 0;height: 54svh;opacity: 0.18;z-index: 0}.hero-facts{grid-template-columns: 1fr;gap: 10px}.hero-facts div{display: flex;justify-content: space-between;gap: 16px}.hero-facts dd{margin: 0;text-align: end}.tools dl{grid-template-columns: repeat(2,minmax(0,1fr))}.grid-three{grid-template-columns: repeat(2,minmax(0,1fr))}.card-wide .meta{display: flex}.card-wide .thumb{aspect-ratio: 16 / 9}.logos{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 600px){body{font-size: 16px}.grid,.grid-three{grid-template-columns: 1fr}.services div{grid-template-columns: 1fr;gap: 6px}.play{width: 58px;height: 58px}.logos{grid-template-columns: repeat(2,minmax(0,1fr))}.logos li{min-height: 140px}}