/* F&S R65 — HERO CARD ONLY: paired marble stone, NOT glass.
   All structure, photo, section layout, header, glass tiles and icons stay unchanged.
   Premium page exclusively; layer comes after R64.
*/
:root {
  --fs65-slab: url("fs-marble-r63-light.webp");
  --fs65-slab-wash: rgba(250,247,239,.14);
  --fs65-ink: #29332f;
  --fs65-secondary: #45504b;
  --fs65-rim: rgba(119,131,127,.60);
  --fs65-well: rgba(231,230,219,.87);
  --fs65-well-ink: #29352f;
  --fs65-well-border: rgba(84,103,97,.34);
}
html[data-theme="dark"] {
  --fs65-slab: url("fs-marble-r63-dark.webp");
  --fs65-slab-wash: rgba(5,10,12,.11);
  --fs65-ink: #f3eee6;
  --fs65-secondary: #e5e1d9;
  --fs65-rim: rgba(162,173,168,.54);
  --fs65-well: rgba(10,17,18,.78);
  --fs65-well-ink: #f0eee7;
  --fs65-well-border: rgba(186,197,188,.28);
}
html[data-theme] .fs11-hero .fs11-hero-copy {
  /* Single continuous veined stone slab, lightly honed, no translucent glass. */
  background: linear-gradient(var(--fs65-slab-wash),var(--fs65-slab-wash)),
              var(--fs65-slab) center / cover no-repeat !important;
  background-color: #e7e4da !important;
  background-image: linear-gradient(var(--fs65-slab-wash),var(--fs65-slab-wash)), var(--fs65-slab) !important;
  background-size: 100% 100%, cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 1px solid var(--fs65-rim) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow:
    0 3px 0 rgba(70,81,76,.27),
    0 27px 70px rgba(18,29,26,.30),
    inset 0 2px 0 rgba(255,255,255,.66),
    inset 0 -3px 7px rgba(76,83,73,.18) !important;
}
html[data-theme="dark"] .fs11-hero .fs11-hero-copy {
  background-color: #151a1b !important;
  box-shadow:
    0 3px 0 rgba(4,10,11,.76),
    0 29px 77px rgba(0,0,0,.53),
    inset 0 1px 0 rgba(229,225,206,.15),
    inset 0 -3px 8px rgba(0,0,0,.45) !important;
}
/* Clean shallow bevel cut directly into the slab, without another card. */
html[data-theme] .fs11-hero .fs11-hero-copy::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 6px;
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(74,92,87,.20);
  border-radius: inherit;
  box-shadow: inset 0 2px 4px rgba(28,42,37,.13),
              0 1px 0 rgba(255,255,255,.38);
}
html[data-theme="dark"] .fs11-hero .fs11-hero-copy::before {
  border-color: rgba(206,211,201,.15);
  box-shadow: inset 0 3px 6px rgba(0,0,0,.38),
              0 1px 0 rgba(219,214,198,.08);
}
html[data-theme] .fs11-hero .fs11-hero-copy > * { position: relative; z-index: 1; }
html[data-theme] .fs11-hero .fs11-hero-copy h1,
html[data-theme] .fs11-hero .fs11-hero-copy > p:not(.fs13-search-note),
html[data-theme] .fs11-hero .fs11-hero-copy .fs13-hero-links a {
  color: var(--fs65-ink) !important;
}
html[data-theme] .fs11-hero .fs11-hero-copy > p:not(.fs13-search-note) {
  text-shadow: none !important;
  opacity: 1 !important;
}
html[data-theme] .fs11-hero .fs11-hero-copy .fs13-search-note {
  color: var(--fs65-secondary) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
/* The same search form remains functional; it becomes an indented stone well. */
html[data-theme] .fs11-hero .fs11-hero-copy .fs13-name-lookup,
html[data-theme] .fs11-hero .fs11-hero-copy .fs13-name-lookup:focus-within {
  background: var(--fs65-well) !important;
  background-image: none !important;
  border: 1px solid var(--fs65-well-border) !important;
  box-shadow: inset 0 4px 8px rgba(30,42,39,.21),
              inset 0 -1px 0 rgba(255,255,255,.33) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-theme="dark"] .fs11-hero .fs11-hero-copy .fs13-name-lookup,
html[data-theme="dark"] .fs11-hero .fs11-hero-copy .fs13-name-lookup:focus-within {
  box-shadow: inset 0 4px 10px rgba(0,0,0,.53),
              inset 0 -1px 0 rgba(226,218,203,.08) !important;
}
html[data-theme] .fs11-hero .fs13-name-lookup input,
html[data-theme] .fs11-hero .fs13-name-lookup select,
html[data-theme] .fs11-hero .fs13-name-lookup .fs14-select-trigger {
  color: var(--fs65-well-ink) !important;
}
html[data-theme] .fs11-hero .fs13-name-lookup input::placeholder {
  color: var(--fs65-well-ink) !important;
  opacity: .77 !important;
}
html[data-theme] .fs11-hero .fs13-name-lookup input:focus,
html[data-theme] .fs11-hero .fs13-name-lookup input:focus-visible {
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme] .fs11-hero .fs13-name-lookup .fs14-select-trigger {
  background: transparent !important;
}
@media(max-width:700px) {
  html[data-theme] .fs11-hero .fs11-hero-copy::before { inset: 4px; }
}