
:root{--ink:#111;--muted:#666;--line:#dedede;--paper:#fff;--soft:#f5f5f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}header{position:sticky;top:0;background:#fffefef5;border-bottom:1px solid var(--line);z-index:10}.bar{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:19px 28px;gap:20px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.12em;font-size:14px;line-height:1.2}.mark{border:2px solid #111;width:38px;height:38px;display:grid;place-items:center;font-size:22px;font-weight:400}nav{display:flex;gap:19px;align-items:center}nav a{text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.035em;color:#444}nav a.active,nav a:hover{color:#000;text-decoration:underline;text-underline-offset:7px}.menu{display:none;background:none;border:1px solid #222;padding:9px 12px;font-size:13px}main{min-height:70vh}.page{display:none}.page.active{display:block}.wrap{max-width:1160px;margin:auto;padding:0 28px}.hero{padding:115px 0 100px;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;margin-bottom:22px}.hero h1{font-size:clamp(54px,9vw,124px);line-height:.98;letter-spacing:-.075em;margin:0 0 35px;font-weight:700;max-width:1100px}.lead{font-size:clamp(19px,2.5vw,27px);max-width:770px;color:#454545;line-height:1.45}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.btn{display:inline-block;padding:14px 23px;background:#111;color:#fff;border:1px solid #111;text-decoration:none;font-size:12px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;cursor:pointer}.btn.light{background:#fff;color:#111}.btn:hover{background:#444;color:#fff}.section{padding:85px 0}.section.alt{background:var(--soft)}.section h2,.pagehead h1{font-size:clamp(38px,5vw,70px);line-height:1.08;letter-spacing:-.055em;margin:0 0 20px}.section-intro{font-size:19px;color:#555;max-width:750px;margin:0 0 35px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile{border:1px solid var(--line);padding:28px;min-height:235px;display:flex;flex-direction:column;justify-content:space-between;background:#fff}.tile .num{font-size:12px;color:#888}.tile h3{font-size:25px;line-height:1.15;letter-spacing:-.035em;margin:25px 0 12px}.tile p{color:#555;margin:0}.tile a{font-weight:700;text-decoration:none;border-bottom:1px solid #111;align-self:flex-start;margin-top:22px;font-size:13px}.pagehead{padding:90px 0 65px;border-bottom:1px solid var(--line)}.pagehead p{max-width:760px;font-size:21px;color:#555}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px}.split h2{font-size:35px;letter-spacing:-.04em;line-height:1.15}.split p{font-size:18px;color:#555}.film-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.film{border:1px solid var(--line);padding:25px;background:#fff}.poster-placeholder{height:240px;background:linear-gradient(135deg,#e5e5e5,#f9f9f9);display:flex;align-items:center;justify-content:center;color:#999;font-size:11px;letter-spacing:.15em;text-align:center;padding:25px}.award{border-top:1px solid #d5d5d5;margin-top:20px;padding-top:15px}.award strong{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.award p{margin-top:7px;font-size:14px}.film h3{font-size:27px;margin:22px 0 4px;letter-spacing:-.035em}.film p{color:#666;margin:0}.note{font-size:13px;color:#777}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service{padding:30px 0;border-top:1px solid #aaa}.service h3{font-size:24px;margin:0 0 8px}.service p{color:#555;margin:0}.contact-panel{background:#111;color:white;padding:55px}.contact-panel h2{font-size:45px;line-height:1.05;letter-spacing:-.05em}.contact-panel a{color:white}.contact-panel p{color:#ccc}.contact-form{display:grid;gap:15px;max-width:680px}.contact-form label{font-size:13px;font-weight:700}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;border:1px solid #aaa;background:#fff;padding:14px;font:inherit;margin-top:6px}.contact-form textarea{min-height:135px;resize:vertical}footer{border-top:1px solid var(--line);padding:35px 0;color:#777;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.smallcap{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}.rule{border-top:1px solid var(--line);margin:30px 0}.statement{font-size:clamp(30px,4vw,55px);letter-spacing:-.055em;line-height:1.18;max-width:980px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;z-index:99;padding:10px}@media(max-width:950px){nav{gap:10px;flex-wrap:wrap}nav a{font-size:11px}.grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.bar{padding:14px 18px}.menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:67px;background:white;padding:20px;border-bottom:1px solid #ddd;flex-direction:column;align-items:stretch;gap:15px}nav.open{display:flex}nav a{font-size:14px}.wrap{padding:0 20px}.hero{padding:75px 0}.section{padding:60px 0}.pagehead{padding:65px 0 45px}.grid,.film-list,.services,.split{grid-template-columns:1fr}.tile{min-height:180px}.contact-panel{padding:30px}.hero h1{font-size:clamp(49px,13vw,90px)}}

.page{display:block!important} nav a[aria-current="page"]{border-bottom:2px solid #111} @media(max-width:760px){nav a[aria-current="page"]{border-bottom:0;font-weight:800}}

/* V5: blue and grey identity */
:root{--ink:#142c46;--muted:#586a7d;--line:#cdd8e3;--paper:#f9fbfd;--soft:#eaf0f6}body{color:var(--ink)}header{background:rgba(248,251,254,.97)}.mark{border-color:#245a87;color:#245a87}nav a{color:#425c76}nav a:hover,nav a[aria-current="page"]{color:#176b9f}nav a[aria-current="page"]{border-bottom-color:#176b9f}.hero{background:linear-gradient(125deg,#f8fbfe 30%,#dce8f3 100%)}.hero h1{color:#153a5b}.eyebrow{color:#2c719f}.lead,.pagehead p,.section-intro,.split p,.tile p,.service p,.film p{color:#52667a}.btn{background:#194b73;border-color:#194b73}.btn.light{background:transparent;color:#194b73}.btn:hover{background:#2e709c}.tile,.film{background:#fff;border-color:#cbd8e5}.tile .num{color:#417da9}.tile a{border-color:#417da9;color:#245e89}.poster-placeholder{background:linear-gradient(145deg,#dce7f1,#f1f5f9);color:#66839d}.award{border-color:#cdd8e3}.contact-panel{background:#153c5e}.contact-panel p{color:#d9e5ee}.note{color:#637b91}.bio-sections{display:grid;gap:34px;max-width:850px}.bio-sections section{padding-bottom:22px;border-bottom:1px solid var(--line)}.bio-sections h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.035em;margin:0 0 12px}.bio-sections p{font-size:17px;color:#42586e;line-height:1.8}.bio-sections p+p{margin-top:12px}.highlight-award{border-left:4px solid #327eac;padding:14px 18px;background:#e8f1f8;margin-top:18px}.recognition-list{margin:10px 0 0;padding-left:20px;color:#4d657b}.recognition-list li{margin:6px 0}footer{background:#e8eff6;color:#536c82}@media(max-width:760px){nav{background:#f8fbfe}}

/* V6: Original filmmaking artwork backgrounds, with legible navy overlays */
body{background:#f5f8fb}
header{box-shadow:0 4px 22px rgba(7,28,45,.09)}
.hero,.pagehead{position:relative;isolation:isolate;color:#fff;background:#112a42!important;overflow:hidden}
.hero::before,.pagehead::before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:saturate(.8)}
.hero::after,.pagehead::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,20,36,.93),rgba(12,38,63,.72) 60%,rgba(12,38,63,.43))}
.site-index .hero::before{background-image:url("assets/studio-home.jpg")}
.site-about .pagehead::before{background-image:url("assets/studio-about.jpg")}
.site-films .pagehead::before{background-image:url("assets/studio-films.jpg")}
.site-production .pagehead::before{background-image:url("assets/studio-production.jpg")}
.site-commercial .pagehead::before{background-image:url("assets/studio-commercial.jpg")}
.site-international .pagehead::before{background-image:url("assets/studio-international.jpg")}
.site-lineproduction .pagehead::before{background-image:url("assets/studio-uk.jpg")}
.hero{padding:145px 0 145px}
.pagehead{padding:125px 0 105px;max-width:none}
.hero h1,.pagehead h1{color:#fff}
.hero .eyebrow,.pagehead .eyebrow{color:#8fc8ed}
.hero .lead,.pagehead p{color:#e3ecf4}
.hero .btn.light{color:#fff;border-color:#d6e7f5}
.poster-showcase{background:#eef3f8}
.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.poster-grid a{display:flex;flex-direction:column;gap:12px;color:#153a5b;text-decoration:none;font-size:22px;font-weight:700}
.poster-grid img{width:100%;height:290px;object-fit:cover;object-position:center;box-shadow:0 16px 30px rgba(12,35,56,.15);transition:transform .2s}
.poster-grid a:hover img{transform:translateY(-5px)}
.poster-grid small{display:block;color:#657c90;font-size:13px;font-weight:400}
.film-poster{display:block;width:100%;height:300px;object-fit:contain;background:#102236}
.film{overflow:hidden}
@media(max-width:760px){.hero{padding:95px 0}.pagehead{padding:85px 0}.poster-grid{grid-template-columns:1fr}.poster-grid img{height:270px}.film-poster{height:240px}}
