:root{
  --black:#020202;
  --black-2:#070707;
  --charcoal:#101010;
  --gold:#c9972e;
  --gold-2:#e4c16a;
  --gold-3:#8a6418;
  --text:#f4f0e8;
  --muted:#cfc7b8;
  --line:rgba(201,151,46,.55);
  --shadow:0 22px 70px rgba(0,0,0,.55);
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  background:
    radial-gradient(circle at 85% 2%, rgba(201,151,46,.12), transparent 25rem),
    radial-gradient(circle at 0% 42%, rgba(201,151,46,.08), transparent 26rem),
    var(--black);
  color:var(--text);
  font-family:Montserrat, Arial, sans-serif;
  line-height:1.58;
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:46px 46px;
  z-index:-1;
}

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

a{color:inherit}

.skip-link{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

.skip-link:focus{
  left:1rem;
  top:1rem;
  width:auto;
  height:auto;
  padding:.75rem 1rem;
  background:var(--gold);
  color:#000;
  z-index:9999;
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.25rem;
  padding:.8rem clamp(1rem, 4vw, 3.4rem);
  background:rgba(0,0,0,.82);
  border-bottom:1px solid rgba(201,151,46,.42);
  backdrop-filter:blur(12px);
}

.mini-brand{
  display:flex;
  align-items:center;
  gap:.85rem;
  text-decoration:none;
  color:var(--gold-2);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-family:Cinzel, Georgia, serif;
  font-weight:800;
}

.mini-brand img{
  width:56px;
  height:56px;
  object-fit:contain;
  border-radius:50%;
}

.main-nav{
  display:flex;
  align-items:center;
  gap:clamp(.85rem, 2vw, 1.65rem);
  text-transform:uppercase;
  font-size:.78rem;
  letter-spacing:.1em;
  font-weight:700;
}

.main-nav a{
  color:var(--text);
  text-decoration:none;
  padding:.45rem 0;
  border-bottom:2px solid transparent;
  transition:.2s ease;
}

.main-nav a:hover,
.main-nav a.active{
  color:var(--gold-2);
  border-color:var(--gold);
}

.nav-cta{
  border:1px solid var(--gold)!important;
  padding:.7rem 1rem!important;
  color:var(--gold-2)!important;
  border-radius:3px;
}

.nav-cta:hover{
  background:var(--gold);
  color:#000!important;
}

.menu-toggle{
  display:none;
  flex-direction:column;
  gap:5px;
  width:42px;
  height:42px;
  justify-content:center;
  align-items:center;
  border:1px solid var(--gold);
  background:transparent;
  border-radius:4px;
}

.menu-toggle span{
  width:22px;
  height:2px;
  background:var(--gold-2);
}

.hero-section{
  border-bottom:1px solid var(--line);
  overflow:hidden;
}

.hero-wrap{
  display:grid;
  grid-template-columns:minmax(370px, .86fr) minmax(520px, 1.14fr);
  min-height:760px;
}

.hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(2rem, 5vw, 4.5rem);
  background:
    linear-gradient(90deg, rgba(0,0,0,.98), rgba(0,0,0,.82) 65%, rgba(0,0,0,.18)),
    radial-gradient(circle at 20% 15%, rgba(201,151,46,.15), transparent 22rem);
  z-index:2;
}

.hero-logo{
  width:min(560px, 95%);
  margin:0 auto 1.2rem;
  filter:drop-shadow(0 0 28px rgba(201,151,46,.14));
}

.eyebrow{
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:.78rem;
  font-weight:800;
  margin:0 0 .8rem;
}

h1,h2,h3{
  font-family:Cinzel, Georgia, serif;
  line-height:1.08;
  margin:0;
}

.hero-text-block h1{
  color:var(--text);
  text-transform:uppercase;
  font-size:clamp(2.2rem, 4.4vw, 4.85rem);
  letter-spacing:.03em;
  text-shadow:0 2px 20px rgba(0,0,0,.8);
}

.hero-text-block h1::first-line{color:var(--text)}

