@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500;1,600&display=swap');
:root{--ink:#20231f;--paper:#f6f4ee;--white:#fffefa;--muted:#777a73;--line:#dcded5;--orange:#ef754e;--blue:#8daec4;--green:#b7c9a5;--violet:#c4b5d7;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:white;padding:12px}.skip:focus{left:10px;z-index:99}.topbar{height:88px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:25px;letter-spacing:-1.5px;line-height:1}.brand-light{font-weight:500}.brand small{display:block;font:8px 'DM Mono',monospace;letter-spacing:1.3px;margin-top:7px;color:var(--muted)}.brand-mark{width:32px;height:32px;position:relative;display:block;transform:rotate(45deg)}.brand-mark i{position:absolute;display:block;width:13px;height:13px;border:2px solid var(--ink);border-radius:3px}.brand-mark i:nth-child(1){left:0;top:0;background:var(--orange)}.brand-mark i:nth-child(2){right:0;top:0;background:var(--blue)}.brand-mark i:nth-child(3){left:9px;bottom:0;background:var(--green)}.nav{display:flex;align-items:center;gap:31px;font-size:12px;font-weight:700}.nav>a:not(.nav-contact){color:#62665e}.nav>a:hover,.nav>a.active{color:var(--ink)}.nav-contact{padding:12px 16px;border:1px solid var(--ink);border-radius:3px}.nav-contact span{margin-left:12px}.menu-toggle{display:none}.hero{max-width:var(--max);margin:auto;padding:58px 28px 0;display:grid;grid-template-columns:1fr .92fr;position:relative;min-height:580px}.hero-copy{padding:34px 0 100px;position:relative;z-index:2}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:1.8px;color:#74786e;margin:0 0 18px}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:9px}.hero h1{font-size:clamp(48px,5.5vw,75px);letter-spacing:-4.6px;line-height:1.06;margin:0;max-width:660px;font-weight:800}.hero h1 em,.section-heading h2 em,.manifesto em{font-family:'Playfair Display',Georgia,serif;font-weight:500}.hero h1 em{color:#e66f4c}.headline-line{display:block;font-size:.72em;letter-spacing:-2.2px;margin-top:7px}.intro{max-width:450px;color:#64685f;font-size:15px;margin:25px 0 27px}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:0;border-radius:3px;padding:15px 18px;font:700 12px Manrope,sans-serif;cursor:pointer}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#41453e}.text-link{font-size:12px;font-weight:800}.text-link span{margin-left:9px}.hero-note{display:flex;align-items:center;gap:12px;position:absolute;bottom:35px;left:0;font-size:10px;line-height:1.6;color:var(--muted)}.note-icon{font-size:28px;color:var(--orange)}.hero-art{position:relative;min-height:430px;overflow:hidden;background:#e7e3d8;margin:0 0 50px 8px;border-radius:48% 48% 4px 4px;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,transparent 42%,rgba(255,255,255,.45)),radial-gradient(circle at 80% 20%,#d5c8b6,transparent 35%);z-index:-1}.art-topline{display:flex;justify-content:space-between;padding:19px 20px;font:8px 'DM Mono',monospace;letter-spacing:1px;color:#696b63}.orbit{position:absolute;border:1px solid rgba(32,35,31,.18);border-radius:50%;width:370px;height:370px;top:48px;left:50%;transform:translateX(-50%)}.orbit-two{width:280px;height:280px;top:93px;border-style:dashed}.art-disc{position:absolute;width:225px;height:225px;border-radius:50%;background:var(--orange);top:105px;left:50%;transform:translateX(-50%);display:grid;place-items:center;box-shadow:16px 18px 0 rgba(32,35,31,.08)}.pixel-grid{display:grid;grid-template-columns:repeat(3,32px);gap:7px;transform:rotate(-12deg)}.pixel-grid b{height:32px;background:var(--paper);border-radius:2px}.pixel-grid b:nth-child(2),.pixel-grid b:nth-child(4),.pixel-grid b:nth-child(8){opacity:.25}.pixel-grid b:nth-child(5){background:var(--ink)}.disc-cross{position:absolute;right:22px;top:17px;font-size:27px}.art-tag{position:absolute;background:var(--white);padding:10px 14px;font:9px 'DM Mono',monospace;letter-spacing:1px;box-shadow:0 8px 22px #24271b12}.tag-one{top:145px;left:10px;transform:rotate(-7deg)}.tag-one span{margin-left:20px}.tag-two{right:5px;bottom:100px;transform:rotate(5deg);background:var(--green)}.art-caption{position:absolute;bottom:27px;left:25px;font-family:'Playfair Display',serif;font-style:italic;font-size:21px;line-height:1.2}.art-index{position:absolute;right:25px;bottom:20px;font-size:29px;font-weight:800;letter-spacing:-3px}.art-index span{color:var(--orange)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0;font:9px 'DM Mono',monospace;letter-spacing:1.3px;color:var(--muted)}.hero-bottom b{color:var(--orange);font-size:14px;margin-left:8px}.intro-strip{background:var(--ink);color:var(--paper);padding:24px max(28px,calc((100vw - var(--max))/2 + 28px));display:flex;align-items:center;justify-content:space-between;gap:25px}.intro-strip p{font-size:19px;margin:0;letter-spacing:-.5px}.intro-strip strong{color:#f39a79}.intro-strip>span{font:8px 'DM Mono',monospace;letter-spacing:1.3px;color:#b7b9b0}.section{max-width:var(--max);margin:auto;padding:100px 28px 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-heading h2,.manifesto h2,.contact-area h2{font-size:clamp(35px,4vw,52px);line-height:1.12;letter-spacing:-2.2px;margin:0}.section-heading h2 em{color:#e66f4c}.section-lead{max-width:330px;color:var(--muted);font-size:13px;margin:0 0 5px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:55px 70px 1fr 48px;gap:20px;align-items:center;padding:26px 5px;border-bottom:1px solid var(--line);transition:padding .2s}.service-row:hover{padding-left:14px;padding-right:14px}.service-number{font:10px 'DM Mono',monospace;color:var(--muted)}.service-symbol{height:54px;width:54px;display:grid;place-items:center;font-size:24px;border-radius:50%}.symbol-orange{background:#f8d4c7}.symbol-blue{background:#d9e5ec}.symbol-green{background:#dfe8d7}.service-content h3{font-size:19px;letter-spacing:-.5px;margin:0 0 4px}.service-content p{font-size:12px;color:var(--muted);margin:0;max-width:560px}.round-arrow{height:42px;width:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:18px}.round-arrow:hover{background:var(--ink);color:white}.services-foot{display:flex;justify-content:space-between;align-items:center;padding-top:24px;gap:20px}.services-foot>span{font:8px 'DM Mono',monospace;letter-spacing:1.2px;color:var(--muted)}.services-foot strong{font-size:12px}.services-foot a{margin-left:10px;text-decoration:underline;text-underline-offset:4px}.manifesto{display:grid;grid-template-columns:.8fr 1.2fr;background:#e9e6dc;min-height:470px}.manifesto-left{position:relative;padding:55px max(30px,calc((100vw - var(--max))/2 + 28px));padding-right:30px;overflow:hidden;background:#e7d6c8}.manifesto-label{font:9px 'DM Mono',monospace;letter-spacing:1.3px}.big-asterisk{font-size:175px;line-height:1;color:var(--orange);margin-top:45px}.manifesto-left>p{font-size:28px;line-height:1.25;font-weight:800;letter-spacing:-1px;position:relative;margin:-20px 0 0 35px}.manifesto-left>p em{color:#a45c46}.manifesto-stamp{position:absolute;right:30px;bottom:30px;border:1px solid #b9a294;border-radius:50%;width:95px;height:95px;display:grid;place-content:center;text-align:center;font:8px 'DM Mono',monospace;line-height:1.7;transform:rotate(12deg)}.manifesto-right{padding:65px max(30px,calc((100vw - var(--max))/2 + 28px)) 55px 60px}.manifesto h2{font-size:36px;margin-bottom:22px}.manifesto h2 em{color:#b5644c}.manifesto-right>p:not(.eyebrow){max-width:510px;font-size:13px;color:#666960}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.values div{display:flex;flex-direction:column;border-top:1px solid #c7c7bc;padding-top:15px}.values span{font-size:24px;color:#b5644c;margin-bottom:12px}.values b{font-size:12px}.values small{font-size:10px;color:var(--muted);margin-top:4px}.contact-area{max-width:var(--max);margin:auto;padding:100px 28px;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.contact-area h2{font-size:39px;margin-bottom:12px}.muted{color:var(--muted);font-size:12px;max-width:300px}.hours-table{margin-top:30px;border-top:1px solid var(--line)}.hours-table div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px}.hours-table b{font-weight:700}.small-note,.form-note{font-size:10px;color:var(--muted)}.email-link{display:flex;justify-content:space-between;margin-top:28px;padding:15px 0;border-top:1px solid var(--line);font-size:12px;font-weight:800}.contact-form-wrap{background:var(--white);padding:35px 38px;border:1px solid var(--line)}.contact-form-wrap h2 span{color:var(--orange)}form{display:grid;grid-template-columns:1fr;gap:8px;margin-top:25px}label{font-size:11px;font-weight:800;margin-top:6px}input,textarea{width:100%;border:1px solid var(--line);background:#faf9f5;border-radius:2px;padding:13px 14px;font:12px Manrope,sans-serif;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:#a36d59;box-shadow:0 0 0 2px #a36d591c}textarea{resize:vertical}form .button{margin-top:8px;justify-self:start}.form-note{margin:3px 0 0}.footer{max-width:var(--max);margin:auto;padding:26px 28px 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-footer{font-size:19px}.brand-footer .brand-mark{transform:scale(.8) rotate(45deg)}.brand-footer small{font-size:6px}.footer-line,.copyright,.back-top{font:8px 'DM Mono',monospace;letter-spacing:.8px;color:var(--muted)}.back-top{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.topbar{height:74px;padding:0 20px}.menu-toggle{display:block;background:none;border:1px solid var(--line);padding:9px 12px;font:700 11px Manrope}.menu-toggle span{margin-left:6px}.nav{display:none;position:absolute;top:73px;left:0;right:0;background:var(--paper);z-index:10;padding:20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:14px 4px;border-bottom:1px solid var(--line)}.nav .nav-contact{margin-top:10px;text-align:center;border:1px solid var(--ink)}.hero{padding:25px 20px 0;grid-template-columns:1fr}.hero-copy{padding:28px 0 100px}.hero h1{font-size:clamp(43px,12vw,66px);letter-spacing:-3px}.headline-line{letter-spacing:-1.4px}.intro{font-size:14px}.hero-art{min-height:350px;margin:0 0 25px;border-radius:48% 48% 3px 3px}.art-disc{width:180px;height:180px;top:90px}.pixel-grid{grid-template-columns:repeat(3,25px);gap:6px}.pixel-grid b{height:25px}.orbit{width:290px;height:290px;top:45px}.orbit-two{width:230px;height:230px;top:75px}.hero-bottom{font-size:7px;letter-spacing:.5px}.intro-strip{padding:23px 20px;display:block}.intro-strip p{font-size:17px}.intro-strip>span{display:block;margin-top:10px;font-size:7px}.section{padding:70px 20px}.section-heading{display:block;margin-bottom:25px}.section-lead{margin-top:18px}.service-row{grid-template-columns:27px 48px 1fr 35px;gap:10px;padding:20px 0}.service-symbol{width:42px;height:42px}.service-content h3{font-size:15px}.service-content p{font-size:11px}.round-arrow{height:32px;width:32px}.services-foot{align-items:flex-start;flex-direction:column}.manifesto{grid-template-columns:1fr}.manifesto-left{min-height:310px;padding:35px 25px}.big-asterisk{font-size:130px;margin-top:20px}.manifesto-left>p{font-size:25px;margin-top:-20px}.manifesto-right{padding:45px 25px}.manifesto h2{font-size:31px}.values{gap:12px;margin-top:28px}.values small{font-size:9px}.contact-area{padding:65px 20px;grid-template-columns:1fr;gap:45px}.contact-form-wrap{padding:25px 20px}.contact-area h2{font-size:34px}.footer{padding:25px 20px;flex-wrap:wrap}.footer-line{order:3;width:100%}.copyright{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* Polimento visual: profundidade, ritmo e estados interactivos */
:root{--orange:#e87555;--blue:#9bbac8;--green:#b9c9a7;--violet:#b9add0;--line:#d8d9cf;--paper:#f7f5ef;--white:#fffefa}
::selection{background:#e87555;color:#fff}
:focus-visible{outline:3px solid #5e879a;outline-offset:4px}
.topbar{position:relative;z-index:20}
.brand{transition:transform .25s ease}.brand:hover{transform:translateY(-2px)}
.nav>a:not(.nav-contact){position:relative}.nav>a:not(.nav-contact):after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav>a:not(.nav-contact):hover:after,.nav>a.active:after{transform:scaleX(1)}
.theme-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--line);border-radius:30px;padding:9px 12px;color:var(--ink);font:700 10px Manrope,sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border .2s}.theme-toggle:hover{background:var(--ink);color:var(--paper)}
.theme-icon{font-size:16px;line-height:1}
.hero{padding-top:46px}.hero-copy{padding-top:46px}.hero h1{max-width:620px}.hero-art{box-shadow:0 25px 60px rgba(32,35,31,.08);transition:transform .5s ease,box-shadow .5s ease}.hero-art:hover{transform:translateY(-5px);box-shadow:0 32px 70px rgba(32,35,31,.13)}
.art-disc{background:linear-gradient(135deg,#ee8a67 0%,#d96d51 100%);animation:disc-float 7s ease-in-out infinite}.orbit-one{animation:orbit-spin 42s linear infinite}.orbit-two{animation:orbit-spin 34s linear infinite reverse}.art-orbit-label{position:absolute;top:50%;right:17px;writing-mode:vertical-rl;font:8px 'DM Mono',monospace;letter-spacing:2px;color:#74766e}
@keyframes disc-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-8px)}}@keyframes orbit-spin{to{transform:translateX(-50%) rotate(360deg)}}
.ticker{overflow:hidden;background:#e9e6dc;border-top:1px solid #d9d5ca;border-bottom:1px solid #d9d5ca;padding:13px 0}.ticker-track{width:max-content;animation:ticker-move 34s linear infinite}.ticker-track span{font:10px 'DM Mono',monospace;letter-spacing:2px;color:#575b52}.ticker-track b{color:var(--orange);padding:0 24px}@keyframes ticker-move{to{transform:translateX(-50%)}}.ticker:hover .ticker-track{animation-play-state:paused}
.service-row{position:relative}.service-row:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--orange);transform:scaleY(0);transform-origin:bottom;transition:transform .25s ease}.service-row:hover:before{transform:scaleY(1)}.service-symbol{transition:transform .25s ease}.service-row:hover .service-symbol{transform:rotate(-8deg) scale(1.06)}.round-arrow{transition:transform .2s ease,background .2s ease,color .2s ease}.round-arrow:hover{transform:rotate(45deg)}
.manifesto-left{background:linear-gradient(145deg,#e8d9cc,#e7e2d6)}.big-asterisk{transform-origin:center;animation:asterisk-turn 24s linear infinite}@keyframes asterisk-turn{to{transform:rotate(360deg)}}.contact-form-wrap{box-shadow:12px 12px 0 #e9e6dc;transition:box-shadow .25s ease,transform .25s ease}.contact-form-wrap:focus-within{box-shadow:8px 8px 0 #d7d3c7;transform:translate(-2px,-2px)}
.button{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(32,35,31,.14)}
/* Modo escuro controlado pelo utilizador */
body.dark-mode{--ink:#f0eee7;--paper:#171b1a;--white:#202523;--muted:#b0b3a9;--line:#39403b;background:var(--paper);color:var(--ink)}body.dark-mode .nav>a:not(.nav-contact){color:#c5c8be}body.dark-mode .hero-art{background:#303632}body.dark-mode .hero-art:before{background:linear-gradient(145deg,transparent 42%,rgba(255,255,255,.04)),radial-gradient(circle at 80% 20%,#596258,transparent 35%)}body.dark-mode .art-topline,body.dark-mode .art-caption,body.dark-mode .art-index{color:#f0eee7}body.dark-mode .art-tag{background:#252b27;color:#f0eee7}body.dark-mode .tag-two{background:#687b61}body.dark-mode .intro-strip{background:#0c100f}body.dark-mode .ticker{background:#242a26;border-color:#39403b}body.dark-mode .ticker-track span{color:#e5e4dc}body.dark-mode .manifesto,body.dark-mode .manifesto-left{background:#292e2a}body.dark-mode .manifesto-stamp{border-color:#596158}body.dark-mode .contact-form-wrap{background:#202523;box-shadow:12px 12px 0 #292e2a}body.dark-mode input,body.dark-mode textarea{background:#171b1a;color:#f0eee7;border-color:#414842}body.dark-mode .nav{background:#171b1a}body.dark-mode .nav-contact{border-color:var(--line)}body.dark-mode .button-dark{background:#e87555;color:#171b1a}body.dark-mode .service-symbol{filter:saturate(.8) brightness(.8)}body.dark-mode .manifesto-right>p:not(.eyebrow){color:#c1c4ba}
@media(max-width:760px){.theme-toggle{justify-content:center;margin-top:12px}.hero{padding-top:15px}.hero-copy{padding-top:25px}.art-orbit-label{right:10px}.contact-form-wrap{box-shadow:7px 7px 0 #e9e6dc}body.dark-mode .contact-form-wrap{box-shadow:7px 7px 0 #292e2a}}
@media(prefers-reduced-motion:reduce){.art-disc,.orbit-one,.orbit-two,.big-asterisk,.ticker-track{animation:none!important}.hero-art,.brand,.button,.service-row,.service-symbol,.round-arrow{transition:none!important}}


/* Mascote original ByteLab: um gatinho simpático desenhado em SVG, sem imagem externa */
.hero-art{overflow:hidden}
.kitty-mascot{position:absolute;z-index:3;right:8%;bottom:72px;width:145px;transform:rotate(7deg);filter:drop-shadow(0 12px 12px rgba(32,35,31,.13));animation:kitty-bob 5s ease-in-out infinite}
.kitty-mascot svg{display:block;width:100%;height:auto;overflow:visible}
.kitty-mascot span{display:block;width:max-content;margin:-4px auto 0;padding:5px 12px;background:var(--ink);color:var(--paper);border-radius:20px;font:9px 'DM Mono',monospace;letter-spacing:.4px;transform:rotate(-7deg)}
.paw-print{position:absolute;color:var(--orange);font-size:30px;opacity:.8}.paw-one{right:30%;top:22%}.paw-two{left:16%;bottom:19%;font-size:22px;color:#7896a5}
.tiny-cat{display:inline-block;margin-left:10px;color:var(--orange);font-size:14px;letter-spacing:0;transition:transform .2s ease}.tiny-cat:hover{transform:rotate(-12deg) scale(1.2)}
@keyframes kitty-bob{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-9px) rotate(3deg)}}
body.dark-mode .kitty-mascot span{background:#e87555;color:#171b1a}
@media(max-width:760px){.kitty-mascot{width:105px;right:8%;bottom:54px}.paw-one{right:23%;top:19%}.paw-two{left:12%;bottom:13%}}
@media(prefers-reduced-motion:reduce){.kitty-mascot{animation:none}}

/* ── Art direction 2.0: editorial, playful, unmistakably ByteLab ── */
:root{--ink:#191b1a;--paper:#f3f0e8;--white:#fffdf7;--muted:#666a63;--line:#d6d4ca;--orange:#ff684a;--blue:#b9d5d1;--green:#c8d96b;--violet:#c9b8e8;--max:1240px}
body{font-size:15.5px;letter-spacing:-.012em;background:var(--paper)}
.topbar{height:82px;border-bottom:1px solid #c9c8be;max-width:none;padding:0 max(5vw,28px);background:var(--paper)}
.brand{font-size:27px;letter-spacing:-1.8px}.brand small{font-size:8px;letter-spacing:1.6px;margin-top:6px;color:#77796f}.brand-mark{transform:rotate(-7deg)}
.nav{gap:clamp(16px,2.5vw,34px)}.nav a{font-size:13px;font-weight:700}.nav a.active{color:var(--orange)}.nav a.active:after{background:var(--orange)}.nav-contact{padding:12px 16px;border:1px solid var(--ink);border-radius:2px}.nav-contact:hover{background:var(--ink);color:var(--white)}
.hero{max-width:none;margin:0;padding:54px max(5vw,28px) 22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);column-gap:5vw;position:relative;overflow:hidden;background:var(--paper)}.hero:before{content:'BL';position:absolute;right:34%;top:25px;font-size:clamp(150px,25vw,360px);font-weight:800;line-height:.8;letter-spacing:-.12em;color:#e9e5da;z-index:0;pointer-events:none}.hero-copy{position:relative;z-index:2;align-self:center;padding:30px 0 55px;max-width:690px}.eyebrow{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.19em;font-weight:500}.dot{background:var(--orange);box-shadow:0 0 0 5px #ff684a24}.hero h1{font-size:clamp(48px,6.6vw,92px);line-height:.98;letter-spacing:-.085em;max-width:760px;margin:22px 0 24px;font-weight:800}.hero h1 em{font-family:'Playfair Display',serif;font-weight:500;color:var(--orange);letter-spacing:-.07em}.headline-line{display:block;font-size:.68em;letter-spacing:-.065em;line-height:1.2;margin-top:12px;max-width:550px}.intro{max-width:470px;color:#5e615b;font-size:16px;line-height:1.8}.hero-actions{margin-top:30px}.button-dark{border-radius:3px;background:var(--ink);box-shadow:5px 5px 0 var(--orange);transition:transform .2s,box-shadow .2s}.button-dark:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--orange)}.text-link{font-weight:800}.hero-note{border-top:1px solid var(--line);margin-top:45px;padding-top:18px;max-width:360px}.note-icon{color:var(--orange)}
.hero-art{min-height:510px;height:min(61vw,650px);max-height:650px;align-self:center;border-radius:48% 48% 3px 3px;background:#d9e4dc;overflow:hidden;position:relative;border:1px solid #c9d4cb;box-shadow:inset 0 0 0 12px #f3f0e8}.hero-art:before{content:'';position:absolute;inset:8% 8% 8% 8%;border:1px solid #a8b9ad;border-radius:48% 48% 2px 2px}.art-disc{background:var(--orange);width:clamp(190px,24vw,320px);height:clamp(190px,24vw,320px);top:23%;left:23%;box-shadow:14px 16px 0 #b7c8bd;border:0}.orbit{border-color:#8da99a}.orbit-one{width:88%;height:62%;left:6%;top:20%;transform:rotate(-26deg)}.orbit-two{width:70%;height:85%;left:14%;top:5%;transform:rotate(24deg)}.pixel-grid{background:#191b1a;gap:7px;padding:14px;border:3px solid #f3f0e8;box-shadow:6px 6px 0 #191b1a}.pixel-grid b{background:var(--green);border-radius:0}.kitty-mascot{z-index:4;top:31%;left:33%;width:clamp(130px,16vw,190px);filter:drop-shadow(7px 8px 0 #191b1a18);animation:kitty-float 4.5s ease-in-out infinite}.kitty-mascot svg{width:100%;transform:rotate(-7deg)}.kitty-mascot span{background:var(--white);border:1px solid var(--ink);border-radius:2px;color:var(--ink);font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.08em;padding:7px 10px;box-shadow:3px 3px 0 var(--ink);transform:rotate(4deg)}.art-tag{border-radius:2px;background:var(--white);color:var(--ink);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:'DM Mono',monospace;font-size:10px}.tag-one{top:17%;left:8%}.tag-two{bottom:20%;right:7%;background:var(--green)}.art-caption{font-size:clamp(22px,2.7vw,34px);font-weight:800;letter-spacing:-.06em;line-height:1.02;left:8%;bottom:8%;color:var(--ink);text-shadow:2px 2px 0 #d9e4dc}.art-index{color:var(--ink);font-size:32px}.art-index span{color:var(--orange)}.art-orbit-label{color:#52695d}.paw-print{color:var(--orange)}.hero-bottom{grid-column:1/-1;margin-top:16px;border-top:1px solid var(--line);padding-top:15px;color:#6a6d65;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.13em}
.intro-strip{max-width:none;padding:27px max(5vw,28px);background:var(--orange);color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:20px}.intro-strip p{font-size:clamp(19px,2.4vw,30px);font-weight:800;letter-spacing:-.05em;margin:0}.intro-strip strong{font-family:'Playfair Display',serif;font-style:italic}.intro-strip>span{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.1em;max-width:220px;text-align:right}.ticker{background:var(--ink);color:var(--white);padding:11px 0}.ticker-track{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.14em}.ticker-track b{color:var(--green)}
.section{max-width:1240px;padding:105px 28px}.section-heading h2,.manifesto h2,.contact-area h2{font-size:clamp(40px,5vw,65px);line-height:1.02;letter-spacing:-.075em}.section-heading h2 em{font-family:'Playfair Display',serif;color:var(--orange);font-weight:500}.section-lead{max-width:350px}.service-list{border-top:1px solid var(--ink)}.service-row{grid-template-columns:54px 76px 1fr 48px;gap:25px;padding:27px 8px;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.service-row:hover{background:#e9e6dc;padding-left:18px;padding-right:18px}.service-number{font-family:'DM Mono',monospace;color:#85877e}.service-symbol{width:58px;height:58px;border-radius:50%;font-size:26px;border:1px solid var(--ink)}.symbol-orange{background:var(--orange);color:var(--ink)}.symbol-blue{background:var(--blue);color:var(--ink)}.symbol-green{background:var(--green);color:var(--ink)}.service-content h3{font-size:23px;letter-spacing:-.05em}.service-content p{max-width:540px}.round-arrow{border-radius:2px;border:1px solid var(--ink)}.round-arrow:hover{background:var(--orange);color:var(--ink)}.services-foot{margin-top:26px}.tiny-cat{color:var(--orange);font-size:16px}
.manifesto{max-width:none;padding:80px max(5vw,28px);background:#dce5d9;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;position:relative;overflow:hidden}.manifesto:after{content:'ฅ';position:absolute;right:-20px;bottom:-170px;font-size:400px;line-height:1;color:#c9d8c5;pointer-events:none}.manifesto-left,.manifesto-right{position:relative;z-index:1}.manifesto-left{border-right:1px solid #a8b6a6;min-height:360px}.big-asterisk{font-size:100px;line-height:1;color:var(--orange);margin:40px 0 18px}.manifesto-left>p{font-size:clamp(35px,4vw,54px);font-weight:800;line-height:1;letter-spacing:-.07em}.manifesto-left>p em{font-family:'Playfair Display',serif;font-weight:500}.manifesto-stamp{display:inline-block;border:1px solid var(--ink);padding:9px 12px;font:10px/1.5 'DM Mono',monospace;transform:rotate(-5deg)}.manifesto h2{font-size:clamp(36px,4.3vw,58px);max-width:720px}.manifesto h2 em{color:#c94e35;font-family:'Playfair Display',serif;font-weight:500}.manifesto-right>p:not(.eyebrow){max-width:620px;color:#515b50}.values{border-top:1px solid #a8b6a6}.values>div{border-color:#a8b6a6}.values>div span{color:#c94e35}
.contact-area{max-width:none;padding:90px max(5vw,28px);grid-template-columns:.9fr 1.1fr;gap:10vw;background:var(--white)}.hours-table{border:1px solid var(--line);border-radius:0}.hours-table>div{padding:16px 0}.hours-table>div+div{border-top:1px solid var(--line)}.email-link{border-bottom:1px solid var(--ink);padding-bottom:8px}.contact-form-wrap{border-left:1px solid var(--line);padding-left:clamp(24px,5vw,70px)}.contact-area h2 span{color:var(--orange)}input,textarea{border:1px solid #c8c8bd;border-radius:2px;background:#f8f6ef;padding:14px}.button{border-radius:2px} .footer{max-width:none;padding:28px max(5vw,28px);background:var(--ink);color:var(--white)}.brand-footer .brand-light{color:var(--green)}.footer-line{color:#b8b9af}
.dark-mode{--paper:#1d211e;--white:#242925;--ink:#f4f1e8;--muted:#b8bbb1;--line:#444a43;background:var(--paper);color:var(--ink)}.dark-mode .topbar,.dark-mode .hero,.dark-mode .contact-area{background:var(--paper)}.dark-mode .hero:before{color:#292f2a}.dark-mode .intro{color:#c0c4ba}.dark-mode .hero-art{background:#35463c;border-color:#526456;box-shadow:inset 0 0 0 12px #1d211e}.dark-mode .art-caption{color:#f4f1e8;text-shadow:none}.dark-mode .art-tag{background:#f4f1e8;color:#191b1a}.dark-mode .intro-strip{background:#b94d35}.dark-mode .service-row:hover{background:#292f2a}.dark-mode .manifesto{background:#2c3b30}.dark-mode .manifesto:after{color:#304335}.dark-mode .manifesto-right>p:not(.eyebrow){color:#d0d8cd}.dark-mode input,.dark-mode textarea{background:#2c302c;color:#f4f1e8;border-color:#555c53}.dark-mode .hours-table{border-color:#555c53}.dark-mode .hours-table>div+div{border-color:#555c53}.dark-mode .nav-contact{border-color:var(--ink)}
@keyframes kitty-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -10px;rotate:2deg}}
@media(max-width:800px){.topbar{padding:0 20px}.hero{padding:35px 20px 20px;grid-template-columns:1fr;gap:25px}.hero:before{right:4%;top:180px;font-size:190px}.hero-copy{padding:25px 0 5px}.hero h1{font-size:clamp(48px,12vw,76px)}.hero-art{width:100%;height:480px;min-height:420px;max-height:520px}.hero-bottom{margin-top:0}.intro-strip{padding:22px 20px;align-items:flex-start;flex-direction:column}.intro-strip>span{text-align:left}.section{padding:75px 20px}.service-row{grid-template-columns:30px 54px 1fr 38px;gap:12px;padding:22px 0}.service-symbol{width:48px;height:48px}.service-content h3{font-size:19px}.manifesto{padding:60px 20px;grid-template-columns:1fr;gap:38px}.manifesto-left{min-height:280px;border-right:0;border-bottom:1px solid #a8b6a6;padding-bottom:30px}.big-asterisk{margin:20px 0 10px}.contact-area{padding:65px 20px;grid-template-columns:1fr;gap:45px}.contact-form-wrap{border-left:0;border-top:1px solid var(--line);padding:35px 0 0}.footer{padding:25px 20px;gap:18px;flex-wrap:wrap}}
@media(max-width:480px){.hero-art{height:390px;min-height:390px}.art-caption{font-size:24px}.service-row{grid-template-columns:24px 44px 1fr 32px;gap:9px}.service-symbol{width:40px;height:40px;font-size:20px}.service-content p{font-size:13px}.round-arrow{width:32px;height:32px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-note{margin-top:30px}.footer-line{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){.kitty-mascot{animation:none}.service-row,.button-dark{transition:none}}
