/*
Theme Name: WP Bootstrap Starter
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description:  Spice Island Beach Resort - Custom Theme based on WP Bootstrap Starter.
Version: 3.3.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/

/* ==========================================================================
   CSS Variables / Design Tokens
   ========================================================================== */
:root {
  --color-primary: #C19383;
  --color-primary-light: #d4a99b;
  --color-accent: #C19383;
  --color-accent-light: #d4a99b;
  --color-cream: #F7EFED;
  --color-warm-white: #FBF7F6;
  --color-dark: #2F2F2F;
  --color-dark-overlay: #3a3a3a;
  --color-text: #222222;
  --color-text-light: #666666;
  --color-white: #ffffff;
  --font-heading: 'Source Serif Pro', Georgia, 'Times New Roman', serif;
  --font-body: 'Commissioner', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --transition: all 0.3s ease;
  --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
}

/* ==========================================================================
   Reset & Base
   ========================================================================== */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.7;
  color: var(--color-text);
  background: var(--color-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
  color: var(--color-text);
  text-decoration: none;
  transition: var(--transition);
}

a:active, a:hover {
  outline: 0;
  color: var(--color-primary);
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 1.5em;
  width: 100%;
}

td, th {
  padding: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: var(--font-heading);
  color: var(--color-text);
  font-weight: 300;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0.75em;
}

h1 { font-size: 3rem; }
h2 { font-size: 2.2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.875rem; }

p {
  margin-bottom: 1.5em;
}

h1.entry-title {
  font-size: 2rem;
  border-bottom: 1px solid #eaecef;
  padding-bottom: 0.5em;
}

h2.entry-title {
  border-bottom: 1px solid #eaecef;
}

h3.widget-title {
  font-size: 1.2rem;
}

/* ==========================================================================
   Buttons & Links
   ========================================================================== */
.btn-resort {
  display: inline-block;
  padding: 14px 34px;
  background: transparent;
  color: var(--color-white);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid var(--color-white);
  transition: background 0.3s ease, color 0.3s ease;
  cursor: pointer;
  position: relative;
}

.btn-resort::before,
.btn-resort::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  transition: width 0.3s ease, height 0.3s ease;
}

.btn-resort::before {
  top: -1px;
  left: -1px;
  border-top: 1px solid var(--color-white);
  border-left: 1px solid var(--color-white);
}

.btn-resort::after {
  bottom: -1px;
  right: -1px;
  border-bottom: 1px solid var(--color-white);
  border-right: 1px solid var(--color-white);
}

.btn-resort:hover::before,
.btn-resort:hover::after {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}

.btn-resort:hover {
  background: var(--color-white);
  color: var(--color-dark);
  text-decoration: none;
}

.btn-resort--outline {
  background: transparent;
  color: var(--color-white);
  border-color: rgba(255, 255, 255, 0.4);
}

.btn-resort--outline::before {
  border-color: rgba(255, 255, 255, 0.6);
}

.btn-resort--outline::after {
  border-color: rgba(255, 255, 255, 0.6);
}

.btn-resort--outline:hover {
  background: var(--color-white);
  color: var(--color-dark);
  border-color: var(--color-white);
}

.btn-resort--outline-dark {
  background: transparent;
  color: var(--color-text);
  border-color: var(--color-text);
}

.btn-resort--outline-dark::before,
.btn-resort--outline-dark::after {
  border-color: var(--color-text);
}

.btn-resort--outline-dark:hover {
  background: var(--color-text);
  color: var(--color-white);
}

.btn-resort--on-dark {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.4);
}

.btn-resort--on-dark:hover {
  background: var(--color-white);
  color: var(--color-dark);
}

.btn-resort--submit {
  background: transparent;
  color: var(--color-white);
  border-color: rgba(255, 255, 255, 0.5);
  padding: 14px 50px;
}

.btn-resort--submit:hover {
  background: var(--color-white);
  color: var(--color-dark);
}

.btn-resort--filled {
  background: var(--color-accent);
  color: var(--color-white);
  border-color: var(--color-accent);
}

.btn-resort--filled::before,
.btn-resort--filled::after {
  border-color: var(--color-accent);
}

.btn-resort--filled:hover {
  background: transparent;
  color: var(--color-accent);
}

.link-resort {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--color-text);
  text-decoration: none;
  border-bottom: 1px solid var(--color-text);
  padding-bottom: 2px;
  transition: var(--transition);
}

.link-resort:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
  text-decoration: none;
}

.link-resort i {
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.link-resort:hover i {
  transform: translateX(5px);
}

/* Menu Toggle Button */
.btn-menu-toggle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px 0;
  margin-left: auto;
  margin-right: 48px;
}

.btn-menu-label {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-white);
  transition: var(--transition);
}

.hero-header.scrolled .btn-menu-label {
  color: var(--color-text);
}

.btn-menu-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 28px;
  height: 20px;
}

.btn-menu-icon span {
  display: block;
  width: 100%;
  height: 1.5px;
  background: var(--color-white);
  transition: var(--transition);
}

.hero-header.scrolled .btn-menu-icon span {
  background: var(--color-text);
}

.btn-menu-toggle:hover .btn-menu-label {
  color: var(--color-primary);
}

.btn-menu-toggle:hover .btn-menu-icon span {
  background: var(--color-primary);
}

.btn-book-now {
  display: inline-block;
  padding: 12px 30px;
  background: var(--color-accent);
  color: var(--color-white) !important;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 1px solid var(--color-accent);
  margin-left: 0;
  transition: var(--transition);
}

.btn-book-now:hover {
  background: #000;
  color: #c19384 !important;
  border-color: #c19384;
}

/* ==========================================================================
   Section Labels & Headers
   ========================================================================== */
.section-label {
  display: block;
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--color-text-light);
  margin-bottom: 1rem;
}

.section-header {
  text-align: center;
  margin-bottom: 60px;
}

.section-header h2 {
  font-family: var(--font-heading);
  font-size: 2.2rem;
  font-weight: 300;
  color: var(--color-text);
  margin-bottom: 0.5em;
}

.section-header p {
  font-size: 1.1rem;
  color: var(--color-text-light);
  max-width: 600px;
  margin: 0 auto;
}

.section-header p a {
  color: var(--color-text-light);
  text-decoration: none;
}

.section-header p a:hover {
  color: var(--color-primary);
}

/* Large italic accent in section headings */
.section-accommodations h2 em,
.section-weddings h2 em,
.section-heritage h2 em,
.section-island h2 em {
  display: block;
  font-size: 3.5rem;
  font-style: italic;
  line-height: 1.1;
}

/* Vertical sidebar label */
.sidebar-label {
  display: flex;
  align-items: center;
  gap: 0;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  font-family: var(--font-body);
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  position: relative;
}

.sidebar-label::before {
  content: '';
  display: block;
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.3);
  margin-bottom: 15px;
  flex-shrink: 0;
}

/* ==========================================================================
   Navigation / Header
   ========================================================================== */
header#masthead {
  margin-bottom: 0;
  background-color: var(--color-white);
  box-shadow: none;
  padding: 0.74rem 1rem;
  transition: background-color 0.4s ease, padding 0.4s ease;
}

header#masthead.hero-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: transparent !important;
  box-shadow: none;
}

header#masthead.hero-header.scrolled {
  background-color: rgba(255, 255, 255, 0.97) !important;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
  padding: 0.5rem 1rem;
}

.navbar-brand > a {
  display: inline-block;
  color: var(--color-text);
  font-family: var(--font-heading);
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  outline: medium none;
  text-decoration: none;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
  color: var(--color-text);
}

.navbar-brand img {
  max-height: 50px;
  width: auto;
  transition: filter 0.3s ease;
}

.header-logo {
  height: 55px;
  width: auto;
  max-width: none;
}

/* On hero header (transparent), logo is white SVG — show as-is */
.hero-header:not(.scrolled) .header-logo {
  filter: none;
}

/* On scrolled header (white bg), make white SVG dark */
.hero-header.scrolled .header-logo {
  filter: brightness(0) invert(0.15);
}

/* Non-hero pages: make white SVG dark */
header#masthead:not(.hero-header) .header-logo {
  filter: brightness(0) invert(0.15);
}

.navbar-brand {
  height: auto;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: var(--color-text);
  padding: 0.5rem 0.75rem;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
  color: var(--color-primary);
}

/* Hero header: white nav links */
.hero-header:not(.scrolled) .navbar-nav > li > a {
  color: var(--color-white) !important;
}

.hero-header:not(.scrolled) .navbar-nav > li > a:hover {
  color: var(--color-primary-light) !important;
}

.hero-header:not(.scrolled) .navbar-brand > a {
  color: var(--color-white);
}

#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

.navbar-toggle .icon-bar {
  background: var(--color-white) none repeat scroll 0 0;
}

.navbar-toggler {
  border-color: rgba(34, 34, 34, 0.2) !important;
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2834, 34, 34, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.hero-header:not(.scrolled) .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Dropdown styles */
.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
  position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover > .dropdown-menu {
  display: block;
}

.dropdown-menu {
  min-width: 12.5rem;
  border: none;
  border-radius: 0;
  box-shadow: var(--shadow-soft);
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
}

.dropdown-menu .dropdown-item:hover {
  background: var(--color-cream);
  color: var(--color-primary);
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.menu-toggle, .main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle { display: none; }
}

@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}

@media screen and (max-width: 1199px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }
  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.25rem;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .navbar-dark .dropdown-item {
    color: var(--color-text);
  }
  .dropdown-menu li a {
    padding: 0;
  }
}

/* ==========================================================================
   Hero Video Section
   ========================================================================== */
#hero-video-section {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

#hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  text-align: center;
  color: var(--color-white);
  width: 90%;
  max-width: 900px;
}

.hero-pretitle {
  font-family: var(--font-heading);
  font-size: 3.125rem;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0.05em;
  color: var(--color-white);
  margin-bottom: 0;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.hero-content h1 {
  font-family: var(--font-heading);
  font-size: 8.75rem;
  font-weight: 300;
  font-style: italic;
  letter-spacing: 0.02em;
  color: var(--color-white);
  margin: 0 0 0.5rem;
  padding: 0;
  border: none;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  line-height: 1.1;
}

.hero-subtitle {
  font-family: var(--font-body);
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.25em;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 2.5rem;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
}

a.hero-scroll-btn {
  display: inline-block;
  color: var(--color-white);
  text-decoration: none;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

a.hero-scroll-btn:hover {
  opacity: 1;
  color: var(--color-white);
  text-decoration: none;
}

/* Hero Award Badges - Fixed left sidebar */
.hero-badges {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  width: 90px;
  height: 430px;
  padding: 12px 6px;
}

.hero-badges img {
  width: 60px;
  height: auto;
  opacity: 0.9;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.hero-badges img:hover {
  opacity: 1;
  transform: scale(1.1);
}

@media screen and (max-width: 768px) {
  .hero-content h1 { font-size: 3rem; }
  .hero-subtitle { font-size: 0.75rem; letter-spacing: 0.15em; }
  .hero-pretitle { font-size: 1rem; }
  .hero-badges { display: none; }
}

@media screen and (max-width: 480px) {
  .hero-content h1 { font-size: 2.25rem; }
}

/* ==========================================================================
   Intro Section
   ========================================================================== */
/* Content width constraint for all body sections */
#homepage-content .container {
  max-width: 1140px;
}

.section-intro {
  padding: 80px 0;
  background: var(--color-cream);
  text-align: center;
}

.intro-label {
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #7c7c7c;
  margin-bottom: 2.5rem;
}

.intro-text {
  font-family: var(--font-heading);
  font-size: 2.75rem;
  font-weight: 200;
  font-style: italic;
  line-height: 3.125rem;
  color: var(--color-text);
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 3.75rem;
  opacity: 0;
  animation: stack 0.5s forwards;
  animation-delay: 0.3s;
}

@keyframes stack {
  to {
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  .section-intro { padding: 50px 0; }
  .intro-text { font-size: 1.25rem; }
}

/* ==========================================================================
   Offers Section (Dark bg, split layout with vertical sidebar)
   ========================================================================== */
.section-offers {
  background: var(--color-dark);
  padding: 0;
}

.offers-layout {
  display: flex;
  min-height: 600px;
}

.offers-sidebar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  min-width: 60px;
}

.offers-content-area {
  flex: 1;
}

.offer-slide {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 600px;
}

.offer-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px 80px;
}

.offer-title {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 300;
  font-style: italic;
  color: var(--color-primary);
  margin-bottom: 1.25rem;
}

.offer-desc {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7;
  margin-bottom: 1rem;
}

.offer-list {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
}

.offer-list li {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  padding: 4px 0;
  line-height: 1.6;
}

.offer-list li::before {
  content: "- ";
  color: rgba(255, 255, 255, 0.4);
}

.offer-actions {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

.offer-nav {
  display: flex;
  align-items: center;
  gap: 12px;
}

.offer-leaf {
  opacity: 0.6;
}

.offer-prev, .offer-next {
  font-family: var(--font-heading);
  font-size: 0.95rem;
  font-style: italic;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: color 0.3s ease;
}

.offer-prev:hover, .offer-next:hover {
  color: var(--color-white);
}

.offer-divider {
  color: rgba(255, 255, 255, 0.3);
}

.offer-image {
  overflow: hidden;
}

.offer-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 992px) {
  .offer-slide { grid-template-columns: 1fr; }
  .offer-text { padding: 40px 30px; }
  .offer-image { height: 350px; }
  .offers-sidebar { display: none; }
}

/* ==========================================================================
   What Sets Us Apart / Features Section
   ========================================================================== */
.section-features {
  background: var(--color-dark);
  padding: 0;
}

.features-layout {
  display: flex;
  min-height: 600px;
}

.features-sidebar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  min-width: 60px;
}

.features-content-area {
  flex: 1;
  display: flex;
  align-items: center;
}

.feature-slide {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 60px 80px;
  position: relative;
  width: 100%;
}

.feature-number-large {
  position: absolute;
  left: 60px;
  top: 40px;
  font-family: var(--font-heading);
  font-size: 12rem;
  font-weight: 300;
  font-style: italic;
  color: rgba(255, 255, 255, 0.06);
  line-height: 1;
  pointer-events: none;
}

.feature-circle-image {
  flex-shrink: 0;
  width: 380px;
  height: 480px;
  border-radius: 190px 190px 0 0;
  overflow: hidden;
}

.feature-circle-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.feature-text-content {
  flex: 1;
}

.feature-text-content h3 {
  font-family: var(--font-heading);
  font-size: 1.75rem;
  font-weight: 300;
  color: var(--color-primary-light);
  margin-bottom: 0;
  line-height: 1.2;
}

.feature-italic {
  font-style: italic;
  font-size: 2.25rem !important;
  margin-bottom: 1rem !important;
}

.feature-subtitle {
  font-family: var(--font-body);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 1rem;
}

.feature-text-content > p:not(.feature-subtitle) {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.feature-actions {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
  .feature-slide {
    flex-direction: column;
    padding: 40px 30px;
    text-align: center;
  }
  .feature-circle-image {
    width: 250px;
    height: 320px;
    border-radius: 125px 125px 0 0;
  }
  .features-sidebar { display: none; }
  .feature-number-large { display: none; }
  .feature-actions { justify-content: center; }
}

/* ==========================================================================
   Accommodations Section
   ========================================================================== */
.section-accommodations {
  background: var(--color-dark);
}

.accommodations-split {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  min-height: 600px;
}

.accommodations-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px;
  background: var(--color-dark);
  order: 1;
}

.accommodations-image {
  overflow: hidden;
  position: relative;
  order: 2;
}

.accommodations-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.accommodations-badge {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0.5;
}

.accommodations-content .section-label {
  color: rgba(255, 255, 255, 0.5);
}

.accommodations-content h2 {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 300;
  color: var(--color-primary);
  margin-bottom: 1rem;
  line-height: 1.3;
}

.accommodations-content h2 em {
  font-style: italic;
}

.accommodations-content p {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.8;
  margin-bottom: 2rem;
}

@media screen and (max-width: 992px) {
  .accommodations-split {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .accommodations-image {
    height: 400px;
    order: 1;
  }
  .accommodations-content {
    padding: 50px 30px;
    order: 2;
  }
}

/* ==========================================================================
   Weddings Section
   ========================================================================== */
.section-weddings {
  background: var(--color-cream);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}

.weddings-illustration {
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  width: auto;
  opacity: 0.06;
  pointer-events: none;
  z-index: 0;
}

.weddings-layout {
  position: relative;
  z-index: 1;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 40px;
}

.weddings-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 550px;
  background: var(--color-white);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.weddings-card-content {
  padding: 60px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--color-primary);
}

.weddings-card-content .section-label {
  color: rgba(255, 255, 255, 0.7);
}

.weddings-card-content h2 {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 300;
  color: var(--color-text);
  margin-bottom: 1rem;
  line-height: 1.3;
}

.weddings-card-content h2 em {
  font-style: italic;
}

.weddings-card-content p {
  font-size: 0.95rem;
  color: var(--color-text);
  line-height: 1.8;
  margin-bottom: 2rem;
}

.weddings-card-image {
  overflow: hidden;
}

.weddings-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 992px) {
  .section-weddings {
    padding: 60px 0;
  }
  .weddings-layout {
    padding: 0 20px;
  }
  .weddings-card {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .weddings-card-content {
    padding: 40px 30px;
    order: 2;
  }
  .weddings-card-image {
    height: 350px;
    order: 1;
  }
}

/* ==========================================================================
   Heritage Section
   ========================================================================== */
.section-heritage {
  background: var(--color-white);
  padding: 100px 0;
}

.heritage-layout {
  display: flex;
  align-items: center;
  gap: 60px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 40px;
}

.heritage-image-wrap {
  flex-shrink: 0;
}

.heritage-circle-image {
  width: 380px;
  height: 480px;
  border-radius: 190px 190px 0 0;
  overflow: hidden;
}

.heritage-circle-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.heritage-content {
  flex: 1;
}

.heritage-content .section-label {
  color: var(--color-text-light);
}

.heritage-content h2 {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 300;
  color: var(--color-text);
  margin-bottom: 1rem;
}

.heritage-content h2 em {
  font-style: italic;
  color: var(--color-primary);
}

.heritage-content p {
  font-size: 0.95rem;
  color: var(--color-text-light);
  line-height: 1.8;
  margin-bottom: 2rem;
}

.heritage-content .btn-resort--outline-dark {
  color: var(--color-text);
  border-color: var(--color-text);
}

.heritage-content .btn-resort--outline-dark::before,
.heritage-content .btn-resort--outline-dark::after {
  border-color: var(--color-text);
}

.heritage-content .btn-resort--outline-dark:hover {
  background: var(--color-text);
  color: var(--color-white);
}

@media screen and (max-width: 768px) {
  .heritage-layout {
    flex-direction: column;
    text-align: center;
    gap: 40px;
  }
  .heritage-circle-image {
    width: 250px;
    height: 250px;
  }
  .section-heritage { padding: 60px 0; }
}

/* ==========================================================================
   Reviews Section
   ========================================================================== */
.section-reviews {
  padding: 100px 0;
  background: var(--color-cream);
}

.reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.review-card {
  text-align: center;
  padding: 40px 30px;
}

.review-stars {
  margin-bottom: 1.5rem;
}

.review-stars i {
  color: var(--color-primary);
  font-size: 0.875rem;
  margin: 0 2px;
}

.review-card blockquote {
  margin: 0 0 1.5rem;
  padding: 0;
  border: none;
}

.review-card blockquote p {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-style: italic;
  font-weight: 400;
  color: var(--color-text);
  line-height: 1.7;
}

.review-card cite {
  font-family: var(--font-body);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-text-light);
}

@media screen and (max-width: 768px) {
  .reviews-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .section-reviews { padding: 60px 0; }
}

/* ==========================================================================
   Island Section
   ========================================================================== */
.section-island {
  padding: 100px 0;
  background: var(--color-cream);
}

.island-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 30px;
}

.island-content h2 {
  font-family: var(--font-heading);
  font-size: 2.25rem;
  font-weight: 300;
  color: var(--color-text);
  margin-bottom: 1rem;
}

.island-content h2 em {
  font-style: italic;
  color: var(--color-primary);
}

.island-content .btn-resort {
  background: var(--color-accent);
  color: var(--color-white);
  border-color: var(--color-accent);
}

.island-content .btn-resort::before,
.island-content .btn-resort::after {
  border-color: var(--color-accent);
}

.island-content .btn-resort:hover {
  background: transparent;
  color: var(--color-accent);
}

.island-content p {
  font-size: 0.95rem;
  color: var(--color-text-light);
  line-height: 1.8;
  margin-bottom: 2rem;
}

.island-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.island-images img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: var(--shadow-soft);
}

