/* Approved CAD-based textured logos; preserve the Archi page composition. */
.brand-logo,.home-brand-logo{display:block;width:280px;flex-shrink:0}
.brand-logo picture,.home-brand-logo picture,.footer-brand picture{display:block}
.brand-logo img,.home-brand-logo img{display:block;width:280px;height:auto;object-fit:contain}
.crossbcn-page header{height:96px!important}
.crossbcn-page main{padding-top:96px}
#homepage .home-header-inner{height:96px;align-items:center;gap:24px}
#homepage header #logo{width:auto;float:none;padding:0!important;flex-shrink:0}
.crossbcn-footer .footer-brand{display:block;width:280px;max-width:100%;flex-shrink:0}
.crossbcn-footer .footer-brand img{display:block;width:100%;height:auto}
@media(max-width:1023px){
 .crossbcn-page header{height:84px!important}
 .crossbcn-page main{padding-top:84px}
 .header-inner,#homepage .home-header-inner{padding-left:24px!important;padding-right:24px;gap:16px;align-items:center}
 #homepage .home-header-inner{height:84px}
 .brand-logo,.home-brand-logo{width:clamp(150px,calc(100vw - 165px),230px)}
 .brand-logo img,.home-brand-logo img{width:100%;height:auto}
 .nav-toggle{display:block;flex-shrink:0;margin:0;padding:8px 12px}
 #site-nav{display:none;position:absolute;top:84px;left:0;width:100%;padding:22px 24px;background:#fff;flex-direction:column;align-items:flex-start;gap:20px}
 .menu-open #site-nav{display:flex}
 #homepage #site-nav{top:84px;background:#18191bf5}
 #homepage .pp-wm{top:104px!important}
}

/* Port of QmdOverlayScrollbar and approved/dark/scrollbars.css.
   Native scrolling stays in place; only its visual control is replaced. */
.crossbcn-overlay-scroll-enabled,.crossbcn-overlay-scroll-enabled body,.crossbcn-overlay-scroll-enabled .pp-scrollable{scrollbar-width:none}
.crossbcn-overlay-scroll-enabled::-webkit-scrollbar,.crossbcn-overlay-scroll-enabled body::-webkit-scrollbar,.crossbcn-overlay-scroll-enabled .pp-scrollable::-webkit-scrollbar{width:0;height:0}
.crossbcn-scrollbar-track{position:fixed;top:24px;bottom:24px;right:10px;width:12px;display:flex;justify-content:center;opacity:.82;pointer-events:auto;transition:opacity 180ms ease;z-index:1201;touch-action:none}
.crossbcn-scrollbar-track::before{align-self:stretch;background:rgba(255,245,224,.10);border-radius:999px;content:"";width:1px;pointer-events:none}
.crossbcn-scrollbar-track.is-hidden{opacity:0;pointer-events:none}
.crossbcn-scrollbar-thumb{position:absolute;width:3px;min-height:28px;border-radius:999px;background:rgba(250,183,2,.62);box-shadow:0 0 8px 1px rgba(250,183,2,.20);cursor:pointer;touch-action:none;transition:background 180ms ease,box-shadow 180ms ease}
.crossbcn-scrollbar-track:hover .crossbcn-scrollbar-thumb,.crossbcn-scrollbar-track.is-dragging .crossbcn-scrollbar-thumb{background:rgba(250,183,2,.88);box-shadow:0 0 10px 2px rgba(250,183,2,.20)}
#homepage>.crossbcn-scrollbar-track{right:2px}
@media(max-width:767px){
 #homepage #pp-nav.right{right:18px}
}
@media(prefers-reduced-motion:reduce){.crossbcn-scrollbar-track,.crossbcn-scrollbar-thumb{transition:none}}

/* Header wordmarks omit the subtitle; hero and footer artwork remain complete. */
.home-brand-logo img{clip-path:inset(0 0 28% 0)}
.brand-logo img{clip-path:inset(0 0 22% 0)}