:root{--premium-black:#080808;--premium-surface:#141414;--premium-gold:#c5a76b;--premium-white:#f6f4ef;--premium-muted:#bbb7ae;--premium-line:rgba(197,167,107,.28)}html{scroll-behavior:smooth}body.wrapper,body.wrapper main{background:var(--premium-black);color:var(--premium-white);font-family:'Open Sans',Arial,sans-serif}body.wrapper{overflow-x:hidden}p{color:var(--premium-muted);line-height:1.8}a{color:var(--premium-gold);transition:color .25s ease,background .25s ease,transform .3s ease}a:hover,a:focus{color:#ead5a4;text-decoration:none}.navbar.navbar-default{position:relative;z-index:1000;margin:0;min-height:0;padding:12px 0 0;border:0;border-bottom:1px solid var(--premium-line);border-radius:0;background:radial-gradient(ellipse at 0 0,rgba(197,167,107,.22),transparent 35%),radial-gradient(ellipse at 100% 0,rgba(197,167,107,.22),transparent 35%),linear-gradient(180deg,#10100f,#080808 88%);box-shadow:0 18px 42px rgba(0,0,0,.2);transition:background .35s ease,color .35s ease,box-shadow .35s ease}.navbar.navbar-default>.container-fluid{display:flex;flex-direction:column;align-items:center}.navbar-header{float:none!important;display:flex;justify-content:center;align-items:center;width:100%;min-height:68px}.navbar-brand{float:none!important;display:flex;align-items:center;justify-content:center;height:auto!important;padding:8px 16px!important}.navbar-brand svg{width:160px;height:auto;max-height:52px}.navbar-brand svg g path{fill:var(--premium-white)!important}.navbar-brand svg>path:first-child{fill:var(--premium-gold)!important}.navbar-collapse{width:100%;text-align:center;border:0;box-shadow:none}.navbar-nav,.navbar-nav.navbar-right{float:none!important;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 auto}.navbar-nav>li{float:none;min-height:0!important}.navbar-default .navbar-nav>li>a{padding:17px 15px!important;color:var(--premium-white);font-size:16px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;background:transparent!important}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.active>a{color:var(--premium-gold)!important;box-shadow:inset 0 -2px var(--premium-gold)}.navbar-default .navbar-nav .dropdown-menu{background:#10100f;border:1px solid var(--premium-line)}.navbar-default .navbar-nav .dropdown-menu a{color:var(--premium-white)}.navbar-default .navbar-nav .dropdown-menu a:hover{color:var(--premium-gold);background:#1a1813}.navbar.navbar-default.fixed{position:fixed;top:0;left:0;width:100%;padding:5px 0;background:rgba(250,249,246,.97);border-color:rgba(0,0,0,.12);box-shadow:0 8px 28px rgba(0,0,0,.16);backdrop-filter:blur(12px)}.navbar.navbar-default.fixed .navbar-header{min-height:48px}.navbar.navbar-default.fixed .navbar-brand svg{width:125px;max-height:42px}.navbar.navbar-default.fixed .navbar-brand svg g path{fill:#151515!important}.navbar.navbar-default.fixed .navbar-brand svg>path:first-child{fill:var(--premium-gold)!important}.navbar.navbar-default.fixed .navbar-nav>li>a{padding:12px 13px!important;color:#151515}.navbar.navbar-default.fixed .navbar-nav>li>a:hover,.navbar.navbar-default.fixed .navbar-nav>.active>a{color:#8b6d36!important;box-shadow:inset 0 -2px var(--premium-gold)}.navbar-toggle{position:absolute;right:12px;top:12px;border-color:var(--premium-line)!important;background:#10100f!important}.navbar-toggle .icon-bar{background:var(--premium-gold)!important}.premium-eyebrow{color:var(--premium-gold);font-size:10px;letter-spacing:.22em;text-transform:uppercase}footer,.footer-slider,.footer_slider,.header-mobile{display:none!important}@media(max-width:767px){.navbar.navbar-default>.container-fluid{display:block}.navbar-header{min-height:64px}.navbar-brand{justify-content:center}.navbar-brand svg{width:136px}.navbar-collapse{background:#0d0d0d}.navbar-nav,.navbar-nav.navbar-right{display:block}.navbar-nav>li>a{padding:14px 18px!important;text-align:center}.navbar.navbar-default.fixed{position:sticky}.navbar.navbar-default.fixed .navbar-collapse{background:#f8f7f4}.navbar.navbar-default.fixed .navbar-nav>li>a{color:#171717}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition-duration:.01ms!important}}
/* Keep the legacy Slideout drawer closed until the mobile toggle opens it. */
#menu.slideout-menu{display:none!important}
@media(min-width:992px){#menu.slideout-menu{display:none!important;visibility:hidden!important;pointer-events:none!important}}
@media(max-width:991px){.slideout-open #menu.slideout-menu{display:block!important;visibility:visible!important;pointer-events:auto!important}}


/* Keep the full two-row masthead when it becomes the light sticky header. */
@media(min-width:768px){
  .navbar.navbar-default.fixed{padding:12px 0 0!important}
  .navbar.navbar-default.fixed .navbar-header{min-height:68px!important}
  .navbar.navbar-default.fixed .navbar-brand svg{width:160px!important;max-height:52px!important}
  .navbar.navbar-default.fixed .navbar-nav>li>a{padding:17px 15px!important}
}

/* The fixed class in legacy main.css forces a 53px height; retain both logo and menu rows. */
@media(min-width:768px){.navbar.navbar-default.fixed{height:auto!important;min-height:0!important;padding:12px 0 0!important}.navbar.navbar-default.fixed .navbar-header{min-height:68px!important}.navbar.navbar-default.fixed .navbar-brand svg{width:160px!important;max-height:52px!important}.navbar.navbar-default.fixed .navbar-nav>li>a{padding:17px 15px!important}}
/* Keep the external Instagram iframe compact regardless of CMS page alias. */
.insta-section-simple{padding:36px 0 20px!important;text-align:center}
.insta-section-simple .lightwidget-widget{display:block!important;width:100%!important;height:420px!important;margin:12px auto 0!important;max-width:1200px!important}
@media(max-width:768px){.insta-section-simple{padding:28px 0 16px!important}.insta-section-simple .lightwidget-widget{height:500px!important;margin-top:10px!important}}

/* The redesigned navbar is the live header; keep the legacy mobile bar out of the way. */
nav.navbar.navbar-default{display:block!important}
@media(max-width:991px){.header-mobile{display:none!important}}
@media(max-width:767px){
  nav.navbar.navbar-default{padding:4px 0!important}
  .navbar.navbar-default.fixed{height:auto!important;min-height:0!important;padding:4px 0!important}
  .navbar-header{min-height:58px!important}
  .navbar-brand svg{width:132px!important;max-height:44px!important}
  .navbar-toggle{display:block!important;top:4px!important;margin-top:8px!important}
  .navbar-collapse{background:#0d0d0d!important}
  .navbar-nav,.navbar-nav.navbar-right{display:block!important}
  .navbar-default .navbar-nav>li>a{padding:12px 18px!important;text-align:center!important}
  .navbar.navbar-default.fixed .navbar-collapse{background:#f8f7f4!important}
}

/* Dark drawer overrides for the frozen main.css navigation rules. */
#menu.slideout-menu{width:min(380px,100vw)!important;background:#10100f!important;color:#f6f4ef;box-shadow:-18px 0 48px rgba(0,0,0,.35)}
#menu.slideout-menu .menu-section{margin:0!important;background:#10100f!important}
#menu.slideout-menu .menu-section-list{margin:0!important;padding:0!important}
#menu.slideout-menu .menu-section-list li{border-color:rgba(197,167,107,.22)!important}
#menu.slideout-menu .menu-section-list a{display:block;padding:20px 26px!important;color:#f6f4ef!important;font-size:15px!important;letter-spacing:.08em;text-align:left;text-transform:uppercase}
#menu.slideout-menu .menu-section-list a:hover,#menu.slideout-menu .menu-section-list li.active>a{color:#c5a76b!important;background:rgba(197,167,107,.07)}

/* Instagram identity stays compact even when CMS resolves the homepage under an alias. */
.insta-section-simple .insta-icon{width:20px!important;height:20px!important;flex:0 0 20px}
.insta-section-simple .insta-main-link{display:inline-flex!important;align-items:center!important;gap:9px!important;padding:9px 15px!important;font-size:16px!important;letter-spacing:.04em}
.insta-section-simple .insta-text{font-size:16px!important;font-weight:600!important;letter-spacing:.04em!important;line-height:1.2!important}
/* Keep the premium masthead dark while scrolling; the legacy fixed class otherwise turns it white. */
.navbar.navbar-default.fixed{background:radial-gradient(ellipse at 0 0,rgba(197,167,107,.18),transparent 35%),radial-gradient(ellipse at 100% 0,rgba(197,167,107,.18),transparent 35%),rgba(8,8,8,.97)!important;border-color:rgba(197,167,107,.3)!important;box-shadow:0 10px 32px rgba(0,0,0,.45)!important;backdrop-filter:blur(12px)}
.navbar.navbar-default.fixed .navbar-brand svg g path{fill:#f6f4ef!important}
.navbar.navbar-default.fixed .navbar-nav>li>a{color:#f6f4ef!important}
.navbar.navbar-default.fixed .navbar-nav>li>a:hover,.navbar.navbar-default.fixed .navbar-nav>.active>a{color:#c5a76b!important}
@media(max-width:767px){.navbar.navbar-default.fixed .navbar-collapse,.navbar.navbar-default.fixed .navbar-nav{background:#10100f!important}.navbar.navbar-default.fixed .navbar-nav>li>a{color:#f6f4ef!important}}
/* The existing footer partials are retained for CMS compatibility but hidden site-wide. */
body.wrapper footer,body.wrapper .footer-slider,body.wrapper .footer_slider{display:none!important}
/* Center the CMS story intro despite Bootstrap's floated grid columns. */
body.page-firma .our-story-heading .row{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}
body.page-firma .our-story-heading .heading-title,body.page-firma .our-story-heading p{float:none!important;width:100%;text-align:center}
/* Ensure pagination numbers remain legible in every state. */
body.page-aktualnosci .pagination>li>a,body.page-aktualnosci .pagination>li>span{color:#f6f4ef!important;background:#141414!important;border:1px solid rgba(197,167,107,.4)!important}
body.page-aktualnosci .pagination>li.active>a,body.page-aktualnosci .pagination>li>a:hover{color:#080808!important;background:#c5a76b!important;border-color:#c5a76b!important}
/* Keep the two-row header fixed from the first paint and reserve its space in the page. */
:root{--av-fixed-header-height:136px}
nav.navbar.navbar-default,nav.navbar.navbar-default.fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1100!important}
body.wrapper>div>main#panel{padding-top:var(--av-fixed-header-height)!important}
@media(max-width:767px){:root{--av-fixed-header-height:70px}nav.navbar.navbar-default,nav.navbar.navbar-default.fixed{position:fixed!important;top:0!important;padding:4px 0!important}body.wrapper>div>main#panel{padding-top:var(--av-fixed-header-height)!important}}
/* A restrained gold glow runs down the page, not just across the header. */
body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 28rem 38rem at -7rem 34%,rgba(197,167,107,.105),transparent 74%),radial-gradient(ellipse 30rem 42rem at calc(100% + 8rem) 68%,rgba(197,167,107,.085),transparent 74%),radial-gradient(ellipse 46rem 28rem at 50% 105%,rgba(197,167,107,.045),transparent 76%)}
/* Keep the mobile masthead pinned to the viewport top, including after scroll state changes. */
@media(max-width:767px){body.wrapper nav.navbar.navbar-default,body.wrapper nav.navbar.navbar-default.fixed{position:fixed!important;top:0!important;left:0!important;right:0!important}.navbar-header{position:relative!important}.navbar-toggle{position:absolute!important;display:block!important;top:8px!important;right:12px!important;left:auto!important;margin:0!important;border:1px solid rgba(197,167,107,.75)!important;border-radius:2px!important;background:#10100f!important}.navbar-toggle .icon-bar{background:#c5a76b!important}}
/* Anchor the hamburger to the viewport itself and let the mobile drawer use the full screen. */
@media(max-width:767px){body.wrapper nav.navbar .navbar-toggle{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 10px)!important;right:10px!important;left:auto!important;z-index:1300!important}#menu.slideout-menu{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;height:100dvh!important;box-sizing:border-box!important;overflow-x:hidden!important}#menu.slideout-menu .menu-section,#menu.slideout-menu .menu-section-list{width:100%!important;max-width:100%!important;box-sizing:border-box!important}}
@media(min-width:768px) and (max-width:991px){#menu.slideout-menu{width:100vw!important;max-width:100vw!important;left:0!important;right:0!important}}
/* Distribute soft gold illumination across the full canvas instead of concentrating it at the edges. */
body::after{background:radial-gradient(ellipse 42rem 34rem at 12% 16%,rgba(197,167,107,.11),transparent 76%),radial-gradient(ellipse 50rem 38rem at 78% 22%,rgba(197,167,107,.085),transparent 78%),radial-gradient(ellipse 52rem 44rem at 48% 58%,rgba(197,167,107,.075),transparent 78%),radial-gradient(ellipse 46rem 38rem at 18% 88%,rgba(197,167,107,.07),transparent 78%),radial-gradient(ellipse 50rem 42rem at 88% 84%,rgba(197,167,107,.08),transparent 78%),linear-gradient(180deg,rgba(197,167,107,.025),rgba(8,8,8,.015))!important;z-index:2!important}
/* Final global fix: the panel itself is z-indexed, so put the light above it; also cover plain Crestron bodies. */
body::after{content:"";position:fixed;inset:0;z-index:13!important;pointer-events:none;background:radial-gradient(ellipse 82rem 60rem at -13rem -14rem,rgba(197,167,107,.24),transparent 72%),radial-gradient(ellipse 82rem 60rem at calc(100% + 13rem) -14rem,rgba(197,167,107,.2),transparent 72%),radial-gradient(ellipse 88rem 62rem at -16rem calc(100% + 12rem),rgba(197,167,107,.18),transparent 74%),radial-gradient(ellipse 88rem 62rem at calc(100% + 16rem) calc(100% + 12rem),rgba(197,167,107,.21),transparent 74%)}
/* Remove the legacy homepage statistics block (23 years / 11 awards / 360 projects). */
div.prize{display:none!important}
/* Give CMS-authored content lists a consistent gold diamond marker, outside navigation/UI lists. */
main#panel ul:not(.list-unstyled):not(.list-inline):not(.pagination):not(.menu-section-list):not(.navbar-nav):not(.menu_rozwiazania):not(.big-breadcrumbs)>li::marker{content:"◆  ";color:#c5a76b;font-size:.76em}
main#panel ol>li::marker{color:#c5a76b;font-weight:700}
@media(max-width:767px){nav.navbar.navbar-default,nav.navbar.navbar-default.fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100vw!important}.navbar-header{position:relative!important}.navbar-toggle{position:fixed!important;display:block!important;top:calc(env(safe-area-inset-top,0px) + 10px)!important;right:10px!important;left:auto!important;z-index:1300!important;margin:0!important;padding:12px!important;border:1px solid rgba(197,167,107,.8)!important;background:#10100f!important}.navbar-toggle .icon-bar{background:#c5a76b!important}nav.navbar.navbar-default #bs-example-navbar-collapse-1.collapsing,nav.navbar.navbar-default #bs-example-navbar-collapse-1.collapse.in{position:fixed!important;top:var(--av-fixed-header-height,70px)!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:100vw!important;height:calc(100dvh - var(--av-fixed-header-height,70px))!important;max-height:calc(100dvh - var(--av-fixed-header-height,70px))!important;margin:0!important;padding:12px 0!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;background:#0b0b0a!important;border:0!important}.navbar-collapse .navbar-nav,.navbar-collapse .navbar-nav.navbar-right{display:block!important;width:100%!important;margin:0!important;padding:0!important}.navbar-collapse .navbar-nav>li{float:none!important;width:100%!important;margin:0!important}.navbar-collapse .navbar-nav>li>a{display:block!important;width:100%!important;padding:16px 20px!important;text-align:center!important;box-sizing:border-box!important}#menu.slideout-menu{right:0!important;left:0!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important}}