@media screen and (max-width: 768px) {
  .island-split {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .section-island { padding: 60px 0; }
}

/* ==========================================================================
   Gallery Section
   ========================================================================== */
.section-gallery {
  padding: 100px 0;
  background: var(--color-cream);
  position: relative;
  overflow: hidden;
}

.gallery-illustration {
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  height: 90%;
  width: auto;
  opacity: 0.08;
  pointer-events: none;
  z-index: 0;
}

.section-gallery .container {
  position: relative;
  z-index: 1;
}

/* TripAdvisor emblem */
.tripadvisor-emblem {
  display: block;
  margin: 0 auto 20px;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.gallery-grid .gallery-item {
  overflow: hidden;
  display: block;
  aspect-ratio: 1;
}

.gallery-grid .gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.gallery-grid .gallery-item:hover img {
  transform: scale(1.08);
}

@media screen and (max-width: 768px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-gallery { padding: 60px 0; }
}

/* ==========================================================================
   Newsletter Section
   ========================================================================== */
.section-newsletter {
  padding: 5rem 0 4.375rem;
  background: #2a2a2a;
  text-align: center;
}

.newsletter-content {
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 1.875rem;
}

.newsletter-content h2 {
  font-family: "Source Serif Pro", serif;
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
  margin: 0 0 3.125rem;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: 0.01em;
}

.newsletter-content h2 em {
  font-style: italic;
  font-weight: 300;
}

/* Field row: two inputs flex, corner-frame submit on the right */
.newsletter-fields {
  display: flex;
  align-items: flex-end;
  gap: 1.875rem;
  max-width: 75rem;
  margin: 0 auto 1.875rem;
}

.newsletter-fields input[type="text"],
.newsletter-fields input[type="email"] {
  flex: 1;
  min-width: 0;
  padding: 0.75rem 0 1rem;
  border: 0;
  border-bottom: 1px solid #C19383;
  background: transparent;
  color: #fff;
  font-family: "Commissioner", sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  outline: none;
  border-radius: 0;
  transition: border-color 0.25s ease;
}

.newsletter-fields input::placeholder {
  color: #fff;
  opacity: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.newsletter-fields input:focus {
  border-color: #fff;
}

/* Submit: corner-bracket button on the right of the field row */
.newsletter-fields .btn-resort,
.newsletter-fields .btn-resort--submit,
.newsletter-fields button[type="submit"] {
  position: relative;
  flex: 0 0 auto;
  align-self: stretch;
  min-width: 11.25rem;
  height: 3.75rem;
  padding: 0 2.5rem;
  background: transparent;
  border: 0;
  color: #fff;
  font-family: "Commissioner", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  cursor: pointer;
  transition: color 0.25s ease;
}

.newsletter-fields button[type="submit"]::before,
.newsletter-fields button[type="submit"]::after,
.newsletter-fields .btn-resort--submit::before,
.newsletter-fields .btn-resort--submit::after {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #C19383;
  pointer-events: none;
  transition: all 0.25s ease;
}
.newsletter-fields button[type="submit"]::before,
.newsletter-fields .btn-resort--submit::before {
  top: 0;
  left: 0;
  border-right: 0;
  border-bottom: 0;
}
.newsletter-fields button[type="submit"]::after,
.newsletter-fields .btn-resort--submit::after {
  bottom: 0;
  right: 0;
  border-left: 0;
  border-top: 0;
}
.newsletter-fields button[type="submit"]:hover,
.newsletter-fields .btn-resort--submit:hover {
  color: #C19383;
  background: transparent;
}
.newsletter-fields button[type="submit"]:hover::before,
.newsletter-fields button[type="submit"]:hover::after,
.newsletter-fields .btn-resort--submit:hover::before,
.newsletter-fields .btn-resort--submit:hover::after {
  width: 100%;
  height: 100%;
}

/* Checkboxes row */
.newsletter-checkboxes {
  display: flex;
  gap: 4.375rem;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 75rem;
  margin: 1.25rem auto 0;
  padding: 0 1.875rem;
}

.newsletter-checkboxes label {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  font-weight: 300;
  letter-spacing: 0.01em;
}

.newsletter-checkboxes label a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
.newsletter-checkboxes label a:hover {
  color: #C19383;
}

/* Custom square outlined checkbox */
.newsletter-checkboxes input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  border: 1px solid #C19383;
  background: transparent;
  cursor: pointer;
  position: relative;
  flex: 0 0 auto;
  border-radius: 0;
}
.newsletter-checkboxes input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 0.1875rem;
  top: 0;
  width: 0.375rem;
  height: 0.6875rem;
  border-right: 2px solid #C19383;
  border-bottom: 2px solid #C19383;
  transform: rotate(45deg);
}

@media screen and (max-width: 48rem) {
  .newsletter-content h2 { font-size: 2.125rem; margin-bottom: 2rem; }
  .newsletter-fields {
    flex-direction: column;
    gap: 1.5rem;
    padding: 0 1.25rem;
  }
  .newsletter-fields button[type="submit"],
  .newsletter-fields .btn-resort--submit {
    width: 100%;
    align-self: center;
  }
  .newsletter-checkboxes {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 0 1.25rem;
  }
  .section-newsletter { padding: 3.75rem 0; }
}

/* ==========================================================================
   Footer
   ========================================================================== */
footer#colophon {
  background: var(--color-dark);
  color: rgba(255, 255, 255, 0.8);
  padding: 100px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-main {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  gap: 40px;
  padding-bottom: 80px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-nav-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-nav-links ul li {
  margin-bottom: 0.75rem;
}

.footer-nav-links ul li a {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-nav-links ul li a:hover {
  color: var(--color-accent);
}

.footer-center {
  text-align: center;
}

.footer-logo {
  max-width: 200px;
  margin: 0 auto 1.5rem;
  display: block;
}

.footer-honors {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 1.5rem;
}

.footer-honors span {
  font-family: var(--font-body);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
}

.footer-social {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.footer-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.1rem;
  transition: color 0.3s ease;
  text-decoration: none;
}

.footer-social a:hover {
  color: var(--color-accent);
}

.footer-contact-info {
  text-align: right;
}

.footer-contact-info p {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7;
  margin-bottom: 0.25rem;
}

.footer-contact-info a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}

.footer-contact-info a:hover {
  color: var(--color-accent);
}

.footer-bottom {
  padding: 25px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

.footer-bottom-links {
  display: flex;
  gap: 20px;
  align-items: center;
}

.footer-bottom-links a {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-bottom-links a:hover {
  color: var(--color-accent);
}

.footer-bottom-links .sep {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.7rem;
}

.footer-bottom p {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.4);
  margin: 0;
}

@media screen and (max-width: 992px) {
  .footer-main {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 30px;
  }
  .footer-contact-info { text-align: center; }
  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }
}

/* ==========================================================================
   Page Sub-Header (Inner Pages)
   ========================================================================== */
#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 3rem;
  color: var(--color-primary);
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}

body:not(.theme-preset-active) #page-sub-header p {
  color: var(--color-text);
}

a.page-scroller {
  color: var(--color-text);
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

/* ==========================================================================
   Accessibility
   ========================================================================== */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
}

#content[tabindex="-1"]:focus {
  outline: 0;
}

/* ==========================================================================
   Alignments
   ========================================================================== */
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

a img.alignright { float: right; margin: 0.313rem 0 1.25rem 1.25rem; }
a img.alignnone { margin: 0.313rem 1.25rem 1.25rem 0; }
a img.alignleft { float: left; margin: 0.313rem 1.25rem 1.25rem 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption.alignnone { margin: 0.313rem 1.25rem 1.25rem 0; }
.wp-caption.alignleft { margin: 0.313rem 1.25rem 1.25rem 0; }
.wp-caption.alignright { margin: 0.313rem 0 1.25rem 1.25rem; }

/* ==========================================================================
   Clearings
   ========================================================================== */
.clear:before, .clear:after,
.entry-content:before, .entry-content:after,
.comment-content:before, .comment-content:after,
.site-header:before, .site-header:after,
.site-content:before, .site-content:after,
.site-footer:before, .site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after, .entry-content:after, .comment-content:after,
.site-header:after, .site-content:after, .site-footer:after {
  clear: both;
}

/* ==========================================================================
   Widgets
   ========================================================================== */
.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
}

.widget select { max-width: 100%; }

.widget_search .search-form input[type="submit"] { display: none; }

.nav > li > a:focus, .nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}

.half-rule { width: 6rem; margin: 2.5rem 0; }

.widget_categories .nav-link { display: inline-block; }

/* ==========================================================================
   Content - Posts and Pages
   ========================================================================== */
#content.site-content {
  padding-bottom: 3.75rem;
  padding-top: 4.125rem;
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title { position: relative; }
.single .byline, .group-blog .byline { display: inline; }

.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }
.page-links { clear: both; margin: 0 0 1.5em; }

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content { margin-top: 0; }

.post.hentry { margin-bottom: 4rem; }
.posted-on, .byline, .comments-link { color: #9a9a9a; }
.entry-title > a { color: inherit; }

/* ==========================================================================
   Comments
   ========================================================================== */
.comment-content a { word-wrap: break-word; }
.bypostauthor { display: block; }
.comment-body .pull-left { padding-right: 0.625rem; }
.comment-list .comment { display: block; }
.comment-list { padding-left: 0; }
.comments-title { font-size: 1.125rem; }

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child { border: medium none; }
.comment-content.card-block { padding: 20px; }

/* ==========================================================================
   Post Navigation
   ========================================================================== */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous { float: left; width: 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next { float: right; text-align: right; width: 50%; }

.navigation.post-navigation { padding-top: 1.875rem; }

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after { content: " \2192"; }
.post-navigation .nav-previous a::before { content: "\2190 "; }

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover { background: #eee none repeat scroll 0 0; }

/* ==========================================================================
   Infinite Scroll
   ========================================================================== */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none; }

.infinity-end.neverending .site-footer { display: block; }

/* ==========================================================================
   Media
   ========================================================================== */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none; margin-bottom: 0; margin-top: 0; padding: 0;
}

embed, iframe, object { max-width: 100%; }

.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}

.wp-caption img[class*="wp-image-"] {
  border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto;
}

.wp-caption .wp-caption-text {
  font-size: 0.688rem; line-height: 1.063rem; margin: 0; padding: 0.625rem;
}

.wp-caption-text { text-align: center; }

.gallery { margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-item .gallery-columns-2 { max-width: 50%; }
.gallery-item .gallery-columns-3 { max-width: 33.33333%; }
.gallery-item .gallery-columns-4 { max-width: 25%; }
.gallery-item .gallery-columns-5 { max-width: 20%; }
.gallery-item .gallery-columns-6 { max-width: 16.66667%; }
.gallery-item .gallery-columns-7 { max-width: 14.28571%; }
.gallery-item .gallery-columns-8 { max-width: 12.5%; }
.gallery-item .gallery-columns-9 { max-width: 11.11111%; }

.gallery-caption { display: block; }

/* ==========================================================================
   Plugin Compatibility
   ========================================================================== */
.woocommerce-cart-form .shop_table .coupon .input-text { width: 8.313rem !important; }
.variations_form .variations .value > select { margin-bottom: 0.625rem; }

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 { max-width: 100%; }

.elementor-page article .entry-footer { display: none; }
.elementor-page.page-template-fullwidth #content.site-content { padding-bottom: 0; padding-top: 0; }
.elementor-page .entry-content { margin-top: 0; }

.vc_desktop article .entry-footer { display: none; }
.vc_desktop #content.site-content { padding-bottom: 0; padding-top: 0; }
.vc_desktop .entry-content { margin-top: 0; }

/* Footer Widget Area */
.footer-widget-area {
  background: var(--color-cream);
  padding: 40px 0;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}

/* ==========================================================================
   Scroll Reveal Animations
   ========================================================================== */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.reveal-on-scroll.revealed {
  opacity: 1;
  transform: translateY(0);
}

.reveal-on-scroll.delay-1 { transition-delay: 0.1s; }
.reveal-on-scroll.delay-2 { transition-delay: 0.2s; }
.reveal-on-scroll.delay-3 { transition-delay: 0.3s; }
.reveal-on-scroll.delay-4 { transition-delay: 0.4s; }

@media screen and (max-width: 768px) {
  .section-accommodations h2 em,
  .section-weddings h2 em,
  .section-heritage h2 em,
  .section-island h2 em {
    font-size: 2.5rem;
  }
}

/* ==========================================================================
   Resort & Inclusions Page
   ========================================================================== */

/* --- Resort Hero --- */
.resort-hero {
  position: relative;
  width: 100%;
  height: 70vh;
  min-height: 500px;
  overflow: hidden;
}

.resort-hero__image {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.resort-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.resort-hero__gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.35) 100%);
  z-index: 1;
}

.resort-hero__title {
  position: absolute;
  bottom: 3.75rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  text-align: center;
}

.resort-hero__title h1 {
  font-family: var(--font-heading);
  font-size: 4.5rem;
  font-weight: 300;
  color: var(--color-white);
  letter-spacing: 2px;
  margin: 0;
}

/* --- Resort Sub-Navigation --- */
.resort-subnav {
  background: var(--color-white);
  border-bottom: 1px solid #e8e0dd;
  position: sticky;
  top: 0;
  z-index: 100;
}

.resort-subnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 2.5rem;
}

.resort-subnav ul li a {
  display: block;
  padding: 1rem 0.5rem;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-text);
  border-bottom: 2px solid transparent;
  transition: var(--transition);
}

.resort-subnav ul li a:hover,
.resort-subnav ul li a.active {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
}

/* --- Resort Intro --- */
.resort-intro {
  padding: 5rem 0 4rem;
  text-align: center;
}

.resort-intro .container {
  max-width: 900px;
}

.resort-intro__heading {
  font-family: var(--font-heading);
  font-size: 2.75rem;
  font-weight: 300;
  font-style: italic;
  color: var(--color-text);
  margin-bottom: 1.5rem;
  line-height: 1.25;
}

.resort-intro__text {
  font-family: var(--font-body);
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.8;
  color: var(--color-text-light);
  max-width: 700px;
  margin: 0 auto;
}

/* --- Awards Sidebar (Fixed) --- */
.resort-awards-sidebar {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 90;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 0.75rem;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 4px 0 0 4px;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.08);
}

.resort-awards-sidebar figure {
  margin: 0;
  padding: 0;
}

.resort-awards-sidebar figure img {
  width: 50px;
  height: auto;
  display: block;
}

/* --- Amenities Section (Dark) --- */
.resort-amenities {
  background: var(--color-dark);
  padding: 5rem 0;
}

.resort-amenities .container {
  max-width: 1140px;
}

.resort-amenities__layout {
  display: flex;
  align-items: center;
  gap: 4rem;
}

.resort-amenities__image {
  flex: 0 0 380px;
  width: 380px;
  height: 480px;
  border-radius: 190px 190px 0 0;
  overflow: hidden;
}

.resort-amenities__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.resort-amenities__content {
  flex: 1;
  color: var(--color-white);
}

.resort-amenities__content h2 {
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-white);
  margin: 0 0 0.5rem;
}

.resort-amenities__subtitle {
  font-family: var(--font-heading);
  font-size: 2.75rem;
  font-weight: 300;
  font-style: italic;
  line-height: 1.2;
  color: var(--color-white);
  margin: 0 0 2rem;
}

.resort-amenities__label {
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: 1rem;
}

.resort-amenities__list {
  list-style: none;
  padding: 0;
  margin: 0;
  columns: 2;
  column-gap: 2.5rem;
}

.resort-amenities__list li {
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.85);
  padding: 0.5rem 0;
  padding-left: 1.25rem;
  position: relative;
  break-inside: avoid;
}

.resort-amenities__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.95rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-primary);
}

/* --- Life of Spice (Full-Width Background) --- */
.resort-life-of-spice {
  width: 100%;
}

.resort-life-of-spice__bg {
  position: relative;
  width: 100%;
  height: 500px;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.resort-life-of-spice__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.15);
}

.resort-life-of-spice__text {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.resort-life-of-spice__line {
  display: block;
  width: 40px;
  height: 1px;
  background: var(--color-white);
  margin: 0 auto 0.75rem;
}

.resort-life-of-spice__text p {
  font-family: var(--font-heading);
  font-size: 2.25rem;
  font-weight: 300;
  font-style: italic;
  color: var(--color-white);
  margin: 0;
}

/* --- Grand Anse Beach Section --- */
.resort-beach {
  padding: 5rem 0;
}

.resort-beach .container {
  max-width: 1140px;
}

.resort-beach__layout {
  display: flex;
  align-items: center;
  gap: 4rem;
}

.resort-beach__image {
  flex: 0 0 380px;
  width: 380px;
  height: 480px;
  border-radius: 190px 190px 0 0;
  overflow: hidden;
}

.resort-beach__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.resort-beach__content {
  flex: 1;
}

.resort-beach__content .section-label {
  display: block;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-text-light);
  margin-bottom: 0.5rem;
}

.resort-beach__content .section-label::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 1px;
  background: var(--color-primary);
  vertical-align: middle;
  margin-right: 10px;
}

.resort-beach__content h2 {
  font-family: var(--font-heading);
  font-size: 3rem;
  font-weight: 300;
  font-style: italic;
  color: var(--color-text);
  margin: 0 0 1.5rem;
  line-height: 1.15;
}

.resort-beach__content p {
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.8;
  color: var(--color-text-light);
  margin-bottom: 2rem;
}

.resort-beach__nav {
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 1px;
  color: var(--color-text-light);
  margin-top: 1rem;
}

.resort-beach__nav span {
  cursor: pointer;
  transition: var(--transition);
}

.resort-beach__nav span:hover {
  color: var(--color-primary);
}

.resort-beach__nav .offer-divider {
  margin: 0 0.5rem;
  cursor: default;
}

/* --- Pink / Two-Image Section --- */
.resort-pink-section {
  background: var(--color-cream);
  padding: 4rem 0;
  overflow: hidden;
}

.resort-pink-section__wrapper {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 2rem;
}

.resort-pink-section__img-1 {
  max-width: 55%;
  height: auto;
  border-radius: 4px;
  position: relative;
  z-index: 1;
}

.resort-pink-section__img-2 {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  max-width: 40%;
  height: auto;
  z-index: 2;
  opacity: 0.9;
}

/* --- Resort Facilities Section --- */
.resort-facilities {
  padding: 5rem 0;
}

.resort-facilities .container {
  max-width: 1140px;
}

.resort-facilities__header {
  text-align: left;
  margin-bottom: 3rem;
}

.resort-facilities__line {
  display: inline-block;
  width: 30px;
  height: 1px;
  background: var(--color-primary);
  vertical-align: middle;
  margin-right: 10px;
}

.resort-facilities__header p {
  display: inline;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-text-light);
}

.resort-facilities__slide {
  display: none;
}

.resort-facilities__slide.active {
  display: block;
}

.resort-facilities__layout {
  display: flex;
  align-items: center;
  gap: 4rem;
}

.resort-facilities__image {
  flex: 0 0 480px;
  width: 480px;
  height: 360px;
  border-radius: 4px;
  overflow: hidden;
}

.resort-facilities__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.resort-facilities__content {
  flex: 1;
}

.resort-facilities__content h3 {
  font-family: var(--font-heading);
  font-size: 2.25rem;
  font-weight: 300;
  font-style: italic;
  color: var(--color-text);
  margin: 0 0 1.25rem;
  line-height: 1.2;
}

.resort-facilities__content p {
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.8;
  color: var(--color-text-light);
  margin-bottom: 1.5rem;
}

.resort-facilities__hours {
  font-size: 0.875rem !important;
  color: var(--color-text) !important;
}

.resort-facilities__content .btn-resort {
  margin-bottom: 1.5rem;
}

.resort-facilities__nav {
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 1px;
  color: var(--color-text-light);
}

.resort-facilities__nav span {
  cursor: pointer;
  transition: var(--transition);
}

.resort-facilities__nav span:hover {
  color: var(--color-primary);
}

.resort-facilities__nav .rf-divider {
  margin: 0 0.5rem;
  cursor: default;
}

/* --- Green Globe Accordion --- */
.resort-accordion {
  background: var(--color-cream);
  padding: 5rem 0;
}

.resort-accordion .container {
  max-width: 900px;
}

.resort-accordion__header {
  text-align: center;
  margin-bottom: 3rem;
}

.resort-accordion__header h2 {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 300;
  font-style: italic;
  color: var(--color-text);
  margin: 0 0 1.25rem;
}

.resort-accordion__header p {
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.8;
  color: var(--color-text-light);
  max-width: 700px;
  margin: 0 auto;
}

.resort-accordion__item {
  border-top: 1px solid #d8cdc9;
}

.resort-accordion__item:last-child {
  border-bottom: 1px solid #d8cdc9;
}

