@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Climate+Crisis&family=Montserrat:wght@400;500;600&display=swap");*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050510;color:#fff;font-family:Oprah,Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}.site{min-height:100vh;background:#050510}.top{height:82px;position:absolute;z-index:20;top:0;left:0;right:0;padding:0 4.5vw;display:flex;align-items:center;gap:40px}.brand{font-size:28px;letter-spacing:1px;font-weight:500;white-space:nowrap}.top nav{margin:auto;display:flex;gap:42px}.social a,.top nav a{font-size:10px;letter-spacing:2px}.top nav a:first-child{border-bottom:1px solid #a47cff;padding-bottom:8px}.social{display:flex;gap:20px}.menu{display:none}.hero{min-height:100svh;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(2,2,14,.98),rgba(6,4,30,.72) 42%,rgba(8,4,35,.18) 75%,rgba(2,2,12,.28)),radial-gradient(circle at 72% 35%,#6844ff 0 3%,transparent 25%),radial-gradient(circle at 80% 65%,#d04fff 0,transparent 35%),linear-gradient(135deg,#070718,#12105b 55%,#050510);display:flex;align-items:center;padding:110px 4.5vw 125px}.hero:before{content:"";background:repeating-linear-gradient(108deg,transparent 0 80px,rgba(120,80,255,.08) 82px 86px,transparent 90px 180px);filter:blur(8px);opacity:.9}.hero:before,.heroShade{position:absolute;inset:0}.heroShade{background:linear-gradient(0deg,#03030d,transparent 28%),radial-gradient(circle at 62% 48%,transparent 0 18%,rgba(0,0,0,.2) 60%)}.heroCopy{z-index:2;width:min(760px,58vw)}.heroCopy,.motto{position:relative}.motto{font-size:11px;line-height:2;letter-spacing:8px;margin-left:120px;margin-bottom:22px}.motto:before{content:"";width:85px;height:1px;background:#8b63ff;position:absolute;left:-120px;top:24px}.hero h1{font:clamp(120px,14.5vw,270px)/.72 Bebas Neue,sans-serif;margin:0;letter-spacing:-3px;background:linear-gradient(#fff 58%,#8d5dff);-webkit-background-clip:text;color:transparent;white-space:nowrap}.heroCopy>p{font-size:13px;letter-spacing:7px;margin:28px 0 42px}.actions{display:flex;align-items:center;gap:42px}.primary{width:285px;border:1px solid #bca8ff;padding:20px 25px;display:flex;justify-content:space-between;box-shadow:0 0 18px #743cff88,inset 0 0 16px #5931d533;font-size:12px;font-weight:600;letter-spacing:.5px}.primary b{font-size:22px;font-weight:400}.showreel{font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:16px}.showreel i{width:44px;height:44px;border:1px solid #9c75ff;border-radius:50%;display:grid;place-items:center;font-style:normal}.formats{position:absolute;z-index:3;left:4.5vw;bottom:34px;display:flex;gap:34px}.formats a{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:11px;padding-right:28px;border-right:1px solid #594e83}.formats a:last-child{border:0}.formats span{font-size:25px;color:#a36cff}.intro{padding:110px 6vw;background:linear-gradient(180deg,#070716,#09091d);border-top:1px solid #2c2455}.label{font-size:10px;letter-spacing:4px;color:#a994ff}.intro h2{font:clamp(70px,9vw,150px)/.83 Bebas Neue;margin:22px 0}.intro h2 em{font-style:normal;color:#9a6bff}.intro>p:last-child{max-width:760px;line-height:1.8;color:#c7c3d6}.cards{display:grid;grid-template-columns:repeat(3,1fr);padding:0 6vw 110px;background:#09091d}.cards a{padding:38px;border:1px solid #332a60;min-height:270px;background:linear-gradient(145deg,#0e0d24,#09091b)}.cards a:hover{border-color:#8e5cff;box-shadow:0 0 28px #6136ff22}.cards small{color:#9c72ff}.cards h3{font:56px Bebas Neue;margin:55px 0 10px}.cards p{color:#aaa6b9;line-height:1.6}footer{padding:30px 6vw;display:flex;justify-content:space-between;border-top:1px solid #292342;color:#aaa;letter-spacing:2px;font-size:11px}.sub{min-height:100vh;background:radial-gradient(circle at 75% 10%,#352179 0,transparent 35%),#060612}.subHero{padding:150px 6vw 80px;border-bottom:1px solid #332a60}.subHero .label{color:#ad8cff}.subHero h1{font:clamp(95px,14vw,230px)/.78 Bebas Neue;margin:20px 0;background:linear-gradient(#fff,#8f65ff);-webkit-background-clip:text;color:transparent}.subHero p{max-width:760px;color:#cbc7d8;line-height:1.7}.content{padding:70px 6vw 110px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px;background:#332a60}.block{background:#080816;padding:45px;min-height:250px}.block b{color:#9d74ff;font-size:11px;letter-spacing:3px}.block h2{font:52px Bebas Neue;margin:24px 0 12px}.block p{color:#b6b1c2;line-height:1.7}.bigContact{font:clamp(52px,8vw,120px)/.9 Bebas Neue;display:block;margin:20px 0;color:#fff}@media(max-width:760px){.top{height:70px;padding:0 22px}.brand{font-size:22px}.social,.top nav{display:none}.menu{display:block;margin-left:auto;position:relative}.menu summary{font-size:0;list-style:none;width:38px;height:30px;border-top:2px solid;border-bottom:2px solid}.menu summary:after{content:"";display:block;border-top:2px solid;margin-top:12px}.menu>div{position:absolute;right:0;top:42px;width:220px;padding:20px;background:#09091bf2;border:1px solid #5e48a4;display:flex;flex-direction:column;gap:18px}.menu a{font-size:12px;letter-spacing:2px}.hero{min-height:100svh;padding:100px 24px 185px;align-items:flex-end;background:linear-gradient(0deg,#050510,transparent 50%),radial-gradient(circle at 50% 34%,#6b4cff 0,transparent 34%),linear-gradient(160deg,#070718,#171067 52%,#050510)}.heroCopy{width:100%}.motto{position:absolute;top:-56vh;left:0;margin:0;font-size:10px;letter-spacing:6px}.motto:before{display:none}.hero h1{font-size:25vw;line-height:.75;white-space:normal}.heroCopy>p{font-size:11px;letter-spacing:5px;line-height:2;margin:24px 0}.actions{display:block}.primary{width:100%;padding:18px 24px}.showreel{display:none}.formats{left:18px;right:18px;bottom:28px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0}.formats a{display:flex;flex-direction:column;text-align:center;gap:7px;padding:0 8px;border-right:1px solid #54477a;font-size:8px;line-height:1.5;letter-spacing:1.5px}.formats span{font-size:24px}.intro{padding:75px 22px}.intro h2{font-size:20vw}.cards{grid-template-columns:1fr;padding:0 22px 75px}.cards h3{font-size:15vw}.subHero{padding:120px 22px 60px}.subHero h1{font-size:24vw}.content{grid-template-columns:1fr;padding:1px 22px 70px}.block{padding:30px 24px;min-height:0}.block h2{font-size:14vw}}.site,.sub,body,html{width:100%;max-width:100%;overflow-x:hidden}@media(max-width:760px){.sub .top{position:relative;height:76px;background:#070711;border-bottom:1px solid #251d45}.sub .brand{font-size:20px}.subHero{width:100%;padding:54px 22px 50px;background:radial-gradient(circle at 100% 0,#352179 0,transparent 58%),#080716}.subHero .label{margin:0 0 18px;font-size:9px;letter-spacing:4px}.subHero h1{max-width:100%;font-size:clamp(54px,17vw,82px);line-height:.88;letter-spacing:-1px;overflow-wrap:normal;word-break:normal;margin:0 0 24px}.subHero p:not(.label){font-size:15px;line-height:1.65;margin:0;max-width:100%}.content{width:100%;padding:22px;display:flex;flex-direction:column;gap:12px;background:#090817}.block{width:100%;padding:30px 24px;border:1px solid #34285f;background:#080815;overflow:hidden}.block b{font-size:9px;letter-spacing:3px}.block h2{max-width:100%;font-size:clamp(38px,11.5vw,58px);line-height:.95;letter-spacing:0;word-break:normal;margin:20px 0 14px}.block h2,.block p{overflow-wrap:anywhere}.block p{font-size:14px;line-height:1.65;margin:0}.sub footer{width:100%;padding:24px 22px;font-size:9px}.intro h2{font-size:clamp(54px,16vw,78px);line-height:.9}.cards h3{font-size:clamp(44px,13vw,64px)}}@media(max-width:390px){.subHero{padding-left:18px;padding-right:18px}.subHero h1{font-size:clamp(48px,16.5vw,66px)}.content{padding:18px}.block{padding:26px 20px}.block h2{font-size:clamp(34px,10.8vw,46px)}}.heroPhoto{background-image:linear-gradient(180deg,rgba(5,4,28,.06),rgba(5,4,28,.02) 48%,rgba(37,24,135,.48) 78%,rgba(78,55,210,.86)),url(/dj-safiter-hero%2016-9.jpg);background-size:cover;background-position:50%}.heroPhoto:before{display:none}.heroPhoto .heroShade{background:linear-gradient(90deg,rgba(2,2,18,.28),rgba(2,2,18,.05) 42%,transparent 72%),linear-gradient(0deg,rgba(61,42,194,.78),rgba(18,10,83,.12) 34%,transparent 62%)}.heroPhoto .heroCopy{align-self:flex-end;width:100%;text-align:center;padding-bottom:48px}.heroPhoto .motto{display:none}.heroPhoto h1{font-size:clamp(118px,13.5vw,250px);line-height:.7;letter-spacing:-4px;color:#fff;background:none;-webkit-text-fill-color:#fff;filter:drop-shadow(8px 8px 0 #07052b)}.heroPhoto .heroCopy>p{margin:32px 0 0;font-family:Bebas Neue,sans-serif;font-size:clamp(18px,1.7vw,30px);letter-spacing:1px;color:#fff}.heroPhoto .actions,.heroPhoto .formats{display:none}@media(max-width:760px){.site .top{position:absolute;height:76px;background:linear-gradient(180deg,rgba(4,3,28,.72),transparent)}.heroPhoto{min-height:100svh;padding:90px 18px 34px;align-items:flex-end;background-image:linear-gradient(180deg,rgba(5,4,28,.04),rgba(5,4,28,.02) 55%,rgba(60,41,190,.38) 78%,rgba(84,59,218,.92)),url(/dj-safiter-hero%209-16.jpg);background-size:cover;background-position:50%}.heroPhoto .heroShade{background:linear-gradient(0deg,rgba(73,50,208,.72),rgba(21,13,90,.08) 34%,transparent 58%)}.heroPhoto .heroCopy{width:100%;padding:0 0 4px;text-align:center}.heroPhoto h1{font-size:clamp(72px,21vw,118px);line-height:.76;letter-spacing:-2px;white-space:nowrap;filter:drop-shadow(5px 5px 0 #07052b)}.heroPhoto .heroCopy>p{margin:18px 0 0;font-size:clamp(15px,4.2vw,22px);line-height:1;letter-spacing:.4px}}.bigContact,.block h2,.cards h3,.hero h1,.intro h2,.subHero h1{font-style:normal}.block p,.cards p,.heroCopy>p,.intro>p,.menu a,.primary,.showreel,.social a,.subHero p,.top nav a,body,footer{font-family:Oprah,Montserrat,Arial,sans-serif}.bigContact,.block h2,.cards h3,.hero h1,.intro h2,.subHero h1{font-family:Climate Crisis,sans-serif;font-weight:400;letter-spacing:-.035em;overflow-wrap:normal;word-break:normal}.heroPhoto h1{font-size:clamp(92px,11.4vw,205px);line-height:.78;letter-spacing:-.045em}.intro h2{font-size:clamp(62px,7.2vw,118px);line-height:.9}.subHero h1{font-size:clamp(76px,10vw,164px);line-height:.86}.block h2{font-size:clamp(38px,3.7vw,62px);line-height:.94}.cards h3{font-size:clamp(38px,3.5vw,58px);line-height:.95}.bigContact{font-size:clamp(44px,6vw,92px);line-height:.9}@media(max-width:760px){body{font-size:15px}.brand{font-size:20px}.heroPhoto h1{font-size:clamp(54px,16.5vw,82px);line-height:.8;letter-spacing:-.045em}.heroPhoto .heroCopy>p{font-size:clamp(12px,3.4vw,16px);line-height:1.25;letter-spacing:.08em}.intro h2{font-size:clamp(42px,12.5vw,62px);line-height:.93}.subHero h1{font-size:clamp(44px,13vw,66px);line-height:.9;letter-spacing:-.04em}.block h2{font-size:clamp(32px,9.5vw,46px);line-height:.96}.cards h3{line-height:.96}.bigContact,.cards h3{font-size:clamp(34px,10vw,48px)}.bigContact{line-height:.95}.block p,.cards p,.intro>p:last-child,.subHero p:not(.label){font-size:14px;line-height:1.65}.block b,.label{font-size:9px}}@media(max-width:390px){.heroPhoto h1{font-size:clamp(48px,15.5vw,66px)}.intro h2{font-size:clamp(38px,11.5vw,52px)}.subHero h1{font-size:clamp(40px,12vw,56px)}.block h2{font-size:clamp(30px,9vw,40px)}}