/* Project pages (/work/*, /films/*). Tokens and shared components copied from index.html. */
:root{--blk:#06060A;--deep:#0B0B12;--card:#0F0F18;--gold:#C9A75C;--goldb:#E2C06A;--goldd:rgba(201,167,92,0.45);--white:#F2ECE2;--whitd:rgba(242,236,226,0.65);--gray:#706870;--bdr:rgba(201,167,92,0.12);--bdrm:rgba(201,167,92,0.28);--bdrs:rgba(201,167,92,0.5);--pad:clamp(80px,9vw,130px);--maxw:1640px;--gap:clamp(24px,5vw,80px)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:18px}
@media(min-width:1500px){html{font-size:20px}}
@media(min-width:1900px){html{font-size:22px}}
@media(min-width:2300px){html{font-size:24px}}
body{background:#06060A;color:#F2ECE2;font-family:'Inter',sans-serif;font-weight:300;line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
ul{list-style:none}

/* NAV (scoped to #nav: the breadcrumb is also a <nav>) */
#nav{position:fixed;top:0;left:0;right:0;z-index:800;display:flex;align-items:center;justify-content:space-between;padding:18px var(--gap);background:rgba(6,6,10,0.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--bdr)}
.nav-brand-name{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--white);line-height:1}
.nav-brand-sub{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-weight:400;margin-top:3px;display:block}
.nav-links{display:flex;gap:36px}
.nav-links a{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--whitd);transition:color .2s}
.nav-links a:hover{color:var(--gold)}
.nav-btn{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid var(--bdrm);padding:10px 24px;transition:background .22s,color .22s}
.nav-btn:hover{background:var(--gold);color:var(--blk)}

/* BUTTONS */
.btn-gold{position:relative;overflow:hidden;display:inline-block;background:var(--gold);color:var(--blk);font-size:.68rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;padding:16px 42px;transition:background .22s,transform .2s,box-shadow .2s}
.btn-gold:hover{background:var(--goldb);transform:translateY(-2px);box-shadow:0 16px 52px rgba(201,167,92,.38)}
.btn-line{display:inline-block;font-size:.68rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--whitd);padding-bottom:4px;border-bottom:1px solid var(--bdrm);transition:color .25s,border-color .25s}
.btn-line:hover{color:var(--gold);border-color:var(--gold)}
.eyebrow{font-size:.64rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);font-weight:400;margin-bottom:18px}

/* PAGE */
.pp-hero{max-width:var(--maxw);margin:0 auto;padding:150px var(--gap) 40px}
.pp-crumbs{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gray);margin-bottom:28px}
.pp-crumbs a{color:var(--gray);transition:color .2s}
.pp-crumbs a:hover{color:var(--gold)}
.pp-h1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(2.2rem,4.6vw,4.4rem);line-height:1.05;color:var(--white);max-width:20ch;margin-bottom:24px}
.pp-h1 em{color:var(--gold);font-style:italic}
.pp-intro{font-size:1rem;color:var(--whitd);line-height:1.85;max-width:62ch}
.pp-video{max-width:var(--maxw);margin:40px auto 0;padding:0 var(--gap)}
.pp-video video{width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--bdr);display:block}
.pp-grid{max-width:var(--maxw);margin:0 auto;padding:64px var(--gap) var(--pad);display:grid;grid-template-columns:300px 1fr;gap:64px}
.pp-facts{border:1px solid var(--bdr);padding:28px;height:fit-content;position:sticky;top:110px}
.pp-facts dt{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gray);margin-top:16px}
.pp-facts dt:first-child{margin-top:0}
.pp-facts dd{font-size:.86rem;color:var(--white);margin-top:4px}
.pp-section{margin-bottom:44px}
.pp-section h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(1.5rem,2.4vw,2.1rem);color:var(--white);margin-bottom:14px}
.pp-section p{font-size:.9rem;color:var(--whitd);line-height:1.9;margin-bottom:14px;max-width:68ch}
.pp-cta{border-top:1px solid var(--bdr);padding-top:40px;display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.pp-related{max-width:var(--maxw);margin:0 auto var(--pad);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bdr);border:1px solid var(--bdr)}
.pp-related-wrap{padding:0 var(--gap)}
.pp-rel-card{background:var(--blk);padding:28px;display:block;transition:background .3s}
.pp-rel-card:hover{background:#0e0e1e}
.pp-rel-card img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:16px;display:block}
.pp-rel-card span{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--white)}

/* FOOTER */
footer{border-top:1px solid var(--bdr);padding:48px var(--gap);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:28px}
.ft-brand{font-family:'Cormorant Garamond',serif;font-size:.95rem;letter-spacing:.3em;text-transform:uppercase;color:var(--goldd)}
.ft-links{display:flex;gap:32px}
.ft-links a{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gray);transition:color .2s}
.ft-links a:hover{color:var(--gold)}
.ft-copy{font-size:.66rem;color:var(--gray);opacity:.55}

@media(max-width:860px){.nav-links{display:none}.pp-grid{grid-template-columns:1fr;gap:36px}.pp-facts{position:static}.pp-related{grid-template-columns:1fr}.pp-hero{padding-top:120px}}
@media(max-width:640px){.ft-links{flex-wrap:wrap;gap:18px}footer{flex-direction:column;align-items:flex-start}#nav{padding:14px 16px;gap:10px}.nav-brand-name{font-size:.78rem;letter-spacing:.16em}.nav-brand-sub{font-size:.5rem;letter-spacing:.16em}.nav-btn{padding:8px 12px;font-size:.58rem;letter-spacing:.14em;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0.001ms!important}}