.resort-accordion__btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--color-text);
  transition: var(--transition);
}

.resort-accordion__btn:hover {
  color: var(--color-primary);
}

.resort-accordion__btn svg {
  fill: var(--color-text);
  transition: transform 0.3s ease, fill 0.3s ease;
  flex-shrink: 0;
}

.resort-accordion__btn[aria-expanded="true"] svg {
  transform: rotate(45deg);
  fill: var(--color-primary);
}

.resort-accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  padding: 0;
}

.resort-accordion__content.open {
  max-height: 600px;
  padding-bottom: 1.5rem;
}

.resort-accordion__content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  columns: 2;
  column-gap: 2.5rem;
}

.resort-accordion__content ul li {
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 300;
  color: var(--color-text-light);
  padding: 0.375rem 0;
  padding-left: 1.25rem;
  position: relative;
  break-inside: avoid;
}

.resort-accordion__content ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.75rem;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--color-primary);
}

/* --- Resort Page Responsive --- */
@media screen and (max-width: 991px) {
  .resort-hero__title h1 {
    font-size: 3rem;
  }

  .resort-amenities__layout {
    flex-direction: column;
    text-align: center;
  }

  .resort-amenities__image {
    flex: 0 0 280px;
    width: 280px;
    height: 360px;
    border-radius: 140px 140px 0 0;
  }

  .resort-amenities__list {
    columns: 1;
    text-align: left;
  }

  .resort-beach__layout {
    flex-direction: column;
  }

  .resort-beach__image {
    flex: 0 0 280px;
    width: 280px;
    height: 360px;
    border-radius: 140px 140px 0 0;
  }

  .resort-facilities__layout {
    flex-direction: column;
  }

  .resort-facilities__image {
    flex: 0 0 auto;
    width: 100%;
    height: 300px;
  }

  .resort-accordion__content ul {
    columns: 1;
  }

  .resort-awards-sidebar {
    display: none;
  }

  .resort-pink-section__img-1 {
    max-width: 80%;
  }

  .resort-pink-section__img-2 {
    max-width: 50%;
  }
}

@media screen and (max-width: 576px) {
  .resort-hero {
    height: 50vh;
    min-height: 350px;
  }

  .resort-hero__title h1 {
    font-size: 2.25rem;
  }

  .resort-subnav ul {
    gap: 1.25rem;
  }

  .resort-intro__heading {
    font-size: 2rem;
  }

  .resort-amenities__subtitle {
    font-size: 2rem;
  }

  .resort-life-of-spice__bg {
    height: 350px;
    padding: 2rem;
    background-attachment: scroll;
  }

  .resort-life-of-spice__text p {
    font-size: 1.5rem;
  }

  .resort-beach__content h2 {
    font-size: 2.25rem;
  }

  .resort-facilities__content h3 {
    font-size: 1.75rem;
  }

  .resort-accordion__header h2 {
    font-size: 1.875rem;
  }
}

/* ==========================================================================
   Resort Legacy Page
   ========================================================================== */

/* --- Legacy Hero (grayscale overlay) --- */
.resort-hero--legacy .resort-hero__image img {
  filter: grayscale(100%);
}

.resort-hero--legacy .resort-hero__gradient {
  background: linear-gradient(to bottom, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.45) 100%);
}

/* --- Legacy Intro --- */
.legacy-intro {
  padding: 4rem 0 5rem;
  text-align: center;
}

.legacy-intro .container {
  max-width: 700px;
}

.legacy-intro__icon {
  margin-bottom: 1.25rem;
}

.legacy-intro__emblem {
  width: 40px;
  height: auto;
  opacity: 0.5;
}

.legacy-intro__label {
  display: block;
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--color-text-light);
  margin-bottom: 1.5rem;
}

.legacy-intro__text {
  font-family: var(--font-heading);
  font-size: 1.75rem;
  font-weight: 300;
  font-style: italic;
  line-height: 1.5;
  color: var(--color-text);
  margin: 0;
}

/* --- About the Owners (Blue Gradient) --- */
.legacy-owners {
  position: relative;
  background: linear-gradient(180deg, #2a7ab5 0%, #1a5a8a 100%);
  padding: 5rem 0 0;
  overflow: hidden;
}

.legacy-owners .container {
  max-width: 1140px;
  position: relative;
  z-index: 2;
}

.legacy-owners__heading {
  text-align: center;
  margin: 0 0 3rem;
}

.legacy-owners__heading em {
  font-family: var(--font-heading);
  font-size: 3.5rem;
  font-weight: 300;
  font-style: italic;
  color: var(--color-white);
  line-height: 1.15;
  display: block;
}

/* Decorative floral illustration */
.legacy-owners__illustration {
  position: absolute;
  top: 0;
  right: -2%;
  width: 320px;
  height: auto;
  z-index: 1;
  opacity: 0.12;
  pointer-events: none;
}

.legacy-owners__illustration img {
  width: 100%;
  height: auto;
}

/* Content row: text + family photo */
.legacy-owners__content {
  position: relative;
  z-index: 2;
}

.legacy-owners__layout {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
}

.legacy-owners__text {
  flex: 1;
  max-width: 360px;
}

.legacy-owners__text p {
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 2rem;
}

.legacy-owners__text .btn-resort--outline-dark {
  color: var(--color-white);
  border-color: var(--color-white);
}

.legacy-owners__text .btn-resort--outline-dark::before,
.legacy-owners__text .btn-resort--outline-dark::after {
  border-color: var(--color-white);
}

.legacy-owners__text .btn-resort--outline-dark:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.legacy-owners__photo {
  flex: 0 0 420px;
  width: 420px;
}

.legacy-owners__photo img {
  width: 100%;
  height: auto;
  display: block;
}

/* Church / Building illustration */
.legacy-owners__building {
  position: relative;
  z-index: 2;
  max-width: 400px;
  margin-top: -2rem;
  padding-bottom: 0;
}

.legacy-owners__building img {
  width: 100%;
  height: auto;
  display: block;
}

/* --- Honoring Our Founder (Dark Card) --- */
.legacy-founder {
  background: var(--color-primary);
  padding: 5rem 0;
}

.legacy-founder .container {
  max-width: 1140px;
}

.legacy-founder__card {
  background: var(--color-dark);
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border-radius: 0;
}

.legacy-founder__image {
  flex: 0 0 45%;
  max-width: 45%;
  overflow: hidden;
}

.legacy-founder__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.legacy-founder__content {
  flex: 1;
  padding: 3.5rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.legacy-founder__content h3 {
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: none;
  color: var(--color-white);
  margin: 0 0 1.25rem;
}

.legacy-founder__content p {
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

/* --- Team Members Section --- */
.legacy-team {
  background: var(--color-primary);
  padding: 0 0 5rem;
}

.legacy-team .container {
  max-width: 1140px;
}

.legacy-team__member {
  display: none;
}

.legacy-team__member.active {
  display: block;
}

.legacy-team__layout {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
}

.legacy-team__photo {
  flex: 0 0 340px;
  width: 340px;
  height: 420px;
  border-radius: 190px 190px 0 0;
  overflow: hidden;
}

.legacy-team__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.legacy-team__info {
  flex: 1;
  padding-top: 1rem;
}

.legacy-team__label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-white);
  margin-bottom: 1rem;
}

.legacy-team__line {
  display: inline-block;
  width: 30px;
  height: 1px;
  background: var(--color-white);
}

.legacy-team__info h3 {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 300;
  font-style: italic;
  color: var(--color-white);
  margin: 0 0 0.25rem;
  line-height: 1.2;
}

.legacy-team__title {
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--color-white);
  margin: 0 0 1.5rem !important;
}

.legacy-team__bio {
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 2rem;
  max-width: 500px;
}

.legacy-team__nav {
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.7);
}

.legacy-team__nav span {
  cursor: pointer;
  transition: var(--transition);
}

.legacy-team__nav span:hover {
  color: var(--color-white);
}

.legacy-team__nav .team-divider {
  margin: 0 0.5rem;
  cursor: default;
}

/* --- Legacy Responsive --- */
@media screen and (max-width: 991px) {
  .legacy-owners__heading em {
    font-size: 2.75rem;
  }

  .legacy-owners__layout {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .legacy-owners__text {
    max-width: 100%;
  }

  .legacy-owners__photo {
    flex: 0 0 auto;
    width: 100%;
    max-width: 420px;
  }

  .legacy-owners__building {
    max-width: 300px;
    margin: -1rem auto 0;
  }

  .legacy-owners__illustration {
    display: none;
  }

  .legacy-founder__card {
    flex-direction: column;
  }

  .legacy-founder__image {
    flex: 0 0 auto;
    max-width: 100%;
    height: 350px;
  }

  .legacy-founder__content {
    padding: 2.5rem 2rem;
  }

  .legacy-team__layout {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .legacy-team__photo {
    flex: 0 0 260px;
    width: 260px;
    height: 320px;
    border-radius: 130px 130px 0 0;
  }

  .legacy-team__label {
    justify-content: center;
  }

  .legacy-team__bio {
    max-width: 100%;
  }

  .legacy-team__nav {
    justify-content: center;
  }
}

@media screen and (max-width: 576px) {
  .legacy-intro__text {
    font-size: 1.375rem;
  }

  .legacy-owners__heading em {
    font-size: 2.25rem;
  }

  .legacy-team__info h3 {
    font-size: 2rem;
  }

  .legacy-team__photo {
    flex: 0 0 220px;
    width: 220px;
    height: 280px;
    border-radius: 110px 110px 0 0;
  }
}

/* ==========================================================================
   Resort Inclusions Page
   ========================================================================== */

/* --- Inclusions Hero --- */
.resort-hero--inclusions .resort-hero__gradient {
  background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.30) 100%);
}

/* --- Decorative Icon Separator --- */
.incl-deco-icon {
  text-align: center;
  padding: 3rem 0 1rem;
  background: var(--color-cream);
}

.incl-deco-icon img {
  width: 48px;
  height: auto;
  opacity: 0.4;
}

/* --- Decorative Floral Illustration (right side) --- */
.incl-deco-right::after {
  content: '';
  position: absolute;
  top: -80px;
  right: 0;
  width: 280px;
  height: 420px;
  background: url('inc/assets/media/SPICEISLAND-Web-Homepage-weddings-illustration-background.svg') no-repeat center;
  background-size: contain;
  opacity: 0.08;
  pointer-events: none;
  z-index: 0;
}

/* --- Inclusions Quad Sections (alternating image + text) --- */
.incl-quad {
  padding: 4rem 0;
  position: relative;
  z-index: 1;
}

.incl-quad--cream {
  background: var(--color-cream);
}

.incl-quad--white {
  background: var(--color-white);
}

.incl-quad .container {
  max-width: 1140px;
}

.incl-quad__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.5rem;
}

/* Left-align: image on left, text on right */
.incl-quad--left {
  flex-direction: row;
}

/* Right-align: image on right, text on left */
.incl-quad--right {
  flex-direction: row-reverse;
}

/* Image block — proportional sizing */
.incl-quad__image {
  flex: 0 0 46%;
  max-width: 46%;
  margin: 0;
}

.incl-quad__image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Arch-masked image (tombstone shape) */
.incl-quad__image--arch {
  flex: 0 0 340px;
  max-width: 340px;
  height: 430px;
  border-radius: 170px 170px 0 0;
  overflow: hidden;
}

.incl-quad__image--arch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Text block */
.incl-quad__text {
  flex: 1;
  min-width: 0;
}

.incl-quad__text h2 {
  font-family: var(--font-heading);
  font-size: 2.75rem;
  font-weight: 300;
  font-style: italic;
  color: var(--color-text);
  margin: 0 0 1.25rem;
  line-height: 1.15;
}

.incl-quad__text p {
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.8;
  color: var(--color-text-light);
  margin: 0 0 1.5rem;
}

.incl-quad__text p:last-child {
  margin-bottom: 0;
}

.incl-quad__text .btn-resort {
  margin-top: 0.75rem;
}

/* --- Two Images Section (Overlapping Composition) --- */
.incl-two-images {
  background: var(--color-white);
  padding: 0 0 5rem;
  overflow: hidden;
}

.incl-two-images__wrapper {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  min-height: 480px;
  padding: 0 2rem;
}

.incl-two-images__img-1 {
  position: absolute;
  left: 2rem;
  bottom: 0;
  width: 42%;
  height: auto;
  display: block;
  z-index: 1;
}

.incl-two-images__img-2 {
  position: absolute;
  right: 8%;
  top: 0;
  width: 44%;
  height: auto;
  display: block;
  z-index: 2;
}

/* --- Text Module Section (Spa Spaces) --- */
.incl-text-module {
  background: var(--color-white);
  padding: 4.5rem 0;
  text-align: center;
}

.incl-text-module .container {
  max-width: 700px;
}

.incl-text-module h2 {
  font-family: var(--font-heading);
  font-size: 3rem;
  font-weight: 300;
  font-style: italic;
  color: var(--color-text);
  margin: 0 0 1.25rem;
  line-height: 1.15;
}

.incl-text-module p {
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.8;
  color: var(--color-text-light);
  margin: 0;
}

/* --- Inclusions Responsive --- */
@media screen and (max-width: 991px) {
  .incl-quad__inner {
    flex-direction: column !important;
    text-align: center;
    gap: 2.5rem;
  }

  .incl-quad__image {
    flex: 0 0 auto;
    width: 100%;
    max-width: 460px;
  }

  .incl-quad__image--arch {
    flex: 0 0 260px;
    width: 260px;
    max-width: 260px;
    height: 330px;
    border-radius: 130px 130px 0 0;
  }

  .incl-deco-right::after {
    display: none;
  }

  .incl-two-images__wrapper {
    min-height: 380px;
  }

  .incl-two-images__img-1 {
    width: 50%;
  }

  .incl-two-images__img-2 {
    width: 50%;
  }
}

@media screen and (max-width: 576px) {
  .incl-quad__text h2 {
    font-size: 2rem;
  }

  .incl-text-module h2 {
    font-size: 2.25rem;
  }

  .incl-quad__image {
    max-width: 320px;
  }

  .incl-quad__image--arch {
    flex: 0 0 220px;
    width: 220px;
    max-width: 220px;
    height: 280px;
    border-radius: 110px 110px 0 0;
  }

  .incl-two-images__wrapper {
    min-height: 280px;
  }

  .incl-two-images__img-1 {
    width: 55%;
  }

  .incl-two-images__img-2 {
    width: 55%;
    right: 5%;
  }
}

/* ==========================================================================
   Accommodations Page — matches live site /rooms-in-grenada
   ========================================================================== */

.resort-hero--accommodations {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 560px;
  overflow: hidden;
}

/* ---------- Intro ---------- */
.accom-intro-section {
  background: #f7efed;
  padding: 5.625rem 0 2.5rem; /* 90px 40px */
  text-align: center;
}

.accom-intro-section .container {
  max-width: 56.25rem; /* 900px */
}

.accom-title {
  font-family: "Source Serif Pro", serif;
  font-weight: 200;
  font-size: 2.1875rem; /* 35px */
  color: #222;
  line-height: 1.2;
  margin: 0 0 1.5rem;
}

.accom-title em {
  display: block;
  font-style: italic;
  font-weight: 200;
  font-size: 4.375rem; /* 70px */
  line-height: 1.05;
  color: #222;
  margin-top: 0.25rem;
}

.accom-lead {
  font-family: "Commissioner", sans-serif;
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 300;
  color: #444;
  max-width: 42.5rem; /* 680px */
  margin: 0 auto;
}

/* ==========================================================================
   Accommodations Block (live site rules)
   ========================================================================== */
.accommodations-block {
  background: #f7efed;
  margin: 0 auto;
  padding: 5.625rem 0; /* 90px 0 */
}

.accommodations-list {
  margin: 0 auto;
  max-width: 83.125rem; /* 1330px */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 2em;
  overflow: hidden;
}

