html {
  scroll-behavior: smooth;
}

::-moz-selection {
/* Code for Firefox */
     color: #000;
     background: #c0a405;
}

::selection {
     color: #000;
     background:#c0a405;
}

:root{
    --gold-light:#f2df09;
    --gold-deep:#dbbf3e;
    --jade:#123b2b;
    --jade-deep:#0a2118;
    --leaf:#3fa34d;
    --leaf-bright:#5fce5a;
    --near-black:#000;
    --cream:#fff;
    --ink:#132018;
    --line: rgba(246,241,222,0.16);
  }

  *{box-sizing:border-box;}

  html{scroll-behavior:smooth;}

  body{
    margin:0;
    font-family:'Montserrat',sans-serif;
    background-color: #fff;
    color:var(--ink);
    -webkit-font-smoothing:antialiased;
  }

  img{max-width:100%;display:block;}

  a{color:inherit;}

  h1,h2,h3{margin:0;font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:0.01em;}
  
  h2{font-size:28px;}

.clear-all {
  clear: both;
}

  .eyebrow{
    font-family:'Montserrat',sans-serif;
    font-weight:700;
    letter-spacing:0.22em;
    text-transform:uppercase;
    font-size:0.72rem;
  }

  .brush{
    font-family:'Permanent Marker',cursive;
    text-transform:none;
    line-height:0.95;
    color: antiquewhite;
  }

  .wrap{max-width:1180px;margin:0 auto; padding:20px;}

  section{position:relative;}


