/* Forms & Standing R62 — chosen stone direction, materials only.
 * Identical premium page DOM, card size, geometry, section order, responsive layout.
 * Uses ONE photo-derived mineral pattern in coordinated light/dark variants.
 * Preserves all 8 glass service tiles and their WebP icons.
 */
:root {
  --fs62-stone: url("fs-marble-r63-light.webp");
  --fs62-stone-wall-wash: rgba(230,230,219,.075);
  --fs62-stone-face-wash: rgba(249,247,240,.30);
  --fs62-stone-rim: rgba(145,151,145,.65);
  --fs62-stone-inset: rgba(53,68,68,.24);
  --fs62-stone-shade: rgba(25,39,36,.23);
  --fs62-stone-text: #242e2c;
}
html[data-theme="dark"] {
  --fs62-stone: url("fs-marble-r63-dark.webp");
  --fs62-stone-wall-wash: rgba(1,6,8,.09);
  --fs62-stone-face-wash: rgba(0,4,6,.22);
  --fs62-stone-rim: rgba(159,167,160,.55);
  --fs62-stone-inset: rgba(180,187,181,.25);
  --fs62-stone-shade: rgba(0,0,0,.56);
  --fs62-stone-text: #f1efea;
}
/* Header retains its existing raised-lip geometry; replace R58 texture only. */
html[data-theme] .fs11-header.fs11-glass {
  background-image: linear-gradient(var(--fs62-stone-face-wash),var(--fs62-stone-face-wash)),var(--fs62-stone) !important;
  background-size:100% 100%,cover!important;
  background-position: center!important;
}
/* The hero section gets the same stone, not a separate design or new layout. */
html[data-theme] .fs11-hero {
  background-image: linear-gradient(var(--fs62-stone-wall-wash),var(--fs62-stone-wall-wash)),var(--fs62-stone)!important;
  background-position:center,center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-color: #e4e0d7!important;
}
html[data-theme="dark"] .fs11-hero {background-color:#141b1d!important}
/* Replace photograph only in the hero section. It is not deleted or modified. */
html[data-theme] .fs11-hero-photo {visibility:hidden!important}
/* Existing hero CARD is the stone plaque. No width/height/padding/margin changes. */
html[data-theme] .fs11-hero-copy {
  position:relative;
  isolation:isolate;
  background-image:
    linear-gradient(var(--fs62-stone-face-wash),var(--fs62-stone-face-wash)),
    var(--fs62-stone)!important;
  background-position:center,55% 50%!important;
  background-size:100% 100%,cover!important;
  background-repeat:no-repeat!important;
  background-color:#e4e0d7!important;
  border:2px solid var(--fs62-stone-rim)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:
    0 2px 0 rgba(255,255,255,.36),
    0 22px 54px var(--fs62-stone-shade),
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -3px 7px rgba(41,55,51,.13)!important;
}
html[data-theme="dark"] .fs11-hero-copy{
  background-color:#11191b!important;
  box-shadow:
    0 2px 0 rgba(194,186,169,.15),
    0 28px 58px var(--fs62-stone-shade),
    inset 0 1px 0 rgba(228,226,213,.13),
    inset 0 -3px 9px rgba(0,0,0,.35)!important;
}
/* Recess the existing slab slightly, without adding another visual tile. */
html[data-theme] .fs11-hero-copy::before {
  content:"";
  position:absolute;
  inset:6px;
  pointer-events:none;
  border:1px solid var(--fs62-stone-inset);
  border-radius:inherit;
  box-shadow:inset 0 3px 6px rgba(25,38,35,.22);
  z-index:0;
}
html[data-theme="dark"] .fs11-hero-copy::before {
  box-shadow:inset 0 4px 9px rgba(0,0,0,.48);
}
html[data-theme] .fs11-hero-copy>*{position:relative;z-index:1}
html[data-theme] .fs11-hero h1,
html[data-theme] .fs11-hero-copy>p,
html[data-theme] .fs11-hero-copy .fs13-hero-links a{
  color:var(--fs62-stone-text)!important;
}
/* Search field is recessed; never restore the R59 focus/highlight. */
html[data-theme] .fs11-hero-copy .fs13-name-lookup{
  background:rgba(229,231,225,.49)!important;
  border:1px solid var(--fs62-stone-inset)!important;
  box-shadow:inset 0 3px 7px rgba(43,57,54,.20),0 1px 0 rgba(255,255,255,.33)!important;
}
html[data-theme="dark"] .fs11-hero-copy .fs13-name-lookup{
  background:rgba(3,10,12,.75)!important;
  box-shadow:inset 0 4px 9px rgba(0,0,0,.62),0 1px 0 rgba(197,195,179,.12)!important;
}
html[data-theme] .fs11-hero-copy .fs13-name-lookup:focus-within{
  outline:none!important;
}
@media(max-width:700px){
  html[data-theme] .fs11-hero-copy::before {inset:4px}
}