/* Room row */
.accommodations-list .room {
  width: 100%;
  text-align: center;
  margin: 2.5rem 0 5.625rem; /* 40px 0 90px */
  padding: 9.375rem 0 0 0; /* 150px top */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.accommodations-list .room.even {
  flex-direction: row-reverse;
}

/* Arch SVG behind the copy side */
.accommodations-list .room::before {
  content: "";
  display: block;
  position: absolute;
  top: 3.8125rem; /* 61px */
  right: 5.3125rem; /* 85px */
  height: 37.5rem; /* 600px */
  width: 31.25rem; /* 500px */
  z-index: 0;
  background: url(inc/assets/svg/arch.svg) no-repeat top left;
  background-size: 100%;
  pointer-events: none;
}

.accommodations-list .room.even::before {
  right: auto;
  left: 5.3125rem; /* 85px */
}

/* Figure (image + utility) */
.accommodations-list .room figure {
  width: 50%;
  margin: 0;
  position: relative;
}

.accommodations-list .room figure .sym-slides,
.accommodations-list .room figure .each-slide {
  width: 100%;
  opacity: 1;
}

.accommodations-list .room figure .slide {
  display: block;
  overflow: hidden;
  height: 28.125rem; /* 450px */
  width: 100%;
  position: relative;
}

.accommodations-list .room figure .slide img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.accommodations-list .room:hover figure .slide img {
  transform: scale(1.04);
}

.accommodations-list .room figure .room-overlay,
.accommodations-list .room figure .room-expand {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* Utility row beneath image */
.accommodations-list .room figure .utility {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.1875rem; /* 35px */
  margin-top: 1.25rem; /* 20px */
  flex-wrap: wrap;
}

.accommodations-list .room .utility a.learn-btn,
.accommodations-list .room .utility a.video-btn {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem; /* 12px */
  letter-spacing: 0.125rem; /* 2px */
  text-transform: uppercase;
  color: #222;
  text-decoration: none;
  padding: 0.75rem 0;
  transition: color 0.25s ease;
}

.accommodations-list .room .utility a.learn-btn:hover,
.accommodations-list .room .utility a.video-btn:hover,
.accommodations-list .room .utility a.learnmore:hover {
  color: #c19383;
}

.accommodations-list .room .utility a.video-btn {
  position: relative;
  text-transform: capitalize;
  padding-left: 1.875rem; /* 30px */
}

.accommodations-list .room .utility a.video-btn::before {
  content: "";
  background: url(inc/assets/images/icon-video.png) no-repeat center top;
  position: absolute;
  height: 1.25rem; /* 20px */
  width: 1.25rem;
  background-size: contain;
  left: 0.25rem; /* 4px */
  top: 50%;
  transform: translateY(-50%);
}

.accommodations-list .room .utility a.learnmore {
  font-family: "Commissioner", sans-serif;
  text-transform: uppercase;
  font-size: 0.75rem; /* 12px */
  letter-spacing: 0.125rem; /* 2px */
  border-bottom: 1px solid #c19383;
  padding: 0.75rem 2.1875rem 0.75rem 1.25rem; /* 12px 35px 12px 20px */
  background: url(inc/assets/svg/plus.svg) no-repeat right 0.625rem center;
  background-size: 0.75rem; /* ~12px */
  color: #222;
  text-decoration: none;
  transition: color 0.25s ease, border-color 0.25s ease;
}

.accommodations-list .room .utility a.learnmore:hover {
  border-bottom-color: #222;
}

/* Copy column */
.accommodations-list .room__copy {
  width: 30%;
  margin-left: 3.125rem; /* 50px */
  padding-right: 3.125rem;
  z-index: 55;
  position: relative;
  text-align: center;
}

.accommodations-list .room.even .room__copy {
  margin-left: 0;
  margin-right: 3.125rem;
  padding-right: 0;
  padding-left: 3.125rem;
}

.accommodations-list h2 {
  margin: 3.75rem 0 1.25rem; /* 60px 0 20px */
  font-family: "Source Serif Pro", serif;
  font-weight: 300;
  font-size: 1.875rem; /* 30px */
  color: #222;
  text-align: center;
  line-height: 1.25;
}

.accommodations-list h2 span {
  display: block;
  font-family: "Commissioner", sans-serif;
  text-transform: uppercase;
  font-style: normal !important;
  font-weight: 500;
  margin-bottom: 0.625rem;
  font-size: 0.9375rem; /* 15px */
  letter-spacing: 0.125rem;
  color: #c19383;
}

.accommodations-list p {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.75;
  font-weight: 300;
  color: #444;
  margin: 0 0 1.25rem;
  text-align: center;
}

/* Room features (sq ft + floor plans) */
.accommodations-list .room-features {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0.625rem 0 0;
  font-size: 0.8125rem; /* 13px */
  font-weight: 300;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.accommodations-list .room-features div {
  margin-bottom: 1.5625rem; /* 25px */
  padding-left: 2.5rem; /* 40px */
  line-height: 2.0625rem; /* 33px */
  letter-spacing: 0.0625rem;
  font-weight: 400;
  text-align: left;
  min-height: 2.0625rem;
}

.accommodations-list .room-features div a {
  color: #222;
  text-decoration: none;
  border-bottom: 1px solid #c19383;
  padding-bottom: 2px;
  transition: color 0.25s ease;
}

.accommodations-list .room-features div a:hover {
  color: #c19383;
}

.accommodations-list .room-features .size {
  background: url(inc/assets/svg/icon-footage.svg) no-repeat left center;
  background-size: 1.875rem; /* 30px */
  max-width: 13.125rem; /* 210px */
  width: 11.25rem; /* 180px */
  text-align: left;
}

.accommodations-list .room-features .floorplan {
  background: url(inc/assets/svg/icon-floorplan.svg) no-repeat left center;
  background-size: 1.875rem;
  max-width: 10rem; /* 160px */
  padding-left: 2.5rem;
}

/* Buttons */
.accommodations-list .buttons {
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
  margin-top: 0.75rem;
}

/* Button (live-site .btn rules, full pattern) */
.accommodations-list .room .btn {
  position: relative;
  display: inline-block;
  min-width: 9.375rem; /* 150px */
  height: 2.5625rem; /* 41px */
  line-height: 2.625rem; /* 42px */
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.accommodations-list .room .btn::before,
.accommodations-list .room .btn::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background: #c19383;
  transition: all 0.3s ease;
}

/* Right vertical line — full height always */
.accommodations-list .room .btn::before {
  height: 100%;
  width: 1px;
}

/* Bottom horizontal line — 70% width grows to 100% on hover */
.accommodations-list .room .btn::after {
  width: 70%;
  height: 1px;
}

.accommodations-list .room .btn:hover::before { height: 100%; }
.accommodations-list .room .btn:hover::after { width: 100%; }

.accommodations-list .room .btn span {
  font-family: "Commissioner", sans-serif;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  color: #222;
  letter-spacing: 0.125rem;
  font-size: 0.75rem;
  padding: 0 1.25rem;
  font-weight: 400;
}

.accommodations-list .room .btn span::before,
.accommodations-list .room .btn span::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: #c19383;
  transition: all 0.3s ease;
}

/* Left vertical line — full height always */
.accommodations-list .room .btn span::before {
  width: 1px;
  height: 100%;
}

/* Top horizontal line — 70% grows to 100% on hover */
.accommodations-list .room .btn span::after {
  width: 70%;
  height: 1px;
}

.accommodations-list .room .btn:hover span::before { height: 100%; }
.accommodations-list .room .btn:hover span::after { width: 100%; }

.accommodations-list .room .btn:hover span { color: #c19383; }

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
  .accommodations-list .room__copy {
    width: 50%;
  }
}

@media (max-width: 991px) {
  .accom-intro-section {
    padding: 3.75rem 0 1.5rem;
  }

  .accom-title {
    font-size: 1.625rem;
  }

  .accom-title em {
    font-size: 2.75rem;
  }

  .accommodations-block {
    padding: 3rem 0 1rem;
  }

  .accommodations-list .room,
  .accommodations-list .room.even {
    flex-direction: column;
    width: 100%;
    padding: 1.25rem 0 0;
    margin: 2.5rem 0;
    align-items: center;
  }

  .accommodations-list .room::before,
  .accommodations-list .room.even::before {
    background: none;
    z-index: -30;
  }

  .accommodations-list .room figure {
    width: 100%;
    margin-left: 0;
  }

  .accommodations-list .room figure .slide {
    height: 14.375rem; /* 230px */
  }

  .accommodations-list .room figure .slide img {
    height: auto;
  }

  .accommodations-list .room__copy,
  .accommodations-list .room.even .room__copy {
    width: 100% !important;
    margin: 0;
    padding: 0 1rem;
  }

  .accommodations-list h2 {
    text-align: center;
    margin: 1.25rem 0;
  }

  .accommodations-list p {
    text-align: center;
  }

  .accommodations-list .room-features {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 575px) {
  .accom-title em {
    font-size: 2.25rem;
  }

  .accommodations-list .room figure .utility {
    gap: 1rem;
  }
}

/* ==========================================================================
   Dining Page
   ========================================================================== */

.resort-hero--dining {
  position: relative;
  width: 100%;
  height: 60vh;
  min-height: 28rem;
  overflow: hidden;
}

/* ---------- Intro ---------- */
.dining-intro {
  background: #f7efed;
  padding: 5rem 0 4.5rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.dining-intro .container {
  max-width: 48rem;
  position: relative;
  z-index: 2;
}

.dining-intro__icon {
  width: 3rem;
  height: 3rem;
  margin: 0 auto 1.5rem;
}

.dining-intro__icon svg {
  width: 100%;
  height: 100%;
}

.dining-intro .eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #7c7c7c;
  margin: 0 0 2rem;
}

.dining-intro .intro-copy {
  font-family: "Source Serif Pro", serif;
  font-size: 2rem; /* 32px */
  font-weight: 300;
  line-height: 1.35;
  color: #222;
  margin: 0 0 2.25rem;
}

.dining-intro .michelin {
  margin-bottom: 2rem;
}

.dining-intro .michelin img {
  max-width: 7.5rem;
  height: auto;
}

.dining-intro__cta {
  margin-top: 0.5rem;
}

/* Decorative line-art illustration on the right edge */
.dining-intro::after {
  content: "";
  position: absolute;
  right: -2.5rem;
  bottom: -1rem;
  width: 20rem;
  height: 25rem;
  background: url(inc/assets/svg/arch.svg) no-repeat right bottom;
  background-size: contain;
  opacity: 0.3;
  pointer-events: none;
  z-index: 1;
}

/* ---------- Dark banner (Savor the Flavors) ---------- */
.dining-banner {
  background-color: #c19383;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 21.875rem; /* 350px */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5rem 1.5rem;
  text-align: center;
}

.dining-banner__title {
  font-family: "Source Serif Pro", serif;
  font-weight: 200;
  font-size: 3.125rem; /* 50px */
  color: #fff;
  margin: 0;
  max-width: 50rem;
  line-height: 1.2;
}

.dining-banner__title em {
  font-style: italic;
}

/* ---------- Restaurant blocks ---------- */
.dining-restaurant {
  padding: 6rem 0;
  position: relative;
}

.dining-restaurant--dark {
  background: #2f2f2f;
  color: #fff;
}

.dining-restaurant--light {
  background: #d4a89a; /* muted primary */
  color: #222;
}

.dining-restaurant .container {
  max-width: 75rem;
}

.dining-restaurant__grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
}

.dining-restaurant__grid--reverse {
  flex-direction: row-reverse;
}

.dining-restaurant__text {
  flex: 1 1 45%;
  max-width: 32rem;
}

.dining-restaurant__image {
  flex: 1 1 50%;
  margin: 0;
  overflow: hidden;
}

.dining-restaurant__image img {
  width: 100%;
  height: auto;
  display: block;
}

.dining-restaurant__image--wide {
  flex: 1 1 55%;
}

/* Section eyebrow */
.section-eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1.5rem;
}

.section-eyebrow .dash {
  width: 2.5rem;
  height: 1px;
  background: currentColor;
  display: inline-block;
}

.section-eyebrow--dark {
  color: #3a2f2a;
}

/* Restaurant titles */
.restaurant-title {
  font-family: "Source Serif Pro", serif;
  font-weight: 200;
  font-size: 3.125rem; /* 50px */
  line-height: 1.05;
  color: #fff;
  margin: 0 0 1.75rem;
}

.restaurant-title em {
  display: block;
  font-style: italic;
  font-weight: 200;
  font-size: 3.125rem;
  padding-left: 2.5rem;
  margin-top: 0.25rem;
  color: #fff;
}

.restaurant-title--dark,
.restaurant-title--dark em {
  color: #3a2f2a;
}

/* Copy */
.restaurant-copy p {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.75;
  font-weight: 300;
  color: #e8e2df;
  margin: 0 0 1rem;
}

.restaurant-copy .hours {
  margin: 0;
}

.restaurant-copy--dark p {
  color: #3a2f2a;
}

/* CTA row */
.restaurant-ctas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.5rem;
  margin-top: 2rem;
}

/* Corner-border btn (reusing live-site pattern) */
.btn.btn--corner {
  position: relative;
  display: inline-block;
  min-width: 13.125rem; /* 210px */
  height: 2.75rem;
  line-height: 2.75rem;
  text-align: center;
  text-decoration: none;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.btn.btn--corner span {
  font-family: "Commissioner", sans-serif;
  z-index: 1;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.125rem;
  font-size: 0.75rem;
  padding: 0 1.25rem;
  font-weight: 400;
}

/* Lines: right vertical always full; bottom horizontal 70% -> 100% */
.btn.btn--corner::before,
.btn.btn--corner::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background: #c19383;
  transition: all 0.3s ease;
  pointer-events: none;
}

.btn.btn--corner::before { height: 100%; width: 1px; }
.btn.btn--corner::after  { width: 70%; height: 1px; }

/* Left vertical always full; top horizontal 70% -> 100% */
.btn.btn--corner span::before,
.btn.btn--corner span::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: #c19383;
  transition: all 0.3s ease;
  pointer-events: none;
}

.btn.btn--corner span::before { width: 1px; height: 100%; }
.btn.btn--corner span::after  { width: 70%; height: 1px; }

.btn.btn--corner:hover::after,
.btn.btn--corner:hover span::after { width: 100%; }

.btn.btn--corner:hover span { color: #c19383; }

/* Dark-on-light variant */
.btn.btn--corner.btn--dark span { color: #fff; }
.btn.btn--corner.btn--dark::before,
.btn.btn--corner.btn--dark::after,
.btn.btn--corner.btn--dark span::before,
.btn.btn--corner.btn--dark span::after { background: #3a2f2a; }
.btn.btn--corner.btn--dark:hover span { color: #fff; }

/* Dresscode link */
.link-underline {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #c19383;
  padding-bottom: 0.25rem;
  transition: color 0.25s ease;
}

.link-underline:hover { color: #c19383; }

.link-underline--dark {
  color: #3a2f2a;
  border-bottom-color: #3a2f2a;
}

.link-underline--dark:hover { color: #fff; }

/* ---------- Decorative Arch + cocoa section ---------- */
.dining-decor {
  background: #2f2f2f;
  padding: 4rem 0 6rem;
  overflow: hidden;
}

.dining-decor__wrap {
  position: relative;
  max-width: 75rem;
  margin: 0 auto;
  min-height: 25rem;
  padding: 0 1.5rem;
}

.dining-decor__arch {
  position: relative;
  width: 18rem;
  height: 22rem;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 9rem 9rem 0 0;
  z-index: 2;
}

.dining-decor__arch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.dining-decor__back {
  position: absolute;
  right: 0;
  top: 0;
  width: 45%;
  margin: 0;
  opacity: 0.85;
  z-index: 1;
}

.dining-decor__back img {
  width: 100%;
  height: auto;
  display: block;
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
  .dining-intro .intro-copy {
    font-size: 1.5rem;
  }

  .dining-banner__title {
    font-size: 2rem;
  }

  .dining-restaurant {
    padding: 3.5rem 0;
  }

  .dining-restaurant__grid,
  .dining-restaurant__grid--reverse {
    flex-direction: column;
    gap: 2.5rem;
  }

  .dining-restaurant__text,
  .dining-restaurant__image {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .restaurant-title,
  .restaurant-title em {
    font-size: 2.25rem;
  }

  .restaurant-title em {
    padding-left: 1.5rem;
  }

  .dining-decor__back {
    display: none;
  }
}

@media (max-width: 575px) {
  .btn.btn--corner {
    min-width: 100%;
  }

  .restaurant-ctas {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ==========================================================================
   Gallery Page
   ========================================================================== */

.gallery-intro {
  background: #f7efed;
  padding-top: 8.75rem;
  padding-bottom: 0;
}

.gallery-intro h1 {
  margin: 0;
  min-height: 1px;
}

.gallery-page {
  background: #f7efed;
  padding-bottom: 4.375rem;
  position: relative;
}

.gallery-page__list {
  max-width: 83.125rem;
  margin: 0 auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.gallery-page__text h2 {
  font-family: "Source Serif Pro", serif;
  font-size: 2.1875rem;
  font-weight: 300;
  color: #222;
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 3.75rem;
  margin-bottom: 2.5rem;
  line-height: 1.2;
}

.gallery-page__text h2 em {
  font-style: italic;
  font-weight: 300;
}

.gallery-page .grid {
  column-count: 3;
  column-gap: 1.25rem;
}

.gallery-page .grid figure {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  margin: 0 0 1.25rem;
  break-inside: avoid;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  height: 18.75rem;
}

/* Vary heights for organic masonry feel */
.gallery-page .grid figure:nth-child(3n+1) { height: 31.25rem; }
.gallery-page .grid figure:nth-child(3n+2) { height: 18.75rem; }
.gallery-page .grid figure:nth-child(3n+3) { height: 25rem; }
.gallery-page .grid figure:nth-child(6n+4) { height: 22rem; }
.gallery-page .grid figure:nth-child(7n+5) { height: 28rem; }

.gallery-page .grid figure a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
}

.gallery-page .grid figure .content-overlay {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

.gallery-page .grid figure a:hover .content-overlay {
  opacity: 1;
}

.gallery-page .grid figure .content-overlay span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.125rem;
  height: 3.125rem;
  background: url('inc/assets/svg/expand.svg') no-repeat center center;
  background-size: contain;
  z-index: 5;
}

/* Show border instead if svg is missing */
.gallery-page .grid figure .content-overlay span::before {
  content: "";
  position: absolute;
  inset: 0.9375rem;
  border: 1px solid #fff;
}

.gallery-page .grid figure .content-overlay span::after {
  content: "+";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: "Source Serif Pro", serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1;
}

@media (max-width: 991px) {
  .gallery-page .grid {
    column-count: 2;
    column-gap: 0.9375rem;
  }
  .gallery-page .grid figure,
  .gallery-page .grid figure:nth-child(3n+1),
  .gallery-page .grid figure:nth-child(3n+2),
  .gallery-page .grid figure:nth-child(3n+3),
  .gallery-page .grid figure:nth-child(6n+4),
  .gallery-page .grid figure:nth-child(7n+5) {
    height: 15.625rem;
    margin-bottom: 0.9375rem;
  }
  .gallery-page .grid figure:nth-child(5n+1) { height: 21.875rem; }
  .gallery-page__text h2 {
    font-size: 1.875rem;
    padding-top: 2.5rem;
  }
  .gallery-intro { padding-top: 6.25rem; }
}

@media (max-width: 575px) {
  .gallery-page .grid {
    column-count: 1;
  }
  .gallery-page .grid figure,
  .gallery-page .grid figure:nth-child(3n+1),
  .gallery-page .grid figure:nth-child(3n+2),
  .gallery-page .grid figure:nth-child(3n+3),
  .gallery-page .grid figure:nth-child(5n+1),
  .gallery-page .grid figure:nth-child(6n+4),
  .gallery-page .grid figure:nth-child(7n+5) {
    height: 15rem;
  }
  .gallery-page__text h2 {
    font-size: 1.625rem;
    padding-top: 1.875rem;
    margin-bottom: 1.5rem;
  }
  .gallery-intro { padding-top: 5rem; }
}

/* ==========================================================================
   Offers Page
   ========================================================================== */

.resort-hero--offers .resort-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.offers-intro {
  background: #f7efed;
  text-align: center;
  padding: 5rem 1.25rem 3.75rem;
}

.offers-intro__icon {
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 auto 1.25rem;
}

.offers-intro__icon svg {
  width: 100%;
  height: 100%;
}

.offers-intro .eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.8125rem;
  letter-spacing: 0.15em;
  color: #7c7c7c;
  text-transform: uppercase;
  margin: 0 0 1.25rem;
  font-weight: 400;
}

.offers-intro__title {
  font-family: "Source Serif Pro", serif;
  font-size: 2.8125rem;
  font-weight: 300;
  font-style: italic;
  color: #222;
  line-height: 1.15;
  margin: 0;
  max-width: 50rem;
  margin-inline: auto;
}

/* Specials list */
.specials-list {
  background-color: #f7efed;
  padding: 2.5rem 0 5rem;
}

.specials-list > .container {
  max-width: 68.75rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.specials-list__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 5rem;
  position: relative;
  gap: 2.5rem;
}

.specials-list__item:nth-child(even) {
  flex-direction: row-reverse;
}

.specials-list__item .number {
  font-family: "Source Serif Pro", serif;
  font-size: clamp(5.625rem, 9vw, 7.5rem);
  color: rgba(193, 147, 131, 0.3);
  font-weight: 400;
  font-style: italic;
  line-height: 1;
  align-self: flex-start;
  margin-right: -0.5em;
  position: relative;
  z-index: 0;
  white-space: nowrap;
}

.specials-list__item:nth-child(even) .number {
  align-self: flex-end;
  margin-right: 0;
  margin-left: -0.5em;
  order: 2;
}

.specials-list__item figure {
  flex-basis: 42%;
  max-width: 42%;
  position: relative;
  margin: 0;
}

.specials-list__item figure img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 7 / 5;
  object-fit: cover;
}

.specials-list__item figure.mask img {
  aspect-ratio: 6 / 7;
  border-radius: 50%;
}

.specials-list__item aside {
  flex-basis: 50%;
  max-width: 50%;
}

.specials-list__item aside .content {
  max-width: 26.25rem;
}

.specials-list__item:nth-child(even) aside .content {
  margin-left: auto;
}

.specials-list__item .title {
  font-family: "Source Serif Pro", serif;
  font-size: clamp(2.1875rem, 3.2vw, 3.125rem);
  color: #222;
  font-style: italic;
  font-weight: 300;
  line-height: 1.18;
  margin: 0 0 1.5625rem;
}

.specials-list__item .title em {
  font-style: italic;
  font-weight: 300;
}

.specials-list__item .text {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.7;
  color: #444;
  margin-bottom: 1.75rem;
}

.specials-list__item .text p {
  margin: 0 0 0.9375rem;
}

.specials-list__item .text ul {
  padding-left: 1.125rem;
  margin: 0.625rem 0;
}

.specials-list__item .text ul li {
  margin-bottom: 0.375rem;
}

.specials-list__item .text a.link-underline {
  color: #c19383;
  text-decoration: underline;
}

.specials-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  align-items: center;
  margin-top: 1.25rem;
}

.specials-list__item .btn--learn {
  display: inline-block;
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #222;
  text-decoration: none;
  padding: 0.625rem 0;
  border: none;
  background: transparent;
  position: relative;
  cursor: pointer;
}

.specials-list__item .btn--learn span {
  display: inline-block;
  position: relative;
  padding-bottom: 0.375rem;
}

.specials-list__item .btn--learn span::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #c19383;
  transition: width 0.3s ease;
}

.specials-list__item .btn--learn:hover span::after {
  width: 60%;
}

.specials-list__lightbox {
  max-width: min(90%, 31.25rem);
  font-family: "Commissioner", sans-serif;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #444;
  margin-top: 1.25rem;
  padding: 1.25rem;
  background: #fff;
  border: 1px solid rgba(193, 147, 131, 0.3);
}

.specials-list__lightbox[hidden] {
  display: none;
}

.specials-list__lightbox.is-open {
  display: block;
}

.specials-list__lightbox p {
  margin: 0 0 0.625rem;
}

.specials-list__lightbox ul {
  padding-left: 1.125rem;
  margin: 0.625rem 0;
}

@media (max-width: 991px) {
  .specials-list__item,
  .specials-list__item:nth-child(even) {
    flex-direction: column;
    gap: 1.5625rem;
    padding-bottom: 3.75rem;
  }
  .specials-list__item figure,
  .specials-list__item aside {
    flex-basis: 100%;
    max-width: 100%;
  }
  .specials-list__item figure {
    max-width: 31.25rem;
    margin: 0 auto;
  }
  .specials-list__item aside .content,
  .specials-list__item:nth-child(even) aside .content {
    margin: 0 auto;
    max-width: 34.375rem;
    text-align: left;
  }
  .specials-list__item .number,
  .specials-list__item:nth-child(even) .number {
    align-self: flex-start;
    order: -1;
    margin: 0;
    font-size: 4.375rem;
  }
  .offers-intro__title {
    font-size: 2.125rem;
  }
  .offers-intro {
    padding: 3.75rem 1.25rem 2.5rem;
  }
}

@media (max-width: 575px) {
  .offers-intro__title {
    font-size: 1.75rem;
  }
  .specials-list__item .title {
    font-size: 1.75rem;
  }
  .specials-ctas {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9375rem;
  }
  .specials-list {
    padding: 1.5625rem 0 2.5rem;
  }
}

/* ==========================================================================
   Concierge Services Page
   ========================================================================== */

/* ----- Intro ----- */
.concierge-intro {
  background: #f7efed;
  text-align: center;
  padding: 6.25rem 1.25rem 5.625rem;
  position: relative;
}

.concierge-intro__icon {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 1.875rem;
}
.concierge-intro__icon svg { width: 100%; height: 100%; }

.concierge-intro .eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  color: #7c7c7c;
  text-transform: uppercase;
  margin: 0;
  font-weight: 400;
  line-height: 2;
}
.concierge-intro .eyebrow--accent { margin-bottom: 2.5rem; }

.concierge-intro__copy {
  font-family: "Source Serif Pro", serif;
  font-size: 1.4375rem;
  font-style: italic;
  font-weight: 300;
  color: #222;
  line-height: 1.45;
  max-width: 41.875rem;
  margin: 0 auto;
}
.concierge-intro__copy p { margin: 0 0 0.3125rem; }

/* ----- Meet the Team ----- */
.concierge-team {
  background: #f7efed;
  padding: 1.875rem 1.25rem 6.25rem;
}
.concierge-team .container {
  max-width: 71.25rem;
  margin: 0 auto;
}

.concierge-team__eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.25em;
  color: #7c7c7c;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 3.125rem;
  font-weight: 400;
}

.concierge-team__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5rem;
}

.team-member { text-align: left; }

.team-member__photo {
  margin: 0 0 1.875rem;
  overflow: hidden;
}
.team-member__photo img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.team-member__name {
  font-family: "Source Serif Pro", serif;
  font-size: 1.875rem;
  font-weight: 300;
  color: #222;
  font-style: italic;
  margin: 0 0 0.625rem;
  line-height: 1.2;
}

.team-member__title {
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  color: #888;
  text-transform: uppercase;
  margin: 0 0 1.5rem;
  font-weight: 500;
}

.team-member__bio {
  font-family: "Commissioner", sans-serif;
  font-size: 0.875rem;
  line-height: 1.75;
  color: #444;
  margin: 0;
  font-weight: 300;
}

.concierge-team__divider {
  width: 2.1875rem;
  height: 2.1875rem;
  margin: 4.375rem auto 0;
}
.concierge-team__divider svg { width: 100%; height: 100%; }

/* ----- Activities (dark) ----- */
.concierge-activities {
  background: #2a2a2a;
  color: #fff;
  padding: 6.875rem 1.25rem;
  position: relative;
}
.concierge-activities .container {
  max-width: 71.25rem;
  margin: 0 auto;
}

.concierge-activity {
  display: flex;
  align-items: center;
  gap: 5rem;
  margin-bottom: 4.375rem;
}
.concierge-activity:last-child { margin-bottom: 0; }
.concierge-activity--right { flex-direction: row-reverse; }

.concierge-activity__image {
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0;
  position: relative;
}
.concierge-activity__image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 5 / 4;
  object-fit: cover;
}

/* Arched top — matches live site .img-1.border */
.concierge-activity__image--mask img {
  border-top-left-radius: 50% 60%;
  border-top-right-radius: 50% 60%;
}

.concierge-activity__text {
  flex: 1;
  max-width: 27.5rem;
}

.concierge-activity__title {
  font-family: "Source Serif Pro", serif;
  font-weight: 300;
  color: #fff;
  line-height: 1.05;
  margin: 0 0 1.875rem;
  font-size: 3.75rem;
}
.concierge-activity__title em {
  display: block;
  font-style: italic;
  font-size: 2.1875rem;
  margin-top: 0.3125rem;
  margin-left: 0.625rem;
  font-weight: 300;
  color: #fff;
}

.concierge-activity__text p {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.78);
  margin: 0 0 1rem;
  font-weight: 300;
}