.fullscreen-video {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
}






  /* ===== HERO ===== */
  .hero{
    min-height:100svh;
    display:flex;flex-direction:column;justify-content:center;
    padding:140px 0 100px;
    background-image:url("assets/palm_tree_bg.jpg");
    overflow:cover;
  }
  .hero::before{
    content:"";position:absolute;inset:0;
    background-image:
      repeating-linear-gradient(115deg, rgba(0,0,0,0.05) 0 2px, transparent 2px 34px),
      repeating-linear-gradient(25deg, rgba(255,255,255,0.045) 0 1px, transparent 1px 28px);
    mix-blend-mode:overlay;
    pointer-events:none;
  }

  .hero-inner{position:relative;z-index:2;background-color: #000;}
  .host-line{color:var(--gold-light);margin-bottom:22px;}
  .host-line b{color:var(--cream);font-weight:800;}
  .hero h1{
    font-size:clamp(2.6rem, 7vw, 5.6rem);
    line-height:0.94;
    color:var(--cream);
  }
  .hero h1 .num{
    color:var(--gold-light);
  }
  .theme-block{margin-top:26px;display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;}
  .theme-label{font-size:0.78rem;color:var(--cream);opacity:0.75;}
  .theme-block .brush{
    font-size:clamp(2.6rem, 8vw, 5rem);
    color:var(--leaf-bright);
    text-shadow:0 0 26px rgba(63,163,77,0.35);
  }
  .verses{
    margin-top:14px; margin-left:85px; font-size:1rem;letter-spacing:0.06em;color:var(--cream);opacity:1;
    font-weight:500;
  }
  .hero-meta{
    margin-top:44px;
    display:flex;flex-wrap:wrap;gap:34px 46px;
    border-top:1px solid rgba(246,241,222,0.25);
    padding-top:28px;
  }
  .hero-meta .item .eyebrow{color:var(--leaf-bright);margin-bottom:6px;}
  .hero-meta .item strong{
    display:block;
    font-family:'Montserrat',sans-serif;
    font-size:1.15rem;
    letter-spacing:0.01em;
    color:#fff;
  }
  .hero-cta{margin-top:40px;display:flex;gap:16px;flex-wrap:wrap;}
  
.btn{
    font-family:'Montserrat',sans-serif;font-weight:700;font-size:0.82rem;letter-spacing:0.08em;
    text-transform:uppercase;text-decoration:none;
    padding:16px 30px;border-radius:100px;
    display:inline-flex;align-items:center;gap:10px;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .btn-primary{background:var(--leaf-bright);color:var(--near-black);}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(95,206,90,0.35);}
  .btn-ghost{border:1.5px solid rgba(246,241,222,0.55);color:var(--cream);}
  .btn-ghost:hover{border-color:var(--cream);background:rgba(246,241,222,0.08);}

  .scroll-cue{
    position:absolute;bottom:26px;left:50%;transform:translateX(-50%);
    color:var(--cream);opacity:0.6;font-size:0.68rem;letter-spacing:0.2em;
    display:flex;flex-direction:column;align-items:center;gap:8px;
    text-transform:uppercase;
  }
  .scroll-cue .line{width:1px;height:34px;background:var(--cream);animation:pulse 1.8s ease-in-out infinite;}
  @keyframes pulse{0%,100%{opacity:0.25;}50%{opacity:0.9;}}






  /* ===== COUNTDOWN (signature) ===== */
  .countdown{
    background:var(--near-black);
    color:var(--cream);
    padding:64px 0;
    border-top:6px solid var(--leaf-bright);
    border-bottom:6px solid var(--gold-light);
  }
  .countdown .wrap{text-align:center;}
  .countdown .eyebrow{color:var(--gold-light);}
  .countdown .brush{
    color:var(--cream);
    font-size:clamp(1.6rem,4vw,2.4rem);
    margin-top:6px;
  }
  .count-grid{
    margin-top:34px;
    display:flex;justify-content:center;gap:clamp(14px,4vw,44px);flex-wrap:wrap;
  }
  .count-item{min-width:88px;}
  .count-num{
    font-family:'Anton',sans-serif;
    font-size:clamp(2.8rem,9vw,5.4rem);
    line-height:1;
    background:linear-gradient(180deg,var(--gold-light),var(--leaf-bright));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .count-label{
    margin-top:6px;font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;
    color:var(--cream);opacity:0.7;
  }
  .countdown-sub{margin-top:30px;font-size:0.85rem;opacity:0.65;}

.countdownVerbage {
    width:70%;
    margin:100px auto 50px;
    text-align: left;
    color: #ccc;
}



  /* ===== SECTION HEADERS (shared) ===== */
  .sec-head{max-width:640px;margin-bottom:48px;}
  .sec-head .eyebrow{color:var(--jade);opacity:0.65;}
  .sec-head h2{font-size:clamp(2rem,4.4vw,3rem);color:var(--jade-deep);margin-top:10px;}
  .sec-head p{margin-top:16px;font-size:1.02rem;line-height:1.6;color:#3a4a3f;}

  /* ===== THEME / SCRIPTURE ===== */
  .theme-sec{padding:110px 0 90px;}
.theme-left {width: 48%; padding:1%; float: left;}
.theme-right {width: 48%; padding:1%; float: left;}

  .theme-grid{
    display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:start;
  }
  .verse-card{
    background:var(--jade);color:#fff;
    border-radius:22px;padding:34px;
  }
  .verse-card::before{
    content:"“";left:14px;font-family:'Anton',sans-serif;
    font-size:7rem;position: absolute; z-index: 1; color:rgba(246,241,222,0.08);
  }
  .verse-card + .verse-card{margin-top:0px;}
  .verse-text{font-size:1.05rem;line-height:1.6;font-weight:500;z-index:1;}
  .verse-ref{
    margin-top:14px;font-size:0.78rem;letter-spacing:0.1em;text-transform:uppercase;
    color:var(--gold-light);font-weight:700;
  }









  /* ===== DETAILS ===== */
  .details{padding:90px 0;background-image:url("assets/yellow-bg.jpg"); background-attachment: fixed; color:#000;}
  .details .sec-head .eyebrow{color:#000; opacity:1;}
  .details .sec-head h2{color:#000;}
  .details .sec-head p{color:#000;}
  .detail-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
  }
  .detail-card{
    background:rgba(0,0,0,0.85);
    border-radius:18px;padding:30px 26px;
  }
  .detail-card .ico{
    width:42px;height:42px;border-radius:12px;
    background:var(--leaf-bright);color:var(--near-black);
    display:flex;align-items:center;justify-content:center;
    font-family:'Anton',sans-serif;font-size:1.1rem;margin-bottom:18px;
  }
  .detail-card h3{font-size:1.15rem;color:var(--cream);}
  .detail-card p{margin:10px 0 0;font-size:0.92rem;line-height:1.55;color:rgba(255,255,255,1);}
  .detail-card .accent{color:var(--gold-light);font-weight:700;}
  
  .eventSocials{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap;}
  .eventSocials a{
    color:#fff;
    border:1px solid rgba(246,241,222,0.3);border-radius:100px;
    padding:10px 20px;font-size:0.8rem;font-weight:700;letter-spacing:0.06em;
    text-decoration:none;text-transform:uppercase;
    transition:background .4s ease, color .4s ease, border-color .4s ease;
  }
  .eventSocials a:hover{background:var(--leaf-bright);color:var(--near-black);border-color:var(--leaf-bright);}


  /* ===== LEGACY / STATS ===== */
  .legacy{padding:100px 0;background-color:#000;}
  .legacy-grid{margin: 0 auto;}
  .legacy-copy p{font-size:1.02rem; line-height:1.65;color:#3a4a3f; margin-top:16px;}
  .legacy-left {width: 48%; padding:1%; float: left; font-size:1.02rem; line-height:1.65;color:#ccc; margin-top:16px;}
  .legacy-right {width: 48%; padding:5% 1%; float:left; font-size:1.02rem; line-height:1.65;color:#ccc; margin-top:16px;}
  .stat-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px;}
  .stat{
    background:var(--near-black);color:var(--cream);
    border-radius:16px;padding:24px 22px;
  }
  .stat .num{font-family:'Anton',sans-serif;font-size:2.1rem;color:var(--leaf-bright);}
  .stat .label{font-size:0.76rem;letter-spacing:0.05em;color:rgba(246,241,222,0.7);margin-top:4px;}
  .flyer-frame{
      margin: 0px;
  }

  /* ===== GEAR ===== */
  .gear{padding:100px 0;background:url("assets/green-bg.jpg")}
  .gear .sec-head .eyebrow{color:var(--gold-light);}
  .gear .sec-head h2{color:var(--cream);}
  .gear .sec-head p{color:rgba(246,241,222,0.75);}
  .gear-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;}
  .gear-card{border-radius:20px;overflow:hidden;background:rgba(0,0,0,0.55);}
  .gear-card img{aspect-ratio:4/5;object-fit:cover;object-position:top;}
  .gear-cap{padding:16px 18px;font-size:0.85rem;color:rgba(246,241,222,0.75);}

  /* ===== RSVP CTA ===== */
  .rsvp{
    padding:110px 0;
    background-image:url("assets/grunge.gif"); background-attachment: fixed;
    text-align:center;color:#07471d;
  }
  .rsvp h2{font-size:clamp(2.2rem,6vw,3.8rem);}
  .rsvp .brush{font-size:clamp(2.4rem,7vw,4rem);color:var(--jade-deep);margin-top:4px;}
  .rsvp p{max-width:520px;margin:20px auto 0;font-size:1rem;line-height:1.6;color:rgba(11,11,8,0.75);}
  .rsvp .btn-primary{background:var(--near-black);color:var(--cream);margin-top:30px;}
  .rsvp .btn-primary:hover{background:var(--jade-deep);box-shadow:0 10px 26px rgba(10,33,24,0.35);}

img.followUsFlyer { 
    display: block;
  animation-name: flyerAnimation;
  animation-duration: 5s;
  animation-iteration-count: infinite;

}

img.flyer-frame { 
    display: block;
  animation-name: flyerAnimation2;
  animation-duration: 5s;
  animation-iteration-count: infinite;

}
@keyframes flyerAnimation {
  0% {margin-top: 0px;}
  50% {margin-top: 20px;}
  100% {margin-top: 0px;}
}
  /* ===== FOLLOW ===== */
@keyframes flyerAnimation2 {
  0% {transform:rotate(0deg);}
  50% {transform:rotate(-15deg);}
  100% {transform:rotate(0deg);}
       
}  

.follow{padding:100px 0;background:var(--near-black);color:var(--cream);}
  .follow-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
  .follow img{border-radius:22px;}
  .handle{
    font-family:'Anton',sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);
    color:var(--gold-light);margin-top:14px;
  }
  .socials{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap;}
  .socials a{
    border:1px solid rgba(246,241,222,0.3);border-radius:100px;
    padding:10px 20px;font-size:0.8rem;font-weight:700;letter-spacing:0.06em;
    text-decoration:none;text-transform:uppercase;
    transition:background .2s ease,border-color .2s ease;
      
   -webkit-transition: background-color .4s, color .4s linear;  
   -moz-transition: background-color .4s, color .4s linear;  
   -o-transition: background-color .4s, color .4s linear;  
   -ms-transition: background-color .4s, color .4s linear;  
    transition: background-color .4s, color .4s linear; 
  }
  .socials a:hover{
      background:var(--leaf-bright);
      color:var(--near-black);
      border-color:var(--leaf-bright);

}



  footer{
    background:var(--near-black);color:rgba(246,241,222,0.55);
    padding:34px 0;border-top:1px solid var(--line);
    font-size:0.78rem;text-align:center;
  }
  footer strong{color:var(--cream);}

  @media (max-width:860px){
    .theme-grid,.legacy-grid,.follow-grid,.gear-grid{grid-template-columns:1fr;}
    .detail-grid{grid-template-columns:1fr;}
    .stat-row{grid-template-columns:1fr 1fr;}
    .flyer-frame{transform:none;}
    .hero{padding-top:120px;}
      
    .legacy-left {width: 98%; padding:2%; float: none;}
    .legacy-right {width: 98%; padding:2%; float:none;}
    .theme-left {width: 98%; padding:2%; float: none;}
    .theme-right {width: 98%; padding:2%; float: none;}
  }

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    .scroll-cue .line{animation:none;}
  }