.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);padding-bottom:120px}.performance-detail .performance-detail-hero .performance-detail-inner{grid-template-columns:360px 1fr;align-items:center;gap:100px;display:grid}.performance-detail .performance-poster{aspect-ratio:3/4;background:var(--background-sec-color);border:1px solid var(--border-color);border-radius:15px;width:100%;position:relative;overflow:hidden}.performance-detail .performance-poster img{object-fit:cover;width:100%;height:100%;display:block}.performance-detail .poster-placeholder{color:#55514a;letter-spacing:.15em;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;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(32px,5vw,42px);font-weight:500;line-height:1.05}.performance-detail .performance-meta{grid-template-columns:repeat(2,1fr);margin-top:60px;display:grid}.performance-detail .meta-item{border-bottom:1px solid #999;flex-direction:column;gap:8px;padding:20px 0;display:flex}.performance-detail .meta-item span{letter-spacing:.14em;color:var(--font-color);font-size:.9em}.performance-detail .meta-item strong{color:var(--font-sec-color);font-size:1em;font-weight:500}.performance-detail .meta-item strong a{color:var(--primary-color);align-items:center;gap:3px;font-size:.9em;line-height:1;transition:opacity .25s,transform .35s;display:inline-flex}.performance-detail .meta-item strong a:hover{opacity:.7}.performance-detail .meta-item strong a:active{transform:scale(1.06)}.performance-detail .meta-item .icon{font-size:18px}.performance-detail .reservation-button{background:var(--secondary-color);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;min-width:200px;height:60px;margin-top:35px;padding:0 30px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .25s,transform .25s;display:inline-flex;position:relative;overflow:hidden}.performance-detail .reservation-button:before{content:"";opacity:0;background-color:#fff3;width:100%;height:100%;transition:all .2s ease-out;position:absolute;top:0;left:0}.performance-detail .reservation-button:not(:disabled):hover{transform:translateY(-2px)}.performance-detail .reservation-button:not(:disabled):hover:before{opacity:1}.performance-detail .reservation-button:disabled{color:#66635d;cursor:not-allowed;background-color:#a9a59d}.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:32px;font-weight:500}.performance-detail .performance-artists{border-top:1px solid var(--border-color);padding:120px 0}.performance-detail .artist-list{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.performance-detail .artist-card{border:1px solid var(--primary-color);border-radius:15px;padding:15px 20px;position:relative}.performance-detail .artist-image{aspect-ratio:1;background:var(--background-color);color:var(--font-sec-color);letter-spacing:.12em;justify-content:center;align-items:center;font-size:11px;display:flex}.performance-detail .artist-info h3{color:var(--font-color);margin:0;font-size:18px;font-weight:500}.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:3px;font-size:13px;transition:opacity .25s,transform .35s;display:inline-flex}.performance-detail .artist-info a>.icon{font-size:1em}.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 .artist-icon{z-index:-1;color:var(--primary-color);opacity:.35;font-size:52px;position:absolute;bottom:10px;right:5px}.performance-detail .performance-description{border-top:1px solid var(--border-color);padding:120px 0}.performance-detail .performance-description a{color:var(--info-color)}.performance-detail .description-content{max-width:900px;color:var(--font-sec-color);font-size:16px;line-height:2}.performance-detail .description-content p{margin:0 0 25px}.performance-detail .description-content h2,.performance-detail .description-content h3{color:#f5f3ee;margin:50px 0 20px}.performance-detail .description-content strong{color:#f5f3ee}.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:15px;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 .reservation_gnb_btn{z-index:110;height:0;position:sticky;bottom:0}.performance-detail .reservation_gnb_btn>nav{justify-content:center;align-items:center;gap:10px;display:inline-flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.performance-detail .reservation_gnb_btn .gnb_btn{color:#fff;-webkit-backdrop-filter:blur(3px)brightness(1.1);backdrop-filter:blur(3px)brightness(1.1);width:60px;min-width:60px;height:60px;box-shadow:0 0 0 1px var(--border-color);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:16px;text-decoration:none;transition:background-color .25s,transform .25s;display:inline-flex;position:relative;overflow:hidden}.performance-detail .reservation_gnb_btn .gnb_btn>*{z-index:2}.performance-detail .reservation_gnb_btn .gnb_btn .icon{font-size:28px}.performance-detail .reservation_gnb_btn .gnb_btn:after{content:"";z-index:1;background-color:var(--secondary-color);opacity:.8;border-radius:999px;width:100%;height:100%;position:absolute;top:0;left:0}.performance-detail .reservation_gnb_btn .gnb_btn:before{content:"";z-index:3;opacity:0;background-color:#fff3;width:100%;height:100%;transition:all .25s;position:absolute;top:0;left:0}.performance-detail .reservation_gnb_btn .gnb_btn:not(:disabled):active{transform:scale(1.06)}.performance-detail .reservation_gnb_btn .gnb_btn:not(:disabled):hover:before{opacity:1}.performance-detail .reservation_gnb_btn .gnb_btn:disabled{color:#66635d;cursor:not-allowed}.performance-detail .reservation_gnb_btn .gnb_btn:disabled:after{background-color:#a9a59d}.performance-detail .reservation_gnb_btn .reservation_btn{width:400px}.performance-detail .reservation_gnb_btn .reservation_btn:after{background-color:var(--primary-color)}.performance-detail .performance-back{padding:50px 0 160px}.performance-detail .performance-back a{color:var(--font-sec-color);font-size:16px;text-decoration:none}.performance-detail .performance-back a:hover{color:var(--secondary-color)}@media (max-width:1023px){.performance-detail .performance-detail-hero .performance-detail-inner{gap:60px}}@media (max-width:767px){.performance-detail .performance-detail-hero{padding-top:calc(30px + var(--header-height));padding-bottom:70px}.performance-detail .performance-detail-hero .performance-detail-inner{display:block}.performance-detail .performance-poster{max-width:500px;margin:0 auto 50px}.performance-detail .performance-meta{margin-top:40px}.performance-detail .meta-item{padding:13px 0}.performance-detail .meta-item:nth-child(-n+2){grid-column:1/3}.performance-detail .reservation-button{width:100%}.performance-detail .performance-artists,.performance-detail .performance-description{padding:60px 0}.performance-detail .performance-description{padding-bottom:80px}.performance-detail .section-heading{margin-bottom:30px}.performance-detail .section-heading h2{font-size:24px}.performance-detail .artist-list{grid-template-columns:repeat(2,1fr)}.performance-detail .artist-card{border-radius:10px;padding:12px 15px}.performance-detail .artist-info{flex-direction:column;gap:0}.performance-detail .artist-info h3{font-size:16px}.performance-detail .artist-info a{font-size:12px}.performance-detail .artist-info p{margin-top:15px;font-size:12px}.performance-detail .artist-icon{font-size:46px;bottom:5px;right:3px}.performance-detail .description-content{font-size:14px;line-height:1.9}.performance-detail .reservation_gnb_btn>nav{gap:5px;width:90%;bottom:10px}.performance-detail .reservation_gnb_btn .gnb_btn:not(:disabled):hover{transform:translateY(0)}.performance-detail .reservation_gnb_btn .reservation_btn{width:100%}.performance-detail .reservation-box{padding:50px 20px}.performance-detail .reservation-box h2{font-size:26px}.performance-detail .performance-back{padding-bottom:100px}}
