:root{
  --r: 2px;                 
  --hair: rgba(var(--ink-rgb), .12);
  --light-rgb: 255,255,255; 
  --light-a: .10;
  --mx: 62%; --my: 38%;
}

.section, .section-light, .section-dark { padding: 112px var(--sp-3); }
.section-intro { max-width: 680px; }
@media (max-width: 768px){ .section, .section-light, .section-dark { padding: 72px var(--sp-3); } }


.site-header{
  background: rgba(var(--hdr-rgb), var(--hdr-a, .78));
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  box-shadow: none;
  border-bottom: 1px solid var(--hdr-line);
}
.main-nav{ background: transparent; border-top: 1px solid var(--hdr-line); }
.logo-area a:hover, .logo-img:hover { transform: none; }
.logo-text{ text-shadow: none; }
.logo-text span{ text-shadow: none; }
.nav-link{ border-bottom-width: 2px; font-size: 13px; letter-spacing: .1em; }
.nav-link:hover, .nav-link.active{ background: transparent; }
.nav-dropdown{ border-radius: 0; border-top-width: 2px; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }


.btn-p,.btn-s,.btn-o,.btn-dark,.btn-ghost,.btn-nom{
  border-radius: var(--r); box-shadow: none !important; letter-spacing: .12em; font-size: 12.5px;
}
.btn-p:hover,.btn-s:hover,.btn-o:hover,.btn-dark:hover,.btn-ghost:hover,.btn-nom:hover,
.btn-p:active,.btn-s:active,.btn-o:active{ transform: none; }
.btn-o{ border-width: 1px; }
.btn-s,.btn-ghost{ border-width: 1px; }


.card{
  border-radius: var(--r); border: 1px solid var(--hair); border-top: 1px solid var(--hair);
  box-shadow: none; background: var(--card-bg, #fff);
  background-image: radial-gradient(420px circle at var(--cx, -9999px) var(--cy, -9999px), rgba(var(--sheen-rgb, var(--accent-rgb)), .07), transparent 60%);
}
.card:hover{ transform: none; box-shadow: none; border-color: rgba(var(--accent-rgb), .55); border-top-color: rgba(var(--accent-rgb), .55); }
.card:hover .card-icon{ transform: none; box-shadow: none; }
.card-icon{
  width: 48px; height: 48px; border-radius: var(--r); background: transparent;
  border: 1px solid var(--hair); box-shadow: none; color: var(--accent-text);
}
.card-link:hover{ transform: none; }


.hero-slide{ filter: var(--photo-filter, none); }
.hero-light{
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: radial-gradient(640px circle at var(--mx) var(--my), rgba(var(--light-rgb), var(--light-a)), transparent 62%);
  transition: background .2s linear;
}
@media (prefers-reduced-motion: reduce){ .hero-light{ transition: none; } }
.hero::after, .hero-sm::after, .stats-banner::after{ height: 1px; }
.gold-line{ border-radius: 0; }

.skip-to-content{ top: -100px; }
.skip-to-content:focus{ top: 0; }

.site-footer a[style*="--gold"]{ color: var(--accent-on-dark, #fff) !important; }