@font-face{font-family:Anybody;src:url(../fonts/anybody-latin-standard-normal.woff2) format("woff2");font-weight:100 900;font-stretch:50% 150%;font-display:swap}
@font-face{font-family:Schibsted;src:url(../fonts/schibsted-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap}
:root{--k:#000;--w:#fff;--r:#f5c022;--gd:#a87700;--n:#ffe14d;--g:#8a8a8a;--d:Anybody,Impact,sans-serif;--b:Schibsted,system-ui,sans-serif;--p:clamp(20px,5vw,72px)}
*{margin:0;padding:0;box-sizing:border-box}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--k);color:var(--w);font:400 1.05rem/1.55 var(--b);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul{list-style:none}
h1,h2,h3{font-family:var(--d);font-weight:800;font-stretch:70%;line-height:.92;letter-spacing:-.01em}
h2{font-size:clamp(2.4rem,6.5vw,6rem);max-width:14ch}
:focus-visible{outline:3px solid var(--n);outline-offset:3px}
.pre{position:fixed;inset:0;z-index:99;background:var(--k);display:grid;place-content:center;justify-items:center;gap:22px}
.pre img{height:90px}.pre-n{font:800 3rem var(--d);font-stretch:60%}.pre-bar{width:min(260px,60vw);height:3px;background:#222}.pre-bar i{display:block;height:100%;width:0;background:var(--r);box-shadow:0 0 14px var(--r)}
.cur{position:fixed;top:0;left:0;width:14px;height:14px;border-radius:50%;background:var(--w);mix-blend-mode:difference;pointer-events:none;z-index:98;transform:translate(-50%,-50%)}
@media(hover:none){.cur{display:none}}
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px var(--p);mix-blend-mode:normal;background:linear-gradient(#000c,#0000)}
.brand img{height:38px}.nav nav{display:flex;gap:28px;font-weight:600;font-size:.95rem}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:100%;background:var(--r);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav nav a:hover:after{transform:scaleX(1)}
.lang{display:flex;border:1.5px solid var(--w);border-radius:99px;padding:3px}.lang button{font:700 .8rem var(--b);border:0;background:none;color:var(--w);padding:5px 12px;border-radius:99px;cursor:pointer}.lang .on{background:var(--r);color:var(--k)}
@media(max-width:820px){.nav nav{display:none}}
.hero{position:relative;min-height:100svh;padding:150px var(--p) 90px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.onair{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9rem;margin-bottom:22px}.onair i{width:12px;height:12px;border-radius:50%;background:var(--r);box-shadow:0 0 0 0 var(--r),0 0 18px var(--r);animation:tally 1.4s infinite}
@keyframes tally{50%{box-shadow:0 0 0 8px #f5c02200,0 0 26px var(--r);opacity:.55}}
.hero-h{font-size:clamp(3.6rem,13.5vw,13rem);font-weight:900;font-stretch:55%;position:relative;z-index:2}
.ln{display:block;overflow:hidden;padding-bottom:.06em}.ln>span{display:inline-block}.red{color:var(--r);text-shadow:0 0 30px #f5c02288,0 0 80px #f5c02244}
.hero-p{max-width:34ch;margin:26px 0;font-size:1.2rem;position:relative;z-index:2}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:2}
.btn{display:inline-block;background:var(--r);color:var(--k);font-weight:700;padding:15px 28px;border-radius:4px;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #f5c02277}.btn.ghost{background:none;border:1.5px solid var(--w);color:var(--w)}
.fl{position:absolute;right:var(--p);width:clamp(150px,22vw,330px);z-index:1}.fl img{width:100%;aspect-ratio:4/3;object-fit:cover}
.fl figcaption{position:absolute;left:-10px;bottom:-12px;background:var(--r);color:var(--k);font:700 .78rem var(--b);padding:4px 10px;border-left:5px solid var(--r)}
.f1{bottom:250px;right:calc(var(--p) + 21vw);width:clamp(120px,15vw,230px)}.f2{bottom:120px}.f3{bottom:330px;right:calc(var(--p) + 3vw);width:clamp(120px,14vw,210px)}
@media(max-width:820px){.f1,.f3{display:none}.f2{bottom:auto;top:12%;width:42vw}}
.crawl{position:absolute;left:0;right:0;bottom:0;display:flex;background:var(--w);color:var(--k);font-weight:700;overflow:hidden;z-index:3}.crawl b{background:var(--r);color:var(--k);padding:10px 20px;z-index:1}.crawl-t{overflow:hidden;flex:1;display:flex;align-items:center}.crawl-t span{white-space:nowrap;padding-left:20px;will-change:transform}
.stage{height:520vh;position:relative}.stage-pin{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}
.screen{position:relative;width:100%;height:100%;clip-path:inset(30% 24% 30% 24% round 18px);background:#000}.screen canvas{width:100%;height:100%;object-fit:cover;display:block}
.grain{position:absolute;inset:0;background:repeating-linear-gradient(#0000 0 2px,#0004 2px 3px),radial-gradient(circle at 50% 40%,#0000 40%,#000a);mix-blend-mode:multiply;pointer-events:none}
.hud{position:absolute;left:var(--p);bottom:44px;display:flex;gap:18px;font:700 1.1rem var(--d);font-stretch:70%;letter-spacing:.06em}.hud #dir{color:var(--r);text-shadow:0 0 12px var(--r)}
.stage-copy{position:absolute;left:var(--p);right:var(--p);bottom:90px;pointer-events:none}.stage-copy p{position:absolute;left:0;bottom:0;font:900 clamp(2.2rem,6vw,5.6rem)/.95 var(--d);font-stretch:60%;max-width:12ch;opacity:0;text-shadow:0 4px 40px #000}
.w{background:var(--w);color:var(--k)}.services,.port,.ceo{padding:120px var(--p)}
.rows{margin-top:60px;border-top:2px solid var(--k)}.rows li{display:flex;justify-content:space-between;align-items:baseline;gap:30px;padding:26px 0;border-bottom:1px solid #0003;cursor:pointer;transition:padding .35s,color .25s}
.rows b{font:800 clamp(1.8rem,5vw,4.6rem)/1 var(--d);font-stretch:65%}.rows span{max-width:28ch;font-size:.98rem;text-align:right;opacity:.65}
.rows li:hover{color:var(--r);padding-left:24px}.rows li:hover span{opacity:1}
.peek{position:fixed;top:0;left:0;width:280px;aspect-ratio:4/3;pointer-events:none;z-index:40;opacity:0;overflow:hidden;border:3px solid var(--k)}.peek img{width:100%;height:100%;object-fit:cover}
@media(hover:none),(max-width:820px){.peek{display:none}.rows li{flex-direction:column;gap:8px}.rows span{text-align:left;opacity:1}}
.build{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;padding:120px var(--p);position:relative}
.build h2{color:var(--w);margin-bottom:50px}.build li{font:800 clamp(1.8rem,4.4vw,4rem)/1.15 var(--d);font-stretch:65%;color:#ffffff40;cursor:pointer;transition:color .3s,text-shadow .3s,padding .3s;padding:8px 0}
.build li.on{color:var(--n);text-shadow:0 0 22px #ffe14d99,0 0 60px #ffe14d44;padding-left:16px}.more{margin-top:26px;color:var(--g)}
.term{position:sticky;top:18vh;align-self:start;background:#050807;border:1.5px solid var(--n);border-radius:10px;box-shadow:0 0 40px #ffe14d33,inset 0 0 40px #ffe14d11;min-height:390px}
.term-bar{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid #ffe14d44;color:var(--n);font-weight:600;font-size:.85rem}.term-bar i{width:10px;height:10px;border-radius:50%;background:#ffe14d55}.term-bar span{margin-left:auto}
.term pre{padding:22px;color:var(--n);font:500 .95rem/1.7 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap}.term pre:after{content:"▌";animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
@media(max-width:820px){.build{grid-template-columns:1fr}.term{position:static}}
.port .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px;margin-top:60px}.port article:nth-child(3n+2){margin-top:60px}
.im{overflow:hidden;aspect-ratio:4/5;background:#ddd;clip-path:inset(0)}.im img{width:100%;height:120%;object-fit:cover}
.port h3{font-size:2rem;margin:16px 0 6px;font-stretch:75%}.port p{opacity:.7;max-width:34ch}
@media(max-width:820px){.port .grid{grid-template-columns:1fr}.port article:nth-child(3n+2){margin-top:0}}
.logos{padding:110px 0;overflow:hidden}.logos h2{max-width:20ch;padding:0 var(--p);margin-bottom:50px}.mq{overflow:hidden;margin-bottom:18px}.mq-t{display:flex;gap:18px;width:max-content;will-change:transform}.mq-t div{background:var(--w);height:96px;min-width:170px;display:grid;place-items:center;padding:12px 22px;border-radius:6px}.mq-t img{max-height:68px;max-width:150px;object-fit:contain}
.ceo{display:grid;grid-template-columns:1fr 1.1fr;gap:6vw;align-items:center}.ceo-i{width:100%;border:0;box-shadow:16px 16px 0 var(--r)}.ceo-t h2{font-size:clamp(2.4rem,5vw,4.6rem)}.role{color:var(--gd);font-weight:700;margin:12px 0 26px}.ceo-t p+p{margin-top:14px;max-width:52ch}
@media(max-width:820px){.ceo{grid-template-columns:1fr}}
.team{padding:120px var(--p)}.tg{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px}.tg div{display:flex;flex-direction:column;gap:4px}.tg img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;filter:grayscale(1) contrast(1.1);transition:filter .4s;margin-bottom:12px}.tg div:hover img{filter:none}.tg span{color:var(--g)}
@media(max-width:820px){.tg{grid-template-columns:1fr 1fr}}
.contact{background:var(--k);padding:120px var(--p) 50px;display:flex;flex-direction:column;gap:6px}.contact h2{color:var(--r);max-width:12ch;margin-bottom:40px}.big{font:800 clamp(1.4rem,4.6vw,4.4rem)/1.1 var(--d);font-stretch:65%;word-break:break-word;width:fit-content;border-bottom:3px solid #0000;transition:border-color .2s,padding .3s}.big:hover{color:var(--r);border-color:var(--r);padding-left:14px}.flogo{height:60px;margin-top:80px;align-self:flex-start}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}

.prog{position:fixed;top:0;left:0;right:0;height:3px;background:var(--r);box-shadow:0 0 12px var(--r);transform:scaleX(0);transform-origin:left;z-index:97}
.beams{position:absolute;inset:-40%;background:conic-gradient(from 0deg at 68% 30%,#0000 0 6%,#f5c02255 10%,#0000 16%,#ffe14d22 30%,#0000 38%,#f5c02233 60%,#0000 68%);filter:blur(50px);animation:spin 26s linear infinite;pointer-events:none}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-h{font-variation-settings:"wdth" var(--wd,55)}
.wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}.wm>i{display:inline-block;font-style:normal}
.scrub{position:absolute;left:var(--p);right:var(--p);bottom:30px;height:3px;background:#fff3}.scrub i{display:block;height:100%;width:100%;background:var(--r);box-shadow:0 0 10px var(--r);transform:scaleX(0);transform-origin:left}
.band{background:var(--r);overflow:hidden;padding:26px 0;color:var(--k)}.band-t{display:flex;width:max-content;font:900 clamp(4rem,11vw,10rem)/1 var(--d);font-stretch:55%;will-change:transform}.band-t span{padding-right:.5em;white-space:nowrap}.band-t span:nth-child(even){color:transparent;-webkit-text-stroke:2px var(--k)}
.rows li{position:relative;isolation:isolate}.rows li:before{content:"";position:absolute;inset:0 -20px;background:var(--r);transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.7,0,.2,1);z-index:-1}.rows li:hover:before{transform:scaleY(1)}.rows li:hover{color:var(--k)}
.im{transform-style:preserve-3d;will-change:transform}.port article{perspective:900px}
.tg div{transition:transform .4s}.tg div:hover{transform:translateY(-10px) rotate(-1.5deg)}
.badge{position:absolute;top:70px;right:var(--p);width:clamp(110px,15vw,210px);will-change:transform}
.contact{position:relative}

.about{padding:130px var(--p) 100px}
.about .tag{display:inline-block;background:var(--k);color:var(--r);font:800 .8rem var(--b);letter-spacing:.1em;text-transform:uppercase;padding:7px 16px;border-radius:99px;margin-bottom:22px}
.ab-lead{max-width:60ch;font-size:1.15rem;opacity:.75;margin:26px 0 60px}
.dep{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#0002;border-top:2px solid var(--k);border-bottom:2px solid var(--k)}
.dep>div{background:var(--w);padding:30px 22px;display:flex;flex-direction:column;gap:12px;transition:background .3s,color .3s}
.dep i{font:800 1rem var(--d);font-stretch:60%;color:var(--gd)}
.dep b{font:800 1.35rem/1.15 var(--d);font-stretch:65%}
.dep span{font-size:.88rem;opacity:.7;line-height:1.5}
.dep>div:hover{background:var(--k);color:var(--w)}.dep>div:hover span{opacity:.8}.dep>div:hover i{color:var(--r)}
.ab-vow{margin-top:60px;text-align:center}
.ab-vow span{display:inline-block;font:900 clamp(1.6rem,4.8vw,3.4rem)/1.15 var(--d);font-stretch:65%;color:var(--k);background:linear-gradient(var(--r),var(--r)) left bottom/0% 3px no-repeat;padding-bottom:10px}
@media(max-width:1000px){.dep{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dep{grid-template-columns:1fr}}

.ab-vid{position:relative;max-width:420px;margin:10px 0 56px;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #0004;background:#000}
.ab-vid video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#000}
.vid-play{position:absolute;inset:0;margin:auto;width:74px;height:74px;border-radius:50%;background:var(--r);border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 8px #0000001a;transition:transform .25s,opacity .25s}
.vid-play svg{width:28px;height:28px;fill:var(--k);margin-left:4px}
.vid-play:hover{transform:scale(1.08)}
.vid-play.hide{opacity:0;pointer-events:none;transform:scale(.8)}
@media(max-width:560px){.ab-vid{max-width:100%}}