.concierge-activity__text .btn--corner {
  margin-top: 1.875rem;
}

/* Dark variant of corner button */
.btn.btn--corner.btn--dark {
  color: #fff;
}
.btn.btn--corner.btn--dark::before,
.btn.btn--corner.btn--dark::after,
.btn.btn--corner.btn--dark span::before,
.btn.btn--corner.btn--dark span::after {
  background: #fff;
}
.btn.btn--corner.btn--dark:hover {
  color: #C19383;
}
.btn.btn--corner.btn--dark:hover::before,
.btn.btn--corner.btn--dark:hover::after,
.btn.btn--corner.btn--dark:hover span::before,
.btn.btn--corner.btn--dark:hover span::after {
  background: #C19383;
}

.concierge-activities__divider {
  width: 2.1875rem;
  height: 2.1875rem;
  margin: 0 auto 3.75rem;
  opacity: 0.85;
}
.concierge-activities__divider svg { width: 100%; height: 100%; }

/* ----- Activities Submission Form ----- */
.concierge-form {
  background: #f7efed;
  padding: 5.625rem 1.25rem 7.5rem;
  position: relative;
  overflow: hidden;
}
.concierge-form .container {
  max-width: 60rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.concierge-form__title {
  font-family: "Source Serif Pro", serif;
  font-size: 3.125rem;
  font-weight: 300;
  font-style: italic;
  color: #222;
  text-align: center;
  margin: 0 0 3.75rem;
  line-height: 1.1;
}
.concierge-form__title em { font-style: italic; }

.activities-form {
  background: #fff;
  border-radius: 1.25rem 1.25rem 0 0;
  padding: 3.75rem 4.375rem 3.125rem;
  box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.04);
}

.activities-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.125rem;
  margin-bottom: 1.875rem;
}

.activities-form__field {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  position: relative;
}
.activities-form__field--full { margin-bottom: 1.875rem; }

.activities-form__field label,
.activities-form__checkboxes legend {
  font-family: "Commissioner", sans-serif;
  font-size: 0.8125rem;
  letter-spacing: 0.03em;
  color: #555;
  font-weight: 400;
}

.activities-form__field input {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  background: transparent;
  padding: 0.625rem 0;
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  color: #222;
  outline: none;
  border-radius: 0;
  transition: border-color 0.2s ease;
}
.activities-form__field input:focus { border-bottom-color: #c19383; }

.activities-form__checkboxes {
  border: none;
  padding: 1.25rem 0 0;
  margin: 0 0 1.875rem;
}
.activities-form__checkboxes legend {
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: #888;
  font-size: 0.6875rem;
  margin-bottom: 1.5625rem;
  font-weight: 500;
}

.activities-form__checkbox-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.875rem 1.875rem;
  max-width: 41.25rem;
  margin: 0 auto;
}

.activities-form__checkbox-grid label,
.activities-form__gdpr label {
  font-family: "Commissioner", sans-serif;
  font-size: 0.8125rem;
  color: #444;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  cursor: pointer;
  font-weight: 300;
  line-height: 1.4;
}

.activities-form__checkbox-grid input[type="checkbox"],
.activities-form__gdpr input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 0.9375rem;
  height: 0.9375rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 0.125rem;
  background: #fff;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  margin: 0;
}
.activities-form__checkbox-grid input[type="checkbox"]:checked,
.activities-form__gdpr input[type="checkbox"]:checked {
  background: #c19383;
  border-color: #c19383;
}
.activities-form__checkbox-grid input[type="checkbox"]:checked::after,
.activities-form__gdpr input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 0.25rem;
  top: 0.0625rem;
  width: 0.25rem;
  height: 0.5rem;
  border: solid #fff;
  border-width: 0 0.0625rem 0.0625rem 0;
  transform: rotate(45deg);
}

.activities-form__gdpr {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin: 1.875rem 0 0;
  padding-top: 1.5625rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.activities-form__gdpr a {
  color: #c19383;
  text-decoration: underline;
}

.activities-form__submit {
  text-align: center;
  margin-top: 2.5rem;
}

/* ----- Responsive ----- */
@media (max-width: 991px) {
  .concierge-intro { padding: 4.375rem 1.25rem 3.75rem; }
  .concierge-intro__copy { font-size: 1.125rem; }

  .concierge-team__grid {
    grid-template-columns: 1fr;
    gap: 3.75rem;
  }
  .concierge-team { padding-bottom: 3.75rem; }

  .concierge-activities { padding: 4.375rem 1.25rem; }
  .concierge-activity,
  .concierge-activity--right {
    flex-direction: column;
    gap: 2.5rem;
    margin-bottom: 3.125rem;
  }
  .concierge-activity__image,
  .concierge-activity__text {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .concierge-activity__title { font-size: 2.5rem; }
  .concierge-activity__title em { font-size: 1.625rem; margin-left: 0.3125rem; }

  .concierge-form { padding: 3.75rem 1.25rem 5rem; }
  .concierge-form__title { font-size: 2.1875rem; margin-bottom: 2.5rem; }
  .activities-form { padding: 2.5rem 1.875rem; }
  .activities-form__row {
    grid-template-columns: 1fr;
    gap: 1.5625rem;
    margin-bottom: 1.5625rem;
  }
  .activities-form__checkbox-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 575px) {
  .activities-form__checkbox-grid { grid-template-columns: 1fr; }
  .concierge-activity__title { font-size: 2.0625rem; }
  .concierge-activity__title em { font-size: 1.375rem; }
  .concierge-form__title { font-size: 1.75rem; }
  .activities-form { padding: 2rem 1.25rem; }
}

/* ==========================================================================
   Grenada Page
   ========================================================================== */

/* ----- Intro ----- */
.grenada-intro {
  background: #f7efed;
  text-align: center;
  padding: 5.625rem 1.25rem 6.25rem;
  position: relative;
  overflow: hidden;
}

.grenada-intro__deco {
  position: absolute;
  right: -1.875rem;
  top: 50%;
  transform: translateY(-50%);
  width: 18.75rem;
  height: 30rem;
  pointer-events: none;
  opacity: 0.7;
}
.grenada-intro__deco svg { width: 100%; height: 100%; }

.grenada-intro .container {
  max-width: 56.25rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.grenada-intro__icon {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 1.5rem;
}
.grenada-intro__icon svg { width: 100%; height: 100%; }

.grenada-intro .eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.22em;
  color: #7c7c7c;
  text-transform: uppercase;
  margin: 0 0 1.875rem;
  font-weight: 400;
}

.grenada-intro__title {
  font-family: "Source Serif Pro", serif;
  font-size: 2.1875rem;
  font-weight: 300;
  color: #222;
  line-height: 1.35;
  margin: 0;
}
.grenada-intro__title em { font-style: normal; }

/* ----- Two-image bands ----- */
.grenada-twoimages {
  position: relative;
  padding: 0;
}
.grenada-twoimages--dark { background: #2a2a2a; }
.grenada-twoimages--primary { background: #C19383; }

.grenada-twoimages__inner {
  max-width: 75rem;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: stretch;
  padding: 0 1.25rem;
  min-height: 25rem;
}

.grenada-twoimages__primary {
  margin: 0;
  width: 45%;
  position: relative;
  z-index: 2;
  transform: translateY(-3.125rem);
}
.grenada-twoimages__primary img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.grenada-twoimages__secondary {
  margin: 0;
  width: 55%;
  position: relative;
  z-index: 1;
  align-self: center;
  margin-left: -8%;
}
.grenada-twoimages__secondary img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 7 / 5;
  object-fit: cover;
  border-top-left-radius: 50% 60%;
  border-top-right-radius: 50% 60%;
}

/* ----- Content blocks ----- */
.grenada-block {
  padding: 6.25rem 1.25rem;
  position: relative;
}
.grenada-block--primary {
  background: #C19383;
  color: #fff;
}
.grenada-block--cream {
  background: #f7efed;
  color: #222;
}

.grenada-block .container {
  max-width: 71.25rem;
  margin: 0 auto;
}

.grenada-block__row {
  display: flex;
  align-items: center;
  gap: 5rem;
}
.grenada-block__row--right { flex-direction: row; }
.grenada-block__row--left { flex-direction: row; }

.grenada-block__image {
  flex: 0 0 45%;
  max-width: 45%;
  margin: 0;
}
.grenada-block__image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.grenada-block__image--portrait img {
  aspect-ratio: 3 / 5;
}

.grenada-block__text {
  flex: 1;
  max-width: 28.75rem;
}

.grenada-block .section-eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-weight: 400;
}
.grenada-block--cream .section-eyebrow { color: #7c7c7c; }

.grenada-block .section-eyebrow .dash {
  display: inline-block;
  width: 1.875rem;
  height: 1px;
  background-color: currentColor;
}

.grenada-block__title {
  font-family: "Source Serif Pro", serif;
  font-size: 3.75rem;
  font-weight: 300;
  color: inherit;
  line-height: 1.05;
  margin: 0 0 1.875rem;
  font-style: normal;
}
.grenada-block__title em {
  display: block;
  font-style: italic;
  font-size: 2rem;
  margin-top: 0.3125rem;
  margin-left: 0.625rem;
  font-weight: 300;
}

.grenada-block__copy {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.75;
  color: inherit;
  font-weight: 300;
}
.grenada-block--primary .grenada-block__copy { color: rgba(255, 255, 255, 0.92); }
.grenada-block--primary .grenada-block__copy strong { color: #fff; font-weight: 500; }
.grenada-block--cream .grenada-block__copy { color: #444; }

.grenada-block__copy p { margin: 0 0 1rem; }

/* ----- Responsive ----- */
@media (max-width: 991px) {
  .grenada-intro { padding: 3.75rem 1.25rem 4.375rem; }
  .grenada-intro__title { font-size: 1.625rem; }
  .grenada-intro__deco { display: none; }

  .grenada-block { padding: 4.375rem 1.25rem; }
  .grenada-block__row,
  .grenada-block__row--right,
  .grenada-block__row--left {
    flex-direction: column;
    gap: 2.5rem;
  }
  .grenada-block__image,
  .grenada-block__text {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .grenada-block__title { font-size: 2.5rem; }
  .grenada-block__title em { font-size: 1.5rem; }

  .grenada-twoimages__inner {
    flex-direction: column;
    min-height: 0;
    padding: 0;
  }
  .grenada-twoimages__primary,
  .grenada-twoimages__secondary {
    width: 100%;
    margin: 0;
    transform: none;
  }
  .grenada-twoimages__secondary img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

@media (max-width: 575px) {
  .grenada-intro__title { font-size: 1.375rem; }
  .grenada-block__title { font-size: 2rem; }
  .grenada-block__title em { font-size: 1.25rem; }
}

/* ==========================================================================
   Press Page
   ========================================================================== */

/* ----- Intro ----- */
.press-intro {
  background: #f7efed;
  text-align: center;
  padding: 5.625rem 1.25rem 5rem;
  position: relative;
  overflow: hidden;
}
.press-intro__deco {
  position: absolute;
  right: -1.875rem;
  top: 50%;
  transform: translateY(-50%);
  width: 18.75rem;
  height: 30rem;
  pointer-events: none;
  opacity: 0.7;
}
.press-intro__deco svg { width: 100%; height: 100%; }

.press-intro .container {
  max-width: 50rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.press-intro__icon {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 1.5rem;
}
.press-intro__icon svg { width: 100%; height: 100%; }

.press-intro .eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.22em;
  color: #7c7c7c;
  text-transform: uppercase;
  margin: 0 0 1.875rem;
  font-weight: 400;
}

.press-intro__title {
  font-family: "Source Serif Pro", serif;
  font-size: 2rem;
  font-weight: 300;
  color: #222;
  line-height: 1.35;
  margin: 0;
  font-style: normal;
}

/* ----- Press list ----- */
.press-list {
  background: #f7efed;
  padding: 0 1.25rem 6.25rem;
}
.press-list .container {
  max-width: 60rem;
  margin: 0 auto;
}

.press-list__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  margin: 0 0 4.375rem;
}
.press-list__heading .dash {
  width: 4.375rem;
  height: 1px;
  background: rgba(0, 0, 0, 0.25);
}
.press-list__heading .label {
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.25em;
  color: #888;
  text-transform: uppercase;
  font-weight: 500;
}

.press-list__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4.375rem;
  row-gap: 3.75rem;
}

.press-item {
  text-align: left;
}

.press-item__title {
  font-family: "Source Serif Pro", serif;
  font-size: 1.1875rem;
  font-weight: 300;
  color: #222;
  line-height: 1.4;
  margin: 0 0 1.5625rem;
}

.press-item__link.btn--learn {
  display: inline-block;
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #222;
  text-decoration: none;
  padding: 0.625rem 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: transparent;
  cursor: pointer;
  transition: all 0.25s ease;
  font-weight: 500;
}
.press-item__link.btn--learn:hover {
  border-color: #c19383;
  color: #c19383;
}
.press-item__link.btn--learn span {
  display: inline-block;
}

.press-item__lightbox {
  display: none;
}

/* ----- Modal ----- */
.press-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}
.press-modal.is-open { display: block; }

.press-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}

.press-modal__panel {
  position: relative;
  width: min(56.25rem, calc(100% - 2.5rem));
  max-height: calc(100vh - 3.75rem);
  margin: 1.875rem auto;
  background: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 1.25rem 3.75rem rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  top: 1.25rem;
}

.press-modal__close {
  position: absolute;
  top: 0.625rem;
  right: 0.9375rem;
  background: transparent;
  border: none;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  color: #555;
  z-index: 2;
  font-weight: 300;
  padding: 0.5rem;
}
.press-modal__close:hover { color: #c19383; }

.press-modal__inner {
  padding: 3.125rem 3.125rem 3.125rem;
  overflow-y: auto;
}

.press-modal__title {
  font-family: "Source Serif Pro", serif;
  font-size: 1.625rem;
  font-weight: 300;
  color: #222;
  line-height: 1.3;
  margin: 0 0 1.875rem;
  padding-right: 2.5rem;
}

.press-modal__body {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.7;
  color: #444;
  font-weight: 300;
}
.press-modal__body p { margin: 0 0 1rem; }
.press-modal__body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1.25rem auto;
}
.press-modal__body strong { color: #222; font-weight: 600; }
.press-modal__body a { color: #c19383; text-decoration: underline; }

body.press-modal-open { overflow: hidden; }

/* ----- Responsive ----- */
@media (max-width: 991px) {
  .press-intro { padding: 3.75rem 1.25rem 3.75rem; }
  .press-intro__title { font-size: 1.5rem; }
  .press-intro__deco { display: none; }

  .press-list__grid {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 3.125rem;
  }
  .press-list { padding-bottom: 4.375rem; }
  .press-list__heading { margin-bottom: 3.125rem; }

  .press-modal__inner { padding: 2.5rem 1.875rem; }
  .press-modal__title { font-size: 1.375rem; }
}

@media (max-width: 575px) {
  .press-intro__title { font-size: 1.25rem; }
  .press-item__title { font-size: 1.0625rem; }
  .press-modal__panel {
    width: 100%;
    max-height: 100vh;
    margin: 0;
    border-radius: 0;
    top: 0;
  }
  .press-modal__inner { padding: 2.5rem 1.25rem; }
}

/* ==========================================================================
   Accessibility Page
   ========================================================================== */

.accessibility-label {
  background: #f7efed;
  text-align: center;
  padding: 4.375rem 1.25rem 4.375rem;
}

.accessibility-label__icon {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 1.125rem;
}
.accessibility-label__icon svg { width: 100%; height: 100%; }

.accessibility-label .eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.25em;
  color: #888;
  text-transform: uppercase;
  margin: 0;
  font-weight: 500;
}

.accessibility-body {
  background: #fff;
  padding: 5rem 1.25rem 6.25rem;
}

.accessibility-body .container {
  max-width: 71.25rem;
  margin: 0 auto;
}

.accessibility-body p {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.85;
  color: #333;
  margin: 0 0 1.5rem;
  font-weight: 300;
}

.accessibility-body__contact {
  margin-top: 2.5rem !important;
  line-height: 1.85;
}
.accessibility-body__contact strong {
  font-weight: 500;
  color: #222;
}

.accessibility-link {
  color: #c19383;
  text-decoration: none;
  transition: color 0.2s ease;
}
.accessibility-link:hover {
  color: #a87968;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .accessibility-label { padding: 3.125rem 1.25rem; }
  .accessibility-body { padding: 3.75rem 1.25rem 4.375rem; }
}

@media (max-width: 575px) {
  .accessibility-body p { font-size: 0.875rem; }
}

/* ==========================================================================
   Legal pages (Privacy Policy, etc.)
   ========================================================================== */

.legal-label {
  background: #f7efed;
  text-align: center;
  padding: 4.375rem 1.25rem 4.375rem;
}

.legal-label__icon {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 1.125rem;
}
.legal-label__icon svg { width: 100%; height: 100%; }

.legal-label .eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.25em;
  color: #888;
  text-transform: uppercase;
  margin: 0;
  font-weight: 500;
}

.legal-body {
  background: #fff;
  padding: 5rem 1.25rem 6.25rem;
}

.legal-body .container {
  max-width: 56.25rem;
  margin: 0 auto;
}

.legal-body p {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.85;
  color: #333;
  margin: 0 0 1.5rem;
  font-weight: 300;
}

.legal-body__intro {
  text-align: center;
  color: #888 !important;
  margin-bottom: 2.5rem !important;
}
.legal-body__intro em { font-style: italic; }

.legal-body h2 {
  font-family: "Source Serif Pro", serif;
  font-size: 1.5rem;
  font-weight: 300;
  font-style: italic;
  color: #222;
  margin: 2.5rem 0 1.125rem;
  line-height: 1.3;
}

.legal-body ul {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.85;
  color: #333;
  font-weight: 300;
  padding-left: 1.25rem;
  margin: 0 0 1.5rem;
}

.legal-body ul li {
  margin-bottom: 0.5rem;
}

.legal-body__contact {
  margin-top: 1.25rem !important;
  line-height: 1.85;
}
.legal-body__contact strong {
  font-weight: 500;
  color: #222;
}

.legal-link {
  color: #c19383;
  text-decoration: none;
  transition: color 0.2s ease;
}
.legal-link:hover {
  color: #a87968;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .legal-label { padding: 3.125rem 1.25rem; }
  .legal-body { padding: 3.75rem 1.25rem 4.375rem; }
  .legal-body h2 { font-size: 1.3125rem; margin-top: 2rem; }
}

@media (max-width: 575px) {
  .legal-body p,
  .legal-body ul { font-size: 0.875rem; }
  .legal-body h2 { font-size: 1.1875rem; }
}

/* ==========================================================================
   Homepage Botanical Accent (right side, spans intro->offers transition)
   ========================================================================== */

.section-offers {
  position: relative;
  overflow: hidden;
}

.homepage-botanical-accent {
  position: absolute;
  top: -25rem;
  right: -3.125rem;
  width: 25rem;
  height: auto;
  pointer-events: none;
  z-index: 1;
  opacity: 0.85;
}

/* Lift offers content above the SVG */
.section-offers > .offers-layout {
  position: relative;
  z-index: 2;
}

@media (max-width: 1199px) {
  .homepage-botanical-accent {
    width: 18.75rem;
    top: -18.75rem;
    right: -2.5rem;
  }
}

@media (max-width: 991px) {
  .homepage-botanical-accent {
    width: 13.75rem;
    top: -13.75rem;
    right: -1.875rem;
    opacity: 0.6;
  }
}

@media (max-width: 575px) {
  .homepage-botanical-accent {
    display: none;
  }
}

/* ==========================================================================
   Homepage Offer — "Celebrate Mom" layout (overrides for offer slide)
   ========================================================================== */

.offer-slide--mom {
  align-items: center;
  gap: 3.75rem;
  padding-right: 0;
}

.offer-slide--mom .offer-text {
  padding: 3.75rem 4.375rem 3.75rem 5rem;
  max-width: 37.5rem;
}

.offer-slide--mom .offer-title {
  font-family: "Source Serif Pro", serif;
  font-size: 2.5rem;
  font-style: italic;
  font-weight: 300;
  color: #C19383;
  line-height: 1.15;
  margin-bottom: 1.875rem;
}

.offer-slide--mom .offer-desc {
  color: rgba(255, 255, 255, 0.85);
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.75;
  font-weight: 300;
}
.offer-slide--mom .offer-desc p {
  margin: 0 0 1rem;
}
.offer-slide--mom .offer-price strong {
  color: #fff;
  font-weight: 500;
}
.offer-slide--mom .offer-phone {
  color: rgba(255, 255, 255, 0.95);
  text-decoration: underline;
}
.offer-slide--mom .offer-phone:hover {
  color: #C19383;
}

.offer-slide--mom .offer-actions {
  margin-top: 1.875rem;
  gap: 2.5rem;
}

/* Arched offer image with decorative bottom border */
.offer-image--arched {
  position: relative;
  height: auto;
  align-self: center;
  padding: 2.5rem 1.875rem 0 0;
  overflow: visible;
}

.offer-image--arched img {
  width: 100%;
  height: auto;
  max-height: 37.5rem;
  display: block;
  border-top-left-radius: 50% 60%;
  border-top-right-radius: 50% 60%;
  object-fit: cover;
  aspect-ratio: 5 / 6;
}

.offer-image__pattern {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 1.875rem;
  height: 2.5rem;
  background: linear-gradient(to top, #f7efed 0%, #fdf6f3 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
}

.offer-image__pattern svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* ----- Bring botanical accent up so its bottom (fish) shows in the dark section ----- */
.homepage-botanical-accent {
  top: -22rem;
  right: -2.5rem;
}

@media (max-width: 991px) {
  .offer-slide--mom {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .offer-slide--mom .offer-text {
    padding: 3.125rem 1.875rem 0;
  }
  .offer-slide--mom .offer-title {
    font-size: 1.875rem;
  }
  .offer-image--arched {
    padding: 0 1.875rem 1.875rem;
  }
  .offer-image--arched img {
    max-height: 25rem;
  }
  .offer-image__pattern {
    right: 1.875rem;
    left: 1.875rem;
  }
}

@media (max-width: 575px) {
  .offer-slide--mom .offer-text {
    padding: 2.5rem 1.25rem 0;
  }
  .offer-slide--mom .offer-title {
    font-size: 1.625rem;
  }
  .offer-image--arched {
    padding: 0 1.25rem 1.25rem;
  }
  .offer-image__pattern {
    left: 1.25rem;
    right: 1.25rem;
    height: 1.875rem;
  }
}

/* ==========================================================================
   Homepage — Constrain inner content to 1170px (botanical stays at edge)
   ========================================================================== */

#homepage-content .offers-layout,
#homepage-content .features-layout,
#homepage-content .accommodations-split,
#homepage-content .weddings-layout,
#homepage-content .heritage-layout,
#homepage-content .island-split {
  max-width: 73.125rem; /* 1170px */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}

/* The .container variants already used inside section-intro / section-reviews / section-gallery
   default to Bootstrap's 1140px; lift them to 1170px for visual consistency */
#homepage-content > section > .container {
  max-width: 73.125rem;
}

/* Section backgrounds remain full-bleed; only inner layouts are constrained */
#homepage-content .section-offers,
#homepage-content .section-features,
#homepage-content .section-accommodations,
#homepage-content .section-weddings,
#homepage-content .section-heritage,
#homepage-content .section-island {
  padding-left: 0;
  padding-right: 0;
}

/* Ensure the botanical accent stays anchored to the section's outer edge,
   not the constrained inner content. It already lives directly in
   .section-offers (a sibling of .offers-layout) so this remains true. */
.homepage-botanical-accent {
  z-index: 1;
}

/* Mobile: drop the gutter padding to a smaller value for tight phones */
@media (max-width: 575px) {
  #homepage-content .offers-layout,
  #homepage-content .features-layout,
  #homepage-content .accommodations-split,
  #homepage-content .weddings-layout,
  #homepage-content .heritage-layout,
  #homepage-content .island-split {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* ==========================================================================
   Inner pages — match awards sidebar to homepage hero badges
   ========================================================================== */

.resort-awards-sidebar {
  /* Override earlier rules to match .hero-badges design + placement */
  position: fixed;
  left: 0;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  width: 5.625rem; /* 90px */
  height: 26.875rem; /* 430px */
  padding: 0.75rem 0.375rem;
  border-radius: 0;
  box-shadow: none;
}

.resort-awards-sidebar figure {
  margin: 0;
  padding: 0;
}

.resort-awards-sidebar figure img {
  width: 3.75rem; /* 60px */
  height: auto;
  opacity: 0.9;
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: block;
}

.resort-awards-sidebar figure img:hover {
  opacity: 1;
  transform: scale(1.1);
}

@media screen and (max-width: 768px) {
  .resort-awards-sidebar { display: none; }
}

/* ==========================================================================
   Footer — Refresh to match design (excludes Tambourine credit)
   ========================================================================== */

footer#colophon {
  background: #2a2a2a;
  color: rgba(255, 255, 255, 0.8);
  padding: 0;
  border-top: none;
}

footer#colophon > .container {
  max-width: 81.25rem; /* 1300px */
  padding-top: 3.125rem;
  padding-bottom: 1.875rem;
}

.footer-main {
  display: grid;
  grid-template-columns: 1fr 1.4fr 1fr;
  gap: 2.5rem;
  align-items: center;
  padding: 1.875rem 0 3.125rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* ---- Left: Nav links (large, airy) ---- */
.footer-nav-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-nav-links ul li {
  margin-bottom: 1.875rem;
}
.footer-nav-links ul li a {
  font-family: "Source Serif Pro", serif;
  font-size: 1.5rem;
  font-weight: 300;
  font-style: normal;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  transition: color 0.3s ease;
  letter-spacing: 0.01em;
}
.footer-nav-links ul li a:hover {
  color: #C19383;
}

/* ---- Center: Logo, Honors, Social ---- */
.footer-center {
  text-align: center;
}
.footer-logo {
  max-width: 13.75rem; /* 220px */
  margin: 0 auto 1.875rem;
  display: block;
}

.footer-honors {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.875rem;
  margin-bottom: 2.5rem;
}
.footer-honors span {
  font-family: "Commissioner", sans-serif;
  font-size: 1.0625rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #fff;
}
.footer-honors__laurel {
  display: inline-flex;
  width: 3rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
}
.footer-honors__laurel svg {
  width: 100%;
  height: 100%;
  display: block;
}

.footer-social {
  display: flex;
  gap: 2.1875rem;
  justify-content: center;
}
.footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.125rem;
  transition: color 0.3s ease;
  text-decoration: none;
}
.footer-social a:hover {
  color: #C19383;
}

/* ---- Right: Contact info ---- */
.footer-contact-info {
  text-align: right;
}
.footer-contact-info p {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin: 0 0 0.625rem;
  font-weight: 300;
}
.footer-contact-info a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer-contact-info a:hover {
  color: #C19383;
}

/* ---- Bottom row ---- */
.footer-bottom {
  padding: 1.5625rem 0 0.625rem;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1.25rem;
}

.footer-bottom-links {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  justify-self: start;
  flex-wrap: wrap;
}
.footer-bottom-links a {
  font-family: "Commissioner", sans-serif;
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  transition: color 0.3s ease;
  font-weight: 300;
}
.footer-bottom-links a:hover {
  color: #C19383;
}
.footer-bottom-links .sep {
  color: rgba(255, 255, 255, 0.35);
  font-size: 0.75rem;
}

.footer-copyright {
  font-family: "Commissioner", sans-serif;
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  text-align: center;
  font-weight: 300;
  justify-self: center;
}

.footer-bottom-spacer {
  justify-self: end;
}

@media screen and (max-width: 991px) {
  .footer-main {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 2.5rem;
  }
  .footer-nav-links ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  .footer-nav-links ul li { margin-bottom: 0; }
  .footer-contact-info { text-align: center; }
  .footer-bottom {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 0.9375rem;
  }
  .footer-bottom-links { justify-self: center; justify-content: center; }
  .footer-bottom-spacer { display: none; }
}

@media screen and (max-width: 575px) {
  .footer-nav-links ul li a { font-size: 1.25rem; }
  .footer-bottom-links { gap: 0.625rem; }
  .footer-bottom-links a { font-size: 0.75rem; }
}

/* ----- Footer additions: HONORS award icon + inline X (Twitter) SVG ----- */
.footer-honors__icon {
  height: 2.5rem;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.footer-social__x {
  width: 1.0625rem;
  height: 1.0625rem;
  display: block;
}

/* ==========================================================================
   Overlay Menu
   ========================================================================== */

.overlay-menu {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(20, 20, 20, 0.97);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.5s ease, visibility 0s linear 0.5s;
  overflow-y: auto;
  padding: 4.375rem 1.875rem;
}

.overlay-menu.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.5s ease, visibility 0s linear 0s;
}

body.overlay-menu-open {
  overflow: hidden;
}

/* Close button (top-right) */
.overlay-menu__close {
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  width: 3rem;
  height: 3rem;
  background: transparent;
  border: 1px solid rgba(193, 147, 131, 0.4);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  transition: border-color 0.3s ease, transform 0.3s ease;
}
.overlay-menu__close:hover {
  border-color: #C19383;
  transform: rotate(90deg);
}
.overlay-menu__close-line {
  position: absolute;
  width: 1.125rem;
  height: 1px;
  background: #C19383;
}
.overlay-menu__close-line:nth-child(1) { transform: rotate(45deg); }
.overlay-menu__close-line:nth-child(2) { transform: rotate(-45deg); }

/* Inner wrap */
.overlay-menu__inner {
  width: 100%;
  max-width: 71.25rem;
  text-align: center;
  transform: translateY(1.875rem);
  opacity: 0;
  transition: opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;
}
.overlay-menu.is-open .overlay-menu__inner {
  opacity: 1;
  transform: translateY(0);
}

/* Grid */
.overlay-menu__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border: 1px solid rgba(193, 147, 131, 0.5);
}

