/* ══════════════════════════════════════════════════
   NATIER ENTER10MENT — main.css
   natierenter10ment.com
══════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,900&family=Barlow:wght@300;400;500;600&family=Space+Mono:wght@400;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;}

:root{
  --black:#050508;--black2:#0a0a10;--black3:#111118;--black4:#18181f;--black5:#222228;
  --lime:#c8f72f;--lime-dim:rgba(200,247,47,.1);--lime-glow:rgba(200,247,47,.28);
  --cyan:#00e5ff;--magenta:#ff2d78;
  --white:#f0f0f5;--white-sub:#a0a0b0;--white-dim:#505060;
  --ff-disp:'Barlow Condensed',sans-serif;--ff-body:'Barlow',sans-serif;--ff-mono:'Space Mono',monospace;
  --r:8px;--r-lg:14px;--r-xl:20px;--nav-h:70px;
}
body{font-family:var(--ff-body);background:var(--black);color:var(--white);overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
::-webkit-scrollbar{width:3px;}::-webkit-scrollbar-thumb{background:var(--lime);}

/* CURSOR */
@media(pointer:fine){body,a,button{cursor:none;}}
.cur-dot{position:fixed;width:8px;height:8px;border-radius:50%;background:var(--lime);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .15s,background .15s;}
.cur-ring{position:fixed;width:28px;height:28px;border-radius:50%;border:1px solid rgba(200,247,47,.4);pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .08s linear;}
.cur-dot.expand{width:16px;background:var(--cyan);}

/* NAV */
#nav{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-h);padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:background .3s,border-color .3s;}
#nav.scrolled{background:rgba(5,5,8,.94);backdrop-filter:blur(28px);border-bottom:1px solid rgba(200,247,47,.1);}
.nav-logo{font-family:var(--ff-disp);font-size:1.45rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;}
.nav-logo span{color:var(--lime);}
.logo-blip{width:8px;height:8px;border-radius:50%;background:var(--lime);animation:blip 2s ease-in-out infinite;flex-shrink:0;}
@keyframes blip{0%,100%{box-shadow:0 0 0 0 var(--lime-glow);}50%{box-shadow:0 0 0 7px transparent;}}
.nav-links{display:flex;align-items:center;gap:.1rem;}
.nav-links a{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--white-sub);padding:.5rem .9rem;border-radius:var(--r);transition:color .2s,background .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--white);background:rgba(255,255,255,.06);}
.nav-cta{font-family:var(--ff-disp);font-weight:700;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;background:var(--lime);color:var(--black);padding:.5rem 1.4rem;border-radius:var(--r);transition:all .2s;white-space:nowrap;}
.nav-cta:hover{background:#d4ff3a;transform:translateY(-1px);box-shadow:0 8px 24px var(--lime-glow);}
.nav-mob-btn{display:none;flex-direction:column;gap:5px;background:none;padding:.4rem;}
.nav-mob-btn span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:all .2s;}
@media(max-width:880px){.nav-links{display:none;}.nav-mob-btn{display:flex;}}
.mob-menu{display:none;position:fixed;inset:0;z-index:190;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:rgba(5,5,8,.97);backdrop-filter:blur(30px);}
.mob-menu.open{display:flex;}
.mob-menu a{font-family:var(--ff-disp);font-size:3rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--white);transition:color .2s;}
.mob-menu a:hover{color:var(--lime);}
.mob-close{position:absolute;top:1.5rem;right:2rem;background:none;border:none;color:var(--white-dim);font-size:1.5rem;}

/* CONTAINER */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;}
@media(max-width:600px){.container{padding:0 1.2rem;}}

