:root{
  --verde:#3e563c;
  --verde-oscuro:#0a322d;
  --crema:#f0eadc;
  --dorado:#ffd876;
}

*{box-sizing:border-box;margin:0;padding:0;}

body{
  background:
    radial-gradient(ellipse 65% 55% at 12% 15%,rgba(10,50,45,.65),transparent 60%),
    radial-gradient(ellipse 75% 65% at 92% 88%,rgba(10,50,45,.75),transparent 55%),
    radial-gradient(ellipse 85% 70% at 55% 115%,rgba(10,50,45,.45),transparent 60%),
    radial-gradient(ellipse 50% 40% at 100% 10%,rgba(10,50,45,.35),transparent 55%),
    var(--verde);
  color:var(--crema);
  font-family:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  min-height:100vh;
  overflow-x:hidden;
}

.hero{
  position:relative;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:6rem 1.5rem 4rem;
  overflow:hidden;
}

.grain-layer{
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.13;
  mix-blend-mode:overlay;
  pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size:220px 220px;
}

.ripple-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.ripple{position:absolute;border-radius:50%;border:1px solid rgba(240,234,220,.3);background:radial-gradient(circle,rgba(240,234,220,.05),transparent 70%);transform:translate(-50%,-50%) scale(0);animation:rippleExpand 1.1s ease-out forwards;}
@keyframes rippleExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:.5;}100%{transform:translate(-50%,-50%) scale(1);opacity:0;}}
.hero>*:not(.grain-layer):not(.ripple-layer){position:relative;z-index:2;}

.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:rgba(240,234,220,.7);margin-bottom:1.5rem;}
.svg-wrap{width:100%;max-width:760px;}
.svg-wrap svg{width:100%;height:auto;display:block;}
.title-text{fill:none;stroke:url(#leGradient);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;font-size:120px;font-weight:800;font-family:"Nunito Sans",Arial,Helvetica,sans-serif;letter-spacing:.01em;}
.coming-title{margin-top:1.5rem;color:var(--dorado);font-size:clamp(2.2rem,4.8vw,3.8rem);font-style:italic;font-weight:300;line-height:1.1;}
.coming-label{margin-top:.8rem;color:rgba(240,234,220,.75);font-size:.72rem;font-weight:800;letter-spacing:.34em;text-transform:uppercase;}
.tagline{margin-top:1.25rem;max-width:36rem;font-size:1.05rem;font-weight:300;line-height:1.7;color:rgba(240,234,220,.85);}
.tagline em{font-style:italic;}
.actions{margin-top:2.5rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;align-items:center;}

.social{margin-top:2.25rem;display:flex;gap:1.25rem;align-items:center;}
.social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(240,234,220,.35);color:var(--crema);transition:background .2s ease,transform .2s ease,border-color .2s ease;}
.social a:hover{background:var(--dorado);color:var(--verde-oscuro);border-color:var(--dorado);transform:translateY(-2px);}
.social a>svg{display:block;width:18px;height:18px;max-width:18px;max-height:18px;}
.social a>svg:not(.instagram-icon){fill:currentColor;}
.social .instagram-icon{fill:none !important;stroke:currentColor;overflow:visible;}

.location-line{margin-top:1rem;font-size:.8rem;color:rgba(240,234,220,.55);letter-spacing:.03em;}
.scroll-cue{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:rgba(240,234,220,.45);text-decoration:none;z-index:2;}
.scroll-cue span{font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;}
.scroll-line{width:1px;height:2rem;background:linear-gradient(to bottom,rgba(240,234,220,.55),transparent);animation:pulseLine 1.8s ease-in-out infinite;transform-origin:top;}
@keyframes pulseLine{0%,100%{transform:scaleY(1);opacity:.55;}50%{transform:scaleY(.55);opacity:.2;}}

@media (max-width:900px){.hero{padding:5rem 1.25rem 3rem;}.title-text{font-size:90px;}}
@media (max-width:640px){.hero{padding:4.5rem 1.25rem 3rem;}.eyebrow{font-size:.62rem;letter-spacing:.25em;margin-bottom:1.1rem;}.title-text{font-size:56px;}.coming-title{font-size:2.5rem;}.tagline{font-size:.92rem;line-height:1.6;max-width:22rem;}.actions{flex-direction:column;align-items:stretch;width:100%;max-width:320px;gap:.75rem;margin-top:2rem;}.social{margin-top:1.75rem;gap:1rem;}.social a{width:32px;height:32px;}.social a>svg{width:16px;height:16px;}.location-line{font-size:.72rem;}.scroll-cue{display:none;}}
@media (max-width:380px){.title-text{font-size:44px;}.coming-title{font-size:2.1rem;}.tagline{font-size:.85rem;}}
@media (hover:none) and (pointer:coarse){.ripple-layer{display:none;}}