.performances-header { position:relative; background:#151311; }
.performances-hero { position:relative; min-height:500px; overflow:hidden; color:#fff; display:grid; align-items:end; }
.performances-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 42%; filter:brightness(.75); }
.performances-hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(13,12,11,.82),rgba(13,12,11,.25) 65%); }
.performances-hero__content { position:relative; z-index:1; padding-bottom:58px; }
.performances-hero h1,.performance-menu h2,.performance-detail h2 { margin:0; font-family:var(--serif); font-weight:600; letter-spacing:.04em; line-height:1.4; }
.performances-hero h1 { font-size:clamp(38px,4.6vw,59px); }
.performance-menu { padding:66px 0; color:#fff; background:radial-gradient(ellipse at 84% 20%,rgba(196,150,65,.2),transparent 30%),linear-gradient(135deg,#1e1914,#3b2c1c); }
.performance-menu .eyebrow { color:#e9c273; }.performance-menu h2 { font-size:clamp(30px,3vw,39px); }
.performance-menu__heading { margin-bottom:32px; }.performance-menu__grid { display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
.performance-card { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; min-height:132px; padding:16px; overflow:hidden; text-align:center; border:1px solid rgba(207,165,91,.82); background:radial-gradient(circle at 18% 14%,rgba(234,195,111,.18),transparent 29%),linear-gradient(135deg,#17130f,#3c2b18); box-shadow:inset 0 0 0 3px rgba(255,231,171,.04); transition:transform .55s cubic-bezier(.22,1,.36,1),background .55s ease,border-color .55s ease,box-shadow .55s ease; }.performance-card::before { content:""; position:absolute; inset:8px; border:1px solid rgba(215,178,104,.2); transition:border-color .55s ease; }.performance-card::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 42%,rgba(244,202,112,.25),transparent 60%); opacity:0; transition:opacity .55s ease; }.performance-card__icon { position:relative; z-index:1; width:31px; height:31px; display:grid; place-items:center; border:1px solid rgba(226,186,106,.6); border-radius:50%; color:#e4bd70; font-family:"DFKai-SB","BiauKai","KaiTi",serif; font-size:17px; font-style:normal; font-weight:400; line-height:1; letter-spacing:0; opacity:.9; }.performance-card__icon--latin { font-family:Georgia,serif; font-size:11px; font-weight:700; }.performance-card span { position:relative; z-index:1; color:#fff4d6; font-size:16px; font-weight:700; line-height:1.45; letter-spacing:.06em; }.performance-card:hover { background:radial-gradient(circle at 50% 45%,rgba(234,195,111,.25),transparent 56%),linear-gradient(135deg,#21170f,#51381c); border-color:rgba(246,211,133,.98); box-shadow:inset 0 0 0 3px rgba(255,231,171,.10),0 13px 28px rgba(0,0,0,.22); transform:translateY(-6px); }.performance-card:hover::before { border-color:rgba(249,220,156,.72); }.performance-card:hover::after { opacity:1; }.performance-card--custom { border-style:dashed; }
.performance-card--image { padding:0; background:#0b0a09; }.performance-card--image img { width:100%; height:100%; object-fit:cover; display:block; }.performance-card--image::before { z-index:1; }.performance-card--image::after { z-index:2; }.performance-card--image:hover { background:#0b0a09; }
.performance-card--one-line { padding-inline:6px; }.performance-card--one-line span { white-space:nowrap; font-size:14px; letter-spacing:.02em; }
.performance-details { position:relative; isolation:isolate; overflow:hidden; background:#eee8dc; }.performance-details::before { content:""; position:absolute; z-index:0; inset:-9%; pointer-events:none; background:radial-gradient(ellipse at 12% 18%,rgba(255,255,255,.9),transparent 37%),radial-gradient(ellipse at 85% 76%,rgba(198,164,98,.3),transparent 40%),linear-gradient(128deg,rgba(255,253,247,.85),rgba(226,215,193,.68) 47%,rgba(255,250,239,.86)); opacity:.92; will-change:transform; animation:performanceBackgroundFloat 12s ease-in-out infinite alternate; }.performance-details::after { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background:linear-gradient(112deg,transparent 28%,rgba(255,252,235,.75) 45%,rgba(182,137,55,.25) 51%,transparent 68%); background-size:220% 100%; opacity:.7; mix-blend-mode:soft-light; animation:performanceGoldSheen 14s ease-in-out infinite; }.performance-detail { position:relative; z-index:1; padding:60px 0; background:transparent !important; }
@keyframes performanceBackgroundFloat { from { transform:translate3d(-2.5%,2%,0) scale(1.08); } to { transform:translate3d(2.5%,-2%,0) scale(1.14); } }
@keyframes performanceGoldSheen { 0%,18% { background-position:120% 0; } 60%,100% { background-position:-120% 0; } }
.performance-detail__grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(55px,9vw,125px); align-items:start; }.performance-detail figure { margin:0; aspect-ratio:4 / 3; overflow:hidden; background:#e9e3d7; }.performance-detail figure img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }.performance-detail--reverse figure { order:2; }
.performance-detail#god figure { display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); gap:14px; aspect-ratio:8 / 9; }
.performance-detail#god figure img { min-height:0; object-position:center top; }
.performance-detail#god h2 { white-space:nowrap; }
.performance-detail span { color:#ad8543; font-size:11px; font-weight:700; letter-spacing:.18em; }.performance-detail h2 { display:inline-block; margin:12px 0 16px; padding:1px 8px; font-family:"DFKai-SB","BiauKai","KaiTi",serif; font-size:clamp(28px,3vw,38px); font-weight:400; border:1px solid rgba(177,133,55,.7); }.performance-detail p { max-width:420px; margin:0; color:#655e55; }.performance-detail ul { margin:19px 0 0; padding:0; list-style:none; color:#302d28; font-size:15px; }.performance-detail li { padding:6px 0; border-top:1px solid rgba(187,151,83,.38); }.performance-detail li::before { content:"◆"; margin-right:10px; color:#b69052; font-size:9px; }.performance-detail__cta { display:inline-flex; margin-top:24px; padding:11px 16px; color:#fff; background:#1b1916; font-size:13px; font-weight:700; letter-spacing:.05em; }.performance-detail__cta:hover { background:#b69052; }
.performance-detail .performance-subtitle { margin:20px 0 6px; color:#40321e; font-family:var(--serif); font-size:20px; font-weight:700; }
.scroll-reveal { opacity:0; transform:translate3d(0,22px,0); transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1); }.performance-card.scroll-reveal { transition:opacity .82s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .82s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),background .55s ease,border-color .55s ease,box-shadow .55s ease; }.scroll-reveal.is-visible { opacity:1; transform:none; }.performance-card.scroll-reveal.is-visible:hover { transform:translateY(-6px); }
@media (max-width:760px) { .performances-hero { min-height:450px; }.performances-hero__content { padding-bottom:45px; }.performance-menu { padding-block:52px; }.performance-menu__grid { grid-template-columns:1fr 1fr; gap:12px; }.performance-card { min-height:112px; padding:12px; }.performance-card span { font-size:14px; }.performance-detail { padding-block:46px; }.performance-detail__grid { grid-template-columns:1fr; gap:26px; }.performance-detail--reverse figure { order:0; } }