/* Desktop composition only. The approved phone layout and native gestures are unchanged. */
@media (min-width:801px){
 :root{--content-max:1440px;--page-gutter:clamp(28px,4vw,72px);--section-gap:72px}
 header,.home header{height:88px;gap:28px;position:relative}
 header nav{gap:10px;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
 header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;font-size:14px;white-space:nowrap}
 header .logo{font-size:38px;flex-shrink:0}
 .cinema-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:40px;align-items:center;max-width:var(--content-max);width:auto;margin:24px max(var(--page-gutter),calc((100vw - var(--content-max))/2)) 0;background:transparent}
 .cinema-stage{width:100%;height:clamp(260px,54svh,600px);aspect-ratio:auto;background:#101113}
 .cinema-layer>img,.cinema-layer>video{object-fit:contain}
 .cinema-caption{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:32px;padding:0;min-width:0}
 .cinema-project{gap:14px;width:100%}.cinema-project strong{font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}.cinema-project small{font-size:14px;line-height:1.6;color:#c1c3c8}
 .cinema-project::before{content:'Selected work';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#c7ad88;margin-bottom:14px}
 .cinema-project::after{content:'View project';font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;margin-top:14px;color:#e6d2b6}
 .cinema-controls{flex-wrap:wrap;gap:12px}.cinema-pause{min-width:78px}.cinema-select button{width:44px;min-width:44px;min-height:44px}
 .cinema-note{grid-column:2;padding:12px 0 0;font-size:12px;line-height:1.5}
 .long-home{padding-top:44px}.collection-title{margin-bottom:28px}.scroll-section{padding-top:36px}
 .asymmetric{display:grid;grid-template-columns:1.12fr 1fr;gap:36px;overflow:visible;align-items:start}
 .asymmetric .project-card .image{height:clamp(280px,31vw,440px);aspect-ratio:auto}
 .identity-stage{grid-template-columns:1fr 1.5fr;gap:36px;align-items:center}
 .identity-stage .project-card:first-child .image,.identity-stage .project-card:last-child .image{height:clamp(280px,30vw,430px)}
 .print-pair{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:start}.print-pair .image{height:clamp(260px,28vw,390px)}
 .project-grid:not(.index){grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px}
 .project-grid.index{grid-template-columns:1fr}
 .intro{padding:48px 0 36px;gap:36px}.intro h1{max-width:18ch}.intro p{font-size:15px}
 .filters{flex-wrap:wrap;overflow:visible;gap:10px}.filters .view-toggle{margin-left:auto}
 .project-head{padding-top:24px;margin-bottom:36px}.project-head .intro{padding-top:24px}
 .project-gallery{gap:32px;align-items:start}.project-gallery button{min-height:0}
 .project-gallery button:first-child:last-child{height:auto;max-width:1000px;width:100%;justify-self:center}
 .project-gallery button:first-child:last-child img{height:auto;max-height:68svh;object-fit:contain}
 .project-gallery.sfts,.project-gallery.toxic{grid-template-columns:repeat(2,minmax(0,1fr))}
 .project-gallery.sfts button:first-child{grid-column:auto}.project-gallery.sfts button:first-child img,.project-gallery.sfts img,.project-gallery.toxic img{height:clamp(240px,29vw,420px);object-fit:contain}
 .project-gallery.poster-gallery{column-gap:48px;row-gap:48px}
 .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.video-grid article:first-child{grid-column:auto}.video-grid video{max-height:440px;aspect-ratio:16/9}
 .video-caption{display:flex;flex-wrap:wrap;gap:16px}.video-caption>div{flex:1 1 180px}.video-caption>a{font-size:12px}
 .project-videos{gap:36px}.project-videos video{max-height:440px;aspect-ratio:16/9;object-fit:contain}
 .film{grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:40px}.film video{max-height:500px;width:100%}
 .about-grid{grid-template-columns:1fr 1.25fr;padding:32px 0 48px;gap:80px}.contact{padding-top:24px}.contact .email{font-size:clamp(26px,3.5vw,50px);overflow-wrap:anywhere}
 footer{margin-top:72px;padding-block:28px 36px}
}
@media (min-width:801px) and (max-width:1100px){
 header,.home header{gap:16px;height:82px}header nav{gap:6px}header nav a{font-size:12px;padding-inline:10px}header .logo{font-size:32px}
 .cinema-hero{grid-template-columns:minmax(0,1fr) 220px;column-gap:26px}.cinema-stage{height:clamp(240px,48svh,460px)}.cinema-project strong{font-size:30px}.cinema-controls{gap:8px}.cinema-select button{width:44px}
 .project-grid:not(.index){grid-template-columns:repeat(2,minmax(0,1fr))}.filters .view-toggle{margin-left:0}.about-grid{gap:36px}
}
@media (min-width:801px) and (max-height:650px){
 .cinema-hero{margin-top:18px}.cinema-stage{height:280px}.cinema-caption{gap:18px}.cinema-project::before{margin-bottom:4px}.cinema-project::after{margin-top:4px}.long-home{padding-top:32px}
}