/* Shared theme tokens keep both color schemes consistent. */
:root{--bg:#fafbf9;--surface:#fff;--ink:#172c2c;--muted:#727e7b;--line:#dfe5df;--accent:#087fdf;--soft:#edf2ed;--shadow:0 20px 65px #1936320b;color-scheme:light}html[data-theme=dark]{--bg:#111c1e;--surface:#19272a;--ink:#e8f1ed;--muted:#a0b1ad;--line:#344346;--accent:#54b4ff;--soft:#223235;--shadow:0 20px 65px #0003;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}p{margin:0 0 20px}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.nav{height:90px;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:center;font-size:27px;letter-spacing:-1.3px;font-weight:800}.brand-dot{color:var(--accent)}.brand-mark{font-style:italic;letter-spacing:-9px;margin-right:23px;font-size:36px;color:#073e79;position:relative}.brand-mark span{color:var(--accent)}.brand-mark i{position:absolute;width:5px;height:5px;background:var(--accent);top:7px;right:-8px}.nav nav{display:flex;gap:34px;margin-left:auto;font-size:13px}.nav nav a:hover,.socials a:hover{color:var(--accent)}.nav nav a:last-child span{padding-left:7px}.theme-toggle{border:1px solid var(--line);border-radius:50%;background:transparent;width:37px;height:37px;font-size:22px;line-height:1}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;padding-top:85px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin-bottom:25px}.status-dot{display:inline-block;width:7px;height:7px;background:#5a9e75;border-radius:50%;box-shadow:0 0 0 4px #5a9e7510;flex-shrink:0}h1,h2,h3{line-height:1.13;letter-spacing:-2.4px;margin:0;font-weight:500}h1{font-size:clamp(45px,5.1vw,66px);margin-bottom:26px;letter-spacing:-3.3px}h2{font-size:43px}h3{letter-spacing:-.7px;font-size:22px}.accent{color:var(--accent)}.italic{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic}.muted{color:var(--muted)}.hero-description{max-width:435px;color:var(--muted);line-height:1.9;font-size:15px}.hero-description strong{color:var(--ink);font-weight:500}.actions{display:flex;gap:12px;margin:30px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;border:1px solid var(--line);border-radius:5px;padding:13px 22px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.secondary{background:transparent}.socials{display:flex;gap:25px;font-size:11px;color:var(--muted);padding-top:2px}.hero-art{position:relative;align-self:start;background:#edf3ed;border:1px solid #dfe6de;border-radius:9px;margin-top:2px;transform:rotate(-2deg);box-shadow:var(--shadow);color:#34504b}.art-top,.art-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.3px;padding:20px 22px}.art-top>span:last-child{font-size:18px}.logo-stage{margin:0 27px;background:white;border:1px solid #e3e9e1;border-radius:4px;overflow:hidden}.logo-stage img{width:100%;height:280px;object-fit:contain;display:block}.art-bottom{letter-spacing:.2px;font-size:9px}.art-bottom>span:first-child{display:flex;align-items:center;gap:7px}.art-bottom>span:last-child{font-size:7px;letter-spacing:.7px}.orbit-tag{position:absolute;right:-17px;bottom:60px;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:12px 17px;border-radius:4px;font-size:10px;box-shadow:0 8px 25px #163b2110;transform:rotate(5deg)}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 25px;margin-top:0;color:var(--muted);font-size:9px;letter-spacing:1.5px}.hero-bottom a{font-size:10px;letter-spacing:0}.hero-bottom a span{margin-left:20px}.section{padding-block:88px}.about{border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.about-copy{padding-top:35px;color:var(--muted);font-size:13px;line-height:1.9}.lead{font-size:20px;color:var(--ink);line-height:1.5}.principles{display:flex;gap:22px;font-size:10px;color:var(--ink);border-top:1px solid var(--line);padding-top:21px;margin-top:28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading>p{font-size:12px;color:var(--muted);margin-bottom:4px}.filters{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:transparent;padding:8px 17px;border-radius:5px;font-size:11px;color:var(--muted)}.filters button.active{background:var(--ink);color:var(--bg)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.skill-card{border:1px solid var(--line);padding:25px 22px;background:var(--surface);border-radius:6px}.skill-icon{display:flex;width:35px;height:35px;border-radius:6px;background:var(--soft);color:var(--accent);align-items:center;justify-content:center;font-size:23px;margin-bottom:22px}.skill-card h3{font-size:16px;letter-spacing:-.4px;margin-bottom:18px}.badges{display:flex;gap:7px;flex-wrap:wrap}.badges span{background:var(--soft);padding:4px 9px;border-radius:4px;font-size:9px;color:var(--muted)}.projects-section{background:var(--soft);border-block:1px solid var(--line)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.project-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--surface)}.project-preview{height:232px;padding:28px 23px 0;position:relative;overflow:hidden}.commerce{background:#e7e9df}.analytics{background:#dee9ef}.workspace{background:#e8e2ed}.mini-window{background:#fcfcfa;border-radius:5px 5px 0 0;height:185px;box-shadow:0 8px 25px #24353815;overflow:hidden;color:#293b36;transform:rotate(-3deg);font-size:9px}.analytics .mini-window{transform:rotate(3deg)}.workspace .mini-window{transform:rotate(-2deg)}.mini-toolbar{height:22px;border-bottom:1px solid #e7eae7;display:flex;gap:3px;align-items:center;padding:0 9px}.mini-toolbar i{width:3px;height:3px;background:#cbd4cd;border-radius:50%}.mini-toolbar span{margin:auto;font-size:6px;color:#8c9991}.shop-nav{padding:10px 13px;font-size:14px;font-family:Georgia,serif}.shop-nav span{float:right;font-size:5px;font-family:Arial}.shop-body{display:flex;justify-content:space-between;padding:12px 15px;background:#f2f1e9}.shop-body small{font-size:5px;letter-spacing:1px}.shop-body b{font-family:Georgia,serif;font-weight:400;font-size:21px;line-height:1.1;display:block;margin:8px 0 12px}.tiny-button{font-size:5px;background:#384e3f;color:#fff;padding:5px}.vase{height:88px;width:58px;border-radius:15px 15px 24px 24px;background:linear-gradient(90deg,#a06a44,#d1ac7c,#8c5839);margin:15px 10px 0;position:relative}.vase:before{content:'';position:absolute;top:-11px;left:13px;width:33px;height:17px;border-radius:5px 5px 0 0;background:linear-gradient(90deg,#a06a44,#d1ac7c,#8c5839)}.dash-title{padding:13px 13px 8px;font-size:11px;font-weight:bold}.dash-title span{float:right;font-size:5px;font-weight:normal}.mini-metrics{display:flex;gap:9px;padding:0 13px}.mini-metrics>div{width:50%;border:1px solid #e2e8e8;border-radius:3px;padding:7px;font-size:5px;color:#7d8a88}.mini-metrics b{font-size:15px;color:#263e40;display:block;line-height:1.5}.mini-metrics em{color:#528a70;font-size:5px}.chart{height:67px;margin:8px 15px;display:flex;gap:7px;align-items:end;border-bottom:1px solid #dbe4e6;background:repeating-linear-gradient(to top,transparent 0 20px,#edf0f0 20px 21px)}.chart i{flex:1;background:#6f9ca8;border-radius:2px 2px 0 0;height:45%}.chart i:nth-child(3n){height:75%;background:#315e70}.chart i:nth-child(2n){height:60%}.chart i:nth-child(5n){height:95%}.kanban{display:flex;gap:7px;padding:9px}.kanban>div{width:33%;background:#f0f0f5;padding:5px;border-radius:3px}.kanban small{font-size:6px}.kanban p{padding:7px 5px;background:white;font-size:5px;line-height:1.6;margin:7px 0;border-radius:3px;box-shadow:0 1px 3px #0001}.kanban p i{display:block;background:#c8b3df;width:18px;height:3px;margin-bottom:6px}.kanban p span{display:block;font-size:4px;color:#929299;margin-top:10px}.preview-label{position:absolute;bottom:12px;left:18px;font-size:8px;background:#ffffffd9;color:#42534d;border-radius:3px;padding:4px 9px}.project-body{padding:23px}.project-number{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:12px}.project-body h3{font-size:21px;line-height:1.3;margin-bottom:12px}.project-body>p{font-size:11px;color:var(--muted);line-height:1.8;min-height:59px}.project-links{border-top:1px solid var(--line);margin-top:23px;padding-top:17px;display:flex;gap:13px;align-items:center;font-size:9px}.case-trigger{background:none;border:0;padding:0;margin-right:auto;font-size:10px;text-align:left}.project-links a{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-block:95px}.contact-grid h2{font-size:54px}.contact-intro{font-size:12px;color:var(--muted);margin-top:24px;line-height:1.9}.contact-note{display:flex;align-items:center;gap:18px;margin-top:35px}.contact-note>span{font-size:24px;border:1px solid var(--line);width:45px;height:45px;text-align:center;border-radius:50%}.contact-note p{font-size:11px;margin:0;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:15px}.field label{display:block;font-size:11px;margin-bottom:8px}.field input,.field textarea{width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:13px;font-size:11px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field-error{font-size:11px;color:#c74747;display:block}.field [aria-invalid=true]{border-color:#c74747}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.form-bottom>span{font-size:9px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding-block:27px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{font-size:22px}.footer p,.footer>a:last-child{font-size:9px;color:var(--muted);margin:0}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:45px;width:min(620px,calc(100% - 32px));max-height:85vh}dialog::backdrop{background:#061b28b0;backdrop-filter:blur(5px)}dialog h2{font-size:34px;margin-bottom:23px}dialog h3{font-size:18px;letter-spacing:-.3px;margin:25px 0 12px}dialog p{font-size:14px;color:var(--muted)}.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px}.concept-note{font-size:11px!important;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}body.modal-open{overflow:hidden}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:17px 25px;border-radius:7px;box-shadow:var(--shadow);z-index:50;width:max-content;max-width:calc(100% - 32px);font-size:13px}#toast[data-error=true]{border-left:4px solid #e46e68}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--bg);padding:12px;z-index:100}.skip-link:focus{top:10px}[hidden]{display:none!important}button:disabled{opacity:.6;cursor:wait}
@media(min-width:1500px){.hero{padding-top:110px}.logo-stage img{height:310px}.hero-bottom{margin-top:20px}}@media(max-width:1000px){.container{width:calc(100% - 48px)}.hero{gap:32px}.hero-art{margin-top:30px}.logo-stage{margin:0 15px}.logo-stage img{height:235px}h1{font-size:49px}.about-grid{gap:45px}.principles{flex-wrap:wrap;gap:12px}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{gap:15px}.project-preview{padding:23px 13px 0;height:218px}.project-body{padding:18px}.project-links{flex-wrap:wrap;gap:10px}.case-trigger{flex-basis:100%}.contact-grid{gap:45px}.art-bottom>span:last-child{display:none}}@media(max-width:700px){.container{width:calc(100% - 40px)}.nav{height:73px;gap:14px}.brand{font-size:23px}.brand-mark{font-size:30px;margin-right:19px}.nav nav{gap:14px;font-size:10px}.nav nav a:last-child span{display:none}.theme-toggle{width:30px;height:30px;flex-shrink:0}.hero{grid-template-columns:1fr;padding-top:47px;gap:32px}h1{font-size:54px;letter-spacing:-2.8px}.hero-description{font-size:14px;max-width:450px}.hero-art{margin:0 12px;max-width:470px;width:calc(100% - 24px);justify-self:center}.logo-stage img{height:260px}.art-bottom>span:last-child{display:block}.hero-bottom{font-size:7px;margin-top:12px}.hero-bottom a{font-size:9px}.hero-bottom a span{margin-left:6px}.section{padding-block:60px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:24px}.about-copy{padding-top:5px}.about-grid h2 br:nth-child(2){display:none}h2{font-size:37px}.section-heading{display:block}.section-heading>p{margin-top:22px}.projects-grid{grid-template-columns:1fr}.project-preview{height:270px;padding:30px 35px 0}.mini-window{height:230px}.shop-body{padding:18px 20px}.shop-body b{font-size:27px}.vase{height:108px;width:70px;margin-right:25px}.dash-title{font-size:15px;padding:17px}.mini-metrics{padding-inline:17px}.mini-metrics b{font-size:20px}.chart{height:83px}.kanban{padding:15px;gap:12px}.kanban p{font-size:7px;padding:10px 6px}.kanban small{font-size:8px}.kanban p span{font-size:5px}.project-body{padding:25px}.project-body>p{min-height:0;font-size:13px}.project-links{flex-wrap:nowrap;font-size:10px}.case-trigger{flex-basis:auto;font-size:11px}.contact-grid{gap:35px}.contact-grid h2{font-size:46px}.contact-note{display:none}.footer{flex-wrap:wrap}.footer p{order:3;width:100%;text-align:center}.skill-card{padding:20px 15px}.filters{gap:2px}.filters button{padding:8px 12px}.form-row{gap:12px}dialog{padding:35px 25px}}@media(max-width:380px){.nav nav{gap:9px}.brand-mark{display:none}.nav{gap:10px}h1{font-size:46px}.hero-bottom>span{max-width:135px}.form-row{grid-template-columns:1fr}.project-links{gap:9px;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}