/* Forms & Standing / R17 ACTUAL GLASS
 * Light-mode correction after screenshot review: cards must reveal architecture
 * THROUGH the material, not look like flat ivory tiles.
 * Single continuous backdrop: no section breaks, no colored strips.
 * Keeps 1px borders, original hero photo (no image filters), custom select,
 * scroll-card, workspace, typography, all routes and interactions.
 */
:root{
  --fs17-canvas:#e4e6e0;
  --fs17-edge:rgba(255,255,253,.66);
  --fs17-frost-a:rgba(253,254,250,.28);
  --fs17-frost-b:rgba(248,249,246,.13);
  --fs17-frost-c:rgba(249,250,245,.21);
  --fs17-reflection:rgba(255,255,255,.78);
  --fs17-shadow:0 26px 60px -31px rgba(25,37,29,.37),0 10px 24px -17px rgba(25,34,29,.29),inset 0 1px 0 rgba(255,255,255,.70);
  --fs17-architectural-opacity:.37;
}
html[data-theme="dark"]{
  --fs17-canvas:#1a211e;
  --fs17-edge:rgba(241,247,239,.23);
  --fs17-frost-a:rgba(37,47,41,.29);
  --fs17-frost-b:rgba(25,36,30,.14);
  --fs17-frost-c:rgba(31,43,36,.21);
  --fs17-reflection:rgba(255,255,255,.14);
  --fs17-shadow:0 28px 72px -26px rgba(0,0,0,.61),0 10px 30px -15px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.12);
  --fs17-architectural-opacity:.26;
}
body{background:var(--fs17-canvas)!important}
/* A continuous, softly architectural scene behind ALL sections. */
.fs11-main{
  position:relative;
  isolation:isolate;
  background:linear-gradient(175deg,rgba(239,239,234,.29),rgba(229,233,225,.16) 46%,rgba(230,232,226,.23))!important;
}
html[data-theme="dark"] .fs11-main{
  background:linear-gradient(175deg,rgba(28,37,32,.34),rgba(22,32,27,.25) 50%,rgba(25,34,29,.26))!important;
}
.fs11-main::before{
  content:""!important;
  display:block!important;
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:0;
  background-image:url("fs-columns-hero-r11.webp");
  background-size:cover;
  background-position:50% 48%;
  background-repeat:no-repeat;
  filter:grayscale(1) contrast(.80) blur(6px);
  opacity:var(--fs17-architectural-opacity);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 11%,#000 91%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 11%,#000 91%,transparent 100%);
}
/* The site is one continuous scene. Remove other independent photo bands. */
.fs11-main>.fs11-section:first-child::before,
.fs11-workspace-section::before{content:none!important;display:none!important}
.fs11-section,.fs11-workspace-section{background:transparent!important;border:0!important}
.fs11-workspace-section{border-top:0!important;border-bottom:0!important}
/* Architectural context must show through the cards. */
.fs11-card,
.fs11-intro,
.fs11-faq details,
.fs11-workspace-frame{
  background:linear-gradient(134deg,
    var(--fs17-frost-a) 0%,
    var(--fs17-frost-b) 55%,
    var(--fs17-frost-c) 100%
  )!important;
  background-color:transparent!important;
  border:1px solid var(--fs17-edge)!important;
  box-shadow:var(--fs17-shadow)!important;
  -webkit-backdrop-filter:blur(9px) saturate(1.1)!important;
  backdrop-filter:blur(9px) saturate(1.1)!important;
}
/* The top-left specular reflection is an optical cue, not a solid backing. */
.fs11-card{position:relative;isolation:isolate;overflow:hidden}
.fs11-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(ellipse 90% 50% at 0% 0%,rgba(255,255,255,.17),transparent 80%);
}
.fs11-card>*{position:relative;z-index:1}
html[data-theme="dark"] .fs11-card::after{
  background:radial-gradient(ellipse 90% 50% at 0% 0%,rgba(255,255,255,.07),transparent 80%);
}
.fs11-card:hover{
  box-shadow:0 30px 75px -31px rgba(23,34,27,.43),0 11px 30px -18px rgba(23,34,27,.31),inset 0 1px 0 var(--fs17-reflection)!important;
}
html[data-theme="dark"] .fs11-card:hover{
  box-shadow:0 30px 79px -29px rgba(0,0,0,.66),inset 0 1px 0 var(--fs17-reflection)!important;
}
/* Glass nested workspace: translucent both outside and inside. */
.fs11-workspace-topbar{background:rgba(255,255,255,.045)!important;border-bottom:1px solid var(--fs16-divider)!important}
.fs11-workspace-sidebar{background:rgba(255,255,255,.035)!important;border-right:1px solid var(--fs16-divider)!important}
.fs11-workspace-sidebar button[aria-current="page"]{
  background:linear-gradient(125deg,var(--fs17-frost-a),var(--fs17-frost-c))!important;
  border:1px solid var(--fs17-edge)!important;
}
/* Shared 1px materials in hero, header and search. Preserve generous contrast. */
.fs11-hero-copy,.fs11-header,.fs13-name-lookup,.fs13-search-response{
  border:1px solid var(--fs17-edge)!important;
}
.fs11-hero-photo{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
.fs11-hero::before,.fs11-hero::after{content:none!important}
.fs11-footer{border:0!important;background:transparent!important}
/* Avoid layered, opaque section backgrounds. */
.fs11-intro h2,.fs11-card h3,.fs11-workspace-content h3,
.fs11-section-head h2,.fs11-workspace-copy h2{color:var(--fs11-ink)!important}
@media(max-width:850px){
  .fs11-main::before{background-size:auto 100%;background-position:52% center;filter:grayscale(1) contrast(.84) blur(7px)}
}
@media(max-width:600px){
  :root{--fs17-architectural-opacity:.24}
  html[data-theme="dark"]{--fs17-architectural-opacity:.22}
  .fs11-main::before{background-size:auto 100%;background-position:55% center}
  .fs11-card{border-radius:19px}
}
@media(prefers-reduced-transparency:reduce){
  .fs11-card,.fs11-intro,.fs11-faq details,.fs11-workspace-frame{
    background:rgba(243,243,238,.90)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  html[data-theme="dark"] .fs11-card,
  html[data-theme="dark"] .fs11-intro,
  html[data-theme="dark"] .fs11-faq details,
  html[data-theme="dark"] .fs11-workspace-frame{background:rgba(31,40,34,.93)!important}
}

/* R17 dark-mode cascade fix: outrank legacy R15 dark-only background-image. */
html[data-theme="dark"] .fs11-card,
html[data-theme="dark"] .fs11-intro,
html[data-theme="dark"] .fs11-faq details,
html[data-theme="dark"] .fs11-workspace-frame {
  background:linear-gradient(134deg,
    var(--fs17-frost-a) 0%,
    var(--fs17-frost-b) 55%,
    var(--fs17-frost-c) 100%
  )!important;
  background-color:transparent!important;
  border:1px solid var(--fs17-edge)!important;
  -webkit-backdrop-filter:blur(9px) saturate(1.1)!important;
  backdrop-filter:blur(9px) saturate(1.1)!important;
}