body{font-family:"Inter",sans-serif;background:#ffff;color:#1a1a1a;line-height:1.6}
.slg-hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background-image:linear-gradient(135deg,#080808cc,#08080873),url(https://serreenlaw.com/wp-content/uploads/2026/03/1920x1080-hero.png);background-size:cover;background-position:center}
.slg-overlay{position:absolute;inset:0;backdrop-filter:blur(2px)}
.slg-container{width:min(1280px,92%);margin:auto;position:relative;z-index:2}
.slg-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,fr));align-items:center;gap:60px}
.slg-kicker{color:#d4b483;text-transform:uppercase;letter-spacing:3px;font-size:13px;font-weight:600;margin-bottom:18px}
.slg-title{color:#fff;margin-bottom:28px;font:700 clamp(3rem,6vw,6rem)/.95 "Cormorant Garamond",serif}
.slg-description{color:#ffffffd1;font-size:1.15rem;max-width:580px;margin-bottom:36px}
.slg-buttons{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:40px}
.slg-btn-primary,.slg-btn-secondary{padding:16px 32px;border-radius:14px;text-decoration:none;font-weight:600;transition:all .3s ease}
.slg-btn-primary{background:linear-gradient(135deg,#8d0e29,#520100);color:#fff;box-shadow:0 15px 40px #52010059}
.slg-btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 45px #52010080}
.slg-btn-secondary{border:1px solid #ffffff40;color:#fff;backdrop-filter:blur(12px);background:#ffffff14}
.slg-btn-secondary:hover{background:#ffffff2e}
.slg-image-wrap{position:relative;display:flex;justify-content:center}
.slg-hero-image{width:100%;max-width:520px;object-fit:contain;filter:drop-shadow(0 20px 50px #00000073)}
.slg-card{background:#ffffffb8;border:1px solid #fff6;backdrop-filter:blur(12px);border-radius:28px;padding:40px;transition:all .35s ease;box-shadow:0 10px 40px #0000000d}
.slg-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #0000001f}
.slg-section-title{text-align:center;margin-bottom:18px;color:#520100;font:clamp(2.5rem,4vw,4rem) "Cormorant Garamond",serif}
.slg-section-subtitle{text-align:center;max-width:760px;margin:auto;color:#666;margin-bottom:60px}
@media (max-width: 900px) {
.slg-hero-grid{grid-template-columns:fr;text-align:center}
.slg-description{margin-inline:auto}
.slg-buttons{justify-content:center}
.slg-title{line-height:1.05}
.slg-hero{padding:120px 0 80px}
}