@font-face{font-family:"Space Grotesk";src:url(../assets/fonts/space-grotesk-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(../assets/fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(../assets/fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Cairo;src:url(../assets/fonts/cairo-arabic-500-normal.woff2) format("woff2");font-weight:400 500;font-display:swap;unicode-range:U+0600-06FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Cairo;src:url(../assets/fonts/cairo-arabic-900-normal.woff2) format("woff2");font-weight:700 900;font-display:swap;unicode-range:U+0600-06FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}

:root{--ob:#171717;--cream:#F5F0E8;--coral:#FF593D;--lime:#C6F36B;--grey:#747474;--purple:#5F4467;--muted:#C9C4BC;--g:clamp(20px,4.5vw,72px);
  --disp:"Space Grotesk",Cairo,system-ui,sans-serif;--body:"Plus Jakarta Sans",Cairo,system-ui,sans-serif;--ease:cubic-bezier(.7,0,.2,1)}
*{box-sizing:border-box;margin:0}
html{overflow-x:clip;background:var(--ob);-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{background:var(--ob);color:var(--cream);font:400 18px/1.5 var(--body);overflow-x:clip}
body.loading{overflow:hidden;height:100svh}
img,video{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none;padding:0}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
h1,h2,h3{font-family:var(--disp);font-weight:700;letter-spacing:-.03em;line-height:.98}
h2,.big{font-style:italic}
[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .big,[dir=rtl] .huge{font-style:normal;letter-spacing:0;line-height:1.25;font-weight:900}
.wrap{width:100%;max-width:1560px;margin-inline:auto;padding-inline:var(--g)}
.big{font-size:clamp(44px,8vw,132px);max-width:16ch}
.huge{font-size:clamp(56px,12vw,210px);line-height:.92}
.lead{font-size:clamp(18px,1.6vw,25px);max-width:44ch;margin-block-start:22px}
.k{font:700 clamp(14px,1.05vw,17px)/1 var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--coral);margin-block-end:20px}
[dir=rtl] .k{letter-spacing:0;font-size:18px}
.tag{display:inline-block;font:italic 700 clamp(30px,3.6vw,58px)/1 var(--disp);padding:.2em .45em;color:#171717;transform:rotate(-3deg)}
.tag.coral{background:var(--coral)}.tag.lime{background:var(--lime)}.tag.purple{background:var(--purple);color:var(--cream)}

/* Loader, wipe, cursor */
#loader{position:fixed;inset:0;z-index:100;background:var(--ob);display:grid;place-items:center}
.load-frame{position:absolute;inset:clamp(16px,3vw,40px);--c:var(--cream);--l:clamp(26px,4vw,60px);background:linear-gradient(var(--c),var(--c)) 0 0/var(--l) 2px,linear-gradient(var(--c),var(--c)) 0 0/2px var(--l),linear-gradient(var(--c),var(--c)) 100% 0/var(--l) 2px,linear-gradient(var(--c),var(--c)) 100% 0/2px var(--l),linear-gradient(var(--c),var(--c)) 0 100%/var(--l) 2px,linear-gradient(var(--c),var(--c)) 0 100%/2px var(--l),linear-gradient(var(--c),var(--c)) 100% 100%/var(--l) 2px,linear-gradient(var(--c),var(--c)) 100% 100%/2px var(--l);background-repeat:no-repeat}
#loader img{width:clamp(90px,12vw,170px);height:auto}
.load-tc{position:absolute;inset-block-end:clamp(34px,6vw,70px);font:700 14px/1 ui-monospace,Menlo,monospace;display:flex;gap:8px;align-items:center;direction:ltr}
.load-tc i{width:10px;height:10px;border-radius:50%;background:var(--coral);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:.2}}
#wipe{position:fixed;inset:0;z-index:90;pointer-events:none;display:grid;grid-template-columns:1fr 1fr 1fr;direction:ltr}
#wipe i{background:var(--coral);transform:scaleY(0);transform-origin:bottom}
#wipe i:nth-child(2){background:var(--lime)}#wipe i:nth-child(3){background:var(--purple)}
#cursor{position:fixed;left:0;top:0;z-index:80;pointer-events:none;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--coral);display:none;place-items:center;mix-blend-mode:normal}
#cursor span{font:700 15px/1 var(--disp);color:#171717;opacity:0;white-space:nowrap}
@media (hover:hover) and (pointer:fine){#cursor{display:grid}}

/* Header and menu */
#top{position:fixed;inset-inline:0;inset-block-start:0;z-index:60;display:flex;justify-content:space-between;align-items:center;padding:14px var(--g);transition:color .25s,transform .45s var(--ease)}
#top.hide,body.loading #top{transform:translateY(-120%)}
.brand img{width:clamp(128px,12vw,180px);height:auto}
.top-r{display:flex;gap:10px;align-items:center}
#lang{font-weight:700;font-size:15px;padding:8px 12px;min-height:44px}
.tabs{display:none;gap:6px;padding:5px;border-radius:99px;background:rgba(23,23,23,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(245,240,232,.16)}
.tabs a{font-weight:700;font-size:15px;padding:9px 16px;border-radius:99px;white-space:nowrap;transition:background .2s,color .2s}
.tabs a:hover{background:rgba(245,240,232,.12)}
.tabs a[aria-current=page]{background:var(--cream);color:#171717}
#top.on-light .tabs{background:rgba(245,240,232,.7);border-color:rgba(23,23,23,.15)}
#top.on-light .tabs a{color:var(--ob)}
.tabs{display:flex}
/* Narrow screens and phones: the tabs get their own row under the logo */
@media (max-width:719px){#top{flex-wrap:wrap;row-gap:8px;padding-block:10px}.tabs{order:3;width:100%}.tabs a{flex:1;text-align:center;padding:8px 6px;font-size:14px}.hero-worlds{inset-block-start:140px}body.inner{padding-block-start:150px}}
@media (min-width:720px) and (max-width:900px){.tabs a{padding:9px 11px;font-size:14px}#lang{padding-inline:6px}.brand img{width:112px}}
.pillbtn{display:none;background:var(--lime);color:#171717;font-weight:700;padding:11px 20px;border-radius:99px;font-size:15px}
#menu-btn{width:48px;height:48px;border-radius:12px;background:var(--cream);display:grid;place-content:center;gap:6px}
#menu-btn i{display:block;width:20px;height:2px;background:#171717;transition:transform .35s var(--ease)}
#menu-btn[aria-expanded=true] i:first-child{transform:translateY(4px) rotate(45deg)}
#menu-btn[aria-expanded=true] i:last-child{transform:translateY(-4px) rotate(-45deg)}
#top.on-light #lang{color:var(--ob)}
#top.on-light .brand img{filter:brightness(0)}
#menu{position:fixed;inset:0;z-index:55;background:var(--ob);clip-path:inset(0 0 100% 0);visibility:hidden;display:flex;align-items:center;padding:90px var(--g) 30px}
#menu a,#menu button{display:flex;align-items:baseline;gap:18px;text-align:start;font:italic 700 clamp(34px,min(8vh,10.5vw),112px)/1.08 var(--disp);letter-spacing:-.03em;transition:color .2s,transform .3s var(--ease)}
[dir=rtl] #menu a,[dir=rtl] #menu button{font-style:normal;letter-spacing:0;line-height:1.35}
#menu a:hover,#menu button:hover{color:var(--lime);transform:translateX(18px)}
[dir=rtl] #menu a:hover,[dir=rtl] #menu button:hover{transform:translateX(-18px)}
#menu small{font:700 14px/1 ui-monospace,Menlo,monospace;color:var(--coral)}

/* Hero */
#hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#000}
#gl,#v-real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#v-real{z-index:0}#gl{z-index:1;opacity:0}#gl.on{opacity:1}
.hero-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.42),transparent 24%,transparent 45%,rgba(0,0,0,.82))}
.hero-in{position:absolute;inset:0;z-index:3;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;padding:90px var(--g) 26px}
.hero-worlds{position:absolute;inset-block-start:clamp(92px,13vh,130px);inset-inline-start:var(--g);font:700 16px/1 ui-monospace,Menlo,monospace;display:flex;gap:9px}
.hero-worlds span{opacity:.45;transition:opacity .2s,color .2s}.hero-worlds .slash{opacity:.45}
.hero-worlds .on{opacity:1;color:var(--lime)}
.hero-h{display:block;font:italic 700 clamp(70px,16.6vw,300px)/.84 var(--disp);letter-spacing:-.045em}
.ln{display:block;overflow:hidden;padding:.03em .08em .05em 0}.ln>span{display:block}
.hero-b{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-block-start:18px}
.hero-p{font-size:clamp(17px,1.5vw,23px);max-width:34ch}
.playbtn{pointer-events:auto;display:inline-flex;align-items:center;gap:12px;background:var(--cream);color:#171717;font-weight:700;padding:9px 22px 9px 9px;border-radius:99px;min-height:56px}
[dir=rtl] .playbtn{padding:9px 9px 9px 22px}
.playbtn b{width:40px;height:40px;background:var(--coral);border-radius:50%;display:grid;place-items:center;font-size:13px}
.hero-hint{font:700 13px/1 ui-monospace,Menlo,monospace;margin-block-start:14px;opacity:.7}
[dir=rtl] .hero-hint{font:500 14px/1.2 var(--body)}

/* Statement and marquee */
#statement{background:var(--cream);color:var(--ob);padding:clamp(110px,19vh,220px) var(--g)}
.st-h{font:italic 700 clamp(46px,9.2vw,172px)/.98 var(--disp);letter-spacing:-.04em;max-width:1560px;margin-inline:auto}
.st-l{display:block}.st-l2{text-align:end;color:#D63A1F}
[dir=rtl] .st-h{font-style:normal;font-weight:900;letter-spacing:0;line-height:1.3}
.st-rows{max-width:1560px;margin:clamp(56px,11vh,130px) auto 0}
.st-rows li{display:grid;grid-template-columns:clamp(190px,23vw,350px) 1fr;align-items:center;gap:clamp(14px,3vw,48px);padding-block:clamp(20px,3.4vh,38px);border-block-start:2px solid var(--ob)}
.st-rows li:last-child{border-block-end:2px solid var(--ob)}
.st-rows .tag{justify-self:start}
.st-rows p{font:700 clamp(25px,3.6vw,62px)/1.1 var(--disp);letter-spacing:-.02em}
[dir=rtl] .st-rows p{letter-spacing:0;line-height:1.45;font-weight:900}
[dir=rtl] .st-rows .tag{font-style:normal;line-height:1.35}
@media (max-width:640px){.st-rows li{grid-template-columns:1fr}}
.band{background:var(--coral);color:#171717;overflow:hidden;padding:.06em 0}
.band-t{display:flex;width:max-content;font:italic 700 clamp(80px,14vw,240px)/1 var(--disp);letter-spacing:-.04em;white-space:nowrap;will-change:transform}
.band-t span{padding-inline-end:.35em}

/* Divisions */
#divisions{display:flex;flex-direction:column;background:#000}
.div{position:relative;flex:1;min-height:40svh;overflow:hidden;display:flex;align-items:flex-end;padding:22px var(--g);isolation:isolate;color:#171717;transition:flex .7s var(--ease)}
.div.coral{background:var(--coral)}.div.lime{background:var(--lime)}.div.purple{background:var(--purple);color:var(--cream)}
.div video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:0;transition:opacity .5s;transform:scale(1.08)}
.div.live video{opacity:1}
.div.live::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 60%)}
.div.live{color:var(--cream)}
.div h2{font-size:clamp(66px,9vw,160px);white-space:nowrap}
.div p{font-weight:700;font-size:clamp(16px,1.3vw,21px);max-width:26ch;margin-block-start:10px}
@media (min-width:900px) and (hover:hover){
  #divisions{flex-direction:row;height:100svh}
  .div{min-height:0;padding:30px clamp(22px,2.5vw,40px)}
  .div:hover{flex:2.1}
  .div h2{font-size:clamp(64px,7.2vw,132px)}
}

/* UGC track */
.track-s{background:var(--ob);overflow:hidden}
.track{display:flex;align-items:center;gap:clamp(26px,5vw,90px);padding:100px var(--g) 70px;overflow-x:auto;scrollbar-width:none;width:100%}
.track::-webkit-scrollbar{display:none}
.track>*{flex:none}
.track-title{width:min(84vw,720px)}
.track-title>*{direction:var(--page-dir,ltr)}
.track-title .big{font-size:clamp(46px,7.2vw,118px);margin-block-start:20px}
.phones{display:flex;gap:clamp(14px,2vw,30px);align-items:center}
.phone{position:relative;flex:none;width:clamp(190px,23vh,290px);aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#000;border:5px solid #383838;transition:border-color .2s;will-change:transform}
.phone:hover{border-color:var(--coral)}
.phone video{width:100%;height:100%;object-fit:cover}
.phone:nth-child(even){margin-block-start:7vh}.phone:nth-child(odd){margin-block-end:7vh}
.track-end{padding-inline-end:6vw}
.big-out{font:italic 700 clamp(90px,17vw,300px)/.85 var(--disp);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px var(--lime)}
@media (min-width:900px){.track{height:100svh;overflow:visible;width:max-content;padding-block:0}.phone{width:clamp(200px,calc(58vh*9/16),340px)}}

/* Steps */
.steps{background:var(--cream);color:var(--ob);display:grid;gap:24px;padding:clamp(80px,12vh,140px) var(--g)}
.steps.dark{background:#101010;color:var(--cream)}
.steps-side h2{font-size:clamp(40px,5.4vw,92px);max-width:13ch}
.steps-n{display:none;font:italic 700 clamp(160px,24vw,400px)/.8 var(--disp);letter-spacing:-.05em;color:var(--coral);margin-block-start:30px;overflow:hidden}
.steps.dark .steps-n{color:var(--lime)}
.steps-n span{display:block}
.steps-l li{padding-block:clamp(20px,4vh,46px);border-block-start:2px solid currentColor;opacity:.25;transition:opacity .35s}
.steps-l li.on{opacity:1}
.steps-l h3{transition:color .35s}
.steps-l li.on h3{color:#D63A1F}
.steps.dark .steps-l li.on h3{color:var(--lime)}
.steps-l h3{font-size:clamp(36px,5vw,84px);font-style:italic}
[dir=rtl] .steps-l h3{font-style:normal}
.steps-l p{font-size:clamp(17px,1.5vw,24px);max-width:36ch;margin-block-start:8px}
@media (min-width:900px){
  .steps{grid-template-columns:1fr 1fr;align-items:start;gap:5vw}
  .steps-side{position:sticky;top:14vh}
  .steps-n{display:block}
  .steps-l li{min-height:44vh;display:flex;flex-direction:column;justify-content:center}
}

/* Results */
#results{padding:clamp(90px,14vh,170px) 0}
.res{display:grid;gap:clamp(26px,4vw,60px);margin-block-start:clamp(40px,7vh,84px)}
.res-card{display:grid;grid-template-columns:minmax(120px,32%) 1fr;gap:clamp(16px,3vw,44px);align-items:center}
.res-v{position:relative;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#000;display:block;width:100%}
.res-v video{width:100%;height:100%;object-fit:cover}
.nums{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin-block-start:20px}
.nums div,.stats div{display:flex;flex-direction:column}
.nums dd,.stats dd{order:-1;margin:0;font:italic 700 clamp(38px,5vw,86px)/1 var(--disp);color:var(--lime);direction:ltr;text-align:start;font-variant-numeric:tabular-nums}
.nums dt{font-size:clamp(14px,1.05vw,17px);color:var(--muted);margin-block-start:6px}
.res-p{font-size:clamp(15px,1.15vw,18px);color:var(--muted);margin-block-start:18px}
.res-card>*{min-width:0}
.nums{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:640px){.res-card{grid-template-columns:1fr}.res-v{aspect-ratio:1}.res-v video{object-position:50% 25%}}
@media (min-width:1050px){.res{grid-template-columns:1fr 1fr}.nums dd{font-size:clamp(32px,3.2vw,56px)}}

/* AI */
#ai{background:var(--lime);color:#171717;position:relative}
.ai-open{position:relative;height:100svh;overflow:hidden;display:grid;place-items:center}
.ai-mask{position:absolute;inset:0;clip-path:circle(0% at 50% 50%);z-index:2}
.ai-mask video{width:100%;height:100%;object-fit:cover}
.ai-mega{position:absolute;font:italic 700 clamp(240px,52vw,900px)/.8 var(--disp);letter-spacing:-.06em;z-index:1}
.ai-h{position:absolute;z-index:3;inset-block-end:clamp(30px,8vh,90px);inset-inline:var(--g);font-size:clamp(44px,7.4vw,126px);color:var(--cream);max-width:15ch;opacity:0}
.films{position:relative;background:var(--ob)}
.film{position:relative;display:block;width:100%;height:72svh;overflow:hidden;background:#000;text-align:start}
.film video{width:100%;height:100%;object-fit:cover}
.film::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 50%)}
.film span{position:absolute;z-index:2;inset-inline:var(--g);inset-block-end:clamp(30px,7vh,76px);display:flex;flex-direction:column;gap:12px}
.film small{font:700 clamp(15px,1.3vw,20px)/1 var(--disp);color:var(--lime)}
.film b{font:italic 700 clamp(44px,8vw,136px)/.98 var(--disp);letter-spacing:-.03em;max-width:15ch}
[dir=rtl] .film b{font-style:normal;letter-spacing:0;line-height:1.3;font-weight:900}
@media (min-width:900px){.films{height:100svh;overflow:hidden}.film{height:100svh;position:absolute;inset:0;will-change:clip-path,transform}}

/* Live production */
#live{padding:clamp(90px,14vh,170px) 0;background:var(--purple)}
#live .k{color:var(--lime)}
.works{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.2vw,18px);margin-block-start:clamp(36px,6vh,70px)}
.work{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#000;display:block;width:100%;text-align:start}
.work img{width:100%;height:118%;object-fit:cover;transition:scale .7s var(--ease)}
.work:hover img{scale:1.07}
.work::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 70%)}
.work span{position:absolute;z-index:2;inset-inline:12px;inset-block-end:11px;display:flex;flex-direction:column;gap:2px}
.work small{font:700 clamp(12px,1vw,15px)/1.2 var(--body);color:var(--lime)}
.work b{font:italic 700 clamp(19px,2.3vw,38px)/1.03 var(--disp)}
[dir=rtl] .work b{font-style:normal;line-height:1.4}
.work u{text-decoration:none;font-size:clamp(11px,.95vw,14px);font-weight:700}
.work em{font-style:normal;font-size:clamp(11px,.95vw,14px);color:var(--muted)}
@media (min-width:800px){.works{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1200px){.works{grid-template-columns:repeat(4,1fr)}}

/* Clients */
#clients{background:var(--cream);color:var(--ob);padding:clamp(90px,14vh,170px) 0}
.mk{display:flex;gap:10px;flex-wrap:wrap;margin-block-start:24px}
.mk li{font:italic 700 clamp(22px,2.4vw,38px)/1 var(--disp);padding:.32em .7em;background:var(--ob);color:var(--cream);transform:rotate(-2deg)}
.mk li:first-child{background:var(--coral);color:#171717}.mk li:nth-child(2){background:var(--lime);color:#171717}
[dir=rtl] .mk li{font-style:normal;line-height:1.4}
.logos-run{background:var(--ob);margin-block:clamp(44px,8vh,90px);padding-block:clamp(24px,4vh,44px);overflow:hidden;display:grid;gap:clamp(20px,3vh,36px)}
.logos-run>div{display:flex;width:max-content;align-items:center;gap:clamp(44px,6vw,100px);will-change:transform}
.logos-run img{height:clamp(44px,6vw,86px);width:auto;max-width:190px;object-fit:contain;flex:none}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:28px 16px}
.stats dd{color:var(--ob);font-size:clamp(56px,8vw,140px)}
.stats dt{font-weight:700;margin-block-start:6px}
@media (min-width:900px){.stats{grid-template-columns:repeat(4,1fr)}}

/* Contact */
#contact{position:relative;background:var(--ob);min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding-block-start:90px}
.fan{position:relative;height:clamp(240px,40vh,420px);margin-block-end:20px}
.fan{--fw:clamp(110px,min(13vw,19vh),230px)}
.fan img{position:absolute;left:50%;top:6%;width:var(--fw);aspect-ratio:9/15;object-fit:cover;border-radius:18px;margin-left:calc(var(--fw)/-2);border:4px solid var(--ob);transform-origin:50% 130%}
.ct{text-align:center;padding-inline:var(--g);display:flex;flex-direction:column;align-items:center}
.cta{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 40px;margin-block-start:26px}
.cta-item{display:flex;flex-direction:column;align-items:center;gap:9px}
.btn{display:inline-block;background:var(--lime);color:#171717;font-weight:700;font-size:clamp(17px,1.4vw,21px);padding:15px 34px;border-radius:99px}
.btn.alt{background:var(--cream)}.btn.coral{background:var(--coral)}
.cre-link{margin-block-start:34px;font-weight:700;font-size:clamp(17px,1.4vw,21px);border-block-end:2px solid var(--lime);padding-block:6px;min-height:44px}
.cre-link i{font-style:normal;color:var(--lime);display:inline-block}
[dir=rtl] .cre-link i{transform:scaleX(-1)}
.cta-d{font-weight:700;font-size:clamp(17px,1.5vw,23px)}
footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:clamp(40px,8vh,80px) var(--g) 22px}
footer img{width:clamp(130px,12vw,190px);height:auto}
footer p{font-weight:700}footer span{color:var(--muted);margin-inline-start:12px}

dialog{background:transparent;border:0;padding:0;margin:auto;width:100vw;height:100dvh;max-width:none;max-height:none;overflow:hidden}
dialog::backdrop{background:rgba(8,8,8,.96)}
#lb-body{width:100%;height:100%;display:grid;place-items:center;padding:60px 12px 16px}
#lb-body video{max-width:100%;max-height:calc(100dvh - 80px)}
#lb-body iframe{width:min(100%,calc((100dvh - 80px)*16/9));aspect-ratio:16/9;border:0}
#lb-x{position:absolute;inset-block-start:12px;inset-inline-end:14px;width:46px;height:46px;font-size:18px;color:var(--cream);z-index:2}
@media (min-width:640px){.pillbtn{display:inline-block}}
/* Creator form and booking */
dialog.sheet{background:var(--ob);color:var(--cream);overflow-y:auto;overscroll-behavior:contain}
dialog.sheet::backdrop{background:var(--ob)}
dialog.sheet[open]{animation:sheet .55s var(--ease)}
@keyframes sheet{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
.sheet-x{position:fixed;inset-block-start:14px;inset-inline-end:var(--g);width:48px;height:48px;border-radius:12px;background:var(--cream);color:#171717;font-size:18px;z-index:3}
.sheet-in{max-width:1400px;margin-inline:auto;padding:clamp(76px,11vh,110px) var(--g) 70px;display:grid;gap:clamp(34px,6vw,90px)}
.sheet h2{font-size:clamp(46px,6.6vw,108px)}
.sheet-lead{font-size:clamp(18px,1.5vw,23px);max-width:40ch;margin-block-start:20px}
.sheet-note{font:700 14px/1.5 var(--disp);color:var(--lime);margin-block-start:18px}
@media (min-width:1000px){.sheet-in.two{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.sheet-side{position:sticky;top:clamp(76px,11vh,110px)}}
.fsec{border:0;padding:0;margin:0 0 clamp(34px,6vh,54px)}
.fsec>h3{font-size:clamp(26px,2.6vw,40px);font-style:italic;padding-block-end:12px;border-block-end:2px solid var(--cream);margin-block-end:22px}
[dir=rtl] .fsec>h3{font-style:normal}
.fgrid{display:grid;gap:22px}
@media (min-width:640px){.fgrid{grid-template-columns:1fr 1fr}.fld.w{grid-column:1/-1}}
.fld{border:0;padding:0;margin:0;min-width:0;display:block}
.fld>span,.fld>legend{display:block;padding:0;font-weight:700;font-size:16px;margin-block-end:9px}
.fld em{font-style:normal;font-weight:400;color:var(--muted)}
.fld input[type=text],.fld input[type=tel],.fld input[type=email],.fld textarea{width:100%;background:#262626;color:var(--cream);border:2px solid #4a4a4a;border-radius:12px;padding:13px 15px;font:400 18px/1.35 var(--body);min-height:54px}
.fld textarea{min-height:104px;resize:vertical}
.fld input::placeholder,.fld textarea::placeholder{color:#9b9690}
.fld input:focus,.fld textarea:focus{border-color:var(--lime);outline:0}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chips label{position:relative;cursor:pointer}
.chips input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer}
.chips span{display:flex;align-items:center;min-height:46px;padding:8px 17px;border:2px solid #5a5a5a;border-radius:99px;font-weight:700;font-size:16px;transition:background .15s,color .15s,border-color .15s}
.chips input:checked+span{background:var(--lime);border-color:var(--lime);color:#171717}
.chips input:focus-visible+span{outline:3px solid var(--lime);outline-offset:2px}
.err{display:block;color:#FF8B76;font-weight:700;font-size:15px;margin-block-start:7px}
.err:empty{display:none}
.fld.bad input[type=text],.fld.bad input[type=tel],.fld.bad input[type=email],.fld.bad textarea,.fld.bad .chips span{border-color:#FF8B76}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:16px;margin-block-end:6px;cursor:pointer}
.consent input{width:24px;height:24px;flex:none;accent-color:var(--lime);margin-block-start:1px}
.f-send{margin-block-start:22px;min-height:58px;border:0;cursor:pointer}
.f-send[disabled]{opacity:.55;cursor:progress}
.f-msg{margin-block-start:14px;font-weight:700}
.f-done{padding-block:clamp(30px,8vh,80px)}
.f-done h3{font-size:clamp(42px,6vw,92px);font-style:italic;color:var(--lime)}
[dir=rtl] .f-done h3{font-style:normal;line-height:1.3}
.book-frame{width:100%;height:min(760px,calc(100dvh - 120px));min-height:560px;border:0;border-radius:18px;background:#fff}
.book-cal{width:100%;min-height:560px;border-radius:18px;overflow:hidden}
.book-alt{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:26px}
.book-open{display:inline-block;margin-block-start:12px;font-weight:700;text-decoration:underline;min-height:44px;padding-block:10px}
.consent a{text-decoration:underline;color:var(--lime)}

/* Home: trust strip, dialects, all-work link, footer links */
#trust{background:var(--ob);padding:clamp(26px,5vh,48px) var(--g);display:flex;flex-wrap:wrap;align-items:center;gap:14px clamp(24px,4vw,60px);border-block-start:1px solid #2c2c2c}
#trust .k{margin:0;color:var(--muted)}
.trust-l{display:flex;flex-wrap:wrap;align-items:center;gap:18px clamp(24px,3.4vw,58px);flex:1}
.trust-l img{height:clamp(28px,3vw,46px);width:auto;max-width:130px;object-fit:contain;opacity:.92}
@media (max-width:640px){.trust-l{gap:16px 26px}.trust-l img{height:28px;max-width:96px}}
#dialects{background:var(--coral);color:#171717;padding:clamp(90px,14vh,160px) 0}
#dialects .k{color:#171717}
.dia{display:grid;gap:clamp(40px,6vw,90px);align-items:center}
.dia-l{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:32px}
.dia-l li{font:italic 700 clamp(22px,2.4vw,36px)/1 var(--disp);padding:.32em .7em;background:#171717;color:var(--cream);transform:rotate(-2deg)}
.dia-l li:nth-child(2){background:var(--lime);color:#171717;transform:rotate(2deg)}
.dia-l li:nth-child(3){background:var(--cream);color:#171717}
.dia-l li:nth-child(4){background:var(--purple);transform:rotate(1deg)}
[dir=rtl] .dia-l li{font-style:normal}
.dia-v{display:flex;gap:clamp(14px,2vw,28px);justify-content:center}
.dia-v figure{margin:0;flex:1;max-width:300px}
.dia-v figure:nth-child(2){margin-block-start:9vh}
.dphone{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:#000;border:5px solid #171717}
.dphone video{width:100%;height:100%;object-fit:cover}
.dia-v figcaption{font-weight:700;margin-block-start:12px;text-align:center}
@media (min-width:900px){.dia{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}
.all-work{margin-block-start:clamp(30px,5vh,50px);text-align:center}
.all-work i{font-style:normal;display:inline-block}
[dir=rtl] .all-work i{transform:scaleX(-1)}
#outcomes{background:var(--cream);color:var(--ob);padding:clamp(90px,14vh,170px) 0}
.oc-l{display:grid;gap:clamp(14px,1.6vw,22px);margin-block-start:clamp(36px,6vh,64px)}
@media (min-width:700px){.oc-l{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1200px){.oc-l{grid-template-columns:repeat(4,1fr)}}
.oc-l li{border-block-start:3px solid var(--ob);padding-block:22px 6px}
.oc-l i{display:block;font:italic 700 clamp(44px,4.6vw,76px)/1 var(--disp);letter-spacing:-.04em;color:var(--coral);margin-block-end:14px;text-align:start}
.oc-l b{display:block;font:italic 700 clamp(24px,2vw,32px)/1.1 var(--disp);margin-block-end:8px}
[dir=rtl] .oc-l b{font-style:normal}
.oc-l p{color:#4a4a4a}
.plat{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-block-start:clamp(36px,6vh,60px)}
.plat>span{font:700 15px/1 var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
[dir=rtl] .plat>span{letter-spacing:0}
.plat ul{display:flex;flex-wrap:wrap;gap:10px}
.plat li{font-weight:700;padding:9px 18px;border:2px solid var(--ob);border-radius:99px}
#faq{background:#101010;padding-block:clamp(90px,14vh,170px)}
.phone .ph-l{position:absolute;z-index:2;inset-inline:12px;inset-block-end:12px;display:flex;flex-direction:column;gap:2px;text-align:start;pointer-events:none}
.phone::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 40%);pointer-events:none}
.phone video{position:relative}
.ph-l small{font:700 13px/1.2 var(--body);color:var(--lime)}
.ph-l b{font:italic 700 clamp(16px,1.3vw,20px)/1.1 var(--disp)}
[dir=rtl] .ph-l b{font-style:normal}
.note-link{color:var(--cream);text-decoration:underline;font:inherit}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 26px;font-weight:700}
.foot-links a{color:var(--muted);transition:color .2s}
.foot-links a:hover{color:var(--lime)}

/* Inner pages */
body.inner{padding-block-start:clamp(110px,16vh,170px)}
.page-head{padding-block-end:clamp(34px,6vh,60px)}
.page-head h1.big{font-style:italic}
[dir=rtl] .page-head h1.big{font-style:normal;line-height:1.25;font-weight:900}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:clamp(28px,5vh,46px)}
.filters button{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:9px 20px;border:2px solid #4a4a4a;border-radius:99px;font-weight:700;font-size:17px;transition:background .2s,border-color .2s,color .2s}
.filters button i{font-style:normal;font-size:13px;color:var(--muted)}
.filters button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#171717}
.filters button[aria-pressed=true] i{color:#171717}
.wgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vw,20px)}
@media (min-width:800px){.wgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1300px){.wgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.wc{position:relative;display:block;width:100%;text-align:start;border-radius:14px;overflow:hidden;background:#000;animation:wc .5s var(--ease) both}
@keyframes wc{from{opacity:0;transform:translateY(24px)}}
.wc[hidden]{display:none}
.wc.tall{aspect-ratio:9/16}
.wc.wide{grid-column:span 2;aspect-ratio:16/9}
.wc>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale .7s var(--ease)}
.wc:hover>video{scale:1.05}
.wc.tall::after,.wc.wide::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 55%);pointer-events:none}
.wc>span{position:absolute;z-index:2;inset-inline:12px;inset-block-end:11px;display:flex;flex-direction:column;gap:3px}
.wc small{font:700 clamp(12px,1vw,15px)/1.2 var(--body);color:var(--lime)}
.wc b{font:italic 700 clamp(17px,1.6vw,26px)/1.05 var(--disp)}
[dir=rtl] .wc b{font-style:normal}
.film-c{grid-column:span 2;background:#1f1f1f;display:flex;flex-direction:column}
.wc-v{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#000}
.wc-v img{width:100%;height:100%;object-fit:cover;transition:scale .7s var(--ease)}
.wc-v:hover img{scale:1.06}
.wc-t{padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px}
.wc-t b{font-size:clamp(22px,2vw,30px)}
.wc-t p{font-size:16px;line-height:1.45}
.wc-t .muted{color:var(--muted)}
.wc-t em{font-style:normal;font-size:14px;font-weight:700;color:var(--coral);margin-block-start:4px}
.wh{grid-column:1/-1;font-size:clamp(30px,3.4vw,52px);margin-block:clamp(26px,5vh,50px) 4px;display:flex;align-items:center;gap:16px}
.wh::after{content:"";flex:1;height:2px;background:#333}
.wh:first-child,.wgrid:not([data-view=all]) .wh{margin-block-start:0}
.wh[hidden]{display:none}
@media (min-width:1300px){.wc.wide{grid-column:span 3}}
.page-cta{text-align:center;padding-block:clamp(90px,16vh,180px) clamp(40px,8vh,80px);display:flex;flex-direction:column;align-items:center}
.site-foot{border-block-start:1px solid #2c2c2c}
.rise{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rise.in{opacity:1;transform:none}

/* Become a creator */
.cre-head{position:relative;display:grid;gap:40px;align-items:center;max-width:1560px;margin-inline:auto}
.cre-head .wrap{max-width:none}
.cre-go{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-block-start:30px}
.cre-go span{font:700 14px/1.5 var(--disp);color:var(--lime)}
.cre-phones{display:flex;gap:14px;justify-content:center;padding-inline:var(--g)}
.cre-phones>div{position:relative;width:min(30%,220px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;border:5px solid #383838;background:#000}
.cre-phones>div:nth-child(1){transform:rotate(-5deg) translateY(20px)}
.cre-phones>div:nth-child(3){transform:rotate(5deg) translateY(20px)}
.cre-phones video{width:100%;height:100%;object-fit:cover}
@media (min-width:1000px){.cre-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.cre-phones{padding-inline:0 var(--g)}}
.why{padding-block:clamp(80px,14vh,150px)}
.why-l{display:grid;gap:clamp(14px,2vw,24px);margin-block-start:clamp(34px,6vh,60px)}
@media (min-width:800px){.why-l{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1200px){.why-l{grid-template-columns:repeat(4,1fr)}}
.why-l li{background:#222;border-radius:18px;padding:clamp(22px,2.4vw,34px)}
.why-l li:nth-child(1){background:var(--coral);color:#171717}
.why-l li:nth-child(2){background:var(--lime);color:#171717}
.why-l li:nth-child(3){background:var(--purple)}
.why-l li:nth-child(4){background:var(--cream);color:#171717}
.why-l b{display:block;font:italic 700 clamp(26px,2.4vw,38px)/1.05 var(--disp);margin-block-end:12px}
[dir=rtl] .why-l b{font-style:normal}
.how{padding-block-end:clamp(80px,14vh,150px)}
.how-l{display:grid;gap:0;border-block-start:2px solid var(--cream)}
@media (min-width:900px){.how-l{grid-template-columns:repeat(4,1fr);border:0;gap:24px}.how-l li{border-block-start:2px solid var(--cream)}}
.how-l li{padding-block:22px;border-block-end:1px solid #333}
.how-l i{display:block;font:700 14px/1 ui-monospace,Menlo,monospace;color:var(--coral);font-style:normal;margin-block-end:10px}
.how-l b{display:block;font:italic 700 clamp(30px,3vw,48px)/1 var(--disp);margin-block-end:10px}
[dir=rtl] .how-l b{font-style:normal}
.how-l p{color:var(--muted)}
.apply{background:#101010;padding-block:clamp(80px,14vh,150px);scroll-margin-top:20px}
.apply-in{display:grid;gap:clamp(34px,6vw,90px)}
@media (min-width:1000px){.apply-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.apply-side{position:sticky;top:clamp(90px,14vh,140px)}}
.faq{padding-block:clamp(80px,14vh,150px)}
.faq-l{margin-block-start:clamp(30px,5vh,50px);max-width:960px}
.faq details{border-block-end:1px solid #3a3a3a}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:22px;font:700 clamp(20px,1.8vw,28px)/1.25 var(--disp)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--lime);font-size:1.4em;line-height:1;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-block-end:22px;max-width:60ch;color:var(--muted)}
.faq a,.prose a{color:var(--lime);text-decoration:underline}

/* Privacy */
.prose{max-width:880px;margin-inline:0;padding-block-end:clamp(80px,12vh,140px)}
@media (min-width:1000px){.prose{margin-inline-start:max(var(--g),calc((100vw - 1560px)/2 + var(--g)))}}
.prose h2{font-size:clamp(26px,2.6vw,38px);margin-block:44px 12px}
.prose p{font-size:18px;line-height:1.65;color:#e6e1d9}
.prose .muted{color:var(--muted);margin-block-start:40px;font-size:15px}

@media (prefers-reduced-motion:reduce){
  #loader,#wipe{display:none}.steps-l li{opacity:1}.rise{opacity:1;transform:none}.ai-mask{clip-path:none}.ai-h{opacity:1}
  .film{position:relative!important}.films{height:auto!important}
  *{animation:none!important;transition:none!important}
}