.overlay-menu__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  padding: 2.5rem 1.25rem;
  min-height: 11.25rem;
  text-decoration: none;
  border-right: 1px solid rgba(193, 147, 131, 0.5);
  border-bottom: 1px solid rgba(193, 147, 131, 0.5);
  transition: background-color 0.35s ease, transform 0.35s ease;
  opacity: 0;
  transform: translateY(0.625rem);
}
.overlay-menu__item:nth-child(5n) { border-right: none; }
.overlay-menu__item:nth-last-child(-n+5) { border-bottom: none; }

/* Staggered fade-in */
.overlay-menu.is-open .overlay-menu__item {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease, background-color 0.35s ease;
}
.overlay-menu.is-open .overlay-menu__item:nth-child(1)  { transition-delay: 0.20s; }
.overlay-menu.is-open .overlay-menu__item:nth-child(2)  { transition-delay: 0.26s; }
.overlay-menu.is-open .overlay-menu__item:nth-child(3)  { transition-delay: 0.32s; }
.overlay-menu.is-open .overlay-menu__item:nth-child(4)  { transition-delay: 0.38s; }
.overlay-menu.is-open .overlay-menu__item:nth-child(5)  { transition-delay: 0.44s; }
.overlay-menu.is-open .overlay-menu__item:nth-child(6)  { transition-delay: 0.50s; }
.overlay-menu.is-open .overlay-menu__item:nth-child(7)  { transition-delay: 0.56s; }
.overlay-menu.is-open .overlay-menu__item:nth-child(8)  { transition-delay: 0.62s; }
.overlay-menu.is-open .overlay-menu__item:nth-child(9)  { transition-delay: 0.68s; }
.overlay-menu.is-open .overlay-menu__item:nth-child(10) { transition-delay: 0.74s; }

.overlay-menu__item:hover {
  background-color: rgba(193, 147, 131, 0.08);
}
.overlay-menu__item:hover .overlay-menu__icon svg {
  transform: scale(1.08);
}
.overlay-menu__item:hover .overlay-menu__label {
  color: #C19383;
}

.overlay-menu__icon {
  display: inline-flex;
  width: 3.125rem;
  height: 3.125rem;
}
.overlay-menu__icon svg {
  width: 100%;
  height: 100%;
  display: block;
  transition: transform 0.35s ease;
}

.overlay-menu__label {
  font-family: "Source Serif Pro", serif;
  font-size: 1.25rem;
  font-weight: 300;
  font-style: italic;
  color: #C19383;
  line-height: 1.3;
  text-align: center;
  transition: color 0.3s ease;
}

/* Sub nav */
.overlay-menu__sub {
  margin-top: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  opacity: 0;
  transition: opacity 0.5s ease 0.85s;
}
.overlay-menu.is-open .overlay-menu__sub {
  opacity: 1;
}
.overlay-menu__sub a {
  font-family: "Commissioner", sans-serif;
  font-size: 0.8125rem;
  letter-spacing: 0.22em;
  color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  transition: color 0.3s ease;
}
.overlay-menu__sub a:hover {
  color: #C19383;
}
.overlay-menu__sep {
  color: rgba(193, 147, 131, 0.5);
  font-size: 0.75rem;
}

/* Hamburger button — animate to X when active */
.btn-menu-toggle.is-active .btn-menu-icon span:nth-child(1),
.navbar-toggler.is-active .navbar-toggler-icon::before {
  transform: rotate(45deg) translateY(0.4rem);
}
.btn-menu-toggle.is-active .btn-menu-icon span:nth-child(2) {
  opacity: 0;
}
.btn-menu-toggle.is-active .btn-menu-icon span:nth-child(3) {
  transform: rotate(-45deg) translateY(-0.4rem);
}

/* Responsive */
@media (max-width: 991px) {
  .overlay-menu__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .overlay-menu__item:nth-child(5n) {
    border-right: 1px solid rgba(193, 147, 131, 0.5);
  }
  .overlay-menu__item:nth-child(3n) {
    border-right: none;
  }
  .overlay-menu__item:nth-last-child(-n+5) {
    border-bottom: 1px solid rgba(193, 147, 131, 0.5);
  }
  .overlay-menu__item:nth-last-child(-n+3) {
    border-bottom: none;
  }
  .overlay-menu__label { font-size: 1.0625rem; }
  .overlay-menu__item { padding: 1.875rem 0.625rem; min-height: 9.375rem; }
}

@media (max-width: 575px) {
  .overlay-menu { padding: 5rem 1.25rem 2.5rem; }
  .overlay-menu__close { top: 1.25rem; right: 1.25rem; }
  .overlay-menu__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .overlay-menu__item:nth-child(3n) {
    border-right: 1px solid rgba(193, 147, 131, 0.5);
  }
  .overlay-menu__item:nth-child(2n) {
    border-right: none;
  }
  .overlay-menu__item:nth-last-child(-n+3) {
    border-bottom: 1px solid rgba(193, 147, 131, 0.5);
  }
  .overlay-menu__item:nth-last-child(-n+2) {
    border-bottom: none;
  }
  .overlay-menu__icon { width: 2.5rem; height: 2.5rem; }
  .overlay-menu__label { font-size: 0.9375rem; }
  .overlay-menu__item { min-height: 8.125rem; padding: 1.25rem 0.5rem; gap: 0.875rem; }
  .overlay-menu__sub { gap: 0.75rem; margin-top: 2.5rem; }
  .overlay-menu__sub a { font-size: 0.6875rem; letter-spacing: 0.18em; }
}

/* ==========================================================================
   Janissa Spa Page
   ========================================================================== */

/* ----- Intro (cream) ----- */
.spa-intro {
  background: #f7efed;
  text-align: center;
  padding: 5rem 1.25rem 5rem;
  position: relative;
  overflow: hidden;
}
.spa-intro__deco {
  position: absolute;
  right: -1.875rem;
  top: 50%;
  transform: translateY(-50%);
  width: 18.75rem;
  height: 30rem;
  pointer-events: none;
  opacity: 0.7;
}
.spa-intro__deco svg,
.spa-intro__deco img { width: 100%; height: 100%; object-fit: contain; }

.spa-intro .container {
  max-width: 50rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.spa-intro__icon {
  width: 4.375rem;
  height: 4.375rem;
  margin: 0 auto 1.25rem;
}
.spa-intro__icon svg,
.spa-intro__icon img { width: 100%; height: 100%; object-fit: contain; }

.spa-intro .eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.22em;
  color: #888;
  text-transform: uppercase;
  margin: 0 0 1.875rem;
  font-weight: 500;
}

.spa-intro__title {
  font-family: "Source Serif Pro", serif;
  font-size: 1.75rem;
  font-weight: 300;
  color: #222;
  line-height: 1.4;
  margin: 0 0 2.5rem;
  font-style: normal;
}

.spa-intro__cta {
  margin: 0 0 2.5rem;
}

.spa-intro__awards {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  margin-top: 1.5rem;
}
.spa-intro__awards figure {
  margin: 0;
  height: 4.375rem;
}
.spa-intro__awards img {
  height: 100%;
  width: auto;
  display: block;
}

