/* CVA: small, reversible usability refinements. */
:focus-visible{outline:2px solid #fffde2;outline-offset:5px}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:2000;background:#fffde2;color:#051236;padding:.75rem 1rem;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
#main-content:focus{outline:none}
#menu-btn::before{content:"";position:absolute;inset:-14px}
#menu-overlay{transition-duration:.45s!important}
#menu-overlay :focus-visible{outline-color:#051236}
.seo-dropdown:focus-within .seo-dropdown-menu{opacity:1;visibility:visible}
.hero-summary{font-size:clamp(.85rem,1.2vw,1rem);line-height:1.6;color:rgba(255,253,226,.8);max-width:44rem;margin:1.5rem auto 0}
.contact-cta{display:inline-flex;align-items:center;padding:.75rem 1.25rem;border:1px solid rgba(255,253,226,.55);color:#fffde2;text-decoration:none;font-size:.875rem;transition:background .2s,border-color .2s}
.contact-cta:hover{background:rgba(255,253,226,.1);border-color:#fffde2}
.contact-form label{font-size:.875rem;color:#fffde2;margin-bottom:-.65rem}
button.faq-q{width:100%;border:0;background:none;color:inherit;font:inherit;text-align:left}
@media(max-width:767px){#hero > div > div.hero-actions{order:6;margin-top:1.5rem!important}#hero .hero-summary{order:5}#hero .hero-h1{order:3}#hero #ver-trabajo-btn{order:4}.hero-summary{max-width:22rem;padding:0 1rem}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
 .reveal,.reveal-word,#rotating-text{opacity:1!important;filter:none!important;transform:none!important}
 #bg-video,#menu-video,.work-thumb canvas,.blog-card-img canvas{display:none!important}
 #clients-track{transform:none!important}
}

/* Keep the contact information sharp and the form within narrow viewports. */
.contact-page #frost-overlay{display:none}
.contact-grid > *{min-width:0}
.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #fffde2;outline-offset:3px}
.contact-page .pf-header-logo{display:block}
@media(max-width:420px){.contact-page .pf-header{padding:1.25rem}.contact-page .pf-header-logo svg{max-width:110px}.contact-page .contact-item{padding:1.25rem}}