.cabin-plate {
  background:#203e31;
  color:#edecd8;
  padding:55px 0;
  border-bottom:1px solid #b6c49c66;
}

.cabin-plate>div {
  max-width:1040px;
}

.cabin-plate h2,.tile-lab h2,.bloom-herbarium h2 {
  font:400 clamp(38px,5vw,72px)/.99 Georgia,serif;
  letter-spacing:-.055em;
  margin:12px 0;
}

.cabin-plate img {
  width:100%;
  height:auto;
  display:block;
}

.cabin-stations {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:4px;
}

.cabin-stations button,.tile-options button,.flavour-leaves button {
  cursor:pointer;
  min-height:40px;
  background:transparent;
  color:inherit;
  font:600 13px/1.3 system-ui,sans-serif;
}

.cabin-stations button {
  border:0;
  border-top:1px solid #91a591;
  padding:10px 4px;
}

.cabin-stations button[aria-pressed=true] {
  background:#d5dfba;
  color:#203e31;
}

.field-caption {
  max-width:62ch;
  min-height:5em;
  margin:18px auto 0;
  font:16px/1.55 Georgia,serif;
}

.tile-lab,.bloom-herbarium {
  padding:55px 0;
}

.tile-lab {
  background:#204888;
  color:#ffefd4;
}

.tile-lab-layout,.herbarium-layout {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8%;
  align-items:center;
}

.tile-lab-layout>div>p:not(.kicker),.tasting-note p {
  font-size:15px;
  max-width:44ch;
  line-height:1.6;
  margin:14px 0;
}

.tile-options,.flavour-leaves {
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin:16px 0;
}

.tile-options button,.flavour-leaves button {
  border:1px solid;
  border-radius:20px;
  padding:8px 15px;
}

.tile-options button[aria-pressed=true] {
  background:#ffefd4;
  color:#214781;
}

.tile-exhibit {
  max-width:320px;
  justify-self:center;
  width:100%;
}

.tile-exhibit img,.tiled-wall {
  width:100%;
  height:auto;
  aspect-ratio:1;
  box-shadow:3px 8px 20px #122a6140;
}

.tiled-wall {
  background:url('/assets/examples/collection/porto-tile.svg') 0 0/33.333333% 33.333333% repeat;
}

.tile-exhibit figcaption,.herbarium-layout figcaption {
  font:10px/1.5 ui-monospace,monospace;
  letter-spacing:.06em;
  margin-top:12px;
}

.bloom-herbarium {
  background:#f4c49b;
  color:#46363a;
}

.herbarium-layout {
  grid-template-columns:1.2fr 1fr;
}

.herbarium-layout img {
  display:block;
  width:100%;
  height:auto;
  border:1px solid #976a4960;
  transform:rotate(-1deg);
  box-shadow:3px 4px 0 #b7826130;
}

.flavour-leaves button {
  font-size:12px;
}

.flavour-leaves button[aria-pressed=true] {
  background:#54432e;
  color:#fff1d7;
}

.tasting-note {
  min-height:6.5em;
}

@media(max-width:650px) {
  .tile-lab-layout,.herbarium-layout {
    grid-template-columns:1fr;
    gap:22px;
  }
  .cabin-stations button {
    font-size:11px;
  }
  .field-caption {
    font-size:15px;
  }
  .cabin-plate,.tile-lab,.bloom-herbarium {
    padding:40px 0;
  }
  .herbarium-layout figure {
    order:2;
  }
}

.pocket-walk{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding-block:26px 38px;border-top:1px solid #889bb3}.pocket-walk h2{font:32px Georgia,serif;margin:5px 0}.pocket-walk p:not(.kicker){font-size:14px;line-height:1.5}
