@font-face{font-family:Distancia;src:url('/assets/9ab9de_b6e98894c9994b7eb7e9fd02af8aa0c7.woff2') format('woff2');font-display:swap}
@font-face{font-family:Theater;src:url('/assets/a93df9_5739fbacb8804dddb574f1b4663a5fa7.woff2') format('woff2');font-display:swap}
@font-face{font-family:Inter;src:url('/assets/8193a0_f0d3b2008e5d4c1d8d407dac3c6aa0fd.woff2') format('woff2');font-display:swap}
:root{--bg:#181b23;--gold:#f9db66;--orange:#e49d36;--white:#fff;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--bg);color:white;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{display:block;max-width:100%}.skip-link{position:fixed;top:-100px;left:10px;z-index:100;background:#000;padding:12px}.skip-link:focus{top:10px}
.site-header{height:189px;text-align:center;padding:30px 28px 20px}.brand{width:563px;margin:auto}.site-header nav{margin:35px auto 0}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1000px}nav a{font-family:Distancia,Arial,sans-serif;font-size:10px;text-transform:uppercase;white-space:nowrap}nav a:hover{color:var(--orange)}.home>.site-header{display:none}.hero{position:relative;height:806px;width:100%;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-logo{position:absolute;width:600px;top:20px;left:50%;transform:translateX(-50%)}.hero nav{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);width:calc(100% - 140px);max-width:1110px}.social{display:flex;align-items:center;gap:20px}.social a{font-family:Arial,sans-serif;font-size:26px;font-weight:700;line-height:1}.social svg{width:23px;height:23px}body>.social{position:fixed;right:42px;top:46%;z-index:10;flex-direction:column;gap:20px;mix-blend-mode:normal}
h1,h2{font-weight:400}h1{font:28px/1.4 Distancia,Arial,sans-serif;text-transform:uppercase;color:var(--gold);text-align:center;margin:0}.placements{padding:100px 5% 92px}.placements h1{margin-bottom:78px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 0}.video-card{min-width:0;padding:0;color:var(--gold)}.video-image{position:relative;display:block;width:100%;padding:0;aspect-ratio:16/9;border:0;background:#000;color:var(--orange);overflow:hidden}.video-image img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .2s}.play:after{content:'';border-left:12px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}.video-image:hover img,.video-image:focus-visible img{opacity:.65}.video-image:hover .play,.video-image:focus-visible .play{opacity:1}.duration{position:absolute;bottom:8px;right:10px;color:white;font:12px Arial,sans-serif}.video-title{background:none;border:0;color:inherit;text-align:left;padding:24px 18px 0;width:100%;font:64px/1 Theater,Impact,sans-serif;text-transform:uppercase}.video-title h2{font:inherit;margin:0}.video-description{font:12px/1.5 Inter,Arial,sans-serif;min-height:1px;margin:10px 18px 0}.load-more{display:block;margin:70px auto 0;background:transparent;color:var(--gold);padding:15px 35px;border:1px solid var(--gold);font-size:14px}.load-more[hidden]{display:none}.trailer-page{padding-top:70px}.trailer-page .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 12px}.trailer-page .video-title{font-size:44px}.trailer-page h1{margin-bottom:60px}
.sound-heading{height:390px;background-size:cover;background-position:center;display:grid;place-items:center;position:relative}.sound-heading:before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.24)}.sound-heading h2{position:relative;font:48px/1.15 Distancia,Arial,sans-serif;text-align:center;text-transform:uppercase;color:var(--gold);margin:0}.sound-gallery{padding:56px 5% 50px}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.poster-grid button{padding:0;border:0;background:#111;aspect-ratio:3/4}.poster-grid img{width:100%;height:100%;object-fit:cover}.poster-grid button:hover{outline:2px solid var(--gold)}.licensing{text-align:center;font:20px/1.6 Theater,Arial,sans-serif;margin:30px 0 8px}.administration{text-align:center;font-size:13px;line-height:1.6;margin:0;color:#ddd}.about{background-size:cover;background-position:center;min-height:773px;padding:88px max(6%,calc((100% - 1110px)/2));display:grid;grid-template-columns:1fr 1fr;gap:75px}.about-copy h2{font:26px/1.4 Theater,Arial,sans-serif;text-transform:uppercase;color:var(--orange);margin:0 0 28px}.about-copy p{font:15px/2 Inter,Arial,sans-serif;margin:0 0 24px}.about-copy p strong{font-size:16px}.about-images{position:relative;min-height:570px}.studio{width:90%;height:540px;object-fit:cover;opacity:.8;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}.portrait{position:absolute;width:90%;top:120px;right:-12px;box-shadow:0 10px 60px #0006}.pill{display:inline-block;border:0;border-radius:30px;background:#f1a13d;color:#171a21;min-width:175px;padding:16px 28px;font:12px Distancia,Arial,sans-serif;text-align:center;text-transform:uppercase}.pill:hover{background:var(--gold)}
.contact{background-size:cover;background-position:center;min-height:563px;padding:66px max(6%,calc((100% - 1000px)/2));display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.contact h1{text-align:left;font-size:28px;margin:0 0 64px}.contact .social{gap:24px}.contact form{display:grid;gap:22px}.contact label{display:grid;gap:12px;font:12px Distancia,Arial,sans-serif;text-transform:uppercase}.contact input,.contact textarea{width:100%;border:2px solid #fff;background:#0002;border-radius:0;color:#fff;font:16px/1.5 Inter,Arial,sans-serif;padding:10px 12px}.contact input{height:44px}.contact textarea{resize:vertical;min-height:92px}.contact button{justify-self:start}.contact-help,#contact-status{font:12px/1.6 Inter,Arial,sans-serif;margin:0;max-width:470px}.contact-help a{text-decoration:underline}footer{text-align:center;padding:42px 20px 30px}footer .brand{width:600px;max-width:90%;margin-bottom:35px}footer .social{justify-content:center;margin:24px 0}footer nav{justify-content:center;flex-wrap:wrap;gap:8px;max-width:none}footer nav a{font:12px/1.5 Inter,Arial,sans-serif;text-transform:none}footer p{font-size:11px;margin-top:20px}
dialog{position:fixed;background:#101216;color:#fff;border:1px solid #444;width:min(960px,94vw);max-height:94vh;padding:32px;overflow:auto}dialog::backdrop{background:#000d}dialog h2{font:30px/1.2 Theater,Impact,sans-serif;color:var(--gold);margin:0 30px 20px 0}dialog video{width:100%;max-height:65vh}dialog img{margin:auto;max-height:75vh;object-fit:contain}dialog p{line-height:1.6}dialog a{text-decoration:underline;color:var(--gold)}.close-dialog{position:absolute;right:12px;top:8px;background:none;border:0;color:#fff;font:32px Arial,sans-serif}.notice{padding:16px;background:#20242c}
@media(min-width:1600px){.hero{height:min(100vh,1050px)}}
@media(max-width:900px){body>.social{right:15px;top:45%}.hero{height:75vw;min-height:470px;max-height:806px}.hero-logo{width:65%;max-width:600px}.hero nav{width:94%;bottom:28px;gap:12px}nav a{font-size:9px}.placements{padding:70px 5%}.placements h1{margin-bottom:50px}.video-grid{gap:35px 0}.video-title{font-size:44px;padding:18px 12px 0}.sound-heading h2{font-size:36px}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.about{padding:60px 6%;gap:30px}.about-images{min-height:440px}.studio{height:440px}.portrait{top:130px}.contact{gap:50px;padding:50px 6%}}
@media(max-width:600px){.site-header{height:auto;padding:25px 18px}.brand{max-width:90%;width:440px}.site-header nav{margin-top:25px;gap:8px;flex-wrap:wrap;justify-content:center;row-gap:14px}.hero{height:650px;max-height:90svh;min-height:460px}.hero-logo{top:25px;width:90%}.hero nav{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 24px;background:#101318aa;padding:18px 14px;bottom:20px}.hero nav a{font-size:9px}body>.social{display:none}.placements{padding:55px 6%}.placements h1{font-size:23px;margin-bottom:40px}.video-grid,.trailer-page .video-grid{grid-template-columns:1fr;gap:38px}.video-title,.trailer-page .video-title{font-size:46px;padding:16px 0 0}.video-description{margin-left:0}.play{opacity:1}.sound-heading{height:270px}.sound-heading h2{font-size:26px}.sound-gallery{padding:32px 6%}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.licensing{font-size:18px}.administration{font-size:11px}.about{grid-template-columns:1fr;padding:50px 6%;gap:40px}.about-images{min-height:510px;max-width:440px;width:100%;margin:auto}.studio{height:440px}.portrait{width:80%;right:0;top:100px}.contact{grid-template-columns:1fr;gap:35px;padding:45px 6%}.contact h1{margin-bottom:24px}.contact .social{gap:18px}footer{padding:35px 18px}footer nav{gap:8px}footer nav a{font-size:11px}dialog{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-art,.hero-logo{transition:opacity 1s ease}.slide-next{opacity:0;pointer-events:none}.hero nav{z-index:3}.slideshow-toggle{position:absolute;bottom:12px;right:18px;z-index:4;border:1px solid #ffffff66;border-radius:50%;width:30px;height:30px;background:#0004;color:white;font:15px Arial,sans-serif;padding:0}.slideshow-toggle:hover{background:#0009}
