:root{color-scheme:light;--paper:#fafaf9;--ink:#1b1b1b;--muted:#727270;--line:#ddddd8;--secondary:#62625f;--surface:#e9e9e7;--hover:#eeeeeb;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
:root[data-theme="dark"]{color-scheme:dark;--paper:#141414;--ink:#f2f2ef;--muted:#a5a5a0;--line:#363633;--secondary:#b5b5b0;--surface:#242424;--hover:#292929}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--paper:#141414;--ink:#f2f2ef;--muted:#a5a5a0;--line:#363633;--secondary:#b5b5b0;--surface:#242424;--hover:#292929}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.shell{width:calc(100% - 104px);max-width:1512px;margin-inline:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:21px;font-weight:650;letter-spacing:-.8px}.wordmark-dot{color:#949490}.site-header nav{display:flex;gap:32px;font-size:14px;font-weight:500}.site-header nav a,.site-footer a{transition:opacity .2s}.site-header nav a:hover,.site-footer a:hover{opacity:.55}.intro{padding:64px 0 54px}.intro h1{font-family:var(--serif);font-size:clamp(64px,8.4vw,132px);font-weight:700;line-height:1.06;letter-spacing:-.047em;margin:0 0 35px}.intro-line{display:flex;justify-content:space-between;align-items:center;gap:20px}.intro-line p{font-size:18px;letter-spacing:-.3px;margin:0;color:#62625f}.text-link{font-size:15px;display:inline-block;text-underline-offset:5px}.text-link:hover{text-decoration:underline}.intro-line .text-link span{display:inline-block;margin-left:20px}.work{scroll-margin-top:32px}.media-frame{margin:0;overflow:hidden;background:#e9e9e7;position:relative;border-radius:3px}.media-frame img,.media-frame video{display:block;width:100%;height:100%;object-fit:cover}.feature{aspect-ratio:1.96}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.gallery .media-frame{aspect-ratio:1.36}.about{padding:136px 0 124px;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-bottom:1px solid var(--line)}h2{font-family:var(--serif);font-size:clamp(36px,4vw,58px);line-height:1.12;letter-spacing:-.045em;font-weight:700;margin:0}.about p{font-size:25px;line-height:1.55;letter-spacing:-.55px;margin:0 0 34px;max-width:620px}.site-footer{display:flex;align-items:center;justify-content:space-between;padding-block:36px;color:var(--muted);font-size:14px}.site-footer div{display:flex;gap:26px}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-180%);background:white;padding:14px;z-index:99}.skip-link:focus{transform:none}@media(max-width:700px){.shell{width:calc(100% - 40px)}.site-header{height:86px}.wordmark{font-size:18px}.site-header nav{gap:20px;font-size:14px}.intro{padding:38px 0 30px}.intro h1{font-size:clamp(52px,12vw,84px);margin-bottom:24px;letter-spacing:-.06em}.intro-line p{font-size:15px;max-width:235px;line-height:1.5}.intro-line .text-link{display:none}.feature{aspect-ratio:1.22}.gallery{grid-template-columns:1fr;gap:14px;margin-top:14px}.about{grid-template-columns:1fr;gap:30px;padding:80px 0 64px}.about p{font-size:22px}.site-footer{font-size:13px;padding-block:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.motion-toggle{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:8px 0 8px 12px;color:var(--muted);font-size:14px;white-space:nowrap;cursor:pointer}.motion-symbol{font-size:18px;line-height:1}.motion-toggle:hover{color:var(--ink)}.open-media{border:0;padding:0;width:100%;height:100%;display:block;background:transparent;cursor:zoom-in;position:relative}.open-media:focus-visible{outline-offset:-5px;outline-color:white}.expand-icon{position:absolute;bottom:20px;right:20px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.88);color:#202020;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.expand-icon svg{width:19px;height:19px}.open-media:hover .expand-icon,.open-media:focus-visible .expand-icon{opacity:1;transform:none}.gallery .media-frame{aspect-ratio:1.55}.media-frame.contain{background:#f0f0f0}.media-frame.contain img{object-fit:contain}.gallery{gap:20px}.films{padding-top:112px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:42px}.section-heading p{font-size:15px;color:var(--muted);margin:0}.film-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 60px 80px;gap:20px;align-items:center;padding:25px 0;border-top:1px solid var(--line);transition:color .2s}.film-row:last-child{border-bottom:1px solid var(--line)}.film-title{font-size:19px;font-weight:450;letter-spacing:-.4px}.film-credit,.film-year,.film-watch{font-size:14px;color:var(--muted)}.film-watch{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--ink)}.film-watch svg{width:14px;height:14px}.film-row:hover .film-title{text-decoration:underline;text-underline-offset:5px}.film-row:hover .film-watch{color:var(--muted)}.about{padding-top:112px}.viewer-open{overflow:hidden}dialog{border:0;padding:0;background:#111;color:#fafafa;width:calc(100% - 48px);max-width:1500px;max-height:calc(100dvh - 48px);border-radius:4px;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(8px)}.viewer-header,.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px}.viewer-header p{font-size:15px;margin:0;color:#e5e5e5}.viewer-close,.viewer-navigation button{border:0;background:transparent;color:inherit;cursor:pointer;padding:8px 0;font-size:14px}.viewer-close{display:flex;align-items:center;gap:12px}.viewer-close span{font-size:25px;line-height:1}.viewer-stage{display:flex;align-items:center;justify-content:center;min-height:150px}.viewer-stage img,.viewer-stage video{display:block;max-width:100%;max-height:calc(100dvh - 200px);width:auto;height:auto;object-fit:contain}.viewer-stage iframe{border:0;width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 200px)}.viewer-footer{font-size:14px;color:#bdbdbd}.viewer-navigation{display:flex;gap:30px}#youtube-fallback{text-decoration:underline;text-underline-offset:4px}[hidden]{display:none!important}dialog button:focus-visible,dialog a:focus-visible{outline-color:white}
@media(hover:none){.expand-icon{opacity:.9;transform:none}}@media(max-width:900px){.film-row{grid-template-columns:minmax(0,1fr) 150px 45px}.film-watch{display:none}.section-heading{display:block}.section-heading p{margin-top:18px}}@media(max-width:700px){.intro-line{align-items:flex-start}.intro-line p{max-width:220px}.motion-toggle{font-size:12px;gap:6px;margin-top:0;padding-top:4px}.gallery{gap:14px}.feature{aspect-ratio:1.5}.feature video{object-fit:contain;background:#000}.films{padding-top:72px}.section-heading{margin-bottom:30px}.film-row{grid-template-columns:1fr 40px;gap:8px;padding:20px 0}.film-title{font-size:17px;line-height:1.4;grid-column:1}.film-credit{font-size:13px;grid-column:1;grid-row:auto}.film-year{font-size:13px;grid-column:2;grid-row:span 2;text-align:right}.about{padding-top:76px}.expand-icon{width:30px;height:30px;bottom:12px;right:12px}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.viewer-header,.viewer-footer{padding:14px 16px}.viewer-header p{font-size:14px;line-height:1.4}.viewer-close{font-size:13px;flex-shrink:0}.viewer-navigation{gap:22px}.viewer-stage img,.viewer-stage video{max-height:calc(100dvh - 175px)}}

.media-frame.added-render{background:#eaeaea}

.media-frame.home-hub-front{background:rgb(236, 232, 235)}

.site-header{gap:24px}.site-header nav{margin-left:auto}.intro-line p{color:var(--secondary)}.media-frame:not(.contain){background:var(--surface)}.skip-link{background:var(--paper);color:var(--ink)}
dialog{color-scheme:dark}
@media(max-width:700px){.site-header{gap:16px}.site-header nav{gap:16px}}
