:root{--bg:#0b0b0c;--panel:#131210d1;--panel-2:#1c1a17;--text:#bcb5aa;--muted:#857d72;--title:#f7efe4;--line:#f7efe41f;--accent:#c8a36a;--sage:#9ca99d;--shadow:0 28px 80px #0000006b;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;interpolate-size:allow-keywords;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font:16px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background-color:#000;background-position:50%;background-size:cover;min-width:320px;margin:0;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset-inline:0}body:before{background:linear-gradient(#c8a36a1f,#0000);height:52vh;top:0}body:after{background:linear-gradient(#0000,#0b0b0cf2);height:28vh;bottom:0}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer;border:0;min-height:44px}a,button{color:inherit}a{text-decoration:none}#root{isolation:isolate;min-height:100svh;position:relative}.background-motion{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.squares{justify-content:space-around;height:100%;display:flex}.square{background:#c8a36a14;border:1px solid #f7efe41f;align-self:flex-end;width:1em;height:1em;animation:13s linear infinite squares;transform:translateY(110%)}.square:nth-child(2){filter:blur(4px);width:3em;height:1.5em;animation-duration:19s;animation-delay:1s}.square:nth-child(3){width:1em;height:2em;animation-duration:10s;animation-delay:1.5s}.square:nth-child(4){filter:blur(2px);width:1.5em;height:1em;animation-duration:15s;animation-delay:.5s}.square:nth-child(5){filter:blur(2px);width:2em;height:1.25em;animation-duration:16s;animation-delay:4s}.square:nth-child(6){width:2em;height:2.5em;animation-duration:12s;animation-delay:2s}.square:nth-child(7){filter:blur(3px);width:2em;height:4.5em;animation-duration:17s}.square:nth-child(8){filter:blur(5px);width:3em;height:1em;animation-duration:21s;animation-delay:5s}.square:nth-child(9){width:2em;height:1.5em;animation-duration:12s}.square:nth-child(10){filter:blur(1px);width:2.4em;height:3em;animation-duration:18s;animation-delay:6s}@keyframes squares{0%{transform:translateY(110%)rotate(-50deg)}to{transform:translateY(calc(-100vh - 120%))rotate(20deg)}}.topbar,main,footer{width:min(1560px,100% - 32px);margin:0 auto}.topbar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0c0bb8;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:10px;display:grid;position:sticky;top:12px;box-shadow:0 18px 60px #00000047}.brand{width:max-content;color:var(--title);background:0 0;grid-area:1/3;justify-self:end;align-items:center;gap:10px;font-weight:850;display:inline-flex}.brand span{aspect-ratio:1;border:1px solid var(--line);width:36px;color:var(--accent);background:#ffffff08;border-radius:8px;place-items:center;display:grid}nav{border-radius:8px;grid-area:1/1;width:fit-content;margin:0;padding:8px;position:relative}@supports (corner-shape:squircle){nav{border-shape:squircle;border-radius:24px}}nav ul:has(:not(:hover)){anchor-name:--menu-target}nav:before,nav:after{content:"";transition:all .5s;transition-timing-function:linear(0, .008 1.1%, .031 2.2%, .129 4.8%, .257 7.2%, .671 14.2%, .789 16.5%, .881 18.6%, .957 20.7%, 1.019 22.9%, 1.063 25.1%, 1.094 27.4%, 1.114 30.7%, 1.112 34.5%, 1.018 49.9%, .99 59.1%, 1);border-radius:8px;position:absolute}nav:before{z-index:-2;background-color:#0000;background-image:linear-gradient(#0e0e0d57,#0e0e0d57),url(https://images.unsplash.com/photo-1751220170218-e57d53bd4aa8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NTE1NjQ0MjR8&ixlib=rb-4.1.0&q=80&w=1800);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}nav:after{z-index:-1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#f7efe414}@supports (position-anchor:--menu-target){nav:before,nav:after{position-anchor:--menu-target;top:calc(anchor(bottom) - 4px);left:calc(anchor(left) + 1rem);right:calc(anchor(right) + 1rem);bottom:anchor(bottom)}nav:has(a:hover):before{top:anchor(top);left:anchor(left);right:anchor(right)}nav:has(a:hover):after{top:anchor(top);left:anchor(left);right:anchor(right)}nav:has(a.active):before{top:anchor(top);left:anchor(left);right:anchor(right)}nav:has(a.active):after{top:anchor(top);left:anchor(left);right:anchor(right)}}@supports not (position-anchor:--menu-target){nav:before,nav:after{inset:8px}}nav>ul{z-index:1;gap:20px;margin:0;padding-left:100px;padding-right:100px;list-style:none;display:flex;position:relative}nav>ul:after{content:"";z-index:-3;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;border-radius:8px;position:absolute;inset:-8px}@supports (corner-shape:squircle){nav>ul:after{border:squircle;border-radius:24px}nav:has(a:hover):before{corner-shape:squircle;border-radius:50%}nav:has(a:hover):after{corner-shape:squircle;border-radius:50%}nav:has(a.active):before{corner-shape:squircle;border-radius:50%}nav:has(a.active):after{corner-shape:squircle;border-radius:50%}nav:has(li:first-of-type a:hover):before{border-radius:32px 50% 50% 32px}nav:has(li:first-of-type a:hover):after{border-radius:32px 50% 50% 32px}nav:has(li:first-of-type a.active):before{border-radius:32px 50% 50% 32px}nav:has(li:first-of-type a.active):after{border-radius:32px 50% 50% 32px}nav:has(li:last-of-type a:hover):before{border-radius:50% 32px 32px 50%}nav:has(li:last-of-type a:hover):after{border-radius:50% 32px 32px 50%}nav:has(li:last-of-type a.active):before{border-radius:50% 32px 32px 50%}nav:has(li:last-of-type a.active):after{border-radius:50% 32px 32px 50%}}nav a{min-width:98px;color:var(--title);text-align:center;gap:1px;padding:.72rem 1rem;transition:color .22s,transform .22s;display:grid}nav a:hover,nav a.active{color:#fff7eb;anchor-name:--menu-target;position:relative;transform:translateY(-1px)}nav a small{color:var(--muted);font-size:.68rem}.nav-mail,.filters button,footer a,.ghost{border:1px solid var(--line);color:var(--text);background:#ffffff08;border-radius:999px;padding:9px 15px;transition:transform .22s,border-color .22s,color .22s,background .22s}.nav-mail{grid-area:1/2;justify-self:end}.nav-mail:hover,.filters button:hover,.filters button.active,footer a:hover,.ghost:hover{color:var(--title);border-color:#c8a36ab3;transform:translateY(-2px)}main{padding:24px 0 28px}section{padding:42px 0}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--title);letter-spacing:0;line-height:1.08}h1{max-width:760px;font-size:clamp(2.85rem,7vw,5.4rem)}h2{font-size:clamp(1.7rem,3vw,2.15rem)}h3{font-size:1.18rem}.hero{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:40px;min-height:calc(82svh - 80px);padding-top:28px;padding-bottom:34px;display:grid}.hero-copy,.page-head,.section-head{gap:14px;display:grid}.page-head{align-content:center;max-width:780px;min-height:22svh}.hero-copy p,.page-head p,.section-head p{max-width:660px}.hero h2{color:var(--sage);font-size:1.35rem}.eyebrow,.caption{color:var(--accent);letter-spacing:.12rem;text-transform:uppercase;font-size:.76rem;font-weight:850}.caption{color:var(--sage);margin-bottom:8px}.actions,.filters,.links,footer div,.tags,.stats,.visual-labels{flex-wrap:wrap;gap:10px;display:flex}.actions{margin-top:10px}.actions button,.banner button,form button{background:var(--title);color:#15120e;border-radius:999px;padding:12px 18px;font-weight:850;transition:transform .22s,box-shadow .22s,background .22s}.actions button:hover,.banner button:hover,form button:hover{background:#fffaf2;transform:translateY(-2px);box-shadow:0 16px 42px #f6efe524}form button:disabled{cursor:wait;opacity:.62;transform:none}.actions .ghost{color:var(--title);background:0 0}.stats{margin-top:18px}.stats span{border-left:1px solid var(--line);min-width:150px;color:var(--muted);padding-left:14px}.stats b{color:var(--title);display:block}.hero-visual{min-height:430px;position:relative}.hero-visual:before{content:"";filter:blur(54px);background:#c8a36a1f;border-radius:999px;height:280px;position:absolute;inset:18% -4% auto 12%}.window{border:1px solid var(--line);min-height:430px;box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffff14,#0000 34%),linear-gradient(#1c1a16e6,#0d0c0beb);border-radius:10px;transition:transform .28s,border-color .28s;position:relative;overflow:hidden}.window:hover{border-color:#c8a36a75;transform:translateY(-6px)}.window-top{border-bottom:1px solid var(--line);gap:8px;padding:18px;display:flex}.window-top span{aspect-ratio:1;background:#5b554c;border-radius:50%;width:10px}.preview-title{gap:4px;padding:24px 30px 12px;display:grid}.preview-title small{color:var(--muted)}.preview-title strong{color:var(--title);font-size:clamp(1.8rem,4vw,2.1rem)}.visual-labels{padding:0 30px 18px}.visual-labels span{border:1px solid var(--line);color:var(--title);background:#ffffff08;border-radius:999px;padding:5px 10px;font-size:.78rem}.preview-grid{grid-template-columns:1.4fr 1fr;gap:14px;padding:0 30px;display:grid}.preview-grid span{border:1px solid var(--line);background:linear-gradient(135deg,#c8a36a2e,#8fa19314);border-radius:8px;min-height:78px}.preview-grid span:nth-child(2),.preview-grid span:nth-child(3){background:#ffffff0a}.code-card{border:1px solid var(--line);color:#d6cab8;background:#0a0a0ac7;border-radius:8px;gap:5px;width:min(300px,100% - 52px);padding:20px;font:.9rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:absolute;bottom:22px;right:22px;box-shadow:0 20px 70px #0000005c}.section-head{margin-bottom:22px}.services-grid,.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card,.banner,form,aside{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#1b1a17db,#100f0edb);border-radius:10px}.card{min-height:182px;padding:22px;transition:transform .22s,border-color .22s,box-shadow .22s}.card:hover{box-shadow:var(--shadow);border-color:#c8a36a7a;transform:translateY(-6px)}.card-num{color:var(--accent);margin-bottom:22px;font-weight:900;display:inline-flex}.card h3,.stack h3{margin-bottom:10px}.timeline{max-width:900px;display:grid}.timeline article{border-top:1px solid var(--line);grid-template-columns:90px 1fr;gap:20px;padding:18px 0;display:grid}.timeline article:last-child{border-bottom:1px solid var(--line)}.timeline span{color:var(--accent);font-weight:900}.filters{margin:-28px 0 28px}.project{align-content:start;gap:14px;display:grid}.project-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.project-top span{color:var(--muted);font-size:.9rem}.project-shot{border:1px solid var(--line);background:#11100ed6;border-radius:8px;gap:9px;height:132px;margin:6px 0 8px;padding:16px;display:grid}.project-shot.has-image{padding:0;overflow:hidden}.project-shot img{object-fit:cover;width:100%;height:100%}.image-placeholder{gap:9px;display:grid}.image-placeholder:before,.image-placeholder:after,.image-placeholder span{content:"";border-radius:999px}.image-placeholder:before{background:linear-gradient(90deg,#f6efe52e,#c8a36a4d)}.image-placeholder span{background:#f6efe51a;width:76%}.image-placeholder:after{background:#8fa1933d;width:48%}.project-shot span{background:linear-gradient(90deg,#f6efe52e,#c8a36a4d);border-radius:999px}.project-shot span:nth-child(2){background:#f6efe51a;width:76%}.project-shot span:nth-child(3){background:#8fa1933d;width:48%}.tags span{border:1px solid var(--line);color:var(--title);background:#ffffff0a;border-radius:999px;padding:5px 10px;font-size:.84rem}.links{margin-top:6px}.links a{min-height:44px;color:var(--accent);align-items:center;font-weight:850;transition:color .2s;display:inline-flex}.links a:hover{color:var(--title)}.banner{justify-content:space-between;align-items:center;gap:22px;margin-top:28px;padding:24px;display:flex}.contact{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:20px;display:grid}form,aside{padding:24px}label{color:var(--title);gap:7px;margin-bottom:17px;font-weight:760;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:var(--title);resize:vertical;background:#11100edb;border-radius:8px;padding:13px 14px;transition:border-color .2s,background .2s}input:focus,textarea:focus{background:#151412;border-color:#c8a36abf;outline:0}.form-trap{width:1px;height:1px;position:absolute;left:-100vw;overflow:hidden}.form-status{border:1px solid var(--line);background:#ffffff08;border-radius:8px;margin-top:14px;padding:11px 13px}.form-status.success{color:#cfe0d1;border-color:#9ca99d73}.form-status.error{color:#e8c989;border-color:#c8a36a80}aside h2{margin:8px 0 12px}.contact-note{margin-bottom:22px}.stack+.stack{margin-top:24px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:28px 0 34px;display:flex}@media (width<=1180px){nav>ul{gap:10px;padding-left:24px;padding-right:24px}nav a{min-width:88px;padding-inline:.82rem}.services-grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=920px){.topbar{grid-template-columns:1fr auto;align-items:center;gap:10px;position:sticky;top:8px}.brand{grid-area:1/1;justify-self:start}.nav-mail{grid-area:1/2;justify-self:end}nav{grid-area:2/1/auto/-1;width:100%;margin:0;padding:6px}nav>ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;display:grid}nav a{border-radius:8px;align-content:center;min-width:0;min-height:50px;padding:.62rem .45rem}nav a.active{background:#f7efe414}.hero,.contact,.services-grid,.grid{grid-template-columns:1fr}.hero{align-items:start;min-height:auto}.hero-visual{min-height:auto}.window{min-height:420px}.banner{flex-direction:column;align-items:flex-start}}@media (width<=640px){:root{font-size:15px}.topbar,main,footer{width:min(100% - 20px,1180px)}.topbar{border-radius:8px;padding:8px}.brand{max-width:100%;min-height:44px;padding:0}.brand span{width:32px}.nav-mail{min-height:40px;padding:8px 12px;font-size:.92rem}main{padding-top:14px}section{padding:32px 0}h1{font-size:clamp(2.25rem,14vw,3.2rem)}h2{font-size:clamp(1.45rem,8vw,1.85rem)}h3{font-size:1.08rem}nav,nav>ul{width:100%}nav a{gap:0;font-size:.94rem}nav a small{display:none}.hero{gap:24px;padding-top:20px}.hero-copy,.page-head,.section-head{gap:10px}.page-head{min-height:auto;padding-top:28px}.actions{grid-template-columns:1fr 1fr;display:grid}.actions button,.banner button,form button{width:100%}.stats{grid-template-columns:1fr;margin-top:12px;display:grid}.stats span{min-width:0}.hero-visual:before{filter:blur(42px);height:180px;inset:18% 4% auto}.window{min-height:0}.preview-title,.preview-grid,.visual-labels{padding-inline:20px}.preview-grid{grid-template-columns:1fr;gap:10px}.preview-grid span{min-height:58px}.code-card{width:auto;margin:20px;padding:16px;font-size:.82rem;position:static}.services-grid,.grid{grid-template-columns:1fr;gap:12px}.card{min-height:auto;padding:18px}.card-num{margin-bottom:14px}.filters{grid-template-columns:repeat(3,minmax(0,1fr));margin:-10px 0 18px;display:grid}.filters button{padding-inline:10px}.project{gap:12px}.project-top{align-items:flex-start}.project-shot{height:150px;margin:2px 0 4px}.tags{gap:8px}.tags span{padding:5px 9px;font-size:.8rem}.timeline article{grid-template-columns:38px 1fr;gap:12px;padding:16px 0}.banner{margin-top:10px;padding:18px}.contact{gap:14px}form,aside{padding:18px}input,textarea{padding:12px}.banner,footer{flex-direction:column;align-items:flex-start}footer{gap:14px;padding:24px 0 28px}footer div{width:100%;display:grid}footer a{overflow-wrap:anywhere;text-align:center;width:100%}}@media (width<=420px){.topbar,main,footer{width:min(100% - 16px,1180px)}.actions{grid-template-columns:1fr}.eyebrow,.caption{letter-spacing:.08rem}.project-top{display:grid}.filters{gap:8px}}