.olga-page {
  background:#040c14;
  color:#e9dfd2;
  --wine:#3b1518;
  --gold:#c49a6a
}
.olga-page .nav {
  position:relative;
  height:auto;
  min-height:100px;
  background:#040c14;
  border-bottom:1px solid #bc946033;
  gap:26px
}
.olga-page .nav nav {
  gap:22px;
  font-size:11px
}
.olga-page .nav [aria-current=page] {
  color:#d5a97a
}
.olga-page .nav .pill {
  white-space:nowrap
}
.olga-hero {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  align-items:center;
  gap:7vw;
  min-height:640px;
  padding:68px clamp(24px,5vw,76px);
  background:linear-gradient(90deg,#040c14 0%,#040c14f0 35%,#040c1444 100%),url('/assets/collaboration.jpg') right center/auto 100% no-repeat;
  border-bottom:1px solid #bc94604d
}
.olga-copy {
  max-width:560px
}
.olga-copy .olga-eyebrow {
  font-size:12px;
  line-height:1.6;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#b9aa99;
  margin:0 0 24px
}
.olga-copy h1 {
  font-size:clamp(58px,6.4vw,100px);
  line-height:.88;
  font-weight:400;
  color:#d5a97a;
  letter-spacing:-.025em;
  margin-bottom:32px
}
.olga-copy>p {
  font-size:16px;
  line-height:1.75;
  max-width:490px;
  color:#c7c5c2;
  margin:0 0 18px
}
.olga-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:20px 28px;
  margin-top:30px
}
.olga-actions .pill {
  font-size:12px;
  gap:22px
}
.olga-back {
  font-size:13px;
  color:#d5b68b;
  padding:10px 0;
  border-bottom:1px solid #bc946055;
  transition:color .2s,border-color .2s
}
.olga-back:hover,.olga-back:focus-visible {
  color:#fff0d9;
  border-color:#d5a97a
}
.olga-signature {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:25px 0;
  color:#c79e70
}
.olga-logo {
  display:block;
  width:clamp(280px,32vw,460px);
  max-width:100%;
  height:auto;
  object-fit:contain
}
.olga-signature-caption {
  font-size:11px;
  letter-spacing:.23em;
  text-transform:uppercase;
  margin-top:24px;
  text-align:center;
  color:#c5ad8c
}
.olga-story {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7vw;
  align-items:start;
  padding:46px clamp(24px,5vw,76px);
  border-bottom:1px solid #bc946033
}
.olga-story h2 {
  font-size:clamp(28px,3vw,42px);
  line-height:1.1;
  color:#d5a97a
}
.olga-story p {
  font-size:16px;
  line-height:1.75;
  margin:0;
  max-width:600px;
  color:#b8babd
}
.olga-page footer {
  background:#040b12
}
@media(min-width:801px) and (max-width:1150px) {
  .olga-page .nav {
    flex-wrap:wrap;
    gap:16px;
    justify-content:space-between
  }
  .olga-page .nav nav {
    order:3;
    width:100%;
    justify-content:center;
    margin:0;
    padding-bottom:4px
  }
  .olga-page .nav>.pill {
    margin-left:auto
  }
}
@media(max-width:800px) {
  .olga-page .nav {
    min-height:88px;
    padding:16px 24px;
    gap:16px
  }
  .olga-page .nav nav.open {
    background:#06101b
  }
  .olga-hero {
    grid-template-columns:1fr;
    gap:32px;
    min-height:0;
    padding:38px 24px 40px;
    background:linear-gradient(180deg,#040c14 0%,#040c14ed 48%,#040c1444 100%),url('/assets/collaboration.jpg') right bottom/auto 100% no-repeat
  }
  .olga-copy {
    max-width:580px
  }
  .olga-copy .olga-eyebrow {
    font-size:11px;
    letter-spacing:.06em;
    max-width:300px;
    margin-bottom:22px
  }
  .olga-copy h1 {
    font-size:clamp(58px,12vw,84px);
    margin-bottom:26px
  }
  .olga-copy>p {
    font-size:15px;
    line-height:1.7
  }
  .olga-actions {
    gap:12px 22px;
    margin-top:24px
  }
  .olga-signature {
    padding:24px 0 10px
  }
  .olga-logo {
    width:min(280px,76vw)
  }
  .olga-signature-caption {
    margin-top:32px;
    font-size:10px
  }
  .olga-story {
    grid-template-columns:1fr;
    gap:18px;
    padding:32px 24px
  }
  .olga-story p {
    font-size:15px
  }
  .olga-page .nav>.pill {
    display:none
  }
}