.script-line{
  margin:.8rem 0 1.35rem;
  color:var(--gold-2);
  font-family:"Great Vibes", cursive;
  font-size:clamp(2rem, 3.1vw, 3.3rem);
  line-height:1;
}

.hero-actions{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin:1rem 0 1.25rem;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:.9rem 1.35rem;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.08em;
  border-radius:4px;
  transition:transform .2s ease, filter .2s ease, background .2s ease;
  border:1px solid var(--gold);
  cursor:pointer;
  font-family:Montserrat, Arial, sans-serif;
}

.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}

.btn-gold{
  color:#070707;
  background:linear-gradient(135deg, #f0d27a, var(--gold), var(--gold-3));
}

.btn-outline{
  color:var(--gold-2);
  background:rgba(0,0,0,.28);
}

.quick-contact{
  display:flex;
  flex-wrap:wrap;
  gap:1rem 1.6rem;
  color:var(--text);
  font-weight:600;
  font-size:.95rem;
}

.quick-contact a{
  text-decoration:none;
}

.quick-contact a:hover{color:var(--gold-2)}

.hero-image-panel{
  min-height:760px;
  position:relative;
  overflow:hidden;
  background:#000;
}

.hero-image-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.55), transparent 26%, rgba(0,0,0,.2)),
    linear-gradient(0deg, rgba(0,0,0,.82), transparent 34%);
}

.hero-image-panel img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:saturate(.9) contrast(1.08);
}

.alcohol-banner,
.gold-reminder{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1.4rem;
  align-items:center;
  padding:1.35rem clamp(1.2rem, 6vw, 5.5rem);
  background:
    linear-gradient(135deg, rgba(240,210,122,.95), rgba(201,151,46,.96), rgba(138,100,24,.98));
  color:#080500;
  border-top:2px solid rgba(244,222,148,.75);
  border-bottom:2px solid rgba(96,67,13,.8);
}

.banner-icon{
  width:88px;
  height:88px;
  display:grid;
  place-items:center;
  border:3px solid #090600;
  border-radius:50%;
  font-size:3.2rem;
  font-weight:800;
  line-height:1;
}

.alcohol-banner h2,
.gold-reminder h2{
  color:#090600;
  font-size:clamp(1.35rem, 2.9vw, 3rem);
  text-transform:uppercase;
  letter-spacing:.035em;
  margin:0 0 .35rem;
}

.alcohol-banner p,
.gold-reminder p{
  margin:0;
  font-weight:600;
}

.trust-section{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  max-width:1480px;
  margin:0 auto;
  padding:2.6rem clamp(1.1rem, 4vw, 3rem);
}

.trust-card{
  text-align:center;
  padding:1.2rem 1.6rem;
  border-right:1px solid var(--line);
}

.trust-card:last-child{border-right:0}

.trust-card .icon{
  color:var(--gold);
  font-size:2.4rem;
  line-height:1;
  margin-bottom:.6rem;
}

.trust-card h3{
  color:var(--gold-2);
  text-transform:uppercase;
  font-size:1rem;
  letter-spacing:.05em;
  margin-bottom:.5rem;
}

.trust-card p{
  color:var(--muted);
  margin:0;
  font-size:.92rem;
}

.section-pad{
  padding:clamp(3rem, 6vw, 5rem) clamp(1.2rem, 6vw, 5.5rem);
  max-width:1500px;
  margin:0 auto;
}

.section-heading{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:1.2rem;
  margin-bottom:2rem;
}

.section-heading span{
  height:1px;
  background:linear-gradient(90deg, transparent, var(--gold), transparent);
}

.section-heading h2{
  color:var(--gold-2);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:clamp(1.55rem, 3vw, 2.7rem);
  text-align:center;
}

.mission-grid{
  display:grid;
  grid-template-columns:minmax(320px, .92fr) minmax(360px, 1.08fr);
  gap:clamp(2rem, 5vw, 4rem);
  align-items:center;
}

.mission-photo{
  border:2px solid var(--gold);
  border-radius:6px;
  overflow:hidden;
  box-shadow:var(--shadow);
}

