@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap');
:root{--bg:#101113;--panel:#1a1b1e;--ink:#f2f0e9;--muted:#a5a5a1;--line:#37383a;--acid:#d9fb59}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--acid);color:#111}header{height:78px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,90px);border-bottom:1px solid #ffffff20;background:#101113ed;backdrop-filter:blur(18px);transition:height .3s}header.compact{height:62px}.brand{display:flex;align-items:center;gap:11px;font-family:'Space Grotesk',sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:-.06em}.brand img{width:34px;height:34px;border-radius:50%;object-fit:cover}.brand sup{font-size:.55rem;letter-spacing:0;align-self:flex-start}nav{display:flex;gap:38px;align-items:center}nav a,.menu-toggle{font-size:.82rem;font-weight:700;letter-spacing:.12em}nav a:hover,nav a[aria-current]{color:var(--acid)}.menu-toggle{display:none;border:0;background:none;color:var(--ink)}main{overflow:hidden}.wrap{width:min(1400px,90%);margin:auto}.eyebrow{font-size:.8rem;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--acid)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em;line-height:.94}h1{font-size:clamp(4rem,10vw,11rem);font-weight:700}h2{font-size:clamp(3.2rem,7vw,7rem)}h3{font-size:clamp(2.4rem,5vw,5rem)}p{line-height:1.55}.muted{color:var(--muted)}.hero{min-height:calc(100svh - 78px);position:relative;display:flex;align-items:flex-end;padding:9vw 0 5vw;background:linear-gradient(135deg,#252629 0%,#111 52%,#232520 100%)}.hero:before{content:'';position:absolute;inset:0;opacity:.28;background:repeating-linear-gradient(115deg,transparent 0 130px,#ffffff0b 131px 132px)}.hero .wrap{position:relative}.hero h1{max-width:1150px;margin-bottom:2.6rem}.hero h1 em{font-style:normal;color:var(--acid)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px}.hero-bottom p{max-width:430px;font-size:1.15rem}.showreel-tag{border:1px solid #ffffff55;padding:18px 22px;font-size:.75rem;letter-spacing:.1em}.scrollcue{display:block;margin-top:5vw;font-size:.75rem;letter-spacing:.14em}.section{padding:clamp(90px,12vw,190px) 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:50px}.section-head h2{margin-bottom:0}.section-head p{max-width:380px}.project{padding:35px 0 100px;border-top:1px solid var(--line)}.project-top{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:30px}.project h3{margin:0}.project-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}.project-grid .side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.frame{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#343637,#1c1e20 55%,#313426);border:1px solid #ffffff22;isolation:isolate;transition:transform .5s,border-color .5s}.frame:hover{transform:translateY(-7px);border-color:var(--acid)}.frame:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#d9fb5920,transparent 48%);pointer-events:none}.frame.reel{aspect-ratio:9/16}.frame.landscape{aspect-ratio:16/9}.frame.hero-frame{min-height:650px;aspect-ratio:auto}.frame-inner{position:relative;z-index:1;width:100%;padding:25px;display:flex;flex-direction:column;justify-content:space-between;align-self:stretch}.frame .play{border:1px solid #ffffff88;border-radius:50%;width:62px;height:62px;display:grid;place-items:center;font-size:1.3rem;align-self:center;margin:auto}.frame .placeholder{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:#d6d6d1}.frame .number{font-family:'Space Grotesk';font-size:clamp(3rem,6vw,7rem);font-weight:700;letter-spacing:-.08em}.project .stats{display:flex;gap:50px;margin-top:26px}.stat strong{display:block;font-family:'Space Grotesk';font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.09em;line-height:1}.stat span{font-size:.75rem;letter-spacing:.13em;color:var(--muted)}.link{display:inline-block;border-bottom:1px solid var(--acid);padding-bottom:7px;font-size:.8rem;font-weight:700;letter-spacing:.1em}.link:hover{color:var(--acid)}.reel-row{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.reel-card{flex:0 0 min(24%,320px);min-width:220px;scroll-snap-align:start}.reel-card .frame{margin-bottom:18px}.reel-card strong{display:block}.reel-card small{color:var(--muted)}.numbers{background:var(--acid);color:#111;padding:100px 0}.numbers h2{max-width:1100px}.numbers .stats{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.numbers .stat span{color:#343a1c}.cta{padding:130px 0 160px}.cta h2{max-width:1200px}.pill{display:inline-flex;align-items:center;gap:60px;padding:20px 25px;border-radius:100px;background:var(--acid);color:#111;font-weight:700;transition:transform .3s,background .3s}.pill:hover{transform:translateX(9px);background:#efffa5}footer{border-top:1px solid var(--line);padding:55px 0 35px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start}footer h3{font-size:clamp(2rem,4vw,4rem);max-width:500px}footer nav{align-items:flex-start}.footer-bottom{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem;margin-top:80px}.page-intro{padding:110px 0 65px}.page-intro h1{margin:25px 0}.page-intro p{font-size:clamp(1.1rem,2vw,1.7rem);max-width:780px}.filters{display:flex;gap:12px;flex-wrap:wrap;padding:15px 0 50px}.filter{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:30px;padding:12px 18px;font-size:.75rem;font-weight:700;letter-spacing:.09em}.filter.active,.filter:hover{background:var(--acid);color:#111;border-color:var(--acid)}.work-item{border-top:1px solid var(--line);padding:50px 0 100px}.work-item h2{margin-bottom:15px}.work-meta{display:flex;justify-content:space-between;gap:30px;margin-bottom:35px}.work-meta p{max-width:380px}.work-media{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.work-media .frame:first-child{grid-column:span 2}.work-media.landscapes{grid-template-columns:1fr 1fr}.work-media.landscapes .frame:first-child{grid-column:auto}.services{border-top:1px solid var(--line)}.service{font-family:'Space Grotesk';font-size:clamp(2.3rem,5vw,5rem);letter-spacing:-.06em;font-weight:700;border-bottom:1px solid var(--line);padding:24px 0;transition:padding-left .3s,color .3s}.service:hover{padding-left:25px;color:var(--acid)}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 25px}.member .avatar{width:100%;max-width:260px;aspect-ratio:1;border-radius:50%;border:1px dashed #a1a397;background:radial-gradient(circle at 50% 40%,#37393a,#1b1d1e);display:grid;place-items:center;color:var(--acid);font-family:'Space Grotesk';font-size:4rem;transition:transform .4s,background .4s}.member:hover .avatar{transform:rotate(-8deg) scale(1.04);background:#343729}.member h3{font-size:1.6rem;margin:18px 0 6px}.member p{color:var(--muted);font-size:.9rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:30px 0 130px}form{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:grid;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:.06em}input,select,textarea{width:100%;border:0;border-bottom:1px solid #858585;background:transparent;color:var(--ink);padding:14px 0;border-radius:0;outline:none}select option{background:#222}input:focus,select:focus,textarea:focus{border-color:var(--acid)}.full{grid-column:1/-1}textarea{min-height:110px;resize:vertical}.submit{border:0;justify-content:space-between}.contact-links{display:grid;gap:35px;align-content:start}.contact-links h3{font-size:2rem;margin:0 0 10px}.contact-links a{text-decoration:underline;text-decoration-color:var(--acid);text-underline-offset:6px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}[hidden]{display:none!important}@media(max-width:800px){header{height:67px}.menu-toggle{display:block}header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:25px 5%;background:#101113;border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:25px}header nav.open{display:flex}.hero{min-height:780px}.hero h1{font-size:clamp(3.9rem,12vw,7rem)}.hero-bottom{display:block}.showreel-tag{display:inline-block;margin-top:20px}.section-head{display:block}.project-grid{grid-template-columns:1fr}.project-grid .side{grid-template-columns:1fr 1fr}.frame.hero-frame{min-height:520px}.reel-card{flex-basis:62%}.work-media{grid-template-columns:1fr 1fr}.work-media .frame:first-child{grid-column:span 2}.team{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.footer-top{display:block}footer nav{margin-top:30px;flex-direction:row;flex-wrap:wrap}}@media(max-width:520px){.hero{min-height:720px}.hero h1{font-size:clamp(3.5rem,14vw,5.8rem)}.project-top,.work-meta{display:block}.project-top .eyebrow{margin-top:15px}.project .stats{gap:20px}.reel-card{flex-basis:76%}.team{gap:30px 14px}.member .avatar{font-size:2.5rem}.contact-grid form{grid-template-columns:1fr}.footer-bottom{display:block}.frame.hero-frame{min-height:450px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* Brand refresh: yellow jacket palette, with the poster's deep green as a second surface. */
:root{--bg:#090a09;--panel:#151814;--ink:#fff4dc;--muted:#c5c5b6;--line:#3a4237;--acid:#ffb900}
header{background:#090a09ef}header nav{background-color:inherit}.brand,h1,h2,h3,.service,.frame .number,.stat strong{font-family:'Oswald',Impact,sans-serif;letter-spacing:-.025em;text-transform:uppercase}h1,h2,h3{line-height:1.02}h1{font-size:clamp(4.7rem,11vw,12.5rem)}h2{font-size:clamp(4rem,8vw,8.8rem)}h3{font-size:clamp(2.8rem,5.4vw,5.8rem)}.brand{letter-spacing:.015em}.page-intro h1{max-width:1200px}.hero{background:linear-gradient(155deg,#10130d,#080909 55%,#163c29)}.hero:before{background:repeating-linear-gradient(115deg,transparent 0 140px,#ffb9000b 141px 142px)}.hero h1 em{font-style:normal;color:var(--acid)}.frame{background:linear-gradient(145deg,#1c4d33,#111713 60%,#4c3908)}.frame:after{background:radial-gradient(circle at 80% 20%,#ffb90025,transparent 52%)}.numbers{background:#ffb900;color:#090a09}.numbers .stat span{color:#3d320d}.pill{color:#090a09}.filter.active,.filter:hover{color:#090a09}.service{letter-spacing:-.015em}.member .avatar{background:radial-gradient(circle at 50% 40%,#21563b,#121a15)}.member:hover .avatar{background:#245d40}.heading-reveal{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(.22em);transition:opacity .6s ease,clip-path .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}.heading-reveal.visible{opacity:1;clip-path:inset(0 0 0 0);transform:none}.hero .heading-reveal{transition-delay:.12s}@media(max-width:800px){header nav{background:#090a09}.hero h1{font-size:clamp(4rem,12vw,8rem)}}@media(max-width:520px){.hero h1{font-size:clamp(3.5rem,14vw,6rem)}}@media(prefers-reduced-motion:reduce){.heading-reveal{opacity:1;clip-path:none;transform:none}}
.featured-video{aspect-ratio:9/16;max-width:560px;margin-inline:auto;background:#111;display:block}.featured-video video{display:block;width:100%;height:100%;object-fit:cover}.project-grid>.featured-video{width:100%}.work-media>.featured-video{max-width:none}@media(max-width:800px){.featured-video{max-width:100%}}
.local-edge{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:end;border-top:1px solid var(--line);padding-top:60px}.local-edge h2{margin:20px 0 0}.local-edge p{font-size:1.25rem;max-width:460px}.team{grid-template-columns:repeat(4,1fr)}@media(max-width:800px){.local-edge{grid-template-columns:1fr}.team{grid-template-columns:repeat(2,1fr)}}
.member img.photo-avatar{display:block;object-fit:cover;object-position:50% 40%;border-style:solid;filter:grayscale(1)}.member:hover img.photo-avatar{filter:grayscale(.65)}
.organic-proof{padding:110px 0;background:#153e2a}.organic-proof h2{margin:20px 0 55px}.proof-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid #ffffff55;padding-top:30px}.proof-stats strong{display:block;font:600 clamp(2.5rem,5vw,5.5rem)/1 Oswald,sans-serif;color:var(--acid)}.proof-stats span{display:block;margin-top:12px;font-size:.78rem;letter-spacing:.1em}.organic-proof p{margin:45px 0 0;color:#d3dccf}.method{padding:70px 0 130px;border-top:1px solid var(--line)}.method h2{max-width:1200px;margin:22px 0 60px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.method-grid p{border-top:1px solid var(--acid);padding-top:18px;color:var(--muted)}.method-grid strong{color:var(--ink);font-size:.8rem;letter-spacing:.12em}.offers{padding:90px 0 150px;border-top:1px solid var(--line)}.offers>p{max-width:660px}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:55px}.offer-grid article{background:#193f2b;padding:clamp(25px,4vw,60px)}.offer-grid article:nth-child(2){background:#222418}.offer-grid h3{margin:35px 0;font-size:clamp(3rem,5vw,5.5rem)}.offer-grid article>strong{display:block;color:var(--acid);font-size:1.4rem;margin-bottom:25px}.offer-grid ul{padding-left:20px;line-height:1.8;color:var(--muted)}.offer-terms{font-size:.85rem;color:var(--muted);margin-top:35px}@media(max-width:800px){.proof-stats,.method-grid{grid-template-columns:repeat(2,1fr)}.offer-grid{grid-template-columns:1fr}}@media(max-width:520px){.proof-stats{gap:25px 10px}.proof-stats strong{font-size:2.4rem}.method-grid{grid-template-columns:1fr}}
.hero-proof{display:flex;align-items:end;gap:22px;padding:18px 0;border-top:1px solid #ffffff55;border-bottom:1px solid #ffffff55;width:max-content;max-width:100%;margin:-10px 0 35px}.hero-proof strong{font:600 clamp(3.5rem,6vw,7rem)/.95 Oswald,sans-serif;color:var(--acid)}.hero-proof span{font-size:.75rem;font-weight:700;letter-spacing:.11em;line-height:1.5;padding-bottom:7px}@media(max-width:520px){.hero-proof{gap:14px}.hero-proof strong{font-size:3.6rem}.hero-proof span{font-size:.65rem}}
.team{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
.client-logo{display:block;width:min(260px,70%);height:auto;object-fit:contain;margin:18px 0 26px}.instagram-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--acid);color:var(--acid);padding:13px 20px;margin-top:28px;font-size:.78rem;font-weight:700;letter-spacing:.12em;transition:background .2s,color .2s}.instagram-button:hover,.instagram-button:focus-visible{background:var(--acid);color:#090a09}.work-meta .instagram-button{margin-top:0}.work-meta>div{text-align:right}.work-meta>div p{margin-bottom:12px}@media(max-width:520px){.work-meta>div{text-align:left;margin-bottom:20px}}
.numbers:first-child{min-height:calc(100svh - 78px);display:flex;align-items:center}.numbers:first-child .wrap{width:min(1400px,90%)}.numbers:first-child .eyebrow{color:#27300b;margin-bottom:30px}.numbers:first-child h2{font-size:clamp(5rem,10vw,11rem);margin-bottom:60px}.numbers:first-child .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;border-top:1px solid #161a0f;padding-top:28px}.numbers:first-child .stat strong{font-size:clamp(2.8rem,5vw,5.8rem)}@media(max-width:800px){.numbers:first-child .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.numbers:first-child{min-height:calc(100svh - 67px);padding:65px 0}.numbers:first-child h2{font-size:clamp(4.5rem,17vw,7rem);margin-bottom:40px}.numbers:first-child .stats{gap:30px 12px}.numbers:first-child .stat strong{font-size:2.7rem}}
header.home-header{height:90px;background:#ffb900;border-bottom-color:#17180c;color:#111}header.home-header.compact{height:72px}header.home-header nav a:hover,header.home-header nav a[aria-current]{color:#115e40}header.home-header .menu-toggle{color:#111}.brand .full-logo{width:154px;height:82px;object-fit:contain;border-radius:0}.brand .compact-logo{width:46px;height:46px;border-radius:0;object-fit:cover}.hero{min-height:calc(100svh - 90px)}.hero h1{max-width:1250px}.hero-proof strong{font-size:clamp(4.5rem,8vw,9rem)}.client-numbers{padding:65px 0}.client-numbers .eyebrow{color:#252b0c;margin-bottom:25px}.client-numbers .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.client-numbers .stat strong{font-size:clamp(3rem,6vw,6rem)}@media(max-width:800px){header.home-header nav{background:#ffb900}.client-numbers .stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){header.home-header{height:73px}header.home-header.compact{height:63px}.brand .full-logo{width:115px;height:62px}.hero{min-height:calc(100svh - 73px)}.hero h1{font-size:clamp(4.5rem,15vw,7rem)}.hero-proof strong{font-size:4rem}.client-numbers .stats{grid-template-columns:1fr 1fr;gap:28px 14px}.client-numbers .stat strong{font-size:3.5rem}}
/* Motion language: staged type, section entrances, and restrained social reactions. */
.scroll-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;background:var(--acid);z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}.scroll-progress.home-progress{background:#1a6342}.hero{overflow:hidden;isolation:isolate}.hero:after{content:'';position:absolute;z-index:-1;width:65vw;height:65vw;max-width:850px;max-height:850px;border-radius:50%;right:-14vw;top:-20vw;background:radial-gradient(circle,#ffb90016 0%,#28614615 48%,transparent 70%);animation:heroGlow 10s ease-in-out infinite alternate}.hero .eyebrow{opacity:0;animation:heroFade .8s .08s both}.hero h1{margin-bottom:2.2rem}.hero-line{display:block;width:max-content;max-width:100%;opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(.7em);animation:heroLine 1.05s cubic-bezier(.2,.8,.2,1) .22s forwards}.hero-line:nth-child(2){animation-delay:.47s}.hero-proof{opacity:0;transform:translateY(28px);animation:heroFade .85s .85s forwards}.hero-proof strong{font-variant-numeric:tabular-nums;white-space:nowrap}.hero-bottom{opacity:0;transform:translateY(20px);animation:heroFade .85s 1.13s forwards}.hero .scrollcue{opacity:0;animation:heroFade .8s 1.45s forwards}@keyframes heroLine{to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes heroFade{to{opacity:1;transform:translateY(0)}}@keyframes heroGlow{to{transform:translate(-4vw,3vw) scale(1.1)}}.scene .project-top,.scene .work-meta,.scene .proof-stats,.scene .offer-grid{opacity:0;transform:translateY(45px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.scene.in-view .project-top,.scene.in-view .work-meta,.scene.in-view .proof-stats,.scene.in-view .offer-grid{opacity:1;transform:none}.scene.in-view .proof-stats,.scene.in-view .offer-grid{transition-delay:.18s}.project,.work-item{scroll-margin-top:80px;min-height:75svh}.client-numbers .stat strong,.project .stat strong,.organic-proof .proof-stats strong{font-variant-numeric:tabular-nums}.stat{position:relative}.reaction{position:absolute;left:10%;top:-20px;display:block;pointer-events:none;opacity:0}.reaction i{position:absolute;font-style:normal;font-size:1.1rem;color:#db3180;opacity:0}.reaction-tiktok i{color:#008f9b}.is-counting .reaction{opacity:1}.is-counting .reaction i{animation:reactionRise 1.55s ease-out both}.is-counting .reaction i:nth-child(2){animation-delay:.25s;left:28px}.is-counting .reaction i:nth-child(3){animation-delay:.5s;left:56px}@keyframes reactionRise{0%{opacity:0;transform:translateY(25px) scale(.5) rotate(-15deg)}25%{opacity:.9}100%{opacity:0;transform:translateY(-45px) scale(1.15) rotate(15deg)}}@media(max-width:800px){.project,.work-item{min-height:0}}@media(prefers-reduced-motion:reduce){.hero:after,.hero .eyebrow,.hero-line,.hero-proof,.hero-bottom,.hero .scrollcue,.reaction i{animation:none!important}.hero .eyebrow,.hero-line,.hero-proof,.hero-bottom,.hero .scrollcue,.scene .project-top,.scene .work-meta,.scene .proof-stats,.scene .offer-grid{opacity:1;transform:none;clip-path:none}.reaction{display:none}}
/* Balance portrait media in wide layouts and let native fullscreen contain the entire frame. */
.project-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center}.project-grid>.featured-video{width:min(100%,430px);max-width:430px;justify-self:center;margin:0 auto}.project-grid .side{align-self:center;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.work-media:not(.landscapes){grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.work-media:not(.landscapes)>.frame:first-child{grid-column:auto}.work-media:not(.landscapes)>.featured-video{width:100%;max-width:none;margin:0}.featured-video video{width:100%;height:100%;object-fit:contain;background:#090909}.featured-video:fullscreen,.featured-video:-webkit-full-screen{width:100vw;height:100vh;max-width:none;aspect-ratio:auto;display:grid;place-items:center;background:#000}.featured-video video:fullscreen,.featured-video video:-webkit-full-screen,.featured-video:fullscreen video,.featured-video:-webkit-full-screen video{display:block;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;object-fit:contain!important;background:#000!important;margin:auto!important}.hero-proof{position:relative}.hero-proof .reaction{left:25%;top:-10px}.reaction-total i:nth-child(1),.reaction-total i:nth-child(3){color:#f25491}.reaction-total i:nth-child(2){color:#50d8df}.hero-proof.is-counting strong{color:#ffcb24}@media(max-width:800px){.project-grid{grid-template-columns:1fr}.project-grid>.featured-video{width:min(100%,390px);max-width:390px;justify-self:center}.project-grid .side{width:100%;max-width:650px;justify-self:center}.work-media:not(.landscapes){display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.work-media:not(.landscapes)>.frame{flex:0 0 min(58vw,320px);width:min(58vw,320px);max-width:none;scroll-snap-align:start}}@media(max-width:520px){.project-grid>.featured-video{width:min(100%,360px)}.work-media:not(.landscapes)>.frame{flex-basis:68vw;width:68vw}.hero-proof .reaction{left:15%}}
/* Copy-led portfolio layout. */
.hero h1{font-size:clamp(3.7rem,8.5vw,10rem);max-width:1400px}.hero-line{width:auto}.hero-bottom p{max-width:640px}.hero-bottom strong{display:inline-block;margin-top:.6em}.section-head>div{max-width:950px}.section-head h2{margin:20px 0 0}.project-top{align-items:flex-start}.project-top>div{max-width:900px}.project-headline{font-size:clamp(2.8rem,5.2vw,6rem);margin:18px 0 0!important}.project-copy{max-width:850px;margin:0 0 35px;font-size:clamp(1rem,1.5vw,1.25rem)}.project-copy p{margin-bottom:12px}.project-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:28px}.project-actions .instagram-button{margin-top:0}.corporate-link{margin-top:28px}.organic-proof .proof-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.organic-proof .proof-stats strong{font-variant-numeric:tabular-nums}.work-item h2{font-size:clamp(3rem,6vw,7rem);max-width:1100px;margin:20px 0 35px}.work-item .work-meta{align-items:start}.work-item .work-meta>div:first-child{max-width:650px;text-align:left;font-size:1.15rem}.work-item .work-meta>div:last-child{min-width:340px}.work-item .work-meta .stats{display:flex;justify-content:flex-end;gap:32px}.work-item .stat strong{font-size:clamp(2.6rem,4vw,4rem);white-space:nowrap}.work-item>.link{margin-top:28px}.local-edge{align-items:start}.local-edge h2{font-size:clamp(2.8rem,5vw,5.6rem)}.local-edge h3{font-size:clamp(2.4rem,4vw,4.2rem);color:var(--acid)}.local-edge>div:last-child{padding-top:4rem}.services-end,.team-signoff{font-size:1.2rem;margin-top:36px}.team-signoff{margin-top:65px}.page-intro h1{font-size:clamp(3.8rem,8vw,9rem)}.footer-bottom{gap:24px}@media(max-width:800px){.project-top>span{display:block;margin-top:18px}.work-item .work-meta{display:block}.work-item .work-meta>div:last-child{min-width:0;text-align:left}.work-item .work-meta .stats{justify-content:flex-start}.local-edge>div:last-child{padding-top:0}.organic-proof .proof-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.hero h1{font-size:clamp(3rem,12.4vw,5rem)}.hero-proof{flex-wrap:wrap}.hero-bottom p{font-size:1rem}.project-headline{font-size:clamp(2.6rem,10vw,4rem)}.work-item .work-meta .stats{gap:18px}.work-item .stat strong{font-size:2.5rem}.organic-proof .proof-stats{grid-template-columns:1fr 1fr}.organic-proof .proof-stats strong{font-size:2.3rem}.page-intro h1{font-size:clamp(3.25rem,12vw,5rem)}}
/* Character select: open composition, touch carousel, focused micro interactions. */
.brains-section{padding:clamp(90px,12vw,170px) 0;background:#131914;border-top:1px solid var(--line);overflow:hidden}.brains-intro{max-width:1100px}.brains-intro h2{font-size:clamp(4rem,8vw,9rem);margin:20px 0 20px}.brains-intro p{font-size:clamp(1.1rem,2vw,1.5rem);color:var(--muted)}.brains-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,2vw,32px);align-items:start;margin:90px 0 0}.brain{position:relative;min-width:0;transition:opacity .45s,transform .45s}.brain:nth-child(even){margin-top:38px}.brains-track:has(.brain:hover) .brain:not(:hover),.brains-track:has(.brain:focus-within) .brain:not(:focus-within){opacity:.42;transform:scale(.96)}.brain-trigger{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.brain-avatar{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:4/5;border:1px solid #75816d;background:linear-gradient(160deg,#293e2c,#101510 68%);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}.brain:nth-child(2) .brain-avatar{background:linear-gradient(155deg,#483d25,#171915 70%)}.brain:nth-child(3) .brain-avatar{background:linear-gradient(155deg,#243d39,#121916 70%)}.brain:nth-child(4) .brain-avatar{background:linear-gradient(155deg,#3d402b,#171913 70%)}.brain:nth-child(5) .brain-avatar{background:linear-gradient(155deg,#3c2d37,#171516 70%)}.brain:hover .brain-avatar,.brain:focus-within .brain-avatar,.brain.active .brain-avatar{transform:translateY(-12px) scale(1.025);border-color:var(--acid);box-shadow:0 20px 40px #0005}.brain-mark{font:500 clamp(6rem,15vw,13rem)/1 Oswald,sans-serif;color:#ffffff13;transform:translateY(9%);transition:color .4s,transform .4s}.brain:hover .brain-mark,.brain:focus-within .brain-mark,.brain.active .brain-mark{color:#ffb90035;transform:translateY(5%) rotate(-4deg)}.brain-name{display:block;margin:25px 0 5px;font:600 clamp(1.7rem,2.8vw,3rem)/1 Oswald,sans-serif}.brain-role{display:block;color:var(--muted);font-size:.85rem;line-height:1.4}.brain-personality{min-height:80px;margin-top:18px;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}.brain:hover .brain-personality,.brain:focus-within .brain-personality,.brain.active .brain-personality{opacity:1;transform:none}.brain-personality strong{display:block;color:var(--acid);font-size:1rem}.brain-personality small{display:block;color:var(--muted);margin-top:5px;font-size:.8rem}.brain-detail{position:absolute;font:500 clamp(1.5rem,3vw,3rem)/1 Oswald,sans-serif;color:var(--acid);opacity:0;transition:opacity .3s,transform .5s}.brain-detail.one{top:12%;right:12%;transform:translate(-8px,12px) rotate(-20deg)}.brain-detail.two{bottom:17%;left:12%;transform:translate(12px,-8px) rotate(12deg)}.brain:hover .brain-detail,.brain:focus-within .brain-detail,.brain.active .brain-detail{opacity:.85;transform:none}.brain[data-brain="ammu"] .brain-avatar:after{content:"";position:absolute;inset:15%;border:1px dashed #ffb9007c;opacity:0;transition:opacity .4s}.brain[data-brain="ammu"]:hover .brain-avatar:after,.brain[data-brain="ammu"].active .brain-avatar:after{opacity:1}.brain[data-brain="rafhan"] .brain-detail{background:#ffb90020;border:1px solid #ffb90070;border-radius:25px;padding:7px 11px;font-size:1rem}.brain[data-brain="naanu"] .brain-detail{border:1px solid #ffb90075;padding:5px 9px}.brain-eye{display:none;position:absolute;top:25%;left:50%;width:14px;height:14px;background:var(--acid);border-radius:50%;transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .12s ease-out}.brain[data-brain="kudie"]:hover .brain-eye,.brain[data-brain="kudie"].active .brain-eye{display:block}.brain-timeline{display:none;position:absolute;bottom:13%;left:12%;right:12%;height:18px;gap:4px}.brain-timeline i{background:var(--acid);flex:1;opacity:.65}.brain-timeline i:nth-child(2){flex:2;background:#eee}.brain-timeline i:nth-child(3){flex:.6}.brain[data-brain="fayed"]:hover .brain-timeline,.brain[data-brain="fayed"].active .brain-timeline{display:flex;animation:timelineIn .4s both}@keyframes timelineIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.brain-profile{position:absolute;z-index:8;left:0;top:53%;width:min(280px,95vw);padding:20px;background:#ffb900;color:#111;box-shadow:12px 12px 0 #0009}.brain:nth-last-child(-n+2) .brain-profile{left:auto;right:0}.brain-profile>strong{display:block;font:600 2rem Oswald,sans-serif}.brain-profile>span,.brain-profile>small{display:block;font-size:.8rem}.brain-profile p{border-top:1px solid #1115;margin:14px 0;padding-top:14px;font-size:.9rem}.brain-close{position:absolute;top:8px;right:11px;border:0;background:none;font-size:1.6rem}.brains-swipe-hint{display:none}.brains-finale{margin-top:30px}.brains-finale .link{font-size:1rem}.process-line{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:15px 10px;border-top:1px solid var(--line);margin-top:25px;padding-top:35px}.process-step{font:500 clamp(1.8rem,3.5vw,3.5rem)/1.1 Oswald,sans-serif;opacity:.35;transition:opacity .35s,color .35s,transform .35s}.process-step:not(:last-child):after{content:' →';color:var(--acid);font-weight:400}.process-step.process-active{opacity:1;color:var(--ink);transform:translateX(5px)}.page-intro h1,.hero h1,.section-head h2,.project-headline,.work-item h2,.cta h2,.local-edge h2,.brains-intro h2{overflow-wrap:normal;word-break:normal;max-width:100%;line-height:1.07}.project-top>span{max-width:280px;text-align:right;line-height:1.5}.work-item .work-meta>div:last-child{text-align:right}.about-intro h1{font-size:clamp(3.4rem,7vw,8rem)}.local-edge{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.local-edge h2{font-size:clamp(2.5rem,4.7vw,5rem)}.local-edge h3{font-size:clamp(2.2rem,3.8vw,4rem)}.work-item h2{font-size:clamp(2.8rem,5.5vw,6.5rem)}@media(max-width:900px){.brains-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:8%;gap:20px;margin:50px -5.6vw 0;padding:5px 8% 25px;scrollbar-width:none}.brains-track::-webkit-scrollbar{display:none}.brain,.brain:nth-child(even){flex:0 0 min(63vw,300px);margin-top:0;scroll-snap-align:center}.brains-track:has(.brain:hover) .brain:not(:hover){opacity:1;transform:none}.brain-avatar{aspect-ratio:4/4.8}.brain-mark{font-size:clamp(9rem,28vw,14rem)}.brain-profile{top:46%}.brains-swipe-hint{display:block;margin-top:30px;font-size:.75rem;letter-spacing:.13em;color:var(--acid);text-align:center}.brain-personality{min-height:65px}.local-edge{grid-template-columns:1fr}}@media(max-width:520px){.brains-section{padding:85px 0}.brains-intro h2{font-size:clamp(3.3rem,12vw,5rem)}.brain,.brain:nth-child(even){flex-basis:74vw}.brain-name{font-size:2.4rem}.brain-profile{width:min(270px,72vw)}.page-intro h1{font-size:clamp(2.8rem,10vw,4.8rem)}.hero h1{font-size:clamp(2.8rem,11.4vw,4.5rem)}.project-top>span{text-align:left}.work-item .work-meta>div:last-child{text-align:left}.work-item h2{font-size:clamp(2.7rem,10vw,4.5rem)}.process-step{font-size:2rem}}@media(prefers-reduced-motion:reduce){.brain,.brain-avatar,.brain-mark,.brain-detail,.brain-personality,.process-step{transition:none!important}.brain-timeline{animation:none!important}}
/* Brief page entrances without a blocking intro. */
.page-intro .eyebrow{animation:pageLabel .6s ease-out both}.page-intro .wrap>p{animation:pageText .65s .28s ease-out both}@keyframes pageLabel{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pageText{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.page-intro .eyebrow,.page-intro .wrap>p{animation:none}}
/* Clientele lives within the home hero, below the Maldives line. */
.clientele-banner{position:relative;margin-top:clamp(45px,6vw,85px);border-top:1px solid #ffffff42;border-bottom:1px solid #ffffff42;padding:20px 0 24px}.clientele-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.clientele-title>span:last-child{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--muted)}.clientele-mask{overflow:hidden;margin-inline:calc((100vw - min(1400px,90vw))/ -2);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.clientele-track{display:flex;width:max-content;animation:clientele-scroll 55s linear infinite}.clientele-mask:hover .clientele-track{animation-play-state:paused}.clientele-set{display:flex;gap:18px;padding-right:18px;flex:none}.clientele-logo{display:flex;align-items:center;justify-content:center;flex:none;width:190px;height:110px;padding:12px;background:#faf9f2;border-radius:4px}.clientele-logo img{display:block;width:100%;height:100%;object-fit:contain}.clientele-logo img[src*="kabowl"],.clientele-logo img[src*="china-garden"]{filter:none}@keyframes clientele-scroll{to{transform:translateX(-50%)}}.hero .scrollcue{margin-top:30px}.project .client-logo,.work-item .client-logo{width:min(210px,70%);max-height:115px;object-fit:contain;object-position:left center;background:#f8f7f0;padding:12px;border-radius:3px;margin:20px 0 0}.work-item .client-logo{margin:0 0 32px}.project .client-logo[src*="kabowl"],.project .client-logo[src*="china-garden"],.work-item .client-logo[src*="kabowl"],.work-item .client-logo[src*="china-garden"]{background:#f8f7f0}@media(max-width:520px){.clientele-title>span:last-child{display:none}.clientele-logo{width:150px;height:90px}.clientele-set{gap:12px;padding-right:12px}.clientele-track{animation-duration:45s}.project .client-logo,.work-item .client-logo{width:180px;max-height:100px}}@media(prefers-reduced-motion:reduce){.clientele-mask{overflow-x:auto;mask-image:none}.clientele-track{animation:none}.clientele-set[aria-hidden="true"]{display:none}}
/* Final supplied brand marks. */
.brand .full-logo{width:190px;height:84px;object-fit:contain;border-radius:0}.brand .compact-logo{width:32px;height:54px;object-fit:contain;border-radius:0;filter:invert(1)}@media(max-width:520px){.brand .full-logo{width:142px;height:66px}.brand .compact-logo{width:27px;height:46px}}
.corporate-project .project-top,.corporate-work{ text-align:left }.corporate-project .project-top>div,.corporate-project .project-top .eyebrow,.corporate-work>.eyebrow{display:block;text-align:left}.corporate-project .project-top>span{align-self:flex-start;text-align:left}@media(max-width:800px){.corporate-project .project-top>span{margin-top:18px}}
/* The clientele strip presents transparent marks directly on the hero. */
.clientele-logo{background:transparent;border:0;border-radius:0;padding:9px 14px}.clientele-logo img[src*="eye-care"],.clientele-logo img[src*="villa-mart"]{filter:brightness(1.7)}
.reel-with-link{position:relative}.reel-with-link .video-post-link{position:absolute;z-index:3;top:10px;right:10px;display:inline-block;padding:9px 11px;background:#101113e6;color:#fff;border:1px solid #ffffff99;font-size:.66rem;font-weight:700;letter-spacing:.07em;line-height:1.2;text-align:center}.reel-with-link .video-post-link:hover,.reel-with-link .video-post-link:focus-visible{background:var(--acid);color:#101113;border-color:var(--acid)}