@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{--bg:#111310;--panel:#1a1d18;--ink:#f0f0e8;--muted:#a2a69a;--lime:#d2fa69;--line:#34372e;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}.section-wrap{max-width:1320px;margin:auto;padding-left:64px;padding-right:64px}.mono,.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.3px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:400;line-height:1.8}.header{max-width:1440px;margin:auto;padding:30px 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:48px;font-weight:750;line-height:1;letter-spacing:-5px}.brand-dot{color:var(--lime);margin-right:20px}.brand-name{font-size:11px;font-weight:600;letter-spacing:1px;line-height:1.65}.brand-name small{font:8px var(--mono);letter-spacing:.6px;color:var(--muted)}nav{display:flex;gap:32px;align-items:center;font-size:12px}nav a{transition:color .2s}nav a:hover{color:var(--lime)}nav a>span{font:9px var(--mono);margin-left:4px;color:var(--muted)}nav .nav-contact{padding:12px 19px;border:1px solid #555b4a;border-radius:4px}nav .nav-contact span{font-size:16px;margin-left:17px;color:var(--lime)}.menu-toggle{display:none}.hero{padding-top:44px}.hero-top{display:flex;justify-content:space-between}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #d2fa6940}.hero-index{color:#858b7c}.hero-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:64px 0 65px}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,5.2vw,76px);letter-spacing:-4.4px;line-height:1.1;font-weight:500;white-space:nowrap}.serif-word{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}.hero h1 .serif-word{color:var(--lime)}.title-period{color:var(--lime);font-size:48px}.hero-copy>p{margin-top:28px;font-size:14px;line-height:1.85;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:17px 23px;border-radius:4px;font-size:12px;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:21px;line-height:1}.button-lime{background:var(--lime);color:var(--bg)}.hero .button{margin-top:31px}.hero-secondary{display:inline-block;font-size:11px;margin-left:20px;color:#c2c6b8}.hero-secondary span{margin-left:7px}.system-art{height:350px;position:relative;overflow:hidden;border:1px solid #373f2e;border-radius:7px;background:radial-gradient(ellipse at center,#42533144,transparent 66%),radial-gradient(#65764b33 1px,transparent 1px);background-size:auto,18px 18px}.art-top,.art-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;font-size:8px;z-index:2;color:#b8c1a8}.art-top{top:20px}.tiny-square{display:inline-block;width:5px;height:5px;background:var(--lime);margin-right:7px}.art-bottom{bottom:20px;align-items:center}.orbit{position:absolute;border:1px solid #92b85a33;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:215px;height:215px}.orbit-two{width:295px;height:295px}.orbit-three{width:380px;height:380px;border-style:dashed}.art-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);width:123px;height:123px;border:1px solid #abc66a60;background:linear-gradient(135deg,#39442b,#1c2418);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 70px #b6ed4b12,inset 0 1px 0 #ddff9440;animation:float 7s ease-in-out infinite}.core-symbol{font-size:74px;font-weight:700;letter-spacing:-7px;line-height:.9}.core-symbol span{color:var(--lime)}.art-core>.mono{font-size:7px;margin-top:14px;letter-spacing:1px}.art-node{position:absolute;font:9px var(--mono);letter-spacing:.6px;border:1px solid #586647;background:#20261c;padding:12px 14px;border-radius:5px;box-shadow:0 5px 15px #0003}.art-node b{color:var(--lime);font-weight:400;margin-right:10px}.node-data{left:8%;top:25%}.node-logic{right:6%;top:40%}.node-ui{bottom:20%;left:14%}.art-spark{position:absolute;color:var(--lime);font-size:20px}.spark-one{top:22%;right:23%}.spark-two{bottom:23%;right:28%;font-size:13px}.live-bars{display:flex;align-items:end;height:15px;gap:3px}.live-bars i{width:3px;height:7px;background:var(--lime);animation:bars 2s ease-in-out infinite alternate}.live-bars i:nth-child(2){height:12px;animation-delay:.3s}.live-bars i:nth-child(3){height:9px;animation-delay:.7s}.live-bars i:nth-child(4){height:15px;animation-delay:.4s}.hero-bottom{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding:22px 0 28px}.hero-bottom .mono{font-size:8px}.hero-bottom p{color:var(--muted);font-size:11px}.hero-bottom>a{margin-left:auto;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.tech-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1b1e17;display:flex;justify-content:space-evenly;gap:25px;padding:23px 30px;overflow:hidden;white-space:nowrap}.tech-strip span{font:12px var(--mono);letter-spacing:2px;color:#aeb4a1}.tech-strip i{color:var(--lime);font-style:normal;font-size:17px}.services,.projects{padding-top:100px}.section-heading h2,h2{font-size:48px;font-weight:450;line-height:1.14;letter-spacing:-2px}.section-heading h2{margin-top:20px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border:1px solid var(--line);border-radius:5px;overflow:hidden}.service-grid article{padding:30px;position:relative}.service-grid article+article{border-left:1px solid var(--line)}.service-icon{font-size:35px;color:var(--lime);line-height:1}.service-number{position:absolute;right:28px;top:35px;color:#8e9780}.service-grid h3{font-weight:500;font-size:19px;letter-spacing:-.5px;margin:29px 0 14px}.service-grid p{font-size:12px;line-height:1.9;color:var(--muted)}.service-tag{display:block;font:8px var(--mono);color:#c3cbb6;letter-spacing:1px;margin-top:27px}.heading-row{display:flex;align-items:end;justify-content:space-between}.heading-row>p{font-size:12px;line-height:1.8;color:var(--muted);padding-bottom:3px}.project-featured{margin-top:42px}.project-visual{height:305px;overflow:hidden;position:relative;border-radius:6px;border:1px solid #ffffff0b;display:flex;align-items:center;justify-content:center}.production-preview{height:400px;background:#242b20;background-image:linear-gradient(135deg,#46553660,transparent 60%),radial-gradient(#8b9d6330 1px,transparent 1px);background-size:auto,16px 16px;padding:40px 70px}.mock-app{display:flex;background:#f7f8f3;color:#272e24;width:100%;max-width:850px;border-radius:8px;box-shadow:0 25px 65px #0005;transform:perspective(1400px) rotateX(6deg) rotateY(-5deg) rotateZ(-2deg);font-size:9px;overflow:hidden}.mock-app aside{width:54px;background:#1b241b;padding:18px 0;display:flex;align-items:center;flex-direction:column;gap:20px;color:#809279;flex-shrink:0}.mock-logo{font-size:28px;font-weight:750;color:white;letter-spacing:-2px}.mock-logo span{color:var(--lime)}.mock-nav{font-size:16px}.mock-nav.active{color:var(--lime)}.mock-main{padding:17px 24px;width:100%;min-width:0}.mock-top{display:flex;align-items:center;justify-content:space-between;color:#7e837a;border-bottom:1px solid #dfe2d7;padding-bottom:12px}.mock-top b{font-weight:500;color:#343b2e}.mock-avatar{background:#e1e7d7;border-radius:50%;padding:5px 7px;color:#445c31}.mock-title{display:flex;justify-content:space-between;align-items:center;margin:19px 0}.mock-title small{font:6px var(--mono);letter-spacing:1px;color:#8b9184}.mock-title h4{font-size:19px;letter-spacing:-.5px;margin:6px 0 0;font-weight:600}.mock-pill{background:#263421;color:#e2eccd;border-radius:4px;padding:9px 12px;font-size:8px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.mock-stats>div{border:1px solid #e1e5d9;border-radius:5px;padding:12px;background:#fff}.mock-stats small{font-size:8px;color:#818878}.mock-stats strong{display:block;font-size:26px;margin-top:6px;font-weight:500}.mock-stats em{font-size:16px;float:right;color:#6a814a;font-style:normal}.mock-stats .green-dot{font-size:9px;margin-top:8px}.gantt{background:#fff;border:1px solid #e1e5d9;border-radius:5px;padding:10px}.gantt-labels{display:grid;grid-template-columns:1.2fr repeat(5,1fr);font:6px var(--mono);color:#7c8675;padding-bottom:9px}.gantt-labels span:not(:first-child){text-align:center}.gantt-row{height:25px;display:flex;align-items:center;border-top:1px solid #edf0e7;position:relative;background:repeating-linear-gradient(90deg,transparent,transparent 16.5%,#edf0e7 16.7%)}.gantt-row>span{background:white;width:20%;font-size:7px}.gantt-bar{position:absolute;font-size:6px;padding:5px 10px;border-radius:3px;font-style:normal}.bar-one{left:23%;width:42%;background:#c5e79e;color:#38512b}.bar-two{left:40%;width:37%;background:#e3dfb9;color:#776c35}.bar-three{left:30%;width:60%;background:#d5ddd0;color:#55644e}.preview-caption{position:absolute;bottom:13px;left:20px;font-size:7px;color:#a6b396;letter-spacing:1px}.project-info{padding:22px 0 35px;display:flex;justify-content:space-between;gap:15px;align-items:center}.project-tags{display:flex;gap:12px;font:7px var(--mono);letter-spacing:1px;color:var(--muted)}.project-tags span:first-child{color:var(--lime)}.project-info h3{font-size:24px;font-weight:450;letter-spacing:-.7px;margin:11px 0 8px}.project-info p{color:var(--muted);font-size:12px;line-height:1.65}.project-open{flex-shrink:0;width:43px;height:43px;border:1px solid #484e3e;border-radius:50%;background:transparent;color:var(--ink);font-size:24px;transition:background .2s,color .2s}.project-open:hover{background:var(--lime);color:var(--bg);border-color:var(--lime)}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.converter-preview{background:#25252a;gap:24px}.file-card{height:150px;width:109px;border-radius:7px;padding:15px;box-shadow:0 12px 25px #0003;display:flex;flex-direction:column;justify-content:space-between}.file-source{background:#e5e3df;color:#65605c;transform:rotate(-9deg)}.file-output{background:#d2fa69;color:#3b5124;transform:rotate(8deg)}.file-type{font:12px var(--mono);font-weight:500}.file-card small{font:7px var(--mono);white-space:nowrap}.file-card small b{margin-left:2px}.file-lines{display:grid;gap:7px}.file-lines i{height:3px;background:#bbb8b3;border-radius:2px}.file-lines i:last-child{width:65%}.mini-table{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mini-table i{height:15px;background:#aac75380}.convert-path{color:#e4e7dc;display:flex;flex-direction:column;gap:10px}.convert-path>span{font-size:30px}.convert-path small{font:6px/1.8 var(--mono);color:#959593}.commission-preview{background:#232b2b;padding:30px}.commission-card{width:85%;background:#182021;border:1px solid #42504c;border-radius:8px;padding:20px;transform:rotate(-4deg);box-shadow:0 20px 30px #0002}.commission-head{display:flex;justify-content:space-between;font-size:12px}.commission-head span:last-child{color:var(--lime)}.commission-card>small{display:block;font:6px var(--mono);color:#98aaa0;letter-spacing:.7px;margin-top:10px}.chart{height:125px;display:flex;align-items:end;gap:12px;padding:20px 0 0;background:repeating-linear-gradient(0deg,transparent,transparent 30px,#ffffff08 31px)}.chart i{background:#576d52;width:100%;height:var(--h);border-radius:3px 3px 0 0}.chart i:nth-child(even){background:#8cae6a}.chart i:last-child{background:var(--lime)}.chart-labels{display:flex;justify-content:space-between;font:5px var(--mono);color:#9cae9f;border-top:1px solid #435246;padding-top:12px}.chart-labels b{color:var(--lime);margin-left:5px}.skills-section{margin-top:65px;background:#1b1e17;border-block:1px solid var(--line)}.skills-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:75px;padding-bottom:75px}.skills-layout h2{font-size:42px;margin-top:22px}.skills-layout>div>p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:22px}.code-note{display:block;color:#b4c58c;margin-top:40px;font-size:10px}.skill-list>div{position:relative;padding:22px 0 22px 38px;border-bottom:1px solid #3c4233}.skill-list>div:first-child{padding-top:0}.skill-list>div:last-child{border:0;padding-bottom:0}.skill-list .mono{position:absolute;left:0;color:var(--lime);font-size:9px;top:27px}.skill-list>div:first-child .mono{top:4px}.skill-list h3{font-size:18px;font-weight:450;margin-bottom:9px}.skill-list p{color:var(--muted);font-size:11px;line-height:1.8}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;padding-top:110px;padding-bottom:90px;align-items:center}.portrait-frame{position:relative;height:390px;max-width:390px}.portrait-placeholder{height:100%;border:1px solid #4a513d;border-radius:5px;padding:24px;background:radial-gradient(ellipse at 60% 60%,#64744544,transparent 70%),repeating-linear-gradient(135deg,#252b20,#252b20 1px,#22271f 1px,#22271f 14px);display:flex;flex-direction:column;justify-content:space-between}.portrait-label{font-size:8px;color:#aeb89d}.portrait-monogram{font-size:200px;line-height:1;font-weight:650;letter-spacing:-20px;align-self:center;color:#dfe5d1}.portrait-monogram>span{color:var(--lime)}.portrait-name{font:10px var(--mono);display:flex;justify-content:space-between;letter-spacing:1.5px}.portrait-name>span{color:var(--lime);font-size:18px}.portrait-sticker{position:absolute;right:-22px;bottom:49px;background:var(--lime);color:#283317;font:9px/1.6 var(--mono);padding:15px 20px;transform:rotate(-7deg);box-shadow:0 6px 18px #0003}.portrait-frame img{width:100%;height:100%;object-fit:cover;border-radius:5px}.about h2{font-size:42px;margin:22px 0}.about-copy>p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:17px}.about-signature{font-size:21px;margin-top:26px;font-weight:550;letter-spacing:-.5px}.about-signature>span{font-weight:400;color:var(--muted)}.about-signature i{font-style:normal;color:var(--lime);margin-left:25px}.process{padding-bottom:100px}.process>.eyebrow{border-top:1px solid var(--line);padding-top:30px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:32px}.process-grid article>.mono{font-size:8px;color:var(--lime)}.process-grid h3{font-size:18px;font-weight:450;margin:15px 0 10px}.process-grid p{font-size:12px;color:var(--muted);line-height:1.8;max-width:290px}.contact-section{background:var(--lime);color:#18200f;padding:65px 0 40px}.contact-section .eyebrow{color:#4c612f;font-size:9px}.contact-section .status-dot{background:#3c571b}.contact-heading{display:flex;justify-content:space-between;align-items:center;margin:27px 0 30px}.contact-heading h2{font-size:68px;letter-spacing:-3px}.contact-arrow{font-size:130px;font-weight:400;line-height:1}.contact-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #18200f30;padding-top:25px}.contact-bottom p{font-size:13px;line-height:1.8;color:#45572e}.button-dark{background:#172010;color:var(--lime)}.contact-status{font-size:10px;color:#496032;margin-top:22px}.contact-status:focus{outline:1px solid #496032;outline-offset:7px}.contact-status.is-active{font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px;gap:20px}footer>span,footer>a:last-child{font-size:9px;color:var(--muted)}.footer-brand{font-size:17px;letter-spacing:-.5px}.footer-brand span{color:var(--lime)}dialog{background:#1b2117;color:var(--ink);border:1px solid #566345;border-radius:12px;padding:45px;max-width:610px;width:calc(100% - 32px);max-height:85vh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#070a07ba;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:15px;top:10px;font-size:30px;border:0;background:none;color:var(--ink)}dialog h2{font-size:34px;margin:20px 0}dialog>p,dialog li{font-size:14px;line-height:1.8;color:#b9c1af}dialog h3{font-size:16px;font-weight:500;margin-top:25px}dialog ul{padding-left:20px;margin-bottom:25px}dialog .dialog-note{font-size:11px;border-top:1px solid var(--line);padding-top:15px;margin-bottom:25px}.skip-link{position:fixed;top:-60px;left:20px;background:var(--lime);color:var(--bg);padding:12px;z-index:10}.skip-link:focus{top:10px}body.modal-open{overflow:hidden}@keyframes float{50%{transform:translate(-50%,-56%) rotate(-3deg)}}@keyframes bars{to{transform:scaleY(.45)}}

@media(min-width:1500px){.hero-layout{padding-block:80px}.system-art{height:380px}}@media(max-width:1100px){.section-wrap{padding-left:35px;padding-right:35px}.header{padding-inline:35px}.hero-layout{gap:25px}h1{font-size:58px;letter-spacing:-3px}.hero-secondary{display:block;margin:20px 0 0}.system-art{height:340px}.service-grid article{padding:25px}.service-grid h3{font-size:17px}.about{gap:55px}.about h2{font-size:36px}.production-preview{padding:40px}.project-info h3{font-size:21px}.contact-heading h2{font-size:58px}.converter-preview{gap:15px}.file-card{width:96px}.skills-layout{gap:35px}.skills-layout h2{font-size:36px}}@media(max-width:760px){html{scroll-padding-top:30px}.section-wrap{padding-left:24px;padding-right:24px}.header{padding:20px 24px;position:relative;flex-wrap:wrap}.brand{font-size:42px}.brand-name{font-size:9px}.brand-name small{font-size:7px}.menu-toggle{display:flex;align-items:center;gap:15px;background:transparent;color:var(--ink);border:1px solid var(--line);padding:10px 13px;border-radius:4px;font-size:11px}.menu-toggle span{font-size:17px}nav{width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:15px}nav a{padding:15px 4px;border-bottom:1px solid var(--line)}nav .nav-contact{margin-top:12px}body.js-ready nav:not(.is-open){display:none}.hero{padding-top:28px}.hero-index{display:none}.hero-top .eyebrow{font-size:8px;letter-spacing:.8px}.hero-layout{grid-template-columns:1fr;padding-top:37px;padding-bottom:35px;gap:36px}h1{font-size:clamp(40px,8.4vw,62px);letter-spacing:-2.8px}.title-period{font-size:35px}.hero-copy>p{font-size:13px;margin-top:22px}.hero .button{margin-top:25px}.hero-secondary{display:inline-block;margin-left:17px;font-size:10px}.button{font-size:11px;padding:16px 18px;gap:24px}.system-art{height:310px}.hero-bottom{gap:15px;align-items:start}.hero-bottom .mono{font-size:7px;max-width:95px;line-height:1.8}.hero-bottom p{font-size:10px;max-width:190px;line-height:1.6}.hero-bottom>a{flex-shrink:0}.tech-strip{justify-content:flex-start;gap:25px;padding:20px 24px}.tech-strip span{font-size:10px}.services,.projects{padding-top:65px}.section-heading h2,h2{font-size:37px;letter-spacing:-1.5px}.eyebrow{font-size:8px}.service-grid{grid-template-columns:1fr;margin-top:30px}.service-grid article{padding:28px}.service-grid article+article{border-left:0;border-top:1px solid var(--line)}.service-grid h3{font-size:21px;margin-top:22px}.service-grid p{font-size:13px;max-width:450px}.service-tag{margin-top:20px}.heading-row{display:block}.heading-row>p{margin-top:20px;font-size:12px}.project-featured{margin-top:28px}.production-preview{height:280px;padding:25px 10px}.mock-app{width:540px;min-width:540px;transform:scale(.75) rotate(-3deg)}.project-pair{grid-template-columns:1fr;gap:7px}.project-visual{height:280px}.project-info{padding:20px 0 28px}.project-info h3{font-size:21px}.project-info p{font-size:11px}.project-tags{font-size:6px;gap:9px}.project-open{width:36px;height:36px;font-size:20px}.converter-preview{gap:24px}.file-card{width:109px}.commission-card{max-width:340px}.skills-section{margin-top:35px}.skills-layout{grid-template-columns:1fr;gap:38px;padding-top:50px;padding-bottom:50px}.skills-layout h2{font-size:36px}.code-note{margin-top:20px}.skill-list h3{font-size:18px}.skill-list p{font-size:12px}.about{grid-template-columns:1fr;gap:45px;padding-top:65px;padding-bottom:55px}.portrait-frame{max-width:360px;width:calc(100% - 15px);height:350px}.portrait-sticker{right:-15px}.portrait-monogram{font-size:180px}.about h2{font-size:37px}.about-copy>p{font-size:13px}.process{padding-bottom:60px}.process-grid{grid-template-columns:1fr;gap:28px}.process-grid p{max-width:100%}.contact-section{padding:42px 0 30px}.contact-section .eyebrow{font-size:7px;letter-spacing:.7px}.contact-heading h2{font-size:clamp(35px,7.8vw,53px);letter-spacing:-1.6px}.contact-arrow{display:none}.contact-bottom{align-items:start;gap:22px;flex-direction:column}.contact-bottom p{font-size:12px}footer{flex-wrap:wrap;padding-top:24px;padding-bottom:24px}footer>span{order:3;width:100%;font-size:9px}.footer-brand{font-size:16px}dialog{padding:35px 25px}dialog h2{font-size:28px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.contact-actions{display:flex;flex-wrap:wrap;gap:12px}.contact-actions .button{gap:20px}.button-whatsapp{background:#18351d;color:#e6ffd7}.button-whatsapp:hover{background:#24532d}.contact-actions a[aria-disabled="true"]{opacity:.8}

@media(max-width:760px){.contact-actions{width:100%;flex-direction:column}.contact-actions .button{width:100%}}

[hidden]{display:none!important}

.converter-preview{height:auto;aspect-ratio:1156/744;display:block;background:#edf1f4}.actual-project-screen{display:block;width:100%;height:100%;object-fit:contain}.converter-preview .preview-caption{padding:4px 7px;background:#111310b8;border-radius:2px}

.portrait-sticker{right:-22px;bottom:38px;display:flex;flex-direction:column;gap:5px;width:245px;padding:14px 16px;transform:rotate(-4deg);box-shadow:0 7px 18px #0006}.portrait-sticker strong{font:600 10px/1.4 var(--mono);letter-spacing:1px;color:#17200d}.portrait-sticker span,.portrait-sticker small{font:7px/1.5 var(--mono);font-weight:600;letter-spacing:.25px;color:#26331a}.portrait-sticker small{color:#354624}

@media(max-width:760px){.portrait-sticker{right:-15px;width:245px;padding:14px 16px}.portrait-sticker strong{font-size:10px}.portrait-sticker span{font-size:7px}.portrait-sticker small{font-size:7px}}

h1{font-size:clamp(44px,4.4vw,66px)}

@media(max-width:760px){h1{font-size:clamp(35px,7.2vw,54px);letter-spacing:-2px}}

.about h2 .serif-word{color:var(--lime)}

.footer-legal{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.2vw,32px);color:var(--muted);font-size:10px;letter-spacing:.1px}

@media(max-width:760px){.footer-legal{order:3;width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px 18px;font-size:9px}}

.footer-legal{flex-direction:column;align-items:center;gap:4px;font-size:10px;line-height:1.5;text-align:center}

@media(max-width:760px){.footer-legal{align-items:flex-start;gap:4px;text-align:left}}

.project-visual .image-zoom{position:absolute;right:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:14px;padding:11px 14px;background:var(--lime);color:#17200d;border:0;border-radius:3px;font:600 9px var(--mono);letter-spacing:.7px;box-shadow:0 4px 14px #0005;transition:transform .2s,background .2s}

.project-visual .image-zoom:hover{transform:translateY(-2px);background:#e1ff91}

.reveal-item{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}

.reveal-item.is-visible{opacity:1;transform:translateY(0)}

.system-art::after{content:"";position:absolute;z-index:1;left:0;right:0;top:-42%;height:36%;pointer-events:none;background:linear-gradient(180deg,transparent,#d2fa6910 48%,#d2fa6922 50%,#d2fa6908 53%,transparent);animation:scanline 8s linear infinite}

.status-dot{animation:status-pulse 2.8s ease-in-out infinite}

.project-visual img{transition:transform .75s cubic-bezier(.2,.7,.2,1)}

.project:hover .project-visual img{transform:scale(1.025)}

@keyframes scanline{to{top:112%}}

@keyframes status-pulse{50%{box-shadow:0 0 3px #d2fa6940,0 0 14px #d2fa6960}}

.tech-strip{min-height:82px;justify-content:center;gap:clamp(24px,4vw,58px);padding:20px max(24px,calc((100vw - 1320px)/2));background:#171a15}

.tech-label{flex:none;border:0;padding:0;color:#9da591!important;font:9px var(--mono)!important;letter-spacing:1.2px!important}

.tech-label i{width:5px;height:5px;background:var(--lime);box-shadow:0 0 8px #d2fa6955}

.tech-items{flex:1;max-width:1060px;justify-content:space-between;gap:14px}

.tech-items span{flex:none;padding:9px 8px;border:0;border-radius:0;background:transparent;color:#d4d9cc;font:10px var(--mono);letter-spacing:1.5px;white-space:nowrap;transition:color .2s}

.tech-items span:hover{border:0;background:transparent;color:var(--lime);transform:none}

.tech-items i{width:4px;height:4px;padding:0;border:0;border-radius:50%;background:var(--lime);opacity:.65;transform:none}

@media(max-width:760px){.tech-strip{min-height:0;align-items:flex-start;flex-direction:column;gap:13px;padding:18px 24px}.tech-label{padding:0;color:#9da591!important}.tech-items{flex:none;width:100%;max-width:none;justify-content:flex-start;gap:13px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.tech-items span{padding:5px 0;font-size:9px;letter-spacing:1.1px}.tech-items i{flex:none;width:4px;height:4px}}

.project-pair{grid-template-columns:repeat(2,minmax(0,1fr))}

.project-pair>.project{width:100%;min-width:0}

.project-pair .project-visual{display:flex;width:100%;height:clamp(220px,23vw,300px);min-width:0;aspect-ratio:auto;align-items:center;justify-content:center}

.project-pair .project-visual img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}

.project-pair .converter-preview .actual-project-screen{object-fit:contain;object-position:center}

@media(max-width:760px){.project-pair{grid-template-columns:minmax(0,1fr)}.project-pair .project-visual{height:auto;aspect-ratio:1.7}.project-pair .project-visual img{object-fit:contain}}

/* Layout e accessibilit?: finiture responsive consolidate. */
html { min-width: 320px; }
body { overflow-x: clip; }
img { max-width: 100%; }
.project, .project-info, .project-info > div, .project-visual { min-width: 0; }
.project-featured .commission-preview {
  height: clamp(300px, 42vw, 520px);
  aspect-ratio: auto;
  background: #0d1420;
}
.commission-preview .actual-commission-screen {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.project-pair .project-visual {
  height: auto;
  aspect-ratio: 1.7;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.project-pair .project-visual img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.project-pair .converter-preview { background: #edf1f4; }
.project-pair .finance-preview { background: #eaf0f7; }
.project-pair .finance-preview .actual-dashboard { object-fit: contain; }
.project-visual .image-zoom {
  min-height: 42px;
  padding: 11px 14px;
}
.project-visual .image-zoom:focus-visible,
.lightbox-close:focus-visible,
.lightbox-scale:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.image-lightbox {
  position: fixed;
  inset: 0;
  width: min(100vw, 1600px);
  height: min(100dvh, 1100px);
  max-width: none;
  max-height: none;
  margin: auto;
  padding: 62px 24px 22px;
  border: 1px solid #34372e;
  border-radius: 8px;
  background: #090b09;
  color: var(--ink);
  overflow: auto;
  overscroll-behavior: contain;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}
.image-lightbox[open] { display: flex; }
.image-lightbox::backdrop { background: #050605ed; backdrop-filter: blur(8px); }
.image-lightbox img {
  display: block;
  width: auto;
  max-width: min(100%, 1500px);
  max-height: calc(100dvh - 150px);
  height: auto;
  object-fit: contain;
  border: 1px solid #ffffff24;
  border-radius: 3px;
}
.image-lightbox img.is-zoomed { max-width: none; max-height: none; }
.image-lightbox p {
  flex: none;
  margin: 0;
  color: #b7c0a9;
  font: 9px var(--mono);
  letter-spacing: 1px;
  text-align: center;
}
.lightbox-close, .lightbox-scale {
  position: fixed;
  top: max(12px, env(safe-area-inset-top));
  z-index: 2;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 9px 14px;
  border: 1px solid #59614d;
  border-radius: 4px;
  background: #171a15;
  color: #f0f0e8;
  font: 10px var(--mono);
  letter-spacing: .7px;
  cursor: pointer;
}
.lightbox-close { right: max(12px, env(safe-area-inset-right)); }
.lightbox-close span { color: var(--lime); font-size: 17px; }
.lightbox-scale { left: max(12px, env(safe-area-inset-left)); }
.lightbox-close:hover, .lightbox-scale:hover { border-color: var(--lime); }
.portrait-frame img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 34%; }
.footer-legal { flex-direction: row; }
footer { gap: 24px; }

@media (max-width: 760px) {
  html { scroll-padding-top: 24px; }
  .section-wrap { padding-left: max(20px, env(safe-area-inset-left)); padding-right: max(20px, env(safe-area-inset-right)); }
  .header { padding-left: max(20px, env(safe-area-inset-left)); padding-right: max(20px, env(safe-area-inset-right)); }
  h1 { white-space: normal; max-width: 100%; font-size: clamp(34px, 8vw, 50px); letter-spacing: -1.8px; }
  .hero-copy, .hero-layout, .project-pair, .project, .project-featured, .project-info { min-width: 0; }
  .hero-copy > p br { display: none; }
  .project-pair { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .project-pair .project-visual { height: auto; aspect-ratio: 1.7; }
  .project-pair .project-visual img { object-fit: contain; }
  .project-featured .commission-preview { height: auto; aspect-ratio: 1885 / 940; }
  .project-featured .commission-preview img { object-fit: contain; }
  .project-info { gap: 12px; }
  .project-tags { flex-wrap: wrap; }
  .project-open { flex: 0 0 38px; }
  .contact-actions { width: 100%; flex-direction: column; }
  .contact-actions .button { width: 100%; min-height: 48px; }
  .footer-legal { order: 3; width: 100%; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 6px 16px; text-align: left; }
  footer { align-items: flex-start; }
  .image-lightbox {
    inset: 0;
    width: 100vw;
    height: 100dvh;
    padding: calc(68px + env(safe-area-inset-top)) 12px calc(20px + env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
    justify-content: center;
  }
  .image-lightbox img { max-width: 100%; max-height: calc(100dvh - 150px); touch-action: pan-x pan-y pinch-zoom; }
  .image-lightbox img.is-zoomed { align-self: flex-start; width: auto; max-width: none; max-height: none; }
  .lightbox-close, .lightbox-scale { top: calc(env(safe-area-inset-top) + 10px); min-height: 42px; padding: 9px 11px; }
  .lightbox-close { right: calc(env(safe-area-inset-right) + 10px); }
  .lightbox-scale { left: calc(env(safe-area-inset-left) + 10px); }
}
@media (max-width: 380px) {
  .section-wrap { padding-left: 18px; padding-right: 18px; }
  .hero .button { padding: 14px 13px; gap: 12px; }
  .hero-secondary { margin-left: 8px; }
  .project-tags { font-size: 6px; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}