*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0c0b09;--ink: #f4f0e6;--ink-dim: rgba(244, 240, 230, .72);--ink-faint: rgba(244, 240, 230, .45);--accent: #e08a3c;--hairline: rgba(244, 240, 230, .16)}html,body{width:100vw;height:100vh;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg);color:var(--ink)}img{width:100%;height:100%;object-fit:cover}h1{color:var(--ink);font-size:34px;font-weight:700;letter-spacing:-.015em;line-height:1.12}a,p{text-decoration:none;color:var(--ink);font-size:15px;font-weight:400;line-height:1.55}.container{position:relative;width:100%;height:100%;display:flex;overflow:hidden}.blurry-prev{position:absolute;top:0;left:0;width:100%;height:100%}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(90px);background:linear-gradient(100deg,#0c0b09c7,#0c0b0980 45%,#0c0b0959)}.col{position:relative;padding:1.75em}.site-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--hairline)}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:1em}.wordmark{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.22em;color:var(--ink)}nav{display:flex;gap:1.25em}nav a{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);transition:color .25s ease}nav a:hover{color:var(--ink)}.header{position:absolute;top:50%;transform:translateY(-50%);padding-right:1.5em}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin-bottom:1em}.header h1{font-size:clamp(1.7rem,1.1rem + 1.6vw,2.5rem);font-weight:300;letter-spacing:-.01em;line-height:1.18;max-width:14em}.copy p{font-size:13.5px;color:var(--ink-dim);max-width:36ch}.copy .meta{display:block;margin-top:1em;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint)}.project-preview{flex:2}.project-details{position:absolute;top:1.75em;left:1.75em;width:min(520px,55%)}.title{margin-bottom:.6em}.info{margin-bottom:1.75em}.info p{color:var(--ink-dim);max-width:48ch}.title,.credits,.director,.cinematographer,.line{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.credits p{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);line-height:1.9}.director p,.cinematographer p{font-size:13.5px;color:var(--ink-dim);line-height:1.65}.title h1{position:relative;transform:translateY(40px);will-change:transform}.info p .line span,.credits p,.director p,.cinematographer p{display:inline-block;position:relative;transform:translateY(20px);will-change:transform}.project-img{position:absolute;left:1.75em;bottom:1em;width:72%;height:52%;overflow:hidden;will-change:transform}.project-img img{will-change:transform}.gallery-wrapper{z-index:2;overflow:auto;padding:.75em;background-color:#0c0b0959;border-left:1px solid var(--hairline);backdrop-filter:blur(20px);scrollbar-width:none}.gallery-wrapper::-webkit-scrollbar{display:none}.gallery{width:104px;height:280vh;display:flex;flex-direction:column;gap:.75em;counter-reset:film}.item{position:relative;flex:1;background-color:#1c1a16;cursor:pointer}.item:before{counter-increment:film;content:counter(film,decimal-leading-zero);position:absolute;z-index:2;left:8px;bottom:6px;font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--ink);text-shadow:0 1px 4px rgba(0,0,0,.6)}.item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#060504ad;transition:background-color .5s ease-in-out;transition-delay:.5s}.item:hover:after{background-color:#06050466}.item.active{outline:1px solid var(--accent);outline-offset:2px}.item.active:after{background-color:#06050400}@media(max-width:900px){.container{flex-direction:column}.site-info{flex:.5;border-left:none;border-bottom:1px solid var(--hairline)}.header{top:unset;bottom:1em;transform:none}.site-info .copy{display:none}.project-details{width:calc(100% - 1em)}.project-img{width:93%}.gallery-wrapper{border-right:none;border-left:none;border-top:1px solid var(--hairline)}.gallery{width:300vw;height:104px;flex-direction:row}}@media(max-width:768px){.col{padding:1.25em}.masthead{flex-wrap:wrap;gap:.5em}.eyebrow{margin-bottom:.5em}.header{bottom:1.25em;padding-right:0}.header h1{font-size:1.35rem;max-width:22em}.title h1{font-size:26px}.info{margin-bottom:1em}.info p,.director p,.cinematographer p{font-size:13px;line-height:1.5}.project-details{top:1.25em;left:1.25em;width:calc(100% - 2.5em)}.project-img{left:1.25em;width:calc(100% - 2.5em);height:42%}.gallery{width:340vw}}