.mission-photo img{
  width:100%;
  height:clamp(310px, 42vw, 560px);
  object-fit:cover;
  object-position:center top;
}

.mission-copy{
  border-left:2px solid var(--gold);
  padding-left:clamp(1.4rem, 3vw, 2.2rem);
  color:var(--text);
  font-size:1.02rem;
}

.mission-copy p{margin:0 0 1rem}

.mission-signoff{
  color:var(--gold-2);
  font-family:"Great Vibes", cursive;
  font-size:2rem;
  line-height:1.1;
}

.gallery-section{
  padding-top:2rem;
}

.gallery-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:1rem;
}

.gallery-item{
  position:relative;
  border:1px solid var(--gold);
  border-radius:6px;
  overflow:hidden;
  background:#050505;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

.gallery-item img{
  width:100%;
  height:220px;
  object-fit:cover;
  transition:transform .3s ease, filter .3s ease;
}

.gallery-item:hover img{
  transform:scale(1.045);
  filter:brightness(1.08);
}

.package-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1.6rem;
}

.package-card{
  position:relative;
  border:1px solid var(--gold);
  border-radius:10px;
  padding:2rem;
  background:
    linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,0)),
    rgba(0,0,0,.52);
  box-shadow:var(--shadow);
}

.package-card.featured{
  border-width:2px;
  box-shadow:0 0 40px rgba(201,151,46,.18), var(--shadow);
}

.ribbon{
  position:absolute;
  top:-15px;
  right:1.6rem;
  background:linear-gradient(135deg, #f0d27a, var(--gold));
  color:#000;
  padding:.35rem 1.4rem;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.08em;
  font-size:.75rem;
  border-radius:2px;
}

.package-icon{
  width:70px;
  height:70px;
  border:1px solid var(--gold);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--gold-2);
  font-size:2rem;
  margin-bottom:1rem;
}

.package-card h3{
  color:var(--gold-2);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:1.25rem;
}

.price{
  color:var(--gold);
  font-family:Cinzel, Georgia, serif;
  font-size:clamp(3rem, 6vw, 4.7rem);
  line-height:1;
  margin:.55rem 0;
}

.package-meta{
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--text);
  font-size:.82rem;
  font-weight:700;
}

.package-description{
  color:var(--muted);
}

.package-card ul{
  margin:1rem 0 0;
  padding:0;
  list-style:none;
  columns:2;
  column-gap:1.5rem;
}

.package-card li{
  break-inside:avoid;
  padding:.28rem 0;
}

.package-card li::before{
  content:"✓";
  color:var(--gold-2);
  font-weight:900;
  margin-right:.55rem;
}

.gratuity{
  text-align:center;
  color:var(--muted);
  margin:1.5rem auto 0;
  border:1px solid rgba(201,151,46,.6);
  width:max-content;
  max-width:100%;
  padding:.75rem 1.3rem;
  border-radius:4px;
}

.gold-reminder{
  margin-top:1.5rem;
}

.gold-reminder.compact{
  grid-template-columns:1fr;
  text-align:center;
  margin-top:0;
}

.bottom-section{
  display:grid;
  grid-template-columns:1fr 1fr 1.25fr;
  gap:1.4rem;
  padding:clamp(2rem, 5vw, 4rem) clamp(1.2rem, 6vw, 5.5rem);
  max-width:1500px;
  margin:0 auto;
  border-bottom:1px solid var(--line);
}

.theo-card,
.service-card,
.cta-card,
.contact-side-card{
  border:1px solid rgba(201,151,46,.65);
  border-radius:8px;
  background:rgba(0,0,0,.42);
  padding:1.4rem;
  box-shadow:0 18px 50px rgba(0,0,0,.32);
}

.theo-card{
  display:grid;
  grid-template-columns:minmax(150px, 230px) 1fr;
  gap:1.2rem;
  align-items:center;
  overflow:hidden;
}

.theo-card img{
  align-self:end;
  max-height:390px;
  object-fit:contain;
  object-position:bottom center;
}

.theo-card h2,
.service-card h2,
.cta-card h2,
.contact-side-card h2{
  color:var(--gold-2);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:1.4rem;
  margin-bottom:.6rem;
}

