*{box-sizing:border-box}
html,body{margin:0;height:100%;width:100%;background:#000;color:#fff;overflow:hidden;overscroll-behavior:none;touch-action:none;position:fixed;inset:0;-webkit-user-select:none;user-select:none}
body{font-family:Archivo,Arial,Helvetica,sans-serif}
.landing{position:fixed;inset:0;background:#000;overflow:hidden}
/* video vult altijd het hele scherm */
.stage{position:absolute;inset:0}
.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;display:block;pointer-events:none}
/* Work with us: onder de tekst in beeld, altijd klikbaar */
.hit{position:absolute;left:50%;top:max(63%,calc(50% + 150px));transform:translateX(-50%);display:flex;align-items:center;justify-content:center;min-width:200px;min-height:48px;padding:0 26px;color:#fff;text-decoration:none;font:600 clamp(11px,1.05vw,15px)/1 Archivo,Arial,sans-serif;letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;border:1px solid #ffffffb3;background:#0000002e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .35s,color .35s,border-color .35s;touch-action:manipulation}
.hit:hover,.hit:focus-visible{background:#fff;color:#000;border-color:#fff;outline:none}
.cta{display:none}
@media(orientation:portrait){
 .hit{top:auto;bottom:max(56px,calc(env(safe-area-inset-bottom) + 36px));width:calc(100% - 48px);max-width:380px;min-height:54px;font-size:13px}
}
