/* Content remains readable while assets and decorative motion initialize. */
.cookie-details-button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px}
.cookie-details{width:min(560px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:28px;border:1px solid #c8e0e8;border-radius:14px;background:#fff;color:#173c4a;margin:auto;box-shadow:0 20px 80px #102a3833;font:16px/1.6 Rubik,Arial,sans-serif}
.cookie-details::backdrop{background:#102a38aa}.cookie-details:not([open]){display:none}.cookie-details h2{font-size:1.4rem}.cookie-details li{margin:12px 0}.cookie-details a{color:#126a85}.cookie-details button{padding:10px 24px;border:1px solid #126a85;border-radius:24px;background:#fff;color:#126a85;cursor:pointer}.cookie-details-button:focus-visible,.cookie-details button:focus-visible{outline:3px solid #1db2dd;outline-offset:4px}
/* Avoid persistent compositor layers on every card and expensive effects on mobile. */
.vmm-motion-card{will-change:auto}.vmm-motion-card:hover{will-change:transform}
@media(max-width:800px){.navbar,.navbar.nav-scroll{backdrop-filter:none}.studio-bird{filter:none}.bg-fixed{background-attachment:scroll!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.classic-reveal{opacity:1!important;transform:none!important}}

/* Preserve the hero flex item and card geometry across picture sources. */
.studio-picture{display:contents}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.studio-work-card.vmm-motion-card>.studio-picture>img{transform:translateZ(0);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.studio-work-card.vmm-motion-card:hover>.studio-picture>img{transform:translateZ(10px)}}

/* Audit contrast corrections. Preserve palette, artwork and motion. */
.studio-floating-card{color:#172e37;background:#fffefa}
.studio-floating-card small{color:#445b60}
.studio-art-label{color:#48615c}
.studio-work-card figcaption span{color:#495e54}
.volikes-service-card a.getBtn{background:#006b95;color:#fff;border-color:#006b95}
.volikes-service-card a.getBtn:hover,.volikes-service-card a.getBtn:focus-visible{background:#084f6c;color:#fff;border-color:#084f6c}
.studio-contact .studio-email-card .studio-contact-eyebrow,.studio-contact .studio-email-card .studio-contact-email{color:#00617f}
.studio-contact .studio-email-card p{color:#3d5965}

.classic-reveal{opacity:1;transition:transform .7s ease}

/* PageSpeed follow-up: readable secondary copy, preserving the existing palette. */
.tabs-section .tab-content .left .about .sub-title{color:#626262;font-size:12px;font-weight:400;line-height:1.5}
.studio-work .studio-section-heading>p{color:#506168}
.studio-contact .section-head p{color:#506168!important}