/* ============================================================
   Bridgewater AG — aesthetic refinements
   Loaded after the Webflow stylesheets. No layout changes:
   same structure, fonts, and colors — only finish and polish.
   Brand tokens: gold #ebb80b · black #0d0505 · Karla / Source Serif Pro
   ============================================================ */

/* ---------- global finish ---------- */

::selection {
  background: rgba(235, 184, 11, 0.25);
}

:focus-visible {
  outline: 2px solid #ebb80b;
  outline-offset: 2px;
}

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ---------- buttons: steadier, more deliberate ---------- */

.button,
.button-4,
.w-button {
  letter-spacing: 0.08em;
  cursor: pointer;
  border: 1px solid #0d0505;
  transition: background-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
}

.button:hover,
.button-4:hover,
input.w-button:hover {
  background-color: #1c1712;
  box-shadow: inset 0 -3px 0 0 #ebb80b;
}

.button:active,
.button-4:active,
input.w-button:active {
  transform: translateY(1px);
}

/* secondary (outlined) buttons keep their look, gain a calm hover */
.button.is-secondary:hover {
  box-shadow: inset 0 -3px 0 0 #ebb80b;
}

/* ---------- navigation: quiet gold underline ---------- */

.nav_link {
  transition: border-color 0.25s ease, color 0.25s ease;
}

.nav_link:hover {
  border-bottom-color: #ebb80b;
}

.nav_link.w--current {
  border-bottom-color: #ebb80b;
}

/* ---------- process cards: a touch more substance ---------- */

.tab-item-2 {
  border: 1px solid rgba(13, 5, 5, 0.06);
  box-shadow: 0 1px 2px rgba(13, 5, 5, 0.04);
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.tab-item-2:hover {
  border-color: rgba(235, 184, 11, 0.45);
  box-shadow: 0 10px 28px -14px rgba(13, 5, 5, 0.22);
}

/* ---------- forms: precise, confident fields ---------- */

.form_input-2 {
  background-color: #fff;
  border: 1px solid #dbdad9;
  border-radius: 0;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form_input-2:hover {
  border-color: #b1afac;
}

.form_input-2:focus {
  border-color: #ebb80b;
  box-shadow: 0 0 0 3px rgba(235, 184, 11, 0.16);
  background-color: #fff;
}

.form_input-2::placeholder {
  color: #9c9999;
  opacity: 1;
}

/* success / error messages: match the brand, not the template */
.form_success-message {
  background-color: #fbf6e7;
  border-left: 0.125rem solid #ebb80b;
  color: #0d0505;
}

/* honeypot anti-spam field: invisible to humans */
.hp-field {
  position: absolute !important;
  left: -9999px !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none;
}

/* ---------- gold dot: real dimensions ----------
   The original template gave the heading dot its width via a hidden
   "ss" text span (opacity: 0). That junk text is gone; this gives
   the dot proper intrinsic size instead. */

.dot {
  display: inline-block;
  width: 0.45em;
  height: 1em;
  vertical-align: text-bottom;
}

/* ---------- footer: calm gold hovers ---------- */

.footer1_link:hover {
  color: #ebb80b;
}

.social_link {
  transition: opacity 0.25s ease;
}

.social_link:hover {
  opacity: 0.65;
}

/* ---------- imagery: consistent, composed ---------- */

img {
  -webkit-user-drag: none;
}

/* reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* ---------- hero: proper proportions + interior imagery ----------
   The hero was a full 100vh with the yacht photo. Now: a controlled
   height and the property's own interior (purple feature wall +
   breakfast/coffee bar), with a left scrim so the heading stays crisp. */

.section_home-hero {
  height: min(86vh, 760px);
  min-height: 540px;
}

.section_home-hero .bg-hero-img {
  object-position: 62% 58%;
}

.section_home-hero .bg-overlay {
  background-image:
    linear-gradient(#fff, #fff 8%, rgba(255, 255, 255, 0) 30%),
    linear-gradient(100deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.88) 30%, rgba(255, 255, 255, 0.45) 55%, rgba(255, 255, 255, 0) 75%);
}

@media (max-width: 767px) {
  .section_home-hero { height: auto; min-height: 480px; }
  .section_home-hero .bg-overlay {
    background-image: linear-gradient(rgba(255,255,255,0.94), rgba(255,255,255,0.82) 60%, rgba(255,255,255,0.55));
  }
}

/* ---------- text-only Mission / Vision / Philosophy ----------
   Photos removed per request: these sections are now single-column
   text blocks with comfortable measure. */

.section_mission .layout1_component,
.section_vision .layout1_component,
#philosophy .layout1_component {
  grid-template-columns: 1fr;
}

.section_mission .layout1_content,
.section_vision .layout1_content,
#philosophy .layout1_content {
  max-width: 46rem;
}

.section_mission, .section_vision {
  padding-top: 3rem;
  padding-bottom: 3rem;
}