@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#17161a;--muted:#706d72;--paper:#f5f2ed;--line:#d8d2ca;--copper:#c98255;--blue:#315b73;--serif:"Playfair Display",Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.65}
a{color:inherit}
header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:13px 5vw;background:rgba(245,242,237,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(216,210,202,.7)}
.brand{display:block;width:155px;height:66px;overflow:hidden;text-decoration:none}
.brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}
nav{display:flex;gap:28px;align-items:center}
nav a{text-decoration:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
nav a:hover,a:hover{color:var(--copper)}
main{max-width:1180px;margin:auto;padding:0 5vw}
.intro{min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding:80px 0 120px}
.eyebrow,.heading span{font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.eyebrow{color:var(--copper);margin:0 0 26px}
h1,h2,h3{font-family:var(--serif);font-weight:500}
h1{font-size:clamp(48px,8vw,96px);line-height:1.02;margin:0;letter-spacing:-.035em}
h1 em{color:var(--blue)}
.intro>p:last-child{max-width:440px;color:var(--muted);margin-top:32px;font-size:17px}
section{padding:90px 0}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;border-top:1px solid var(--line);padding-top:18px;margin-bottom:42px}
.section-head h2{font-size:48px;line-height:1.05;margin:0}
.section-note{color:var(--muted);max-width:290px;margin:0 0 3px;text-align:right;font-size:14px}
.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.film-card{min-width:0}
.film-visual{aspect-ratio:3/4;background:#e9e3dc;overflow:hidden;margin-bottom:18px}
.film-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.film-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.film-card h3{font-size:31px;line-height:1.12;margin:0 0 14px}
.film-card p{font-size:14px;line-height:1.72;margin:0;color:#4e4b4f;overflow-wrap:break-word}
.credit-line{font-size:11px!important;line-height:1.5!important;color:var(--muted)!important;margin-top:14px!important}
.text-link{display:inline-block;margin-top:17px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px;font-size:13px}
.section-alt{background:rgba(233,227,220,.32);margin-left:-5vw;margin-right:-5vw;padding-left:5vw;padding-right:5vw}
.subhead{margin:0 0 20px}
.subhead h3{font-size:27px;line-height:1.15;margin:0}
.series-head{margin-top:72px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.project-card{padding:30px 42px 36px 0;border-bottom:1px solid var(--line);min-width:0}
.project-card:nth-child(odd){padding-right:55px;border-right:1px solid var(--line)}
.project-card:nth-child(even){padding-left:55px}
.project-type{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin:0 0 12px}
.project-card h3{font-size:35px;line-height:1.12;margin:0 0 14px}
.project-card p{color:#4e4b4f;max-width:470px;margin:0;font-size:14px;line-height:1.78;overflow-wrap:break-word}
.heading{display:flex;gap:22px;align-items:baseline;border-top:1px solid var(--line);padding-top:18px;margin-bottom:70px}.heading span{color:var(--copper)}.heading h2{font-size:36px;margin:0}
.about-copy{max-width:680px;margin-left:calc(50% + 20px)}
.lead{font-family:var(--serif);font-size:27px;line-height:1.4;margin-top:0}
.signature{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--blue);margin-top:40px}
.email{display:inline-block;font-family:var(--serif);font-size:clamp(28px,4vw,48px);text-decoration:none;border-bottom:1px solid var(--ink);line-height:1.25;margin-top:20px}
#contact>p{color:var(--muted)}
footer{border-top:1px solid var(--line);padding:24px 5vw;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
@media(max-width:900px){.film-grid{grid-template-columns:1fr 1fr}.film-card:last-child{grid-column:1/-1;max-width:calc(50% - 21px)}}
@media(max-width:760px){
 header{padding:11px 5vw}.brand{width:122px;height:54px}nav{gap:14px}nav a{font-size:10px}
 .intro{min-height:72vh;padding-top:60px}.section-head{display:block}.section-note{text-align:left;margin-top:14px}
 section{padding:65px 0}.film-grid{grid-template-columns:1fr;gap:58px}.film-card:last-child{grid-column:auto;max-width:none}
 .film-visual{aspect-ratio:3/4}.section-alt{margin-left:-5vw;margin-right:-5vw;padding-left:5vw;padding-right:5vw}
 .project-grid{grid-template-columns:1fr}.project-card,.project-card:nth-child(odd),.project-card:nth-child(even){padding:30px 0;border-right:0}
 .about-copy{margin-left:0}.film-card h3{font-size:34px}.heading{margin-bottom:45px}
 footer{flex-direction:column;gap:6px}
}