/* HERO */
.hero{min-height:100vh;padding-top:var(--nav-h);display:flex;align-items:center;position:relative;overflow:hidden;}
.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 60% 40%,rgba(200,247,47,.07) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 20% 80%,rgba(0,229,255,.05) 0%,transparent 60%);}
.hero-grid{position:absolute;inset:0;z-index:0;opacity:.06;background-image:linear-gradient(rgba(200,247,47,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(200,247,47,.5) 1px,transparent 1px);background-size:80px 80px;}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:5rem 0 4rem;}
@media(max-width:880px){.hero-inner{grid-template-columns:1fr;text-align:center;gap:2.5rem;}}
.hero-eyebrow{font-family:var(--ff-mono);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--lime);margin-bottom:1.2rem;}
.hero-title{font-family:var(--ff-disp);font-weight:900;font-style:italic;font-size:clamp(3.5rem,8vw,7.5rem);line-height:.92;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:1.5rem;}
.hero-title .hl{color:var(--lime);}
.hero-title .stroke{display:block;-webkit-text-stroke:2px var(--white);color:transparent;}
.hero-sub{font-size:1rem;color:var(--white-sub);line-height:1.65;max-width:440px;margin-bottom:2.5rem;}
@media(max-width:880px){.hero-sub{margin:0 auto 2rem;}}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem;}
@media(max-width:880px){.hero-actions{justify-content:center;}}
.hero-stats{display:flex;gap:2.5rem;}
@media(max-width:880px){.hero-stats{justify-content:center;}}
.hs-n{font-family:var(--ff-disp);font-size:2.2rem;font-weight:900;color:var(--lime);}
.hs-l{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--white-dim);}

/* FEATURED CARD */
.feat-card{background:var(--black3);border:1px solid rgba(200,247,47,.15);border-radius:var(--r-xl);overflow:hidden;transition:border-color .3s,box-shadow .3s;}
.feat-card:hover{border-color:rgba(200,247,47,.35);box-shadow:0 20px 60px rgba(200,247,47,.09);}
.feat-img{aspect-ratio:4/3;overflow:hidden;background:var(--black4);display:flex;align-items:center;justify-content:center;position:relative;}
.feat-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.feat-card:hover .feat-img img{transform:scale(1.04);}
.feat-badge{position:absolute;top:1rem;left:1rem;font-family:var(--ff-mono);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--lime);color:var(--black);padding:.3rem .7rem;border-radius:4px;}
.feat-ph{font-family:var(--ff-disp);font-size:4rem;font-weight:900;color:rgba(200,247,47,.15);}
.feat-body{padding:1.4rem;}
.feat-name{font-family:var(--ff-disp);font-size:1.6rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;line-height:1.1;margin-bottom:.4rem;}
.feat-sub{font-size:.78rem;color:var(--white-sub);margin-bottom:1rem;}
.feat-meta{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.2rem;}
.feat-meta-row{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--white-sub);}
.feat-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.feat-price{font-family:var(--ff-disp);font-size:1.8rem;font-weight:900;color:var(--lime);}
.feat-price small{font-size:.85rem;color:var(--white-sub);font-family:var(--ff-body);}
.ev-skeleton,.feat-card.skeleton{background:var(--black3);border-radius:var(--r-xl);height:380px;animation:pulse 1.5s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:.4;}50%{opacity:.8;}}

/* TICKER */
.ticker-wrap{background:var(--lime);overflow:hidden;padding:.65rem 0;}
.ticker-track{display:flex;overflow:hidden;}
.ticker-inner{display:flex;white-space:nowrap;animation:ticker 30s linear infinite;}
.ticker-inner:hover{animation-play-state:paused;}
@keyframes ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.t-item{font-family:var(--ff-disp);font-size:.95rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--black);padding:0 2rem;display:inline-flex;align-items:center;gap:1.5rem;}
.t-sep{width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,.25);}

/* SECTIONS */
.section{padding:6rem 0;}
.page-hero{padding:calc(var(--nav-h) + 4rem) 0 3rem;background:linear-gradient(180deg,rgba(200,247,47,.05) 0%,transparent 100%);}
.sec-label{font-family:var(--ff-mono);font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--lime);margin-bottom:.8rem;}
.sec-title{font-family:var(--ff-disp);font-size:clamp(2.5rem,5vw,5rem);font-weight:900;text-transform:uppercase;letter-spacing:.02em;line-height:.95;margin-bottom:1.2rem;}
.sec-title em{font-style:italic;color:var(--lime);}
.cta-section{background:var(--black2);}

