:root {--primary-bg:rgba(0,0,0,1); --overlay-bg:rgba(0, 0, 0, 0.5); --primary-white:#ffffff; --accent-color:#daab75; --hover-color:#c65e4e; --body-font:"Helvetica Neue", Arial, sans-serif; --box-shadow:0 8px 15px rgba(0, 0, 0, 0.3);}
* {box-sizing:border-box; margin:0; padding:0;}
footer {text-align:center; padding:1em; font-size:0.8em; background-color:rgba(0,0,0,0.75);}
header {display:flex; align-items:center; justify-content:space-between; padding:1em 2em; background-color:rgba(0,0,0,0.75);}
header .logo {font-size:1.2em; font-weight:bold; letter-spacing:1px; color:var(--primary-white);}
html, body {width:100%; height:100%; font-family:var(--body-font); color:var(--primary-white); background-color:var(--primary-bg);}
.btn-glass {color:rgba(128,0,32,1) !important;}
.call-to-action {margin-top:1.5em;}
.call-to-action a {display:inline-block; background:var(--accent-color); color:var(--primary-white); font-size:1em; font-weight:bold; text-decoration:none; margin:0.5em; padding:0.8em 1.5em; border-radius:5px; transition:all 0.3s ease;}
.call-to-action a:hover {background:var(--hover-color); transform:translateY(-3px);}
.hero {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; flex:1 0 auto; padding:2em; background-blend-mode:overlay !important;}
.hero h1 {font-size:2.5em; margin-bottom:0.5em; text-shadow:0 2px 5px rgba(0,0,0,0.5);}
.hero img {width:100%; min-width:50vw; height:auto; border-radius:10px; box-shadow:var(--box-shadow); margin-bottom:1.5em;}
.hero p {font-size:1.2em; max-width:600px; margin:0 auto 1.5em auto; line-height:1.6; color:#f2f2f2; text-shadow:0 1px 3px rgba(0,0,0,0.4);}
.no-wrap {white-space:nowrap;}
.overlay-text {position:absolute; top:35vh; left:50%; transform:translate(-50%,-50%); text-align:center; color:var(--primary-white); background:var(--overlay-bg); padding:15px 30px; border-radius:5px; text-shadow:0 2px 5px rgba(0, 0, 0, 0.8); font-size:calc(1.2em + 1vw); font-weight:bold; white-space:nowrap;}
.text-underline {text-decoration:underline;}
@media (max-width: 768px) {
.call-to-action a {margin:0.5em 0; width:80%;}
.hero h1 {font-size:1.8em;}
.hero p {font-size:1em;}
.overlay-text {font-size:1em; top:12rem;}}