/* Life aboard Tilvera. Keep this section independent of the older vessel layout. */
.v39.v-brand-platform #vessel.v-vessel-home {
  --v-vessel-gutter: max(var(--v-pad, 24px), calc((100vw - 1440px) / 2));
  display: block;
  width: 100%;
  min-width: 0;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(56px, 6.5vw, 96px) var(--v-vessel-gutter) !important;
  background: #fff;
  color: #161616;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-intro {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: start;
  gap: clamp(28px, 5vw, 80px);
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-heading,
.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-copy {
  min-width: 0;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-heading > .v-eyebrow,
.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-heading > .v-brand-kicker {
  margin: 0;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-heading h2 {
  max-width: 14ch;
  margin: 14px 0 0 !important;
  color: #161616 !important;
  font-size: clamp(40px, 4.7vw, 68px) !important;
  font-weight: 500 !important;
  line-height: 1.03 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-subline {
  margin: 16px 0 0;
  color: #555;
  font-size: 14px;
  line-height: 1.5;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-copy {
  max-width: 54ch;
  padding-top: 3px;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-copy p {
  margin: 0 0 16px;
  color: #333;
  font-size: clamp(17px, 1.35vw, 19px);
  line-height: 1.6;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-copy p:last-child {
  margin-bottom: 0;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: clamp(28px, 3.5vw, 44px) 0 0;
  padding: 0;
  border-top: 1px solid #161616;
  border-bottom: 1px solid #161616;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-fact {
  min-width: 0;
  margin: 0;
  padding: 22px clamp(16px, 2vw, 28px);
  border-left: 1px solid #1616162e;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-fact:first-child {
  padding-left: 0;
  border-left: 0;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-fact:last-child {
  padding-right: 0;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-fact dt {
  margin: 0 0 10px;
  color: #161616;
  font-family: var(--font-body, 'Jost', sans-serif);
  font-size: clamp(20px, 2vw, 27px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.025em;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-fact dd {
  margin: 0;
  color: #4b4b4b;
  font-family: var(--font-body, 'Jost', sans-serif);
  font-size: 15px;
  line-height: 1.5;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-note,
.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-copy p.v-vessel-note {
  max-width: 92ch;
  margin: 18px 0 0;
  color: #555;
  font-size: 14px;
  line-height: 1.6;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-note p {
  margin: 0 0 8px;
  font-size: inherit;
  line-height: inherit;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-note p:last-child {
  margin-bottom: 0;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-gallery {
  min-width: 0;
  margin-top: clamp(28px, 3.5vw, 44px);
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-gallery-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 18px 0 0;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-gallery-controls > :first-child {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 auto 0 0;
  color: #161616;
  font-family: var(--font-mono, 'Space Mono', monospace);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.v39.v-brand-platform #vessel.v-vessel-home #vessel-gallery-status,
.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-gallery-controls button {
  display: none;
}

.v39.v-brand-platform #vessel.v-vessel-home #vessel-gallery-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 24px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  scroll-behavior: auto;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  object-position: center;
  border: 0;
  background: #f3f0ed;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide figcaption {
  display: grid;
  flex: 1 0 auto;
  grid-template-columns: 26px minmax(0, 1fr);
  align-content: start;
  gap: 12px;
  padding: 16px 0 18px;
  border-bottom: 1px solid #1616162e;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide-number {
  align-self: start;
  margin-top: 3px;
  padding-top: 5px;
  border-top: 2px solid #ff9c89;
  color: #161616;
  font-family: var(--font-mono, 'Space Mono', monospace);
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: .05em;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide h3 {
  margin: 0 0 6px;
  color: #161616;
  font-size: clamp(21px, 2vw, 26px) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em;
}

.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide p {
  max-width: 50ch;
  margin: 0;
  color: #4b4b4b;
  font-size: 15px;
  line-height: 1.5;
}

@media (max-width: 820px) {
  .v39.v-brand-platform #vessel.v-vessel-home {
    --v-vessel-gutter: 24px;
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-heading h2 {
    font-size: clamp(37px, 8.8vw, 52px) !important;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-copy {
    max-width: 62ch;
    padding-top: 0;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-fact {
    padding: 18px;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-fact:nth-child(odd) {
    padding-left: 0;
    border-left: 0;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-fact:nth-child(even) {
    padding-right: 0;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-fact:nth-child(n + 3) {
    border-top: 1px solid #1616162e;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-note {
    margin-top: 16px;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-gallery-controls {
    min-height: 44px;
    margin-top: 16px;
  }

  .v39.v-brand-platform #vessel.v-vessel-home #vessel-gallery-status {
    display: block;
    flex: 0 0 auto;
    margin: 0 4px 0 0;
    color: #161616;
    font-family: var(--font-mono, 'Space Mono', monospace);
    font-size: 10px;
    line-height: 1.5;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-gallery-controls button {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    border: 1px solid #161616;
    border-radius: 0;
    background: #fff;
    color: #161616;
    font-family: var(--font-body, 'Jost', sans-serif);
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    touch-action: manipulation;
    transition: background .16s ease, opacity .16s ease;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-gallery-controls button:not(:disabled):active {
    background: #ff9c89;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-gallery-controls button:disabled {
    opacity: .3;
    cursor: default;
  }

  .v39.v-brand-platform #vessel.v-vessel-home #vessel-gallery-track {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
  }

  .v39.v-brand-platform #vessel.v-vessel-home #vessel-gallery-track::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  .v39.v-brand-platform #vessel.v-vessel-home #vessel-gallery-track:focus-visible {
    outline: 2px solid #161616;
    outline-offset: 5px;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide {
    flex: 0 0 89%;
    scroll-snap-align: start;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide > img {
    aspect-ratio: 3 / 2;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide figcaption {
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    padding-top: 14px;
  }
}

@media (hover: hover) {
  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-gallery-controls button:not(:disabled):hover {
    background: #ff9c89;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v39.v-brand-platform #vessel.v-vessel-home #vessel-gallery-track {
    scroll-behavior: auto !important;
  }

  .v39.v-brand-platform #vessel.v-vessel-home .v-vessel-gallery-controls button {
    transition: none;
  }
}

/* Arrow-controlled gallery at every screen size. */
.v39.v-brand-platform #vessel.v-vessel-home #vessel-gallery-track{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.v39.v-brand-platform #vessel.v-vessel-home #vessel-gallery-track::-webkit-scrollbar{display:none}.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide{flex:0 0 100%;scroll-snap-align:start}.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide>img{aspect-ratio:2/1;max-height:520px;object-fit:cover}.v39.v-brand-platform #vessel.v-vessel-home #vessel-gallery-status{display:block;font:12px var(--font-mono);margin-right:12px}.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-gallery-controls button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #161616;background:#fff;color:#161616;font-size:26px;cursor:pointer}.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-gallery-controls button:disabled{opacity:.3;cursor:default}@media(max-width:650px){.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide>img{aspect-ratio:3/2}}

/* A glimpse of the next interior invites browsing. */
.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide{flex-basis:72%}.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide>img{aspect-ratio:2.08/1;max-height:none}.v39.v-brand-platform #vessel.v-vessel-home #vessel-gallery-track:after{content:"";flex:0 0 calc(28% - 20px)}@media(max-width:650px){.v39.v-brand-platform #vessel.v-vessel-home .v-vessel-slide{flex-basis:86%}.v39.v-brand-platform #vessel.v-vessel-home #vessel-gallery-track:after{flex-basis:calc(14% - 20px)}}
