:root{--ink:#080808;--soft:#111;--paper:#f1efe9;--gold:#d6b35c;--gold-2:#f0d791;--muted:#aaa;--line:#292929;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f4f2ed;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}header{position:sticky;top:0;z-index:20;background:rgba(8,8,8,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(214,179,92,.15)}.nav{width:min(var(--max),calc(100% - 40px));height:78px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:64px}.menu{display:flex;gap:26px;align-items:center}.menu a{font-size:.76rem;letter-spacing:.16em;color:#ddd}.menu a:hover,.menu a[aria-current=page]{color:var(--gold-2)}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--line);padding:.55rem .7rem}.page-hero{min-height:430px;display:flex;align-items:end;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.38)),url('../assets/hero.jpg') center/cover}.page-hero>div,.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.page-hero>div{padding:130px 0 70px}.kicker{color:var(--gold);font-size:.78rem;letter-spacing:.23em;text-transform:uppercase;font-weight:700}.page-hero h1{font-family:Georgia,serif;font-size:clamp(4rem,9vw,8rem);font-weight:400;line-height:.9;margin:.18em 0;color:var(--gold-2)}.page-hero p{max-width:620px;color:#ccc;font-size:1.08rem}.wrap{padding:90px 0}.showreel{position:relative;aspect-ratio:16/9;display:grid;place-items:center;background:#111 url('../assets/showreel-poster.jpg') center/cover;border:1px solid var(--line);overflow:hidden}.showreel:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.08))}.showreel-copy{position:relative;z-index:1;text-align:center;padding:30px}.play{display:grid;place-items:center;width:88px;height:88px;margin:0 auto 20px;border:1px solid var(--gold);border-radius:50%;font-size:1.7rem;color:var(--gold-2);background:rgba(0,0,0,.5);transition:.25s}.showreel:hover .play{background:var(--gold);color:#080808;transform:scale(1.05)}.showreel h2{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;margin:.15em 0}.showreel p{margin:0;color:#ddd}.section-title{display:grid;grid-template-columns:150px 1fr;gap:38px;margin:110px 0 45px}.section-title h2{font-family:Georgia,serif;font-size:clamp(2.7rem,5vw,5rem);font-weight:400;line-height:1;margin:0}.rule{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin-top:1rem}.credits{border-top:1px solid var(--gold)}.credit{display:grid;grid-template-columns:160px 1fr auto;gap:34px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}.credit time{color:var(--gold);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.credit h3{font-family:Georgia,serif;font-size:clamp(1.6rem,3vw,2.45rem);font-weight:400;line-height:1.12;margin:0 0 .4rem}.credit p{color:#aaa;margin:.2rem 0}.roles{max-width:650px;color:#d0d0d0!important}.media-link{align-self:center;border:1px solid var(--gold);padding:.65rem .85rem;color:var(--gold-2);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.note{color:#777;font-size:.82rem;margin-top:24px}footer{width:min(var(--max),calc(100% - 40px));margin:auto;padding:34px 0 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#777;font-size:.8rem}.back{color:var(--gold-2)}@media(max-width:760px){.menu-toggle{display:block}.menu{display:none;position:absolute;top:78px;left:0;right:0;background:#0b0b0b;border-bottom:1px solid var(--line);padding:24px 20px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.section-title,.credit{grid-template-columns:1fr}.credit{gap:10px}.media-link{justify-self:start;margin-top:10px}.wrap{padding:70px 0}.page-hero>div{padding:105px 0 55px}}@media(max-width:520px){.nav,.page-hero>div,.wrap,footer{width:calc(100% - 28px)}.nav{height:70px}.brand img{width:53px}.menu{top:70px}.page-hero h1{font-size:3.6rem}footer{flex-direction:column;gap:12px}}