@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18201e;--muted:#69716d;--paper:#f3f4ee;--lime:#c5f35c;--line:#d6dad0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.noise{position:fixed;inset:0;opacity:.04;pointer-events:none;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.site-header{height:84px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.logo{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-weight:800;font-size:17px}.logo-mark{background:var(--ink);color:var(--lime);display:grid;place-items:center;height:32px;width:32px;border-radius:50%;font-size:11px}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav a,footer a{font-size:12px;color:var(--ink);text-decoration:none}.nav-cta{border:1px solid var(--ink);padding:12px 16px;border-radius:30px}.nav-cta span,.button span,.email span{font-size:18px;margin-left:13px}.menu{display:none;background:none;border:0;font-size:22px}.section{padding:120px 11vw;max-width:1600px;margin:auto}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:80px;padding-bottom:80px}.kicker,.section-label{font-family:'DM Mono',monospace;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.kicker{display:flex;align-items:center;gap:11px}.kicker i{width:7px;height:7px;background:var(--lime);border-radius:50%;display:inline-block}.hero h1{font-size:clamp(58px,8vw,130px);line-height:.9;letter-spacing:-.075em;margin:32px 0}.hero h1 em,.intro h2 em,.capabilities h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.hero-text{color:var(--muted);max-width:350px;font-size:15px;line-height:1.7}.button{display:inline-flex;align-items:center;background:var(--ink);color:var(--paper);text-decoration:none;border-radius:30px;padding:17px 22px;margin-top:28px;font-size:12px}.hero-visual{height:520px;position:relative;display:grid;place-items:center}.portrait-placeholder{height:375px;width:285px;background:linear-gradient(145deg,#263630,#a4ad9f);border-radius:145px 145px 12px 12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:28px;color:var(--lime);position:relative;overflow:hidden;box-shadow:20px 20px 0 var(--lime)}.portrait-placeholder:before{content:'';position:absolute;width:145px;height:145px;background:#d0aa88;border-radius:50%;top:64px;box-shadow:0 -18px 0 18px #1c2a25}.portrait-placeholder span{font-size:46px;font-weight:800;z-index:1}.portrait-placeholder small{font:10px 'DM Mono';z-index:1;color:#eaf5d4;text-transform:uppercase}.orbit{position:absolute;border:1px solid #b9c1b6;border-radius:50%;width:470px;height:470px;transform:rotate(-28deg)}.orbit-a{border-top-color:var(--lime)}.orbit-b{width:560px;height:240px;transform:rotate(52deg)}.stamp{position:absolute;bottom:30px;left:15%;background:var(--lime);border-radius:50%;height:94px;width:94px;display:grid;place-items:center;text-align:center;font-weight:800;font-size:21px;line-height:.85;transform:rotate(-12deg)}.stamp span{font:7px 'DM Mono';line-height:1.1}.intro,.services,.work,.capabilities{border-top:1px solid var(--line)}.section-label{color:var(--muted);margin-bottom:65px}.intro-content,.cap-content{display:grid;grid-template-columns:1.1fr 1fr;gap:11vw}.intro h2,.work h2,.capabilities h2,.contact h2{font-size:clamp(40px,5vw,78px);line-height:1;letter-spacing:-.07em;margin:0}.intro-content p,.cap-content p{color:var(--muted);line-height:1.9;max-width:440px;margin:5px 0 30px}.meta{font:11px 'DM Mono';display:flex;gap:12px;text-transform:uppercase}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.service{padding:31px 25px 40px 0;border-bottom:1px solid var(--line)}.service:nth-child(odd){border-right:1px solid var(--line);padding-right:8vw}.service:nth-child(even){padding-left:5vw}.service-no{font:11px 'DM Mono';color:#99a19a}.service h3{font-size:24px;margin:25px 0 13px}.service p{color:var(--muted);font-size:13px;line-height:1.8;max-width:350px}.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.work h2 span{color:#99be29}.work-head p{color:var(--muted);font-size:13px;max-width:230px;line-height:1.6}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project{min-height:290px;background:#dfe5dc;padding:25px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:var(--ink);position:relative;overflow:hidden}.project:nth-child(2){background:#d5e4bd}.project:nth-child(3){background:#dad8cd}.project:nth-child(4){background:#dde0d2}.project:after{content:'↗';position:absolute;right:26px;top:20px;font-size:28px}.project small{font:10px 'DM Mono';text-transform:uppercase}.project h3{font-size:37px;letter-spacing:-.06em;margin:0}.project p{font-size:12px;color:#5d655d;max-width:250px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid #bfc6ba;border-radius:30px;padding:10px 14px;font:11px 'DM Mono'}.apps{margin-top:100px;border-top:1px solid var(--line);padding-top:20px;display:flex;gap:90px;font:11px 'DM Mono';text-transform:uppercase}.apps div{display:flex;gap:25px;color:var(--muted)}.contact{padding-top:70px;padding-bottom:100px}.contact-card{background:var(--ink);color:var(--paper);padding:75px 8vw}.contact h2{margin:25px 0 50px}.email{color:var(--lime);font-size:18px;text-decoration:none;border-bottom:1px solid #53604e;padding-bottom:12px}.contact .kicker{color:#c8d0c7}footer{border-top:1px solid var(--line);display:flex;gap:28px;padding:28px 6vw;justify-content:flex-end;font:10px 'DM Mono';text-transform:uppercase}footer span:first-child{margin-right:auto}dialog{border:0;padding:35px;max-width:520px;background:var(--ink);color:var(--paper);box-shadow:0 10px 60px #0005}dialog::backdrop{background:#18201e99}.close{float:right;background:none;border:0;color:white;font-size:25px}dialog p{line-height:1.7;color:#c4cdc3;font-size:13px}dialog h3{font-size:24px}
@media(max-width:700px){.site-header{height:70px;padding:0 6vw}.site-header nav{display:none}.menu{display:block}.section{padding:80px 7vw}.hero{display:block;min-height:auto;padding-top:65px}.hero h1{font-size:65px}.hero-visual{height:450px;margin-top:35px}.portrait-placeholder{height:310px;width:235px}.orbit{width:380px;height:380px}.orbit-b{width:430px;height:180px}.intro-content,.cap-content{display:block}.intro-content p,.cap-content p{margin-top:35px}.service-grid,.project-grid{grid-template-columns:1fr}.service:nth-child(odd){border-right:0;padding-right:0}.service:nth-child(even){padding-left:0}.work-head{display:block}.work-head p{margin-top:25px}.project{min-height:230px}.apps{gap:20px;display:block}.apps div{margin-top:20px;flex-wrap:wrap}footer{padding:25px 7vw;flex-wrap:wrap;gap:15px}footer span:first-child{width:100%}}

