.mobile-portfolio,.mobile-cinema{display:none}@media (width<=900px),(hover:none) and (pointer:coarse) and (height<=600px){html[data-mobile-experience] .site-header{z-index:50;position:fixed}html[data-mobile-experience][data-mobile-section=portfolio],html[data-mobile-viewer]{overscroll-behavior:none;overflow:hidden}html[data-mobile-experience] .site-footer,html[data-mobile-experience] #shortthings,html[data-mobile-experience] .longer-things-page,html[data-mobile-section=portfolio] #about,html[data-mobile-section=portfolio] #contact,html[data-mobile-section=about] #contact,html[data-mobile-section=contact] #about,html[data-mobile-section=about] .mobile-portfolio,html[data-mobile-section=contact] .mobile-portfolio{display:none}html[data-mobile-experience] .mobile-portfolio{color:#fcfbe2;background:#000;height:100dvh;display:block;position:fixed;inset:0}html[data-mobile-section=about] .mobile-portfolio,html[data-mobile-section=contact] .mobile-portfolio{display:none}.mobile-deck{touch-action:pan-x pinch-zoom;outline:none;position:absolute;inset:0;overflow:hidden}.mobile-panel{visibility:hidden;background:#000;border-bottom:1px solid #fff;position:absolute;inset:0;overflow:hidden}.mobile-panel[data-visible]{visibility:visible}.mobile-deck .hero-section__media{pointer-events:none}.mobile-deck>.hero-section{height:100%;min-height:0}.mobile-project{text-align:left;color:#fcfbe2;width:100%;height:100%;display:block;position:relative}.mobile-project>picture{width:100%;height:100%;display:block}.mobile-project img{object-fit:cover;width:100%;height:100%}.mobile-project__shade{background:linear-gradient(#00000040,#0000 56%,#000000c7);position:absolute;inset:0}.mobile-project__copy{left:var(--page-gutter);right:var(--page-gutter);bottom:max(82px, calc(env(safe-area-inset-bottom) + 62px));position:absolute}.mobile-project__title{letter-spacing:-.035em;font-size:clamp(38px,10vw,72px);font-weight:700;line-height:.98}.mobile-project__play{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1px;opacity:.7;width:12px;height:14px;margin-left:12px;display:inline-block}.mobile-cinema:not([hidden]){z-index:40;color:#fcfbe2;background:#000;flex-direction:column;justify-content:center;height:100dvh;display:flex;position:fixed;inset:0}.mobile-cinema__close{z-index:4;touch-action:manipulation;top:max(76px, env(safe-area-inset-top));width:48px;height:48px;font-size:42px;font-weight:200;line-height:1;position:absolute;right:16px}.mobile-cinema__title{z-index:2;pointer-events:none;font-size:18px;font-weight:700;position:absolute;top:130px;left:20px;right:20px}.mobile-cinema__screen{width:100%;height:70%;position:relative}.mobile-cinema iframe{background:#000;border:0;width:100%;height:100%}.mobile-cinema__fullscreen{z-index:3;right:max(12px, env(safe-area-inset-right));color:#fcfbe2;touch-action:manipulation;background:#00000073;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:12px}.mobile-cinema__fullscreen svg{width:20px;height:20px}.mobile-cinema__fullscreen:disabled{opacity:.25}html[data-mobile-section=about] .site-header{color:var(--color-ink);mix-blend-mode:normal}html[data-mobile-viewer] .site-header,html[data-mobile-experience][data-nav-open] .site-header{color:var(--color-on-dark);mix-blend-mode:normal}html[data-mobile-section=contact] #contact{min-height:100dvh;padding-top:100px}}@media (width<=900px) and (height<=520px),(hover:none) and (pointer:coarse) and (height<=520px){.mobile-cinema__title{margin:0;font-size:12px;top:auto;bottom:4px}.mobile-cinema__screen{height:calc(100% - 100px);margin-top:64px}.mobile-cinema__close{top:64px}}@media (width>=901px) and (hover:none) and (pointer:coarse) and (height<=600px){html[data-mobile-experience]{--page-gutter:24px}html[data-mobile-experience] .desktop-nav{display:none}html[data-mobile-experience] .site-header{height:64px}html[data-mobile-experience] .site-logo,html[data-mobile-experience] .site-logo img{width:25px}html[data-mobile-experience] .menu-button{z-index:91;top:18px;right:var(--page-gutter);width:34px;height:28px;display:block;position:absolute}html[data-mobile-experience] .menu-button__line{background:currentColor;width:34px;height:2px;position:absolute;left:50%;transform:translate(-50%)}html[data-mobile-experience] .menu-button__line--top{top:8px}html[data-mobile-experience] .menu-button__line--bottom{top:18px}html[data-mobile-experience][data-nav-open] .menu-button__line--top{transform:translate(-50%,5px)rotate(45deg)}html[data-mobile-experience][data-nav-open] .menu-button__line--bottom{transform:translate(-50%,-5px)rotate(-45deg)}}