:root{color-scheme:dark;--bg:#171719;--fg:#f1efe9;--muted:#a8a8a4;--overlay:#101012;--page-padding:clamp(1rem, 3.5vw, 3.5rem);--grid-gap:2px;--speed:.22s;background:var(--bg);color:var(--fg);scroll-behavior:smooth;touch-action:pan-x pan-y;font-family:Arial,Helvetica,sans-serif}*,:before,:after{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button,a,input{touch-action:manipulation}img,video{display:block}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--fg);outline-offset:5px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{isolation:isolate;background:#283136;min-height:100lvh;position:relative;overflow:hidden}.hero__media,.hero__media:after,.hero__poster,.hero__video{width:100%;height:100%;position:absolute;inset:0}.hero__media{z-index:0;pointer-events:none}.hero__poster,.hero__video{object-fit:cover}.hero__media:after{content:"";z-index:1;background:linear-gradient(#00000052 0%,#0000 38%,#0006 100%)}.hero__video{z-index:1}.hero__media:after{z-index:2}.hero__content{z-index:1;min-height:100dvh;padding:max(clamp(1.5rem, 3vw, 2.5rem), env(safe-area-inset-top)) max(var(--page-padding), env(safe-area-inset-right)) max(clamp(1.6rem, 3vw, 3rem), env(safe-area-inset-bottom)) max(var(--page-padding), env(safe-area-inset-left));flex-direction:column;display:flex;position:relative}.hero__nav{justify-content:center;align-items:center;gap:1.25rem;font-size:.9rem;font-weight:700;display:flex}.hero__nav button,.hero__nav a{color:inherit;transition:opacity var(--speed);background:0 0;border:0;padding:.55rem .45rem;text-decoration:none}.hero__nav button:hover,.hero__nav a:hover{opacity:.6}.hero__nav>span{color:var(--muted);font-weight:400}.hero__identity{margin-top:auto}.hero h1,.work__surname{letter-spacing:-.09em;text-transform:uppercase;margin:0;font-size:clamp(4.4rem,16.2vw,18.5rem);font-weight:900;line-height:.74}.work{padding:0 0 clamp(5rem,10vw,11rem);scroll-margin-top:0;position:relative}.work__surname{z-index:2;top:calc(-1*clamp(1.25rem,2.8vw,2.5rem));left:var(--page-padding);color:var(--fg);text-shadow:0 2px 24px #00000059;pointer-events:none;position:absolute}.work__grid{gap:var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(7px,.95vw,17px);display:grid}.project{grid-column:span var(--project-span,7);grid-row:span var(--project-rows,30);min-width:0;min-height:0}.project--feature{--project-span:12;--project-rows:54}.project--tall{--project-span:5;--project-rows:60}.project--standard,.project--wide{--project-span:7;--project-rows:30}.project__button{width:100%;height:100%;color:inherit;text-align:left;background:#28282b;border:0;padding:0;display:block;position:relative;overflow:hidden}.project__button:focus-visible{outline-offset:-4px}.project__media{width:100%;height:100%;display:block}.project__media img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project__button:hover img,.project__button:focus-visible img{transform:scale(1.025)}.project__details{color:#fff;opacity:0;transition:opacity var(--speed), transform var(--speed);pointer-events:none;background:linear-gradient(#0000,#000000c2);justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:clamp(3rem,7vw,7rem) clamp(1rem,2vw,2rem) clamp(1rem,2vw,2rem);font-size:clamp(.82rem,1.05vw,1rem);display:flex;position:absolute;inset:auto 0 0;transform:translateY(.4rem)}.project__details span+span{text-align:right}.project__button:hover .project__details,.project__button:focus-visible .project__details{opacity:1;transform:none}.footer{padding:clamp(2rem, 5vw, 5rem) var(--page-padding) 3rem;color:var(--muted);border-top:1px solid #38383a;justify-content:space-between;gap:2rem;font-size:.83rem;display:flex}.footer p{margin:0 0 .6rem}.footer__name{color:var(--fg);font-weight:700}.footer__contact{text-align:right}.footer a{text-underline-offset:.25rem;padding:.5rem 0;text-decoration-thickness:1px;display:inline-block}.viewer{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--fg);background:var(--overlay);touch-action:none;border:0;margin:0;padding:0;position:fixed;inset:0}.viewer::backdrop{background:var(--overlay)}.viewer__frame{width:100%;height:100%;position:relative}.viewer__surface{cursor:pointer;touch-action:pan-y;position:absolute;inset:0}.viewer__media{justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(3.75rem,5vw,5rem) clamp(.75rem,5vw,5rem) clamp(6rem,8vw,7rem);display:flex}.viewer__media img,.viewer__media video{object-fit:contain;pointer-events:none;width:auto;max-width:100%;height:auto;max-height:100%}.viewer__control{color:var(--fg);background:#10101266;border:0}.viewer__close{z-index:2;top:max(1.2rem, env(safe-area-inset-top));right:max(1.2rem, env(safe-area-inset-right));min-height:3rem;padding:.5rem .8rem;font-size:.82rem;position:absolute}.viewer__close span{vertical-align:middle;margin-left:.8rem;font-size:1.6rem}.viewer__arrow{z-index:2;border-radius:50%;width:3.5rem;height:3.5rem;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.viewer__arrow--previous{left:max(.75rem, env(safe-area-inset-left))}.viewer__arrow--next{right:max(.75rem, env(safe-area-inset-right))}.viewer__control:hover{background:#6e6e6e73}.viewer__playback{z-index:2;bottom:max(1.25rem, env(safe-area-inset-bottom));background:#101012c7;align-items:center;gap:1rem;width:min(550px,100% - 7rem);padding:.5rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.viewer__playback button{min-width:5.5rem;min-height:2.75rem;font-size:.8rem}.viewer__playback input{min-width:2rem;accent-color:var(--fg);cursor:pointer;flex:1}@media (width<=700px){.hero h1,.work__surname{font-size:clamp(4rem,17.4vw,8rem)}.work__grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.project{aspect-ratio:1.08;grid-area:auto/1}.project--tall{aspect-ratio:.82}.project--feature{aspect-ratio:1.25}.project__details{opacity:1;padding:3rem 1.1rem 1.1rem;font-size:.85rem;transform:none}.footer{flex-direction:column}.footer__contact{text-align:left}.viewer__media{padding:5.5rem .75rem 7.5rem}.viewer__arrow{top:auto;bottom:max(5rem, env(safe-area-inset-bottom));width:3rem;height:3rem;transform:none}.viewer__playback{bottom:max(1rem, env(safe-area-inset-bottom));gap:.5rem;width:calc(100% - 1.5rem)}.viewer__playback button{min-width:4.75rem}}@media (hover:none){.project__details{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.hero__video{display:none}}