/* v78 — cinematic streetwear scene. Copy remains live HTML for accessibility. */
.hero{align-items:flex-start;padding-top:28px}
.hero-copy{padding-top:0}
.hero:before{background-image:url('/hero-luxury-desktop-v2.png');background-position:center 52%}
.start:before{background-image:url('/cta-villa-v1.png');background-position:center 48%;opacity:.88}
.hero:after{background:linear-gradient(90deg,#050a0ae8 0%,#050a0adf 24%,#050a0a8f 46%,#050a0a08 78%),linear-gradient(0deg,#050a0af0 0%,transparent 25%),radial-gradient(ellipse at 80% 50%,transparent 32%,#050a0a55 100%)}
.hero .eyebrow{padding:10px 15px;border:1px solid #baffd075;border-radius:999px;background:#103322aa;box-shadow:0 0 30px #54e48926,inset 0 1px #dcffe45e;color:#e2ffeb;font-size:12px;letter-spacing:.26em}
.hero .eyebrow-light{background:#7bffa9;box-shadow:0 0 17px 5px #66ee9c99}
.hero h1{max-width:820px;text-shadow:0 8px 32px #000d}
.hero h1 em{color:#d9ffe7;text-shadow:0 0 40px #54ef9c78}
.hero-description{max-width:610px;color:#e3eae4;text-shadow:0 2px 14px #000c}
.hero .button-primary{background:linear-gradient(110deg,#e5fff0,#9bf0bd);color:#092115;box-shadow:0 13px 38px #45da7d40,inset 0 1px #fff}
.hero .button-primary:hover{box-shadow:0 17px 48px #68f59c6b}
.hero-proof{display:flex;align-items:center;gap:18px;max-width:630px;margin-top:18px;padding:15px 18px;border:1px solid #adf0c46b;border-radius:13px;background:linear-gradient(115deg,#0a281ccf,#09100fe0);box-shadow:0 12px 36px #0008,inset 0 1px #daffe327;backdrop-filter:blur(12px)}
.hero-proof strong{flex:none;color:#a9ffc8;font-size:clamp(31px,3.4vw,48px);line-height:1;letter-spacing:-.07em;text-shadow:0 0 26px #4bea83aa}
.hero-proof div{display:flex;flex-direction:column;gap:4px}
.hero-proof span{font-size:13px;font-weight:800;color:#e4ffec}
.hero-proof small{font-size:10px;line-height:1.45;color:#b4c8b9}
.hero-actions{margin-top:24px}
.hero-signal-note{max-width:630px;margin:11px 0 17px;color:#b9d9c5;font-size:12px;line-height:1.4;letter-spacing:.01em}
@media(min-width:851px){
  .hero h1{font-size:clamp(66px,6vw,94px);line-height:.99;margin:18px 0 18px}
  .hero-description{margin-bottom:0}
  .hero-proof{margin-top:16px}
}
@media(max-width:850px){
  .hero{padding-top:32px}
  .hero:before{background-image:url('/hero-luxury-mobile-v2.png');background-size:auto 850px;background-position:center bottom;background-color:#04090b}
  .start:before{background-position:62% center;opacity:.8}
  .hero:after{background:linear-gradient(180deg,#04090be9 0%,#04090bdb 24%,#04090bb3 46%,#04090b38 72%,#04090bec 100%)}
  .hero{min-height:1240px}
}
@media(max-width:540px){
  .hero{min-height:1240px;padding-top:24px}
  .hero h1{font-size:clamp(48px,12.7vw,64px)}
  .hero-description{font-size:15px;line-height:1.52;max-width:355px}
  .hero .eyebrow{font-size:10px;padding:8px 12px}
  .hero-proof{display:block;margin-top:16px;padding:15px}
  .hero-actions{margin-top:18px}
  .hero-signal-note{margin:10px 0 15px;font-size:11px}
  .hero-proof strong{font-size:38px}
  .hero-proof div{margin-top:7px;gap:6px}
  .hero-proof span{font-size:13px}
  .hero-proof small{font-size:11px;line-height:1.45}
}