:root { --event-red:#a53b2b; --event-ink:#123c34; --event-paper:#eee4d1; --event-cream:#faf5e9; --event-gold:#af8a49; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.event-page { margin:0; color:var(--event-ink); background:var(--event-paper); font-family:"Noto Serif SC","Songti SC",STSong,serif; }
.event-header { height:74px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(20px,5vw,72px); background:var(--event-cream); border-bottom:1px solid rgba(18,60,52,.18); position:relative; z-index:4; }
.event-brand { display:flex; align-items:center; gap:12px; color:inherit; text-decoration:none; letter-spacing:.18em; font-weight:700; }
.event-brand img { width:38px; height:38px; }
.event-header nav { display:flex; align-items:center; gap:28px; }
.event-header nav a,.event-header nav button { color:inherit; text-decoration:none; font:12px/1 inherit; letter-spacing:.08em; border:0; background:none; cursor:pointer; padding:8px 0; }
.event-header nav button { border-bottom:1px solid var(--event-red); }
.event-hero { min-height:690px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr); overflow:hidden; background:radial-gradient(circle at 72% 45%,rgba(192,147,82,.18),transparent 32%),linear-gradient(118deg,#0f352e 0%,#123c34 58%,#17342f 100%); color:var(--event-cream); position:relative; }
.event-hero::before { content:""; position:absolute; inset:0; opacity:.16; background-image:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.1) 80px),repeating-linear-gradient(0deg,transparent 0,transparent 79px,rgba(255,255,255,.08) 80px); }
.event-hero-copy { padding:clamp(80px,10vw,145px) 7vw; position:relative; z-index:1; }
.eyebrow { font:10px/1.4 Georgia,serif; letter-spacing:.34em; color:#d3b77e; text-transform:uppercase; }
.event-hero h1 { margin:28px 0 25px; font-size:clamp(58px,7.5vw,112px); font-weight:400; line-height:.96; letter-spacing:-.06em; }
.event-hero h1 em { color:#d9bd85; font-style:normal; }
.event-hero .lead { max-width:620px; font-size:16px; line-height:2; color:rgba(250,245,233,.72); }
.hero-ticket { margin-top:42px; width:210px; display:flex; justify-content:space-between; align-items:center; color:var(--event-cream); text-decoration:none; padding:15px 4px; border-top:1px solid rgba(255,255,255,.35); border-bottom:1px solid rgba(255,255,255,.35); font-size:13px; }
.date-sculpture { align-self:center; justify-self:center; width:min(390px,70%); aspect-ratio:.66; border:1px solid rgba(225,199,146,.46); display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; z-index:1; box-shadow:inset 0 0 0 10px rgba(255,255,255,.02),0 50px 100px rgba(0,0,0,.28); transform:rotate(2deg); }
.date-sculpture::after { content:""; position:absolute; width:90%; height:105%; border:1px solid rgba(225,199,146,.16); transform:rotate(-5deg); }
.date-sculpture strong { font:112px/.78 Georgia,serif; font-weight:400; letter-spacing:-.08em; }
.date-sculpture i { width:110px; height:1px; margin:24px; background:#b34131; }
.date-sculpture span { font:10px Georgia,serif; letter-spacing:.32em; color:#d3b77e; }
.date-top { margin-bottom:30px; }.date-bottom { margin-top:34px; }
.event-intro { display:grid; grid-template-columns:.4fr 1fr; gap:60px; padding:100px clamp(24px,8vw,130px); background:var(--event-cream); }
.event-intro>p { font:10px Georgia,serif; letter-spacing:.3em; color:var(--event-red); }
.event-intro>div { display:grid; grid-template-columns:1fr .7fr; gap:70px; align-items:end; }
.event-intro h2 { margin:0; font-size:clamp(34px,4vw,62px); line-height:1.24; font-weight:400; letter-spacing:-.04em; }
.event-intro div p { margin:0; line-height:1.9; color:rgba(18,60,52,.7); font-size:14px; }
.event-list-section { padding:90px clamp(24px,6vw,96px) 120px; }
.event-list-head { display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid rgba(18,60,52,.26); padding-bottom:24px; margin-bottom:35px; }
.event-list-head h2 { margin:8px 0 0; font-size:48px; font-weight:400; }
.event-filter { display:flex; gap:6px; }
.event-filter button { border:1px solid rgba(18,60,52,.28); background:transparent; color:var(--event-ink); padding:9px 16px; cursor:pointer; font:12px inherit; }
.event-filter button.active { color:var(--event-cream); background:var(--event-ink); }
.event-grid { display:grid; gap:18px; }
.event-card { display:grid; grid-template-columns:145px 1fr auto; gap:32px; align-items:center; padding:28px 30px; background:rgba(250,245,233,.74); border-left:3px solid var(--event-gold); cursor:pointer; transition:transform .25s ease,background .25s ease; }
.event-card:hover { transform:translateX(7px); background:var(--event-cream); }
.event-date { display:grid; grid-template-columns:1fr 1fr; align-items:center; border-right:1px solid rgba(18,60,52,.18); }
.event-date strong { font:52px/1 Georgia,serif; color:var(--event-red); }
.event-date span { font:10px/1.5 Georgia,serif; letter-spacing:.12em; }
.event-info h3 { margin:0 0 8px; font-size:25px; font-weight:400; }
.event-info p { margin:0; color:rgba(18,60,52,.66); font-size:13px; line-height:1.7; }
.event-meta { text-align:right; min-width:150px; }
.event-meta span { display:block; font-size:12px; margin:4px 0; }.event-meta b { display:inline-block; margin-top:8px; padding:5px 9px; border:1px solid var(--event-gold); color:#8a662e; font-size:10px; font-weight:400; }
.event-empty { padding:70px; text-align:center; color:rgba(18,60,52,.58); background:rgba(250,245,233,.45); }
.event-note { min-height:460px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:var(--event-cream); background:var(--event-red); padding:70px 20px; }
.event-note span { font:10px Georgia,serif; letter-spacing:.35em; opacity:.65; }.event-note blockquote { margin:32px 0; font-size:clamp(28px,4vw,54px); line-height:1.4; font-weight:400; }.event-note a { color:inherit; font-size:12px; letter-spacing:.08em; }
.event-footer { display:flex; justify-content:space-between; padding:28px clamp(20px,5vw,72px); background:#0b2d27; color:rgba(250,245,233,.65); font-size:11px; }.event-footer div{display:flex;gap:20px}.event-footer a{color:inherit}
.event-dialog { width:min(760px,calc(100vw - 24px)); max-height:88vh; border:0; padding:0; color:var(--event-ink); background:var(--event-cream); box-shadow:0 30px 90px rgba(0,0,0,.38); }.event-dialog::backdrop{background:rgba(6,27,23,.74);backdrop-filter:blur(5px)}
.event-dialog .dialog-close{z-index:2;color:var(--event-ink)}.detail-banner{padding:48px 54px 35px;background:linear-gradient(125deg,#e9dcc4,#f8f2e7);border-bottom:1px solid rgba(18,60,52,.18)}.detail-banner .eyebrow{color:var(--event-red)}.detail-banner h2{margin:15px 0 8px;font-size:42px;font-weight:400}.detail-body{padding:34px 54px 48px}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.detail-facts div{padding:14px;border-top:2px solid var(--event-gold);background:#efe5d3}.detail-facts small{display:block;color:rgba(18,60,52,.58);font-size:10px}.detail-facts b{display:block;margin-top:6px;font-size:13px;font-weight:500}.detail-description{white-space:pre-wrap;line-height:1.9;color:rgba(18,60,52,.76)}.detail-actions{display:flex;align-items:center;gap:12px;margin-top:28px}.detail-actions button{border:1px solid var(--event-ink);padding:12px 20px;background:var(--event-ink);color:var(--event-cream);cursor:pointer}.detail-actions button.secondary{background:transparent;color:var(--event-ink)}.detail-status{font-size:12px;color:var(--event-red)}
.account-dialog{max-width:480px}.account-card{padding:48px}.account-card h2{font-size:36px;margin:0 0 10px;font-weight:400}.account-card p{line-height:1.8;color:rgba(18,60,52,.68)}.account-card a{display:inline-block;margin-top:14px;padding:11px 18px;color:var(--event-cream);background:var(--event-red);text-decoration:none}.my-event{padding:12px 0;border-bottom:1px solid rgba(18,60,52,.18);display:flex;justify-content:space-between;font-size:13px}.my-event b{font-weight:500}.my-event span{color:var(--event-red);font-size:11px}
@media(max-width:780px){.event-header nav{display:flex;position:static;inset:auto;padding:0;flex-direction:row;align-items:center;background:transparent;box-shadow:none}.event-header nav a{display:none}.event-hero{grid-template-columns:1fr;min-height:auto}.event-hero-copy{padding:75px 24px 50px}.date-sculpture{width:250px;margin:0 auto 70px}.date-sculpture strong{font-size:82px}.event-intro{grid-template-columns:1fr;padding:70px 24px}.event-intro>div{grid-template-columns:1fr;gap:25px}.event-list-section{padding:70px 16px}.event-list-head{align-items:flex-start;gap:22px;flex-direction:column}.event-card{grid-template-columns:85px 1fr;gap:16px;padding:22px 16px}.event-date strong{font-size:38px}.event-meta{grid-column:2;text-align:left}.detail-banner,.detail-body{padding-left:24px;padding-right:24px}.detail-facts{grid-template-columns:1fr}.event-footer{gap:20px;flex-direction:column}}