:root{
  --lawter-panel-bg:linear-gradient(180deg,rgba(5,18,38,.92),rgba(4,14,31,.84));
  --lawter-glass:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  --lawter-shadow-lg:0 24px 60px rgba(0,0,0,.35);
}

/* Hero sector block – cleaner, more premium and more robust at desktop sizes. */
.hero-v5 .hero-grid-v5{align-items:stretch}
.hero-structure{
  position:relative;
  min-height:700px;
  padding:36px;
  border:1px solid rgba(194,158,106,.24);
  background:var(--lawter-panel-bg);
  box-shadow:var(--lawter-shadow-lg);
  isolation:isolate;
  overflow:hidden;
}
.hero-structure::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg,rgba(194,158,106,.1),transparent 24%),
    radial-gradient(circle at 75% 20%,rgba(194,158,106,.18),transparent 38%),
    linear-gradient(180deg,rgba(1,8,18,.16),rgba(1,8,18,.48));
  pointer-events:none;
}
.hero-sector-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.18;
  filter:saturate(.8) contrast(1.04) brightness(.72);
}
.hero-structure-head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:28px}
.hero-structure-kicker,.hero-structure-count{
  backdrop-filter:blur(10px);
  background:rgba(3,14,29,.42);
  border:1px solid rgba(194,158,106,.18);
  padding:16px 18px;
}
.hero-structure-kicker span,.hero-structure-count small{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-300)}
.hero-structure-kicker strong,.hero-structure-count strong{display:block;margin-top:6px;font-family:var(--serif);font-size:clamp(28px,3vw,42px);line-height:.96;color:var(--cream-100)}
.structure-mark{right:24px;top:112px;opacity:.08;max-width:40%}
.structure-pillars{
  position:relative;
  z-index:2;
  display:grid;
  gap:14px;
  width:min(300px,48%);
  align-content:start;
}
.structure-pillar{
  min-height:72px;
  padding:16px 18px;
  border:1px solid rgba(194,158,106,.16);
  background:linear-gradient(135deg,rgba(5,18,38,.68),rgba(7,25,52,.4));
  display:grid;
  grid-template-columns:46px 1fr;
  align-items:center;
  gap:14px;
  transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;
}
.structure-pillar:hover,.structure-pillar:focus-visible,.structure-pillar.is-active{
  transform:translateX(10px);
  border-color:rgba(194,158,106,.52);
  background:linear-gradient(135deg,rgba(194,158,106,.18),rgba(7,25,52,.52));
  box-shadow:0 16px 28px rgba(0,0,0,.22);
}
.pillar-no{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border:1px solid rgba(194,158,106,.4);
  background:rgba(4,14,31,.55);
  color:var(--gold-300);
  font-family:var(--serif);
  font-size:26px;
  line-height:1;
}
.pillar-label strong{display:block;font-size:18px;line-height:1.2;color:var(--cream-100)}
.structure-baseline{left:36px;right:36px;bottom:34px;z-index:2;opacity:.55}
.hero-sector-preview{
  position:absolute;
  right:36px;
  bottom:44px;
  z-index:2;
  width:min(420px,calc(100% - 384px));
  display:grid;
  grid-template-columns:64px 1fr auto;
  align-items:center;
  gap:18px;
  padding:24px 26px;
  background:linear-gradient(90deg,rgba(194,158,106,.18),rgba(5,18,38,.92) 16%,rgba(5,18,38,.92));
  border:1px solid rgba(194,158,106,.22);
  box-shadow:var(--lawter-shadow-lg);
  backdrop-filter:blur(12px);
}
.hero-sector-no{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  font-family:var(--serif);
  font-size:36px;
  line-height:1;
  color:var(--gold-300);
  background:rgba(5,18,38,.66);
  border:1px solid rgba(194,158,106,.34);
}
.hero-sector-copy strong{display:block;margin-bottom:6px;font-family:var(--serif);font-size:clamp(30px,2.4vw,44px);line-height:1.02;color:var(--cream-100)}
.hero-sector-copy p{margin:0;max-width:40ch;color:var(--muted)}
.hero-sector-link{justify-self:end;white-space:nowrap}

