/* Nagłówki ze zdjęciem w tle — wczytywany PO pages.css i theme-dark.css */
/* ============ Photo header — nagłówek ze zdjęciem w tle ============ */
.photo-hero{position:relative;isolation:isolate;background:#14161a;color:#fff;overflow:hidden;border-bottom:0}
.photo-hero__media{position:absolute;inset:0;z-index:0}
.photo-hero__media img{width:100%;height:100%;object-fit:cover;display:block}
.photo-hero__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(103deg,rgba(18,20,24,.94) 0%,rgba(18,20,24,.86) 40%,rgba(18,20,24,.60) 74%,rgba(18,20,24,.46) 100%)}
.photo-hero__lines{position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 160px)}
.photo-hero>.msp-container{position:relative;z-index:2}
.photo-hero h1,.photo-hero h2,.photo-hero h3,.photo-hero h4{color:#fff}
.photo-hero p,.photo-hero .page-hero__lead,.photo-hero .lead{color:rgba(255,255,255,.8)}
.photo-hero .eyebrow,.photo-hero .mono{color:rgba(255,255,255,.72)}
.photo-hero .eyebrow .num{color:rgba(255,255,255,.5)}
.photo-hero .hero__title em{color:rgba(255,255,255,.6)}
.photo-hero .hero__title .accent,.photo-hero h1 .accent{color:rgba(255,255,255,.56)}
.photo-hero .pill{border-color:rgba(255,255,255,.24)!important;background:rgba(255,255,255,.07);color:rgba(255,255,255,.86)}
.photo-hero .rule{background:rgba(255,255,255,.16)}
.photo-hero .breadcrumbs,.photo-hero .breadcrumbs .sep,.photo-hero .breadcrumbs .current{color:rgba(255,255,255,.66)}
.photo-hero .breadcrumbs a{color:rgba(255,255,255,.84)}
.photo-hero .breadcrumbs a:hover{color:#fff}
.photo-hero .page-hero__meta .item{color:rgba(255,255,255,.62);border-color:rgba(255,255,255,.18)}
.photo-hero .page-hero__meta .item .v{color:#fff}
.photo-hero .btn{background:#fff;color:#14161a;border-color:#fff}
.photo-hero .btn:hover{background:#e9ecf1;color:#14161a}
.photo-hero .btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.32)}
.photo-hero .btn--ghost:hover{background:#fff;color:#14161a}
.page-hero.photo-hero{padding-top:clamp(150px,13vw,200px);padding-bottom:clamp(56px,6vw,88px);min-height:clamp(420px,44vw,560px);display:flex;align-items:flex-end}
.page-hero.photo-hero>.msp-container{width:100%}

/* Hero strony głównej ze zdjęciem */
.hero.photo-hero{padding-top:clamp(170px,15vw,230px);padding-bottom:0;min-height:min(92vh,900px);display:flex;align-items:flex-end}
.hero.photo-hero>.msp-container{width:100%;padding-bottom:0}
.hero.photo-hero .hero__title{font-size:clamp(40px,6.4vw,104px);margin-bottom:28px}
.hero-figures{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16);margin-top:clamp(40px,5vw,64px)}
.hero-figures .fig{padding:26px 28px 30px 0;display:flex;flex-direction:column;gap:8px;border-right:1px solid rgba(255,255,255,.12)}
.hero-figures .fig:last-child{border-right:0}
.hero-figures .fig b{font-family:var(--font-display);font-size:clamp(26px,2.6vw,40px);font-weight:500;letter-spacing:-0.03em;line-height:1;color:#fff}
.hero-figures .fig span{font-family:var(--font-mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.hero-scroll{display:flex;align-items:center;gap:12px;padding:18px 0 26px;font-family:var(--font-mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,255,255,.5)}
@media (max-width:900px){.hero-figures{grid-template-columns:repeat(2,1fr)}.hero-figures .fig:nth-child(2n){border-right:0}}
@media (max-width:560px){.hero-figures{grid-template-columns:1fr}.hero-figures .fig{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}

/* Nagłówek serwisu nad zdjęciem */
@media (min-width:1081px){
  body.has-photo-hero .site-header:not(.is-stuck) .nav>a,body.has-photo-hero .site-header:not(.is-stuck) .nav__group>a{color:rgba(255,255,255,.78)}
  body.has-photo-hero .site-header:not(.is-stuck) .nav>a:hover,body.has-photo-hero .site-header:not(.is-stuck) .nav__group>a:hover,body.has-photo-hero .site-header:not(.is-stuck) .nav>a.is-active,body.has-photo-hero .site-header:not(.is-stuck) .nav>a[aria-current="page"],body.has-photo-hero .site-header:not(.is-stuck) .nav__group>a[aria-current="page"]{color:#fff}
  body.has-photo-hero .site-header:not(.is-stuck) .nav__group>a::after{color:rgba(255,255,255,.5)}
  body.has-photo-hero .site-header:not(.is-stuck) .nav>a.nav__cta{border-color:rgba(255,255,255,.32);color:#fff}
  body.has-photo-hero .site-header:not(.is-stuck) .nav>a.nav__cta:hover{background:#fff;color:#14161a}
  /* panel rozwijany zawsze na jasnym tle — ciemny tekst */
  body.has-photo-hero .site-header:not(.is-stuck) .nav__dropdown a{color:var(--ink-800)}
  body.has-photo-hero .site-header:not(.is-stuck) .nav__dropdown a:hover,body.has-photo-hero .site-header:not(.is-stuck) .nav__dropdown a[aria-current="page"]{color:var(--ink-900)}
  body.has-photo-hero .site-header:not(.is-stuck) .nav__dropdown a .num,body.has-photo-hero .site-header:not(.is-stuck) .nav__dropdown a .arrow, body.has-photo-hero .site-header:not(.is-stuck) .nav__dropdown a > span:not([class]) {color:var(--ink-400)}
}
body.has-photo-hero .site-header:not(.is-stuck) .brand__sub{color:rgba(255,255,255,.62);border-left-color:rgba(255,255,255,.24)}
body.has-photo-hero .site-header:not(.is-stuck) .brand__logo--light{display:none}
body.has-photo-hero .site-header:not(.is-stuck) .brand__logo--dark{display:block}
body.has-photo-hero .site-header:not(.is-stuck) .nav-toggle span{background:#fff}

/* Artykuły / case studies — nagłówek ze zdjęciem */
.article-hero.photo-hero{padding-top:clamp(150px,13vw,190px);padding-bottom:clamp(48px,5vw,72px)}
.photo-hero .article-hero__type{color:rgba(255,255,255,.78)}
.photo-hero .article-hero__lead{color:rgba(255,255,255,.82)}
.photo-hero .article-meta{border-left-color:rgba(255,255,255,.18)}
.photo-hero .article-meta>div{border-right-color:rgba(255,255,255,.18);border-bottom-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
.photo-hero .article-meta dt{color:rgba(255,255,255,.6)}
.photo-hero .article-meta dd{color:#fff}

/* Kafel produktowy wyróżniony (MS-ARMOR 360) */
.product--feature{background:#14161a;border-color:#14161a;color:#fff}
.product--feature:hover,.theme-dark .product--feature:hover{background:#1c1f24;border-color:#1c1f24}
.product--feature h4{color:#fff}
.product--feature p{color:rgba(255,255,255,.74)}
.product--feature .product__num{color:rgba(255,255,255,.62)}
.product--feature .product__tag{color:rgba(255,255,255,.86);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.product--feature .product__foot{color:rgba(255,255,255,.7);border-top-color:rgba(255,255,255,.16)}
.product--feature .product__media.placeholder,.product--feature .product__media.placeholder span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.62)}
/* Karta osoby kontaktowej */
.why__item .role{display:block;font-family:var(--font-mono);font-size:10px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-400);margin-bottom:10px}

/* Zdjęcia produktów */
.product__media--photo{background:#fff;border:1px solid rgba(11,37,69,.08);overflow:hidden;display:block}
.product__media--photo img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s ease}
.product:hover .product__media--photo img{transform:scale(1.03)}
.product--feature .product__media--photo{border-color:transparent}
.product__media--cover img{object-fit:cover}

.media-photo{background:#fff;overflow:hidden}.media-photo img{width:100%;height:100%;object-fit:cover;display:block}
.office-map--embed{padding:0;overflow:hidden;min-height:360px}.office-map--embed iframe{width:100%;height:100%;min-height:360px;border:0;display:block}
.media-photo--contain img{object-fit:contain}

.social-links{display:flex;gap:10px;margin-top:14px}.social-links a{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;opacity:.8;transition:opacity .2s,background .2s,color .2s}.social-links a:hover{opacity:1;background:var(--accent,#168fca);border-color:var(--accent,#168fca);color:#fff}.social-links svg{width:16px;height:16px}
.office-social{margin-top:28px;display:flex;flex-direction:column;gap:4px}.office-social__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-400)}.office-social .social-links{margin-top:6px;color:var(--ink-900,#0b2545)}
.footer .social-links a{color:inherit}