@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101210;--surface:#1b1e1a;--ink:#f1f1e8;--muted:#a5aa9e;--line:#32382e;--accent:#d7fc70}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{max-width:1440px;margin:auto;padding-left:6%;padding-right:6%}.header{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:700;letter-spacing:-1px}.brand span{color:var(--accent)}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:5px;color:var(--muted)}nav{display:flex;gap:36px;align-items:center;font-size:13px}nav span{font-size:9px;color:var(--accent);vertical-align:super;margin-left:3px}.nav-contact{border:1px solid var(--line);padding:12px 18px;border-radius:30px}.hero{padding-top:70px;padding-bottom:32px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:10px}.dot{height:7px;width:7px;background:var(--accent);border-radius:50%}h1,h2,p{margin:0}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(54px,7.8vw,110px);font-weight:500;line-height:1.03;letter-spacing:-6px;margin-top:30px}h1>span{color:var(--accent)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:36px}.hero-bottom p{color:var(--muted);font-size:15px;line-height:1.8}.text-link{font-size:13px;display:flex;gap:30px;align-items:center}.text-link span{background:var(--accent);color:var(--bg);height:40px;width:40px;border-radius:50%;display:grid;place-items:center;font-size:20px}.hero-rule{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:64px;padding-top:18px;font-size:9px;letter-spacing:1.6px;color:var(--muted)}.work{padding-top:36px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-top h2{font-size:23px;letter-spacing:-.7px;font-weight:500}.section-top h2 span{color:var(--muted);font-size:13px;margin-left:8px}.filters{display:flex;gap:6px}.filters button{background:none;border:1px solid transparent;color:var(--muted);border-radius:30px;padding:9px 15px;font-size:12px}.filters button.active{color:var(--ink);border-color:var(--line);background:var(--surface)}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 28px}.film{min-width:0}.film:first-child{grid-column:1/-1}.stage{position:relative;background:var(--surface);border-radius:8px;aspect-ratio:1.75;isolation:isolate;display:flex;align-items:center;padding:8% 24% 8% 5%;overflow:hidden}.film:first-child .stage{aspect-ratio:2.38;padding:5% 28% 5% 5%}.stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 55%,var(--glow),transparent 60%);opacity:.17;z-index:-1}.frame{width:100%;aspect-ratio:16/9;background:#111613;border:1px solid #505c44;border-radius:5px;box-shadow:0 15px 50px #0006;overflow:hidden;position:relative;z-index:1}.frame img{height:100%;width:100%;object-fit:cover;opacity:.76;transition:transform .4s,opacity .4s}.play{position:absolute;inset:0;width:100%;border:0;background:linear-gradient(0deg,#0005,transparent 65%);display:grid;place-items:center;color:var(--ink)}.play-circle{height:48px;width:48px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#182010;box-shadow:0 5px 35px #0006;font-size:17px;padding-left:3px;transition:transform .2s}.play:hover .play-circle{transform:scale(1.1)}.film:first-child .play-circle{height:64px;width:64px;font-size:22px}.corner{position:absolute;left:12px;top:12px;font-size:9px;letter-spacing:1.2px;color:#fff;background:#111b;padding:6px 8px;border-radius:3px}.character{position:absolute;right:0;bottom:0;width:33%;height:95%;z-index:2;pointer-events:none;display:flex;align-items:flex-end;justify-content:center}.character img{width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(-8px 8px 16px #0006)}.standin{position:relative;width:75%;height:83%;border:1px dashed #a8bf8666;border-radius:46% 46% 15% 15%;background:linear-gradient(145deg,#d7fc7017,#d7fc7004);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;margin-bottom:-2%;transform:rotate(var(--tilt))}.standin:before{content:'';position:absolute;width:48%;height:26%;top:8%;border-radius:50%;border:1px solid #a8bf8644;background:#d7fc7010}.standin span{font-family:'Space Grotesk',sans-serif;font-size:clamp(25px,4vw,50px);color:#c3d5a359;margin-top:50%;font-weight:500}.standin small{font-size:8px;letter-spacing:1.5px;color:#b0c298;writing-mode:vertical-rl;position:absolute;right:12%;top:45%}.film:first-child .standin small{font-size:10px;writing-mode:horizontal-tb;left:0;right:0;top:auto;bottom:12%;text-align:center}.stage-label{position:absolute;bottom:14px;left:5%;font-size:8px;letter-spacing:2px;color:var(--muted)}.film-meta{display:flex;align-items:center;justify-content:space-between;padding-top:15px;gap:10px}.film-title{display:flex;gap:12px;align-items:center}.film-title>span{color:var(--muted);font-size:11px}.film-title h3{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:500;margin:0}.platform{font-size:10px;color:var(--muted);display:flex;gap:10px;align-items:center}.platform span{font-size:18px;color:var(--ink)}.studio{margin-top:110px;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:56px;padding-bottom:70px;border-top:1px solid var(--line)}.studio .eyebrow{grid-column:1/-1}.studio h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,4vw,54px);line-height:1.1;font-weight:500;letter-spacing:-2px}.studio-copy{max-width:460px;justify-self:end}.studio-copy p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:16px}.capabilities{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.capabilities span{border:1px solid var(--line);border-radius:25px;padding:8px 12px;font-size:10px}.contact{margin-top:25px;padding-top:60px;padding-bottom:65px;background:var(--accent);color:#182010;position:relative}.contact .eyebrow{color:#526038}.contact h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(42px,6vw,78px);font-weight:500;letter-spacing:-3px;line-height:1.06;margin:22px 0 30px}.contact h2 em{font-style:normal}.contact-button{border:1px solid #182010;border-radius:30px;padding:16px 22px;display:inline-flex;gap:45px;font-size:13px}.contact p{font-size:11px;margin-top:18px;color:#526038}footer{display:flex;align-items:center;justify-content:space-between;padding-top:35px;padding-bottom:35px;gap:20px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;width:min(1050px,92vw);padding:20px}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:15px}.dialog-top button{border:1px solid var(--line);border-radius:30px;background:var(--surface);color:var(--ink);padding:10px 15px;font-size:12px}#player-content iframe{border:0;width:100%;aspect-ratio:16/9;background:#000}#original-link{display:inline-block;margin-top:15px;font-size:12px;color:var(--accent)}.facebook-message{padding:65px 20px;text-align:center;background:var(--surface);border-radius:6px}.facebook-message p{font-size:14px;color:var(--muted);margin:12px 0 25px}.facebook-message a{display:inline-block;border-radius:30px;background:var(--accent);color:#182010;padding:14px 23px;font-size:13px}.fb-art{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:radial-gradient(ellipse at 50% 110%,#829d3950,transparent 75%),#141b16}.fb-art strong{font-family:'Space Grotesk',sans-serif;font-size:clamp(20px,4vw,42px);letter-spacing:-2px;color:#cbdabc42}.fb-art small{font-size:9px;letter-spacing:3px;color:#90a978}.png-editor{padding:10px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.png-editor input{max-width:100%;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1500px){.contact{border-radius:10px}}@media(max-width:760px){.header{height:88px}nav{gap:18px}nav a:nth-child(2){display:none}.brand{font-size:19px}.hero{padding-top:42px}h1{letter-spacing:-3px}.hero-bottom{align-items:flex-start;gap:25px;flex-direction:column;margin-top:26px}.hero-rule{margin-top:40px}.section-top{align-items:flex-start;gap:18px;flex-direction:column}.film-grid{grid-template-columns:1fr;gap:32px}.film:first-child .stage{aspect-ratio:1.75;padding:8% 24% 8% 5%}.film:first-child .play-circle{height:48px;width:48px;font-size:17px}.film:first-child .standin small{writing-mode:vertical-rl;right:12%;left:auto;top:45%;bottom:auto;font-size:8px}.standin span{font-size:42px}.studio{margin-top:70px;grid-template-columns:1fr;padding-top:35px;gap:24px}.studio-copy{justify-self:start}.contact{padding-top:42px;padding-bottom:42px}footer{flex-wrap:wrap}footer .brand{width:100%}.hero-rule span:last-child{display:none}.nav-contact{padding:10px 12px}.platform{font-size:9px}.hero-bottom p{font-size:14px}.section-top h2{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
