@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--bg:#10110e;--text:#eeeae0;--muted:#a9aaa0;--gold:#c6a661;--line:#34362d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{position:absolute;z-index:5;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:27px 5%;border-bottom:0}.brand{display:flex;gap:13px;align-items:center;font-size:14px;font-weight:700;letter-spacing:.14em;line-height:1.3}.brand small{display:block;font-size:10px;letter-spacing:.35em;margin-top:5px}.monogram{font:30px/1 Georgia,serif;letter-spacing:-8px;margin-right:12px;position:relative}.monogram span{font:18px Georgia;position:absolute;right:-13px;bottom:-9px;color:var(--gold)}nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav-cta{border:1px solid #fff6;padding:10px 20px}.nav-cta span{padding-left:20px}.menu{display:none}a:hover{color:var(--gold)}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.hero{height:min(900px,95svh);min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden}.hero>img,.landscape-break>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030b09b8,#0001),linear-gradient(0deg,#10110ed9,transparent 35%)}.hero-copy{z-index:1;position:relative;padding:100px 8% 55px}.eyebrow{font-size:12px;letter-spacing:.23em;color:var(--gold);font-weight:600;margin:0 0 28px}h1,h2,h3{font-weight:400;margin:0;line-height:1.04}h1,h2{font-family:'Libre Caslon Display',Georgia,serif}h1{font-size:clamp(56px,7.6vw,112px);letter-spacing:-.045em}em{font-weight:400;color:#d9c899}h1 em{color:var(--text)}.hero-description{margin:25px 0 30px;color:#e2e2da;font-size:17px}.button{display:inline-flex;align-items:center;gap:45px;background:var(--gold);color:#10110e;padding:13px 22px;font-size:14px}.button:hover{background:#dfc58d;color:#10110e}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.13em;color:#d3d4ca}.section{padding:110px 8%;max-width:1700px;margin:auto}h2{font-size:clamp(42px,4.6vw,68px);letter-spacing:-.025em}.intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:125px;padding-bottom:125px}.intro-copy{padding-top:32px;color:var(--muted)}.lead{color:var(--text);font-size:21px;line-height:1.6;margin-top:0}.text-link{display:inline-flex;align-items:center;gap:40px;font-size:14px;border-bottom:1px solid var(--gold);padding:12px 0;color:var(--text)}.section-heading{display:flex;gap:60px;align-items:end;justify-content:space-between;margin-bottom:65px}.section-heading>p{max-width:315px;margin:0;color:var(--muted)}.services{padding-top:30px}.service{display:grid;grid-template-columns:.2fr 1fr 1.1fr;gap:40px;border-top:1px solid var(--line);padding:43px 0}.number{font-size:13px;color:var(--gold);padding-top:8px}.service h3{font:34px/1.12 'Libre Caslon Display',Georgia,serif}.service p{margin:0 0 18px;color:var(--muted);max-width:550px}.tags{color:var(--gold);font-size:11px;letter-spacing:.09em}.landscape-break{position:relative;height:510px;display:grid;place-items:center;overflow:hidden}.landscape-break img{object-position:center 63%;filter:brightness(.65)}.landscape-break>div{z-index:1;text-align:center;padding:35px}.landscape-break h2{font-size:clamp(40px,5vw,72px)}.landscape-break .eyebrow{color:#e3d9bd}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.industry-grid article{padding:40px 30px 45px 0;border-bottom:1px solid var(--line)}.industry-grid article+article{padding-left:25px}.industry-grid article span{font-size:12px;color:var(--gold)}.industry-grid h3{font:30px/1.2 'Libre Caslon Display',Georgia,serif;margin:30px 0 18px}.industry-grid p{color:var(--muted);max-width:280px;font-size:15px}.manifesto{background:#191b15;max-width:none;text-align:center;padding-top:100px;padding-bottom:100px}.manifesto h2{font-size:clamp(60px,7vw,100px)}.manifesto>p:last-child{color:var(--muted);margin-top:35px;line-height:1.9}.region{text-align:center;padding-top:80px;padding-bottom:80px;border-bottom:1px solid var(--line)}.region h3{font:clamp(23px,2.6vw,38px)/1.5 'Libre Caslon Display',Georgia,serif}.region i{color:var(--gold);padding:0 12px}.region>p:last-child{color:var(--muted);font-size:14px}.contact{padding-top:110px;padding-bottom:110px;text-align:center}.contact h2{font-size:clamp(64px,8vw,110px)}.contact>p:not(.eyebrow){color:var(--muted);margin-top:25px}footer{padding:45px 5%;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:30px}footer p{font-size:14px;color:var(--muted);margin-right:auto}footer>a:last-of-type{font-size:11px;letter-spacing:.1em}footer>small{display:block;width:100%;font-size:12px;color:var(--muted)}@media(min-width:1700px){.hero-copy{padding-left:max(8%,calc((100vw - 1450px)/2))}}@media(max-width:800px){header{padding:23px 6%}.menu{display:block;color:var(--text);background:transparent;border:1px solid #fff6;padding:7px 12px;font-size:14px}nav{display:none;position:absolute;top:90px;left:0;right:0;background:#10110e;padding:25px 6%;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}.hero{height:85svh;min-height:640px}.hero-copy{padding:95px 7% 65px}.hero>img{object-position:60% center}.hero-bottom{left:7%;right:7%;font-size:9px}.hero-bottom>span:last-child{display:none}.section{padding:70px 7%}.intro{grid-template-columns:1fr;gap:15px}.intro-copy{padding-top:10px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px}.service{grid-template-columns:35px 1fr;gap:15px;padding:30px 0}.service>div{grid-column:2}.service h3{font-size:32px}.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-grid article{padding:25px 15px 20px 0}.industry-grid article+article{padding-left:0}.industry-grid article:nth-child(even){padding-left:20px}.industry-grid h3{font-size:27px}.landscape-break{height:380px}.eyebrow{font-size:11px}.region i{padding:0 5px}footer{padding:35px 7%;gap:20px}footer p{width:100%;margin:0}.brand{font-size:12px}.brand small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Vintage studio hero */
.logo-window{display:block;position:relative;width:190px;height:104px;overflow:hidden}.logo-window img{position:absolute;width:260px;max-width:none;height:260px;left:-35px;top:-63px;filter:brightness(0) invert(1)}header{padding-top:8px;padding-bottom:8px}footer .logo-window{width:190px;height:115px}.film-hero{background:#0c0e0d;min-height:830px;height:min(1000px,100svh);isolation:isolate;--mx:0px;--my:0px}.stage-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 45%,#55422265,transparent 55%),linear-gradient(115deg,#0c0e0d 30%,#191c17 85%);z-index:-2}.film-hero .hero-copy{padding:90px 6% 165px;width:64%;pointer-events:none}.hero-copy a{pointer-events:auto}.film-hero h1{font-size:clamp(58px,6.4vw,99px);position:relative;z-index:2}.film-hero h1 em{color:#d9c899}.film-hero .eyebrow{font-size:11px}.film-hero .hero-description{color:#b9b9ad}.film-stage{position:absolute;inset:120px 1% 150px 42%;transform:translate(var(--mx),var(--my));transition:transform .8s cubic-bezier(.2,.8,.2,1);perspective:900px}.crew{appearance:none;border:0;padding:0;background:none;position:absolute;cursor:pointer;transition:filter .8s,transform .8s;transform-origin:50% 90%;-webkit-tap-highlight-color:transparent}.crew img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.camera-crew{width:64%;height:79%;left:-1%;bottom:0;z-index:3;filter:brightness(.65)}.lighting-crew{width:61%;height:90%;right:-10%;top:-5%;z-index:1;filter:brightness(.8)}.action-crew{width:45%;height:59%;right:0;bottom:-2%;z-index:4;filter:brightness(.7)}.crew:hover,.crew:focus-visible{filter:brightness(1.25)!important;transform:translateY(-5px)}.stage-halo{position:absolute;inset:12% 0 0;background:radial-gradient(ellipse at 55% 55%,#c6a66123,transparent 67%);opacity:.4;transition:opacity 1.2s}.light-beam{position:absolute;inset:0;z-index:2;pointer-events:none;background:conic-gradient(from 236deg at 84% 22%,transparent 0deg,#ebd39225 7deg,#e8cb8845 15deg,#e8cb8812 30deg,transparent 37deg);filter:blur(14px);opacity:0;transition:opacity 1.2s;mix-blend-mode:screen}.film-hero.lit .light-beam{opacity:1;animation:beam-drift 10s ease-in-out infinite alternate}.film-hero.lit .stage-halo{opacity:1}.film-hero.lit .lighting-crew{filter:brightness(1.12)}.film-hero.rolling .camera-crew{filter:brightness(1.1);animation:camera-roll 3s ease-in-out infinite}.film-hero.acting .action-crew{filter:brightness(1.15);animation:action-cue 2.8s ease-in-out infinite}.take-label{position:absolute;bottom:-22px;left:15%;right:6%;display:flex;justify-content:space-between;gap:10px;color:#a69c7f;font-size:10px;letter-spacing:.12em}.take-state{color:var(--gold)}.scene-controls{position:absolute;bottom:72px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:end;gap:25px;border-top:0;padding-top:20px;z-index:5}.cue-buttons{display:flex;gap:26px}.cue-buttons button{background:transparent;border:0;color:#767970;font:clamp(27px,3vw,44px)/1.1 'Libre Caslon Display',Georgia,serif;padding:0;cursor:pointer;transition:color .4s}.cue-buttons small{display:block;font:10px/1.5 'DM Sans',Arial;letter-spacing:.1em;margin-bottom:5px}.cue-buttons button span{color:var(--gold)}.cue-buttons button[aria-pressed=true]{color:var(--text)}.play-controls{display:flex;gap:18px}.play-controls button{background:transparent;border:0;border-bottom:1px solid #857b61;color:#c1bdaf;font:12px/1.5 'DM Sans',Arial;padding:6px 0;cursor:pointer}.play-controls button:hover{color:white}.film-hero .hero-bottom{left:6%;right:6%}.film-hero.motion-paused *{animation-play-state:paused!important}.film-hero.motion-paused .film-stage{transform:none}.film-hero.motion-paused .crew{transition:none}@keyframes beam-drift{from{transform:rotate(-3deg);opacity:.65}to{transform:rotate(3deg);opacity:1}}@keyframes camera-roll{0%,100%{transform:rotate(-.7deg) translateY(0)}50%{transform:rotate(.7deg) translateY(-3px)}}@keyframes action-cue{0%,100%{transform:rotate(0)}25%{transform:rotate(-2deg) translateY(-4px)}45%{transform:rotate(1deg)}60%{transform:rotate(0)}}
@media(min-width:1700px){.film-hero .hero-copy{padding-left:8%}}@media(max-width:1050px){.film-hero h1{font-size:64px}.film-hero .hero-copy{width:75%;padding-bottom:270px}.film-stage{inset:190px 0 160px 35%;opacity:.85}.film-hero{min-height:840px}.interaction-hint{display:none}}@media(max-width:800px){header{padding:5px 6%}.logo-window{width:156px;height:87px}.logo-window img{width:220px;height:220px;left:-31px;top:-53px}.film-hero{height:auto;min-height:1000px;display:block}.film-hero .hero-copy{width:100%;padding:145px 7% 0}.film-hero h1{font-size:clamp(49px,9vw,72px)}.film-hero .hero-description{font-size:16px;margin:20px 0}.film-hero .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:20px}.film-stage{inset:430px 2% 200px 1%;opacity:1;transform:none}.scene-controls{left:7%;right:7%;bottom:66px;display:block;padding-top:18px}.cue-buttons{justify-content:space-between;gap:15px}.cue-buttons button{font-size:34px;text-align:left}.play-controls{margin-top:18px;justify-content:space-between}.take-label{font-size:8px;bottom:-12px;left:12%}.film-hero .hero-bottom{font-size:9px;left:7%;right:7%;bottom:20px}.film-hero .hero-bottom a{display:block}.light-beam{filter:blur(9px)}}@media(max-width:380px){.film-hero{min-height:1050px}.film-stage{top:485px}.cue-buttons button{font-size:30px}}@media(prefers-reduced-motion:reduce){.film-hero *{animation:none!important;transition:none!important}.film-stage{transform:none!important}}
.film-hero.offscreen *{animation-play-state:paused!important}
header .logo-window{height:130px}header{padding-top:0;padding-bottom:0}footer .logo-window{height:130px}@media(max-width:800px){header .logo-window{height:110px}nav{top:110px}}

