/* Compact homepage and shared three-dot navigation. */
.studio-nav{position:relative;justify-content:flex-start;gap:16px}.studio-brand{margin-right:auto}.header-contact{font-size:12px;color:#F5AF8A;padding:12px 4px}.menu-toggle{display:inline-flex;flex-shrink:0;cursor:pointer;font-size:32px;line-height:1}.nav-links{display:none;position:absolute;right:0;top:calc(100% - 8px);width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 105px);overflow:auto;padding:12px;background:#101f35;border:1px solid #3973cf40;border-radius:14px;box-shadow:0 20px 50px #0008;z-index:40}.nav-links.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links>a:not(.nav-contact){display:block;padding:12px 14px;white-space:normal;min-height:44px;border-radius:7px;font-size:14px}.nav-links>a:hover{background:#3973cf14}.nav-links>a>span{color:#F5AF8A;margin-right:8px}.inner-intro{padding-top:40px}.inner-intro h1{font-size:clamp(30px,5vw,56px);line-height:1.15;margin:22px 0 0}.nb-inner .studio-section{padding-top:50px}.nb-home:not(.nb-inner) .studio-section{padding-block:58px}.nb-home:not(.nb-inner) .studio-hero{padding-block:56px}.nb-home:not(.nb-inner) .section-intro{margin-bottom:28px}.nb-home:not(.nb-inner) .service-card{padding:24px}.nb-home:not(.nb-inner) .contact-section{padding-block:60px}.nb-home:not(.nb-inner) .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nb-home:not(.nb-inner) .site-preview-window{height:240px}.vita-preview{background:radial-gradient(ellipse at top right,#d6c69b44,transparent 65%),#f4f1e9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#163f38;padding:24px;text-align:center}.vita-preview strong{font-family:Georgia,serif;font-size:32px;letter-spacing:2px}.vita-country{font-size:9px;letter-spacing:1.4px}.vita-tag{font-size:10px;border:1px solid #163f3840;border-radius:30px;padding:8px 12px}.compact-reviews{margin-top:20px}.nb-inner .process-section{padding-block:50px}.nb-inner .faq-section{padding-top:50px}
@media(max-width:900px){.studio-nav{min-height:76px}.nav-links{inset:auto 0 auto auto;top:calc(100% - 4px)}.nb-home:not(.nb-inner) .project-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.header-contact{font-size:11px}.studio-nav{gap:10px}.studio-brand>span{font-size:20px}.studio-brand img{width:40px;height:40px}.nb-home:not(.nb-inner) .project-grid{grid-template-columns:1fr}.nb-home:not(.nb-inner) .studio-section{padding-block:40px}.nb-home:not(.nb-inner) .studio-hero{padding-block:38px}.nb-home:not(.nb-inner) .hero-visual{display:none}.inner-intro{padding-top:26px}.nb-home:not(.nb-inner) .service-card>p{margin-bottom:10px}}


/* Identidade NovaByte azul e laranja, compartilhada com as páginas institucionais. */
.header-contact{color:#F5AF8A}.nav-links{background:#101f35;border-color:#7186a345}.nav-links>a>span{color:#F39869}
.nb-home:not(.nb-inner) .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.nb-home:not(.nb-inner) .hero-visual.identity-visual{display:block}
@media(max-width:760px){.nb-home:not(.nb-inner) .studio-hero{padding-block:40px 50px}.nb-home:not(.nb-inner) .project-grid{grid-template-columns:1fr}.nb-home:not(.nb-inner) .contact-section{padding-block:50px}}
@media(max-width:380px){.header-contact{display:none}}