@font-face{font-family:UncutSans;src:url('./fonts/UncutSans-Semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{font-family:UncutSans,Arial,sans-serif;font-weight:600;font-size:13px;line-height:1.1;letter-spacing:-.25px;font-feature-settings:"ss02","ss05","ss06","ss08";color:#000;background:#f0f0f0;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}a{font:inherit;letter-spacing:inherit}a:focus-visible,.gallery:focus-visible{outline:2px solid #00f;outline-offset:-2px}
main{height:100svh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.gallery{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:none}
.gallery::-webkit-scrollbar{display:none}
.gallery-content{display:flex;flex-direction:column;gap:120px;padding:10px 10px 18px}
.project{display:grid;grid-template-columns:392px 1fr;gap:10px;align-items:start}
.p-text{display:flex;flex-direction:column;gap:39px;min-width:0}
.project-label{margin:0;font-size:1rem;line-height:1;letter-spacing:-.015em}
.project-bio{margin:0;font-size:1.615rem;line-height:1;letter-spacing:-.015em}
.project-bio strong{font-weight:600;background:#000;color:#f0f0f0;padding:0 .2em}
.p-media{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0;align-content:start}
.slide{position:relative;background:#e4e4e4;grid-column:1/-1;aspect-ratio:16/9}
.slide.half{grid-column:auto}
.slide>img,.slide>video,.slide>iframe{width:100%;height:100%;display:block;object-fit:cover;border:0}
.slide>img,.slide>video{filter:blur(24px);transition:filter .5s ease-out}
.slide>img.ready,.slide>video.ready{filter:none}
.slide-detail{grid-column:1/-1;margin:0;font-size:13px;line-height:1.3;max-width:67%}
.media-error{height:100%;min-height:120px;display:grid;place-items:center}
.gallery.lenis-smooth{scroll-behavior:auto!important}.gallery.lenis-stopped{overflow:hidden}.gallery.lenis-scrolling iframe{pointer-events:none}
@media(min-width:801px){:root{font-size:clamp(13px,.86vw,18px)}}
@media(max-width:800px){
  .project{grid-template-columns:1fr}
  .project-bio{font-size:1.308rem}
  .gallery-content{gap:80px}
  .slide-detail{max-width:100%}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}