/* Gold illustrations connect the services and industries to the studio palette. */
.service-mark{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.service-icon,.industry-icon{display:grid;place-items:center;color:var(--gold);background:radial-gradient(circle at 25% 15%,#c6a6611c,#c6a66106);border:1px solid #c6a66138;border-radius:16px;width:76px;height:76px;flex-shrink:0}
.service-icon svg,.industry-icon svg{display:block;width:52px;height:52px}
.service-mark .number{padding-top:0}
.industry-mark{display:flex;align-items:center;justify-content:space-between;gap:20px}
.industry-grid .industry-number{font-size:11px;letter-spacing:.12em;color:#a99b79}
.industry-grid h3{margin-top:25px}
@media(max-width:800px){
.service{grid-template-columns:64px minmax(0,1fr);column-gap:20px}
.service>.service-mark{grid-column:1;grid-row:1 / span 2}
.service>div:not(.service-mark){grid-column:2}
.service-icon{width:60px;height:60px;border-radius:13px}
.service-icon svg{width:42px;height:42px}
.service-mark{gap:12px}
.industry-icon{width:64px;height:64px;border-radius:14px}
.industry-icon svg{width:44px;height:44px}
.industry-mark{gap:8px}
}
@media(max-width:480px){
.industry-grid{grid-template-columns:1fr}
.industry-grid article,.industry-grid article+article,.industry-grid article:nth-child(even){padding:28px 0}
.industry-grid p{max-width:none}
.service{column-gap:16px}
.service h3{font-size:29px}
}

/* A cinema-led portfolio with players loaded only on demand. */
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;pointer-events:auto}
.watch-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;padding:12px 0}
.watch-link span{font-size:24px;color:var(--gold)}
.work{padding-top:100px;padding-bottom:95px}
.featured-film{display:grid;grid-template-columns:1.65fr 1fr;gap:0;background:#1b1e16;margin-bottom:48px;overflow:hidden}
.video-preview{position:relative;background:#171a14;aspect-ratio:16/9;overflow:hidden}
.video-launch{display:block;position:absolute;inset:0;color:var(--text);overflow:hidden}
.video-launch>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .55s}
.video-launch:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 50%);pointer-events:none}
.video-launch:hover>img{transform:scale(1.035);filter:brightness(1.1)}
.play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;background:#10110ec9;border:1px solid #e2cc99b0;display:grid;place-items:center;color:#eddbac;font-size:21px;padding-left:3px;z-index:1;backdrop-filter:blur(8px)}
.watch-caption{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;letter-spacing:.18em;font-size:10px;z-index:1;color:#eeeae0}
.featured-film .video-preview{height:100%;min-height:340px;aspect-ratio:auto}
.featured-story{padding:45px 35px;align-self:center}
.featured-story .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:20px}
.featured-story h3{font:clamp(32px,3.2vw,48px)/1.08 'Libre Caslon Display',Georgia,serif}
.featured-story>p:not(.eyebrow){color:var(--muted);font-size:15px;margin:22px 0 12px}
.featured-story .text-link{gap:20px;font-size:13px}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 34px}
.work-card-copy{padding:24px 0 0}.work-card-copy .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:12px}
.work-card h3{font:clamp(27px,2.5vw,38px)/1.12 'Libre Caslon Display',Georgia,serif}
.work-card-copy>p:last-child{color:var(--muted);font-size:15px;max-width:480px;margin:8px 0 0}
.film-headline{font-size:15px;color:var(--text);margin:16px 0 0}
.work-footnote{margin-top:42px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:25px;justify-content:space-between;align-items:center}
.work-footnote p{font-size:12px;color:var(--muted);max-width:360px}
.project-button{margin-top:20px;gap:60px;padding:17px 26px;font-size:16px}
.contact .contact-note{font-size:12px;margin-top:14px}
.contact-phone{font-size:14px;color:var(--gold);display:inline-block;margin-top:6px}
.project-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:65px auto 0;max-width:950px;padding-top:30px;border-top:1px solid var(--line);text-align:left}
.project-steps span{font-size:10px;letter-spacing:.12em;color:var(--gold)}
.project-steps p{font-size:14px;color:var(--muted);margin:12px 0 0}
.video-dialog{width:min(1080px,94vw);max-width:none;padding:22px;border:1px solid #a38a524f;background:#10110e;color:var(--text);max-height:94svh;overflow:auto}
.video-dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}
.video-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.video-dialog-top h2{font:22px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:0}
.video-close{background:transparent;color:var(--text);border:1px solid var(--line);padding:8px 14px;cursor:pointer;white-space:nowrap}
.video-player{aspect-ratio:16/9;background:#000}.video-player iframe{width:100%;height:100%;border:0;display:block}
.video-external{display:inline-block;margin-top:16px;color:var(--gold);font-size:13px}
body.video-open{overflow:hidden}
@media(max-width:1100px) and (min-width:801px){nav{gap:18px;font-size:12px}.nav-cta{padding:10px 14px}.nav-cta span{padding-left:10px}.featured-story{padding:30px 25px}}
@media(max-width:800px){
.hero-actions{gap:22px}.work{padding-top:65px;padding-bottom:65px}
.featured-film{grid-template-columns:1fr;margin-bottom:35px}.featured-film .video-preview{height:auto;min-height:0;aspect-ratio:16/9}
.featured-story{padding:30px}.work-grid{gap:35px 22px}.work-footnote{display:block}.work-footnote p{max-width:none}
.project-steps{gap:20px}.video-dialog{padding:15px}.video-dialog-top h2{font-size:16px}
}
@media(max-width:560px){.work-grid{grid-template-columns:1fr}.project-steps{grid-template-columns:1fr;gap:22px;margin-top:45px}.project-steps p{margin-top:5px}.featured-story{padding:28px 24px}.hero-actions{gap:20px}.hero-actions .button{gap:25px}.watch-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){.video-launch>img{transition:none}.video-launch:hover>img{transform:none}}