/* James Teeple for SC House — shared styling */
:root{
  --navy:#12255b;
  --red:#660000;
}
html{scroll-behavior:smooth}
body{font-family:'Source Sans 3',Arial,Helvetica,sans-serif;color:#1e1e1e;background:#ffffff}
h1,h2,h3,h4,h5,.font-head{font-family:'Montserrat',Arial,sans-serif;font-weight:800;letter-spacing:.01em}
.eyebrow{font-family:'Montserrat',Arial,sans-serif;font-weight:800;letter-spacing:.28em;text-transform:uppercase}

/* nav dropdown */
.navitem > .dropdown{opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease}
.navitem:hover > .dropdown{opacity:1;visibility:visible;transform:translateY(0)}

/* hero rotator */
.rot-slide{opacity:0;transition:opacity .8s ease;position:absolute;inset:0;display:flex;align-items:center}
.rot-slide.on{opacity:1;position:relative}

@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.rise{animation:riseIn .7s ease both}

.link-underline{background-image:linear-gradient(#660000,#660000);background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s}
.link-underline:hover{background-size:100% 2px}