.service-card{
  text-align:center;
}

.service-card p{
  color:var(--gold-2);
  font-family:Cinzel, Georgia, serif;
  font-size:1.15rem;
  text-transform:uppercase;
}

.cert-row{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1rem;
}

.cert-row span{
  border:1px solid rgba(201,151,46,.6);
  padding:.45rem .7rem;
  border-radius:999px;
  color:var(--muted);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.cta-card p{color:var(--muted)}

.mini-contact{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  margin-top:1rem;
}

.mini-contact a{
  color:var(--text);
  text-decoration:none;
}

.mini-contact a:hover{color:var(--gold-2)}

.site-footer{
  text-align:center;
  padding:2rem 1rem 5rem;
  color:var(--muted);
  font-size:.85rem;
}

.site-footer img{
  width:115px;
  margin:0 auto 1rem;
}

.mobile-call{
  display:none;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:60;
  padding:.9rem 1rem;
  background:linear-gradient(135deg, #f0d27a, var(--gold), var(--gold-3));
  color:#000;
  text-align:center;
  text-decoration:none;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  box-shadow:0 -10px 30px rgba(0,0,0,.5);
}

.lightbox{
  position:fixed;
  inset:0;
  z-index:100;
  display:none;
  align-items:center;
  justify-content:center;
  padding:2rem;
  background:rgba(0,0,0,.9);
}

.lightbox.open{display:flex}

.lightbox img{
  max-width:92vw;
  max-height:84vh;
  border:2px solid var(--gold);
  box-shadow:var(--shadow);
}

.lightbox-close{
  position:absolute;
  top:1.4rem;
  right:1.4rem;
  width:44px;
  height:44px;
  border:1px solid var(--gold);
  background:#000;
  color:var(--gold-2);
  font-size:2rem;
  line-height:1;
  cursor:pointer;
}

/* Contact page */
.contact-page{
  background:
    radial-gradient(circle at 80% 10%, rgba(201,151,46,.12), transparent 24rem),
    var(--black);
}

.contact-hero{
  display:grid;
  grid-template-columns:minmax(360px, .85fr) minmax(420px, 1.15fr);
  min-height:580px;
  border-bottom:1px solid var(--line);
}

.contact-hero-copy{
  padding:clamp(2rem, 6vw, 5rem);
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(90deg, rgba(0,0,0,.96), rgba(0,0,0,.62));
}

.contact-hero-copy img{
  width:min(300px, 70%);
  margin-bottom:1.3rem;
}

.contact-hero-copy h1{
  color:var(--text);
  text-transform:uppercase;
  font-size:clamp(2.4rem, 5vw, 5rem);
}

.contact-hero-copy h1::first-line{color:var(--text)}

.contact-hero-copy p:not(.eyebrow){
  color:var(--muted);
  max-width:620px;
  font-size:1.05rem;
}

.contact-hero-image{
  min-height:420px;
  position:relative;
  overflow:hidden;
}

.contact-hero-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.5), transparent 45%, rgba(0,0,0,.45));
}

.contact-hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.contact-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 360px;
  gap:1.6rem;
}

.event-form{
  border:1px solid var(--gold);
  border-radius:10px;
  background:rgba(0,0,0,.5);
  padding:clamp(1.3rem, 4vw, 2.4rem);
  box-shadow:var(--shadow);
}

.event-form h2{
  color:var(--gold-2);
  text-transform:uppercase;
  letter-spacing:.08em;
  text-align:center;
  margin-bottom:1.5rem;
}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:1rem;
}

.event-form label{
  display:block;
  color:var(--text);
  font-size:.88rem;
  font-weight:700;
  margin-bottom:1rem;
}

.event-form label span{color:var(--gold-2)}

.event-form input,
.event-form select,
.event-form textarea{
  width:100%;
  margin-top:.35rem;
  padding:.95rem 1rem;
  background:#070707;
  border:1px solid rgba(201,151,46,.55);
  color:var(--text);
  border-radius:3px;
  font-family:Montserrat, Arial, sans-serif;
}

