.botanika {
  --ink: #272820;
  --green: #3b4c31;
  --pink: #d5ddc6;
  --cream: #f2f0df;
}
.botanika .top, .botanika footer { background: #313a29; }
.botanika .hero {
  grid-template-columns: .85fr 1.15fr;
  background: #d5ddc6;
  align-items: center;
}
.botanika .hero-logo {
  grid-column: 1;
  grid-row: 1;
  background: transparent;
  padding: clamp(20px, 5vw, 64px);
}
.botanika .hero-logo img { width: min(100%, 390px); }
.botanika .hero-copy { grid-column: 2; grid-row: 1; padding-left: 0; }
.botanika .hero h1 { font-size: clamp(3rem, 6.2vw, 6.8rem); }
.botanika .section-head { border-color: #3b4c3166; }
.botanika .price-section { background: #d5ddc6; }
.botanika .prices details { background: #f9f8ee; border-color: #87967988; border-radius: 2px; }
.botanika .interiors { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.botanika .interiors button:first-child { grid-column: span 3; }
.botanika .interiors button:first-child img { height: clamp(200px, 39vw, 470px); }
.botanika .booking { background: #3b4c31; }
.botanika .booking form { border-radius: 2px; }
.botanika .contact img { grid-row: 1; grid-column: 1; }
.botanika .contact > div { grid-row: 1; grid-column: 2; }
.botanika .contact { grid-template-columns: 1.35fr .85fr; }
@media (max-width: 760px) {
  .botanika .hero, .botanika .contact { grid-template-columns: minmax(0, 1fr); }
  .botanika .hero-copy { grid-column: 1; grid-row: 2; padding-inline: 5vw; }
  .botanika .hero-logo img { width: min(62vw, 250px); }
  .botanika .contact > div { grid-row: 2; grid-column: 1; }
  .botanika .interiors { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .botanika .interiors button:first-child { grid-column: span 2; }
}