/* ==========================================================================\n   PG-PROJEKT / OPTICAL REFINEMENT v43\n   Baseline: v41. Minor geometry, alignment and rhythm improvements only.\n   Loaded after refinement-v40.css.\n   ========================================================================== */

.refinement-v43{
  --v43-line:#dbe2e8;
  --v43-line-strong:#cbd5de;
}

/* Header: mathematically center the navigation between the viewport edges. */
@media (min-width:821px){
  .refinement-v43 .header-inner{
    grid-template-columns:1fr auto 1fr;
    gap:24px;
  }
  .refinement-v43 .brand{justify-self:start}
  .refinement-v43 .desktop-nav{justify-self:center}
  .refinement-v43 .header-actions{justify-self:end}
}

/* Logo: preserve the official artwork while tuning its optical scale. */
.refinement-v43 .brand-logo{width:134px;max-height:none}
.refinement-v43 .footer-brand-logo{width:144px}

@media (max-width:820px){
  .refinement-v43 .brand-logo{width:116px}
}
@media (max-width:560px){
  .refinement-v43 .brand-logo{width:110px}
  .refinement-v43 .footer-brand-logo{width:132px}
}

/* Keep the standard desktop hero copy on the same left datum as the site shell.
   Extra-wide screens retain the more cinematic v41 composition. */
@media (max-width:1599px){
  .refinement-v43 .hero-signature-inner{width:var(--release-shell)}
}

/* Selected projects: equal invisible type zones produce clean cross-card baselines. */
@media (min-width:821px){
  .refinement-v43 .project-meta>div{min-width:0}
  .refinement-v43 .project-meta h3{
    min-height:43px;
    margin-bottom:8px;
  }
  .refinement-v43 .project-meta p{min-height:32px}
}

/* One quiet line system across the home page. */
.refinement-v43 .credibility,
.refinement-v43 .expertise,
.refinement-v43 .about-pro,
.refinement-v43 .bim-pro,
.refinement-v43 .closing-contact,
.refinement-v43 .footer{border-color:var(--v43-line)}

.refinement-v43 .fact,
.refinement-v43 .expertise-grid,
.refinement-v43 .expertise-item,
.refinement-v43 .about-pro-principles article,
.refinement-v43 .bim-pro-process article,
.refinement-v43 .contact-directory>div+div{border-color:var(--v43-line)}

.refinement-v43 .about-pro-principles,
.refinement-v43 .bim-pro-process,
.refinement-v43 .contact-paths,
.refinement-v43 .contact-path{border-color:var(--v43-line-strong)}

/* Simplify the near-white stacking before the BIM chapter. */
.refinement-v43 .projects,
.refinement-v43 .expertise,
.refinement-v43 .about-pro{background:#fff}

/* Closing section: remove generic decorative rings and keep the composition architectural. */
.refinement-v43 .closing-contact::before,
.refinement-v43 .closing-contact::after{display:none}

/* Contact paths: no layout reflow on hover; only the action indicator moves. */
.refinement-v43 .contact-path{
  transition:color .25s ease;
}
.refinement-v43 .contact-path:hover{padding-left:0}
.refinement-v43 .contact-path-arrow{
  border-color:#a5b2bd;
  transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;
}
.refinement-v43 .contact-path:hover .contact-path-arrow{transform:translate(2px,-2px)}

/* Keep footer and header separators within the same two-strength system. */
.refinement-v43 .site-header{border-bottom-color:rgba(17,25,35,.095)}

/* Mobile first fold: retain v41's composition, but let the building enter sooner. */
@media (max-width:640px){
  .refinement-v43 .hero-signature-inner{padding:30px 0 18px}
  .refinement-v43 .hero-signature .eyebrow{margin-bottom:13px}
  .refinement-v43 .hero-signature h1{
    font-size:clamp(43px,12.3vw,48px);
    line-height:.955;
  }
  .refinement-v43 .hero-signature-lead{
    margin:16px 0 18px;
    line-height:1.56;
  }
  .refinement-v43 .hero-signature-actions{gap:12px 16px}
  .refinement-v43 .circle-arrow{width:46px;height:46px;font-size:17px}
  .refinement-v43 .hero-signature-disciplines{
    margin-top:18px;
    padding-top:13px;
    gap:7px;
  }
}

/* Small screens: retain comfortable header clear space around the logo. */
@media (max-width:560px){
  .refinement-v43 .header-actions{gap:7px}
}