#project-dialog{width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0;overflow:auto;background-color:var(--paper);background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:33.333vw 33.333vh;background-attachment:fixed;color:var(--ink)}
#project-dialog .dialog-header{padding:18px 4.5%;border-bottom:0}
#project-dialog .dialog-header button{width:auto;min-width:96px;height:48px;padding:0 12px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
#project-dialog .dialog-header button::before{margin-right:0}
.case-film{padding:0 4.5% 0 11.5%}
.case-film .video-stage{aspect-ratio:var(--film-ratio);min-height:0}
.case-film video{width:100%;height:100%;max-height:none;aspect-ratio:var(--film-ratio);object-fit:contain}
.case-film.portrait-film{padding:0;display:flex;justify-content:center;background:transparent}
.portrait-film .video-stage{width:auto;height:min(76dvh,960px);max-width:100%;aspect-ratio:var(--film-ratio)}
.case-info{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:24px;margin:48px 4.5% 80px 11.5%}
.case-intro{grid-column:span 5;padding:0}.case-credits{grid-column:8/span 2}.case-facts{grid-column:10/span 2}
.case-label,.case-section-heading>span{display:block;font-size:11px;letter-spacing:.07em;color:var(--muted);margin-bottom:20px}
.case-intro h2{font-size:clamp(34px,4.2vw,72px);line-height:1.08;letter-spacing:-.03em;margin:0 0 32px}
.case-info h3{font-size:13px;margin:0 0 16px}.case-info p,.case-facts dl{font-size:14px;line-height:1.85;margin:0}.case-facts dt{color:var(--muted);margin-top:18px}.case-facts dd{margin:5px 0 0}
.case-sections{margin:0 4.5% 96px 11.5%}.case-chapter{display:grid;grid-template-columns:3fr 8fr;gap:48px;padding:48px 0 64px;border-top:1px solid var(--line)}
.case-section-heading h2{font-size:clamp(28px,3vw,46px);margin:0}.case-section-content ol{padding-left:20px;margin:0 0 40px}.case-section-content li{padding:0 0 20px 12px;font-size:15px;line-height:1.9}
.case-section-content .gallery-grid{gap:32px 24px}.case-section-content .gallery-wide{grid-column:1/-1}.case-section-content .gallery-grid img{max-height:none;object-fit:contain;height:auto;display:block;background:transparent}.case-section-content .gallery-grid span{line-height:1.6}
.case-draft-note{font-size:12px;color:var(--muted);margin:0 0 28px}.case-facts .note{font-size:12px;margin-top:24px;line-height:1.8}
@media(max-width:1199px){.case-info{grid-template-columns:repeat(6,minmax(0,1fr))}.case-intro{grid-column:span 4}.case-credits{grid-column:5/span 2}.case-facts{grid-column:5/span 2}.case-chapter{grid-template-columns:2fr 4fr;gap:24px}}
@media(max-width:767px){.case-film{padding:0}.case-info,.case-sections{margin:36px 6% 56px}.case-info{display:block}.case-credits,.case-facts{margin-top:32px}.case-chapter{display:block;padding:32px 0}.case-section-heading{margin-bottom:28px}.case-section-content .gallery-grid{grid-template-columns:1fr}.case-section-content li{font-size:14px}.case-intro h2{font-size:42px}.portrait-film .video-stage{height:72dvh}}

#project-dialog{background-image:none!important;isolation:isolate}
#case-native-grid{position:fixed;inset:0;z-index:0;pointer-events:none;mix-blend-mode:difference}
#case-native-grid>svg{display:block;width:100%;height:100%;shape-rendering:crispEdges}
#project-dialog>#detail-content{position:relative;z-index:1}
#project-dialog>.dialog-header{position:sticky;z-index:2}