/* Motion layer */
body:before{content:"";position:fixed;z-index:-1;width:42vw;height:42vw;left:-18vw;top:8vh;border-radius:50%;background:radial-gradient(circle,#dfff8a 0%,rgba(223,255,138,0) 68%);opacity:.22;filter:blur(10px);animation:drift 18s ease-in-out infinite alternate}
.hero{position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:3%;top:7%;width:11px;height:11px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 12px #c5f35c22,0 0 35px #c5f35c;animation:pulse 3s ease-in-out infinite}.hero-copy{animation:rise .9s cubic-bezier(.2,.8,.2,1) both}.hero-visual{animation:rise 1s .1s cubic-bezier(.2,.8,.2,1) both}.orbit{animation:spin 24s linear infinite}.orbit-b{animation:spinReverse 29s linear infinite}.portrait-placeholder{animation:float 6s ease-in-out infinite}.stamp{animation:stampFloat 4.5s ease-in-out infinite}.button,.nav-cta{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.button:hover,.nav-cta:hover{transform:translateY(-4px);box-shadow:0 9px 0 var(--lime);background:#26332d}.service,.project,.tags span{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}.service:hover{transform:translateY(-7px);padding-left:12px}.project{transform:translateY(0);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}.project:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:14px 14px 0 var(--lime)}.project:nth-child(even):hover{transform:translateY(-10px) rotate(1deg)}.project:before{content:"";position:absolute;inset:-40% 40% auto -30%;height:160%;background:linear-gradient(110deg,transparent,#fff8,transparent);transform:rotate(18deg) translateX(-120%);transition:transform .7s ease}.project:hover:before{transform:rotate(18deg) translateX(170%)}.tags span:hover{background:var(--lime);border-color:var(--lime);transform:translateY(-3px)}.contact-card{position:relative;overflow:hidden}.contact-card:after{content:"";position:absolute;width:300px;height:300px;right:-70px;bottom:-150px;border:1px solid #c5f35c55;border-radius:50%;box-shadow:0 0 0 35px #c5f35c0d,0 0 0 70px #c5f35c08;animation:spin 20s linear infinite}.contact-card>*{position:relative;z-index:1}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.section-label{transition:letter-spacing .5s ease}.section-label:hover{letter-spacing:.25em}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes drift{to{transform:translate(30vw,18vh) scale(1.35)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes stampFloat{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-10px)}}@keyframes pulse{0%,100%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
.lang-switcher{display:flex;gap:4px;margin-left:5px;padding:3px;border:1px solid var(--line);border-radius:20px}.lang-switcher button{border:0;background:transparent;color:var(--muted);font:10px 'DM Mono';padding:7px 8px;border-radius:15px;cursor:pointer;transition:.25s}.lang-switcher button:hover,.lang-switcher button.active{background:var(--ink);color:var(--lime)}
.site-header{position:sticky;top:0;background:rgba(243,244,238,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:10}.logo{gap:10px;font-family:'DM Mono',monospace;letter-spacing:-.04em}.logo-name{font-size:16px}.logo-name span{font-weight:400;color:#7d877e}.logo-mark{position:relative;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:0;background:var(--ink);transform:rotate(-8deg);overflow:hidden}.logo-mark:after{content:"";position:absolute;right:-4px;bottom:-7px;width:18px;height:18px;border:1px solid var(--lime);border-radius:50%}.logo-mark b{font:700 11px Manrope,sans-serif;color:var(--lime);transform:rotate(8deg)}.logo-mark b+b{margin-left:-1px;color:#edf4de}.site-header nav{gap:30px}.site-header nav>a{position:relative;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#4e5952;padding:8px 0}.site-header nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:1px;background:var(--ink);transition:right .3s ease}.site-header nav>a:not(.nav-cta):hover:after{right:0}.nav-cta{display:flex;align-items:center;gap:14px;padding:11px 14px!important;border-color:#aeb8aa;transition:.25s}.nav-cta span{display:grid;place-items:center;background:var(--lime);border-radius:50%;width:21px;height:21px;font-size:15px;margin:0;transition:transform .25s}.nav-cta:hover span{transform:rotate(45deg)}.lang-switcher{align-items:center;margin-left:2px;background:#edf0e8;border-color:#d1d7cd}.globe{font:15px Arial;color:#7e887e;margin:0 2px 0 4px}.menu{width:34px;height:34px;padding:8px;border:1px solid var(--line);border-radius:50%;display:none;flex-direction:column;justify-content:center;gap:4px}.menu i{display:block;width:16px;height:1px;background:var(--ink);transition:.25s}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:700px){.site-header nav{display:none}.menu{display:flex}.logo-name{font-size:15px}.site-header{height:70px}}
.contact-dialog{width:min(560px,calc(100% - 32px));border:0;padding:42px;background:var(--paper);color:var(--ink);box-shadow:0 25px 90px #0005}.contact-dialog::backdrop{background:#18201e99;backdrop-filter:blur(5px)}.contact-dialog .close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;color:var(--ink);cursor:pointer}.contact-dialog h3{font-size:46px;letter-spacing:-.07em;margin:20px 0 8px}.contact-dialog>p:not(.kicker){color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 28px}.contact-dialog form{display:grid;gap:14px}.contact-dialog label{display:grid;gap:7px;color:var(--muted);font:10px 'DM Mono';text-transform:uppercase}.contact-dialog input,.contact-dialog textarea{border:1px solid var(--line);background:#fff;color:var(--ink);padding:13px;font:14px Manrope;resize:vertical;outline:0}.contact-dialog input:focus,.contact-dialog textarea:focus{border-color:var(--ink);box-shadow:3px 3px 0 var(--lime)}.contact-dialog .button{border:0;cursor:pointer;margin-top:6px;justify-content:center}.contact-dialog small{color:var(--muted);font-size:10px;line-height:1.5}