@font-face{font-family:Barlow;src:url('./fonts/Barlow-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Open Sauce One';src:url('./fonts/OpenSauceOne-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Open Sauce One';src:url('./fonts/OpenSauceOne-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Open Sauce One';src:url('./fonts/OpenSauceOne-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('./fonts/JetBrainsMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('./fonts/JetBrainsMono-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Open Sauce One';src:url('./fonts/OpenSauceOne-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}
:root{--orange:#ff751f;--blue:#002fa7;--ink:#111;--ease:cubic-bezier(.22,.61,.36,1);color:var(--ink);background:#fff;font-family:'Open Sauce One',Arial,sans-serif;font-synthesis:none;font-size:20px;line-height:1.4}
*{box-sizing:border-box}body{margin:0}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:focus-visible{outline:2px solid var(--blue);outline-offset:7px}a:hover{text-decoration-color:var(--blue)}h1,h2,p,figure{margin:0}strong{font-weight:700}.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}.skip-link{position:fixed;z-index:100;left:16px;top:16px;padding:10px 16px;background:white;border:1px solid;transform:translateY(-180%)}.skip-link:focus{transform:none}
.navigation{display:grid;grid-template-columns:1fr 98px 1fr;align-items:center;justify-items:center;gap:42px;width:min(430px,calc(100% - 48px));margin-inline:auto;position:relative}.navigation>a:not(.brand){font-family:Barlow,Arial,sans-serif;font-weight:400;font-size:26.6667px;line-height:1.1;text-transform:uppercase;text-decoration:none;padding:12px 4px;transition:color .18s ease}.nav-works:hover{color:var(--orange)}.nav-contact:hover{color:var(--blue)}.brand{display:block;width:100%;view-transition-name:lele-brand;position:relative;z-index:2}.brand img{width:100%;aspect-ratio:1;object-fit:contain}.site-header{padding-top:32px;padding-bottom:32px}.navigation:not(.navigation-home)>a:not(.brand){transform:translateY(14px)}.navigation a[aria-current]{text-decoration:underline;text-underline-offset:.15em}.navigation:not(.navigation-home) .nav-works{view-transition-name:works-nav}.navigation:not(.navigation-home) .nav-contact{view-transition-name:contact-nav}
.home{min-height:100svh;padding:clamp(140px,35.8svh,350px) 24px 72px}.navigation-home{display:block;width:min(1018px,100%);height:200px}.navigation-home .brand{position:absolute;left:50%;transform:translateX(-50%);width:200px}.navigation-home>a:not(.brand){position:absolute;font-size:53.3333px;padding:12px 0;z-index:3}.navigation-home .nav-works{left:0;top:54px}.navigation-home .nav-contact{right:-44px;top:92px}.line{height:7px;position:absolute;z-index:3;pointer-events:none}.line-orange{left:87px;right:calc(50% + 66px);top:153px;background:var(--orange)}.line-blue{left:calc(50% + 90px);right:67px;top:190px;background:var(--blue)}.company-intro{text-align:center;margin:164px auto 0;font-size:20px;line-height:1.4}.company-intro span{display:block}
.works{padding:112px 24px 120px;min-height:calc(100svh - 162px)}.film-link{display:block;width:min(394px,100%);margin:auto;text-decoration:none}.film-cover{view-transition-name:yiwu-cover;width:100%;aspect-ratio:16/9;object-fit:cover}.film-link img{transition:filter .22s ease}.film-link:hover img{filter:brightness(1.08)}.film-link h2{text-align:center;text-transform:uppercase;font-family:'JetBrains Mono',monospace;font-size:20px;line-height:1.45;font-weight:400;margin-top:20px}.film-link h2 span{display:block}.film-link:hover h2{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}
.film{padding:128px 24px 120px}.film-intro{text-align:center}.film-intro h1{text-transform:uppercase;font-family:'JetBrains Mono',monospace;font-size:40px;font-weight:700;line-height:1.4;margin-bottom:24px}.film-intro>.film-cover{max-width:394px;margin:auto}.film-meta{margin:40px auto 64px}.film-meta p+p{margin-top:28px}.film-body{width:min(958px,100%);margin:auto;text-align:center}.film-body section+section{margin-top:60px}.film-body h2{font-size:20px;font-weight:700;margin-bottom:32px}.support-list,.press-list{padding:0;list-style:none;margin:0}.support-list li+li{margin-top:28px}.support-list em{font-size:18.6667px}.stills-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 48px;max-width:892px;margin:auto}.stills-grid img{aspect-ratio:16/9;object-fit:cover;width:100%}.press-list li+li{margin-top:22px}.press-list a{overflow-wrap:anywhere}
.contact{padding:180px 24px 120px;text-align:center;min-height:calc(100svh - 162px)}.contact p+p{margin-top:32px}.contact .email{text-decoration:none}.contact .email:hover{text-decoration:underline}
@view-transition{navigation:auto}::view-transition-old(root){animation:fade-out .16s ease both}::view-transition-new(root){animation:fade-in .22s ease both}::view-transition-group(lele-brand),::view-transition-group(yiwu-cover),::view-transition-group(works-nav),::view-transition-group(contact-nav){animation-duration:.3s;animation-timing-function:var(--ease)}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0}}
@media(min-width:1500px){.home{padding-top:32svh}}
@media(min-width:761px) and (max-width:1120px){.navigation-home .nav-contact{right:0}}
@media(max-width:760px){.navigation{gap:24px;grid-template-columns:1fr 80px 1fr}.site-header{padding-top:26px;padding-bottom:26px}.navigation>a:not(.brand){font-size:24px}.home{padding-top:28svh}.navigation-home{height:170px;grid-template-columns:none}.navigation-home .brand{width:150px}.navigation-home>a:not(.brand){font-size:34px}.navigation-home .nav-works{top:25px}.navigation-home .nav-contact{top:73px;right:0}.line-orange{left:50px;right:calc(50% + 46px);top:116px;height:4px}.line-blue{left:calc(50% + 70px);right:20px;top:143px;height:4px}.company-intro{margin-top:110px;font-size:17px}.works{padding-top:72px}.film{padding-top:36px}.film-intro h1{text-transform:uppercase;font-size:clamp(24px,4.8vw,36px)}.film-body,.film-meta,.contact{font-size:17px;line-height:1.55}.film-body h2{font-size:18px}.film-meta{margin-bottom:48px}.contact{padding-top:150px}.contact br{display:none}.contact .email{display:block;margin-top:12px}}
@media(max-width:480px){.navigation{width:calc(100% - 40px);gap:16px;grid-template-columns:1fr 68px 1fr}.navigation>a:not(.brand){font-size:22px}.home{padding-inline:24px;padding-top:25svh}.navigation-home{width:100%;height:205px}.navigation-home .brand{width:140px}.navigation-home>a:not(.brand){font-size:29px;top:160px;padding:12px 0}.navigation-home .nav-works{left:12px}.navigation-home .nav-contact{right:12px}.line-orange{left:12px;right:calc(50% + 42px);top:110px}.line-blue{left:calc(50% + 65px);right:12px;top:134px}.company-intro{margin-top:60px;font-size:16px;max-width:330px;line-height:1.6}.company-intro span{display:inline}.works{padding-top:72px}.film-link h2{text-align:center;text-transform:uppercase;font-size:16px;line-height:1.65}.film-intro h1{text-transform:uppercase;font-size:23px;letter-spacing:-.035em;margin-bottom:28px}.film-meta p+p{margin-top:14px}.film-body section+section{margin-top:38px}.stills-grid{grid-template-columns:1fr;gap:20px}.contact{padding-top:125px}.contact p+p{margin-top:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
