:root{--ink:#12211b;--cream:#f5f2e9;--paper:#fffdf7;--lime:#c8f15a;--mint:#70d6ad;--orange:#ff7a4f;--line:rgba(18,33,27,.14);--muted:#64716b;--serif:"Manrope",sans-serif;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.55}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;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='.9'/%3E%3C/svg%3E")}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:10;background:rgba(245,242,233,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--serif);font-weight:800}.brand span{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--lime);border-radius:50%;font-size:12px}.nav-links{display:flex;gap:34px}.nav-links a,.footer a{color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}.nav-links a:hover,.footer a:hover{opacity:.55}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:white;text-decoration:none;padding:15px 21px;border-radius:6px;font-weight:700;box-shadow:5px 5px 0 var(--lime);transition:.2s transform,.2s box-shadow}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--lime)}.button-small{padding:10px 15px;font-size:13px;box-shadow:none}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;padding-top:100px}.hero-copy{padding:38px 0 44px}.availability{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);padding:6px 11px;border-radius:99px;font-size:13px;font-weight:600;background:rgba(255,255,255,.45)}.availability span{width:8px;height:8px;border-radius:50%;background:#35ad70;box-shadow:0 0 0 5px rgba(53,173,112,.12)}h1,h2,h3{font-family:var(--serif);line-height:1.05;margin:0}h1{font-size:clamp(52px,7vw,88px);letter-spacing:-.055em;margin:30px 0 28px}h1 em,h2 em{font-style:normal;color:#258463}.hero-lead{max-width:610px;font-size:20px;color:var(--muted);margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:28px}.text-link,.project-link{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:2px}.hero-panel{position:relative;min-height:510px;background:var(--ink);border-radius:240px 240px 18px 18px;overflow:hidden;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:270px;height:270px;background:var(--lime);top:58px;right:-68px}.orb-two{width:210px;height:210px;background:var(--orange);bottom:-42px;left:-40px}.code-window{position:relative;z-index:2;width:82%;background:rgba(255,253,247,.96);border:1px solid white;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.35);padding:18px;transform:rotate(-2.5deg)}.window-dots{display:flex;gap:5px;padding-bottom:15px;border-bottom:1px solid var(--line)}.window-dots i{width:8px;height:8px;border-radius:50%;background:#d4d0c5}.window-dots i:first-child{background:var(--orange)}.window-dots i:nth-child(2){background:#f1c85a}.window-dots i:last-child{background:var(--mint)}pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;font-size:14px;line-height:1.8;padding:22px 7px;margin:0}code b{color:#784ac7}code span{color:#d75d37}.status-line{display:flex;gap:9px;align-items:center;background:#e9f7ef;border-radius:5px;padding:9px 12px;color:#257553;font-weight:700;font-size:13px}.metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-top:4px}.metrics div{padding:0 32px;border-right:1px solid var(--line)}.metrics div:first-child{padding-left:0}.metrics div:last-child{border:0}.metrics strong{display:block;font-family:var(--serif);font-size:30px;letter-spacing:-.04em}.metrics span{font-size:13px;color:var(--muted)}.marquee{margin-top:70px;overflow:hidden;background:var(--lime);border-block:1px solid var(--ink);padding:14px 0;white-space:nowrap;transform:rotate(-1deg);font-family:var(--serif);font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.08em}.marquee div{width:max-content;animation:run 24s linear infinite}.marquee span{margin:0 20px}@keyframes run{to{transform:translateX(-35%)}}.section{padding-top:128px;padding-bottom:128px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px}.section-head h2,.about h2,.cta h2{font-size:clamp(38px,5vw,62px);letter-spacing:-.045em;margin-top:10px}.section-head>p{max-width:460px;color:var(--muted);font-size:17px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:800;color:#258463}.filters{display:flex;gap:10px;margin-bottom:22px}.filter{border:1px solid var(--line);border-radius:99px;background:transparent;padding:8px 15px;font:600 13px var(--sans);cursor:pointer;color:var(--ink)}.filter.active,.filter:hover{background:var(--ink);color:white}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}.project:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(18,33,27,.09)}.project.hidden{display:none}.project-featured{grid-column:1/-1;display:grid;grid-template-columns:1.18fr .82fr}.project-art{height:300px;position:relative;overflow:hidden}.project-featured .project-art{height:100%;min-height:440px}.project-copy{padding:30px}.project-copy h3{font-size:26px;margin:10px 0 13px;letter-spacing:-.03em}.project-copy p{color:var(--muted);margin:0 0 20px}.project-type,.case-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#258463}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px}.tags span{font-size:12px;background:#edf0eb;padding:5px 9px;border-radius:4px}.case-label{display:block;color:#8a938e}.project-link{display:inline-block;font-size:13px}.art-kms{background:#ffd8ce}.phone{position:absolute;width:190px;height:380px;background:var(--ink);border-radius:28px;padding:8px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(4deg);box-shadow:0 28px 50px rgba(68,25,17,.24)}.phone-screen{height:100%;border-radius:21px;background:linear-gradient(150deg,#fff9f5,#f3a78f);display:flex;flex-direction:column;align-items:center;justify-content:center}.phone-screen b{font:800 23px var(--serif)}.phone-screen span{font-size:12px}.phone-screen i{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:white;color:var(--orange);font-style:normal;font-size:28px;margin-top:30px}.mock-card{position:absolute;background:white;border-radius:7px;padding:10px 13px;font-size:12px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.12);z-index:2}.card-a{top:28%;left:8%;transform:rotate(-6deg)}.card-b{right:7%;bottom:25%;transform:rotate(5deg)}.art-deals{background:#d5efd6}.map-lines{position:absolute;inset:-30%;background:repeating-linear-gradient(63deg,transparent 0 27px,rgba(18,33,27,.12) 28px 30px),repeating-linear-gradient(-25deg,transparent 0 50px,rgba(18,33,27,.08) 51px 53px)}.pin{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;background:var(--orange);color:white;border-radius:50% 50% 50% 12%;rotate:-45deg;font:800 25px var(--serif);box-shadow:0 16px 28px rgba(105,49,32,.2)}.pin::first-letter{rotate:45deg}.deal-pill{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:10px 17px;border-radius:99px;font-size:12px;white-space:nowrap}.art-web{background:#d8d9ff;display:grid;place-items:center}.browser-card{width:82%;height:72%;background:white;border-radius:8px;box-shadow:0 20px 44px rgba(35,34,90,.2);overflow:hidden;transform:rotate(2deg)}.browser-top{height:28px;background:#f0f0f5;padding:8px 12px;color:#bbb;font-size:7px}.web-shape{width:54%;height:55%;margin:22px;background:var(--ink);border-radius:50% 50% 12px 12px;float:left}.web-lines{height:8px;width:22%;background:var(--orange);margin-top:42px;float:left;box-shadow:0 20px 0 #d3d3d3,0 40px 0 #d3d3d3}.art-skills{background:#cceef5;display:grid;place-items:center}.skill-card{width:70%;background:white;border-radius:9px;padding:24px;box-shadow:8px 8px 0 var(--ink)}.skill-card b{font:800 18px var(--serif);display:block}.skill-card span{font-size:12px;color:var(--muted)}.avatar-row{position:absolute;top:35px;display:flex}.avatar-row i{width:44px;height:44px;border-radius:50%;background:var(--orange);border:3px solid #cceef5;margin-left:-8px}.avatar-row i:nth-child(2){background:var(--mint)}.avatar-row i:nth-child(3){background:#827be3}.art-school{background:#ffe9a9;display:grid;place-items:center}.calendar{width:150px;background:white;text-align:center;border-radius:10px;padding:18px;box-shadow:10px 10px 0 var(--orange);transform:rotate(-4deg)}.calendar b{display:block;font:800 55px var(--serif);line-height:1}.calendar span{font-size:12px}.school-note{position:absolute;right:28px;bottom:24px;background:var(--ink);color:white;padding:14px 18px;border-radius:7px;font-size:11px;line-height:1.9;rotate:5deg}.services{background:var(--ink);color:white}.services .eyebrow{color:var(--lime)}.services .section-head>p{color:#aeb9b4}.service-list{border-top:1px solid rgba(255,255,255,.18)}.service{display:grid;grid-template-columns:80px 1fr 50px;gap:20px;align-items:center;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.18)}.service>span{color:var(--lime);font:700 12px var(--serif)}.service h3{font-size:25px;margin-bottom:7px}.service p{color:#aeb9b4;margin:0;max-width:740px}.service>b{font-size:24px;color:var(--lime)}.about-card{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:70px}.about-copy{font-size:17px;color:var(--muted)}.about-copy p:first-child{margin-top:0}.rate{border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.rate span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.rate strong{display:block;color:var(--ink);font:800 25px var(--serif);margin-top:6px}.rate i{font:500 13px var(--sans);color:var(--muted)}.cta{background:var(--orange);text-align:center;padding:120px 0;border-block:1px solid var(--ink)}.cta .eyebrow{color:var(--ink)}.cta p{max-width:590px;margin:24px auto 30px;font-size:18px}.button-light{background:white;color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.button-light:hover{box-shadow:2px 2px 0 var(--ink)}.footer{height:110px;display:flex;align-items:center;justify-content:space-between}.footer p{font-size:13px;color:var(--muted)}.footer>div{display:flex;gap:25px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:820px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{padding-bottom:0}.hero-panel{min-height:390px}.metrics{grid-template-columns:repeat(2,1fr);gap:24px}.metrics div:nth-child(2){border:0}.metrics div:nth-child(3){padding-left:0}.section-head{display:block}.section-head>p{margin-top:20px}.project-grid{grid-template-columns:1fr}.project-featured{grid-column:auto;display:block}.project-featured .project-art{height:320px;min-height:0}.about-card{grid-template-columns:1fr;gap:40px;padding:40px}.service{grid-template-columns:45px 1fr}.service>b{display:none}}@media(max-width:540px){.shell{width:min(100% - 28px,1160px)}.nav{height:66px}.button-small{font-size:0}.button-small span{font-size:14px}.hero{gap:30px}.hero-actions{align-items:flex-start;flex-direction:column}.metrics{padding:22px 0}.metrics div{padding:0 14px}.metrics strong{font-size:23px}.section{padding:90px 0}.project-art{height:240px}.phone{scale:.75}.filters{overflow:auto;padding-bottom:6px}.filter{white-space:nowrap}.about-card{padding:28px}.footer{height:auto;padding:35px 0;flex-wrap:wrap;gap:18px}.footer p{order:3;width:100%}}