@font-face{font-family:Michroma;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/michroma-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Michroma;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/michroma-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;font-family:Michroma,sans-serif;color:#f1ede4;background:#12110f;--gutter: clamp(1.25rem, 4vw, 4.75rem);--muted: #c7bfb1;--line: #71685b}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.25em}a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.skip{position:absolute;top:.5rem;left:.5rem;padding:.5rem;background:#12110f;z-index:3;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}.top,footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem var(--gutter)}.top{border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line)}.brand{text-transform:uppercase;line-height:1.15;letter-spacing:-.045em}.brand-single-line{white-space:nowrap}nav{display:flex;align-items:center;gap:clamp(1rem,3vw,3.25rem)}nav a,footer,.label,.film-links{text-transform:uppercase;font-size:.78rem;letter-spacing:.12em}[aria-current=page]{text-decoration:underline;text-underline-offset:.3em}.hero{min-height:100svh;position:relative;isolation:isolate;display:grid;place-items:center;padding:5rem var(--gutter);background:radial-gradient(ellipse at 80% 20%,#5e4e3d,transparent 65%),#1d1a16}body:has(.hero){min-height:100svh;overflow:hidden}body:has(.hero) .top{position:absolute;inset:0 0 auto;z-index:1;border-bottom:0;justify-content:flex-end;background:linear-gradient(#0009,transparent)}body:has(.hero:not(.hero--cinematography)) .top .brand{display:none}body:has(.hero--cinematography) .top{justify-content:space-between}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-video{opacity:0}.hero-video.is-playing{opacity:1}.hero:has(.hero-image):after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 42%);z-index:-1}.label{margin:0 0 1.5rem;color:var(--muted)}h1{margin:0;font-size:clamp(2.7rem,12vw,12rem)}h1,.film-caption h2{font-weight:400;letter-spacing:-.045em;line-height:1.15;text-transform:uppercase}.hero-name{position:absolute;right:var(--gutter);bottom:1.7rem;text-align:right;font-size:clamp(1.1rem,3.6vw,4rem);text-shadow:0 .06em .4em #0009}.hero-name span{white-space:nowrap}.hero-films{position:absolute;bottom:1.15rem;left:var(--gutter);gap:.2rem}.hero-films a{position:relative;display:grid;min-width:2.75rem;min-height:2.75rem;place-items:center;color:#fff;font-size:2rem;letter-spacing:0;text-shadow:0 .05em .25em #000b;font-variant-numeric:tabular-nums}.hero-film-preview{position:absolute;bottom:calc(100% + .5rem);left:0;width:9rem;aspect-ratio:16 / 9;object-fit:cover;border:1px solid #f1ede460;box-shadow:0 .4rem 1rem #0008;visibility:hidden;pointer-events:none}.hero-films a:nth-last-child(-n+3) .hero-film-preview{left:auto;right:0}.hero-films a:is(:hover,:focus-visible) .hero-film-preview{visibility:visible}.hero--cinematography .hero-name{right:auto;left:var(--gutter);max-width:min(26rem,calc(100% - 2 * var(--gutter)));text-align:left;font-size:clamp(1rem,2.6vw,1.56rem)}.hero--cinematography .hero-films{left:auto;right:var(--gutter)}.collection{padding:clamp(3rem,8vw,8rem) var(--gutter)}.collection h1{margin-bottom:clamp(2rem,5vw,5rem)}.muted,.film-caption p{color:var(--muted)}.intro{max-width:36ch;font-size:clamp(1.2rem,2.5vw,2.25rem);line-height:1.25}.contact-details{display:grid;justify-items:start;gap:.5rem;font-size:.875rem;font-style:normal}.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 1.5rem;list-style:none;margin:0;padding:0}.frame,.player{aspect-ratio:16 / 9;position:relative;background:#25211b;overflow:hidden}.frame img,.player iframe,.player video{display:block;width:100%;height:100%;border:0}.frame img{object-fit:cover}.play{position:absolute;display:grid;place-items:center;bottom:1rem;right:1rem;width:3rem;aspect-ratio:1;background:#12110f;border-radius:50%}.film-caption{padding-top:.85rem}.film-caption h2{margin:0;font-size:1.25rem}.film-caption p{margin:.35rem 0 0;font-size:.85rem}.film h1{font-size:clamp(2.75rem,8vw,8rem);overflow-wrap:anywhere}.film-links{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:2rem}.film-close{display:none}body:has(.film-immersive){overflow:hidden;background:#000}body:has(.film-immersive) :is(.top,footer),.film-immersive>:not(.player,.film-close){display:none}.film-immersive{padding:0}.film-screen{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:inherit}.film-immersive .player,.film-screen .player{position:fixed;inset:0;aspect-ratio:auto;background:#000}.film-immersive .player video,.film-screen .player video{object-fit:contain}.film-intermission .player video{visibility:hidden}.film-immersive .film-close,.film-screen .film-close{display:block;position:fixed;z-index:1;top:max(1rem,env(safe-area-inset-top));left:var(--gutter);padding:.6rem .8rem;background:#000b;border:0;color:inherit;font:inherit;cursor:pointer}@media(max-width:70rem){.hero-films{display:grid;grid-template-columns:repeat(6,2.75rem)}}@media(max-width:42rem){.film-grid{grid-template-columns:1fr}.top .brand-single-line{font-size:.8rem}.top nav{flex-wrap:wrap;justify-content:flex-end;gap:.55rem .7rem}.top nav a{font-size:.7rem;letter-spacing:.04em}.hero-films a{position:static}.hero-films a:nth-last-child(n) .hero-film-preview{left:0;right:auto}}@media(max-width:36rem){.hero-name{bottom:7.5rem}.hero-films a{font-size:clamp(1.4rem,5.5vw,2rem)}}@media(max-width:43rem){.hero--cinematography .hero-name{bottom:7.5rem}}