/* Capability stage – ensure the left image area always feels filled and premium. */
.capability-matrix{align-items:stretch}
.capability-media{
  position:relative;
  min-height:740px;
  overflow:hidden;
  border:1px solid rgba(194,158,106,.2);
  background:linear-gradient(180deg,rgba(2,12,26,.96),rgba(3,14,31,.9));
  box-shadow:var(--lawter-shadow-lg);
}
.capability-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 44%,rgba(2,8,16,.72) 100%);
  pointer-events:none;
}
.capability-media-base,
.capability-media-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.capability-media-base{opacity:.22;filter:grayscale(.05) saturate(.8) brightness(.7)}
.capability-media-image{opacity:0;transform:scale(1.03);transition:opacity .45s ease,transform .65s ease;filter:saturate(.9) brightness(.88)}
.capability-media-image.is-active{opacity:.78;transform:scale(1)}
.capability-media figcaption{
  position:absolute;
  inset:auto 28px 28px 28px;
  z-index:2;
  padding:28px;
  border:1px solid rgba(194,158,106,.2);
  background:linear-gradient(180deg,rgba(7,18,38,.38),rgba(3,11,24,.88));
  box-shadow:0 20px 38px rgba(0,0,0,.32);
  backdrop-filter:blur(10px);
}
.cap-stage-kicker{gap:12px;margin-bottom:16px}
.cap-stage-kicker span:last-child{color:var(--gold-300)}
.capability-media figcaption strong{display:block;font-family:var(--serif);font-size:clamp(36px,2.7vw,52px);line-height:1.02;color:var(--cream-100)}
.capability-media figcaption p{margin:12px 0 18px;max-width:44ch}
.capability-row>a{min-height:152px;align-items:center;background:transparent;transition:background .28s ease,border-color .28s ease}
.capability-row.is-active>a,.capability-row>a:hover,.capability-row>a:focus-visible{
  background:linear-gradient(90deg,rgba(194,158,106,.16) 0,rgba(5,18,38,.76) 16%,rgba(5,18,38,.5) 100%);
}
.capability-no{
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  border:1px solid rgba(194,158,106,.34);
  background:transparent;
  font-family:var(--serif);
  font-size:26px;
  line-height:1;
}
.capability-text h3{margin:0 0 8px;font-family:var(--serif);font-size:clamp(28px,2vw,42px);line-height:1.08;color:var(--cream-100)}
.capability-text p{max-width:60ch}
.capability-arrow{align-self:center}

/* Operating principles number boxes – darker, centred, aligned. */
.operating-step{align-items:flex-start}
.operating-step>span{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border:1px solid rgba(194,158,106,.34);
  background:rgba(4,14,31,.28);
  color:var(--gold-300);
  font-family:var(--serif);
  font-size:28px;
  line-height:1;
  text-align:center;
}

/* About block – guarantee the Budapest photo is visible and balanced. */
.about-grid-v5{align-items:center;grid-template-columns:minmax(300px,38%) minmax(0,1fr);gap:clamp(36px,5vw,84px)}
.about-photo-frame{display:block;justify-self:start;width:100%;max-width:520px;margin:0}
.about-photo-frame::before{content:"LAWTER / BUDAPEST"}
.about-photo-frame img{display:block;width:100%;height:min(700px,62vw);object-fit:cover;object-position:center}
.about-photo-frame figcaption{display:flex;align-items:center;gap:10px}
.about-photo-frame figcaption strong{font-size:34px;letter-spacing:.08em;color:var(--gold-300)}
.about-photo-frame figcaption span{display:none}
.company-facts div{align-items:center}

