@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#141414;--fg:#f2f0e9;--dim:#8e8f88;--lime:#d6ff42}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:108px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #383838}.logo{font-size:22px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.mark{background:var(--lime);color:var(--bg);font-size:25px;font-style:italic;width:30px;height:30px;text-align:center;line-height:30px}.reg{font-size:12px;align-self:flex-start}nav{display:flex;gap:36px;font-size:14px}nav a:hover{color:var(--lime)}.contact{font-size:14px;border-bottom:1px solid var(--lime);padding:10px 0}.contact span{margin-left:25px;color:var(--lime)}.hero{padding:35px 4.5% 0}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.5px;display:flex;justify-content:space-between}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(86px,13.9vw,210px);line-height:.88;letter-spacing:-.02em;margin:38px 0 28px;font-weight:700}em{color:var(--lime);font-style:normal}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}p{font-size:16px;line-height:1.7}.intro p{color:#b4b4af}.round-link{display:flex;align-items:center;gap:28px;font-size:14px}.round-link b{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid #666;font-size:25px;font-weight:400}.round-link:hover b{background:var(--lime);color:#141414;border-color:var(--lime)}.hero-image{height:clamp(290px,43vw,620px);position:relative;overflow:hidden;background:#343932}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.image-shade{position:absolute;inset:0;background:linear-gradient(transparent 50%,#0009)}.film-caption{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.frame-corner{position:absolute;width:30px;height:30px;border-color:#fffc}.tl{left:25px;top:25px;border-left:1px solid;border-top:1px solid}.br{right:25px;bottom:65px;border-right:1px solid;border-bottom:1px solid}.section{margin:0 4.5%;padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.section h2{font-size:clamp(38px,4.8vw,70px);line-height:1.08;letter-spacing:-2.5px;margin:22px 0 0;font-weight:500}.section-head p{font-size:14px;line-height:1.8}.muted{color:var(--dim)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project-img{aspect-ratio:1.22;position:relative;background:#303030;overflow:hidden}.project-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-img:hover img{transform:scale(1.035)}.tag{position:absolute;top:20px;left:20px;border:1px solid #fff7;background:#14141455;border-radius:25px;font-size:12px;padding:8px 13px}.project-number{position:absolute;bottom:20px;right:20px;font-size:14px}.project-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.project-title h3{font-size:21px;font-weight:500}.project-title span{font-size:12px;color:#aaa}.studio{border-top:1px solid #383838;display:grid;grid-template-columns:1fr 2fr;gap:20px}.studio h2{margin-top:0}.studio p{max-width:610px;color:#aaa;margin-top:28px}.services{border-top:1px solid #383838}details{border-top:1px solid #3e3e3e;padding:26px 0}details:last-child{border-bottom:1px solid #3e3e3e}summary{list-style:none;display:flex;align-items:center;gap:30px;cursor:pointer}summary::-webkit-details-marker{display:none}.service-no{font-size:12px;color:var(--lime);width:35px}summary h3{font-size:clamp(20px,2.8vw,37px);font-weight:500;margin:0;letter-spacing:-1px}.plus{margin-left:auto;font-size:30px;font-weight:400}details[open] .plus{transform:rotate(45deg)}details p{max-width:650px;margin:20px 40px 0 65px;color:#aaa}.cta{background:var(--lime);color:#141414;margin:10px 0 0;padding:65px 4.5%}.cta h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:clamp(60px,9.5vw,145px);line-height:.95;letter-spacing:-1px}.cta em{color:#141414; -webkit-text-stroke:1px #141414;color:transparent}.cta-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:34px}button{border:0;background:#141414;color:#f2f0e9;padding:20px 25px;cursor:pointer;font-size:14px}button span{margin-left:30px}button:hover{background:#333}.contact-note{font-size:12px;opacity:.7}footer{margin:0 4.5%;padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span{font-size:12px;color:#aaa}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.cta button:focus-visible{outline-color:#141414}@media(max-width:700px){header{height:80px}.logo{font-size:17px}nav{display:none}.hero{padding-top:25px}.eyebrow{font-size:10px;letter-spacing:1px}.hero .eyebrow span:last-child{display:none}h1{font-size:clamp(74px,16vw,112px);margin:30px 0 22px}.intro{align-items:start;gap:15px}.intro p{font-size:14px;margin:0}.intro br{display:none}.round-link{gap:0}.round-link>span{display:none}.round-link b{width:43px;height:43px}.film-caption{left:20px;right:20px;font-size:10px}.film-caption span:last-child{display:none}.section{padding:60px 0}.section-head{display:block}.section h2{letter-spacing:-1.5px}.section-head p{margin-top:20px}.projects{grid-template-columns:1fr;gap:25px}.project-title h3{font-size:19px}.studio{grid-template-columns:1fr;gap:25px}.studio p{font-size:15px}summary{gap:8px}.service-no{width:28px}details p{margin-left:36px;font-size:14px}.cta{padding:45px 4.5%}.cta h2{font-size:15vw}.cta-bottom{display:block}.cta-bottom p{font-size:14px}footer{flex-wrap:wrap}footer>span{font-size:11px}footer>span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
:root{--lime:#dd2b1c;--fg:#f7f4f0;--dim:#a4a4a0}header .mark{color:#fff}h1{font-size:clamp(60px,10.1vw,155px);position:relative;z-index:1;line-height:.96}h1 em{color:#ee4d40}.hero-title{position:relative}.orbital{position:absolute;right:4%;top:0;width:150px;height:150px;opacity:.6;animation:orbit 18s linear infinite}.orbital i{position:absolute;inset:0;border:1px solid var(--lime);border-radius:50%;transform:rotateX(55deg)}.orbital i:nth-child(2){transform:rotateY(55deg)}.orbital i:nth-child(3){transform:rotate(45deg) rotateX(55deg)}.motion-stage{position:relative;height:clamp(260px,36vw,510px);background:#dd2b1c;overflow:hidden;display:grid;place-items:center}.stage-type{font-size:clamp(54px,11vw,170px);font-weight:800;letter-spacing:-.07em;position:relative;z-index:1;color:#fff;line-height:1}.stage-type span{font-weight:400;letter-spacing:-.075em}.moving-frames{position:absolute;inset:-60%;display:grid;place-items:center;animation:orbit 36s linear infinite}.moving-frames span{position:absolute;border:1px solid #fff5;width:35%;height:35%;transform:rotate(25deg);animation:breathe 9s ease-in-out infinite}.moving-frames span:nth-child(2){width:48%;height:48%;animation-delay:-2s}.moving-frames span:nth-child(3){width:62%;height:62%;animation-delay:-4s}.moving-frames span:nth-child(4){width:78%;height:78%;animation-delay:-6s}.motion-toggle{position:absolute;top:20px;right:20px;z-index:2;padding:10px 14px;border:1px solid #fff6;background:#141414;font-size:12px;border-radius:30px}.ticker{overflow:hidden;border-bottom:1px solid #383838;margin-top:35px;padding:23px 0;color:#eee}.ticker>div{display:flex;width:max-content;animation:marquee 24s linear infinite}.ticker span{white-space:pre;font-family:'Barlow Condensed',Impact,sans-serif;font-size:37px;letter-spacing:2px}.reel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.reel-card{width:100%;display:block;aspect-ratio:9/14;padding:0;text-align:left}.reel-card img{height:100%;width:100%;object-fit:cover}.reel-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#0007)}.play{position:absolute;z-index:1;bottom:20px;right:20px;width:45px;height:45px;border-radius:50%;background:var(--lime);color:white;display:grid;place-items:center;padding-left:3px;transition:transform .3s}.reel-card:hover .play{transform:scale(1.15)}.project-title{display:block}.project-title h3{font-size:18px;margin:16px 0 7px}.portfolio-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px}.portfolio-footer p{font-size:13px;max-width:540px;color:#aaa}.portfolio-footer a,.text-link{font-size:14px;border-bottom:1px solid #dd2b1c;padding-bottom:7px}.service-no,.contact span{color:#ff7166}.cta{color:#fff}.cta em{color:transparent;-webkit-text-stroke:1px #fff}.cta h2{font-size:clamp(56px,9vw,138px)}.cta-link{background:#141414;padding:20px 25px;font-size:14px}.contact-actions{display:flex;align-items:center;gap:30px;margin-top:25px;font-size:14px}.contact-actions button{font-size:14px;background:transparent;border:1px solid #fff7;padding:14px 18px}.contact-actions button:hover{background:#141414}.reveal-ready{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.reveal-ready.visible{opacity:1;transform:none}dialog{background:#1c1c1c;color:#f7f4f0;border:1px solid #555;border-radius:12px;width:min(510px,94vw);max-height:92vh;padding:20px}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-head h2{font-size:16px;margin:0}.dialog-head button{padding:10px;font-size:18px}dialog iframe{width:100%;height:min(60vh,650px);border:0;background:white;margin-top:15px}dialog p{font-size:13px;color:#bbb}dialog>a{display:inline-block;padding:13px 18px;background:#dd2b1c;color:white;font-size:14px}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal-ready{opacity:1;transform:none}.round-link b{animation:nudge 2.8s ease-in-out infinite}.tag{z-index:1}.film-caption{z-index:1}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes breathe{0%,100%{border-radius:10%;transform:rotate(25deg) scale(.95)}50%{border-radius:35%;transform:rotate(-10deg) scale(1.1)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@media(max-width:900px){.reel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.orbital{width:90px;height:90px;right:0;top:-10px}.portfolio-footer{align-items:start;flex-direction:column;gap:10px}.section-head h2{font-size:46px}}@media(max-width:700px){h1{font-size:10.5vw;letter-spacing:-.01em}.orbital{opacity:.3;right:3px;width:70px;height:70px}.motion-stage{height:270px}.stage-type{font-size:11.2vw}.motion-toggle{top:14px;right:14px;font-size:12px}.reel-grid{gap:13px}.project-title h3{font-size:16px}.reel-card .tag{top:10px;left:10px;font-size:10px;padding:5px 9px}.play{width:36px;height:36px;bottom:12px;right:12px;font-size:13px}.section-head h2{font-size:36px}.contact-actions{flex-direction:column;align-items:start;gap:20px}.cta-link{display:inline-block}.cta h2{font-size:11.6vw;line-height:1}.ticker span{font-size:28px}.eyebrow{font-size:12px}.hero .eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) *{animation:none!important}.reveal-ready{opacity:1;transform:none}}