/* EVENTS GRID */
.filter-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2.5rem;}
.f-btn{font-family:var(--ff-mono);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--black3);color:var(--white-sub);border:1px solid rgba(255,255,255,.1);padding:.4rem .9rem;border-radius:var(--r);transition:all .2s;}
.f-btn:hover,.f-btn.active{background:var(--lime);color:var(--black);border-color:var(--lime);}
.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;}
.ev-card{background:var(--black3);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s;}
.ev-card:hover{border-color:rgba(200,247,47,.3);transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.5);}
.ev-card-skeleton{background:var(--black3);border-radius:var(--r-lg);height:320px;animation:pulse 1.5s ease-in-out infinite;}
.ev-img{aspect-ratio:16/9;overflow:hidden;background:var(--black4);display:flex;align-items:center;justify-content:center;position:relative;}
.ev-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.ev-card:hover .ev-img img{transform:scale(1.04);}
.ev-img-ph{font-family:var(--ff-disp);font-size:2.5rem;font-weight:900;color:rgba(200,247,47,.1);}
.ev-badge{position:absolute;top:.7rem;right:.7rem;font-family:var(--ff-mono);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;border-radius:4px;}
.badge-sale{background:rgba(200,247,47,.12);color:var(--lime);border:1px solid rgba(200,247,47,.25);}
.badge-few{background:rgba(255,165,0,.12);color:#ffa500;border:1px solid rgba(255,165,0,.25);}
.badge-sold{background:rgba(255,45,120,.1);color:#ff2d78;border:1px solid rgba(255,45,120,.25);}
.ev-body{padding:1.2rem;}
.ev-date{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);margin-bottom:.35rem;}
.ev-name{font-family:var(--ff-disp);font-size:1.35rem;font-weight:900;text-transform:uppercase;line-height:1.1;margin-bottom:.35rem;}
.ev-venue{font-size:.75rem;color:var(--white-sub);margin-bottom:1rem;}
.ev-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;}
.ev-price{font-family:var(--ff-disp);font-size:1.5rem;font-weight:900;color:var(--lime);}

/* BUTTONS */
.btn-primary{font-family:var(--ff-disp);font-weight:700;font-size:1rem;letter-spacing:.07em;text-transform:uppercase;background:var(--lime);color:var(--black);padding:.7rem 1.8rem;border-radius:var(--r);transition:all .2s;display:inline-block;border:none;}
.btn-primary:hover{background:#d4ff3a;transform:translateY(-2px);box-shadow:0 10px 30px var(--lime-glow);}
.btn-outline{font-family:var(--ff-disp);font-weight:700;font-size:1rem;letter-spacing:.07em;text-transform:uppercase;background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.22);padding:.7rem 1.8rem;border-radius:var(--r);transition:all .2s;display:inline-block;}
.btn-outline:hover{border-color:var(--lime);color:var(--lime);}
.btn-ev{font-family:var(--ff-disp);font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;background:var(--lime);color:var(--black);padding:.45rem 1.1rem;border-radius:var(--r);transition:all .2s;border:none;}
.btn-ev:hover{background:#d4ff3a;}
.btn-ev:disabled{background:var(--black5);color:var(--white-dim);cursor:default;}

/* MODAL */
.modal-overlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.8);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .25s;}
.modal-overlay.open{opacity:1;pointer-events:all;}
.modal{background:var(--black3);border:1px solid rgba(200,247,47,.15);border-radius:var(--r-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(20px);transition:transform .25s;}
.modal-wide{max-width:600px;}
.modal-overlay.open .modal{transform:none;}
.modal-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.08);border:none;color:var(--white);width:32px;height:32px;border-radius:50%;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10;}
.modal-close:hover{background:rgba(255,45,120,.3);}
.modal-body{padding:2rem;}

/* CHECKOUT MODAL INNER */
.m-event-title{font-family:var(--ff-disp);font-size:1.8rem;font-weight:900;text-transform:uppercase;line-height:1.05;margin-bottom:.4rem;}
.m-event-meta{font-size:.8rem;color:var(--white-sub);margin-bottom:1.5rem;}
.m-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white-sub);margin-bottom:.4rem;}
.m-input{width:100%;background:var(--black4);border:1px solid rgba(255,255,255,.1);color:var(--white);font-family:var(--ff-body);font-size:.92rem;padding:.75rem 1rem;border-radius:var(--r);margin-bottom:1rem;transition:border-color .2s,box-shadow .2s;}
.m-input:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px var(--lime-dim);}
.m-price{font-family:var(--ff-disp);font-size:2.2rem;font-weight:900;color:var(--lime);margin-bottom:1.2rem;}
.m-err{background:rgba(255,45,120,.1);border:1px solid rgba(255,45,120,.3);color:#ff2d78;font-size:.8rem;padding:.7rem 1rem;border-radius:var(--r);margin-bottom:1rem;display:none;}

/* TICKET MODAL INNER */
.tk-event{font-family:var(--ff-disp);font-size:1.8rem;font-weight:900;text-transform:uppercase;line-height:1.05;margin-bottom:.3rem;}
.tk-meta{font-size:.8rem;color:var(--white-sub);margin-bottom:1.5rem;}
.tk-qr{width:160px;height:160px;margin:0 auto 1rem;background:white;border-radius:var(--r-lg);padding:.5rem;border:2px solid rgba(200,247,47,.25);}
.tk-qr img{width:100%;height:100%;object-fit:contain;}
.tk-code{text-align:center;font-family:var(--ff-mono);font-size:1.2rem;font-weight:700;letter-spacing:.18em;color:var(--lime);background:var(--lime-dim);padding:.6rem 1.5rem;border-radius:var(--r);display:table;margin:0 auto .5rem;}
.tk-hint{text-align:center;font-size:.72rem;color:var(--white-sub);margin-bottom:1.2rem;}
.tk-info{background:var(--black4);border-radius:var(--r);padding:1rem;margin-bottom:1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;font-size:.82rem;}
.tk-info-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white-dim);margin-bottom:.15rem;}

