/*
Theme Name: Cayman Showcase (DJ Grey)
Theme URI: https://example.com/cayman-showcase
Author: M365 Copilot
Description: A single-page Cayman Islands showcase theme with a DJ Grey animated hero section and brand highlights for Elite Realty, Peripheral Life & Style, and Grand Cayman Distillery.
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cayman-showcase
*/

/* ====== GLOBAL ====== */
:root{ --ocean:#0077a8; --ocean-dark:#005f82; --aqua:#00eaff; --ink:#222; --paper:#f5faff; }
html{scroll-behavior:smooth}
body{font-family: Arial, Helvetica, sans-serif;margin:0;background:var(--paper);color:var(--ink)}
a{color:var(--ocean-dark);text-decoration:none}

/* ====== NAV ====== */
.site-nav{background:var(--ocean);position:sticky;top:0;z-index:50}
.site-nav .inner{max-width:1100px;margin:0 auto;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px 18px;color:#fff}
.site-title{font-weight:800;color:#fff}
.menu a{color:#fff;font-weight:600;margin:0 10px}

/* ====== HERO ====== */
.hero{position:relative;height:95vh;overflow:hidden;color:#fff;
  background:url('https://images.unsplash.com/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
  animation:waveMotion 12s ease-in-out infinite alternate}
@keyframes waveMotion{0%{background-position-y:0}50%{background-position-y:-40px}100%{background-position-y:0}}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px)}
.dj-grey{position:absolute;bottom:0;right:0;height:75vh;z-index:5;animation:float 4s ease-in-out infinite}
@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}100%{transform:translateY(0)}}
.hero-content{position:relative;z-index:10;max-width:640px;padding:80px 40px;text-shadow:0 4px 10px rgba(0,0,0,.5)}
.neon-logo{font-size:4.5rem;font-weight:900;color:var(--aqua);text-shadow:0 0 8px var(--aqua),0 0 20px var(--aqua),0 0 40px var(--aqua),0 0 70px var(--aqua)}
.button{display:inline-block;background:#009bd6;color:#fff;padding:14px 28px;border-radius:6px;font-weight:700;margin-top:16px}
.button:hover{background:#007fb0;transform:scale(1.05)}

/* ====== SECTIONS ====== */
section{max-width:1100px;margin:60px auto;background:#fff;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.08);padding:40px}
section h2{color:var(--ocean-dark);margin-top:0}
.image-banner{width:100%;height:260px;border-radius:10px;background-size:cover;background-position:center;margin-bottom:24px}
.brand{background:#e8f6ff;border-left:6px solid var(--ocean);padding:18px;border-radius:6px;margin-top:16px}

/* ====== FOOTER ====== */
.site-footer{background:var(--ocean-dark);color:#fff;text-align:center;padding:24px;margin-top:60px}