:root{--ink:#070808;--paper:#ecece6;--acid:#e7ff45;--line:rgba(236,236,230,.2);--muted:#aaa9a2}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.5 Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{position:absolute;z-index:10;top:0;left:0;right:0;height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.2)}.brand{font:600 1.35rem Manrope}.brand span{color:var(--acid)}nav{display:flex;gap:2rem;font:400 .78rem DM Mono;text-transform:uppercase;letter-spacing:.08em}nav a,.nav-cta{transition:color .2s}.nav a:hover,.nav-cta:hover{color:var(--acid)}.nav-cta{justify-self:end;font:400 .78rem DM Mono;text-transform:uppercase}.nav-cta span{color:var(--acid)}.menu{display:none}.hero{height:100svh;min-height:700px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,8,.94) 0%,rgba(4,7,8,.57) 45%,rgba(4,7,8,.03) 82%),linear-gradient(0deg,rgba(4,7,8,.55),transparent 40%)}.hero-copy{position:relative;width:100%;padding:0 8vw 7vh 4vw}.eyebrow,.kicker{font:400 .72rem DM Mono;text-transform:uppercase;letter-spacing:.15em;color:var(--acid)}.hero h1{font:500 clamp(4.4rem,10.8vw,10.5rem)/.76 Manrope;margin:5vh 0 6vh;letter-spacing:-.08em}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--paper)}.hero-foot{display:flex;align-items:end;justify-content:space-between;max-width:770px}.hero-foot p{max-width:500px;font-size:1.08rem;color:#d0d0ca}.circle-link{width:58px;height:58px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;font-size:1.35rem;transition:.25s}.circle-link:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}.side-label{position:absolute;right:2vw;top:50%;writing-mode:vertical-rl;font:400 .64rem DM Mono;letter-spacing:.18em;color:#c5c5bf}.intro{padding:15vh 4vw 8vh;display:grid;grid-template-columns:1fr 3fr 1fr;gap:3vw;border-bottom:1px solid var(--line)}.intro h2,.about h2,.contact h2{font:500 clamp(3.5rem,7vw,8rem)/.95 Manrope;letter-spacing:-.065em;margin:0}.intro-note{align-self:end;color:var(--muted);max-width:280px}.projects{display:grid;grid-template-columns:1.35fr 1fr;gap:7vw 2vw;padding:8vh 4vw 18vh}.project-large{grid-column:1/-1}.project-image{aspect-ratio:4/5;position:relative;overflow:hidden;background-position:center;background-size:cover}.project-large .project-image{aspect-ratio:16/8}.little-things{background-image:linear-gradient(135deg,rgba(3,7,8,.05),rgba(3,7,8,.5)),url('miami-night.png')}.mango{background:linear-gradient(145deg,#f6a415,#5f7a20 55%,#17290e);position:relative}.mango:after{content:"MANGO";position:absolute;bottom:-4%;left:-2%;font:600 8vw/1 Manrope;color:rgba(255,255,255,.13);letter-spacing:-.08em}.community{background:linear-gradient(155deg,#2b4244,#a56c40 54%,#171817)}.community:after{content:"PEOPLE / PURPOSE";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);width:80%;text-align:center;font:500 3.5vw/1 Manrope;color:#ecece6}.play{position:absolute;right:3vw;bottom:3vw;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:var(--ink);font:500 .72rem DM Mono;text-transform:uppercase}.project-number{position:absolute;top:1.5rem;left:1.5rem;font:400 .75rem DM Mono}.project-meta{display:flex;justify-content:space-between;padding-top:1.3rem}.project-meta h3{font-size:1.4rem;margin:0 0 .2rem}.project-meta p,.project-meta>span{margin:0;color:var(--muted);font:400 .7rem DM Mono;text-transform:uppercase}.project a .project-image{transition:filter .35s,transform .35s}.project a:hover .project-image{filter:brightness(1.12)}.about{padding:14vh 4vw;display:grid;grid-template-columns:1fr 3fr;gap:3vw;border-top:1px solid var(--line)}.about-index{margin-top:14vh;font:400 .72rem/1.8 DM Mono;color:var(--muted)}.about h2 em{font-style:normal;color:var(--acid)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin:10vh 0}.columns p{font-size:1.08rem;color:#cacac4}.credits{display:flex;flex-wrap:wrap;gap:1rem}.credits span{border:1px solid var(--line);padding:.75rem 1rem;border-radius:100px;font:400 .68rem DM Mono;text-transform:uppercase}.services{padding:14vh 4vw;background:var(--paper);color:var(--ink)}.services .kicker{color:#687316}.service-list{margin-top:8vh}.service-list>div{display:grid;grid-template-columns:8% 42% 1fr;align-items:center;padding:2.5rem 0;border-top:1px solid rgba(7,8,8,.25)}.service-list>div:last-child{border-bottom:1px solid rgba(7,8,8,.25)}.service-list span{font:400 .68rem DM Mono}.service-list h3{font-size:clamp(1.8rem,3vw,3.8rem);letter-spacing:-.05em;margin:0}.service-list p{max-width:390px;color:#555;margin:0}.contact{min-height:90vh;padding:14vh 4vw 4vh;display:flex;flex-direction:column}.contact h2{margin:8vh 0}.contact-link{font-size:1.1rem;border-bottom:1px solid var(--paper);align-self:flex-start;padding:0 0 .8rem;transition:.2s}.contact-link:hover{color:var(--acid);border-color:var(--acid)}.contact-link span{margin-left:4rem}.contact-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:1.4rem;display:flex;justify-content:space-between;font:400 .68rem DM Mono;text-transform:uppercase;color:var(--muted)}@media(max-width:800px){.nav{height:76px;grid-template-columns:1fr auto}.nav nav,.nav-cta{display:none}.menu{display:block;background:none;border:0;color:var(--paper);font:400 .75rem DM Mono;text-transform:uppercase}.nav.open nav{display:flex;position:absolute;top:76px;left:0;right:0;background:var(--ink);padding:2rem 4vw;flex-direction:column}.hero{min-height:650px}.hero-copy{padding:0 5vw 5vh}.hero h1{font-size:clamp(3.5rem,18vw,7rem);margin-bottom:4vh}.hero-foot p{max-width:75%;font-size:.93rem}.side-label{display:none}.intro{grid-template-columns:1fr;padding-top:11vh}.intro h2{font-size:3.5rem}.intro-note{margin-top:2rem}.projects{grid-template-columns:1fr;padding-bottom:11vh}.project-large{grid-column:auto}.project-large .project-image{aspect-ratio:4/5}.play{width:72px;height:72px}.community:after{font-size:9vw}.about{grid-template-columns:1fr;padding:11vh 4vw}.about-index{display:none}.about h2{font-size:3.4rem}.columns{grid-template-columns:1fr;margin:6vh 0}.service-list>div{grid-template-columns:12% 1fr}.service-list p{grid-column:2;margin-top:1rem}.contact{min-height:75vh}.contact h2{font-size:3.8rem}.contact-foot{gap:1rem;flex-direction:column}}

.welcome-film{padding:14vh 4vw;display:grid;grid-template-columns:.8fr 1.7fr;gap:6vw;align-items:end;border-bottom:1px solid var(--line)}.welcome-heading h2{font:500 clamp(3rem,6.5vw,7rem)/.9 Manrope;letter-spacing:-.065em;margin:4vh 0 0}.welcome-heading h2 em{font-style:normal;color:var(--acid)}.welcome-player{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}.welcome-player video{width:100%;height:100%;display:block;object-fit:cover;background:#111}.video-file-note{position:absolute;left:1.25rem;bottom:1.25rem;background:rgba(7,8,8,.8);border:1px solid var(--line);padding:.7rem .9rem;font:400 .68rem DM Mono;text-transform:uppercase}.welcome-player.has-video .video-file-note{display:none}.video-frame.video-missing video,.welcome-player.video-missing video{opacity:.48}.video-frame.video-missing:after{content:"Video file not added";position:absolute;inset:0;display:grid;place-items:center;font:500 .78rem DM Mono;text-transform:uppercase;letter-spacing:.08em;pointer-events:none}

@media(max-width:800px){.welcome-film{grid-template-columns:1fr;padding:10vh 4vw;gap:5vh}}