@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Inter:wght@300;400;500;700&display=swap');

:root{--crimson:#c0392b;--wine:#8e1a1a;--black:#0a0608;--panel:#160c10;--gold:#daa520;--text-rose:#f5e0e0;--text-ash:#9a8585;--border-wine:rgba(192,57,43,.15)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--black);color:var(--text-rose);line-height:1.75}
h1,h2,h3{font-family:'Cormorant Garamond',serif}
a{color:var(--gold);text-decoration:none;transition:.3s}a:hover{color:var(--crimson)}

.nav-bar{position:fixed;top:0;left:0;right:0;z-index:1000;height:66px;background:rgba(10,6,8,.94);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--border-wine)}
.brand-mark{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:8px}
.brand-mark svg{width:32px;height:32px}
.nav-items{list-style:none;display:flex;gap:1.6rem}
.nav-items a{color:var(--text-ash);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}
.nav-items a:hover,.nav-items a.active{color:var(--gold)}
.ham-icon{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}
.ham-icon span{width:26px;height:3px;background:var(--gold);border-radius:2px;transition:.3s}
.ham-icon.live span:first-child{transform:rotate(45deg) translate(5px,6px)}.ham-icon.live span:nth-child(2){opacity:0}.ham-icon.live span:last-child{transform:rotate(-45deg) translate(5px,-6px)}

main{padding-top:66px}

.velvet-hero{min-height:90vh;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,var(--black) 60%,var(--panel) 60%)}
.vh-left{display:flex;flex-direction:column;justify-content:center;padding:4rem 5%}
.vh-left h1{font-size:3.2rem;color:var(--text-rose);line-height:1.15;margin-bottom:1rem}
.vh-left h1 span{color:var(--crimson)}
.vh-left p{color:var(--text-ash);font-size:1.05rem;max-width:500px;margin-bottom:2rem}
.velvet-btn{display:inline-block;padding:14px 44px;background:var(--crimson);color:#fff;font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:700;border:none;border-radius:2px;cursor:pointer;text-transform:uppercase;letter-spacing:3px;transition:.3s;width:fit-content}
.velvet-btn:hover{background:var(--wine);transform:translateY(-2px);color:#fff}
.vh-right{display:flex;align-items:center;justify-content:center;position:relative}
.roulette-deco{width:200px;height:200px;border:3px solid rgba(218,165,32,.2);border-radius:50%;animation:rotdeco 15s linear infinite}
@keyframes rotdeco{to{transform:rotate(360deg)}}

.alert-row{display:flex;justify-content:center;gap:2.5rem;padding:1.5rem 4%;background:rgba(192,57,43,.03);border-top:1px solid var(--border-wine);border-bottom:1px solid var(--border-wine);flex-wrap:wrap}
.alert-chip{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:var(--gold)}.alert-chip .ac{font-size:1.3rem}

.table-sec{padding:4rem 4%;text-align:center}
.table-sec h2{font-size:2.2rem;color:var(--text-rose);margin-bottom:1.5rem}
.table-frame{max-width:1000px;margin:0 auto;border:2px solid var(--border-wine);overflow:hidden;box-shadow:0 0 50px rgba(0,0,0,.5)}
.table-frame iframe{width:100%;height:620px;border:none;display:block}

.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:4rem 4%;max-width:1100px;margin:0 auto}
.trio-box{background:var(--panel);border:1px solid var(--border-wine);padding:2.5rem 2rem;text-align:center;transition:.3s}
.trio-box:hover{border-color:var(--crimson)}
.trio-box .tb-em{font-size:2rem;margin-bottom:1rem;display:block}
.trio-box h3{font-size:1.2rem;color:var(--gold);margin-bottom:.6rem}
.trio-box p{color:var(--text-ash);font-size:.92rem}

.essay{max-width:860px;margin:0 auto;padding:3rem 4%}
.essay h2{font-size:1.9rem;color:var(--text-rose);text-align:center;margin-bottom:1.5rem}
.essay p{color:var(--text-ash);margin-bottom:1rem}

.ph{padding:6rem 4% 3rem;text-align:center;background:linear-gradient(180deg,var(--panel),var(--black))}
.ph h1{font-size:2.6rem;color:var(--text-rose)}
.pb{max-width:860px;margin:0 auto;padding:3rem 4%}
.pb h2{font-size:1.35rem;color:var(--gold);margin:2rem 0 .8rem}
.pb p,.pb li{color:var(--text-ash);margin-bottom:.7rem}
.pb ul{padding-left:1.5rem;margin-bottom:1rem}

.site-ft{background:#050304;border-top:1px solid var(--border-wine);padding:3rem 4% 1.5rem;text-align:center}
.ft-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1.2rem}
.ft-links a{color:var(--text-ash);font-size:.88rem}.ft-links a:hover{color:var(--gold)}
.ft-rg{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(192,57,43,.08)}
.ft-rg p{font-size:.78rem;color:var(--text-ash);margin-bottom:.5rem}.ft-rg a{margin:0 .5rem}

.age-veil{position:fixed;inset:0;z-index:9999;background:rgba(5,3,4,.97);display:flex;align-items:center;justify-content:center}
.age-inner{background:var(--panel);border:2px solid var(--crimson);border-radius:8px;padding:3rem;text-align:center;max-width:420px;width:90%}
.age-inner h2{font-size:1.5rem;color:var(--gold);margin-bottom:1rem}
.age-inner p{color:var(--text-ash);margin-bottom:2rem}
.age-row{display:flex;gap:1rem;justify-content:center}
.age-row button{padding:11px 32px;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:1rem;border:none;border-radius:2px;cursor:pointer;transition:.2s;text-transform:uppercase;letter-spacing:2px}
.ar-y{background:var(--crimson);color:#fff}
.ar-n{background:transparent;border:2px solid var(--text-ash)!important;color:var(--text-ash)}
.age-row button:hover{transform:scale(1.05)}
.ar-d{color:#e74c3c;font-weight:700;margin-top:1rem;display:none}

@media(max-width:768px){.ham-icon{display:flex}.nav-items{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:rgba(10,6,8,.98);padding:1.5rem 4%;gap:1rem;border-bottom:1px solid var(--border-wine)}.nav-items.open{display:flex}.velvet-hero{grid-template-columns:1fr}.vh-right{min-height:200px}.vh-left h1{font-size:2.2rem}.trio{grid-template-columns:1fr}.table-frame iframe{height:400px}.alert-row{flex-direction:column;align-items:center;gap:.8rem}}