/* The heading and CTA inherit the same typography and button as Booking. */
.tribe-section {
  --tribe-scene-width: 68.8vw;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin-top: clamp(64px, 7vw, 120px);
  padding: clamp(54px, 7vw, 100px) 0 60px;
  scroll-margin-top: 100px;
}
.tribe-header { position: relative; z-index: 3; grid-area: 1 / 1; align-self: start; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.tribe-header .label { margin-bottom: 20px; }
.story .tribe-title { display: flex; align-items: center; gap: .2em; margin: 0; }
.tribe-title-delta { display: block; flex: none; width: .9em; height: .779423em; fill: currentColor; overflow: visible; }
.story .tribe-title-word { color: inherit; display: inline; }
.tribe-header .button { flex-shrink: 0; }
.tribe-members { margin: -6px 0 0; color: var(--muted); font-size: 9px; line-height: 1.9; letter-spacing: 1.5px; text-transform: uppercase; }
.tribe-members strong { color: inherit; font-weight: inherit; }
.tribe-names {
  position: absolute;
  inset: 0 calc(-1 * var(--gutter));
  width: calc(100% + 2 * var(--gutter));
  height: 100%;
  z-index: 2;
  pointer-events: none;
  mask-image: linear-gradient(transparent, #000 3%, #000 97%, transparent);
  -webkit-mask-image: linear-gradient(transparent, #000 3%, #000 97%, transparent);
}
.tribe-sculpture {
  position: relative;
  z-index: 1;
  grid-area: 1 / 1;
  align-self: start;
  /* The 718px-wide Delta keeps the same visible size as the N. */
  width: var(--tribe-scene-width);
  margin: var(--tribe-art-top, 80px) auto calc(var(--tribe-scene-width) * -.095);
  pointer-events: none;
}
.tribe-artwork {
  position: relative;
  clip-path: inset(max(0px, calc(-1 * var(--tribe-art-top, 80px))) -100vw -100vw);
  /* Sculpture, contact shadow and floor share one continuous render. */
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent), linear-gradient(#000 0%, #000 84%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent), linear-gradient(#000 0%, #000 84%, transparent 100%);
  -webkit-mask-composite: source-in;
}
.tribe-artwork > img { display: block; width: 100%; height: auto; animation: tribe-rim-breathe 6.8s ease-in-out infinite; animation-play-state: paused; }
.tribe-section[data-animating="true"] .tribe-artwork > img { animation-play-state: running; }
@keyframes tribe-rim-breathe { 0%, 100% { filter: brightness(.98); } 50% { filter: brightness(1.02); } }
@media (prefers-reduced-motion: reduce) { .tribe-artwork > img { animation: none; } }
.tribe-smoke { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; mix-blend-mode: screen; opacity: .72; }
.tribe-tagline { position: relative; z-index: 3; grid-row: 2; margin: 14px 0 0; text-align: center; color: #bccf7b; font-size: clamp(9.5px, 1.125vw, 18px); text-shadow: 0 2px 12px #000; }
.tribe-copy-link { border: 0; background: none; padding: 12px 0; color: var(--muted); font-size: 8px; letter-spacing: 1.4px; text-transform: uppercase; }
.tribe-copy-link:hover { color: var(--paper); }
.tribe-link-help { position: relative; z-index: 3; grid-row: 3; margin-top: 14px; text-align: center; }
.tribe-link-help summary { list-style: none; cursor: pointer; padding: 9px 0; color: var(--muted); font-size: 8px; letter-spacing: 1.4px; text-transform: uppercase; }
.tribe-link-help summary::-webkit-details-marker { display: none; }
.tribe-link-status { max-width: 440px; margin: 6px 0 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.tribe-link-fallback { display: block; width: min(100%, 520px); margin: 12px 0; padding: 12px; color: var(--paper); background: #ffffff08; border: 0; font-size: 12px; }
.tribe-section [hidden] { display: none !important; }
@media (max-width: 740px) {
  .tribe-section { --tribe-scene-width: min(890px, 224vw); display: block; }
  .tribe-header > .button { width: 100%; }
  .tribe-sculpture { left: 50%; margin: 20px 0 calc(var(--tribe-scene-width) * -.095); transform: translateX(-50%); }
}
