*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fafaf8;color:#4b4b48;font-family:Arial,Helvetica,sans-serif;letter-spacing:-.025em;text-transform:lowercase}
a{color:inherit;text-decoration:none}
header{position:relative;z-index:10;width:100%;padding:26px clamp(18px,4vw,60px) 0;text-align:center}
.brand{display:block;font-size:clamp(17px,2vw,24px);font-weight:700;line-height:1;margin-bottom:22px}
nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 24px}
nav a{font-size:clamp(16px,1.8vw,23px);line-height:1.05}
nav a:hover,.active{color:#e21f26}
main{padding:0 clamp(18px,4vw,60px)}
.hero{min-height:82vh;padding:15vh 0 10vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero h1{margin:0;font-size:clamp(72px,13vw,190px);line-height:.78;font-weight:400;letter-spacing:-.075em}
.meta{width:100%;max-width:900px;margin-top:8vh;display:flex;justify-content:space-between;text-align:left;font-size:clamp(18px,2vw,28px);line-height:1.02}
.meta p{margin:0}.meta p:last-child{text-align:right}
.home-vhs{width:min(100%,1100px);margin:0 auto 14vh}
.home-vhs video{display:block;width:100%;height:auto;max-height:78vh;object-fit:cover;background:#111}
.work,.statement,.vhs,.about{padding:10vh 0 15vh;text-align:center}
.label{font-size:clamp(15px,1.5vw,20px);color:#90908b;margin-bottom:40px}
.project{display:block;width:min(100%,1050px);margin:0 auto 12vh}
.project img{display:block;width:100%;height:auto}
.portrait-project{width:min(68%,760px)}.music-project{width:min(82%,950px)}
.statement,.about,.vhs{border-top:1px solid #deded9}
.statement>p{max-width:900px;margin:0 auto;font-size:clamp(36px,6vw,86px);line-height:.94;letter-spacing:-.06em}
.vhs>p{max-width:760px;margin:0 auto 70px;font-size:clamp(30px,4.5vw,60px);line-height:.96;letter-spacing:-.055em}
.vhs-clip{width:min(100%,900px);margin:0 auto 70px}.vhs-clip video{display:block;width:100%;height:auto;background:#111}
.vhs-note{width:min(100%,900px);margin:0 auto;border-top:1px solid #deded9;border-bottom:1px solid #deded9;padding:16px 0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#90908b;font-size:14px}
.vhs-note span:first-child{text-align:left}.vhs-note span:last-child{text-align:right}.vhs-artist{text-transform:uppercase;text-align:center;color:#4b4b48}
.about-content{width:min(100%,1050px);margin:0 auto}
.about-content .intro{max-width:900px;margin:0 auto 10vh;font-size:clamp(36px,6vw,86px);line-height:.94;letter-spacing:-.06em}
.bio-heading{text-align:center;font-size:clamp(24px,3vw,42px);margin:0 0 30px}
.bio-photo{display:block;width:min(360px,70vw);height:auto;margin:0 auto 7vh;object-fit:cover}
.bio-copy{max-width:800px;margin:0 auto;text-align:center}
.bio-copy p{margin:0 auto 30px;font-size:clamp(22px,2.5vw,34px);line-height:1.04}
.bio-copy .location{margin-top:7vh;margin-bottom:18px;font-size:clamp(30px,4vw,52px)}
.contact{display:inline-block;margin-top:24px;color:#e21f26;font-size:clamp(20px,2.4vw,34px)}
footer{padding:22px clamp(18px,4vw,60px) 32px;border-top:1px solid #deded9;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#90908b;font-size:14px}
.blog-page{min-height:82vh;padding-top:14vh;text-align:center}.blog-header{padding-bottom:8vh;border-bottom:1px solid #deded9}.blog-header .label{display:none}
.blog-header h1{margin:0 0 45px;font-size:clamp(75px,13vw,180px);font-weight:400;line-height:.8;letter-spacing:-.075em}
.blog-header p{max-width:720px;margin:0 auto;font-size:clamp(28px,4vw,58px);line-height:.96;letter-spacing:-.055em}
.blog-list{padding:4vh 0 15vh;width:min(100%,1000px);margin:0 auto}
.post-row{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;gap:15px;padding:24px 0;border-bottom:1px solid #deded9;text-align:center}
.post-row h2{margin:0 0 8px;font-size:clamp(25px,3vw,42px);font-weight:400}.post-row p{margin:0;color:#90908b;font-size:14px}
.post-page{min-height:85vh;padding-top:18vh;text-align:center}.post{max-width:850px;margin:0 auto}
.post time{display:block;color:#90908b;font-size:14px;margin-bottom:30px}.post h1{margin:0 0 70px;font-size:clamp(52px,8vw,110px);font-weight:400;line-height:.88;letter-spacing:-.065em}
.post p{max-width:700px;margin:0 auto 28px;font-size:clamp(25px,3.2vw,44px);line-height:1.05;letter-spacing:-.04em}.back{display:inline-block;margin:100px auto 60px;color:#90908b;font-size:15px}
@media(max-width:700px){
header{padding-top:24px}nav{gap:8px 17px}.hero{min-height:78vh;padding-top:10vh;padding-bottom:8vh}.hero h1{font-size:clamp(68px,21vw,130px)}
.meta{margin-top:7vh;font-size:19px}.home-vhs{margin-bottom:10vh}.home-vhs video{max-height:none}
.work,.statement,.vhs,.about{padding-top:9vh;padding-bottom:12vh}.project,.portrait-project,.music-project{width:100%;margin-bottom:9vh}
.statement>p{font-size:clamp(38px,12vw,64px)}.vhs>p{font-size:clamp(32px,10vw,55px)}.vhs-note{font-size:12px}
.about-content .intro{font-size:clamp(38px,11.5vw,64px);margin-bottom:9vh}.bio-heading{font-size:30px;margin-bottom:22px}.bio-photo{width:min(330px,72vw);margin-bottom:7vh}
.bio-copy p{font-size:clamp(23px,7vw,38px)}.bio-copy .location{font-size:clamp(30px,9vw,50px)}.contact{font-size:clamp(20px,6vw,30px)}
.blog-page{padding-top:10vh}.blog-header h1{font-size:clamp(70px,20vw,125px)}.blog-header p{font-size:clamp(30px,9vw,52px)}
.post-row{grid-template-columns:35px 1fr 35px;gap:10px}.post-page{padding-top:10vh}.post h1{font-size:clamp(46px,14vw,75px);margin-bottom:55px}.post p{font-size:clamp(24px,7vw,38px)}
}
.haiku-post{max-width:850px;min-height:62vh;position:relative}.haiku-post h1{font-size:clamp(18px,2vw,28px);line-height:1.1;letter-spacing:-.03em;font-weight:400;margin:0}.haiku-post time{position:absolute;left:0;bottom:0;margin:0}
.haiku{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:100%}.haiku p{margin:0;font-size:clamp(25px,3.2vw,44px);line-height:1.25;letter-spacing:-.04em}.haiku em{font-style:italic}.haiku-post + .back{margin-left:auto;margin-right:auto}
@media(max-width:700px){.haiku-post{min-height:62vh}.haiku{top:48%;width:100%}.haiku p{font-size:clamp(24px,7vw,38px);line-height:1.3}.haiku-post time{left:50%;transform:translateX(-50%);white-space:nowrap}}
.film-section .film-grid{width:100%;margin-top:clamp(48px,7vw,110px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.film-square{margin:0;aspect-ratio:1 / 1;overflow:hidden;background:#f2f2f2}.film-square img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
@media(max-width:900px){.film-section .film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
@media(max-width:520px){.film-section .film-grid{grid-template-columns:1fr;gap:10px}}

/* music videos archive */
.music-video-page{min-height:82vh;padding-top:14vh;text-align:center}
.music-video-header{padding-bottom:8vh;border-bottom:1px solid #deded9}
.music-video-header h1{margin:0 0 45px;font-size:clamp(65px,12vw,170px);font-weight:400;line-height:.8;letter-spacing:-.075em}
.music-video-header p{max-width:720px;margin:0 auto;font-size:clamp(28px,4vw,58px);line-height:.96;letter-spacing:-.055em}
.music-video-list{padding:4vh 0 15vh;width:min(100%,1000px);margin:0 auto}.music-video-entry{margin-bottom:10vh}
.music-video-note{width:100%;border-top:1px solid #deded9;border-bottom:1px solid #deded9;padding:16px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;color:#90908b;font-size:14px;text-align:left}
.music-video-note span:nth-child(2){text-align:center}.music-video-note span:last-child{text-align:right}
.music-video-thumbnail{
  width:100%;
  aspect-ratio:16 / 9;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#111;
  color:#fafaf8;
  font-size:14px;
}
.music-video-thumbnail img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.music-video-thumbnail span{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  white-space:nowrap;
  color:#fafaf8;
}
.music-video-thumbnail::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.16);
  z-index:1;
  transition:background .25s ease;
}
.music-project-link:hover .music-video-thumbnail::after{
  background:rgba(0,0,0,.28);
}
.music-project-link{display:block}

/* individual music video project */
.music-project-page{min-height:82vh;padding-top:8vh}
.back-link{display:inline-block;margin-bottom:10vh;font-size:14px;color:#90908b;text-decoration:none}
.project-heading{margin-bottom:7vh}.project-heading h1{margin:0 0 45px;font-size:clamp(70px,13vw,180px);font-weight:400;line-height:.8;letter-spacing:-.075em}
.project-title-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #deded9;border-bottom:1px solid #deded9;padding:16px 0;font-size:14px;color:#90908b}.project-title-row span:last-child{text-align:right}
.project-video{width:min(100%,1000px);margin:0 auto 12vh}.project-video .music-video-embed{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#111}
.project-video iframe{width:100%;height:100%;border:0;display:block}.project-credits{width:min(100%,700px);margin:0 auto 15vh}
.project-credits h2{margin:0 0 35px;font-size:14px;font-weight:400;color:#90908b}
.credit-row{display:grid;grid-template-columns:1fr 1fr;padding:14px 0;border-top:1px solid #deded9;font-size:14px}.credit-row span:first-child{color:#90908b}.credit-row span:last-child{text-align:right}
@media(max-width:700px){
.music-video-page{padding-top:10vh}.music-video-header h1{font-size:clamp(65px,19vw,120px)}.music-video-header p{font-size:clamp(30px,9vw,52px)}
.music-video-note{font-size:12px;grid-template-columns:1fr 1fr 1fr;gap:8px}.music-project-page{padding-top:5vh}.back-link{margin-bottom:7vh}.project-heading h1{font-size:clamp(65px,18vw,120px)}.project-title-row,.credit-row{font-size:12px}
}

.site-audio-player{position:fixed;left:20px;bottom:20px;z-index:1000;display:flex;align-items:center;gap:9px;font-size:11px;color:inherit;mix-blend-mode:difference}
.site-audio-toggle{width:25px;height:25px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font:inherit;line-height:1;cursor:pointer}
.site-audio-player span{white-space:nowrap}
@media(max-width:520px){.site-audio-player{left:12px;bottom:12px}.site-audio-player span{max-width:180px;overflow:hidden;text-overflow:ellipsis}}

/* vhs fullscreen viewer */
.vhs-clip{cursor:pointer}
.vhs-lightbox{
  position:fixed;
  inset:0;
  z-index:2000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.94);
}
.vhs-lightbox.is-open{display:flex}
.vhs-lightbox-inner{
  width:min(96vw,1400px);
  height:min(92vh,900px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.vhs-lightbox-inner video{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  display:block;
  object-fit:contain;
}
.vhs-lightbox-close{
  position:absolute;
  top:18px;
  right:24px;
  z-index:2;
  width:36px;
  height:36px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:30px;
  font-weight:300;
  line-height:1;
  cursor:pointer;
}
body.vhs-viewer-open{overflow:hidden}
@media(max-width:520px){
  .vhs-lightbox{padding:12px}
  .vhs-lightbox-close{top:10px;right:14px}
}

.vhs-clip{
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.vhs-lightbox{
  -webkit-overflow-scrolling:touch;
}
.vhs-lightbox-inner video{
  -webkit-user-select:none;
  user-select:none;
}

/* film photo fullscreen viewer */
.film-square{
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.photo-lightbox{
  position:fixed;
  inset:0;
  z-index:2100;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.94);
}
.photo-lightbox.is-open{display:flex}
.photo-lightbox-inner{
  width:min(96vw,1400px);
  height:min(92vh,900px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.photo-lightbox-inner img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  display:block;
  object-fit:contain;
}
.photo-lightbox-close{
  position:absolute;
  top:18px;
  right:24px;
  z-index:2;
  width:36px;
  height:36px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:30px;
  font-weight:300;
  line-height:1;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
body.photo-viewer-open{overflow:hidden}
@media(max-width:520px){
  .photo-lightbox{padding:12px}
  .photo-lightbox-close{top:10px;right:14px}
}

.film-square{
  position:relative;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.film-square img{
  pointer-events:none;
}

/* documentary archive */
.documentary-page-body{background:#0b0b0a;color:#f4f4ef;text-transform:lowercase;min-height:100vh}
.documentary-page-body .documentary-header{position:fixed;z-index:20;top:0;left:0;width:100%;padding:22px clamp(18px,3vw,44px);display:flex;justify-content:space-between;align-items:flex-start;background:rgba(11,11,10,.86);mix-blend-mode:normal}
.documentary-page-body .documentary-header .brand,.documentary-page-body .documentary-header nav a{color:#f4f4ef}
.documentary-page-body .documentary-header nav{gap:clamp(12px,2vw,30px)}
.documentary-page-body .documentary-header nav a:hover,.documentary-page-body .documentary-header nav a.active{color:#9b9b96}
.documentary-page{padding:130px clamp(18px,5vw,80px) 100px;max-width:1500px;margin:0 auto}
.documentary-intro{position:relative;display:grid;grid-template-columns:20% 1fr auto;gap:30px;padding:20px 0 70px;border-bottom:1px solid #383835}
.documentary-label{color:#8e8e89;font-size:14px}
.documentary-intro-copy h1{margin:0 0 38px;font-size:clamp(55px,8vw,115px);font-weight:400;line-height:.82;letter-spacing:-.065em}
.documentary-intro-copy p{margin:0;color:#a7a7a2;font-family:monospace;font-size:clamp(15px,1.3vw,19px);line-height:1.45}
.documentary-manifesto{text-align:right;color:#8e8e89;font-family:monospace;font-size:13px;line-height:1.5}
.documentary-entry{display:grid;grid-template-columns:20% minmax(0,1.4fr) minmax(300px,.8fr);gap:30px;padding:55px 0 90px}
.documentary-number{font-family:monospace;color:#8e8e89;font-size:16px}
.documentary-image-link{position:relative;display:block;overflow:hidden;background:#171716}
.documentary-image-link img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;transition:transform .4s ease,opacity .3s ease}
.documentary-image-link span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:monospace;font-size:14px;color:#fff;white-space:nowrap;opacity:0;transition:opacity .3s ease}
.documentary-image-link::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18);opacity:0;transition:opacity .3s ease}
.documentary-image-link:hover img{transform:scale(1.015);opacity:.88}.documentary-image-link:hover::after,.documentary-image-link:hover span{opacity:1}
.documentary-info{padding-top:0}.documentary-info h2{margin:0 0 24px;font-size:clamp(32px,4vw,60px);font-weight:400;line-height:.9;letter-spacing:-.05em}
.documentary-year{font-family:monospace;color:#8e8e89;font-size:14px;margin-bottom:50px}
.documentary-credits{border-top:1px solid #383835}
.documentary-credits div{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid #383835;font-family:monospace;font-size:13px;color:#a7a7a2}
.documentary-watch{display:inline-block;margin-top:35px;border:1px solid #666660;padding:15px 20px;font-family:monospace;font-size:13px;transition:background .25s,color .25s}
.documentary-watch:hover{background:#f4f4ef;color:#0b0b0a}
.documentary-coming-soon{padding:0 0 100px;color:#8e8e89;font-family:monospace;font-size:14px}
.documentary-placeholder{margin-top:20px;width:min(430px,100%);aspect-ratio:16/9;border:1px solid #252523;background:#121211;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#aaa;font-size:14px}
.documentary-placeholder span:first-child{font-size:20px}.documentary-placeholder span:last-child{color:#777}
.documentary-footer{border-top:1px solid #383835;padding:22px clamp(18px,5vw,80px) 32px;display:flex;justify-content:space-between;color:#777;font-family:monospace;font-size:12px;background:#0b0b0a}
.documentary-project-page{max-width:1250px;margin:0 auto;padding:150px clamp(18px,5vw,80px) 100px}
.documentary-back{display:block;color:#8e8e89;font-family:monospace;font-size:13px;margin-bottom:75px}
.documentary-project-heading{border-bottom:1px solid #383835;padding-bottom:35px}
.documentary-project-heading h1{margin:20px 0 28px;font-size:clamp(50px,8vw,115px);font-weight:400;line-height:.82;letter-spacing:-.065em}
.documentary-project-meta{display:flex;justify-content:space-between;color:#8e8e89;font-family:monospace;font-size:13px}
.documentary-project-video{padding:65px 0 90px}.documentary-video-embed{position:relative;width:100%;aspect-ratio:16/9;background:#000}.documentary-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.documentary-project-credits{max-width:800px;margin-left:20%;border-top:1px solid #383835}.documentary-project-credits h2{font-size:14px;font-weight:400;color:#8e8e89;margin:18px 0 25px;font-family:monospace}.documentary-project-credits div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid #383835;font-family:monospace;font-size:13px;color:#a7a7a2}
@media(max-width:900px){.documentary-intro{grid-template-columns:1fr auto}.documentary-label{grid-column:1/-1}.documentary-entry{grid-template-columns:45px 1fr}.documentary-info{grid-column:2}.documentary-manifesto{font-size:11px}.documentary-project-credits{margin-left:0}}
@media(max-width:700px){.documentary-page-body .documentary-header{position:absolute;flex-direction:column;gap:12px}.documentary-page-body .documentary-header nav{flex-wrap:wrap;max-width:350px;gap:8px 18px}.documentary-page{padding-top:145px}.documentary-intro{display:block;padding-bottom:45px}.documentary-intro-copy h1{font-size:clamp(58px,18vw,100px);margin-bottom:28px}.documentary-manifesto{text-align:left;margin-top:35px}.documentary-entry{display:block;padding:50px 0 80px}.documentary-number{margin-bottom:14px}.documentary-image-link img{aspect-ratio:16/10}.documentary-image-link span{opacity:1;top:auto;left:15px;bottom:15px;transform:none;font-size:12px}.documentary-image-link::after{opacity:1;background:linear-gradient(transparent,rgba(0,0,0,.4))}.documentary-info{padding-top:40px}.documentary-info h2{font-size:clamp(38px,10vw,58px)}.documentary-year{margin-bottom:35px}.documentary-project-page{padding-top:210px}.documentary-project-heading h1{font-size:clamp(50px,14vw,85px)}.documentary-project-video{padding:45px 0 65px}.documentary-project-credits div{grid-template-columns:95px 1fr}.documentary-footer{gap:15px;flex-wrap:wrap}}

.documentary-title-caps{text-transform:none!important}