@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080b11;--surface:#101722;--text:#f0f5fb;--muted:#9caec4;--lime:#38cbe0;--border:#263348;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:var(--bg)}.container{width:min(1200px,calc(100% - 100px));margin-inline:auto}.muted{color:var(--muted)}.lime{color:var(--lime)}.skip{position:fixed;top:-80px;left:20px;background:var(--lime);color:var(--bg);padding:10px;z-index:100}.skip:focus{top:15px}header{height:100px;padding:0 max(50px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#080b11ee;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.logo{font:800 38px/1 'Manrope',Arial,sans-serif;letter-spacing:-3px;display:flex;align-items:baseline}.logo>span{color:var(--lime)}.logo>small{font:600 11px 'DM Sans',Arial,sans-serif;letter-spacing:1.2px;margin-left:20px}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav>a{color:#c1c7ba}nav>a:hover{color:var(--lime)}.nav-contact{padding:11px 17px;border:1px solid #4b5344;color:var(--text);border-radius:5px}.nav-contact span{margin-left:20px;color:var(--lime)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.14fr 1fr;gap:50px;align-items:center;padding-block:82px 77px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;display:flex;align-items:center;gap:10px;color:#a5b5cb;margin:0 0 24px}.eyebrow>span{color:var(--lime);margin-right:5px;font-family:monospace}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #c3f532;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;font-weight:600}h1{font-size:clamp(44px,5.15vw,72px);line-height:1.08;letter-spacing:-3.4px;margin-bottom:28px}h1>span{color:var(--lime)}.hero-description{font-size:15px;line-height:1.85;max-width:430px;color:var(--muted);margin-bottom:30px}.hero-description strong{color:var(--text);font-weight:500}.hero-actions{display:flex;align-items:center;gap:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 21px;border-radius:5px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.primary{background:var(--lime);color:#07131d}.primary:hover{background:#d4ff8a;transform:translateY(-2px)}.button>span{font-size:21px;line-height:1}.text-link{font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:20px}.text-link:hover{color:var(--lime)}.text-link>span{font-size:20px}.hero-meta{display:flex;align-items:center;gap:19px;font-size:11px;color:var(--muted);margin-top:44px}.hero-meta b{color:var(--text);font-size:19px;font-weight:500;margin-right:5px}.hero-meta i{width:1px;height:22px;background:var(--border)}.hero-art{aspect-ratio:1.06;position:relative;border:1px solid var(--border);border-radius:8px;background:radial-gradient(ellipse at center,#26311c66,transparent 65%),linear-gradient(#343b2a44 1px,transparent 1px),linear-gradient(90deg,#343b2a44 1px,transparent 1px);background-size:auto,27px 27px,27px 27px;overflow:hidden;box-shadow:inset 0 0 65px #080b1188}.art-top,.art-bottom{display:flex;justify-content:space-between;align-items:center;position:absolute;left:22px;right:22px;font:8px monospace;color:#a1aa93;letter-spacing:1px}.art-top{top:23px}.art-top>span:first-child{display:flex;align-items:center;gap:8px}.art-bottom{bottom:22px;letter-spacing:.6px}.orbital{width:100%;height:100%;position:absolute;inset:0;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #b6de6e25;border-radius:50%;width:65%;aspect-ratio:1}.o2{width:85%;border-style:dashed}.o3{width:44%;border-color:#b6de6e35}.core{position:relative;width:148px;height:148px;border:1px solid #aada604d;border-radius:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(140deg,#354327,#1b2219);box-shadow:0 0 60px #aade5822;transform:rotate(-9deg)}.core>span{font:64px monospace;color:var(--lime);transform:rotate(9deg)}.core small{font:6px monospace;letter-spacing:.5px;color:#c3d49d;transform:rotate(9deg)}.node{position:absolute;width:58px;height:58px;border:1px solid #53613b;border-radius:12px;background:#222a1d;display:flex;align-items:center;justify-content:center;font:22px monospace;color:#c5d5af;box-shadow:0 5px 20px #0006}.node>small{position:absolute;top:67px;font:10px 'DM Sans',Arial,sans-serif;color:#a5b5cb;white-space:nowrap}.py{left:16%;top:22%}.js{right:10%;top:38%;color:var(--lime)}.db{left:29%;bottom:17%}.cross{position:absolute;font:22px monospace;color:#809561}.c1{right:23%;top:18%}.c2{left:13%;bottom:23%}.band{border-block:1px solid var(--border);background:#0b111c}.band>.container{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-block:21px;font-size:10px;letter-spacing:1.8px;font-weight:500;color:#aab39f}.band b{color:var(--lime);font-size:22px;line-height:1}.projects{padding-block:96px 90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:37px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:38px;letter-spacing:-1.65px;line-height:1.25;margin-bottom:0}.intro{font-size:13px;line-height:1.85;color:var(--muted);max-width:310px;margin:0 0 3px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--border);padding-bottom:22px;margin-bottom:29px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid transparent;background:transparent;padding:7px 15px;border-radius:4px;font-size:11px;color:#aeb5a5;white-space:nowrap}.filter:hover{background:#142839}.filter.active{background:#102d3a;color:var(--lime);border-color:#236477}.filter>small{font-size:9px;margin-left:8px;opacity:.7}#result-count{font:10px monospace;color:var(--muted);white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px}.project-card{grid-column:span 2;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#67734f;transform:translateY(-3px)}.featured{grid-column:span 3}.card-body{padding:25px;display:flex;flex-direction:column;flex:1}.project-label{font-size:9px;font-weight:500;letter-spacing:1.3px;color:#a6b196;margin-bottom:10px}.project-card h3{font-size:23px;letter-spacing:-.6px;line-height:1.3;margin-bottom:12px}.description{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:21px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags>span{border:1px solid #3a4233;color:#c1c9b6;border-radius:3px;padding:3px 8px;font-size:9px;line-height:1.5}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:17px;margin-top:auto}.project-card .tags{margin-bottom:23px}.detail-button{padding:0;border:none;background:none;text-align:left;font-size:11px;display:flex;align-items:center;gap:18px;font-weight:500}.detail-button span{font-size:21px;color:var(--lime)}.detail-button:hover{color:var(--lime)}.repo-link{width:29px;height:29px;display:grid;place-items:center;background:#242b20;border:1px solid #3a4630;border-radius:4px}.repo-link svg{width:16px;height:16px}.project-art{height:267px;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.art-caption{position:absolute;bottom:9px;left:15px;font-size:6px;letter-spacing:1px;color:#b7c3b4;background:#151c15dc;border:1px solid #42513c;padding:3px 7px;border-radius:3px}.monitor-art{background:radial-gradient(ellipse at center,#36402c,#222a20);display:flex;align-items:center;justify-content:center;padding:30px 28px 20px}.mini-window{background:#121612;border:1px solid #4b593f;width:100%;height:215px;border-radius:5px;box-shadow:0 15px 25px #0005;transform:perspective(1000px) rotateY(-5deg) rotateX(3deg)}.mini-top{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #303a29;font:6px monospace;color:#a8b998}.mini-body{display:flex;height:calc(100% - 31px)}.mini-body aside{border-right:1px solid #303a29;width:34px;line-height:2.7;text-align:center;font-size:11px;color:#a7ce73}.monitor-content{padding:12px;flex:1}.mini-heading{font-size:9px;color:#dbe4d1;display:flex;justify-content:space-between;margin-bottom:10px}.mini-heading>span{font-size:5px;color:var(--lime)}.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.machine{border:1px solid #3d5131;background:#202b1c;border-radius:3px;padding:7px}.machine small{font:5px monospace;color:#cfdec2;display:block}.machine-line{display:flex;gap:3px;margin-block:6px}.machine-line i{height:11px;background:#749a4a;width:12px;border-radius:1px;box-shadow:inset 0 0 0 2px #90b76466}.machine>span{font:4px monospace;color:#b5e865}.machine.warning{background:#332e1d;border-color:#6b5d2f}.machine.warning i{background:#a58a48}.machine.warning>span{color:#d8bd77}.mini-chart{width:100%;height:45px;padding-top:9px;background:repeating-linear-gradient(0deg,transparent 0 11px,#38432c44 12px);margin-top:5px}.game-art{background:#232823}.game-art>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.game-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061412da,transparent 85%)}.game-overlay{position:absolute;left:27px;top:45px;z-index:1}.game-overlay small{font-size:8px;letter-spacing:2px;color:#d9eb7a}.game-overlay strong{display:block;font:italic 800 42px/1.08 'Manrope',Arial,sans-serif;letter-spacing:-1px;margin-top:14px;text-shadow:0 2px 10px #0005}.game-overlay strong>span{display:block;color:#d9eb7a;font-size:33px;margin-top:17px}.service-art{background:#233747;display:flex;align-items:center;justify-content:space-between;padding:25px 31px 0;gap:18px}.service-word{align-self:flex-start;padding-top:16px}.service-word>small{font-size:7px;letter-spacing:1.5px;color:#b6d2de}.service-word>strong{font:700 27px 'Manrope',Arial,sans-serif;letter-spacing:-1px;display:block;margin-top:5px}.service-word>strong span{color:#8ad3f1;font-size:13px;margin-left:5px}.service-word p{font-size:8px;margin-top:7px;color:#a2c4d0}.service-word>div{font:40px/1.7 monospace;color:#6991a755}.phone{flex-shrink:0;width:165px;height:266px;background:#eef4f6;border-radius:19px 19px 0 0;color:#243a48;border:5px solid #12222d;box-shadow:-12px 13px 30px #0004;padding:14px 9px}.phone-top{font-size:9px;font-weight:700;display:flex;justify-content:space-between;padding-bottom:14px}.phone-top span{color:#abc4d0}.phone>small{font-size:5px;letter-spacing:.6px;color:#5e7380}.phone>strong{font-size:11px;display:block;margin-top:4px}.phone-summary{display:flex;gap:6px;margin-top:14px}.phone-summary>div{background:white;border-radius:5px;border:1px solid #d7e3e8;width:50%;padding:8px}.phone-summary b{font-size:15px;display:block}.phone-summary span{font-size:5px;color:#607782}.phone-row{display:flex;gap:5px;align-items:center;border-bottom:1px solid #d7e3e8;margin-top:14px;padding-bottom:8px}.phone-row i{font-size:7px;font-style:normal;border:1px solid #c5d9e2;background:#dceaf1;padding:4px;border-radius:3px}.phone-row b{font-size:6px;display:block}.phone-row span{font-size:5px;display:block;color:#78878c}.phone-row em{margin-left:auto;font:4px Arial;color:#397d61;background:#d8ece0;padding:3px}.phone-nav{display:flex;justify-content:space-around;font-size:13px;color:#597c8e;margin-top:12px}.website-art{background:#dce5e5;padding:24px 27px 0}.website-art img{width:100%;height:auto;border-radius:4px;box-shadow:0 8px 24px #0003;display:block}.compact .project-icon{width:37px;height:37px;display:grid;place-items:center;background:#26311f;border:1px solid #3c4b31;border-radius:6px;margin-bottom:23px;color:#c6dbaf}.project-icon svg{width:20px;height:20px}.compact h3{font-size:18px}.compact .card-body{padding:24px}.compact .description{font-size:11px}.tags>.pending-tag{border-style:dashed;color:#acb69f}.note{font-size:10px;line-height:1.8;color:#959e8a;margin:24px 0 0;max-width:750px}.about{padding:76px 0;background:#0e1522;border-block:1px solid var(--border)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-layout h2{font-size:43px}.signature{font-size:14px;letter-spacing:1px;margin-top:36px;display:flex;gap:45px;align-items:center}.signature span{color:var(--lime);font-size:24px}.about-copy{padding-top:8px}.about-copy p{font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:17px}.about-copy .lead{font-size:20px;line-height:1.6;letter-spacing:-.3px;color:#e1e6da;margin-bottom:23px}.about-copy .text-link{margin-top:7px}.tech{padding-block:90px}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);margin-top:45px}.tech-grid article{padding:30px 30px 5px;border-right:1px solid var(--border)}.tech-grid article:first-child{padding-left:0}.tech-grid article:last-child{border-right:0;padding-right:0}.tech-grid small{font:11px monospace;color:var(--lime)}.tech-grid h3{font-size:21px;margin:20px 0 11px}.tech-grid p{font-size:12px;line-height:1.8;color:var(--muted);max-width:280px;margin-bottom:22px}.tech-grid .tags>span{padding:5px 10px;font-size:10px}.contact{padding-bottom:80px}.contact-box{background:var(--lime);color:#16200e;border-radius:8px;padding:53px;display:grid;grid-template-columns:1.1fr 1fr;gap:55px}.contact-box .eyebrow,.contact-box .eyebrow>span{color:#445832}.contact-box h2{font-size:45px;line-height:1.18;letter-spacing:-2px}.contact-box h2>span{color:#547735}.contact-box p:not(.eyebrow){font-size:12px;margin-top:21px;color:#40562c;line-height:1.85}.contact-box .primary{background:#1b2712;color:var(--lime);margin-top:10px}.contact-box .primary:hover{background:#304224}.contact-links{align-self:center}.contact-links a{padding:22px 0;border-bottom:1px solid #7bab4966;display:grid;grid-template-columns:1fr auto;gap:6px}.contact-links a:last-child{border:0}.contact-links small{font-size:8px;letter-spacing:1.4px;color:#4d6538}.contact-links strong{font-size:14px;font-weight:500;grid-column:1;overflow-wrap:anywhere}.contact-links b{grid-column:2;grid-row:1/3;font-weight:400;font-size:23px;align-self:center}.contact-links a:hover strong{text-decoration:underline}footer.container{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-block:26px;gap:25px}footer .logo{font-size:29px}footer p{font-size:10px;color:var(--muted);margin:0}footer>a:last-child{font-size:10px;color:#c4ccb8}dialog{background:var(--surface);color:var(--text);border:1px solid #52623f;border-radius:10px;width:min(570px,calc(100% - 32px));padding:44px;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#050805d9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:10px;right:16px;border:0;background:none;font-size:29px;color:var(--muted)}.dialog-close:hover{color:var(--lime)}dialog .eyebrow{font-size:9px;margin-bottom:19px}dialog h2{font-size:29px;margin-bottom:22px;padding-right:8px}dialog h3{font-size:14px;margin-top:25px}dialog .description,dialog li{font-size:13px;color:var(--muted);line-height:1.85}dialog ul{padding-left:18px}dialog li{margin-bottom:6px}dialog .tags{margin:23px 0 29px}dialog .button{font-size:12px}dialog .note{margin-bottom:20px}.dialog-open{overflow:hidden}
@media(min-width:1500px){.hero{padding-block:100px}.hero h1{font-size:76px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}header{padding:0 32px}nav{gap:24px}.hero{gap:35px}.hero-art{aspect-ratio:.95}h1{font-size:58px}.project-art{height:238px}.service-art{padding:20px 20px 0;gap:10px}.service-word>strong{font-size:22px}.phone{width:145px}.hero-meta{font-size:10px;gap:13px}.band>.container{font-size:8px;letter-spacing:1.4px}.about-layout{gap:55px}.contact-box{padding:40px;gap:30px}.contact-links strong{font-size:12px}}
@media(max-width:850px){.logo>small{display:none}nav{gap:21px}.hero{padding-block:60px;gap:25px;grid-template-columns:1.12fr 1fr}h1{font-size:48px;letter-spacing:-2.5px}.eyebrow{font-size:8px;letter-spacing:1px}.hero-description{font-size:13px}.hero-art{aspect-ratio:.85}.core{width:110px;height:110px}.core>span{font-size:47px}.core small{font-size:5px}.node{width:42px;height:42px;font-size:17px}.node>small{top:50px;font-size:8px}.art-top,.art-bottom{left:13px;right:13px;font-size:6px}.hero-actions{gap:19px}.hero-actions .button{font-size:11px;padding:13px 15px;gap:15px}.hero-meta{gap:10px;flex-wrap:wrap}.hero-meta>i{display:none}.section-heading{gap:30px}h2{font-size:32px}.intro{font-size:12px;max-width:240px}.project-card{grid-column:span 3}.project-art{height:215px}.monitor-art{padding:20px 17px}.mini-window{height:176px}.machine{padding:5px}.mini-chart{height:22px}.mini-heading{font-size:7px}.service-word>strong{font-size:19px}.service-word p{max-width:120px}.phone{width:133px}.service-art{padding:20px 15px 0}.game-overlay strong{font-size:34px}.card-body{padding:22px}.project-card h3{font-size:20px}.about-layout{gap:35px}.about-layout h2{font-size:34px}.about-copy .lead{font-size:17px}.tech-grid h3{font-size:17px}.tech-grid article{padding-inline:20px}.contact-box{grid-template-columns:1fr;gap:25px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.contact-links a:first-child{grid-column:1/-1}.contact-links a{padding:15px 0}.contact-links a:nth-child(2){border:0}.contact-links strong{font-size:14px}.contact-box h2{font-size:40px}.toolbar{align-items:flex-start}.filter{font-size:10px;padding-inline:10px}}
@media(max-width:600px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}header{height:75px;padding:0 20px}.logo{font-size:34px}.logo>small{display:inline;font-size:9px;margin-left:16px}.menu-toggle{display:block;width:40px;height:40px;border:1px solid var(--border);border-radius:5px;background:none}nav{display:none;position:absolute;top:74px;left:0;right:0;padding:22px;background:#181e16;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav>a{padding:13px;font-size:14px}.nav-contact{margin-top:10px;display:flex;justify-content:space-between}.hero{grid-template-columns:1fr;gap:38px;padding-block:43px 38px}.eyebrow{font-size:8px;letter-spacing:1.15px;margin-bottom:22px}h1{font-size:clamp(45px,12vw,66px);line-height:1.09;letter-spacing:-2.7px;margin-bottom:23px}.hero-description{font-size:14px;max-width:430px;margin-bottom:24px}.hero-actions .button{font-size:12px;padding:14px 18px;gap:23px}.hero-actions{gap:28px}.hero-meta{margin-top:27px;font-size:10px;gap:15px}.hero-meta i{display:block}.hero-art{aspect-ratio:1.35;max-width:450px;width:100%;margin-inline:auto}.core{width:115px;height:115px}.core>span{font-size:48px}.node{width:39px;height:39px;font-size:16px}.py{top:15%;left:16%}.db{bottom:17%;left:24%}.js{top:32%;right:13%}.o1{width:59%}.o2{width:75%}.o3{width:41%}.node>small{top:46px;font-size:8px}.art-top,.art-bottom{font-size:6px;left:15px;right:15px}.art-top{top:14px}.art-bottom{bottom:13px}.band>.container{flex-wrap:wrap;justify-content:center;gap:10px 18px;padding-block:17px;font-size:7px;letter-spacing:1px}.band b{font-size:15px}.band b:nth-of-type(2){display:none}.projects{padding-block:58px}.section-heading{display:block;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:29px;letter-spacing:-1.3px}.intro{max-width:360px;font-size:12px;margin-top:18px}.toolbar{display:block;padding-bottom:18px;margin-bottom:23px}.filters{gap:6px}.filter{font-size:10px;padding:7px 10px}#result-count{display:block;margin-top:13px}.project-grid{grid-template-columns:1fr;gap:19px}.project-card,.featured{grid-column:1}.project-art{height:240px}.monitor-art{padding:23px 24px 15px}.mini-window{height:196px}.mini-chart{height:37px}.machine{padding:7px}.mini-heading{font-size:9px}.service-art{padding:23px 27px 0}.service-word>strong{font-size:24px}.service-word p{max-width:160px}.phone{width:150px}.game-overlay{top:40px;left:27px}.game-overlay strong{font-size:39px}.project-card h3{font-size:21px}.compact h3{font-size:19px}.description,.compact .description{font-size:12px}.card-body,.compact .card-body{padding:24px}.compact .project-icon{margin-bottom:20px}.about{padding:53px 0}.about-layout{grid-template-columns:1fr;gap:30px}.about-layout h2{font-size:34px}.signature{margin-top:22px;font-size:12px}.about-copy{padding-top:0}.about-copy .lead{font-size:18px}.tech{padding-block:57px}.tech-grid{grid-template-columns:1fr;margin-top:28px}.tech-grid article,.tech-grid article:first-child,.tech-grid article:last-child{padding:23px 0;border-right:0;border-bottom:1px solid var(--border)}.tech-grid article:last-child{border:0;padding-bottom:0}.tech-grid h3{font-size:22px;margin-top:12px}.tech-grid p{max-width:100%}.contact{padding-bottom:46px}.contact-box{padding:29px 24px;gap:24px}.contact-box h2{font-size:34px;letter-spacing:-1.5px}.contact-box .eyebrow{font-size:8px}.contact-box p:not(.eyebrow){font-size:11px}.contact-box .button{font-size:12px;gap:16px;padding:14px 17px}.contact-links{grid-template-columns:1fr}.contact-links a:first-child{grid-column:1}.contact-links a:nth-child(2){border-bottom:1px solid #7bab4966}.contact-links strong{font-size:12px}.contact-links a{padding:17px 0}footer.container{gap:20px;flex-wrap:wrap;padding-block:23px}footer p{order:3;width:100%;font-size:9px}footer>a:last-child{margin-left:auto}dialog{padding:37px 25px 27px}dialog h2{font-size:25px}}
@media(max-width:370px){.service-art{padding-inline:17px;gap:8px}.service-word>strong{font-size:20px}.phone{width:130px}.mini-heading{font-size:7px}.hero-actions{gap:18px}.contact-box{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Identidade Paulo Sérgio e vitrine comercial */
:root{--purple:#a12ff0;--accent:#38cbe0}
header{background:#05080df2}.brand-logo{display:block;position:relative;width:250px;height:64px;overflow:hidden;flex-shrink:0;background:#000;border-radius:5px}.brand-logo img{position:absolute;width:450px;max-width:none;height:450px;left:-86px;top:-255px}.hero h1>span{background:linear-gradient(100deg,#38d3e0,#7cabff);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-hero{position:relative;border:1px solid #23354b;border-radius:12px;background:#000;aspect-ratio:1.06;box-shadow:0 0 70px #27648219,0 0 80px #6e21b711;overflow:hidden}.brand-hero-image{position:absolute;inset:0;overflow:hidden}.brand-hero-image>img{position:absolute;width:145%;height:auto;left:-22.5%;top:-27%}.brand-hero-caption{position:absolute;bottom:0;left:0;right:0;padding:17px;display:flex;justify-content:space-between;gap:15px;background:#0c1522;border-top:1px solid #23354b;font:7px monospace;color:#7aafc0;letter-spacing:.8px}.dot{background:var(--accent);box-shadow:0 0 9px #38cbe055}.hero-meta{color:#96aac1}.band>.container{color:#a7b8cc}.nav-contact{border-color:#375e76}.nav-contact:hover{border-color:var(--accent)}.project-grid{gap:25px}.project-card:hover{border-color:#477b9c}.project-card .project-label{color:#79bed2}.project-cover{display:block;border:0;padding:0;width:100%;aspect-ratio:1.6;overflow:hidden;position:relative;background:#152236;cursor:pointer}.project-cover>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s;filter:saturate(.94)}.project-cover:hover>img{transform:scale(1.025)}.cover-action{position:absolute;bottom:13px;right:13px;background:#091521ed;border:1px solid #385a77;color:#dbf8ff;border-radius:5px;padding:7px 12px;font-size:10px;display:flex;gap:15px;align-items:center}.cover-action b{font-size:17px;font-weight:400;color:var(--accent)}.cover-pending{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;background:radial-gradient(ellipse at center,#30204775,transparent 70%),#101824;cursor:pointer;color:#9bacc5;font-size:10px;border-bottom:1px solid var(--border)}.pending-symbol{font-size:42px;color:#657a99}.compact .project-cover{aspect-ratio:1.8}.tags>span{border-color:#30465f;color:#a5c1da}.card-footer{border-color:#263348}.card-screen-count{font:7px monospace;color:#84a4c2;letter-spacing:.8px}.detail-button{font-size:12px}.section-heading .muted{color:#8fa4bd}.filter{color:#aabbd0}.filter.active{background:#102d3a;color:var(--accent);border-color:#276d80}.signature{color:#e0eaf6}.about{background:linear-gradient(110deg,#101822,#111424)}.about-copy .lead{color:#e0eaf6}.tech-grid article{border-color:#263348}.contact-box{background:radial-gradient(ellipse at 0% 0%,#143d4b,transparent 70%),radial-gradient(ellipse at 100% 100%,#42215e,transparent 70%),#0c1624;border:1px solid #305064;color:#f0f7fd}.contact-box .eyebrow,.contact-box .eyebrow>span{color:#8ac7da}.contact-box h2>span{color:var(--accent)}.contact-box p:not(.eyebrow){color:#adc0d4}.contact-box .primary{background:var(--accent);color:#07131d}.contact-box .primary:hover{background:#70e5f3}.contact-links a{border-color:#335066}.contact-links small{color:#90b3ce}.contact-links a:first-child small{color:var(--accent)}.contact-links a:first-child strong{font-weight:600}.contact-links b{color:var(--accent)}.contact-links a:hover{color:#8be9f5}.primary:hover{background:#77e4f2}.tech-grid .tags>span{background:#111c2c}.footer-brand{width:210px;transform:scale(.82);transform-origin:left center;margin-right:-40px}footer.container{min-height:100px}.note{color:#90a3bc}
#project-dialog{width:min(1160px,calc(100% - 40px));padding:35px;border-color:#355473;background:#0e1724;max-height:calc(100dvh - 40px)}dialog::backdrop{background:#03070ceb;backdrop-filter:blur(7px)}.dialog-close,.image-close{width:40px;height:40px;border:1px solid #324960;border-radius:5px;background:#101e2e;color:#bbd0e5;position:absolute;top:17px;right:17px;font-size:26px;line-height:1;z-index:2}.case-intro{padding-right:42px}.case-intro .eyebrow{color:#7ac8da;margin-bottom:12px;font-size:9px}.case-intro h2{font-size:29px;margin-bottom:12px}.case-summary{color:#b2c5db;font-size:13px;margin-bottom:25px;max-width:770px}.case-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(220px,1fr);gap:30px}.preview-gallery{min-width:0}.screen-tabs{display:flex;gap:7px;overflow-x:auto;padding:0 0 13px}.screen-tabs button{border:1px solid #2d435b;background:#142237;color:#a6bcd4;white-space:nowrap;padding:8px 12px;border-radius:5px;font-size:10px}.screen-tabs button.active{border-color:#368ba2;background:#123747;color:#b0f1ff}.screen-tabs button:hover{border-color:#4e9cb8}.screenshot-button{display:block;position:relative;width:100%;border:1px solid #4b6177;padding:0;background:#fff;border-radius:6px;overflow:hidden;aspect-ratio:1440/940;cursor:zoom-in}.screenshot-button img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.screenshot-button>span{position:absolute;bottom:12px;right:12px;background:#0a192cf0;color:#ddf4ff;border:1px solid #3c5c7c;padding:7px 12px;border-radius:4px;font-size:10px}.gallery-footer{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:18px 0 0}.screen-description h3{font-size:14px;color:#e3f1ff;margin:0 0 6px}.screen-description p{font-size:11px;line-height:1.8;color:#9db5cf;margin:0}.gallery-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.gallery-controls button{border:1px solid #3c536e;background:#15253a;border-radius:4px;width:32px;height:30px;color:#aee6f2}.gallery-controls button:disabled{opacity:.3;cursor:default}.gallery-controls span{font:10px monospace;color:#aac6df}.preview-note{font-size:9px;line-height:1.7;color:#7c94ad;margin-top:17px;margin-bottom:0}.case-details{padding:0 0 0 25px;border-left:1px solid #2b4058}.case-details h3{font-size:14px;color:#e7f2ff;margin:0 0 8px}.case-details p{font-size:11px;line-height:1.85;color:#a9bfd6;margin:0 0 22px}.case-details ul{padding-left:18px;font-size:11px;line-height:1.8;margin:0 0 23px}.case-details li{font-size:11px;line-height:1.8;margin-bottom:8px;color:#a9bfd6}.case-details li::marker{color:var(--accent)}.case-sales{border-top:1px solid #2a425c;padding-top:22px}.case-sales small{font-size:8px;letter-spacing:.8px;color:#8cb5d1}.case-sales .button{font-size:11px;padding:12px 14px;margin-top:12px;gap:12px;width:100%}.case-sales p{margin:10px 0 0;font-size:10px}.case-status{border:1px dashed #465b7a;border-radius:4px;padding:7px 10px}.pending-preview{border:1px dashed #344c69;border-radius:7px;padding:60px 35px;text-align:center;background:radial-gradient(ellipse at center,#221c36,transparent 80%)}.pending-preview>span{font-size:48px;color:#7386a3}.pending-preview h3{font-size:21px;color:#d6e6f6;margin-top:20px}.pending-preview p{font-size:12px;color:#a7bad1;max-width:420px;margin:0 auto}.pending-preview~.case-details{align-self:start}
#image-dialog{width:min(1450px,calc(100% - 36px));padding:58px 15px 15px;background:#080f19;border:1px solid #3a526e;max-height:calc(100dvh - 36px);overflow:auto}#expanded-image{width:100%;height:auto;display:block;border-radius:4px}#expanded-caption{font-size:11px;color:#aac3d8;line-height:1.8;margin:15px 3px 5px}.image-close{position:sticky;float:right;top:0;margin-top:-43px;margin-bottom:8px;right:0}.image-close:hover,.dialog-close:hover{color:var(--accent);border-color:var(--accent)}
@media(max-width:1100px){.brand-logo{width:220px}.brand-logo img{width:410px;height:410px;left:-82px;top:-230px}.case-layout{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:20px}.case-details{padding-left:20px}}
@media(max-width:850px){.brand-logo{width:196px;height:58px}.brand-logo img{width:360px;height:360px;left:-68px;top:-200px}.brand-hero{aspect-ratio:.86}.brand-hero-image img{width:175%;left:-37.5%;top:-9%}.brand-hero-caption{font-size:6px;padding:13px}nav{font-size:12px;gap:17px}.case-layout{grid-template-columns:1fr}.case-details{padding:25px 0 0;border-left:0;border-top:1px solid #2b4058}.case-details .case-sales .button{max-width:280px}.gallery-footer{gap:13px}.contact-links a:nth-child(2){border-color:#335066}}
@media(max-width:600px){.brand-logo{width:195px;height:56px}.brand-logo img{width:355px;height:355px;left:-66px;top:-199px}.brand-hero{aspect-ratio:1.15}.brand-hero-image img{width:145%;left:-22.5%;top:-21%}.brand-hero-caption{font-size:6px;padding:13px 11px;gap:10px}.hero-actions{gap:22px}.hero-actions .text-link{font-size:11px;gap:10px}.hero h1{font-size:clamp(43px,11vw,60px)}nav{font-size:14px}.contact-links a:nth-child(2){border-bottom:1px solid #335066}.footer-brand{transform:scale(.82);margin-right:-25px}footer.container{gap:15px}.project-grid{gap:22px}.compact .project-cover{aspect-ratio:1.6}#project-dialog{width:calc(100% - 24px);padding:27px 18px;max-height:calc(100dvh - 24px)}.case-intro h2{font-size:24px}.case-summary{font-size:12px;line-height:1.8}.dialog-close{top:12px;right:12px;width:33px;height:33px;font-size:24px}.screen-tabs button{font-size:10px;padding:7px 10px}.screen-description h3{font-size:13px}.screen-description p{font-size:11px}.gallery-footer{display:block}.gallery-controls{margin-top:15px}.preview-note{font-size:9px}.case-details p,.case-details li{font-size:12px}.case-details h3{font-size:15px}.case-details .case-sales .button{max-width:100%;font-size:12px}.case-sales small{font-size:9px}.pending-preview{padding:40px 20px}.pending-preview h3{font-size:19px}#image-dialog{width:calc(100% - 16px);padding-inline:8px}#expanded-caption{font-size:10px}.brand-hero-caption>span{max-width:48%}}
/* Keep the original wordmark crop proportional in the header and footer. */
.brand-logo{width:270px;height:auto;aspect-ratio:96/19}
.brand-logo img{width:166.666667%;height:auto;left:-33.333333%;top:-489.473684%}
.brand-logo.footer-brand{width:230px;transform:none;margin-right:0}
@media(max-width:1100px){header .brand-logo{width:250px}}
@media(max-width:850px){header .brand-logo{width:220px}}
@media(max-width:600px){.brand-logo.footer-brand{width:220px}}