/* ----- Reusable spa block ----- */
.spa-block {
  padding: 6.25rem 1.25rem;
  position: relative;
}
.spa-block--dark { background: #2a2a2a; color: #fff; }
.spa-block--primary { background: #C19383; color: #fff; }
.spa-block--pink { background: #f7efed; color: #2a2a2a; }

.spa-block .container {
  max-width: 71.25rem;
  margin: 0 auto;
}

.spa-block__row {
  display: flex;
  align-items: center;
  gap: 5rem;
}
.spa-block__row--right { flex-direction: row; }
.spa-block__row--left { flex-direction: row; }

.spa-block__image {
  flex: 0 0 45%;
  max-width: 45%;
  margin: 0;
}
.spa-block__image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 5 / 6;
  object-fit: cover;
}
/* Arch mask matching live site .single-quad figure.mask */
.spa-block__image--mask img {
  -webkit-mask-image: url("inc/assets/media/mask.png");
          mask-image: url("inc/assets/media/mask.png");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center top;
          mask-position: center top;
  border-radius: 0;
  aspect-ratio: 456 / 535;
}

/* Half-dome: flat bottom, full half-ellipse top (no straight sides) */
.spa-block__image--circle img {
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  aspect-ratio: 6 / 5;
}
.spa-block__image--inset {
  flex: 0 0 35%;
  max-width: 35%;
}
.spa-block__image--inset img {
  aspect-ratio: auto;
  width: 100%;
  height: auto;
  background: transparent;
  object-fit: contain;
}

.spa-block__text {
  flex: 1;
  max-width: 28.75rem;
}
.spa-block__text--simple {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-size: 1.25rem;
  line-height: 1.6;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.92);
}

.spa-block__title {
  font-family: "Source Serif Pro", serif;
  font-size: 2.8125rem;
  font-weight: 300;
  color: inherit;
  line-height: 1.1;
  margin: 0 0 1.875rem;
  font-style: italic;
}
.spa-block__title em {
  display: block;
  font-style: italic;
  font-size: 1.625rem;
  margin-top: 0.3125rem;
  margin-left: 0.625rem;
  font-weight: 300;
  color: inherit;
}

.spa-block__list {
  list-style: none;
  padding: 0;
  margin: 0 0 2.1875rem;
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 2.2;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 300;
  columns: 1;
}
.spa-block__list li::before {
  content: "•";
  color: #C19383;
  display: inline-block;
  width: 1rem;
  margin-right: 0.5rem;
}

.spa-block__copy {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.92);
  font-weight: 300;
}
.spa-block__copy p { margin: 0 0 1rem; }
.spa-block__copy strong { color: #fff; font-weight: 500; }

.spa-link {
  color: #fff;
  text-decoration: underline;
}
.spa-link:hover { color: rgba(255,255,255,0.8); }

/* ----- Services slider section (dark with bg image) ----- */
.spa-services {
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 6.25rem 1.25rem 7.5rem;
  color: #fff;
  overflow: hidden;
}
.spa-services__overlay {
  position: absolute;
  inset: 0;
  background: rgba(193, 147, 131, 0.65);
  z-index: 0;
}
.spa-services__top-title {
  position: relative;
  z-index: 1;
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.875rem;
  margin: 0 0 4.375rem;
  font-weight: 500;
}
.spa-services__top-title .dash {
  display: inline-block;
  width: 2.5rem;
  height: 1px;
  background: #fff;
}

.spa-services__inner {
  position: relative;
  z-index: 1;
  max-width: 71.25rem;
  margin: 0 auto;
}

.spa-service-slide {
  display: none;
  align-items: center;
  gap: 4.375rem;
  flex-direction: row-reverse;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.spa-service-slide.is-active {
  display: flex;
  opacity: 1;
  animation: spaSlideFadeIn 0.6s ease;
}
@keyframes spaSlideFadeIn {
  from { opacity: 0; transform: translateY(0.625rem); }
  to   { opacity: 1; transform: translateY(0); }
}

.spa-service-slide__image {
  flex: 0 0 45%;
  max-width: 45%;
  margin: 0;
}
.spa-service-slide__image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 5 / 6;
  object-fit: cover;
}
.spa-service-slide__text {
  flex: 1;
  max-width: 28.125rem;
}
.spa-service-slide__text .section-eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.85);
  margin: 0 0 1.125rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-weight: 400;
}
.spa-service-slide__text .section-eyebrow .dash {
  display: inline-block;
  width: 1.875rem;
  height: 1px;
  background: rgba(255,255,255,0.7);
}

.spa-service-slide__title {
  font-family: "Source Serif Pro", serif;
  font-size: 2.5rem;
  font-weight: 300;
  font-style: italic;
  color: #fff;
  line-height: 1.15;
  margin: 0 0 1.25rem;
}

.spa-service-slide__copy {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.8;
  color: rgba(255,255,255,0.9);
  font-weight: 300;
  margin: 0;
}

