.surf99-stay-document {
  background: #05080a;
  color: var(--bone-bright);
}

.surf99-stay-document main {
  padding-top: var(--header-height);
}

.surf99-stay-document .nav-guide[aria-current="page"]::after {
  transform: scaleX(1);
}

.stay-hero {
  position: relative;
  display: flex;
  min-height: min(860px, calc(100vh - var(--header-height)));
  align-items: flex-end;
  overflow: hidden;
  padding: clamp(120px, 14vw, 210px) var(--gutter) clamp(80px, 9vw, 130px);
}

.stay-hero > img,
.stay-hero-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.stay-hero > img {
  object-fit: cover;
  object-position: center 52%;
  filter: saturate(.72) contrast(1.06);
}

.stay-hero-shade {
  background: linear-gradient(90deg, rgba(3, 7, 9, .94), rgba(3, 7, 9, .52) 55%, rgba(3, 7, 9, .18)), linear-gradient(0deg, rgba(3, 7, 9, .72), transparent 58%);
}

.stay-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 1060px;
}

.stay-eyebrow,
.stay-kicker,
.stay-day > header > p,
.stay-day > header > span {
  font-family: var(--condensed);
  font-weight: 800;
  letter-spacing: .14em;
}

.stay-eyebrow { color: var(--surf-blue); font-size: 13px; }
.stay-kicker { display: block; margin-top: 26px; color: var(--vermilion); font-size: clamp(42px, 6vw, 86px); line-height: .9; }
.stay-hero h1 { max-width: 16em; margin-top: 24px; font-size: clamp(36px, 4.8vw, 72px); font-weight: 500; letter-spacing: -.045em; line-height: 1.25; }
.stay-hero h1 strong { font-size: 1.14em; font-weight: 900; }
.stay-hero-copy > p:last-child { margin-top: 28px; color: rgba(255,255,255,.78); font-size: clamp(15px, 1.4vw, 19px); line-height: 1.9; }
.stay-scroll { position: absolute; right: var(--gutter); bottom: 40px; z-index: 1; display: flex; align-items: center; gap: 18px; color: #fff; font-family: var(--condensed); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.stay-scroll span { color: var(--vermilion); font-size: 23px; }

.stay-intro {
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr);
  gap: clamp(50px, 9vw, 150px);
  padding: clamp(88px, 10vw, 150px) var(--gutter);
  background: var(--bone-bright);
  color: var(--carbon);
}

