@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500&family=IBM+Plex+Mono:wght@300;400&display=swap');:root{--ice:#eaffff;--ink:#3e4a4a;--dark:#111313}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070808;color:#e8ecec;font:16px 'IBM Plex Mono',monospace;font-weight:300}a{color:inherit;text-decoration:none}.skip{position:absolute;top:-60px;left:16px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:linear-gradient(112deg,#050606 0%,#202324 28%,#8b9092 52%,#2a2d2e 72%,#050606 100%);color:#f5f7f7;border-bottom:1px solid #aeb3b455;box-shadow:0 8px 30px #0008}.name{font:300 30px 'Barlow Condensed',sans-serif}nav{display:flex;gap:28px;font-size:14px;text-shadow:0 1px 1px #000}nav a{color:#f2f4f4}nav a:hover{border-bottom:1px solid #e2e5e5}.hero{aspect-ratio:16/9;position:relative;background:#111;color:white;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000b 0%,#0003 60%,transparent)}.hero-copy{position:absolute;left:7%;bottom:8%;max-width:700px}.kicker{font-size:13px;letter-spacing:.12em}.hero h1{font:400 clamp(30px,4vw,54px)/.9 'Barlow Condensed',sans-serif;letter-spacing:.02em;margin:26px 0}.hero-copy>p:not(.kicker){max-width:560px;font-size:18px;line-height:1.7}.actions{display:flex;gap:25px;align-items:center;margin-top:24px;font-size:14px}.actions a{padding:14px 0;border-bottom:1px solid #fff}.actions .primary{padding:14px 18px;background:var(--ice);color:var(--dark);border:0}.work{padding:110px 5%;background:#070808}.screenings h2{font:300 clamp(52px,7vw,92px)/1 'Barlow Condensed',sans-serif;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 30px}.still{aspect-ratio:1.75;position:relative;overflow:hidden;background:#151717;border:1px solid #2d3030}.still img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:.4s}.film-info{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:linear-gradient(transparent 20%,#071010e8);color:var(--ice);opacity:0;transition:opacity .25s}.film-info h3{font-size:17px;font-weight:400;margin:0 0 7px}.film-info p{font-size:13px;margin:0 0 14px;color:#c9d8d8}.film-info span{font-size:12px}.film:hover img,.film:focus-visible img{filter:grayscale(0);transform:scale(1.02)}.film:hover .film-info,.film:focus-visible .film-info{opacity:1}.screenings{background:var(--dark);color:var(--ice);padding:110px 7%;min-height:80svh;display:flex;flex-direction:column;justify-content:center}.screening-copy{font-size:18px;line-height:1.7;max-width:620px;margin:32px 0}.screening-list{max-width:950px;border-top:1px solid #596060}.screening-card{display:grid;grid-template-columns:150px 1fr auto;gap:28px;align-items:center;padding:28px 0;border-bottom:1px solid #596060;transition:background .2s,padding .2s}.screening-card:hover,.screening-card:focus-visible{background:#ffffff0a;padding-left:16px;padding-right:16px}.screening-date{font-size:13px;letter-spacing:.1em;color:#b9c0c0}.screening-card h3{font:400 34px 'Barlow Condensed',sans-serif;margin:0 0 5px}.screening-card p{margin:0;color:#b9c0c0;font-size:14px}.screening-card strong{font-size:13px;font-weight:400;white-space:nowrap}footer{padding:50px 5%;display:flex;justify-content:space-between;align-items:flex-start;gap:30px;background:#070808;color:#d9dddd;border-top:1px solid #454949}footer p{font-size:12px;margin:0 0 12px;letter-spacing:.1em}footer>div a,footer>a:last-child{font-size:14px}@media(max-width:800px){header{height:auto;padding:24px 6%;align-items:flex-start}.name{font-size:26px}nav{flex-direction:column;gap:10px;text-align:right}.hero{aspect-ratio:auto;overflow:visible}.hero>img{display:block;height:auto;aspect-ratio:16/9}.hero-shade{display:none}.hero-copy{position:relative;left:auto;right:auto;bottom:auto;padding:28px 6% 36px;background:var(--dark)}.hero h1{font-size:8vw;margin:8px 0 16px}.hero-copy>p:not(.kicker){margin:0}.actions{align-items:flex-start;flex-direction:column;gap:10px;margin-top:20px}.grid{grid-template-columns:repeat(2,1fr)}.work,.screenings{padding:70px 6%}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero-copy>p:not(.kicker){font-size:16px}.screening-card{grid-template-columns:1fr;gap:10px}.screening-card strong{margin-top:6px}footer{flex-direction:column}.film-info{padding:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.still img{transition:none}}/* Restored cool-gray portfolio theme */
body{background:#dfe5e5;color:#465151}header{background:linear-gradient(112deg,#eef1f1 0%,#c4caca 45%,#f2f4f4 72%,#b8bebe 100%);color:#364040;border-bottom:1px solid #aab1b1;box-shadow:0 8px 24px #4a535322}nav a{color:#364040;text-shadow:0 1px 0 #fff8}.work{background:#dfe5e5}.still{background:#c7cece;border-color:#aeb6b6}footer{background:#dfe5e5;color:#465151;border-top-color:#aab2b2}

/* Center primary navigation while retaining Contact at the right edge. */
header{display:grid;grid-template-columns:1fr auto 1fr;column-gap:28px}
header>.name{grid-column:1;grid-row:1;justify-self:start}
header nav{display:flex;grid-column:2;grid-row:1;gap:28px;align-items:center;flex-direction:row}
header nav a{grid-row:1;white-space:nowrap;font-size:14px}


header nav a:last-child{position:absolute;right:5%}
.work{background:#858b8b}
@media(max-width:700px){header{position:relative;grid-template-columns:1fr;row-gap:22px;padding:22px 6%}header>.name{grid-column:1}header nav{grid-column:1;grid-row:2;justify-self:center}header nav a:last-child{top:28px;right:6%}}

.portfolio-title{font:300 48px/1.1 'Barlow Condensed',sans-serif;margin:0 0 42px;color:#202929}
nav .active{border-bottom:1px solid currentColor}
@media(min-width:701px) and (max-width:1050px){header{position:relative;grid-template-columns:1fr;row-gap:22px;height:auto;padding:22px 6%}header>.name{grid-column:1}header nav{grid-column:1;grid-row:2;justify-self:center}header nav a:last-child{top:28px;right:6%}}
@media(max-width:400px){header nav{gap:18px}header nav a{font-size:12px}}