.event-form input:focus,
.event-form select:focus,
.event-form textarea:focus{
  outline:2px solid rgba(228,193,106,.35);
  border-color:var(--gold-2);
}

.event-form button{
  width:100%;
}

.form-note{
  color:var(--muted);
  font-size:.82rem;
  margin:.9rem 0 0;
}

.form-note a{
  color:var(--gold-2);
}

.contact-side-card{
  height:max-content;
  position:sticky;
  top:100px;
}

.contact-side-card a{
  display:block;
  color:var(--gold-2);
  text-decoration:none;
  margin:.65rem 0;
  font-weight:700;
}

.side-divider{
  height:1px;
  background:linear-gradient(90deg, transparent, var(--gold), transparent);
  margin:1.2rem 0;
}

@media(max-width:1100px){
  .hero-wrap,
  .mission-grid,
  .contact-hero,
  .contact-layout{
    grid-template-columns:1fr;
  }

  .hero-wrap{min-height:auto}

  .hero-copy{
    order:2;
    padding-top:2rem;
  }

  .hero-image-panel{
    order:1;
    min-height:520px;
  }

  .hero-logo{
    width:min(430px, 82%);
  }

  .trust-section{
    grid-template-columns:repeat(2, 1fr);
  }

  .trust-card:nth-child(2){
    border-right:0;
  }

  .trust-card:nth-child(-n+2){
    border-bottom:1px solid var(--line);
  }

  .gallery-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .bottom-section{
    grid-template-columns:1fr;
  }

  .contact-side-card{
    position:static;
  }
}

@media(max-width:820px){
  .site-header{
    align-items:flex-start;
    flex-wrap:wrap;
  }

  .menu-toggle{display:flex}

  .main-nav{
    display:none;
    width:100%;
    flex-direction:column;
    align-items:flex-start;
    padding:1rem 0 .25rem;
    gap:.35rem;
  }

  .main-nav.open{display:flex}

  .main-nav a{
    width:100%;
    padding:.9rem 0;
  }

  .nav-cta{
    text-align:center;
    margin-top:.5rem;
  }

  .mini-brand span{
    display:none;
  }

  .hero-image-panel{
    min-height:420px;
  }

  .hero-text-block h1{
    font-size:2.15rem;
  }

  .script-line{
    font-size:2.15rem;
  }

  .hero-actions{
    flex-direction:column;
  }

  .btn{
    width:100%;
  }

  .quick-contact{
    flex-direction:column;
    gap:.5rem;
  }

  .alcohol-banner,
  .gold-reminder{
    grid-template-columns:1fr;
    text-align:center;
  }

  .banner-icon{
    margin:0 auto;
    width:76px;
    height:76px;
    font-size:2.8rem;
  }

  .trust-section{
    grid-template-columns:1fr;
  }

  .trust-card{
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .trust-card:last-child{border-bottom:0}

  .section-heading{
    grid-template-columns:1fr;
    gap:.6rem;
  }

  .section-heading span{
    width:100%;
  }

  .mission-copy{
    border-left:0;
    border-top:2px solid var(--gold);
    padding-left:0;
    padding-top:1.5rem;
  }

  .gallery-grid,
  .package-grid,
  .form-grid{
    grid-template-columns:1fr;
  }

  .gallery-item img{
    height:280px;
  }

  .package-card ul{
    columns:1;
  }

  .theo-card{
    grid-template-columns:1fr;
    text-align:center;
  }

  .theo-card img{
    margin:0 auto;
    max-height:520px;
  }

  .contact-hero-copy img{
    margin-left:auto;
    margin-right:auto;
  }

  .contact-hero-copy{
    text-align:center;
  }

  .mobile-call{
    display:block;
  }
}

@media(max-width:520px){
  .hero-image-panel{
    min-height:330px;
  }

  .hero-copy{
    padding:1.5rem;
  }

  .hero-logo{
    width:92%;
  }

  .gallery-item img{
    height:220px;
  }

  .price{
    font-size:3rem;
  }

  .site-footer{
    padding-bottom:5.5rem;
  }
}