:root { --forma-ink: #101510; --forma-paper: #e9e9df; --forma-gold: #c4aa78; }
.forma-demo-bar { background: #d2c6a9; letter-spacing: .03em; text-transform: none; }
.forma-header { border-bottom: 1px solid #353b32; }
.forma-hero { display: grid; grid-template-columns: minmax(0,42%) minmax(0,58%); min-height: min(740px,82dvh); align-items: stretch; background: var(--forma-ink); }
.forma-hero > img { position: static; grid-column: 2; grid-row: 1; width: 100%; height: 100%; object-fit: cover; object-position: 58% center; z-index: auto; filter: saturate(.62) contrast(1.05); }
.forma-hero::before { display: none; }
.forma-hero-inner { grid-column: 1; grid-row: 1; margin: 0; padding: clamp(70px,8vw,120px) clamp(25px,5vw,84px) 100px; display: flex; flex-direction: column; justify-content: center; }
.forma-hero h1 { font-size: clamp(4.3rem,7.5vw,8.6rem); line-height: .88; letter-spacing: -.035em; margin-bottom: 33px; }
.forma-hero-inner > p:not(.forma-eyebrow) { font-size: clamp(.95rem,1.2vw,1.1rem); line-height: 1.7; max-width: 38ch; color: #d6d8ce; }
.forma-hero-bottom { left: clamp(25px,5vw,84px); right: clamp(25px,5vw,84px); border-color: rgba(255,255,255,.3); }
.forma-button { background: transparent; color: var(--forma-paper); border: 1px solid var(--forma-gold); width: fit-content; }
.forma-button:hover { background: var(--forma-gold); color: var(--forma-ink); }
.forma-marquee { justify-content: space-around; background: #d0bd92; font-size: clamp(20px,3vw,35px); }
.forma-intro { grid-template-columns: .9fr 1.1fr; }
.forma-intro h2 { font-size: clamp(4.4rem,7.6vw,8.4rem); }
.forma-intro-image { padding: 0; border: none; }
.forma-intro-image img { aspect-ratio: 5/4; }
.forma-path { background: #dedfd3; }
.forma-path-grid { gap: 35px; }
.forma-path-grid article { border-top-width: 1px; }
.forma-path h2 { font-size: clamp(5.5rem,11vw,13rem); }
@media (max-width: 800px) {
  .forma-hero { display: flex; flex-direction: column; min-height: 0; }
  .forma-hero > img { width: 100%; height: clamp(270px,72vw,470px); object-position: center; order: 2; }
  .forma-hero-inner { padding: 70px 22px 48px; order: 1; }
  .forma-hero h1 { font-size: clamp(4.5rem,15vw,8rem); }
  .forma-hero-bottom { display: none; }
  .forma-intro { grid-template-columns: 1fr; }
}