:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:#000;width:100%;min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif;overflow:hidden}button{font:inherit}.intro,.work{background:#000;width:100vw;height:100svh;position:relative;overflow:hidden}.intro__video{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.intro__shade{opacity:0;pointer-events:none;background:#000;transition:opacity .5s .2s;position:absolute;inset:0}.intro__title{color:#fff;letter-spacing:.28em;white-space:nowrap;cursor:pointer;opacity:1;background:0 0;border:0;padding:0;font-size:clamp(.827rem,1.166vw,1.018rem);font-weight:300;line-height:1;transition:letter-spacing .6s,opacity .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro__title:hover,.intro__title:focus-visible{letter-spacing:.34em}.intro__title:focus-visible{outline-offset:8px;outline:1px solid #ffffffa6}.intro--leaving .intro__title{opacity:0;pointer-events:none}.intro--leaving .intro__shade{opacity:1}.work{place-items:center;display:grid}.work p{color:#fff;letter-spacing:.24em;margin:0;font-size:.657rem;font-weight:300}@media (prefers-reduced-motion:reduce){.intro__shade,.intro__title{transition-duration:1ms}}