:root{--color-bg: #e8e6e2;--color-bg-soft: #e2dfd9;--color-surface: #f0eeea;--color-surface-hover: #eae7e1;--color-text: #1a1a1a;--color-text-muted: #454442;--color-border: rgba(0, 0, 0, .1);--font-display: "Cormorant Garamond", "Noto Serif KR", Georgia, serif;--font-body: "Outfit", "Noto Sans KR", system-ui, sans-serif;--radius: 999px;--radius-card: 12px;--radius-lg: 16px;--transition: .25s cubic-bezier(.4, 0, .2, 1);--nav-btn-0: #171717;--nav-btn-0-border: rgba(255, 255, 255, .4);--nav-btn-1: #b91c1c;--nav-btn-2: #a16207;--nav-btn-3: #047857;--nav-btn-4: #1d4ed8;--nav-btn-5: #a11752;--nav-btn-6: #0f766e;--nav-btn-7: #7c2d12}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:300;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}#root{min-height:100vh}.cursor-trail{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999}.cursor-trail-blob{position:fixed;width:200px;height:200px;margin-left:0;margin-top:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.06) 0%,rgba(0,0,0,.03) 35%,rgba(0,0,0,.01) 55%,transparent 75%);transform:translate(-50%,-50%) scale(1);will-change:left,top,transform,opacity}.cursor-trail-blob:nth-child(odd){width:180px;height:180px;background:radial-gradient(circle at 45% 55%,rgba(0,0,0,.05) 0%,rgba(0,0,0,.02) 40%,transparent 70%)}.cursor-trail-blob:nth-child(3n){width:220px;height:220px;background:radial-gradient(circle at 55% 45%,rgba(0,0,0,.04) 0%,rgba(0,0,0,.015) 35%,transparent 65%)}@media (hover: none){.cursor-trail{display:none!important}}.app-loading,.app-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.app-loading p,.app-error p{color:var(--color-text-muted)}.app-error code{background:var(--color-surface);padding:.2em .5em;border-radius:4px}.loader{width:40px;height:40px;border:2px solid var(--color-border);border-top-color:var(--color-text-muted);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.route-fallback{min-height:12rem}.layout{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:100;background:#000;border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;justify-content:center;position:relative;padding:0 1rem}.banner{padding:1.25rem 1rem .75rem;text-align:center;flex:1}.banner-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-decoration:none;color:#fff;transition:opacity .2s ease;min-width:0}.banner-link>span:empty{display:none}.logo{width:clamp(72px,18vw,150px);height:auto;flex-shrink:0;object-fit:contain}.hero-banner{display:block;margin-right:auto;margin-left:auto;height:clamp(64px,16vw,150px);width:auto;max-width:min(100%,420px);object-fit:contain;filter:brightness(0) invert(1)}.banner .banner-link>div{display:flex;flex-direction:column;align-items:center;min-width:0;flex:1}.banner-link:hover{opacity:.9}.banner-subtitle{font-family:var(--font-display);font-size:1.5rem;color:#fff;margin-top:2rem;letter-spacing:0;line-height:1.5rem}.burger-btn{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;padding:0;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.burger-btn:hover{background:var(--color-surface-hover);border-color:#ffffff80}.burger-line{display:block;width:20px;height:2px;background:currentColor;border-radius:1px;transition:transform var(--transition),opacity var(--transition)}.burger-btn[aria-expanded=true] .burger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-btn[aria-expanded=true] .burger-line:nth-child(2){opacity:0}.burger-btn[aria-expanded=true] .burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{display:none;flex-direction:column;padding:0 1rem 1rem;gap:.5rem;background:#000;border-top:1px solid var(--color-border);max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease}.nav-mobile--open{max-height:80vh;opacity:1;overflow-y:auto}.nav-mobile-link{display:block;padding:.85rem 1rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius);text-decoration:none;text-align:center;transition:opacity var(--transition),transform var(--transition)}.nav-mobile-link:nth-child(6n+1){background:var(--nav-btn-0);border:1px solid var(--nav-btn-0-border)}.nav-mobile-link:nth-child(6n+2){background:var(--nav-btn-1)}.nav-mobile-link:nth-child(6n+3){background:var(--nav-btn-2);color:#171717}.nav-mobile-link:nth-child(6n+4){background:var(--nav-btn-3)}.nav-mobile-link:nth-child(6n+5){background:var(--nav-btn-4)}.nav-mobile-link:nth-child(6n){background:var(--nav-btn-5)}.nav-mobile-link:hover,.nav-mobile-link.active{opacity:.95;transform:scale(1.02)}.nav-mobile-link.active{box-shadow:0 0 0 2px #fff}@media (max-width: 768px){.burger-btn{display:flex;position:absolute;right:.75rem;top:.75rem;transform:none}.banner{padding:.65rem 3.5rem .65rem .5rem}.banner-link{flex-direction:column;align-items:center;gap:.35rem}.banner .banner-link>div{width:100%;max-width:100%}.banner-subtitle{line-height:1;margin-top:1rem;padding-inline:.15rem;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.banner-link .logo{display:none}.hero-banner{height:clamp(48px,14vw,88px);max-width:min(100%,320px)}.nav-mobile{display:flex}.nav-categories--desktop{display:none!important}}@media (min-width: 769px){.header-inner{flex-direction:column;padding:0}.banner-link{flex-direction:row;gap:clamp(.75rem,2vw,1.5rem);max-width:1000px;margin-inline:auto;padding-inline:1rem}.burger-btn,.nav-mobile{display:none!important}}.nav-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.75rem 1rem 1.5rem;max-width:1000px;margin:0 auto}.nav-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;font-family:var(--font-body);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--nav-btn-1);border:none;border-radius:var(--radius);text-decoration:none;overflow:hidden;transition:opacity var(--transition),transform var(--transition),box-shadow var(--transition)}.nav-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.nav-btn.active{box-shadow:0 0 0 2px #fff}.nav-btn.nav-btn--0{background:var(--nav-btn-0);color:#fff;border:1px solid var(--nav-btn-0-border)}.nav-btn.nav-btn--1{background:var(--nav-btn-1)}.nav-btn.nav-btn--2{background:var(--nav-btn-2);color:#171717}.nav-btn.nav-btn--3{background:var(--nav-btn-3)}.nav-btn.nav-btn--4{background:var(--nav-btn-4)}.nav-btn.nav-btn--5{background:var(--nav-btn-5)}.nav-btn.nav-btn--6{background:var(--nav-btn-6)}.nav-btn.nav-btn--7{background:var(--nav-btn-7)}.nav-btn-text{position:relative}.branch-frame{position:relative;color:#ffffff40}.branch-frame-inner{position:relative;z-index:1}.branch-frame-svg{position:absolute;top:0;bottom:0;width:60px;height:100%;pointer-events:none}.branch-frame--left{left:-8px;right:auto}.branch-frame--right{right:-8px;left:auto;transform:scaleX(-1)}.main{flex:1;padding:2rem 1rem 4rem;max-width:1100px;margin:0 auto;width:100%;background:var(--color-bg-soft)}.main--home{max-width:1000px}.program-section{margin-bottom:2.5rem}.program-section-title{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2rem);font-weight:600;text-align:center;margin-bottom:.5rem;color:var(--color-text)}.program-section-subtitle{text-align:center;color:var(--color-text-muted);font-size:.95rem;margin-bottom:1.5rem}.program-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.program-empty{grid-column:1 / -1;text-align:center;color:var(--color-text-muted);padding:2rem}.program-card,.category-card{display:block;text-decoration:none;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.program-card:hover,.category-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001f;border-color:#00000026}.program-card-image,.category-card-image{aspect-ratio:16/10;overflow:hidden}.card-image-accent{isolation:isolate}.card-image-accent--0,.event-detail-media--accent--0{background:var(--nav-btn-0)}.card-image-accent--1,.event-detail-media--accent--1{background:var(--nav-btn-1)}.card-image-accent--2,.event-detail-media--accent--2{background:var(--nav-btn-2)}.card-image-accent--3,.event-detail-media--accent--3{background:var(--nav-btn-3)}.card-image-accent--4,.event-detail-media--accent--4{background:var(--nav-btn-4)}.card-image-accent--5,.event-detail-media--accent--5{background:var(--nav-btn-5)}.card-image-accent--6,.event-detail-media--accent--6{background:var(--nav-btn-6)}.card-image-accent--7,.event-detail-media--accent--7{background:var(--nav-btn-7)}.program-card-image img,.category-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.program-card:hover .program-card-image img,.category-card:hover .category-card-image img{transform:scale(1.04)}.program-card-image img.card-image-fallback,.category-card-image img.card-image-fallback{object-fit:contain;padding:1rem 1.25rem;filter:brightness(0) invert(1)}.program-card-body,.category-card-body{padding:1rem 1.1rem}.program-card-category,.category-card-title{font-family:var(--font-display)}.program-card-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.35rem}.program-card-title,.category-card-title{font-size:1.15rem;font-weight:600;margin-bottom:.4rem}.program-card-date,.category-card-body time{font-size:.85rem;color:var(--color-text-muted)}.category-card-price{display:block;margin-top:.35rem;font-weight:500;color:var(--color-text)}.intro-section{text-align:center;padding:1rem 0}.intro-text{color:var(--color-text-muted);font-size:1rem;max-width:560px;margin:0 auto}.category-page{padding-top:.5rem}.category-header{margin-bottom:1.5rem;text-align:center}.category-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600;margin-bottom:.5rem}.category-description{color:var(--color-text-muted);font-size:1rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.category-empty{grid-column:1 / -1;text-align:center;color:var(--color-text-muted);padding:2rem}.event-detail{max-width:680px;margin:0 auto}.event-detail-back{display:inline-block;margin-bottom:1.5rem;color:var(--color-text-muted);font-size:.9rem;text-decoration:none;transition:color var(--transition)}.event-detail-back:hover{color:var(--color-text)}.event-detail-media{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1.5rem;isolation:isolate}.event-detail-media:not([class*=event-detail-media--accent--]){background:var(--color-surface)}.event-detail-media img{width:100%;height:auto;display:block}.event-detail-media img.event-detail-image-fallback{aspect-ratio:16 / 9;object-fit:contain;padding:clamp(1rem,4vw,2.5rem);box-sizing:border-box;filter:brightness(0) invert(1)}.event-detail-content{padding:0 .25rem}.event-detail-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.5rem}.event-detail-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2rem);font-weight:600;margin-bottom:.75rem}.event-detail-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;font-size:.9rem;color:var(--color-text-muted);margin-bottom:1.25rem}.event-detail-description{margin-bottom:1.5rem}.event-detail-description p{margin-bottom:.75rem}.event-detail-cta{display:inline-block;padding:.75rem 1.5rem;font-family:var(--font-body);font-size:1rem;font-weight:500;color:#000;background:#fff;border:1px solid var(--color-border);border-radius:8px;text-decoration:none;transition:background var(--transition),color var(--transition),transform var(--transition)}.event-detail-cta:hover{background:#d4d2ce;color:#000;transform:translateY(-2px)}.about-page{padding-top:.5rem}.about-back{display:inline-block;margin-bottom:1.5rem;color:var(--color-text-muted);font-size:.9rem;text-decoration:none;transition:color var(--transition)}.about-back:hover{color:var(--color-text)}.about-content{max-width:600px;margin:0 auto}.about-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.2rem);font-weight:600;margin-bottom:1rem}.about-body p{margin-bottom:1rem;color:var(--color-text-muted)}.site-footer{padding:1.5rem;text-align:center;border-top:1px solid var(--color-border);background:#000;color:#e8e8e6;font-size:.9rem}.page-error{text-align:center;padding:3rem 1rem}.page-error p{margin-bottom:1rem;color:var(--color-text-muted)}.page-error a{color:var(--color-text)}