/* James Teeple for SC House — shared styling */
:root{
  --navy:#12255b;
  --red:#660000;
}
html{scroll-behavior:smooth}
body{font-family:'Source Sans 3','Heebo',system-ui,sans-serif;color:#1e1e1e;background:#ffffff}
h1,h2,h3,h4,h5,.font-head{font-family:'Montserrat','Oswald',system-ui,sans-serif;font-weight:800;letter-spacing:-0.01em}
.eyebrow{font-family:'Oswald','Rajdhani',sans-serif;letter-spacing:.28em;text-transform:uppercase;font-weight:500}
.nav-link{position:relative}
.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:#660000;transition:width .28s ease}
.nav-link:hover:after,.nav-link[data-active]:after{width:100%}
.slide{display:none}
.slide.is-on{display:block;animation:fadeup .7s ease both}
@keyframes fadeup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.card-lift{transition:transform .3s ease, box-shadow .3s ease}
.card-lift:hover{transform:translateY(-6px);box-shadow:0 22px 48px -24px rgba(18,37,91,.55)}
.stripe-rule{height:3px;background:linear-gradient(90deg,#660000 0 55%,#12255b 55% 100%)}