body[data-page=home] .sample-bar{display:none}body[data-page=home] footer{margin-top:70px}body[data-page=work] .collection{padding-top:100px}body[data-page=work] .masthead nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}#entrance[hidden]{display:none}#entrance{position:fixed;inset:0;z-index:100;background:#000;display:grid;place-items:center;overflow:hidden;isolation:isolate}#entrance:after{content:"";position:absolute;inset:0;background:url(assets/film-grain.svg) repeat;background-size:140px 140px;mix-blend-mode:soft-light;opacity:.36;pointer-events:none;z-index:3;transition:opacity 1.5s;animation:grain-gate .7s steps(1) infinite}#entrance.in-flight:after{opacity:0}#enter-site{position:relative;z-index:2;display:block;width:clamp(58.5px,6vw,84px);padding:26px;box-sizing:content-box;border:0;background:none;line-height:0}#entrance:focus,#enter-site:focus{outline:none}#enter-site:focus-visible #entrance-mark{opacity:.7}#entrance-mark{display:block;width:100%;height:auto;object-fit:contain;transform-origin:center;filter:invert(1) blur(.45px) drop-shadow(0 0 calc(8px + var(--bloom,0)*4px) rgba(255,255,255,.95)) drop-shadow(0 0 calc(25px + var(--bloom,0)*12px) rgba(255,255,255,.75)) drop-shadow(0 0 calc(60px + var(--bloom,0)*18px) rgba(255,255,255,.5));will-change:transform;pointer-events:none}.logo-rays{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(960px,100vw);height:min(680px,100vh);pointer-events:none;z-index:1;mix-blend-mode:screen;transition:opacity .9s}#entrance.in-flight .logo-rays{opacity:0}.masthead .brand:focus{outline:none}.masthead .brand:focus-visible .brand-logo{opacity:.5}#entrance.in-flight #entrance-mark{animation:none}@keyframes grain-gate{0%,to{background-position:0 0}14%{background-position:-65px 42px}28%{background-position:50px -37px}42%{background-position:-20px -70px}57%{background-position:72px 12px}71%{background-position:-44px 66px}85%{background-position:24px -23px}}@keyframes projector-glow{0%,to{filter:invert(1) drop-shadow(0 0 9px #ffffffcc) drop-shadow(0 0 23px #ffffff66)}17%,21%,68%{filter:invert(1) drop-shadow(0 0 7px #ffffffaa) drop-shadow(0 0 19px #ffffff55)}19%,53%,72%{filter:invert(1) drop-shadow(0 0 12px #ffffffee) drop-shadow(0 0 30px #ffffff88)}}.entrance-light{position:absolute;left:50%;top:50%;width:400vmax;height:400vmax;margin-left:-200vmax;margin-top:-200vmax;background:radial-gradient(circle,#fff 0%,#fff 32%,rgba(255,255,255,.75) 45%,transparent 68%);opacity:0;transform:scale(.02);pointer-events:none;z-index:1}body.entering{overflow:hidden}html.intro-pending body>:is(.masthead,main,footer,.sample-bar,.skip){opacity:0}body.entering>:is(.masthead,main,footer,.sample-bar,.skip){opacity:0}body.revealing>:is(.masthead,main,footer,.sample-bar){opacity:1}body.revealing #entrance{pointer-events:none}@media(max-width:580px){body[data-page=work] .collection{padding-top:65px}body[data-page=home] footer{margin-top:50px}}@media(prefers-reduced-motion:reduce){#entrance-mark{will-change:auto;animation:none}#entrance:after{animation:none}}.logo-rays{mask-image:radial-gradient(ellipse,#000 20%,rgba(0,0,0,.85) 45%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 20%,rgba(0,0,0,.85) 45%,transparent 72%)}.rendered-entrance .entrance-poster,.rendered-entrance #entrance-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.rendered-entrance>picture{position:absolute;inset:0;pointer-events:none}.rendered-entrance .entrance-poster{z-index:0}.rendered-entrance #entrance-video{z-index:4;opacity:0}.rendered-entrance #enter-site{width:max(7.35vw,13.067vh)}.rendered-entrance #entrance-mark{opacity:0!important;filter:none!important}.rendered-entrance:after{opacity:.15}.rendered-entrance.no-grain:after,.rendered-entrance.film-playing:after{display:none}.rendered-entrance.film-playing #entrance-video{opacity:1}.rendered-entrance.film-playing :is(.entrance-poster,.logo-rays,#enter-site){visibility:hidden}#entrance-status{position:absolute;bottom:80px;left:20px;right:20px;text-align:center;color:#aaa;font:12px Plex,monospace;z-index:6}#entrance-skip{position:absolute;bottom:35px;left:50%;transform:translate(-50%);color:#fff;font:12px Plex,monospace;z-index:6}.image-digital-reveal{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
