:root{--yellow:#ffd055;--ink:#11131b;--paper:#f7f3eb;--blue:#2e4df2;--line:rgba(17,19,27,.18);--sans:'Space Grotesk',sans-serif;--display:'Archivo',sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:10;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:20;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:7px;height:7px;background:var(--blue)}.cursor-ring{width:32px;height:32px;border:1px solid var(--blue);transition:width .25s,height .25s,background .25s}.cursor-ring.is-hover{width:56px;height:56px;background:#ffd05555}.site-header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:absolute;top:0;left:0;width:100%;z-index:5}.brand{font:800 25px var(--display);letter-spacing:-.08em;color:inherit;text-decoration:none}.brand i{font:500 10px var(--sans);vertical-align:top;margin-left:2px}.site-header nav{display:flex;gap:30px;margin-left:8vw}.site-header nav a,.header-status,.site-footer a{font-size:12px;color:inherit;text-decoration:none}.site-header nav a{position:relative}.site-header nav a:after{content:'';height:1px;background:currentColor;position:absolute;left:0;right:100%;bottom:-4px;transition:right .25s}.site-header nav a:hover:after{right:0}.header-status{border:1px solid var(--ink);padding:10px 14px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43aa64;margin-right:8px}.section-pad{padding:7.5rem 7vw}.hero{min-height:800px;padding-top:11rem;background:var(--yellow);position:relative;border-bottom:1px solid var(--ink)}.hero-kicker,.section-label,.contact-top,.contact-bottom,.visual-top,.visual-bottom,.project-meta,.hero-bottom{display:flex;align-items:center;justify-content:space-between}.hero-kicker,.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.13em}.hero-kicker{border-bottom:1px solid var(--ink);padding-bottom:14px}.hero-kicker span:last-child{opacity:.65}.hero-copy{margin-top:6rem}.eyebrow{font-size:14px;margin:0 0 17px}.hero-title{font:900 clamp(5rem,15vw,14rem)/.78 var(--display);letter-spacing:-.105em;margin:0;max-width:1050px}.name-swipe{display:block;width:max-content;overflow:hidden;cursor:pointer;color:var(--blue);padding-right:.12em}.name-track{display:flex;flex-direction:column;transition:transform .65s var(--ease)}.name-track span{height:1em}.name-swipe.is-swapped .name-track{transform:translateY(-1em)}.title-outline{color:transparent;-webkit-text-stroke:2px var(--ink);display:block;margin-left:11vw}.accent-dot{color:var(--blue);-webkit-text-stroke:0}.hero-bottom{align-items:flex-end;margin-top:3rem}.hero-intro{max-width:330px;font-size:19px;line-height:1.3;margin:0 0 0 11vw}.circle-link{width:105px;height:105px;border:1px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:inherit;transition:background .25s,transform .25s}.circle-link:hover{background:var(--blue);color:var(--paper);transform:rotate(12deg)}.circle-link span{font-size:25px}.circle-link small{font-size:9px;text-transform:uppercase;line-height:1.2}.hero-stamp{position:absolute;right:6vw;top:42%;font-size:10px;transform:rotate(12deg);display:flex;gap:4px;flex-direction:column;text-align:center}.hero-stamp strong{font-size:28px;font-weight:400}.ticker{overflow:hidden;background:var(--ink);color:var(--yellow);white-space:nowrap;border-bottom:1px solid var(--ink)}.ticker-track{display:flex;align-items:center;gap:27px;padding:15px 0;animation:marquee 28s linear infinite;width:max-content;font:700 13px var(--display);letter-spacing:.09em}.ticker b{font-size:18px;color:var(--blue)}@keyframes marquee{to{transform:translateX(-50%)}}.section-label{gap:20px}.label-line{height:1px;background:var(--line);flex:1}.manifesto{background:var(--paper)}.manifesto-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12vw;padding-top:7rem}.manifesto-big{font:700 clamp(3rem,6.3vw,7rem)/.92 var(--display);letter-spacing:-.08em;margin:0}.manifesto-big em{color:var(--blue);font-style:normal}.manifesto-side{align-self:end;max-width:300px}.manifesto-side p{line-height:1.45;margin:0 0 45px}.text-link{color:inherit;text-decoration:none;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:6px}.text-link span{color:var(--blue);font-size:20px;margin-left:14px}.work{background:var(--ink);color:var(--paper)}.work .section-label{color:var(--paper)}.work .label-line{background:#ffffff39}.work-head{display:flex;justify-content:space-between;align-items:end;margin:6rem 0 4rem}.work h2,.services h2{font:800 clamp(4rem,8vw,9rem)/.8 var(--display);letter-spacing:-.1em;margin:0}.work h2 span,.services h2 span{color:var(--yellow)}.filter-wrap{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.filters{display:flex;gap:10px;margin-top:15px}.filter-btn{font:inherit;text-transform:uppercase;letter-spacing:.08em;color:var(--paper);border:1px solid #fff7;background:transparent;padding:9px 13px;cursor:pointer;transition:.2s}.filter-btn:hover,.filter-btn.active{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:7rem 2.5rem}.project-card a{display:block;text-decoration:none;color:inherit}.project-large{grid-row:span 2}.project-wide{grid-column:1/-1;width:60%;margin-left:20%}.project-visual{height:480px;position:relative;overflow:hidden;border:1px solid #fff2;transition:transform .4s var(--ease)}.project-small .project-visual{height:320px}.project-card:hover .project-visual{transform:translateY(-7px)}.visual-top,.visual-bottom{position:absolute;left:20px;right:20px;font-size:10px;letter-spacing:.1em;z-index:2}.visual-top{top:19px}.visual-bottom{bottom:19px}.visual-lumen{background:#2d4cf2}.visual-lumen strong{font:900 23rem/.7 var(--display);position:absolute;left:50%;top:51%;transform:translate(-47%,-50%);color:var(--yellow);letter-spacing:-.15em}.orb{position:absolute;border-radius:50%;border:1px solid #ffffff77}.orb-one{width:360px;height:360px;right:-80px;top:-60px}.orb-two{width:230px;height:230px;left:-50px;bottom:10px}.visual-nala{background:var(--yellow);color:var(--ink)}.nala-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,#11131b1f 50%),linear-gradient(0deg,transparent 49%,#11131b1f 50%);background-size:48px 48px}.nala-word{position:absolute;top:40%;left:12%;font:800 7rem/.8 var(--display);letter-spacing:-.1em}.nala-tag{position:absolute;right:18px;bottom:20px;font-size:10px;line-height:1.2}.visual-sora{background:#e7e1d6;color:var(--ink)}.sora-fm{position:absolute;left:13%;top:20%;font:900 5.4rem/.65 var(--display);letter-spacing:-.1em}.sora-fm i{color:var(--blue);font-style:normal}.sora-wave{position:absolute;bottom:28%;right:12%;font-size:52px;color:var(--blue);transform:rotate(-15deg);letter-spacing:-.25em}.sora-live{position:absolute;bottom:20px;left:20px;font-size:10px}.visual-kota{height:300px;background:var(--blue);color:var(--yellow)}.kota-title{position:absolute;left:8%;top:13%;font:900 7rem/.75 var(--display);letter-spacing:-.1em}.kota-title i{color:var(--paper);font-style:normal}.kota-sub{position:absolute;right:9%;top:20%;font-size:13px;line-height:1.15}.kota-mark{position:absolute;right:10%;bottom:13%;font-size:55px;color:var(--paper)}.project-meta{padding:16px 0;border-bottom:1px solid #fff3}.project-meta h3{font:600 17px var(--display);margin:0}.project-meta span,.project-meta b{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:400;opacity:.65}.work-footer{border-top:1px solid #fff3;margin-top:6rem;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.round-arrow{width:47px;height:47px;border-radius:50%;border:1px solid #fff;display:grid;place-items:center;color:inherit;text-decoration:none;font-size:23px;transition:.25s}.round-arrow:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.services{background:var(--yellow)}.services-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;padding-top:7rem}.service-list{border-top:1px solid var(--ink)}.service-item{display:grid;grid-template-columns:55px 1fr 1.2fr 25px;gap:15px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line)}.service-item span,.service-item b{font-size:11px}.service-item h3{font:600 20px var(--display);margin:0}.service-item p{font-size:13px;line-height:1.35;margin:0;max-width:230px}.service-item b{font-size:20px;font-weight:400}.contact{background:var(--paper);padding-top:7rem}.contact-card{background:var(--blue);color:var(--paper);padding:24px 4vw 30px;min-height:570px;display:flex;flex-direction:column}.contact-top{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.contact h2{font:900 clamp(5rem,13vw,13rem)/.78 var(--display);letter-spacing:-.11em;margin:auto 0 2rem}.contact h2 i{color:var(--yellow);font-style:normal}.contact p{max-width:300px;font-size:16px;line-height:1.35;margin:0 0 20px}.contact-email{font:600 clamp(1.4rem,3vw,3rem) var(--display);letter-spacing:-.05em;color:inherit;text-decoration:none;border-bottom:1px solid #fff8;padding-bottom:7px;width:max-content;max-width:100%;word-break:break-word}.contact-email span{color:var(--yellow);font-size:1em}.contact-bottom{margin-top:auto;padding-top:60px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.site-footer{padding:25px 7vw;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.1em;border-top:1px solid var(--line)}.site-footer a{color:inherit}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}
@media(max-width:760px){.cursor-dot,.cursor-ring{display:none}.site-header{height:62px;padding:0 5vw}.site-header nav{gap:15px;margin:0 auto 0 8vw}.header-status{display:none}.section-pad{padding:5rem 6vw}.hero{min-height:720px;padding-top:9rem}.hero-kicker span:last-child{display:none}.hero-copy{margin-top:5rem}.hero-title{font-size:clamp(4.5rem,22vw,8rem)}.title-outline{margin-left:4vw;-webkit-text-stroke-width:1px}.hero-intro{margin-left:0;font-size:16px;max-width:245px}.hero-bottom{align-items:flex-end}.circle-link{width:80px;height:80px;flex:none}.hero-stamp{right:6vw;top:auto;bottom:8rem}.manifesto-grid,.services-grid{grid-template-columns:1fr;gap:4rem;padding-top:4rem}.manifesto-big{font-size:clamp(3rem,13vw,6rem)}.manifesto-side{margin-left:25%}.work-head{display:block;margin:4rem 0 3rem}.work h2,.services h2{font-size:clamp(4.3rem,18vw,8rem);margin-bottom:3rem}.filter-wrap{display:flex;align-items:center;justify-content:space-between}.filters{margin:0}.filter-btn{padding:8px 10px}.project-grid{display:block}.project-card{margin-bottom:3.5rem}.project-wide{width:100%;margin-left:0}.project-visual,.project-small .project-visual{height:300px}.visual-kota{height:240px}.kota-title{font-size:4.4rem}.nala-word{font-size:5rem}.project-meta{gap:10px}.project-meta span{margin-left:auto}.service-item{grid-template-columns:35px 1fr 25px}.service-item p{grid-column:2/3;margin-top:-7px}.service-item b{grid-column:3;grid-row:1}.contact{padding:3rem 6vw}.contact-card{min-height:540px;padding:20px}.contact h2{font-size:clamp(4.5rem,20vw,8rem)}.contact-email{font-size:1.35rem}.contact-bottom{padding-top:40px;display:block;line-height:2}.site-footer{padding:22px 6vw;gap:15px;flex-wrap:wrap}.site-footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.reveal{opacity:1;transform:none;transition:none}.name-track{transition:none}.cursor-dot,.cursor-ring{display:none}}
.skills{background:var(--paper)}.skills-content{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;padding-top:7rem}.skills h2{font:800 clamp(4rem,8vw,9rem)/.8 var(--display);letter-spacing:-.1em;margin:0}.skills h2 span{color:var(--blue)}.skills-groups{border-top:1px solid var(--line)}.skill-group{padding:22px 0;border-bottom:1px solid var(--line)}.skill-group>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue)}.skill-group p{font:600 clamp(17px,2vw,24px)/1.4 var(--display);letter-spacing:-.03em;margin:16px 0 0;max-width:620px}
@media(max-width:760px){.skills-content{grid-template-columns:1fr;gap:3rem;padding-top:4rem}.skills h2{font-size:clamp(4.3rem,18vw,8rem)}}
.name-swipe{appearance:none;display:block;width:max-content;max-width:100%;height:1em;overflow:hidden;border:0;background:transparent;color:var(--blue);font:inherit;line-height:1;text-align:left;cursor:pointer;padding:0 .12em 0 0}
.name-track{display:block;height:2em;transition:transform .65s var(--ease)}
.name-track>span{display:block;height:1em;line-height:1em;white-space:nowrap}
.name-swipe.is-swapped .name-track{transform:translateY(-50%)}
.name-swipe:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
@media(max-width:760px){.hero-title{font-size:clamp(3.25rem,15vw,7rem)}.title-outline{margin-left:3vw;letter-spacing:-.11em}.hero-stamp{display:none}.hero-kicker{min-height:18px}.section-label{gap:10px}.section-label>span:first-child,.section-label>span:last-child{max-width:38%}.section-label .label-line{min-width:12px}.project-meta{flex-wrap:wrap}.project-meta span{margin-left:auto;text-align:right}}
@media(max-width:380px){.site-header nav{gap:11px;margin-left:5vw}.site-header nav a{font-size:11px}.hero-title{font-size:clamp(3rem,14vw,3.25rem)}.section-label{font-size:9px}.section-label span:last-child{max-width:34%;text-align:right}}
@media(prefers-reduced-motion:reduce){.name-track{transition:none}}
.capabilities-heading{padding:5.5rem 0 3rem}.capabilities-heading .eyebrow{margin:0 0 1.25rem;color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.capabilities-heading h2{font:800 clamp(4rem,8vw,8rem)/.82 var(--display);letter-spacing:-.1em;margin:0}.capabilities-heading h2>span{color:var(--blue)}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.capability-card{min-width:0;padding:24px 22px 28px;border:1px solid var(--line);background:#fffaf0;transition:transform .25s var(--ease),border-color .25s var(--ease)}.capability-card:hover{transform:translateY(-5px);border-color:var(--blue)}.capability-card-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.12em;color:var(--blue)}.capability-card-top span:last-child{font:700 15px var(--display)}.capability-card h3{font:700 clamp(1.5rem,2.3vw,2.1rem)/1 var(--display);letter-spacing:-.05em;margin:24px 0 12px}.capability-card p{font-size:14px;line-height:1.5;min-height:4.5em;margin:0 0 20px;color:#45454a}.capability-card ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.capability-card li{padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.4}.capability-card li::before{content:'+';color:var(--blue);font-weight:700;margin-right:9px}
@media(max-width:900px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-card:last-child{grid-column:1/-1}.capability-card p{min-height:0}}
@media(max-width:600px){.capabilities-heading{padding:4rem 0 2.5rem}.capabilities-heading h2{font-size:clamp(3.5rem,15vw,6rem)}.capability-grid{grid-template-columns:1fr;gap:12px}.capability-card:last-child{grid-column:auto}.capability-card{padding:21px 18px 24px}.capability-card h3{font-size:1.75rem}.capability-card p{min-height:0}}
.github-link{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.github-link:hover{color:var(--yellow)}
.whatsapp-widget{position:fixed;z-index:30;right:24px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:var(--sans)}
.whatsapp-toggle{width:60px;height:60px;border:0;border-radius:50%;display:grid;place-items:center;background:#20bf64;color:#fff;box-shadow:0 8px 28px #11131b35;cursor:pointer;transition:transform .2s,background .2s}
.whatsapp-toggle:hover{transform:translateY(-3px);background:#159c50}.whatsapp-toggle:focus-visible,.whatsapp-close:focus-visible,.whatsapp-chat-link:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.whatsapp-toggle svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-popup{position:relative;width:min(340px,calc(100vw - 32px));padding:25px 22px 22px;background:#fff;color:var(--ink);border:1px solid #11131b18;box-shadow:0 16px 48px #11131b2b}
.whatsapp-popup[hidden]{display:none}.whatsapp-close{position:absolute;top:9px;right:10px;width:36px;height:36px;border:0;background:transparent;color:var(--ink);font-size:25px;line-height:1;cursor:pointer}
.whatsapp-popup-kicker{display:flex;align-items:center;font-size:10px;letter-spacing:.04em;color:#4c5157;padding-right:24px}.whatsapp-popup-kicker .status-dot{flex:none}
.whatsapp-popup h2{font:700 22px/1.1 var(--display);letter-spacing:-.04em;margin:22px 0 8px}.whatsapp-popup p{font-size:13px;line-height:1.45;color:#4c5157;margin:0 0 20px;max-width:270px}
.whatsapp-chat-link{min-height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:#20bf64;color:#07170d;text-decoration:none;font-size:13px;font-weight:700;transition:background .2s}.whatsapp-chat-link:hover{background:#61dc8f}
@media(max-width:760px){.whatsapp-widget{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.whatsapp-toggle{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.whatsapp-toggle,.whatsapp-chat-link{transition:none}}
.whatsapp-toggle svg{fill:currentColor;stroke:none}
.hero-title{letter-spacing:-.055em}.title-outline{letter-spacing:-.06em}.contact h2{letter-spacing:-.045em}
@media(max-width:760px){.hero-title{letter-spacing:-.05em}.title-outline{letter-spacing:-.055em}.contact h2{font-size:clamp(3.5rem,17vw,6rem);letter-spacing:-.04em;line-height:.86}}