.rolo-preview .lovable-video-hero{position:relative;display:flex;align-items:center;justify-content:center;height:75vh;height:75svh;min-height:0;overflow:hidden;background:#111}
.rolo-preview .lovable-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.rolo-preview .lovable-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(17,17,17,.7),rgba(17,17,17,.3),#111)}
.rolo-preview .lovable-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:clamp(24px,8svh,80px) 24px}
.rolo-preview .lovable-hero-content h1{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(4.5rem,12vw,10rem);color:#fff;line-height:.9;letter-spacing:-.02em;margin:0}
.rolo-preview .lovable-hero-content>p{font-family:Poppins,Arial,sans-serif;font-weight:300;font-size:20px;line-height:1.6;text-transform:uppercase;letter-spacing:.25em;color:rgba(255,255,255,.7);margin:16px 0 0}
.rolo-preview .lovable-hero-actions{display:flex;justify-content:center;gap:16px;margin-top:40px}
.rolo-preview .lovable-hero-actions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9999px;padding:14px 40px;font:600 13px/1.5 Poppins,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:transform 300ms,background 300ms,color 300ms,border-color 300ms}
.rolo-preview .lovable-hero-primary{background:#BF5B26;color:#111;box-shadow:0 12px 30px -8px #BF5B26}
.rolo-preview .lovable-hero-primary:hover{transform:translateY(-2px);background:#d46d35}
.rolo-preview .lovable-hero-actions .lovable-hero-secondary{background:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(255,255,255,.2);color:#fff}
.rolo-preview .lovable-hero-actions .lovable-hero-secondary:hover{transform:translateY(-2px);border-color:#BF5B26;color:#BF5B26}
.rolo-preview .lovable-hero-actions a:focus-visible{outline:2px solid white;outline-offset:5px}
.rolo-preview .site-header{position:absolute;top:0;background:transparent;border:0;box-shadow:none}
@media(max-width:680px){.rolo-preview .lovable-hero-content>p{font-size:18px}.rolo-preview .lovable-hero-actions{flex-direction:column;width:min(100%,250px)}.rolo-preview .lovable-hero-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){.rolo-preview .lovable-hero-actions a{transition:none}}