#header-logo svg{width:130px;height:48px;margin-top:-12px}#header-logo{width:130px}#header-logo svg path{fill:currentColor!important}#header-menu-newsletter[hidden],#footer-newsletter-input[hidden]{display:none!important}#footer-contact-socials .footer-socials-line:not(:first-child){display:none}#header-menu-links{gap:.5em}#footer-middle-newsletter{pointer-events:none}#header-right-sound-btn:focus-visible,#header-right-menu-btn:focus-visible,#header-center-project-back-btn:focus-visible{outline:2px solid #609edb;outline-offset:5px}
@media(max-width:812px){#header-logo svg{width:105px;height:40px;margin-top:-8px}}

.header-menu-link-text,.header-menu-link-text-clone{white-space:nowrap}
/* Keep Lusion chrome hidden. The canvas must stay on so listing hover/open effects run. */
#header,#preloader,#project-details-header-info{display:none!important}
#transition-overlay{pointer-events:none}
#canvas{display:block!important;visibility:visible!important;opacity:1}
#drg-site-chrome{position:fixed;inset:0 0 auto;z-index:2000;pointer-events:none;font-family:"Mona Sans Variable",Arial,sans-serif;font-size:var(--fluid-font);line-height:1.2;background:none;color:#102a43}
#drg-site-chrome .nav{z-index:2000}
@media(max-width:1024px),(pointer:coarse){
 #drg-site-chrome .nav{padding-top:env(safe-area-inset-top,0px);background:none}
}
#drg-site-chrome .nav-menu-w{display:flex;visibility:hidden;pointer-events:none;clip-path:ellipse(120% 0% at 50% 0%);transition:clip-path .75s cubic-bezier(.65,.05,0,1),visibility .75s;background:#19293b}
#drg-site-chrome .nav[data-open="true"] .nav-menu-w{visibility:visible;pointer-events:auto;clip-path:ellipse(120% 100% at 50% 20%)}
#drg-site-chrome .nav-menu-links-w,#drg-site-chrome .nav-menu-images-track{opacity:0;transform:translateY(24px);transition:opacity .35s,transform .6s cubic-bezier(.19,1,.22,1)}
#drg-site-chrome .nav[data-open="true"] .nav-menu-links-w,#drg-site-chrome .nav[data-open="true"] .nav-menu-images-track{opacity:1;transform:none;transition-delay:.2s}
#drg-site-chrome .nav-menu-link-current-svg{display:none}
#drg-site-chrome .nav-menu-link-w.w--current .nav-menu-link-current-svg{display:block}
#drg-site-chrome .nav-menu-link-w.w--current{color:#a7bdce}
#drg-site-chrome .nav-menu-link-w:hover{color:#609edb}
#drg-site-chrome [data-nav-group],#drg-site-chrome .nav-menu-spacer{visibility:visible;opacity:1}
#drg-case-tools{position:fixed;top:90px;left:20px;z-index:1900;display:flex;gap:8px}
#drg-case-tools button{font:12px "Mona Sans Variable",Arial,sans-serif;background:#fff;color:#102a43;border:1px solid #a7bdce;border-radius:7px;padding:10px 14px;cursor:pointer}
#drg-case-tools [data-case-action="back"]{display:none}
html.drg-case-detail #drg-case-tools [data-case-action="back"]{display:block}
html.drg-site-menu-open #drg-case-tools{visibility:hidden}
@media(max-width:812px){#drg-case-tools{top:70px;left:15px}#drg-case-tools [data-case-action="sound"]{display:none}}
@media(prefers-reduced-motion:reduce){#drg-site-chrome .nav-menu-w,#drg-site-chrome .nav-menu-links-w,#drg-site-chrome .nav-menu-images-track{transition:none}}

#drg-site-chrome [data-case-action="sound"]{pointer-events:auto;color:inherit;font-family:inherit;background:none;border:0;cursor:pointer;font-weight:650;font-size:calc(var(--fluid-font) * .875);text-transform:uppercase}
#drg-site-chrome .nav[data-open="true"] .page-drgsmile-pos{opacity:0;pointer-events:none}

/* Keep animated title spaces from shrinking in longer Spanish names. */
.project-item-line-2-inner-list{flex-shrink:0}

/* Closing actions retain the original layout and motion. */
#end-section-title-link{display:block;color:inherit;text-decoration:none}
#end-bottom{cursor:pointer}
#end-section-title-link:focus-visible,#end-bottom:focus-visible{outline:2px solid #609edb;outline-offset:8px}

/* Keep the cases engine footer IDs, show the shared DrGsmile footer instead. */
#footer-section.drg-has-site-footer{display:block;grid-template-columns:none;padding:0;pointer-events:auto;overflow:visible;min-height:0}
#footer-section.drg-has-site-footer>#footer-bg,
#footer-section.drg-has-site-footer>#footer-top,
#footer-section.drg-has-site-footer>#footer-middle,
#footer-section.drg-has-site-footer>#footer-bottom{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
#footer-section.drg-has-site-footer .drg-site-footer-inner{width:100vw;margin-left:calc(50% - 50vw);position:relative;z-index:2;pointer-events:auto}
#footer-section.drg-has-site-footer .s.is-callout-socials,#footer-section.drg-has-site-footer .s.is-footer{pointer-events:auto}
/* Light listing: black title, sharp editorial covers. */
#projects-main-title,#projects-main-title-top,#projects-main-title-bottom,
#projects-main-title-project-number,#projects-main-title-project-arrow{color:#11120f!important}
.drg-cases-intro,.drg-cases-intro p,.drg-cases-status{color:#486581!important}
/* HTML covers stay in layout but stay invisible so the WebGL cards (ripple, depth, zoom) show. */
html:not(.drg-case-detail) .project-item-image,
html:not(.drg-case-detail) .project-item-image img,
html:not(.drg-case-detail) img.drg-case-cover,
html:not(.drg-case-detail) .drg-editorial-cover-badge{
  opacity:0!important;visibility:hidden!important
}
/* Inline editorial filters and a continuous animated gallery. */
.drg-cases-intro{display:block!important;padding-bottom:0!important}
.drg-cases-intro>p:first-child{max-width:560px;margin-bottom:36px}
.drg-cases-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.drg-cases-filters a{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border:1px solid #102a432e;border-radius:40px;color:#102a43;text-decoration:none;font-size:16px;transition:background .2s,color .2s}
.drg-cases-filters a span{font-size:11px;opacity:.65}
.drg-cases-filters a[aria-current],.drg-cases-filters a:hover{background:#102a43;color:#fff;border-color:#102a43}
.drg-cases-status{font-size:13px!important;opacity:.65;margin-top:20px!important}
.drg-cases-filters a:focus-visible{outline:2px solid #609edb;outline-offset:4px}
.project-item-line-2{font-size:clamp(22px,2.8vw,44px)!important}
.nav-menu-link-w[href="/casos/"],.nav-menu-link-w[href="/casos"]{position:relative;z-index:2;pointer-events:auto}
@media(max-width:640px){.drg-cases-filters{gap:8px}.drg-cases-filters a{padding:11px 15px;font-size:14px}.drg-cases-intro>p:first-child{margin-bottom:24px}}

/* Match the shared header's physical touch sizes. */
@media(max-width:1024px),(pointer:coarse){
 #drg-case-tools{top:calc(88px + env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left))}
 #drg-case-tools button{min-height:48px;min-width:48px;padding:12px 16px;font-size:14px;touch-action:manipulation}
 #drg-site-chrome [data-case-action="sound"]{font-size:14px;min-height:48px;padding:12px 16px}
 .drg-cases-filters a{min-height:48px;box-sizing:border-box;font-size:14px;touch-action:manipulation}
 #footer-contact a,#footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
 #scroll-nav-main{min-height:48px;touch-action:manipulation}
}
@media(min-width:600px) and (max-width:1024px){
 #drg-case-tools{top:calc(96px + env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left))}
}
@media(max-width:1024px),(pointer:coarse){
 #project-details-launch-cta,#project-details-launch-cta-mobile{min-height:48px;max-width:100%;font-size:14px;touch-action:manipulation}
 #project-details-launch-cta-text,#project-details-launch-cta-mobile-text{font-size:14px}
}