@font-face{font-family:FontAwesome;src:url('/assets/fonts/fontawesome-webfont.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:block}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased}
.fa-instagram:before{content:"\f16d"}.fa-youtube-play:before{content:"\f16a"}.fa-facebook:before{content:"\f09a"}.fa-twitter:before{content:"\f099"}.fa-search:before{content:"\f002"}.fa-angle-up:before{content:"\f106"}
html,body{font-family:'Cabin','Noto Sans KR',sans-serif;color:#333}
body,h1,h2,h3,h4,h5,h6,a,p,span,button{font-family:'Cabin','Noto Sans KR',sans-serif}
body{font-size:14px;font-weight:400;line-height:25px}
p{color:#333;font-size:14px;font-weight:400;line-height:25px!important}
h3,.standard-page h3{color:#333;font-size:24px!important;font-weight:500!important;line-height:32px;letter-spacing:0}
.page-header{height:100px;padding:0 45px;background:transparent;box-shadow:none}
.page-header.scrolled{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.11)}
.q-logo{position:absolute;left:25px;top:6px;width:60px;height:88px}
.q-logo img{width:60px;height:88px}
.main-menu{height:100px;margin:0 0 0 auto;gap:0;font-size:14px;font-weight:400}
.main-menu>a,.main-menu>.nav-item>button{height:100px;display:flex;align-items:center;padding:0 18px;border:0;background:none;color:#333;font-family:'Roboto Condensed',sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:100px;letter-spacing:1.1px;text-transform:uppercase;cursor:pointer}
.main-menu>a:first-child{letter-spacing:1.39px}.main-menu>.nav-item:nth-child(2)>button{letter-spacing:1px}.main-menu>.nav-item:nth-child(3)>button{letter-spacing:1.01px}.main-menu>.nav-item:nth-child(4)>button{letter-spacing:1.11px}
.main-menu>a::after,.main-menu>div:not(:last-child)::after{content:none}
.main-menu>*+*::before{content:'/';position:relative;left:-2px;color:#333;font-family:'Roboto Condensed',sans-serif;font-size:15px;font-weight:400}
.main-menu>a:hover,.main-menu>.nav-item:hover>button,.main-menu>a.current,.main-menu>.nav-item.current>button{color:#00a9df}
.main-menu>a span,.nav-item>button span{display:none!important}
.nav-item{height:100px;position:relative;display:flex;align-items:center}
.dropdown{display:block;visibility:hidden;opacity:0;overflow:hidden;position:absolute;top:75px;left:17px;right:auto;min-width:225px;padding:7px 0;background:#262626;color:#9d9d9d;box-shadow:none;transition:top .3s ease-in-out,opacity .2s ease-in-out}
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown,.nav-item.open .dropdown{visibility:visible;opacity:1;top:100px}
.dropdown a{display:block;width:225px;padding:9px 20px;color:#9d9d9d;font-family:'Roboto Condensed',sans-serif;font-size:11px;font-weight:600;line-height:16px;letter-spacing:1px;text-align:left;text-transform:uppercase;white-space:nowrap}
.dropdown a:hover,.dropdown a.current{color:#fff;background:transparent}
.left-fixed{position:fixed;z-index:999;left:30px;bottom:50%!important;display:flex;align-items:center;gap:0;color:#333;transform:rotate(90deg) translateZ(0)!important;transform-origin:bottom left 0;white-space:nowrap}
.left-fixed .social{display:inline-flex;align-items:center;gap:0;margin:0}
.left-fixed .social a{display:inline-flex;margin-right:15px;color:#333;font-size:14px;text-decoration:none}
.left-fixed .social a:last-child{margin-right:20px}
.left-fixed p{margin:0;color:#333;font-size:14px;font-weight:300;line-height:1;font-family:'Roboto Condensed',sans-serif;text-transform:uppercase}
.back-to-top{display:grid;position:fixed;z-index:100;right:25px;bottom:25px;width:42px;height:42px;place-items:center;background:#e8e8e8;color:#777;font-size:20px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.back-to-top.visible{opacity:1;visibility:visible}
.home-hero{height:868px;min-height:0;padding:0;display:grid;place-items:center}
.home-hero img{display:block;width:800px;height:410px;max-width:none}
.youtube-row{width:1100px;max-width:none;margin:10px auto 100px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.youtube-row>div{aspect-ratio:16/9;background:#000}
.youtube-row iframe{display:block;width:100%;height:100%;border:0}
.youtube-embed{position:relative;overflow:hidden}
.youtube-poster{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#000;color:#fff;text-align:left;font-family:Arial,"Noto Sans KR",sans-serif;cursor:pointer}
.youtube-poster img{display:block;width:100%;height:100%;object-fit:cover}
.youtube-poster-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.78) 0,rgba(0,0,0,.12) 37%,transparent 58%,rgba(0,0,0,.62) 100%)}
.youtube-poster-meta{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;min-width:0;text-shadow:0 1px 2px #000}
.youtube-poster-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin-right:9px;border-radius:50%;background:#fff;color:#2996e8;font-size:16px;font-weight:700;text-shadow:none}
.youtube-poster-copy{display:block;min-width:0;line-height:1.25}
.youtube-poster-copy strong,.youtube-poster-copy small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.youtube-poster-copy strong{font-size:14px;font-weight:500}
.youtube-poster-copy small{margin-top:2px;color:#eee;font-size:11px}
.youtube-poster-play{position:absolute;left:50%;top:50%;width:58px;height:40px;border-radius:9px;background:#f00;transform:translate(-50%,-50%)}
.youtube-poster-play::after{content:'';position:absolute;left:23px;top:11px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid #fff}
.youtube-poster-brand{position:absolute;right:9px;bottom:8px;padding:4px 6px;background:rgba(0,0,0,.68);border-radius:2px;font-size:11px;line-height:1;white-space:nowrap}
.youtube-poster-brand i{margin-right:3px;font-size:13px}
.youtube-poster:hover .youtube-poster-play,.youtube-poster:focus .youtube-poster-play{background:#c00}
body:not(.home) #content{margin-top:100px}
.standard-page{width:1100px;max-width:none;min-height:calc(100vh - 100px);margin:0 auto;padding:60px 0 152px}
.business-page,.contact-page,.artist-page{padding-top:80px;padding-bottom:80px}
.standard-page p{margin:0}
.business-page .application-copy{line-height:26px!important}
.standard-page a:not(.album){text-decoration:underline}
.blue-title{padding:5px 10px!important;background:#00a9df;color:#fff!important}
.spacer-10{height:10px}.spacer-20{height:20px}.spacer-25{height:25px}.spacer-40{height:40px}.spacer-60{height:60px}.spacer-80{height:80px}
.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.artist-photo{display:block;width:100%;height:auto}
.album-grid{--gallery-gap:22px;display:grid;width:calc(100% + 1px);grid-template-columns:repeat(5,18.4%);column-gap:2%;row-gap:var(--gallery-gap);padding-bottom:var(--gallery-gap)}
.album{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#f3f3f3}
.album-card{min-width:0;margin:0}.album-placeholder,.album-placeholder .album{background:transparent}
.album img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}
.gallery-hover{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:rgba(0,0,0,.81);color:#fff;font-size:30px;line-height:30px;opacity:0;transition:opacity .4s ease-in-out}
.album:hover .gallery-hover,.album:focus .gallery-hover{opacity:1}
.inner-videos{width:100%;margin:0;padding:0;gap:30px;align-items:start}
.map iframe{display:block;width:100%;height:450px;border:0}
.map{padding-bottom:10px}
.contact-page strong{display:inline;font-weight:700}
.artist-instagram{float:left;margin-top:3px;margin-right:15px;line-height:14px}
.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.88);padding:50px}.lightbox-content{position:relative;max-width:min(1100px,88vw);max-height:88vh;margin:0}.lightbox img{display:block;max-width:min(1100px,88vw);max-height:88vh;width:auto;height:auto}.lightbox-title{position:absolute;left:0;right:0;bottom:0;padding:42px 24px 18px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;font-size:15px;line-height:22px;text-align:left;text-shadow:0 1px 2px #000}.lightbox button{position:fixed;border:0;background:transparent;color:#fff;font-family:Arial,sans-serif;font-weight:200;cursor:pointer}.lightbox-close{right:28px;top:18px;font-size:42px}.lightbox-prev,.lightbox-next{top:50%;font-size:64px;transform:translateY(-50%)}.lightbox-prev{left:25px}.lightbox-next{right:25px}
body.lightbox-open{overflow:hidden}
@media(max-width:1200px){.standard-page,.youtube-row{width:900px}.home-hero{height:768px}.home-hero img{width:852px;height:488px;transform:translateY(30px)}.album-grid{--gallery-gap:18px}}
@media(max-width:1000px){#content{margin-top:0}.page-header{position:relative;height:100px;padding:0 25px;background:#fff}.q-logo{left:50%;top:6px;transform:translateX(-50%)}.mobile-menu-button{position:absolute;left:20px;top:30px;margin:0;width:40px;height:40px;padding:8px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:5px}.mobile-menu-button i{display:block;height:2px;background:#333}.mobile-menu-button b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.main-menu{display:none;position:absolute;z-index:100;top:100px;left:0;right:0;height:auto;max-height:calc(100vh - 100px);overflow:auto;margin:0;padding:0;background:#f8f8f8}.main-menu.open{display:block}.main-menu>a,.main-menu>.nav-item>button{display:block;width:100%;height:auto;padding:10px 40px;border-bottom:1px solid #eaeaea;font-family:'Roboto Condensed',sans-serif;font-size:13px;font-weight:300;line-height:26px;text-align:left}.main-menu>*+*::before{display:none}.nav-item{display:block;height:auto}.dropdown{display:none;visibility:visible;opacity:1;position:static;min-width:0;padding:0;background:#f8f8f8}.nav-item:hover .dropdown{display:none}.nav-item.open .dropdown{display:block}.dropdown a{width:100%;padding:8px 55px;border-bottom:1px solid #eaeaea;background:#f8f8f8;color:#333;font-size:12px;font-weight:300;line-height:24px}.dropdown a:hover,.dropdown a.current{color:#00a9df}.standard-page,.youtube-row{width:720px}.home-hero{height:768px}.home-hero img{width:min(852px,83.2vw);height:auto}.album-grid{--gallery-gap:14.4px}.back-to-top{right:15px;bottom:15px}}
@media(max-width:768px){.left-fixed{display:none}.standard-page,.youtube-row{width:550px}.home-hero{height:960px}.home-hero img{width:572px;height:328px;max-width:92vw;object-fit:contain;transform:translateY(-70px)}.youtube-row{grid-template-columns:1fr;gap:30px}.album-grid{--gallery-gap:11px;grid-template-columns:repeat(3,32%)}.two-column{grid-template-columns:1fr;gap:30px}.standard-page{padding-top:60px}.business-page,.contact-page,.artist-page{padding-top:80px}.lightbox{padding:35px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}
@media(max-width:600px){.standard-page,.youtube-row{width:400px;max-width:calc(100% - 40px)}.album-grid{--gallery-gap:8px;grid-template-columns:repeat(2,48%)}}
@media(max-width:480px){.standard-page,.youtube-row{width:280px;max-width:calc(100% - 30px)}.home-hero{height:720px}.home-hero img{width:340px;height:195px;max-width:90vw;transform:translateY(-70px)}.album-grid{--gallery-gap:5.6px;grid-template-columns:repeat(2,49%)}.back-to-top{width:38px;height:38px}.lightbox-prev,.lightbox-next{font-size:48px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}