*{box-sizing:border-box}html{color:#d5d5d5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;font-family:Arial,Helvetica,sans-serif}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #fff}h1,h2,p{margin:0}h1,h2{letter-spacing:-.025em}.landing{padding:0 2vw}.intro{min-height:110vh;padding-top:120px}.intro h1{font-size:clamp(2rem,3vw,3.25rem);font-weight:700;line-height:1.04}.intro p{letter-spacing:-.02em;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;width:min(58%,800px);margin-top:100px;padding:14px 0 42px;font-size:clamp(1.15rem,1.65vw,1.65rem);line-height:1.08}.work h2,.sound h2{margin-bottom:32px;font-size:clamp(1.5rem,2.5vw,2.6rem);font-weight:700;line-height:1.12}.montages{gap:28px;display:grid}.montage{position:relative}.appointment{pointer-events:none;text-align:center;letter-spacing:-.035em;color:#ddd;place-items:center;font-size:clamp(1.3rem,5.8vw,6rem);font-weight:400;display:grid;position:absolute;inset:0}.projects{gap:28px;width:64%;margin:140px auto 0;display:grid}.projects article{position:relative}.project-link{background:#0001;justify-content:center;align-items:center;font-size:clamp(1.5rem,3.4vw,4rem);font-weight:700;text-decoration:none;transition:background .2s;display:flex;position:absolute;inset:0}.project-link:hover{background:#0005}.sound{margin-top:240px}.sound-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 4vw;display:grid}.video{isolation:isolate;background:#111;width:100%;position:relative;overflow:hidden}.poster{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.video iframe{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.play{color:#fff;background:#0002;border:0;place-items:center;width:100%;display:grid;position:absolute;inset:0}.play span{background:#0008;border:1px solid #ddd;padding:10px 22px;font-size:1rem}.video-status{background:#0007;place-items:center;font-size:1rem;display:grid;position:absolute;inset:0}.video-error{text-align:center;background:#000b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;font-size:1rem;display:flex;position:absolute;inset:0}.video-error button{color:#fff;background:#000;border:1px solid #999;padding:8px 14px}footer{padding:80px 0 28px}footer button{color:#999;background:0 0;border:0;padding:0;font-size:.9rem;text-decoration:underline}.access{place-items:center;min-height:100svh;padding:24px;display:grid}.access form{width:min(440px,100%)}.access h1{margin-bottom:48px;font-size:2rem}.access label{margin-bottom:12px;font-size:1rem;display:block}.entry{gap:12px;display:flex}.entry input{color:#fff;background:#080808;border:1px solid #888;border-radius:0;width:100%;min-width:0;padding:14px;font-size:1.1rem}.entry button{color:#000;background:#ddd;border:1px solid #ddd;padding:12px 22px}.access p{color:#ccc;margin-top:20px;font-size:1rem}.film-page{min-height:100svh;padding:24px 2vw 60px}.film-page nav{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.film-page nav a{font-size:1rem}.film-page h1{font-size:1.25rem}.landscape-film{max-width:1440px;margin:auto}.portrait-film{max-width:min(480px,42.1875svh);margin:auto}@media (max-width:700px){.landing{padding:0 20px}.intro{min-height:85svh;padding-top:80px}.intro p{width:100%;margin-top:64px;padding-bottom:30px;font-size:1.25rem;line-height:1.15}.montages{gap:20px}.projects{gap:20px;width:100%;margin-top:72px}.sound{margin-top:100px}.sound-grid{grid-template-columns:1fr;gap:24px}.work h2,.sound h2{margin-bottom:24px;font-size:1.45rem}.appointment{font-size:clamp(1.2rem,5.8vw,2.4rem)}.film-page{padding:20px}.portrait-film{max-width:100%}.entry button{padding:12px 18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
