@import"https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&family=Space+Grotesk:wght@700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-padding-top:96px}body{min-width:320px;min-height:100vh}::selection{background:#d8ff42;color:#10110f}#root{min-height:100vh}:focus-visible{outline:3px solid #2f5bff;outline-offset:4px}:root{--ink: #10110f;--muted: #676a60;--paper: #f4f1e8;--paper-strong: #fffaf0;--line: rgba(16, 17, 15, .16);--lime: #d8ff42;--blue: #2f5bff;--coral: #ff6b3d;--radius: 8px;--wide: min(100% - 32px, 1760px);--content: min(100% - 32px, 1380px)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:auto;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:320px;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:linear-gradient(130deg,rgba(216,255,66,.18),transparent 34%),linear-gradient(310deg,rgba(47,91,255,.12),transparent 28%),var(--paper)}body,button,input{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button{color:inherit;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}.site{min-height:100vh;overflow:clip}.nav-shell{position:fixed;top:16px;left:50%;z-index:80;display:flex;width:min(100% - 28px,920px);height:58px;align-items:center;justify-content:space-between;gap:18px;padding:8px 10px;border:1px solid rgba(16,17,15,.13);border-radius:999px;background:#fffaf0c2;box-shadow:0 18px 60px #10110f1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.brand,.desktop-nav,.icon-button{position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:10px;padding-left:4px;font-weight:750;letter-spacing:0}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper-strong);font-size:.78rem}.desktop-nav{display:flex;align-items:center;gap:6px}.desktop-nav a{padding:12px 15px;border-radius:999px;color:#10110fb8;font-size:.92rem;font-weight:650;transition:background .18s ease,color .18s ease,transform .18s ease}.desktop-nav a:hover{background:#10110f14;color:var(--ink);transform:translateY(-1px)}.desktop-nav a:active{transform:translateY(0)}.icon-button{display:inline-grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;background:var(--ink);color:var(--paper-strong);cursor:pointer;touch-action:manipulation;transition:transform .18s ease,opacity .18s ease}.icon-button:active{transform:scale(.94);opacity:.88}.menu-button{display:none}.mobile-menu{position:fixed;inset:0;z-index:70;display:grid;place-items:center;visibility:hidden;padding:96px 24px 40px;background:var(--ink);color:var(--paper-strong);clip-path:inset(0% 0% 100% 0%);opacity:0;pointer-events:none}.mobile-menu nav{display:grid;gap:12px;text-align:center}.mobile-link-mask{display:block;overflow:hidden}.mobile-menu a{display:block;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(3rem,15vw,7rem);font-weight:800;line-height:.9;touch-action:manipulation;transition:opacity .2s ease}.mobile-menu a:active{opacity:.7}.hero{position:relative;display:grid;width:var(--wide);min-height:100svh;min-height:100vh;margin:0 auto;padding:clamp(110px,13vh,160px) 0 36px;grid-template-columns:minmax(0,1.12fr) minmax(320px,.55fr);grid-template-areas:"copy card" "stats card";gap:clamp(24px,4vw,64px);align-items:end}@supports (min-height: 100svh){.hero{min-height:100svh}}.hero-copy{grid-area:copy;align-self:center}.hero-title,.section-title,.footer-title{margin:0;font-family:Space Grotesk,Inter,sans-serif;font-weight:800;letter-spacing:0}.hero-title{max-width:980px;font-size:clamp(4rem,8.6vw,10.8rem);line-height:.82;text-transform:uppercase}.hero-title:after{content:"developer";display:block;margin-top:.03em;color:transparent;font-size:.62em;-webkit-text-stroke:1.5px rgba(16,17,15,.58);transform:translate(clamp(0px,3vw,44px))}.text-reveal{overflow:hidden}.word-mask{display:inline-block;overflow:hidden;vertical-align:top}.word{display:inline-block;padding-right:.16em;will-change:transform}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(28px,4vw,52px)}.primary-link,.play-link{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ink);border-radius:999px;padding:0 20px;font-weight:800;transition:transform .18s ease,background .18s ease,color .18s ease}.primary-link{background:var(--ink);color:var(--paper-strong)}.play-link{background:#fffaf080;cursor:pointer}.primary-link:hover,.play-link:hover{transform:translateY(-3px)}.primary-link:active,.play-link:active{transform:translateY(1px)}@media(hover:none)and (pointer:coarse){.primary-link:hover,.play-link:hover{transform:none}.primary-link:active,.play-link:active{transform:scale(.98)}}.play-dot{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink)}.hero-card{grid-area:card;position:relative;align-self:stretch;min-height:min(74vh,760px);overflow:hidden;border-radius:var(--radius);background:var(--ink);box-shadow:0 30px 90px #10110f2e}.hero-card:before{content:"";position:absolute;inset:12px;z-index:2;border:1px solid rgba(255,250,240,.42);border-radius:calc(var(--radius) - 2px);pointer-events:none}.hero-card-media,.hero-card-media img{width:100%;height:100%}.hero-card-media img{object-fit:cover;opacity:.9;filter:saturate(.88) contrast(1.08)}.media-badge{position:absolute;right:26px;bottom:26px;z-index:3;border-radius:999px;padding:10px 14px;background:var(--lime);color:var(--ink);font-weight:850}.hero-meta{position:absolute;top:28px;left:28px;right:28px;z-index:3;display:grid;gap:10px}.meta-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:999px;padding:12px 14px;background:#10110f7a;color:var(--paper-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.meta-item span{color:#fffaf0ad;font-size:.78rem;font-weight:700;text-transform:uppercase}.meta-item strong{font-size:.9rem}.hero-stats{grid-area:stats;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{min-height:124px;border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:#fffaf075}.stat strong{display:block;margin-bottom:16px;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.88}.stat span{color:var(--muted);font-weight:750}.section-pad{width:var(--content);margin:0 auto;padding:clamp(88px,13vw,178px) 0}.intro{display:grid;grid-template-columns:.28fr 1fr;gap:clamp(28px,5vw,86px)}.section-label{margin:0;color:var(--muted);font-size:.82rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.section-title{font-size:clamp(2.9rem,7.2vw,9rem);line-height:.9}.section-title.compact{max-width:980px;font-size:clamp(2.7rem,6vw,7.6rem)}.lead-copy{grid-column:2;max-width:920px;color:var(--muted);font-size:clamp(1.25rem,2.6vw,2.25rem);font-weight:650;line-height:1.18}.section-head{display:grid;grid-template-columns:.28fr 1fr;gap:clamp(24px,5vw,84px);margin-bottom:clamp(34px,6vw,82px)}.project-grid{display:grid;gap:clamp(18px,2.4vw,34px)}.project-card{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--paper-strong)}.project-card a{display:grid;min-height:clamp(430px,62vw,760px);grid-template-columns:1.14fr .86fr;border:1px solid var(--line)}.project-media{position:relative;overflow:hidden;background:var(--ink)}.project-media img{width:100%;height:112%;object-fit:cover;opacity:.88;transition:transform .8s cubic-bezier(.19,1,.22,1),opacity .5s ease}@media(hover:hover){.project-card:hover .project-media img{transform:scale(1.06);opacity:1}.project-card:hover .project-cursor{transform:translateY(0);opacity:1}}.project-cursor{position:absolute;top:22px;right:22px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:11px 14px;background:var(--project-accent);color:var(--ink);font-weight:900;transform:translateY(-12px);opacity:0;transition:transform .26s ease,opacity .26s ease}.project-info{display:flex;min-width:0;flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(24px,4vw,58px)}.project-info h3{margin:0 0 18px;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.5rem,5.6vw,7rem);line-height:.86;letter-spacing:0}.project-info p{max-width:520px;margin:0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.25rem);font-weight:650}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tags span{border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-size:.84rem;font-weight:850}.client-strip{width:100%;overflow:hidden;border-block:1px solid var(--line);padding:22px 0;background:var(--ink);color:var(--paper-strong)}.marquee{display:flex;width:max-content;gap:12px;animation:marquee 28s linear infinite}.brand-pill{display:inline-flex;min-width:160px;height:58px;align-items:center;justify-content:center;border:1px solid rgba(255,250,240,.22);border-radius:999px;color:#fffaf0cc;font-family:Space Grotesk,Inter,sans-serif;font-weight:800}@keyframes marquee{to{transform:translate(-50%)}}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:.18fr .35fr .47fr;gap:clamp(18px,4vw,60px);align-items:start;border-bottom:1px solid var(--line);padding:clamp(26px,5vw,58px) 0}.service-row span{color:var(--muted);font-weight:900}.service-row h3{margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.3rem,4.8vw,6rem);line-height:.92}.service-row p{margin:0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.4rem);font-weight:650}.footer{padding:clamp(90px,13vw,180px) 0 28px;background:var(--ink);color:var(--paper-strong)}.footer-inner{width:var(--content);margin:0 auto}.footer .section-label{color:#fffaf094}.footer-title{max-width:1280px;margin-top:28px;font-size:clamp(3.2rem,8.2vw,10rem);line-height:.86}.footer-cta{display:inline-flex;min-height:74px;align-items:center;gap:14px;margin-top:clamp(34px,5vw,68px);border-radius:999px;padding:0 28px;background:var(--lime);color:var(--ink);font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.05rem,2vw,1.8rem);font-weight:850;will-change:transform;touch-action:manipulation;transition:transform .3s ease}.footer-cta:active{transform:scale(.97)}@media(hover:none)and (pointer:coarse){.footer-cta:active{transform:scale(.96)}}.showreel{position:fixed;inset:0;z-index:110;display:grid;place-items:center;visibility:hidden;padding:24px;background:#10110fdb;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.showreel-close{position:fixed;top:22px;right:22px;z-index:2;background:var(--paper-strong);color:var(--ink)}.showreel-panel{width:min(100%,1180px);overflow:hidden;border:1px solid rgba(255,250,240,.26);border-radius:var(--radius);background:#050505;box-shadow:0 35px 120px #00000073}.showreel-screen{position:relative;aspect-ratio:16 / 9;overflow:hidden}.showreel-screen img{width:100%;height:100%;object-fit:cover;opacity:.8;animation:slowZoom 9s ease-in-out infinite alternate}.scanline{position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 1px,transparent 1px,transparent 7px);mix-blend-mode:overlay;opacity:.22;pointer-events:none}.showreel-caption{position:absolute;left:22px;right:22px;bottom:22px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--paper-strong);font-weight:850}.showreel-caption span{border-radius:999px;padding:8px 11px;background:var(--coral)}@keyframes slowZoom{to{transform:scale(1.06)}}@media(max-width:1200px){.service-row{grid-template-columns:.15fr .4fr .45fr;gap:clamp(16px,3vw,40px)}}@media(max-width:1024px){.hero{padding:clamp(100px,12vh,140px) 0 32px}.hero-title{font-size:clamp(3.8rem,9.5vw,8rem)}.hero-card{min-height:min(68vh,680px)}.section-title{font-size:clamp(2.6rem,7.8vw,7rem)}.section-title.compact{font-size:clamp(2.4rem,6.5vw,6rem)}.lead-copy{font-size:clamp(1.15rem,2.8vw,1.9rem)}}@media(max-width:980px){.desktop-nav{display:none}.menu-button{display:inline-grid}.hero{min-height:auto;padding-top:108px;grid-template-columns:1fr;grid-template-areas:"copy" "card" "stats"}.hero-card{min-height:520px}.hero-stats{grid-template-columns:repeat(3,1fr)}.intro,.section-head{grid-template-columns:1fr;gap:clamp(18px,4vw,32px)}.lead-copy{grid-column:auto}.project-card a{min-height:auto;grid-template-columns:1fr}.project-media{aspect-ratio:1 / .72}.project-cursor{transform:none;opacity:1}.service-row{grid-template-columns:1fr;gap:14px}.service-row span{font-size:.9rem}.footer-cta{padding:0 24px;min-height:68px}}@media(max-width:768px){.hero{padding-top:96px;gap:20px}.hero-title{font-size:clamp(3.5rem,11vw,5.2rem)}.hero-actions{align-items:stretch;flex-direction:column;margin-top:28px}.primary-link,.play-link{width:100%;min-height:54px}.hero-card{min-height:400px}.hero-stats{grid-template-columns:1fr;gap:10px}.stat{min-height:110px;padding:16px}.section-title{font-size:clamp(2.4rem,9vw,4.5rem)}.section-title.compact{font-size:clamp(2.2rem,8vw,4rem)}.lead-copy{font-size:clamp(1.1rem,4.5vw,1.6rem)}.media-badge{right:18px;bottom:18px;padding:8px 12px;font-size:.85rem}}@media(max-width:640px){:root{--wide: min(100% - 32px, 1760px);--content: min(100% - 32px, 1380px)}.nav-shell{top:10px;width:min(100% - 24px,920px);height:54px}.brand span:last-child{display:none}.brand-mark{width:36px;height:36px;font-size:.74rem}.icon-button{width:38px;height:38px}.hero{gap:16px;padding-top:88px}.hero-title{font-size:clamp(3.2rem,16vw,5rem)}.hero-title:after{font-size:.52em;-webkit-text-stroke:1.2px rgba(16,17,15,.58);transform:none}.hero-actions{align-items:stretch;flex-direction:column;margin-top:24px}.primary-link,.play-link{width:100%;min-height:52px}.hero-card{min-height:420px}.hero-meta{top:14px;left:14px;right:14px}.meta-item{align-items:flex-start;flex-direction:column;border-radius:var(--radius);gap:4px;padding:10px 12px}.meta-item span{font-size:.72rem}.meta-item strong{font-size:.86rem}.hero-stats{grid-template-columns:1fr}.stat{min-height:100px;padding:14px}.stat strong{margin-bottom:12px;font-size:clamp(2rem,8vw,3.2rem)}.stat span{font-size:.88rem}.section-pad{padding:64px 0}.section-label{font-size:.76rem}.section-title{font-size:clamp(2.2rem,11vw,3.8rem)}.section-title.compact{font-size:clamp(2rem,9.5vw,3.4rem)}.lead-copy{font-size:clamp(1.05rem,5vw,1.4rem);line-height:1.28}.project-info{padding:22px}.project-info h3{font-size:clamp(2rem,9vw,3.5rem)}.project-info p{font-size:clamp(.94rem,3.8vw,1.1rem)}.project-media{aspect-ratio:1 / .9}.service-row{padding:clamp(22px,4.5vw,34px) 0}.service-row h3{font-size:clamp(1.9rem,8vw,3rem)}.service-row p{font-size:clamp(.94rem,3.8vw,1.1rem)}.footer{padding:clamp(68px,11vw,120px) 0 24px}.footer-title{margin-top:22px;font-size:clamp(2.4rem,10vw,5rem);line-height:.92}.footer-cta{font-size:clamp(.96rem,4.3vw,1.2rem);min-height:62px;padding:0 20px;margin-top:clamp(28px,4vw,48px)}.mobile-menu a{font-size:clamp(2.6rem,13vw,5rem)}.showreel-panel{width:100%}.showreel-close{top:16px;right:16px}.showreel-caption{left:14px;right:14px;bottom:14px;font-size:.88rem}}@media(max-width:640px)and (orientation:landscape){.hero{min-height:auto;padding:78px 0 24px}.hero-card{min-height:360px}.mobile-menu{padding:80px 24px 32px}.mobile-menu a{font-size:clamp(2.2rem,11vw,4rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.word{transform:none!important}}