.spa-services__nav {
  position: relative;
  z-index: 1;
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.spa-services__leaf {
  width: 2.5rem;
  height: 1.25rem;
  display: inline-flex;
  margin-right: 0.625rem;
}
.spa-services__leaf svg,
.spa-services__leaf img { width: 100%; height: 100%; object-fit: contain; }
.spa-services__prev,
.spa-services__next {
  background: transparent;
  border: none;
  color: #fff;
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-size: 1.125rem;
  cursor: pointer;
  font-weight: 300;
  padding: 0 0.5rem;
}
.spa-services__prev:hover,
.spa-services__next:hover {
  color: rgba(255,255,255,0.8);
}
.spa-services__sep {
  color: rgba(255,255,255,0.5);
  font-size: 1rem;
}

/* ----- Responsive ----- */
@media (max-width: 991px) {
  .spa-intro { padding: 3.75rem 1.25rem 4.375rem; }
  .spa-intro__deco { display: none; }
  .spa-intro__title { font-size: 1.4375rem; }

  .spa-block { padding: 3.75rem 1.25rem; }
  .spa-block__row,
  .spa-block__row--right,
  .spa-block__row--left {
    flex-direction: column;
    gap: 2.5rem;
  }
  .spa-block__image,
  .spa-block__image--inset,
  .spa-block__text {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .spa-block__title { font-size: 2.1875rem; }
  .spa-block__title em { font-size: 1.375rem; }

  .spa-services { padding: 3.75rem 1.25rem 5rem; }
  .spa-service-slide,
  .spa-service-slide.is-active {
    flex-direction: column;
    gap: 2.5rem;
  }
  .spa-service-slide__image,
  .spa-service-slide__text {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .spa-service-slide__title { font-size: 2rem; }
}

@media (max-width: 575px) {
  .spa-intro__title { font-size: 1.25rem; }
  .spa-block__title { font-size: 1.875rem; }
  .spa-block__title em { font-size: 1.1875rem; }
  .spa-service-slide__title { font-size: 1.625rem; }
  .spa-intro__awards { gap: 1.5rem; }
  .spa-intro__awards figure { height: 3.125rem; }
}

/* ----- Spa: Gift Certificate solid button ----- */
.btn-gift-cert {
  display: inline-block;
  background: #C19383;
  color: #fff;
  font-family: "Commissioner", sans-serif;
  font-size: 0.8125rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 1.125rem 3.125rem;
  font-weight: 500;
  border: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.btn-gift-cert:hover {
  background: #a87968;
  color: #fff;
  text-decoration: none;
}

/* ----- Spa: Award badges resized ----- */
.spa-intro__awards {
  gap: 3.125rem;
  margin-top: 3.125rem;
}
.spa-intro__awards figure {
  height: auto;
  width: 11.25rem;
  margin: 0;
}
.spa-intro__awards img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.95;
}

/* ----- Spa Bliss: Dark bg, terra-cotta italic title ----- */
.spa-block__title--accent {
  color: #C19383 !important;
  font-style: italic;
  font-size: 3.125rem;
  line-height: 1.05;
}
.spa-block__title--accent em {
  display: block;
  color: #C19383 !important;
  font-size: 3.125rem;
  margin-top: 0;
  margin-left: 0;
  font-style: italic;
}
.spa-block--bliss .spa-block__copy strong {
  color: #fff;
  font-weight: 500;
}

/* ----- Spa Tea: arched photo larger ----- */
.spa-block--tea .spa-block__image {
  flex: 0 0 50%;
  max-width: 50%;
}
.spa-block--tea .spa-block__image img {
  aspect-ratio: 4 / 5;
}

@media (max-width: 991px) {
  .spa-block__title--accent,
  .spa-block__title--accent em {
    font-size: 2.5rem;
  }
  .spa-intro__awards { gap: 1.875rem; }
  .spa-intro__awards figure { width: 8.75rem; }
  .btn-gift-cert {
    padding: 0.9375rem 2.1875rem;
    font-size: 0.75rem;
  }
  .spa-block--tea .spa-block__image {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  .spa-block__title--accent,
  .spa-block__title--accent em {
    font-size: 2rem;
  }
  .spa-intro__awards figure { width: 7.5rem; }
}

/* ---------- Welcome Lightbox ---------- */
.welcome-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.welcome-lightbox[hidden] { display: none; }
.welcome-lightbox.is-open {
  opacity: 1;
  pointer-events: auto;
}
.welcome-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2); /* 20% mask */
  cursor: pointer;
}
.welcome-lightbox__dialog {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 62.5rem; /* 1000px */
  max-height: 90vh;
  background: #f7efed;
  box-shadow: 0 1.25rem 3.75rem rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.welcome-lightbox__close {
  position: absolute;
  top: 0.625rem;
  right: 0.9375rem;
  width: 2.25rem;
  height: 2.25rem;
  background: transparent;
  border: 0;
  font-size: 1.875rem;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  z-index: 2;
  padding: 0;
}
.welcome-lightbox__image {
  flex: 0 0 50%;
  margin: 0;
  overflow: hidden;
  background: #222;
}
.welcome-lightbox__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.welcome-lightbox__content {
  flex: 1;
  padding: 3.75rem 3.75rem 3.125rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #222;
}
.welcome-lightbox__title {
  font-family: "Source Serif Pro", serif;
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.05;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #C19383;
  margin: 0 0 2rem;
}
.welcome-lightbox__content p {
  font-family: "Commissioner", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: #2a2a2a;
  margin: 0 0 1rem;
  max-width: 26rem;
}
.welcome-lightbox__cta {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 0.9375rem 2.5rem;
  background: #C19383;
  color: #fff;
  font-family: "Commissioner", sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.25s ease;
}
.welcome-lightbox__cta:hover { background: #a87968; color: #fff; text-decoration: none; }

@media (max-width: 48rem) {
  .welcome-lightbox__dialog {
    flex-direction: column;
    max-height: 95vh;
    overflow-y: auto;
  }
  .welcome-lightbox__image { flex: 0 0 auto; height: 14rem; }
  .welcome-lightbox__content { padding: 2rem 1.5rem 2.5rem; }
  .welcome-lightbox__title { font-size: 2rem; }
  .welcome-lightbox__close { color: #222; }
}

/* ===========================================================
   Yoga page — modeled on live site
   =========================================================== */

/* Hero: italic serif title — modest size matching screenshot */
.resort-hero--yoga .resort-hero__title {
  bottom: auto;
  top: 70%;
  transform: translate(-50%, -50%);
}
.resort-hero--yoga .resort-hero__title h1 {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 3.75rem; /* 60px */
  letter-spacing: 0;
  line-height: 1;
}
.resort-hero--yoga .resort-hero__title h1 em { font-style: italic; }

/* Intro section: pink bg, eyebrow w/ tripadvisor-style icon above, big italic serif body, gallery illustration bottom-right */
.yoga-intro {
  background: #f7efed;
  padding: 6.25rem 1.25rem 5rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.yoga-intro::after {
  content: "";
  position: absolute;
  right: -2%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 16rem;
  height: 22rem;
  background: url("inc/assets/media/SPICEISLAND-Web-Homepage-gallery-illustration.svg") right center no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.yoga-intro .container {
  max-width: 60rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
/* Hide the markup-based deco — we render via ::after instead, like live site */
.yoga-intro .spa-intro__deco { display: none; }

/* Tripadvisor emblem icon centered above the eyebrow */
.yoga-intro__icon {
  width: 2.5rem;
  height: 2.75rem;
  margin: 0 auto 1.25rem;
}
.yoga-intro .eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  color: #7c7c7c;
  text-transform: uppercase;
  margin: 0 0 2rem;
  font-weight: 400;
  line-height: 1.4;
}
/* Body serif — modest size, not italic */
.yoga-intro .spa-intro__title {
  font-family: "Source Serif Pro", serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.75rem; /* 28px */
  line-height: 1.4;
  letter-spacing: 0;
  color: #222;
  max-width: 30rem;
  margin: 0 auto 2rem;
}
.yoga-intro .spa-intro__cta { margin-bottom: 0; }
.yoga-intro .link-underline {
  display: inline-block;
  font-family: "Commissioner", sans-serif;
  font-size: 0.625rem;
  letter-spacing: 0.22em;
  color: #2a2a2a;
  border: 1px solid rgba(193, 147, 131, 0.5);
  padding: 0.625rem 1.25rem;
  text-decoration: none;
}
.yoga-intro .link-underline:hover {
  background: #C19383;
  color: #fff;
  border-color: #C19383;
}

/* Path-to-peace banner — matches live .single-quad-with-accordion .bg-img */
.yoga-banner {
  position: relative;
  min-height: 22rem;
  background-color: #C19383;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5rem 2.5rem;
}
.yoga-banner__inner { text-align: center; width: 100%; max-width: 50rem; }
.yoga-banner__eyebrow {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 1.2;
  color: #fff;
  letter-spacing: 0;
  margin: 0;
}
.yoga-banner__eyebrow .dash { display: none; }

/* Yoga blocks shared */
.yoga-block { padding: 3.75rem 0 4.375rem; }
.spa-block--pink .spa-block__title,
.spa-block--pink .yoga-block__title { color: #C19383; }
.spa-block--pink .spa-block__copy,
.spa-block--pink .spa-block__copy strong { color: #222; }
.spa-block--pink .spa-block__list,
.spa-block--pink .spa-block__list li { color: #222; }
.spa-block--pink .spa-block__text--simple { color: #222; }

.spa-block--pink .spa-block__row { align-items: flex-start; }

/* Italic serif section title */
.yoga-block__title {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 2.25rem;
  line-height: 1.1;
  margin: 0 0 1.875rem;
  color: #C19383;
}

/* Image proportions for yoga */
.yoga-block .spa-block__image { flex: 0 0 48%; max-width: 26rem; }
.yoga-block .spa-block__text { flex: 0 0 38%; max-width: 22rem; padding-top: 0; }

/* Beachside: tall portrait, no mask */
.yoga-block--beachside .yoga-block__image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 5 / 7;
  object-fit: cover;
  -webkit-mask-image: none;
          mask-image: none;
  border-radius: 0;
}

/* Bold-strong + paragraph list — matches live .packages-list (padding-bottom 25px, margin-bottom 40px) */
.yoga-list { list-style: none; padding: 0; margin: 1.25rem 0 0; }
.yoga-list li {
  padding: 0 0 1.5625rem; /* 25px */
  margin: 0 0 2.5rem;     /* 40px */
  border-bottom: 1px solid #c19383;
  list-style: none;
}
.yoga-list li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.yoga-list li::before { content: none; }
.yoga-list li strong {
  display: block;
  font-family: "Commissioner", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;       /* 14px */
  letter-spacing: 0.0625rem; /* 1px */
  text-transform: uppercase;
  color: #222;
  margin-bottom: 0.9375rem;
}
.yoga-list li p {
  font-family: "Commissioner", sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  font-weight: 300;
  color: #222;
  margin: 0;
}

/* Yoga Styles section: small plain rectangle image left, list right */
.yoga-block--styles { padding: 2.5rem 0 5rem; }
.yoga-block--styles .spa-block__row {
  align-items: flex-start;
  justify-content: center;
  gap: 3.75rem;
}
.yoga-block--styles .yoga-block__image {
  flex: 0 0 35%;
  max-width: 18rem;
}
.yoga-block--styles .yoga-block__image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 484 / 638;
  object-fit: cover;
  border-radius: 0;
  -webkit-mask-image: none;
          mask-image: none;
}
.yoga-block--styles .spa-block__text { padding-top: 0; max-width: 24rem; flex: 0 0 40%; }

/* Two-image inset section: side-by-side per screenshot.
   Small jpg on left, transparent arch-cut PNG on right (PNG already has arch shape baked in). */
.yoga-twoimages {
  background: #f7efed;
  position: relative;
  padding: 1.875rem 0 3.75rem;
}
.yoga-twoimages__inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1.25rem;
  max-width: 70rem;
  margin: 0 auto;
  padding: 0 1.875rem;
}
.yoga-twoimages figure { margin: 0; flex: 0 0 auto; }
.yoga-twoimages img { display: block; max-width: 100%; height: auto; }

/* Small (jpg) — plain rectangle, ~38% */
.yoga-twoimages__small {
  width: 38%;
  max-width: 22rem;
}
.yoga-twoimages__small img {
  width: 100%;
  aspect-ratio: 552 / 450;
  object-fit: cover;
}

/* Large (transparent PNG, already arch-cut) */
.yoga-twoimages__large {
  width: 50%;
  max-width: 30rem;
}
.yoga-twoimages__large img {
  width: 100%;
}

/* Last two-images: small on right, large on left */
.yoga-twoimages--last .yoga-twoimages__inner { flex-direction: row-reverse; }

@media (max-width: 60rem) {
  .resort-hero--yoga .resort-hero__title h1 { font-size: 4.5rem; }
  .yoga-intro { padding: 5rem 1.25rem 4.375rem; }
  .yoga-intro__icon { width: 4rem; height: 3.5rem; }
  .yoga-intro .spa-intro__title { font-size: 1.875rem; }
  .yoga-intro .spa-intro__deco { display: none; }
  .yoga-banner { background-attachment: scroll; min-height: 18rem; padding: 3.75rem 1.25rem; }
  .yoga-banner__eyebrow { font-size: 2rem; }
  .yoga-block__title { font-size: 2.25rem; }
  .yoga-block,
  .yoga-block--styles { padding: 3.75rem 0; }
  .yoga-block .spa-block__row,
  .yoga-block--styles .spa-block__row { flex-direction: column; align-items: center; }
  .yoga-block .spa-block__image,
  .yoga-block--styles .yoga-block__image { flex: 0 0 auto; max-width: 100%; width: 100%; }
  .yoga-block .spa-block__text { padding-top: 1.5rem; max-width: 100%; }
  .yoga-twoimages__inner { min-height: 0; }
  .yoga-twoimages__small,
  .yoga-twoimages--last .yoga-twoimages__small {
    position: static;
    width: 70%;
    max-width: 18rem;
    margin: 0 auto 1.25rem;
  }
  .yoga-twoimages__large { width: 100%; max-width: 28rem; margin: 0 auto; }
}

@media (max-width: 48rem) {
  .resort-hero--yoga .resort-hero__title h1 { font-size: 3.125rem; }
  .yoga-intro .spa-intro__title { font-size: 1.5rem; }
  .yoga-banner__eyebrow { font-size: 1.5rem; }
  .yoga-block__title { font-size: 1.875rem; }
}

/* ===========================================================
   Weddings & Honeymoons page
   =========================================================== */

/* Hero */
.resort-hero--weddings .resort-hero__title {
  bottom: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}
.resort-hero--weddings .resort-hero__title h1 {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: 0;
}
.resort-hero--weddings .resort-hero__title h1 em { font-style: italic; }

/* Intro shares yoga-intro layout — wed-intro just sizes the body smaller */
.wed-intro .spa-intro__title {
  font-size: 1.75rem;
  max-width: 36rem;
  font-style: normal;
}
.wed-intro::after {
  background-image: url("inc/assets/media/SPICEISLAND-Web-Homepage-gallery-illustration.svg");
}

/* At a Glance (dark) */
.wed-glance { padding: 5rem 1.875rem; }
.wed-glance .spa-block__row { align-items: center; gap: 5rem; }
.wed-glance .spa-block__image { flex: 0 0 42%; max-width: 26rem; }
.wed-glance .spa-block__image--mask img { aspect-ratio: 456 / 535; }
.wed-glance .spa-block__text { flex: 1; max-width: 26rem; }
.wed-glance__eyebrow {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-size: 1.25rem;
  color: #fff;
  margin: 0 0 0.5rem;
  font-weight: 300;
}
.wed-glance__title {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 200;
  font-size: 2.625rem;
  line-height: 1.1;
  color: #fff;
  margin: 0 0 1.875rem;
}
.wed-glance__title em { font-style: italic; font-weight: 200; }
.wed-glance__list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.9);
  line-height: 2.1;
}
.wed-glance__list li::before {
  content: "•";
  color: #C19383;
  display: inline-block;
  width: 1.125rem;
  margin-right: 0.5rem;
}

/* Banner reuses .yoga-banner; just slightly different palette */
.wed-banner { background-color: #C19383; }

/* 3 Reasons Why Brides Love Us — slider with image right, text left */
.wed-reasons {
  background: #C19383;
  padding: 0 0 6.25rem;
  position: relative;
}
.wed-reasons .container {
  max-width: 71.25rem;
  margin: 0 auto;
  padding: 0 1.875rem;
  position: relative;
}
.wed-reasons__slide {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
  margin-top: -5rem; /* pull up over banner */
  position: relative;
  z-index: 2;
}
.wed-reasons__slide.is-active { display: flex; }
.wed-reasons__text {
  flex: 0 0 42%;
  max-width: 26rem;
  color: #fff;
}
.wed-reasons__eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.wed-reasons__eyebrow .dash {
  width: 1.875rem;
  height: 1px;
  background: #fff;
  display: inline-block;
}
.wed-reasons__title {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 2.25rem;
  line-height: 1.1;
  margin: 0 0 1.25rem;
  color: #fff;
}
.wed-reasons__copy {
  font-family: "Commissioner", sans-serif;
  font-size: 0.875rem;
  line-height: 1.7;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.95);
  margin: 0 0 2.1875rem;
}
.wed-reasons__nav {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #fff;
}
.wed-reasons__nav button {
  background: transparent;
  border: 0;
  color: #fff;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
  padding: 0;
}
.wed-reasons__sep { opacity: 0.5; }
.wed-reasons__image {
  flex: 0 0 50%;
  max-width: 32rem;
  margin: 0;
}
.wed-reasons__image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* Our Wedding Packages slider (light cream bg) */
.wed-packages {
  background: #f7efed;
  padding: 5rem 0 6.25rem;
}
.wed-packages .container {
  max-width: 71.25rem;
  margin: 0 auto;
  padding: 0 1.875rem;
}
.wed-packages__eyebrow {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  justify-content: center;
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #2a2a2a;
  margin: 0 0 3.125rem;
}
.wed-packages__eyebrow .dash {
  width: 2.5rem;
  height: 1px;
  background: #C19383;
  display: inline-block;
}
.wed-packages__slide {
  display: none;
  align-items: center;
  gap: 4rem;
  position: relative;
}
.wed-packages__slide.is-active { display: flex; }
.wed-packages__image {
  flex: 0 0 50%;
  max-width: 32rem;
  margin: 0;
  position: relative;
}
.wed-packages__image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 5 / 6;
  object-fit: cover;
  -webkit-mask-image: url("inc/assets/media/mask.png");
          mask-image: url("inc/assets/media/mask.png");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.wed-packages__text {
  flex: 0 0 40%;
  max-width: 26rem;
}
.wed-packages__title {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 2.25rem;
  line-height: 1.1;
  color: #222;
  margin: 0 0 1.25rem;
}
.wed-packages__copy {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 300;
  color: #2a2a2a;
  margin: 0 0 2rem;
}
.wed-packages__cta {
  display: flex;
  gap: 1rem;
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
}
.wed-packages__btn {
  display: inline-block;
  font-family: "Commissioner", sans-serif;
  font-size: 0.625rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #2a2a2a;
  border: 1px solid rgba(193, 147, 131, 0.6);
  padding: 0.625rem 1.25rem;
  text-decoration: none;
  transition: all 0.25s ease;
}
.wed-packages__btn:hover {
  background: #C19383;
  color: #fff;
  border-color: #C19383;
  text-decoration: none;
}
.wed-packages__nav {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #2a2a2a;
}
.wed-packages__nav button {
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
  padding: 0;
}

/* Wedding Enhancements (dark) */
.wed-enhancements {
  background: #2a2a2a;
  color: #fff;
  padding: 5rem 0 6.25rem;
}
.wed-enhancements .container {
  max-width: 71.25rem;
  margin: 0 auto;
  padding: 0 1.875rem;
}
.wed-enhancements__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 3.125rem;
}
.wed-enhancements__eyebrow .dash {
  width: 2.5rem;
  height: 1px;
  background: #C19383;
  display: inline-block;
}
.wed-enhancements__slide {
  display: none;
  align-items: center;
  gap: 4rem;
  position: relative;
  padding-left: 4.375rem;
}
.wed-enhancements__slide.is-active { display: flex; }
.wed-enhancements__number {
  position: absolute;
  left: 0;
  top: 1.25rem;
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 200;
  font-size: 4.375rem;
  line-height: 1;
  color: #C19383;
  opacity: 0.95;
}
.wed-enhancements__image {
  flex: 0 0 42%;
  max-width: 26rem;
  margin: 0;
}
.wed-enhancements__image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 5 / 6;
  object-fit: cover;
  -webkit-mask-image: url("inc/assets/media/mask.png");
          mask-image: url("inc/assets/media/mask.png");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.wed-enhancements__text {
  flex: 0 0 40%;
  max-width: 26rem;
}
.wed-enhancements__title {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 2.25rem;
  line-height: 1.1;
  color: #fff;
  margin: 0 0 0.625rem;
}
.wed-enhancements__sub {
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #C19383;
  margin: 0 0 1.5rem;
}
.wed-enhancements__list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.875rem;
  font-family: "Commissioner", sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.9;
}
.wed-enhancements__list li::before {
  content: "•";
  color: #C19383;
  display: inline-block;
  width: 1.125rem;
  margin-right: 0.5rem;
}
.wed-enhancements__nav {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 1.5rem;
}
.wed-enhancements__nav button {
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
  padding: 0;
}
.wed-enhancements__cta .link-underline { color: #fff; border-bottom-color: #C19383; }

/* Testimonials */
.wed-testimonials {
  background: #f7efed;
  padding: 5rem 0 6.25rem;
  text-align: center;
}
.wed-testimonials .container {
  max-width: 50rem;
  margin: 0 auto;
  padding: 0 1.875rem;
}
.wed-testimonials__slide { display: none; }
.wed-testimonials__slide.is-active { display: block; }
.wed-testimonials__eyebrow {
  font-family: "Commissioner", sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #C19383;
  margin: 0 0 1rem;
}
.wed-testimonials__title {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 2.25rem;
  line-height: 1.2;
  color: #222;
  margin: 0 0 1.875rem;
}
.wed-testimonials__quote {
  margin: 0 0 1.5rem;
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.65;
  color: #2a2a2a;
}
.wed-testimonials__quote p { margin: 0; }
.wed-testimonials__cite {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #777;
  font-style: normal;
}
.wed-testimonials__dots {
  display: flex;
  justify-content: center;
  gap: 0.625rem;
  margin-top: 2.5rem;
}
.wed-testimonials__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 1px solid #C19383;
  background: transparent;
  cursor: pointer;
  padding: 0;
  transition: background 0.2s ease;
}
.wed-testimonials__dot.is-active { background: #C19383; }

/* RFP Form */
.wed-rfp {
  background: #2a2a2a;
  color: #fff;
  padding: 5rem 1.875rem 6.25rem;
}
.wed-rfp .container {
  max-width: 50rem;
  margin: 0 auto;
}
.wed-rfp__title {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 2.25rem;
  text-align: center;
  margin: 0 0 0.75rem;
  color: #fff;
}
.wed-rfp__intro {
  text-align: center;
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 2.5rem;
}
.wed-rfp__form { display: block; }
.wed-rfp__row {
  display: flex;
  gap: 1.875rem;
  margin-bottom: 1.25rem;
}
.wed-rfp__row--full { display: block; }
.wed-rfp__field { flex: 1; min-width: 0; }
.wed-rfp__field input,
.wed-rfp__field textarea {
  width: 100%;
  padding: 0.875rem 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(193, 147, 131, 0.7);
  color: #fff;
  font-family: "Commissioner", sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  outline: none;
  border-radius: 0;
  resize: vertical;
}
.wed-rfp__field input::placeholder,
.wed-rfp__field textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.05em;
}
.wed-rfp__field input:focus,
.wed-rfp__field textarea:focus { border-bottom-color: #fff; }
.wed-rfp__checks {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0 2rem;
}
.wed-rfp__checks label {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  font-family: "Commissioner", sans-serif;
  font-size: 0.8125rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
}
.wed-rfp__checks label a { color: #fff; text-decoration: underline; }
.wed-rfp__checks input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1rem;
  height: 1rem;
  border: 1px solid #C19383;
  background: transparent;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  flex: 0 0 auto;
}
.wed-rfp__checks input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 0.1875rem;
  top: 0;
  width: 0.3125rem;
  height: 0.625rem;
  border-right: 2px solid #C19383;
  border-bottom: 2px solid #C19383;
  transform: rotate(45deg);
}
.wed-rfp__submit { text-align: center; }

/* Responsive */
@media (max-width: 60rem) {
  .resort-hero--weddings .resort-hero__title h1 { font-size: 2.625rem; }
  .wed-glance .spa-block__row,
  .wed-reasons__slide,
  .wed-packages__slide,
  .wed-enhancements__slide {
    flex-direction: column;
    align-items: center;
    text-align: left;
    gap: 2rem;
  }
  .wed-glance .spa-block__image,
  .wed-glance .spa-block__text,
  .wed-reasons__text,
  .wed-reasons__image,
  .wed-packages__image,
  .wed-packages__text,
  .wed-enhancements__image,
  .wed-enhancements__text {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
  }
  .wed-enhancements__slide { padding-left: 0; }
  .wed-enhancements__number {
    position: static;
    display: block;
    margin-bottom: 1rem;
  }
  .wed-reasons__slide { margin-top: -2.5rem; }
  .wed-rfp__row { flex-direction: column; gap: 1rem; }
}

@media (max-width: 48rem) {
  .resort-hero--weddings .resort-hero__title h1 { font-size: 1.875rem; }
  .wed-glance__title { font-size: 2rem; }
  .wed-reasons__title,
  .wed-packages__title,
  .wed-enhancements__title,
  .wed-testimonials__title { font-size: 1.625rem; }
}

/* ===========================================================
   Our Legacy / The Team page
   =========================================================== */

/* Hero — black-and-white portrait, italic title at center */
.resort-hero--legacy .resort-hero__title {
  bottom: auto;
  top: 60%;
  transform: translate(-50%, -50%);
}
.resort-hero--legacy .resort-hero__title h1 {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: 0;
}
.resort-hero--legacy .resort-hero__title h1 em { font-style: italic; }

/* Intro reuses spa-intro layout */
.legacy-intro .spa-intro__title {
  font-size: 1.75rem;
  max-width: 36rem;
  font-style: normal;
}
.legacy-intro::after {
  content: "";
  position: absolute;
  right: -2%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 16rem;
  height: 22rem;
  background: url("inc/assets/media/SPICEISLAND-Web-Homepage-gallery-illustration.svg") right center no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}

/* About the Owners — blue sky background section */
.legacy-owners {
  position: relative;
  background-color: #1f78c4;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 5rem 1.875rem 6.25rem;
  overflow: hidden;
}
.legacy-owners .container {
  position: relative;
  z-index: 2;
  max-width: 71.25rem;
  margin: 0 auto;
}
.legacy-owners__title {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 200;
  font-size: 4.375rem;
  line-height: 1.05;
  color: #fff;
  text-align: center;
  margin: 0 0 3.75rem;
}
.legacy-owners__title em { font-style: italic; font-weight: 200; }
.legacy-owners__row {
  display: flex;
  align-items: flex-start;
  gap: 3.75rem;
  position: relative;
}
.legacy-owners__text {
  flex: 0 0 35%;
  max-width: 22rem;
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 300;
  color: #fff;
}
.legacy-owners__text p { margin: 0 0 1.5rem; }
.legacy-owners__text .link-underline {
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.6);
}
.legacy-owners__image {
  flex: 1;
  margin: 0;
  max-width: 32rem;
}
.legacy-owners__image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16 / 11;
  object-fit: cover;
}
.legacy-owners__archway {
  position: absolute;
  left: 50%;
  bottom: -6.25rem;
  transform: translateX(-50%);
  width: 24rem;
  margin: 0;
  z-index: 1;
  pointer-events: none;
}
.legacy-owners__archway img {
  width: 100%;
  height: auto;
  display: block;
}

/* Honoring Our Founder — terracotta band with B&W headshot left, dark card right */
.legacy-founder {
  background: #C19383;
  padding: 5rem 1.875rem 6.25rem;
  position: relative;
}
.legacy-founder .container {
  max-width: 60rem;
  margin: 0 auto;
}
.legacy-founder__row {
  display: flex;
  align-items: stretch;
  background: #2a2a2a;
}
.legacy-founder__image {
  flex: 0 0 45%;
  max-width: 22rem;
  margin: 0;
}
.legacy-founder__image img {
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  filter: grayscale(1);
}
.legacy-founder__text {
  flex: 1;
  padding: 2.5rem 2.5rem;
  color: #fff;
  align-self: center;
}
.legacy-founder__eyebrow {
  font-family: "Commissioner", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  margin: 0 0 1rem;
  color: #fff;
}
.legacy-founder__text p:not(.legacy-founder__eyebrow) {
  font-family: "Commissioner", sans-serif;
  font-size: 0.875rem;
  line-height: 1.7;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

/* The Spice Island Family slider */
.legacy-family {
  position: relative;
  background: #C19383;
  padding: 6.25rem 0 7.5rem;
  overflow: hidden;
}
.legacy-family .container {
  position: relative;
  z-index: 2;
  max-width: 78.125rem;
  margin: 0 auto;
  padding: 0 1.875rem;
}

/* Eyebrow anchored top right */
.legacy-family__eyebrow {
  position: absolute;
  top: 3.125rem;
  right: 4.375rem;
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #2a2a2a;
  margin: 0;
  z-index: 3;
}
.legacy-family__eyebrow .dash {
  width: 3.75rem;
  height: 1px;
  background: #2a2a2a;
  display: inline-block;
}

/* Decorative thin-line arch on the left side, anchored to the section */
.legacy-family__arch {
  position: absolute;
  left: 1.875rem;
  top: 0;
  bottom: 0;
  width: 38rem;
  max-width: 50%;
  border: 1px solid #2a2a2a;
  border-bottom: 0;
  border-top-left-radius: 19rem 19rem;
  border-top-right-radius: 19rem 19rem;
  pointer-events: none;
  z-index: 1;
}

/* Slide layout: text left (over arch), image right */
.legacy-family__slide {
  display: none;
  align-items: center;
  gap: 4rem;
  min-height: 32rem;
}
.legacy-family__slide.is-active { display: flex; }

.legacy-family__text {
  flex: 0 0 38%;
  max-width: 24rem;
  padding-left: 4.375rem;
  position: relative;
  z-index: 2;
}
.legacy-family__name {
  font-family: "Source Serif Pro", serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 1.1;
  color: #2a2a2a;
  margin: 0 0 1rem;
}
.legacy-family__title {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #2a2a2a;
  margin: 0 0 1.875rem;
  font-weight: 500;
}
.legacy-family__body {
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 300;
  color: #2a2a2a;
  margin: 0 0 1.25rem;
}
.legacy-family__email {
  margin: 0 0 2rem;
  font-family: "Commissioner", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #2a2a2a;
}
.legacy-family__email a { color: #2a2a2a; text-decoration: none; }
.legacy-family__email a:hover { text-decoration: underline; }

/* Actions row: Learn More + leaf + Prev | Next */
.legacy-family__actions {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: 1rem;
}
.legacy-family__more {
  font-family: "Commissioner", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.legacy-family__more:hover { color: #fff; text-decoration: underline; }
.legacy-family__leaf {
  width: 1.875rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.legacy-family__leaf svg { width: 100%; height: 100%; }
.legacy-family__nav {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-size: 1rem;
  color: #2a2a2a;
}
.legacy-family__nav button {
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
  font-style: italic;
  cursor: pointer;
  padding: 0;
}
.legacy-family__nav em { font-style: italic; }
.legacy-family__sep { opacity: 0.7; font-style: normal; }

/* Plain rectangle image right (no mask) */
.legacy-family__image {
  flex: 1;
  max-width: 38rem;
  margin: 0;
}
.legacy-family__image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 0;
  -webkit-mask-image: none;
          mask-image: none;
}

/* Responsive */
@media (max-width: 60rem) {
  .resort-hero--legacy .resort-hero__title h1 { font-size: 2.625rem; }
  .legacy-owners { padding: 3.75rem 1.25rem 4.375rem; }
  .legacy-owners__title { font-size: 2.625rem; margin-bottom: 2rem; }
  .legacy-owners__row { flex-direction: column; gap: 1.5rem; }
  .legacy-owners__text,
  .legacy-owners__image { flex: 0 0 auto; max-width: 100%; width: 100%; }
  .legacy-owners__archway { width: 16rem; bottom: -3.75rem; }
  .legacy-founder { padding: 3.75rem 1.25rem 4.375rem; }
  .legacy-founder__row { flex-direction: column; }
  .legacy-founder__image { max-width: 100%; }
  .legacy-founder__image img { aspect-ratio: 16 / 9; }
  .legacy-family { padding: 4.375rem 0 5rem; }
  .legacy-family__eyebrow { position: static; padding: 0 1.875rem 2rem; justify-content: center; flex-direction: row; }
  .legacy-family__arch { display: none; }
  .legacy-family__slide { flex-direction: column-reverse; gap: 2rem; align-items: center; min-height: 0; }
  .legacy-family__image,
  .legacy-family__text { flex: 0 0 auto; width: 100%; max-width: 32rem; padding-left: 0; }
  .legacy-family__actions { flex-wrap: wrap; }
}

@media (max-width: 48rem) {
  .resort-hero--legacy .resort-hero__title h1 { font-size: 1.875rem; }
  .legacy-owners__title { font-size: 2rem; }
  .legacy-family__name { font-size: 1.625rem; }
}

/* CF7 submission status notice (rendered after submit) */
.sibr-form-notice {
  font-family: "Commissioner", sans-serif;
  font-size: 0.8125rem;
  letter-spacing: 0.04em;
  text-align: center;
  margin: 1rem 0 0;
  padding: 0.625rem 0.75rem;
  color: rgba(255, 255, 255, 0.85);
}
.sibr-form--success .sibr-form-notice { color: #c8e6b6; }
.sibr-form--error   .sibr-form-notice { color: #ffb8a8; }

/* ==========================================================================
   Homepage Offers slider — show one slide at a time
   ========================================================================== */
.offers-content-area .offer-slide { display: none; }
.offers-content-area .offer-slide.is-active { display: flex; }

/* Make Prev/Next look like buttons (kill native button styles) */
.section-offers .offer-prev,
.section-offers .offer-next,
.section-offers .offer-divider,
.section-features .feature-prev,
.section-features .feature-next,
.section-features .offer-divider {
  background: transparent;
  border: 0;
  color: #fff;
  font: inherit;
  cursor: pointer;
  padding: 0;
}
.section-offers .offer-prev:hover,
.section-offers .offer-next:hover,
.section-features .feature-prev:hover,
.section-features .feature-next:hover { color: #C19383; }
.offer-prev em,
.offer-next em,
.feature-prev em,
.feature-next em { font-style: italic; }

/* Make May Mean More — second offer slide */
.offer-slide--may {
  align-items: center;
  gap: 3.75rem;
  padding-right: 0;
}
.offer-slide--may .offer-text {
  padding: 3.75rem 4.375rem 3.75rem 5rem;
  max-width: 37.5rem;
}
.offer-slide--may .offer-title {
  font-family: "Source Serif Pro", serif;
  font-size: 2.5rem;
  font-style: italic;
  font-weight: 300;
  color: #C19383;
  line-height: 1.15;
  margin-bottom: 1.875rem;
}
.offer-slide--may .offer-desc {
  color: rgba(255, 255, 255, 0.85);
  font-family: "Commissioner", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.75;
  font-weight: 300;
}
.offer-slide--may .offer-desc p { margin: 0 0 1rem; }
.offer-actions--may {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem 2.5rem;
  margin-top: 1.875rem;
}
.offer-slide--may .offer-image--arched img {
  aspect-ratio: 5 / 4;
  max-height: none;
}

/* Homepage Features slider — show one slide at a time */
.features-content-area .feature-slide { display: none; }
.features-content-area .feature-slide.is-active { display: flex; }

/* ==========================================================================
   Offers Terms & Conditions modal
   ========================================================================== */
.offers-terms-modal {
  position: fixed;
  inset: 0;
  z-index: 99000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
.offers-terms-modal[hidden] { display: none; }
.offers-terms-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}
.offers-terms-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  cursor: pointer;
}
.offers-terms-modal__dialog {
  position: relative;
  background: #2a2a2a;
  color: #fff;
  width: 100%;
  max-width: 32rem;
  padding: 3.125rem 2.5rem 2.5rem;
  text-align: center;
  box-shadow: 0 1.25rem 3.75rem rgba(0, 0, 0, 0.45);
  border-top: 2px solid #C19383;
}
.offers-terms-modal__title {
  font-family: "Source Serif Pro", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 1.875rem;
  margin: 0 0 1rem;
  color: #C19383;
}
.offers-terms-modal__dialog p {
  font-family: "Commissioner", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}
.offers-terms-modal__close {
  position: absolute;
  top: 0.625rem;
  right: 0.875rem;
  width: 2.25rem;
  height: 2.25rem;
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 1.875rem;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
.offers-terms-modal__close:hover { opacity: 1; }