:root{--bg:#080808;--ink:#f6f1e8;--muted:#b8afa2;--gold:#caa45b;--line:rgba(255,255,255,.13)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
a{color:inherit}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:24px 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(8,8,8,.76);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:.86rem}
.nav nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.82rem;margin-left:28px;color:var(--ink)}
.home{min-height:100vh;display:flex;align-items:center;padding:10vw 6vw;background:radial-gradient(circle at 70% 20%,rgba(202,164,91,.22),transparent 32%),#080808}
.home h1{font-size:clamp(4rem,12vw,11rem);line-height:.86;margin:0 0 20px;letter-spacing:-.06em}
.home p{font-family:Georgia,serif;font-size:clamp(1.4rem,2.8vw,2.6rem);line-height:1.12;margin:0;color:#fff;max-width:850px}
.role{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:.82rem;margin-bottom:18px}
.page{padding:16vh 6vw 7vw}
.page h1{font-size:clamp(3rem,8vw,8rem);line-height:.9;margin:0 0 28px;letter-spacing:-.05em}
.intro{font-family:Georgia,serif;font-size:clamp(1.25rem,2.2vw,2rem);color:#ddd;max-width:850px;line-height:1.25}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:54px}
.card{display:block;text-decoration:none;background:#111;border:1px solid var(--line);transition:transform .2s ease,border-color .2s ease}
.card:hover{transform:translateY(-4px);border-color:var(--gold)}
.card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.card .body{padding:18px}
.card h3{font-size:1.55rem;margin:0 0 10px}
.meta{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-size:.72rem;margin-bottom:10px}
.credit{font-size:.92rem;line-height:1.45;color:#fff}
.project{min-height:100vh;padding:15vh 6vw 7vw;display:grid;grid-template-columns:minmax(280px,480px) 1fr;gap:6vw;align-items:center}
.poster{width:100%;border:1px solid var(--line);box-shadow:0 35px 90px rgba(0,0,0,.5)}
.project h1{font-size:clamp(3rem,7vw,7rem);line-height:.88;margin:0 0 24px;letter-spacing:-.055em}
.project .desc{font-family:Georgia,serif;font-size:clamp(1.3rem,2.3vw,2.25rem);line-height:1.18;color:#eee;max-width:760px;margin-bottom:26px}
.button{display:inline-block;margin-top:24px;border:1px solid var(--gold);color:var(--gold);text-decoration:none;padding:13px 18px;border-radius:999px;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
.blank{min-height:80vh}
footer{padding:4vw 6vw;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:900px){
.nav{position:static}.nav nav a{margin-left:14px;font-size:.72rem}.grid,.project{grid-template-columns:1fr}.home{min-height:75vh}.card img{aspect-ratio:auto}
}

.poster-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:54px}
.poster-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px}
.poster-card{display:block;text-decoration:none;background:#111;border:1px solid var(--line);transition:transform .2s ease,border-color .2s ease;min-height:100%}
.poster-card:hover{transform:translateY(-4px);border-color:var(--gold)}
.poster-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:#111}
.poster-card .body{padding:18px}
.poster-card h3{font-size:1.55rem;margin:0 0 10px}
.project-meta-line{color:#fff;font-size:1rem;line-height:1.55}
.trailer-section{padding:0 6vw 7vw}
.trailer-wrap{max-width:1100px;margin:0 auto;border:1px solid var(--line);background:#111}
.trailer-frame{position:relative;width:100%;padding-top:56.25%}
.trailer-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.trailer-title{max-width:1100px;margin:0 auto 22px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4vw,4rem);font-weight:400}
@media(max-width:1100px){.poster-grid-5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.poster-grid-3{grid-template-columns:1fr}.poster-grid-5{grid-template-columns:1fr}}