:root{--black:#000;--white:#fff;--gray-1:#f2f2f2;--gray-3:#a8a8a8;--gray-5:#6b6b6b;--line:#d9d9d9;--header-h:64px;--gutter:clamp(16px, 4vw, 64px);--max:1360px;color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Montserrat,Noto Sans KR,Pretendard,Apple SD Gothic Neo,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline-offset:3px;outline:2px solid}[id]{scroll-margin-top:calc(var(--header-h) + 24px)}.container{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.muted{color:var(--gray-5)}.label{letter-spacing:.2em;text-transform:uppercase;color:var(--gray-5);font-size:10px;font-weight:600}.skip-link{z-index:200;background:var(--white);color:var(--black);padding:10px 14px;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.arrow{flex:none;width:.85em;height:.85em}.btn{letter-spacing:.22em;text-transform:uppercase;border:1.5px solid;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:0 26px;font-size:12px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.btn-dark{color:var(--black)}.btn-dark:hover{background:var(--black);color:var(--white)}.header{z-index:50;background:var(--black);color:var(--white);position:sticky;top:0}.header-inner{height:var(--header-h);justify-content:space-between;align-items:center;display:flex}.header-logo img{width:auto;height:34px}.nav-desktop ul{gap:clamp(24px,3vw,46px);display:flex}.nav-desktop a{letter-spacing:.2em;text-transform:uppercase;opacity:.9;padding:8px 0;font-size:11px;font-weight:500}.nav-desktop a:hover{opacity:1;text-underline-offset:6px;text-decoration:underline}.nav-desktop{margin-left:auto}.header-actions{align-items:center;gap:8px;margin-left:clamp(20px,2.6vw,40px);display:flex}.header-social a,.header-social span{width:40px;height:40px;color:var(--white);opacity:.9;place-items:center;transition:opacity .2s;display:grid}.header-social a:hover{opacity:1}.header-social span{cursor:default}.header-social svg{fill:currentColor;width:18px;height:18px}.menu-toggle{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin-right:-10px;display:none}.menu-toggle span{background:currentColor;width:20px;height:1.5px}.mobile-menu{z-index:60;background:var(--black);padding:88px var(--gutter) 40px;position:fixed;inset:0}.mobile-menu ul{gap:8px;display:grid}.mobile-menu a{letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #222;padding:12px 0;font-size:28px;font-weight:800;display:block}.menu-close{top:10px;right:calc(var(--gutter) - 10px);place-items:center;width:44px;height:44px;display:grid;position:absolute}.menu-close svg{width:20px;height:20px}.hero{--p:0;height:calc(100svh - var(--header-h));background:var(--black);min-height:420px;overflow:hidden}.hero-stage{height:100%;padding:48px var(--gutter);transform:translateY(calc(var(--p) * 55%)) scale(calc(1 - var(--p) * .18));opacity:calc(1 - var(--p) * .85);will-change:transform;place-items:center;display:grid;position:relative}.hero-collage{opacity:var(--collage-opacity);position:absolute;inset:0}.hero-collage img{filter:grayscale();width:clamp(110px,14vw,240px);height:auto;animation:.9s both collage-in;position:absolute}.hero-collage img:first-child{animation-delay:.2s;top:12%;left:9%}.hero-collage img:nth-child(2){animation-delay:.45s;bottom:10%;right:9%}.hero-collage img:nth-child(3){width:clamp(80px,10vw,170px);animation-delay:.7s;top:8%;right:16%}.hero-collage img:nth-child(4){width:clamp(80px,10vw,170px);animation-delay:.95s;bottom:8%;left:18%}@keyframes collage-in{0%{opacity:0;transform:scale(.92)}}.home-content{z-index:1;background:var(--white);position:relative}.hero-logo{width:clamp(280px,64vw,1080px);position:relative}.hero-logo img{width:100%;height:auto;transition:opacity .4s}.hero-logo canvas{opacity:0;pointer-events:none;width:112%;height:144%;transition:opacity .4s;position:absolute;top:-22%;left:-6%}.hero-logo-live img{opacity:0}.hero-logo-live canvas{opacity:1}.section{padding-top:clamp(32px,4vw,56px);padding-bottom:clamp(32px,4vw,56px)}.section-head{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:10px;display:flex}.section-head h2{letter-spacing:.26em;text-transform:uppercase;font-size:14px;font-weight:800}.view-all{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:10px;min-height:44px;font-size:10px;font-weight:600;display:inline-flex}.artist-grid{grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.2vw,18px);display:grid}.artist-card{aspect-ratio:2.48;color:var(--white);background:#111;display:block;position:relative;overflow:hidden}.artist-card img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.artist-card:after{content:"";background:linear-gradient(90deg,#0009,#0000 50%);position:absolute;inset:0}.artist-card:hover img{transform:scale(1.04)}.artist-card-text{z-index:1;position:absolute;bottom:clamp(18px,2.4vw,32px);left:clamp(18px,2.4vw,28px)}.artist-card-name{letter-spacing:.4em;font-size:clamp(20px,1.9vw,28px);font-weight:500;display:block}.artist-card-roles{letter-spacing:.3em;text-transform:uppercase;opacity:.85;flex-direction:column;gap:4px;margin-top:12px;font-size:10px;font-weight:500;display:flex}.split{grid-template-columns:1.04fr 1fr;padding-bottom:clamp(40px,5vw,72px);display:grid}.split>section:first-child{border-right:1px solid var(--line);padding-right:clamp(20px,2.4vw,40px)}.split>section:last-child{padding-left:clamp(20px,2.4vw,40px)}.event-poster{aspect-ratio:2;object-fit:cover;background:#111;width:100%}.event-info{justify-items:start;gap:12px;padding-top:16px;display:grid}.event-meta{letter-spacing:.14em;text-transform:uppercase;color:var(--gray-5);font-size:12px}.news-list li+li,.news-list li:first-child{border-top:1px solid var(--line)}.news-row{align-items:center;gap:16px;min-height:56px;padding:7px 0;display:flex}.news-row img{aspect-ratio:2.7;object-fit:cover;filter:grayscale();flex:none;width:112px}.news-text{flex:1;gap:3px;min-width:0;display:grid}.news-title{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}.news-summary{letter-spacing:.12em;text-transform:uppercase;color:var(--gray-3);font-size:10px}.news-row:hover .news-title{text-underline-offset:4px;text-decoration:underline}.about{padding:clamp(96px, 12vw, 180px) var(--gutter);background:var(--black);color:var(--white);text-align:center;word-break:keep-all}.about-label{letter-spacing:.6em;color:var(--gray-3);margin-right:-.6em;font-size:13px;font-weight:400}.about-title{letter-spacing:-.02em;margin-top:clamp(32px,4vw,56px);font-size:clamp(34px,5.6vw,88px);line-height:1.22}.about-title span{font-weight:300;display:block}.about-title strong{font-weight:800;display:block}.about-body{gap:1.6em;max-width:860px;margin:clamp(36px,4.5vw,64px) auto 0;font-size:clamp(16px,1.6vw,24px);font-weight:300;line-height:1.75;display:grid}.about-rule{background:var(--gray-3);border:0;width:56px;height:1px;margin:clamp(40px,4.5vw,64px) auto}.about-keywords{letter-spacing:.4em;color:var(--gray-3);flex-wrap:wrap;justify-content:center;gap:12px 0;font-size:clamp(13px,1.1vw,16px);display:flex}.about-keywords li+li:before{content:"|";letter-spacing:0;margin:0 clamp(18px,3vw,48px) 0 calc(clamp(18px,3vw,48px) - .4em)}.social{flex-wrap:wrap;gap:4px 24px;display:flex}.social a{letter-spacing:.2em;text-transform:uppercase;padding:10px 0;font-size:11px;font-weight:600;display:inline-block}.social a:hover{text-underline-offset:6px;text-decoration:underline}.footer{background:var(--black);color:var(--white);border-top:1px solid #222;padding:40px 0 28px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-logo{width:auto;height:30px}.footer-nav{flex-wrap:wrap;gap:4px 28px;display:flex}.footer-nav a{letter-spacing:.2em;text-transform:uppercase;color:var(--gray-3);padding:10px 0;font-size:11px;display:inline-block}.footer-nav a:hover{color:var(--white)}.footer-copy{letter-spacing:.16em;color:var(--gray-5);margin-top:28px;font-size:10px}.page{min-height:60vh}.page-title{letter-spacing:.02em;text-transform:uppercase;margin:8px 0 28px;font-size:clamp(32px,5vw,64px);font-weight:800}.back-link{letter-spacing:.2em;text-transform:uppercase;min-height:44px;color:var(--gray-5);align-items:center;font-size:11px;display:inline-flex}.back-link:hover{color:var(--black)}.artist-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:clamp(24px,5vw,80px);margin-top:12px;display:grid}.artist-photo{aspect-ratio:4/5;background:#111;overflow:hidden}.artist-photo img{object-fit:cover;object-position:50% 20%;filter:grayscale();width:100%;height:100%}.artist-photo .artist-photo-empty{opacity:.14;opacity:.14;width:50%;height:auto;margin:0 auto;position:relative;top:50%;transform:translateY(-50%)}.artist-hero h1{letter-spacing:.16em;font-size:clamp(44px,7vw,110px);font-weight:800;line-height:1}.social-icons{gap:12px;margin-top:24px;display:flex}.social-icons a,.social-icons span{background:var(--black);width:48px;height:48px;color:var(--white);place-items:center;transition:background .2s,color .2s;display:grid}.social-icons svg{fill:currentColor;width:20px;height:20px}.social-icons a:hover{background:var(--white);color:var(--black);box-shadow:inset 0 0 0 1.5px var(--black)}.social-icons span{cursor:default}.artist-roles{letter-spacing:.3em;text-transform:uppercase;color:var(--gray-5);margin-top:14px;font-size:11px;font-weight:500}.artist-profile{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px 48px;margin:28px 0 0;padding:20px 0;display:flex}.artist-profile dt{letter-spacing:.2em;text-transform:uppercase;color:var(--gray-5);font-size:10px;font-weight:600}.artist-profile dd{letter-spacing:.08em;text-transform:uppercase;margin:6px 0 0;font-size:16px;font-weight:600}.artist-bio{gap:14px;max-width:760px;margin:16px 0 8px;font-size:clamp(16px,1.4vw,20px);line-height:1.7;display:grid}.sub-title{letter-spacing:.26em;text-transform:uppercase;margin:40px 0 16px;font-size:14px;font-weight:800}.gallery{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.gallery img{aspect-ratio:4/3;object-fit:cover;filter:grayscale();width:100%}.news-detail{max-width:860px}.news-detail>p{margin-bottom:14px;font-size:17px;line-height:1.7}.news-detail-img{aspect-ratio:16/7;object-fit:cover;filter:grayscale();width:100%;margin-bottom:24px}.intro{z-index:100;background:var(--black);place-items:center;transition:opacity .45s;display:grid;position:fixed;inset:0}.intro-leaving{opacity:0;pointer-events:none}.intro-mark{width:min(64vw,620px);animation:.45s both intro-in}.intro-mark svg{width:100%;display:block;overflow:visible}.intro-mark polygon{fill:var(--white);transform-box:fill-box;transform-origin:50%;animation:intro-fold .55s cubic-bezier(.7, 0, .3, 1) var(--d) forwards, intro-hide 10ms 1.85s forwards}.intro-mark rect{fill:var(--white);transform-box:fill-box;transform-origin:50%;animation:.8s cubic-bezier(.7,0,.3,1) 1.82s forwards intro-square;transform:scale(0)}.intro-mark img{width:62%;margin:7% auto 0;animation:.4s ease-in .65s forwards intro-wipe;display:block}@keyframes intro-in{0%{opacity:0;transform:scale(.96)}}@keyframes intro-wipe{to{clip-path:inset(0 0 0 100%)}}@keyframes intro-fold{to{transform:translateX(var(--dx)) scale(.12, .62)}}@keyframes intro-square{0%,35%{transform:scale(1)}to{transform:scale(0)}}@keyframes intro-hide{to{opacity:0}}.intro-skip{right:var(--gutter);min-height:44px;color:var(--white);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:10px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:28px}.intro-skip svg{width:12px;height:12px}@media (width<=1024px){.split{grid-template-columns:1fr}.split>section:first-child{border-right:0;padding-bottom:36px;padding-right:0}.split>section:last-child{padding-left:0}}@media (width<=768px){:root{--header-h:56px}.header-logo img{height:28px}.nav-desktop{display:none}.menu-toggle{display:flex}.hero-collage img{width:30vw}.hero-collage img:first-child{top:8%;left:5%}.hero-collage img:nth-child(2){bottom:8%;right:5%}.hero-logo{width:88%}.artist-grid,.artist-hero{grid-template-columns:1fr}.artist-card{aspect-ratio:1.85}.news-row img{width:88px}.footer-inner{flex-direction:column;align-items:flex-start}.about-keywords{letter-spacing:.2em}.about-keywords li+li:before{margin:0 10px 0 calc(10px - .2em)}}
