/* Forms & Standing R64 — approved building hero / marble site.
 * Scope: premium-r13.html ONLY. R51/R59/R62 source preserved.
 * No DOM/layout/section order/3-2-3 grid/service icon changes.
 * The building photo is restored inside the existing sticky hero.
 * A single light/dark marble surface covers every section after the hero.
 */
:root {
  --fs64-marble: url("fs-marble-r63-light.webp");
  --fs64-fallback: #e9e5dc;
  --fs64-card-glass: linear-gradient(145deg,rgba(45,56,54,.94),rgba(15,30,27,.91));
  --fs64-card-rim: rgba(227,235,226,.32);
  --fs64-card-shadow: 0 30px 78px rgba(15,23,21,.31);
  --fs64-search: rgba(9,23,20,.79);
}
html[data-theme="dark"] {
  --fs64-marble: url("fs-marble-r63-dark.webp");
  --fs64-fallback: #161a1d;
  --fs64-card-glass: linear-gradient(145deg,rgba(36,48,44,.94),rgba(8,23,19,.94));
  --fs64-card-rim: rgba(225,231,222,.22);
  --fs64-card-shadow: 0 32px 84px rgba(0,0,0,.50);
  --fs64-search: rgba(4,17,14,.83);
}
/* A single, stable marble backdrop for all non-hero sections and the footer.
   R21's old full-screen column ghost must not show through the new stone. */
html[data-theme] body:not(:has(.site)) {
  background-color: var(--fs64-fallback) !important;
  background-image: var(--fs64-marble) !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
html[data-theme] .fs21-viewport-backdrop {
  display: none !important;
}
html[data-theme] .fs11-main,
html[data-theme] .fs11-footer {
  background: transparent !important;
}
/* Building: restore the original PHOTO in both themes. The pinned hero's
   scroll morph, geometry, content, and section layout remain unchanged. */
html[data-theme] .fs11-hero {
  background-image: none !important;
  background-color: #d8d9d6 !important;
}
html[data-theme="dark"] .fs11-hero {
  background-color: #111d20 !important;
}
html[data-theme] .fs11-hero-photo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
/* The existing hero card becomes the smoked glass panel from the selected
   light/dark layout references. No size, margins, or padding are changed. */
html[data-theme] .fs11-hero-copy {
  background: var(--fs64-card-glass) !important;
  background-image: var(--fs64-card-glass) !important;
  border: 1px solid var(--fs64-card-rim) !important;
  -webkit-backdrop-filter: blur(17px) saturate(110%) !important;
  backdrop-filter: blur(17px) saturate(110%) !important;
  box-shadow: var(--fs64-card-shadow), inset 0 1px 0 rgba(245,245,235,.12) !important;
}
html[data-theme] .fs11-hero-copy::before {
  content: none !important;
  display: none !important;
}
html[data-theme] .fs11-hero-copy h1,
html[data-theme] .fs11-hero-copy > p,
html[data-theme] .fs11-hero-copy .fs13-hero-links a {
  color: #f3f0e9 !important;
}
html[data-theme] .fs11-hero-copy > .fs13-search-note {
  color: #dfdfd7 !important;
}
/* Recessed search stays clean and focus-glow-free (R59). */
html[data-theme] .fs11-hero-copy .fs13-name-lookup,
html[data-theme] .fs11-hero-copy .fs13-name-lookup:focus-within {
  background: var(--fs64-search) !important;
  border: 1px solid rgba(201,212,200,.22) !important;
  box-shadow: inset 0 3px 7px rgba(0,0,0,.28) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}
html[data-theme] .fs11-hero-copy .fs13-name-lookup input,
html[data-theme] .fs11-hero-copy .fs13-name-lookup select,
html[data-theme] .fs11-hero-copy .fs13-name-lookup .fs14-select-trigger {
  color: #f1f0e9 !important;
}
html[data-theme] .fs11-hero-copy .fs13-name-lookup input::placeholder {
  color: rgba(239,240,233,.80) !important;
}
html[data-theme] .fs11-hero-copy .fs13-name-lookup .fs14-select-trigger {
  background: transparent !important;
}
html[data-theme] .fs11-hero-copy .fs13-name-lookup button[type="submit"] {
  background: #e1c29a !important;
  border-color: #e1c29a !important;
  color: #202724 !important;
}
@media(max-width:700px) {
  html[data-theme] body:not(:has(.site)) {
    background-attachment: scroll !important;
  }
}

/* Maintain readable body copy on the dark glass card in LIGHT theme.
   R19 has a higher-specificity light-mode paragraph rule. */
html[data-theme="light"] .fs11-hero .fs11-hero-copy > p:not(.fs13-search-note),
html:not([data-theme="dark"]) .fs11-hero .fs11-hero-copy > p:not(.fs13-search-note) {
  color: #f3f0e9 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.18) !important;
}