/* TICKETS PAGE */
.lookup-form{display:flex;gap:.75rem;flex-wrap:wrap;max-width:500px;}
.lookup-input{flex:1;background:var(--black3);border:1px solid rgba(200,247,47,.15);color:var(--white);font-family:var(--ff-body);font-size:.95rem;padding:.75rem 1.1rem;border-radius:var(--r);min-width:0;transition:border-color .2s,box-shadow .2s;}
.lookup-input:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px var(--lime-dim);}
.err-msg{background:rgba(255,45,120,.1);border:1px solid rgba(255,45,120,.3);color:#ff2d78;font-size:.82rem;padding:.75rem 1rem;border-radius:var(--r);}
.ticket-item{background:var(--black3);border:1px solid rgba(200,247,47,.12);border-radius:var(--r-lg);padding:1.5rem;display:grid;grid-template-columns:1fr auto;gap:1rem;margin-bottom:1.25rem;}
@media(max-width:600px){.ticket-item{grid-template-columns:1fr;}}
.ticket-event-name{font-family:var(--ff-disp);font-size:1.3rem;font-weight:900;text-transform:uppercase;margin-bottom:.4rem;}
.ticket-meta-row{display:flex;gap:1rem;flex-wrap:wrap;font-size:.75rem;color:var(--white-sub);margin-bottom:.7rem;}
.ticket-code{font-family:var(--ff-mono);font-size:.72rem;letter-spacing:.12em;color:var(--lime);background:var(--lime-dim);padding:.3rem .7rem;border-radius:4px;display:inline-block;margin-bottom:.6rem;}
.ticket-status{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.status-valid{color:#4ade80;}
.status-used{color:var(--magenta);}
.qr-thumb{width:90px;height:90px;border-radius:var(--r);border:2px solid rgba(200,247,47,.2);}
.btn-dl{font-family:var(--ff-mono);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--lime);color:var(--black);padding:.4rem .85rem;border-radius:var(--r);transition:all .2s;border:none;cursor:pointer;}
.btn-dl:hover{background:#d4ff3a;}
.btn-dl-outline{background:var(--black4);color:var(--lime);border:1px solid rgba(200,247,47,.3);}
.btn-dl-outline:hover{background:var(--lime-dim);}

/* REVEAL */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease;}
.reveal.visible{opacity:1;transform:none;}
.rd1{transition-delay:.1s;}.rd2{transition-delay:.2s;}.rd3{transition-delay:.3s;}.rd4{transition-delay:.4s;}

/* FOOTER */
footer{background:var(--black2);border-top:1px solid rgba(200,247,47,.08);padding:3rem 0 2rem;}
.foot-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem;margin-bottom:2rem;}
@media(max-width:700px){.foot-grid{grid-template-columns:1fr;gap:1.5rem;}}
.foot-brand{font-family:var(--ff-disp);font-size:1.5rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;}
.foot-brand span{color:var(--lime);}
.foot-tag{font-size:.78rem;color:var(--white-sub);margin-top:.35rem;}
.foot-head{font-family:var(--ff-mono);font-size:.62rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--white-dim);margin-bottom:.9rem;}
.foot-links{display:flex;flex-direction:column;gap:.55rem;}
.foot-links a{font-size:.82rem;color:var(--white-sub);transition:color .2s;}
.foot-links a:hover{color:var(--lime);}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06);font-size:.72rem;color:var(--white-dim);flex-wrap:wrap;}

@media(max-width:600px){.section{padding:4rem 0;}.ev-grid{grid-template-columns:1fr;}}