/* vars: --c-accent,--c-dark,--c-ink,--c-ink-faint,--c-ink-ghost,--c-ink-mid,--c-surface,--f-cond,--f-serif */
.why {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0;
  border-top: 1px solid var(--c-ink-ghost); border-bottom: 1px solid var(--c-ink-ghost);
  opacity: 0; transform: translateY(20px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.16,1,.3,1);
}
.why.reveal--on { opacity: 1; transform: none; }
@media (max-width: 768px) { .why { grid-template-columns: 1fr; } }
.why__left { padding: clamp(40px, 6vw, 80px) clamp(20px, 5vw, 72px); background: var(--c-surface); }
.why__h2 {
  font-family: var(--f-serif); font-size: clamp(2.75rem, 5.5vw, 4.5rem);
  line-height: .88; text-transform: uppercase; margin-bottom: 24px;
}
.why__h2 em { color: var(--c-accent); font-style: normal; }
.why__desc {
  font-size: 1.0625rem; font-weight: 400; line-height: 1.75;
  color: var(--c-ink-mid); max-width: 440px; margin-bottom: 36px;
}
.why__perks { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.why__perk {
  background: var(--c-dark); padding: 20px; border: 1px solid var(--c-ink-ghost);
}
.why__perk-ico { font-size: 1.375rem; display: block; margin-bottom: 8px; }
.why__perk strong {
  font-family: var(--f-cond); font-size: 1rem; font-weight: 700;
  display: block; margin-bottom: 6px; text-transform: uppercase; color: var(--c-ink);
}
.why__perk p { font-size: 1rem; font-weight: 400; color: var(--c-ink-mid); line-height: 1.65; }
.why__right {
  position: relative; display: flex; flex-direction: column; justify-content: flex-end;
  padding: clamp(40px, 6vw, 80px) clamp(20px, 5vw, 60px);
  background:
    linear-gradient(180deg, rgba(12,11,9,.45) 0%, rgba(12,11,9,.65) 100%),
    url('/img/photos/aerial.webp') center/cover no-repeat;
}
.why__cert {
  background: rgba(12, 11, 9, 0.62);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  padding: clamp(24px, 4vw, 40px); border-left: 3px solid var(--c-accent);
  align-self: flex-start; max-width: 100%;
}
.why__cert-label {
  font-family: var(--f-cond); font-size: 0.875rem; font-weight: 600;
  letter-spacing: 3px; text-transform: uppercase; color: var(--c-ink-faint); margin-bottom: 4px;
}
.why__cert-val { font-family: var(--f-serif); font-size: 1.5rem; letter-spacing: 2px; }