/* ===== VEKTOR CORE v25 — header/logo + hero industrial double exposure ===== */

/* Remove any legacy offset left by the old announcement strip */
.v22-announcement{display:none!important}
.v22-hero{margin-top:0!important}

/* Logo visibility */
.navbar-logo{min-width:190px}
.navbar-logo img{
  width:188px!important;
  height:58px!important;
  object-fit:contain;
  object-position:left center;
  filter:contrast(1.08) saturate(1.06);
}
html[data-theme="light"] .navbar-logo img{
  filter:contrast(1.18) saturate(1.08);
}
.navbar{
  min-height:78px;
  height:78px;
}
.navbar-container{min-height:78px}

/* Hero starts directly below header */
.v22-hero{
  min-height:700px;
  background:
    radial-gradient(circle at 76% 24%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 31%),
    radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 28%),
    var(--dark);
}
.v22-hero-grid{padding-block:82px 88px}

/* Recreate the "worker / industry double exposure" look through code.
   Existing PCM image is revealed through an SVG human silhouette mask. */
.v25-industrial-portrait{
  min-height:560px;
  padding:0!important;
  isolation:isolate;
}
.v25-industrial-portrait .v22-screen,
.v25-industrial-portrait .v22-floating-metric{
  display:none!important;
}
.v25-industrial-portrait::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:-20px -6% -28px 4%;
  background:
    linear-gradient(90deg,transparent 0 4%,rgba(201,168,76,.08) 36%,rgba(201,168,76,.28) 72%,rgba(201,168,76,.04) 100%),
    url("../galeria/PCM.png") center/cover no-repeat;
  -webkit-mask:url("../assets/hero-industrial-silhouette.svg") center bottom/contain no-repeat;
  mask:url("../assets/hero-industrial-silhouette.svg") center bottom/contain no-repeat;
  opacity:.78;
  filter:contrast(1.12) saturate(.78);
}
.v25-industrial-portrait::after{
  content:"";
  position:absolute;
  z-index:2;
  right:3%;
  bottom:7%;
  width:74%;
  height:78%;
  pointer-events:none;
  background:
    linear-gradient(122deg,transparent 0 47%,rgba(201,168,76,.28) 47.4% 48%,transparent 48.4%),
    radial-gradient(circle at 62% 30%,rgba(230,201,111,.20),transparent 28%),
    linear-gradient(to left,color-mix(in srgb,var(--dark) 0%,transparent),transparent);
  opacity:.9;
}
html[data-theme="light"] .v25-industrial-portrait::before{
  opacity:.70;
  filter:contrast(1.15) saturate(.70);
}
html[data-theme="light"] .v25-industrial-portrait::after{opacity:.62}

/* Keep copy readable against the image */
.v22-hero-copy{
  position:relative;
  z-index:4;
}
.v22-hero-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-34px -36px -34px -48px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--dark) 92%,transparent) 0%,color-mix(in srgb,var(--dark) 65%,transparent) 72%,transparent 100%);
  filter:blur(2px);
  pointer-events:none;
}
html[data-theme="light"] .v22-hero-copy::before{
  background:linear-gradient(90deg,rgba(248,250,252,.96) 0%,rgba(248,250,252,.78) 72%,transparent 100%);
}

/* Mobile: compact header and no giant blank gap */
@media(max-width:900px){
  .navbar{height:68px;min-height:68px}
  .navbar-container{min-height:68px}
  .navbar-logo{min-width:0;max-width:calc(100% - 142px)!important}
  .navbar-logo img{width:138px!important;height:46px!important}
  .v22-hero-grid{padding-block:54px 62px}
  .v25-industrial-portrait{
    min-height:370px;
    max-width:620px;
    margin:-8px auto 0;
  }
  .v25-industrial-portrait::before{
    inset:-4px 4% -10px 8%;
    opacity:.58;
  }
  .v25-industrial-portrait::after{right:8%;bottom:5%;width:68%;height:72%}
  .v22-hero-copy::before{
    inset:-20px -16px -24px -16px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--dark) 94%,transparent) 0%,color-mix(in srgb,var(--dark) 78%,transparent) 76%,transparent 100%);
  }
  html[data-theme="light"] .v22-hero-copy::before{
    background:linear-gradient(180deg,rgba(248,250,252,.98) 0%,rgba(248,250,252,.86) 76%,transparent 100%);
  }
}
@media(max-width:620px){
  .navbar{height:64px;min-height:64px}
  .navbar-container{min-height:64px}
  .navbar-logo img{width:126px!important;height:42px!important}
  .v22-hero-grid{padding-block:42px 48px}
  .v22-hero h1{font-size:clamp(38px,11vw,50px)}
  .v25-industrial-portrait{min-height:300px;margin-top:-16px}
  .v25-industrial-portrait::before{inset:0 0 -4px 4%;opacity:.46}
}