.section-number { color: var(--surf-blue); font-family: var(--condensed); font-size: 13px; font-weight: 800; letter-spacing: .14em; }
.stay-intro h2, .stay-resources > header h2, .stay-closing h2 { margin-top: 24px; font-size: clamp(42px, 5.5vw, 78px); letter-spacing: -.055em; line-height: 1.08; }
.stay-intro > p { align-self: end; max-width: 43em; color: #435058; font-size: clamp(16px, 1.45vw, 20px); line-height: 2; }

.stay-day {
  padding: clamp(82px, 9vw, 140px) var(--gutter);
}

.stay-day-1 { background: #071116; }
.stay-day-2 { background: #d9e6e8; color: #0b2e3d; }
.stay-day > header { display: grid; grid-template-columns: 130px 1fr auto; align-items: end; gap: 34px; margin-bottom: 54px; }
.stay-day > header > p { color: var(--vermilion); }
.stay-day-2 > header > p { color: #b8381e; }
.stay-day > header h2 { font-size: clamp(48px, 7vw, 100px); letter-spacing: -.06em; line-height: 1.02; }
.stay-day > header > span { color: var(--surf-blue); font-size: 12px; }

.stay-table-wrap { overflow-x: auto; border-top: 1px solid currentColor; }
.stay-table-wrap table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.stay-table-wrap th { padding: 16px 20px; color: var(--surf-blue); font-size: 11px; letter-spacing: .12em; text-align: left; }
.stay-table-wrap th:first-child { width: 19%; }
.stay-table-wrap th:nth-child(2) { width: 28%; }
.stay-table-wrap td { padding: 28px 20px; border-top: 1px solid rgba(234,230,221,.18); vertical-align: top; color: rgba(234,230,221,.72); font-size: 14px; line-height: 1.85; }
.stay-day-2 .stay-table-wrap td { border-top-color: rgba(11,46,61,.18); color: #355360; }
.stay-table-wrap time { color: var(--vermilion); font-family: var(--condensed); font-size: clamp(18px, 2vw, 28px); font-weight: 800; letter-spacing: -.02em; }
.stay-day-2 .stay-table-wrap time { color: #b8381e; }
.stay-table-wrap td strong { color: var(--bone-bright); font-size: clamp(17px, 1.6vw, 23px); line-height: 1.55; }
.stay-day-2 .stay-table-wrap td strong { color: #0b2e3d; }

.stay-quiet { display: grid; grid-template-columns: 220px 1fr; gap: 44px; margin-top: 48px; padding: 34px; border: 1px solid rgba(232,75,36,.62); }
.stay-quiet div { display: flex; flex-direction: column; color: var(--vermilion); font-family: var(--condensed); }
.stay-quiet div span { font-size: 30px; font-weight: 900; }
.stay-quiet div strong { margin-top: 7px; letter-spacing: .12em; }
.stay-quiet p { color: rgba(234,230,221,.78); font-size: 14px; line-height: 2; }
.stay-note { margin-top: 28px; color: #49646e; font-size: 12px; }

.stay-resources { padding: clamp(88px, 10vw, 150px) var(--gutter); background: var(--bone-bright); color: var(--carbon); }
.stay-resources > header { display: grid; grid-template-columns: 1fr minmax(300px, .7fr); gap: 54px; margin-bottom: 82px; }
.stay-resources > header p:last-child { align-self: end; color: #506069; line-height: 1.9; }
.resource-block { border-top: 1px solid #193e4e; }
.resource-title { display: grid; grid-template-columns: 74px 1fr; gap: 20px; padding: 30px 0; }
.resource-title span { color: var(--vermilion); font-family: var(--condensed); font-weight: 900; }
.resource-title h3 { font-size: clamp(24px, 3vw, 42px); letter-spacing: -.03em; }
.resource-list article { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; padding: 28px 0 28px 94px; border-top: 1px solid rgba(25,62,78,.18); }
.resource-list h4 { font-size: clamp(19px, 2vw, 27px); }
.resource-list p { margin-top: 8px; color: #5a666b; font-size: 13px; }
.resource-actions { display: flex; gap: 8px; }
.resource-actions a, .resource-soon > span { display: inline-flex; min-height: 44px; align-items: center; padding: 0 15px; border: 1px solid #193e4e; color: #193e4e; font-family: var(--condensed); font-size: 11px; font-weight: 800; letter-spacing: .06em; }
.resource-actions a:hover, .resource-actions a:focus-visible { border-color: var(--vermilion); color: var(--vermilion); }
.resource-soon > span { color: var(--surf-blue); border-color: var(--surf-blue); }

.stay-closing { padding: clamp(88px, 10vw, 150px) var(--gutter); background: var(--deep-ocean); }
.stay-closing > p:not(.section-number) { max-width: 55em; margin-top: 30px; color: rgba(234,230,221,.74); line-height: 2; }
.stay-closing > div { display: flex; gap: 14px; margin-top: 42px; }
.stay-closing a { display: inline-flex; min-height: 58px; align-items: center; padding: 0 22px; border: 1px solid var(--surf-blue); color: var(--bone-bright); font-weight: 800; }
.stay-closing .stay-book { border-color: var(--vermilion); background: var(--vermilion); }
.surf99-stay-document .site-footer { grid-template-columns: auto 1fr auto auto; }
.surf99-stay-document .footer-home, .surf99-stay-document .footer-shop { color: var(--surf-blue); font-size: 13px; font-weight: 800; }

@media (max-width: 900px) {
  .stay-hero { min-height: 760px; }
  .stay-intro, .stay-resources > header { grid-template-columns: 1fr; }
  .stay-day > header { grid-template-columns: 1fr; gap: 16px; }
  .stay-day > header > span { margin-top: 8px; }
  .stay-table-wrap table { table-layout: auto; }
  .stay-table-wrap th:first-child { width: 170px; }
  .stay-table-wrap th:nth-child(2) { width: 260px; }
  .stay-quiet { grid-template-columns: 1fr; }
  .resource-list article { padding-left: 0; }
  .surf99-stay-document .site-footer { grid-template-columns: 1fr auto; }
}

@media (max-width: 640px) {
  .stay-hero { min-height: 680px; padding-inline: 20px; }
  .stay-hero > img { object-position: 62% center; }
  .stay-hero h1 { font-size: clamp(31px, 9.2vw, 44px); }
  .stay-hero-copy > p:last-child br { display: none; }
  .stay-scroll { right: 20px; }
  .stay-intro, .stay-day, .stay-resources, .stay-closing { padding-inline: 20px; }
  .stay-table-wrap { overflow: visible; border-top: 0; }
  .stay-table-wrap table, .stay-table-wrap tbody, .stay-table-wrap tr, .stay-table-wrap td { display: block; width: 100%; }
  .stay-table-wrap thead { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0 0 0 0); }
  .stay-table-wrap tr { padding: 26px 0; border-top: 1px solid rgba(234,230,221,.22); }
  .stay-day-2 .stay-table-wrap tr { border-top-color: rgba(11,46,61,.2); }
  .stay-table-wrap td { padding: 0; border: 0; }
  .stay-table-wrap td + td { margin-top: 14px; }
  .stay-table-wrap td::before { display: block; margin-bottom: 5px; color: var(--surf-blue); content: attr(data-label); font-family: var(--condensed); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
  .stay-quiet { padding: 24px 20px; }
  .resource-title { grid-template-columns: 42px 1fr; }
  .resource-list article { grid-template-columns: 1fr; }
  .resource-actions { flex-wrap: wrap; }
  .stay-closing > div { flex-direction: column; }
  .stay-closing a { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .resource-actions a { transition-duration: .01ms !important; }
}