:root{--ink:#171614;--paper:#f4f0e4;--paper-alt:#eae3d1;--green:#5dc93b;--green-dark:#1f4d1a;--gold:#f0af07;--card-shadow:6px 6px 0 rgba(23,22,20,.9);--radius:4px;--maxw:1180px;--font-display:'Anton' , 'Arial Narrow' , sans-serif;--font-body:'Space Grotesk' , 'Segoe UI' , sans-serif}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family: var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.skip-link{position:absolute;left:-999px;top:auto;background:var(--ink);color:var(--paper);padding:12px 18px;z-index:1000;border-radius:var(--radius)}.skip-link:focus{left:16px;top:16px}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}h1,h2{font-family: var(--font-display);font-weight:400;line-height:1.05;letter-spacing:.3px;margin:0}.site-header{position:sticky;top:0;z-index:500;background:var(--paper);border-bottom:3px solid var(--ink)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px}.brand img{height:52px;width:auto}.site-nav{display:flex;align-items:center;gap:28px;font-weight:600;font-size:.98rem}.site-nav a{text-decoration:none;padding:6px 2px;border-bottom:3px solid transparent}.site-nav a:hover{border-bottom-color:var(--green)}.nav-cta{background:var(--ink);color:var(--paper)!important;padding:10px 18px!important;border-radius:var(--radius);border-bottom:none!important}.nav-cta:hover{background:var(--green-dark)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;width:40px;height:34px;padding:0;flex-direction:column;justify-content:space-between}.nav-toggle span{display:block;height:3px;background:var(--ink);border-radius:2px}.hero{position:relative;overflow:hidden;padding-top:64px}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-bottom:72px}.hero-copy h1{font-size:clamp(2.6rem,5.6vw,4.4rem);max-width:12ch}.hero-copy .stroke{color:var(--paper);-webkit-text-stroke:2px var(--ink);text-shadow:3px 3px 0 var(--ink)}.hero-lede{font-size:1.15rem;max-width:46ch;margin:22px 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px}.btn{display:inline-block;text-decoration:none;font-weight:600;padding:14px 26px;border-radius:var(--radius);border:3px solid var(--ink);transition:transform 120ms ease , box-shadow 120ms ease}.btn-primary{background:var(--green);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.btn-outline{background:transparent;color:var(--ink)}.btn:hover{transform:translate(-2px,-2px)}.btn-primary:hover{box-shadow:7px 7px 0 var(--ink)}.btn-outline:hover{background:var(--ink);color:var(--paper)}.hero-stickers{position:relative;height:380px}.sticker{position:absolute;border-radius:50%;border:4px solid var(--ink);object-fit:cover;box-shadow:5px 5px 0 rgba(23,22,20,.55);background:var(--paper)}.sticker.s1{width:150px;height:150px;top:4%;left:8%;transform:rotate(-8deg)}.sticker.s2{width:140px;height:140px;top:2%;left:52%;transform:rotate(10deg)}.sticker.s3{width:130px;height:130px;top:40%;left:66%;transform:rotate(-6deg)}.sticker.s4{width:120px;height:120px;top:46%;left:6%;transform:rotate(9deg)}.sticker.s5{width:150px;height:150px;top:70%;left:34%;transform:rotate(4deg)}.hero-stripe{height:14px;background:repeating-linear-gradient(45deg,var(--green) 0 18px,var(--ink) 18px 36px)}.section{padding:72px 0}.section-alt{background:var(--paper-alt)}.section-title{font-size:clamp(1.9rem,3.6vw,2.6rem)}.section-title-spaced{margin-top:64px}.section-lede{max-width:56ch;margin:12px 0 40px;font-size:1.05rem}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px}.service{background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);padding:26px 22px;box-shadow:var(--card-shadow)}.service-mark{display:inline-block;font-family: var(--font-display);font-weight:400;font-size:1.5rem;color:var(--green-dark);background:var(--green);border:3px solid var(--ink);padding:4px 14px;border-radius:999px;margin-bottom:14px}.service p{margin:0}.gallery{display:grid;gap:26px;grid-template-columns:repeat(4,1fr)}.gallery-sites{grid-template-columns:repeat(3,1fr)}.card{margin:0;background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:var(--card-shadow);transition:transform 140ms ease , box-shadow 140ms ease}.card img{width:100%;height:auto;aspect-ratio: 4/3;object-fit:cover}.card figcaption{padding:10px 12px;font-size:.86rem;font-weight:600;border-top:3px solid var(--ink)}.sticker-card.r1{transform:rotate(-1.4deg)}.sticker-card.r2{transform:rotate(1.2deg)}.sticker-card.r3{transform:rotate(-.6deg)}.card:hover{transform:rotate(0deg) translateY(-4px);box-shadow:8px 8px 0 rgba(23,22,20,.9)}.browser-card .browser-bar{display:block;height:22px;background:var(--ink);position:relative}.browser-bar::before{content:"";position:absolute;left:10px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:14px 0 0 var(--green) , 28px 0 0 var(--paper)}.gallery-sites .card img{aspect-ratio: 16/9}.sobre-inner{max-width:74ch}.sobre-inner p{font-size:1.08rem}.contact-section{background:var(--ink);color:var(--paper)}.contact-section .section-title{color:var(--paper)}.contact-section .btn-outline{color:var(--paper);border-color:var(--paper)}.contact-section .btn-outline:hover{background:var(--paper);color:var(--ink)}.contact-inner{text-align:left}.contact-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.site-footer{border-top:3px solid var(--ink);padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner img{height:40px;width:auto}.footer-nav{display:flex;gap:20px;font-weight:600}.footer-nav a{text-decoration:none}.footer-nav a:hover{color:var(--green-dark)}.footer-note{margin:0;font-size:.9rem;opacity:.75}.gallery-img{cursor:zoom-in}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(23,22,20,.94);display:flex;align-items:center;justify-content:center;padding:40px 20px}.lightbox[hidden]{display:none}.lightbox-figure{margin:0;max-width:min(94vw,1200px);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:14px}.lightbox-figure img{max-width:100%;max-height:78vh;width:auto;height:auto;border:4px solid var(--paper);box-shadow:0 0 0 3px var(--ink);background:var(--paper)}.lightbox-figure figcaption{color:var(--paper);font-weight:600;text-align:center}.lightbox-close{position:absolute;top:18px;right:22px;background:var(--paper);color:var(--ink);border:3px solid var(--paper);border-radius:50%;width:48px;height:48px;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox-close:hover{background:var(--green)}@media (max-width:960px){.services{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(3,1fr)}.gallery-sites{grid-template-columns:repeat(2,1fr)}.hero-inner{grid-template-columns:1fr}.hero-stickers{height:300px;margin-top:20px}}@media (max-width:720px){.nav-toggle{display:flex}.site-nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:3px solid var(--ink);flex-direction:column;align-items:flex-start;gap:4px;padding:14px 24px 20px;display:none}.site-nav.open{display:flex}.site-nav a{width:100%;padding:10px 0}.nav-cta{width:auto;margin-top:6px}.services{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.gallery-sites{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.gallery{grid-template-columns:1fr 1fr}.hero-copy .btn{width:100%;text-align:center}}