.performance-detail{min-height:100vh}.performance-detail .performance-detail-inner{width:var(--inner-width);max-width:var(--inner-max-width);margin:0 auto}.performance-detail .performance-detail-hero{padding-top:calc(80px + var(--header-height));background:var(--background-sec-color);flex:1;padding-bottom:clamp(60px,45.1429px + 3.80952vw,100px);position:relative;overflow:hidden}.performance-detail .performance-detail-kv{width:100%;height:100%;position:absolute;top:0;left:0}.performance-detail .performance-detail-kv img{object-fit:cover;object-position:center 60%}.performance-detail .performance-detail-kv:after{content:"";background-color:var(--background-sec-color);opacity:.95;width:100%;height:100%;position:absolute;top:0;left:0}.performance-detail .performance-detail-hero .performance-detail-inner{z-index:1;grid-template-columns:clamp(240px,40%,420px) 1fr;align-items:center;gap:clamp(40px,25.1429px + 3.80952vw,80px) clamp(20px,5.14286px + 3.80952vw,60px);display:grid;position:relative}.performance-detail .performance-poster{aspect-ratio:3/4;border:1px solid var(--border-color);border-radius:16px}.performance-detail .poster-placeholder{color:#55514a;letter-spacing:.15em;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;display:flex}.performance-detail .performance-eyebrow{letter-spacing:.18em;color:var(--primary-color);margin:0 0 20px;font-size:16px;font-weight:600}.performance-detail h1{letter-spacing:-.06em;max-width:700px;margin:0;font-size:clamp(28px,4vw,38px);font-weight:500;line-height:1.25}.performance-detail .performance-meta{grid-template-columns:repeat(2,1fr);margin-top:clamp(20px,12.5714px + 1.90476vw,40px);display:grid}.performance-detail .meta-item{border-bottom:1px solid var(--gray-color);flex-direction:column;gap:4px;padding:20px 0;display:flex}.performance-detail .meta-item span{letter-spacing:.14em;color:var(--font-sec-color)}.performance-detail .meta-item strong{color:var(--font-color);font-size:1.1rem;font-weight:500}.performance-detail .meta-item strong .opt{color:var(--primary-color);margin-left:5px}.performance-detail .meta-item strong a{color:var(--primary-color);align-items:center;gap:2px;line-height:1;transition:opacity .25s,transform .35s;display:inline-flex}@media (hover:hover) and (pointer:fine){.performance-detail .meta-item strong a:hover{opacity:.7}}.performance-detail .meta-item strong a:active{transform:scale(1.06)}.performance-detail .meta-item em{color:var(--primary-color);font-size:1rem;font-style:normal;font-weight:500;line-height:1}.performance-detail .meta-item .icon{font-size:1em}.performance-detail .section-heading{margin-bottom:50px}.performance-detail .section-heading p{letter-spacing:.16em;color:var(--primary-color);margin:0 0 10px;font-size:13px;font-weight:600}.performance-detail .section-heading h2{letter-spacing:-.04em;margin:0;font-size:28px;font-weight:500}.performance-detail .performance-artists{border-top:1px solid var(--border-color);padding:clamp(60px,45.1429px + 3.80952vw,100px) 0}.performance-detail .artist-list{flex-wrap:wrap;gap:12px;display:flex}.performance-detail .artist-card{border:1px solid var(--primary-color);border-radius:12px;align-items:center;min-width:220px;display:flex;position:relative;overflow:hidden}.performance-detail .artist-image{aspect-ratio:1;background-color:rgb(from var(--primary-color) r g b/.15);width:60px;height:60px;color:var(--font-sec-color);letter-spacing:.12em;justify-content:center;align-items:center;font-size:11px;display:flex}.performance-detail .artist-icon{color:var(--primary-color);opacity:.55;font-size:40px}.performance-detail .artist-info{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:4px;height:100%;padding:4px 24px 4px 12px;display:flex}.performance-detail .artist-info h3{color:var(--font-color);margin:0;font-size:16px;font-weight:500;line-height:1.25}.performance-detail .artist-info span{color:var(--secondary-color);margin-top:8px;font-size:13px;display:block}.performance-detail .artist-info a{color:var(--info-color);align-items:center;gap:2px;font-size:13px;line-height:1;transition:opacity .25s,transform .35s;display:inline-flex}.performance-detail .artist-info a>.icon{font-size:1em}@media (hover:hover) and (pointer:fine){.performance-detail .artist-info a:hover{opacity:.7}}.performance-detail .artist-info a:active{transform:scale(1.06)}.performance-detail .artist-info p{color:var(--font-sec-color);margin:25px 0 0;font-size:13px;line-height:1.8}.performance-detail .performance-description{border-top:1px solid var(--border-color);padding:clamp(60px,45.1429px + 3.80952vw,100px) 0}.performance-detail .performance-description:last-of-type{padding-bottom:calc(60px + var(--header-height))}.performance-detail .description-content{max-width:750px;color:var(--font-sec-color);font-size:1rem;line-height:1.5}.performance-detail .description-content a{color:var(--info-color)}.performance-detail .performance-reservation{border-top:1px solid var(--border-color);padding:100px 0}.performance-detail .reservation-box{border:3px solid var(--primary-color);text-align:center;border-radius:16px;padding:80px}.performance-detail .reservation-box p{letter-spacing:.16em;color:var(--primary-color);margin:0 0 15px;font-size:13px;font-weight:600}.performance-detail .reservation-box h2{margin:0;font-size:36px;font-weight:500}.performance-detail .site-fnb .reservation_btn{width:100%}.performance-detail .site-fnb .share_btn .icon{margin:0 -4px}@media screen and (max-width:1023px){.performance-detail .performance-detail-hero{padding-top:calc(30px + var(--header-height))}.performance-detail .performance-detail-kv img{object-fit:contain!important}.performance-detail .performance-detail-kv:after{opacity:.9}.performance-detail .meta-item{padding:13px 0}.performance-detail .meta-item:nth-child(-n+2){grid-column:1/3}.performance-detail .meta-item strong .opt{margin-left:0;display:inline-block}}@media screen and (max-width:767px){.performance-detail .performance-detail-hero .performance-detail-inner{grid-template-columns:1fr}.performance-detail .section-heading{margin-bottom:30px}.performance-detail .section-heading h2{font-size:24px}.performance-detail .artist-card{width:100%}.performance-detail .artist-info p{margin-top:15px;font-size:13px}}