/* Corporate proof redesign – meaningful visual composition instead of 4 empty cards. */
.corporate-proof-grid{align-items:start;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:clamp(32px,5vw,72px)}
.proof-showcase{display:grid;gap:22px}
.proof-visual{
  position:relative;
  min-height:410px;
  overflow:hidden;
  border:1px solid rgba(194,158,106,.2);
  background:linear-gradient(180deg,rgba(2,12,26,.95),rgba(3,14,31,.88));
  box-shadow:var(--lawter-shadow-lg);
}
.proof-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 0%,rgba(1,8,18,.16) 48%,rgba(1,8,18,.84) 100%);
}
.proof-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) brightness(.74)}
.proof-visual figcaption{
  position:absolute;
  left:28px;
  right:28px;
  bottom:28px;
  z-index:2;
  display:grid;
  gap:10px;
  padding:22px 24px;
  background:linear-gradient(180deg,rgba(7,18,38,.35),rgba(4,14,31,.86));
  border:1px solid rgba(194,158,106,.18);
  backdrop-filter:blur(10px);
}
.proof-visual figcaption span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-300)}
.proof-visual figcaption strong{font-family:var(--serif);font-size:clamp(30px,2.3vw,42px);line-height:1;color:var(--cream-100)}
.proof-visual figcaption p{margin:0;max-width:58ch}
.proof-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.proof-metric-card{
  min-height:150px;
  padding:24px;
  border:1px solid rgba(194,158,106,.18);
  background:linear-gradient(180deg,rgba(4,14,31,.8),rgba(6,19,40,.6));
  display:grid;
  align-content:start;
  gap:12px;
}
.proof-metric-card span{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-300)}
.proof-metric-card strong{font-family:var(--serif);font-size:clamp(36px,2.8vw,54px);line-height:.95;color:var(--cream-100)}
.proof-metric-card p{margin:0;color:var(--muted)}
.proof-metric-card--wide{grid-column:1/-1;min-height:unset;grid-template-columns:54px 1fr;align-items:start}
.proof-metric-card--wide div strong{font-size:clamp(28px,2vw,36px)}
.proof-metric-card--wide div p{margin-top:8px;max-width:64ch}

/* Footer watermark harmony. */
.site-footer{background:linear-gradient(180deg,#010812 0%,#020d1b 100%)}
.footer-structural{opacity:.14;top:16px}
.footer-structural i{border-inline-color:rgba(194,158,106,.32);background:linear-gradient(180deg,rgba(194,158,106,.18),transparent)}
.footer-wordmark{color:rgba(194,158,106,.065);letter-spacing:.1em;transform:translateX(-.01em)}
.footer-location small{display:none}

/* Responsive refinements. */
@media (max-width: 1180px){
  .hero-structure{min-height:640px;padding:28px}
  .structure-pillars{width:100%;max-width:320px}
  .hero-sector-preview{position:relative;right:auto;bottom:auto;width:100%;margin-top:36px;grid-template-columns:56px 1fr}
  .hero-sector-link{grid-column:2/3;justify-self:start}
  .capability-media{min-height:620px}
  .about-grid-v5,.corporate-proof-grid{grid-template-columns:1fr}
  .proof-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 960px){
  .hero-structure{min-height:auto;padding:22px}
  .hero-structure-head{margin-bottom:20px}
  .structure-mark{display:none}
  .structure-pillars{width:100%;max-width:none;gap:12px}
  .structure-pillar{min-height:64px;grid-template-columns:42px 1fr}
  .pillar-no{width:42px;height:42px;font-size:22px}
  .pillar-label strong{font-size:16px}
  .hero-sector-preview{margin-top:24px;padding:18px;gap:14px}
  .hero-sector-no{width:52px;height:52px;font-size:30px}
  .capability-media{display:block;min-height:520px}
  .capability-media figcaption{inset:auto 18px 18px 18px;padding:22px}
  .capability-media figcaption strong{font-size:34px}
  .capability-row>a{min-height:132px}
  .capability-no,.operating-step>span{width:56px;height:56px;font-size:24px}
  .about-photo-frame{max-width:none}
  .about-photo-frame img{height:420px}
  .proof-metrics{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .hero-sector-copy strong,.capability-media figcaption strong,.proof-visual figcaption strong{font-size:30px}
  .capability-row>a{padding-inline:0}
  .capability-text h3{font-size:24px}
  .proof-metric-card{padding:18px}
}