@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&family=Italiana&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

:root{
  --black:#020a07;
  --black-green:#03120c;
  --deep:#041e14;
  --emerald:#063b28;
  --emerald-bright:#08734a;
  --gold:#b88d3c;
  --gold-light:#e7cf87;
  --champagne:#f3df9c;
  --cream:#e8e0c9;
  --muted:#a8a999;
  --line:rgba(231,207,135,.26);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--black);color:var(--cream);
  font-family:"DM Sans",sans-serif;line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* HEADER */
.site-header{
  height:76px;display:flex;align-items:center;gap:30px;
  padding:0 clamp(22px,5vw,72px);background:rgba(2,13,9,.94);
  border-bottom:1px solid rgba(231,207,135,.45);position:sticky;top:0;z-index:100;
  backdrop-filter:blur(14px);
}
.brand{width:185px;min-width:150px}
.brand-logo{position:relative;height:62px;overflow:hidden}
.brand-logo img{height:62px;width:185px;object-fit:contain;object-position:left center}
.logo-glint{position:absolute;inset:0;background:linear-gradient(105deg,transparent 44%,rgba(255,242,190,.8) 49%,transparent 55%);transform:translateX(-160%);animation:logoSweep 9s ease-in-out infinite}
.nav-links{display:flex;gap:clamp(18px,2.5vw,34px);margin:auto}
.nav-links a,.nav-button{
  text-transform:uppercase;letter-spacing:1.7px;font-size:11px;font-weight:500
}
.nav-links a{color:#d8d4c5;transition:.25s}
.nav-links a:hover{color:var(--gold-light)}
.nav-button{
  border:1px solid var(--gold);border-radius:999px;padding:11px 23px;color:var(--champagne);
  transition:.25s;white-space:nowrap;
}
.nav-button:hover{background:linear-gradient(135deg,#8b6827,#d5b862);color:#06120d}
.menu-toggle{display:none;background:none;border:0;color:var(--gold-light);font-size:24px}

/* HERO */
.hero{
  min-height:640px;position:relative;overflow:hidden;
  background:
    radial-gradient(ellipse at 80% 20%,rgba(145,104,33,.18),transparent 27%),
    radial-gradient(ellipse at 18% 25%,rgba(4,93,58,.34),transparent 35%),
    linear-gradient(110deg,#020c08 0%,#02150d 52%,#060b08 100%);
}
.hero:before{
  content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;
  background:repeating-linear-gradient(125deg,transparent 0 90px,rgba(255,255,255,.02) 91px 92px,transparent 93px 180px);
}
.aurora{position:absolute;border-radius:50%;filter:blur(35px);opacity:.38}
.aurora-one{width:650px;height:220px;background:linear-gradient(90deg,transparent,#00623d,transparent);left:-180px;top:70px;transform:rotate(-22deg)}
.aurora-two{width:500px;height:160px;background:linear-gradient(90deg,transparent,#9a752d,transparent);right:-180px;bottom:40px;transform:rotate(18deg);opacity:.16}

.hero-grid{
  max-width:1300px;margin:auto;min-height:640px;padding:55px clamp(28px,6vw,90px) 80px;
  display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;position:relative;z-index:2;
}
.hero-logo-panel{position:relative}
.hero-logo-wrap{
  position:relative;width:min(440px,100%);margin:auto;filter:drop-shadow(0 22px 35px rgba(0,0,0,.5));
}
.hero-logo-wrap img{width:100%;border-radius:8px}
.logo-sweep{
  position:absolute;inset:0;border-radius:8px;overflow:hidden;pointer-events:none;
}
.logo-sweep:after{
  content:"";position:absolute;inset:-10%;
  background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.04) 47%,rgba(255,239,172,.75) 50%,rgba(255,255,255,.14) 53%,transparent 57%);
  transform:translateX(-130%);animation:logoSweep 8s cubic-bezier(.4,0,.2,1) infinite;
}
.note-shimmer{
  position:absolute;width:38px;height:38px;left:69%;top:18%;border-radius:50%;
  background:radial-gradient(circle,#fff 0 4%,#ffe8a0 8%,rgba(231,191,86,.75) 18%,rgba(231,191,86,.14) 45%,transparent 70%);
  transform:translate(-50%,-50%) scale(.4);opacity:0;animation:noteGlow 6.5s ease-in-out infinite;
  pointer-events:none;mix-blend-mode:screen;
}
.tagline{font-family:"Playfair Display",serif;font-style:italic;color:#d5bd75;text-align:center;font-size:14px;margin:16px 0 0;letter-spacing:.2px}
.hero-copy{padding-left:clamp(0px,5vw,70px);position:relative}
.eyebrow,.section-kicker{
  color:var(--gold-light);text-transform:uppercase;letter-spacing:5px;font-size:12px;margin:0 0 8px;
}
.hero h1{
  font-family:"Italiana",serif;font-size:clamp(70px,10vw,142px);font-weight:400;line-height:.76;
  margin:0;color:#e9d48f;letter-spacing:1px;text-shadow:0 4px 25px rgba(0,0,0,.4);
}
.hero h1 span{display:block;font-size:.72em;letter-spacing:10px}
.hero-subtitle{
  max-width:470px;text-transform:uppercase;letter-spacing:4px;font-family:"Cormorant Garamond",serif;
  font-size:18px;color:#d9d4c1;margin:30px 0;
}
.gold-outline-button{
  display:inline-flex;align-items:center;gap:15px;border:1px solid var(--gold);
  border-radius:999px;padding:13px 27px;text-transform:uppercase;letter-spacing:1.8px;font-size:11px;
  color:var(--champagne);background:rgba(0,0,0,.12);transition:.3s;
}
.gold-outline-button:hover{background:linear-gradient(135deg,#8e6c2b,#cba956);color:#04130c;box-shadow:0 0 25px rgba(203,169,86,.2)}
.gold-outline-button span{font-size:18px;line-height:0}
.hero-script{
  position:absolute;right:2%;bottom:-55px;font-family:"Playfair Display",serif;font-style:italic;
  font-size:clamp(24px,3vw,42px);line-height:.95;color:#caa95a;transform:rotate(-8deg);opacity:.9;
}
.gold-horizon{
  height:1px;position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(90deg,transparent 0%,rgba(222,185,94,.2) 20%,#f2d880 50%,rgba(222,185,94,.2) 80%,transparent 100%);
  box-shadow:0 0 16px rgba(238,205,112,.55);
}

/* PREMIUM STARS */
.star-field{position:absolute;inset:0;z-index:1;pointer-events:none}
.spark{
  position:absolute;width:3px;height:3px;border-radius:50%;background:#fff7cf;
  box-shadow:0 0 5px 1px rgba(255,225,141,.75),0 0 18px 4px rgba(255,207,91,.18);
  animation:starPulse 5s ease-in-out infinite;
}
.s1{top:12%;left:8%;animation-delay:.2s}.s2{top:29%;left:23%;animation-delay:2s}
.s3{top:9%;left:53%;animation-delay:3.1s}.s4{top:19%;right:14%;animation-delay:1s}
.s5{top:49%;left:7%;animation-delay:3.8s}.s6{top:62%;left:31%;animation-delay:1.6s}
.s7{top:77%;left:16%;animation-delay:2.7s}.s8{top:70%;right:8%;animation-delay:.6s}
.s9{top:43%;right:31%;animation-delay:4.3s}.s10{top:86%;right:27%;animation-delay:2.2s}
.s11{top:34%;left:46%;animation-delay:3.4s}.s12{top:88%;left:55%;animation-delay:1.3s}
.flare{
  position:absolute;width:2px;height:2px;background:#fff8dc;border-radius:50%;
  box-shadow:0 0 7px 3px #ffe8a0,0 0 32px 12px rgba(255,206,91,.25);
  animation:flarePulse 7s ease-in-out infinite;
}
.flare:before,.flare:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,rgba(255,233,166,.9),transparent);left:50%;top:50%;transform:translate(-50%,-50%)}
.flare:before{width:120px;height:1px}.flare:after{width:1px;height:120px;background:linear-gradient(transparent,rgba(255,233,166,.9),transparent)}
.f1{top:25%;left:27%;animation-delay:1.2s}.f2{bottom:0;left:49%;animation-delay:3.6s}.f3{top:14%;right:28%;animation-delay:5s}
@keyframes starPulse{0%,100%{opacity:.15;transform:scale(.7)}45%{opacity:.95;transform:scale(1.25)}60%{opacity:.35;transform:scale(.85)}}
@keyframes flarePulse{0%,100%{opacity:.08;transform:scale(.55)}48%{opacity:.9;transform:scale(1)}55%{opacity:.3;transform:scale(.72)}}
@keyframes logoSweep{0%,58%,100%{transform:translateX(-140%)}76%{transform:translateX(140%)}}
@keyframes noteGlow{0%,58%,100%{opacity:0;transform:translate(-50%,-50%) scale(.35)}67%{opacity:1;transform:translate(-50%,-50%) scale(1.35)}75%{opacity:.18;transform:translate(-50%,-50%) scale(.8)}}

/* VALUE BAR */
.value-bar{
  background:linear-gradient(180deg,#04150e,#020c08);display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  padding:30px clamp(18px,7vw,120px);border-bottom:1px solid rgba(10,100,61,.45);
}
.value-item{text-align:center;padding:0 15px}
.value-icon{color:#d7b55e;font-size:35px;line-height:1;height:42px;text-shadow:0 0 14px rgba(224,184,83,.2)}
.microphone{font-size:46px;transform:rotate(180deg)}
.value-item h3{text-transform:uppercase;letter-spacing:2px;font-family:"Cormorant Garamond",serif;font-size:17px;margin:8px 0 3px;color:#ddc988}
.value-item p{font-family:"Playfair Display",serif;font-style:italic;color:#bfc0b4;font-size:13px;line-height:1.45;margin:0}
.value-divider{width:1px;background:linear-gradient(transparent,var(--gold),transparent);opacity:.6}

/* ABOUT */
.about-section{
  display:grid;grid-template-columns:.72fr 1.45fr .7fr;gap:clamp(25px,5vw,70px);
  align-items:center;padding:90px clamp(25px,8vw,135px);
  background:radial-gradient(circle at 75% 20%,rgba(4,74,45,.18),transparent 35%),#03120c;
}
.about-stage{
  height:330px;position:relative;overflow:hidden;border:1px solid rgba(231,207,135,.18);
  background:radial-gradient(circle at 80% 15%,rgba(226,184,91,.2),transparent 18%),linear-gradient(130deg,#050807,#102016);
}
.stage-glow{position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(250,230,160,.3),rgba(186,140,43,.08),transparent 70%);left:20px;top:25px}
.stage-singer{position:absolute;bottom:-55px;left:45%;font-size:270px;line-height:1;color:#050806;text-shadow:0 0 1px #b98e3b}
.stage-mic{position:absolute;right:20%;top:43%;font-size:55px;color:#b98e3b;filter:drop-shadow(0 0 12px rgba(230,190,90,.45))}
.about-sparkles i{position:absolute;width:2px;height:2px;background:#fff4c5;border-radius:50%;box-shadow:0 0 12px 3px rgba(255,225,120,.6)}
.about-sparkles i:nth-child(1){top:22%;left:15%}.about-sparkles i:nth-child(2){top:47%;left:70%}.about-sparkles i:nth-child(3){bottom:18%;left:27%}.about-sparkles i:nth-child(4){top:16%;right:12%}
.about-copy h2,.faq-section h2,.connect-section h2{font-family:"Italiana",serif;font-weight:400;font-size:clamp(36px,5vw,64px);line-height:1;margin:8px 0 22px;color:#e6d28d}
.about-copy p{max-width:600px;color:#c8c7bb;font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.55}
.small{margin-top:8px}
.mission-quote{
  margin:0;padding-left:28px;border-left:1px solid var(--gold);font-family:"Playfair Display",serif;font-style:italic;
  color:#cbb16a;font-size:clamp(18px,2.1vw,29px);line-height:1.42;
}

/* HOW */
.how-section{padding:75px clamp(22px,7vw,120px);background:linear-gradient(180deg,#020b08,#04150e)}
.section-title{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:45px}
.section-title span{height:1px;width:100px;background:linear-gradient(90deg,transparent,var(--gold))}
.section-title span:last-child{transform:scaleX(-1)}
.section-title h2{font-family:"Italiana",serif;text-transform:uppercase;letter-spacing:4px;font-size:28px;font-weight:400;margin:0}
.steps{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr;max-width:1150px;margin:auto;align-items:center}
.step{text-align:center}
.step-number{
  width:62px;height:62px;margin:auto;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;
  font-family:"Cormorant Garamond",serif;font-size:30px;color:#e8d894;box-shadow:inset 0 0 18px rgba(205,160,58,.08),0 0 15px rgba(205,160,58,.12);
}
.step h3{text-transform:uppercase;letter-spacing:2px;font-family:"Cormorant Garamond",serif;font-size:18px;color:#ddc47d;margin:12px 0 5px}
.step p{margin:0 auto;color:#c0c1b7;font-family:"Cormorant Garamond",serif;font-size:17px;max-width:180px;line-height:1.35}
.step-arrow{font-family:"Cormorant Garamond",serif;font-size:42px;color:#cba85a;text-align:center}

/* COMING SOON */
.coming-section{
  min-height:245px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,#1a1108,#5b3514 48%,#160f08);
}
.coming-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.32),rgba(0,0,0,.58));z-index:1}
.venue-lights{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,220,140,.08) 0 1px,transparent 1px 100px);opacity:.7}
.venue-lights span{position:absolute;width:10px;height:10px;background:#ffd980;border-radius:50%;box-shadow:0 0 18px 7px rgba(255,196,75,.5);top:35%;animation:starPulse 4s ease-in-out infinite}
.venue-lights span:nth-child(1){left:8%}.venue-lights span:nth-child(2){left:27%;top:18%;animation-delay:1s}.venue-lights span:nth-child(3){left:55%;animation-delay:2s}.venue-lights span:nth-child(4){right:22%;top:20%;animation-delay:3s}.venue-lights span:nth-child(5){right:8%;animation-delay:.5s}
.coming-content{position:relative;z-index:2;max-width:690px;padding:35px 20px}
.coming-content h2{font-family:"Italiana",serif;text-transform:uppercase;letter-spacing:3px;font-size:clamp(32px,5vw,54px);font-weight:400;margin:5px 0 10px;color:#f0d88f}
.coming-content p:last-child{font-family:"Cormorant Garamond",serif;font-size:18px;line-height:1.4;margin:0;color:#ddd4ba}
.coming-button{position:absolute;z-index:3;right:clamp(20px,6vw,90px);bottom:32px}

/* CONNECT */
.connect-section{
  position:relative;text-align:center;padding:70px 20px 80px;overflow:hidden;
  background:radial-gradient(ellipse at 15% 75%,rgba(0,89,55,.26),transparent 35%),radial-gradient(ellipse at 82% 15%,rgba(0,70,42,.2),transparent 30%),#02100b;
}
.connect-section:before{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(circle at 10% 30%,#e8d486 0 1px,transparent 1.8px),radial-gradient(circle at 90% 70%,#e8d486 0 1px,transparent 1.6px);background-size:140px 120px,180px 150px}
.connect-section>*{position:relative;z-index:1}
.connect-section h2{font-size:42px;margin:5px 0 8px}
.connect-section>p:nth-of-type(2){color:#c8c7ba;font-family:"Cormorant Garamond",serif;font-size:18px}
.social-row{display:flex;justify-content:center;gap:18px;margin:28px 0}
.social-row a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(215,181,94,.8);color:#d9bd70;font-weight:600;transition:.25s}
.social-row a:hover{background:#d9bd70;color:#04130c;box-shadow:0 0 20px rgba(215,181,94,.3)}
.closing-quote{position:absolute!important;right:8%;bottom:32px;text-align:right;color:#b99a50!important;font-family:"Playfair Display",serif!important;font-style:italic;font-size:18px!important;line-height:1.25}

/* FAQ + FOOTER */
.faq-section{padding:70px clamp(22px,8vw,130px);background:#03120c;border-top:1px solid var(--line)}
.faq-section h2{text-align:center;font-size:42px}
.faq-grid{max-width:1000px;margin:35px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
details{border:1px solid rgba(231,207,135,.22);padding:18px;background:rgba(255,255,255,.015)}
summary{cursor:pointer;color:#d8c27d;font-family:"Cormorant Garamond",serif;font-size:20px}
details p{color:#b8b9af;font-size:14px}
footer{padding:28px 20px;background:#010705;border-top:1px solid rgba(231,207,135,.16);text-align:center;color:#85897f;font-size:11px;letter-spacing:1px}
footer p{margin:4px}

@media (max-width:900px){
  .site-header{height:68px}.brand-logo,.brand-logo img{height:55px}
  .menu-toggle{display:block;margin-left:auto}.nav-button{display:none}
  .nav-links{display:none;position:absolute;left:0;right:0;top:68px;background:#03120c;padding:20px;flex-direction:column;border-bottom:1px solid var(--gold)}
  .nav-links.open{display:flex}.nav-links a{padding:8px 0}
  .hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:55px;padding-bottom:75px}
  .hero-logo-wrap{width:min(360px,90%)}.hero-copy{text-align:center;padding:20px 0 0}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-script{display:none}
  .value-bar{grid-template-columns:1fr 1fr;gap:26px;padding-top:35px;padding-bottom:35px}.value-divider{display:none}
  .about-section{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px}.about-visual{max-width:450px;width:100%;margin:auto}.mission-quote{max-width:450px}
  .steps{grid-template-columns:1fr 1fr;gap:28px}.step-arrow{display:none}
  .coming-button{position:relative;right:auto;bottom:auto;margin:0 0 30px;z-index:4}
  .coming-section{flex-direction:column}.faq-grid{grid-template-columns:1fr}.closing-quote{position:relative!important;right:auto;bottom:auto;text-align:center;margin-top:25px}
}
@media (max-width:520px){
  .site-header{padding:0 18px}.brand{width:150px}.brand-logo img{width:150px}
  .hero h1{font-size:68px}.hero h1 span{letter-spacing:6px}.hero-subtitle{font-size:15px;letter-spacing:2.4px}
  .value-bar{grid-template-columns:1fr 1fr}.about-copy p{font-size:18px}.section-title span{width:35px}
  .coming-content h2{letter-spacing:1.5px}.about-stage{height:270px}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;scroll-behavior:auto!important}
}


/* ===== INDUSTRY & PROFESSIONAL INQUIRIES ===== */
.industry-section {
  position: relative;
  overflow: hidden;
  padding: 110px 8%;
  text-align: center;
  background:
    radial-gradient(circle at 20% 20%, rgba(198,155,74,.08), transparent 24%),
    radial-gradient(circle at 80% 70%, rgba(12,102,74,.13), transparent 30%),
    linear-gradient(180deg, #061f18 0%, #02120e 100%);
  border-top: 1px solid rgba(203,170,96,.32);
  border-bottom: 1px solid rgba(203,170,96,.32);
}

.industry-content {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 0 auto;
}

.industry-section h2 {
  margin: 18px auto 25px;
  max-width: 850px;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(42px, 6vw, 76px);
  line-height: 1.03;
  color: #e4ca8c;
}

.industry-intro {
  max-width: 760px;
  margin: 0 auto;
  color: rgba(244,234,208,.82);
  font-size: 18px;
  line-height: 1.8;
}

.industry-card {
  max-width: 760px;
  margin: 48px auto 0;
  padding: 42px;
  text-align: left;
  border: 1px solid rgba(203,170,96,.4);
  background: rgba(0,19,14,.68);
  box-shadow: 0 16px 55px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.02);
}

.industry-card h3 {
  margin: 0 0 30px;
  text-align: center;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: 34px;
  color: #e4ca8c;
}

.industry-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.industry-form label {
  display: flex;
  flex-direction: column;
  gap: 9px;
  color: #d9bd78;
  font-size: 11px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.industry-full { grid-column: 1 / -1; }

.industry-form input,
.industry-form select,
.industry-form textarea {
  width: 100%;
  border: 1px solid rgba(203,170,96,.34);
  background: rgba(0,8,6,.72);
  color: #f4ead0;
  padding: 14px 15px;
  font: inherit;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  outline: none;
}

.industry-form textarea {
  min-height: 145px;
  resize: vertical;
}

.industry-form input:focus,
.industry-form select:focus,
.industry-form textarea:focus {
  border-color: #e4ca8c;
  box-shadow: 0 0 0 3px rgba(203,170,96,.08);
}

.industry-button {
  width: 100%;
  margin-top: 26px;
  padding: 16px 20px;
  border: 1px solid #c9a85c;
  background: linear-gradient(90deg, rgba(104,75,28,.75), rgba(201,168,92,.25), rgba(104,75,28,.75));
  color: #f4ead0;
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  cursor: pointer;
}

.industry-note {
  margin: 16px 0 0;
  text-align: center;
  color: rgba(244,234,208,.52);
  font-size: 12px;
  line-height: 1.6;
}

.social-row a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.social-row svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
  stroke: none;
}

.social-row a[aria-label="Instagram"] svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.social-row a[aria-label="Instagram"] svg circle:last-child {
  fill: currentColor;
  stroke: none;
}

@media (max-width: 700px) {
  .industry-section { padding: 80px 20px; }
  .industry-card { padding: 28px 20px; }
  .industry-form-grid { grid-template-columns: 1fr; }
  .industry-full { grid-column: auto; }
}