:root{--ivory:#f2efe8;--ink:#171715;--muted:#706c64;--line:#d6d0c5;--pad:clamp(18px,3.8vw,66px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.serif{font-family:Georgia,"Times New Roman",serif}
header{height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(242,239,232,.95);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;height:54px}.brand img{display:block;height:41px;width:auto;max-width:320px;object-fit:contain}.project-nav{display:flex;gap:28px;font-size:12px;letter-spacing:.08em}
main{padding:0 var(--pad)}.project-hero{min-height:calc(100svh - 82px);padding:70px 0 55px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}.project-copy{grid-column:1/5;min-width:0;padding-right:24px}.project-media{grid-column:5/13}.project-number{font-size:11px;letter-spacing:.09em;margin-bottom:18px}.project-title{font-size:clamp(52px,5.2vw,86px);line-height:.9;letter-spacing:-.06em;font-weight:400;margin:0 0 18px;max-width:100%}.project-title--long{font-size:clamp(46px,4.4vw,72px);line-height:.92;letter-spacing:-.055em}.project-subtitle{font-size:18px;font-style:italic;color:#3f3b35;margin:0 0 45px}.credits{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.2}.credits div+div{margin-top:2px}.project-media video,.project-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#111}.project-caption{display:flex;justify-content:space-between;gap:20px;margin-top:12px;font-size:10px;letter-spacing:.08em;color:var(--muted)}
.intro{border-top:1px solid var(--line);padding:42px 0 125px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.intro h2{grid-column:1/4;font-size:11px;font-weight:400;letter-spacing:.09em;margin:0}.intro p{grid-column:4/11;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.4vw,54px);line-height:1.02;margin:0;letter-spacing:-.02em}.intro .aside{grid-column:11/13;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.25;color:#3f3b35;align-self:end}
.gallery{margin-bottom:130px}.gallery.two{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:end}.gallery.three{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:18px}.gallery.three .wide{grid-column:1/3}.gallery img,.gallery video{width:100%;height:100%;display:block;object-fit:cover;background:#111}.gallery.two img:first-child{aspect-ratio:16/10}.gallery.two img:last-child{aspect-ratio:4/5}.gallery.three img{aspect-ratio:16/10}.gallery.three .wide{aspect-ratio:16/9}
.details{border-top:1px solid var(--line);padding:35px 0 125px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.details h2{grid-column:1/3;font-size:11px;letter-spacing:.09em;font-weight:400;margin:0}.detail-block{grid-column:4/8}.detail-block+.detail-block{grid-column:9/13}.detail-block h3{font-size:12px;letter-spacing:.08em;font-weight:400;margin:0 0 14px}.detail-block p{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.32;margin:0;color:#302e2a}.external{display:inline-block;margin-top:24px;font-size:10px;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:3px}
.next{border-top:1px solid var(--line);padding:24px 0 54px;display:flex;justify-content:flex-start;align-items:center}.next small{display:none}.next a{font-size:11px;letter-spacing:.09em;line-height:1;border-bottom:1px solid currentColor;padding-bottom:3px}.next a span{font-size:1em;vertical-align:0;margin-left:5px}footer{border-top:1px solid var(--line);height:72px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.07em}
@media(max-width:800px){header{height:58px}.brand{height:38px}.brand img{height:28px;max-width:210px}.project-nav{gap:16px;font-size:10px}main{padding:0 20px}.project-hero{min-height:auto;padding:50px 0 80px;display:flex;flex-direction:column}.project-copy,.project-media{width:100%}.project-title{font-size:58px}.project-subtitle{margin-bottom:26px}.project-media{margin-top:32px}.intro{padding:28px 0 80px;display:block}.intro h2{margin-bottom:26px}.intro p{font-size:34px}.intro .aside{margin-top:28px}.gallery.two,.gallery.three{display:block}.gallery img,.gallery video,.gallery.three .wide{width:100%;height:auto;aspect-ratio:16/10;margin-bottom:14px}.details{display:block;padding-bottom:80px}.details h2{margin-bottom:34px}.detail-block{margin-bottom:35px}.next{padding-bottom:38px}.next a{font-size:11px}}
.film-index{border-top:1px solid var(--line);padding:34px 0 130px}.film-index-head{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-bottom:48px}.film-index-head h2{grid-column:1/4;font-size:11px;letter-spacing:.09em;font-weight:400;margin:0}.film-index-head p{grid-column:4/10;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.3;margin:0;color:#35322e}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px 18px}.film-card{display:block;cursor:pointer}.film-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}.film-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.film-card:hover .film-thumb img{transform:scale(1.012)}.film-play{position:absolute;left:16px;bottom:14px;color:#fff;font-size:10px;letter-spacing:.09em;text-shadow:0 1px 8px rgba(0,0,0,.5)}.film-card-meta{display:flex;justify-content:space-between;gap:20px;margin-top:12px}.film-card h3{font-size:24px;font-weight:400;letter-spacing:-.035em;margin:0}.film-card small{font-size:10px;letter-spacing:.08em;color:var(--muted);padding-top:4px}.film-overlay{position:fixed;inset:0;background:rgba(12,12,11,.985);z-index:100;display:none}.film-overlay.active{display:block}.film-overlay-top{position:absolute;left:24px;right:24px;top:20px;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.09em}.film-overlay-close{border:0;background:none;color:#fff;font:inherit;letter-spacing:.09em;cursor:pointer}.film-overlay-frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.film-overlay-frame iframe,.film-overlay-frame video{display:block;width:min(92vw,1500px);height:auto;aspect-ratio:16/9;max-height:82vh;border:0;background:#000;object-fit:contain;pointer-events:auto}
@media(max-width:800px){.film-index{padding:28px 0 80px}.film-index-head{display:block;margin-bottom:30px}.film-index-head h2{margin-bottom:20px}.film-grid{display:block}.film-card{margin-bottom:48px}.film-card h3{font-size:22px}.film-overlay-top{left:16px;right:16px}.film-overlay-frame iframe,.film-overlay-frame video{width:100vw;height:auto;aspect-ratio:16/9;max-height:75vh;object-fit:contain;background:#000;pointer-events:auto}}

.film-placeholder{pointer-events:auto;color:#e9e5dc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.film-placeholder strong{font-size:clamp(32px,5vw,72px);font-weight:300;letter-spacing:-.045em}.film-placeholder span{font-size:10px;letter-spacing:.1em;color:#969189;text-transform:uppercase}


/* V0.24 — responsive refinement. Desktop >=1181px intentionally unchanged. */
@media (min-width:801px) and (max-width:1180px){
  :root{--pad:clamp(28px,3.2vw,42px)}
  header{height:74px}.brand{height:48px}.brand img{height:36px;max-width:285px}.project-nav{gap:24px;font-size:11px}
  .project-hero{min-height:calc(100svh - 74px);padding:58px 0 48px;gap:14px}.project-copy{grid-column:1/6;padding-right:18px}.project-media{grid-column:6/13}
  .project-title{font-size:clamp(48px,5.5vw,64px)}.project-title--long{font-size:clamp(42px,4.9vw,56px)}.project-subtitle{font-size:16px;margin-bottom:34px}.credits{font-size:16px}
  .intro{gap:14px;padding:36px 0 96px}.intro h2{grid-column:1/3}.intro p{grid-column:3/10;font-size:clamp(30px,4vw,44px)}.intro .aside{grid-column:10/13;font-size:15px}
  .gallery{margin-bottom:100px}.gallery.two,.gallery.three{gap:14px}
  .details{gap:14px;padding:32px 0 96px}.details h2{grid-column:1/3}.detail-block{grid-column:3/8}.detail-block+.detail-block{grid-column:8/13}.detail-block p{font-size:17px}
  .film-index{padding:30px 0 100px}.film-index-head{gap:14px}.film-grid{gap:54px 14px}.film-card h3{font-size:22px}
}
@media (max-width:800px){
  :root{--pad:20px}
  header{height:62px;padding:0 var(--pad)}.brand{height:40px}.brand img{height:29px;max-width:min(218px,60vw)}.project-nav{gap:16px;font-size:9px}
  main{padding:0 var(--pad)}
  .project-hero{min-height:auto;padding:42px 0 72px;display:flex;flex-direction:column;gap:0}.project-copy{width:100%;padding:0}.project-media{width:100%;margin-top:30px}
  .project-number{font-size:9px;margin-bottom:13px}.project-title,.project-title--long{font-size:clamp(42px,12.4vw,58px);line-height:.92;margin-bottom:14px}.project-subtitle{font-size:15px;margin-bottom:25px}.credits{font-size:16px;line-height:1.22}.external{margin-top:20px;font-size:9px}
  .project-caption{font-size:8px;margin-top:9px;gap:12px}
  .intro{padding:26px 0 70px;display:block}.intro h2{font-size:9px;margin-bottom:24px}.intro p{font-size:clamp(30px,8.7vw,38px);line-height:1.03}.intro .aside{font-size:15px;line-height:1.3;margin-top:27px;max-width:28em}
  .gallery{margin-bottom:70px}.gallery.two,.gallery.three{display:block}.gallery img,.gallery video,.gallery.three .wide,.gallery.two img:first-child,.gallery.two img:last-child{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin:0 0 10px}
  .details{display:block;padding:27px 0 70px}.details h2{font-size:9px;margin-bottom:30px}.detail-block{margin-bottom:32px}.detail-block:last-child{margin-bottom:0}.detail-block h3{font-size:10px;margin-bottom:12px}.detail-block p{font-size:16px;line-height:1.35}
  .next{padding:19px 0 34px}.next a{font-size:9px}
  footer{height:64px;font-size:9px}
  .film-index{padding:26px 0 72px}.film-index-head{display:block;margin-bottom:28px}.film-index-head h2{font-size:9px;margin-bottom:0}.film-grid{display:block}.film-card{margin-bottom:44px}.film-card:last-child{margin-bottom:0}.film-card h3{font-size:21px}.film-card small{font-size:8px}.film-play{left:12px;bottom:11px;font-size:9px}.film-card-meta{margin-top:10px}
  .film-overlay-top{left:14px;right:14px;top:12px;font-size:9px}.film-overlay-frame iframe,.film-overlay-frame video{width:100vw;height:auto;aspect-ratio:16/9;max-height:76svh;object-fit:contain;background:#000;pointer-events:auto}
}
@media (max-width:480px){
  :root{--pad:16px}
  header{height:58px}.brand img{height:26px;max-width:195px}.project-nav{gap:13px;font-size:8px}
  .project-hero{padding:36px 0 62px}.project-title,.project-title--long{font-size:clamp(39px,12.2vw,50px)}.project-subtitle{font-size:14px}.credits{font-size:15px}
  .intro p{font-size:clamp(28px,8.8vw,34px)}.intro .aside{font-size:14px}
  .detail-block p{font-size:15px}.film-card h3{font-size:20px}
}
@media (max-height:560px) and (min-width:700px){
  .project-hero{min-height:auto;padding-top:40px}
}