@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#151515;--paper:#f7f7f2;--lime:#e5ff43}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #7c5cff;outline-offset:6px}header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:30px 4%;color:#fff}.brand img{width:123.2px;height:44px;object-fit:contain;filter:brightness(0) invert(1)}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.pill{padding:12px 22px;background:#ffffff24;border:1px solid #ffffff50;border-radius:50px}.pill span{margin-left:22px}.menu{display:none}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);padding:15px;z-index:100}.skip:focus{top:10px}.hero{height:100svh;min-height:650px;max-height:1200px;position:relative;color:white;background:#29294b;overflow:hidden}.hero video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(180deg,#0005,transparent 35%,#0009)}.hero-topline{position:absolute;top:135px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:12px;line-height:1.5;letter-spacing:.07em}.hero-topline span:last-child{text-align:right}.hero-copy{position:absolute;left:4%;bottom:110px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.09em;line-height:1.5}.hero h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(72px,10.5vw,180px);font-weight:600;letter-spacing:-.07em;line-height:.94;margin:22px 0 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero-bottom{position:absolute;bottom:30px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:14px}.hero-bottom button{color:white;background:#ffffff20;border:1px solid #ffffff70;border-radius:30px;padding:10px 18px}.intro{padding:110px 7% 100px}.intro h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,4.8vw,76px);font-weight:500;letter-spacing:-.05em;line-height:1.16;max-width:1180px;margin:35px 0}.intro h2 span{color:#7e8077}.intro-bottom{display:flex;justify-content:space-between;align-items:center}.intro-bottom p{max-width:520px;font-size:20px;line-height:1.55}.asterisk{font-size:110px;line-height:1;color:#181818}.work{padding:0 4% 110px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:38px}.section-heading h2{font:500 clamp(40px,5vw,76px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:0}.section-heading>span{font-size:12px;letter-spacing:.08em}.projects{display:grid;grid-template-columns:1fr 1fr;gap:60px 28px}.project.wide{grid-column:span 2}.project-image{position:relative;overflow:hidden;background:#d8d8d8;aspect-ratio:16/10}.wide .project-image{aspect-ratio:16/8.5}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project:hover img{transform:scale(1.035)}.view{position:absolute;bottom:24px;right:24px;background:var(--lime);color:var(--ink);border-radius:40px;padding:14px 20px;font-size:14px;opacity:0;transform:translateY(8px);transition:.2s}.project:hover .view,.project:focus-visible .view{opacity:1;transform:none}.project-caption{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding-top:17px}.project-caption h3{font-size:23px;letter-spacing:-.035em;font-weight:500;margin:0}.project-caption>span{font-size:12px;white-space:nowrap}.partners{background:#eaeae4;padding:85px 7%}.section-heading p{font-size:18px;line-height:1.4}.logos{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:55px 70px;margin:70px 0 25px}.logos img{width:100%;height:70px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1)}.amigos{background:var(--lime);padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.amigos h2{font:500 clamp(56px,7vw,105px)/.98 Manrope,Arial,sans-serif;letter-spacing:-.065em;margin:30px 0}.amigos p:not(.eyebrow){font-size:19px;line-height:1.6}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:7px;margin-top:20px}.amigos-art img{width:100%;mix-blend-mode:multiply}footer{background:#151515;color:#f7f7f2;padding:85px 4% 25px}.contact-title{display:block;font:500 clamp(45px,7.6vw,120px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:38px 0 70px}.contact-title span{color:var(--lime)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;border-top:1px solid #ffffff40;padding-top:35px;line-height:1.65}.footer-grid>a{font-size:clamp(20px,3vw,40px)}.footer-grid p{margin:0}.footer-grid>div a{display:block}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:65px;font-size:12px;letter-spacing:.05em}.detail header{color:var(--ink)}.detail .brand img{filter:brightness(0)}.detail .pill{border-color:#15151555}.detail-title{padding:160px 7% 60px}.detail-title .eyebrow{margin-top:65px}.detail-title h1{font:500 clamp(48px,7vw,105px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:20px 0}.detail-hero{width:100%;max-height:850px;object-fit:cover;display:block}.detail-body{display:grid;grid-template-columns:1fr 3fr;gap:40px;padding:80px 10%;line-height:1.65}.detail-body>div>p{font-size:20px;margin:0 0 32px}.detail-gallery{padding:0 4% 70px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-gallery img{width:100%;height:auto;align-self:center}.next-project{display:block;padding:80px 7%;background:var(--lime)}.next-project>span{font-size:12px;letter-spacing:.1em}.next-project h2{font-size:clamp(35px,5vw,75px);font-weight:500;letter-spacing:-.04em;margin:25px 0 0}
@media(max-width:760px){header{padding:22px 6%}.brand img{width:99px;height:37.4px}.menu{display:block;background:none;border:0;color:inherit;font-size:16px}.menu span{margin-left:10px}nav{display:none;position:absolute;top:78px;left:4%;right:4%;padding:28px;background:#151515;color:white;border-radius:4px;align-items:stretch;gap:23px;font-size:20px}nav.open{display:flex;flex-direction:column}.hero{min-height:650px;max-height:950px}.hero-topline{left:6%;right:6%;top:115px;font-size:10px}.hero-topline span:last-child{max-width:140px}.hero-copy{left:6%;bottom:120px}.hero h1{font-size:clamp(75px,15vw,115px)}.hero-copy .eyebrow{font-size:10px}.hero-bottom{left:6%;right:6%;font-size:12px}.intro{padding:70px 6%}.intro h2{font-size:37px;line-height:1.15}.intro-bottom{align-items:flex-start;gap:30px}.asterisk{font-size:60px}.intro-bottom p{font-size:17px;margin-top:0}.work{padding:0 5% 65px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading h2{font-size:46px}.projects{gap:36px;grid-template-columns:1fr}.project.wide{grid-column:auto}.project-image,.wide .project-image{aspect-ratio:16/11}.project-caption{flex-direction:column;gap:8px;padding-top:14px}.project-caption h3{font-size:22px}.view{opacity:1;transform:none;padding:10px 14px;font-size:12px;bottom:15px;right:15px}.partners{padding:65px 6%}.logos{grid-template-columns:1fr 1fr;gap:40px;margin:40px 0 0}.logos img{height:55px}.amigos{padding:65px 6%;grid-template-columns:1fr;gap:45px}.amigos h2{font-size:70px}.amigos-art{max-width:320px;justify-self:center}.amigos p:not(.eyebrow){font-size:17px}footer{padding:65px 6% 25px}.contact-title{font-size:49px;margin-bottom:45px}.footer-grid{grid-template-columns:1fr 1fr;font-size:14px}.footer-grid>a{grid-column:span 2;font-size:27px}.footer-bottom{flex-wrap:wrap;font-size:10px;line-height:1.7;padding-top:45px}.footer-bottom>span:nth-child(2){display:none}.detail-title{padding:130px 6% 40px}.detail-title .eyebrow{margin-top:40px}.detail-body{padding:45px 6%;grid-template-columns:1fr;gap:15px}.detail-body>div>p{font-size:17px}.detail-gallery{grid-template-columns:1fr}.next-project{padding:50px 6%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.hero-media{position:absolute;inset:0;background-size:cover;background-position:center;overflow:hidden}.hero-media iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;pointer-events:none}.hero-shade{pointer-events:none}.hero-bottom button:disabled{cursor:wait;opacity:.7}

.brand img,.detail .brand img{width:123.2px;height:44px;filter:none;display:block}@media(max-width:760px){.brand img,.detail .brand img{width:99px;height:37.4px}}
.brand{position:relative;width:123.2px;height:44px;display:block}
.project-home-button{position:fixed;top:20px;left:50%;z-index:40;width:62px;height:62px;display:grid;place-items:center;transform:translateX(-50%) scale(.88);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.project-home-button.is-visible{opacity:1;transform:translateX(-50%) scale(1);pointer-events:auto}
.project-home-button::after{content:"";position:absolute;z-index:2;top:32.16%;left:30.5%;width:39%;height:35.76%;background:#fff47d;-webkit-mask:url('/assets/y-13.svg') center/contain no-repeat;mask:url('/assets/y-13.svg') center/contain no-repeat;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.project-home-button img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}
.project-home-button.is-visible img{transition:filter .25s ease,transform .25s ease;transform-origin:center}
.project-home-button.is-visible:hover::after,.project-home-button.is-visible:focus-visible::after{opacity:1;transform:scale(1.09)}
.project-home-button.is-visible:hover img,.project-home-button.is-visible:focus-visible img{filter:brightness(1.12) drop-shadow(0 0 10px rgba(255,78,103,.9)) drop-shadow(0 0 24px rgba(255,78,103,.65));transform:scale(1.09)}
.project-home-button.is-flashing{animation:project-home-flash .18s ease-out}
@keyframes project-home-flash{0%,100%{filter:brightness(1)}50%{filter:brightness(2.2)}}
body:not(.detail) .brand .brand-logo{position:absolute;inset:0;width:123.2px;height:44px;object-fit:fill;transition:opacity .2s ease;pointer-events:none}
body:not(.detail) .brand .brand-logo-yellow{opacity:1}
body:not(.detail) .brand .brand-logo-bicolor{opacity:0}
body:not(.detail) .brand:hover .brand-logo-yellow,body:not(.detail) .brand:focus-visible .brand-logo-yellow{opacity:0}
body:not(.detail) .brand:hover .brand-logo-bicolor,body:not(.detail) .brand:focus-visible .brand-logo-bicolor{opacity:1}
@media(max-width:760px){.brand{width:99px;height:37.4px}}
@media(max-width:760px){.project-home-button{top:14px;width:54px;height:54px}}
@media(max-width:760px){body:not(.detail) .brand .brand-logo{width:99px;height:37.4px}}
@media(prefers-reduced-motion:reduce){body:not(.detail) .brand .brand-logo{transition-duration:.01ms}}
.menu{transition:color .2s ease,text-shadow .2s ease,filter .2s ease}
.menu:hover,.menu:focus-visible{color:#ff4e67;text-shadow:0 0 8px rgba(255,78,103,.72),0 0 22px rgba(255,78,103,.45);filter:drop-shadow(0 0 5px rgba(255,78,103,.5))}
@media(prefers-reduced-motion:reduce){.menu{transition:none}}
body:not(.detail) .home-reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
body:not(.detail) .home-reveal.is-in-view{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){body:not(.detail) .home-reveal{opacity:1;transform:none;transition:none}.project-home-button.is-visible img{transition:none}}

@media(max-width:760px){
 header nav.open{background:rgba(20,20,20,.82);border:1px solid rgba(255,255,255,.18);border-radius:20px;box-shadow:0 18px 48px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
 header nav.open a.pill{display:block;width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;line-height:1.25}
 header nav.open a.pill span{display:none}
}

.hero-media{background-image:url('/assets/reel-poster.webp')}
