/* Darren Jansen — shared site styles */
html { scroll-behavior: smooth; }
body { font-family:'Inter',system-ui,sans-serif; color:#0A1A1F; background:#F7F3EC; }
h1,h2,h3,h4 { font-family:'Fraunces',Georgia,serif; }
.kicker { letter-spacing:.28em; }
.lift { transition: transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease; }
.lift:hover { transform: translateY(-8px); box-shadow: 0 28px 50px -28px rgba(10,26,31,.5); }
.reveal { opacity:0; transform: translateY(26px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
.reveal.in { opacity:1; transform:none; }
.rule { width:56px; height:2px; background:#D4AA50; }
nav#nav.scrolled { background: rgba(10,26,31,.95); backdrop-filter: blur(8px); }
.gold-link { background-image: linear-gradient(#D4AA50,#D4AA50); background-size:0% 1.5px; background-repeat:no-repeat; background-position:left bottom; transition: background-size .35s ease; }
.group:hover .gold-link, a:hover > .gold-link { background-size:100% 1.5px; }
@keyframes scroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }
/* hero overlay helper: put image in --bg, gradient applied automatically */
.ov { background-image: linear-gradient(180deg, rgba(10,26,31,.45) 0%, rgba(10,26,31,.82) 100%), var(--bg); background-size:cover; background-position:center; }
.ov-soft { background-image: linear-gradient(180deg, rgba(10,26,31,.40) 0%, rgba(10,26,31,.72) 100%), var(--bg); background-size:cover; background-position:center; }