.js-header-logo-container {position:relative;}
.js-header-logo-container > :not(.goldstine-mark) {visibility:hidden!important;}
.goldstine-mark {width:100%;height:100%;display:block;object-fit:contain;}
.js-header-logo-container::after {content:"";position:absolute;inset:0;background:currentColor;mask:url('/rubens/goldstine.svg') center/contain no-repeat;}
.js-header-logo use {display:none;}
.js-header-logo {background:#ffffff;mask:url('/rubens/goldstine.svg') center/contain no-repeat;}
.js-footer-logo {position:relative;}
.js-footer-logo > * {visibility:hidden!important;}
.js-footer-logo {background:#ffffff;mask:url('/rubens/goldstine.svg') center/contain no-repeat;}

/* Original animation targets retain their motion, with Goldstine surfaces. */
.js-header-home-link {background-color:#102E50!important;color:#FFFFFF!important;}
.js-blue-bg {background-color:#FFFFFF!important;}

/* Shared header: logo, Multibox opener, and existing 3D gallery control. */
header > nav {display:flex!important;align-items:flex-start;gap:12px!important;}
header > nav > div:has(.js-primary-links),
header > nav > div:has(.js-secondary-links),
header .js-header-menu,
header .js-contact-link,
header > nav > div[data-v-36f30419] {display:none!important;}
header > nav > div:has(#rubens-launch) {margin-left:auto;flex:0 0 auto!important;}
header > nav > div:has(.js-header-home-link) {flex:0 0 auto;}
header #goldstine-menu-button {position:static;flex:0 0 44px;pointer-events:auto;background:#FFFFFF;color:#102E50;}
footer.js-footer {background-color:#102E50!important;color:#FFFFFF;}
footer.js-footer .footer-text,footer.js-footer nav a {color:#FFFFFF!important;}

body > #goldstine-menu-button {top:15px;left:calc(15px + clamp(145px, 17.4vw, 240px));background:#FFFFFF;color:#102E50;}
header #rubens-launch {min-height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;}

/* One shared header presentation for the homepage and every content route. */
html body:is(.goldstine-home,body) header{top:15px!important;left:0!important;width:100%!important;padding:0 15px!important;transform:none!important;opacity:1!important;visibility:visible!important}
html body:is(.goldstine-home,body) header>nav{display:flex!important;align-items:center!important;gap:12px!important}
html body:is(.goldstine-home,body) header>nav>div:has(.js-header-home-link){width:auto!important;border:0!important;transform:none!important;opacity:1!important;visibility:visible!important}
html body:is(.goldstine-home,body) header .js-header-home-link{width:212px!important;height:52px!important;min-height:52px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;background:#FFFFFF!important;color:#18212B!important;border:1px solid #D3DBE1!important;border-radius:0!important;transform:none!important;opacity:1!important;overflow:hidden!important;transition:width 320ms cubic-bezier(.22,1,.36,1),padding 320ms cubic-bezier(.22,1,.36,1),border-color 220ms ease!important}
html body:is(.goldstine-home,body) header .js-header-home-link>:not(.gg-header-brand):not(.sr-only){display:none!important}
html body:is(.goldstine-home,body) header .gg-header-brand{display:block!important;width:100%!important;height:100%!important;position:relative!important;visibility:visible!important}
html body:is(.goldstine-home,body) header .gg-header-brand img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mask:none!important;background:none!important;visibility:visible!important;transition:opacity 200ms ease,transform 320ms cubic-bezier(.22,1,.36,1)!important;will-change:opacity,transform}
html body:is(.goldstine-home,body) header .gg-header-full-logo{opacity:1!important;transform:translateX(0) scale(1)!important;transform-origin:left center}
html body:is(.goldstine-home,body) header .gg-header-icon-logo{opacity:0!important;transform:translateX(-5px) scale(.82)!important;transform-origin:center}
html.gg-header-scrolled body header .js-header-home-link{width:52px!important;padding:8px!important}
html.gg-header-scrolled body header .gg-header-full-logo{opacity:0!important;transform:translateX(-6px) scale(.84)!important}
html.gg-header-scrolled body header .gg-header-icon-logo{opacity:1!important;transform:translateX(0) scale(1)!important}
html body:is(.goldstine-home,body) #goldstine-menu-button{width:52px!important;height:52px!important;min-height:52px!important;border:1px solid #D3DBE1!important;border-radius:0!important;background:#FFFFFF!important;color:#275D73!important;box-shadow:0 4px 14px #1822300c!important;transition:left 320ms cubic-bezier(.22,1,.36,1),background-color 180ms ease,color 180ms ease,border-color 180ms ease!important}
html body:is(.goldstine-home,body)>#goldstine-menu-button{top:15px!important;left:239px!important}
html.gg-header-scrolled body>#goldstine-menu-button{left:79px!important}
html body:is(.goldstine-home,body) header #rubens-launch{height:52px!important;min-height:52px!important;padding:0 18px!important;background:#FFFFFF!important;color:#275D73!important;border:1px solid #D3DBE1!important;border-radius:0!important;font:600 12px GoldstineSynonym,sans-serif!important;transform:none!important;opacity:1!important;visibility:visible!important}
html.rubens-open,html.rubens-open body{overflow:hidden!important;overscroll-behavior:none!important}
html.rubens-open body>#goldstine-menu-button{visibility:hidden!important;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){html body:is(.goldstine-home,body) header .js-header-home-link,html body:is(.goldstine-home,body) header .gg-header-brand img,html body:is(.goldstine-home,body) #goldstine-menu-button{transition:none!important}}
@media(max-width:480px){html body:is(.goldstine-home,body) header .js-header-home-link{width:170px!important}html body:is(.goldstine-home,body)>#goldstine-menu-button{left:197px!important}html.gg-header-scrolled body header .js-header-home-link{width:52px!important}html.gg-header-scrolled body>#goldstine-menu-button{left:79px!important}html body:is(.goldstine-home,body) header #rubens-launch{padding:0 10px!important}}
@media(max-width:360px){html body:is(.goldstine-home,body) header .js-header-home-link{width:min(170px,calc(100vw - 190px))!important}html body:is(.goldstine-home,body)>#goldstine-menu-button{left:calc(27px + min(170px,calc(100vw - 190px)))!important}}

html body.rubens-push header{transform:translateY(100dvh)!important}

/* Respect device cutouts and keep the fixed opener aligned with the wordmark. */
@media(max-width:1023px){
  html body.goldstine-template-page header{padding-left:max(15px,env(safe-area-inset-left,0px))!important;padding-right:max(15px,env(safe-area-inset-right,0px))!important;top:max(15px,env(safe-area-inset-top,0px))!important}
  html body.goldstine-template-page>#goldstine-menu-button{left:calc(239px + env(safe-area-inset-left,0px))!important;top:max(15px,env(safe-area-inset-top,0px))!important}
}
@media(max-width:480px){html body.goldstine-template-page>#goldstine-menu-button{left:calc(197px + env(safe-area-inset-left,0px))!important}}
@media(max-width:360px){html body.goldstine-template-page>#goldstine-menu-button{left:calc(27px + min(170px,calc(100vw - 190px)) + env(safe-area-inset-left,0px))!important}}
@media(max-width:767px){
  html body.goldstine-template-page footer .footer-list a{display:flex;align-items:center;min-height:44px;line-height:1.35}
  html body.goldstine-template-page .goldstine-crosslinks a{display:inline-flex;align-items:center;min-height:44px}
}

/* Fit the expanded wordmark closely without changing its height. */
html:not(.gg-header-scrolled) body header .js-header-home-link {width:164px!important;padding:8px!important;}
html:not(.gg-header-scrolled) body>#goldstine-menu-button {left:191px!important;}
@media(max-width:480px){html:not(.gg-header-scrolled) body header .js-header-home-link {width:154px!important;}html:not(.gg-header-scrolled) body>#goldstine-menu-button {left:181px!important;}}
@media(max-width:360px){html:not(.gg-header-scrolled) body header .js-header-home-link {width:min(154px,calc(100vw - 190px))!important;}html:not(.gg-header-scrolled) body>#goldstine-menu-button {left:calc(27px + min(154px,calc(100vw - 190px)))!important;}}
/* Navigation controls share the far-right header position in both states. */
html body>#goldstine-menu-button#goldstine-menu-button {left:auto!important;right:15px!important;top:15px!important;transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease!important;}
html body #multibox-root .action--close.action--close {position:fixed!important;left:auto!important;right:15px!important;top:15px!important;}
html body header #rubens-launch {margin-right:64px!important;}
html body header .gg-header-gallery {display:none!important;}
html body #multibox-root .menu-portfolio-gallery {position:absolute;top:20px;left:24px;right:80px;width:auto;min-height:52px;padding:12px 20px;border:1px solid #94610A;background:#E7B52E;color:#18212B;font:600 17px GoldstineSynonym,sans-serif;text-align:left;cursor:pointer;z-index:2;border-radius:0;}
html body #multibox-root .menu-portfolio-gallery:hover {background:#C88710;}
html body #multibox-root .menu__item--3 .label--topleft {left:16px;top:20px;}

.gg-x-updates {display:inline-flex!important;align-items:center;gap:12px;padding:12px 16px;border:1px solid #405365;text-decoration:none!important;font:600 14px/1.4 GoldstineSynonym,sans-serif;min-height:48px;box-sizing:border-box;}
.gg-x-updates img {display:block;width:22px;height:22px;object-fit:contain;filter:invert(1);}
html body #multibox-root .gg-menu-updates {position:absolute;bottom:24px;left:24px;color:#F3F5F7;background:#111A23;z-index:3;}
footer.js-footer .gg-footer-updates {color:#F3F5F7!important;margin-top:16px;align-self:flex-start;background:#1B2834;}
.gg-x-updates:hover {border-color:#E7B52E;}
.gg-x-updates:focus-visible {outline:2px solid #E7B52E;outline-offset:4px;}

/* Gallery entry and close control share the same top edge and height. */
html body #multibox-root .menu-portfolio-gallery {top:15px!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:10px 16px!important;display:flex!important;align-items:center!important;line-height:1.25!important;}
@media(max-width:600px){html body #multibox-root .menu-portfolio-gallery {left:15px!important;right:74px!important;padding:4px 8px!important;font-size:14px!important;line-height:1.25!important;}}

/* The homepage uses the same gallery return control as the content routes. */
html body #rubens-back#rubens-back {top:15px!important;right:15px!important;width:52px!important;height:52px!important;border:1px solid #D3DBE1!important;border-radius:0!important;background:#FFFFFF!important;color:#275D73!important;}
/* Nuxt may mount the homepage opener inside the header; anchor both variants alike. */
html body #goldstine-menu-button#goldstine-menu-button {position:fixed!important;left:auto!important;right:15px!important;top:15px!important;z-index:9999;}
html body #rubens-back#rubens-back svg {display:block!important;width:28px!important;height:20px!important;max-width:none!important;max-height:none!important;}
/* Homepage uses the compact mark at every scroll position. */
html.goldstine-home body header .js-header-home-link {width:52px!important;padding:8px!important;}
html.goldstine-home body header .gg-header-full-logo {opacity:0!important;transform:translateX(-6px) scale(.84)!important;}
html.goldstine-home body header .gg-header-icon-logo {opacity:1!important;transform:translateX(0) scale(1)!important;}