@charset "UTF-8";
:root{color-scheme:dark;--bg:#141615;--paper:#f0eee8;--ink:#242923;--cream:#f4f0e7;--muted:#b2b5ac;--gold:#d7ba82;--line:#373b35}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a,audio,video{-webkit-tap-highlight-color:transparent}
a,button{touch-action:manipulation}
button{font:inherit}
a:focus-visible,button:focus-visible,audio:focus-visible,video:focus-visible{outline:3px solid var(--gold);outline-offset:6px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
p{line-height:1.85;word-break:keep-all;overflow-wrap:break-word}
em{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;line-height:1.8}
.skip-link{position:fixed;top:10px;left:16px;z-index:10;padding:14px;background:var(--gold);color:var(--bg);clip-path:inset(100%)}
.skip-link:focus{clip-path:none}
.site-header{height:90px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-bottom:1px solid var(--line)}
.brand{display:inline-block;flex-shrink:0}
.site-header nav{display:flex;align-items:center;gap:32px}
.site-header nav a{font-size:13px;padding-block:14px}
.site-header nav a:hover,.text-link:hover,.site-footer a:hover{color:var(--gold)}
.site-header nav a span{display:none}
.site-header .nav-contact{border:1px solid #747568;padding:11px 18px}
.site-header .nav-contact span{display:inline;margin-left:18px}
.menu-toggle{display:none;color:var(--cream);background:none;border:1px solid var(--line);padding:10px 13px}
.menu-toggle[hidden]{display:none}
.hero{position:relative;min-height:690px;isolation:isolate;display:flex;align-items:center;overflow:hidden}
.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.hero-image{object-fit:cover;object-position:center 44%}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(9,16,17,.88),rgba(9,16,17,.55) 37%,rgba(9,16,17,.08) 76%),linear-gradient(0deg,rgba(9,16,17,.78),transparent 40%)}
.hero-content{padding-top:50px;padding-bottom:110px}
.hero .eyebrow{color:#e9d6b5;font-size:10px}
.status-dot{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:10px}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(80px,8.3vw,124px);font-weight:400;letter-spacing:-.065em;line-height:.98;margin:28px 0 20px}
.hero h1 em{color:var(--gold)}
.hero-korean{font-size:20px;letter-spacing:.11em}
.hero-description{font-size:13px;color:#e2e0d9;margin:17px 0 25px}
.hero-actions{display:flex;align-items:center;gap:28px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 23px;font-size:12px;font-weight:600}
.button-gold{color:#20251f;background:var(--gold)}
.button-gold:hover{background:#e8d3a9}
.hero-film-link{display:flex;align-items:center;gap:10px;font-size:12px}
.play-circle{border:1px solid #ccc8bd;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:9px;padding-left:2px}
.hero-bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;border-top:1px solid #a5a59966;padding-top:20px}
.hero-bottom a{letter-spacing:0;color:#dddcd3;font-size:11px}
.hero-bottom a span{margin-left:14px}
.section-light{background:var(--paper);color:var(--ink);color-scheme:light}
.music-section{padding:92px 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px}
.section-heading .eyebrow{color:#797f6f;margin-bottom:20px}
h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;font-weight:500;line-height:1.42;word-break:keep-all}
.section-heading>p{font-size:13px;color:#62685d}
.release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.new-badge{display:inline-block;vertical-align:middle;padding:3px 7px;border-radius:2px;background:var(--gold);color:#20251f;font-family:Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:.16em;line-height:1.3}
.hero-new{display:inline-flex;align-items:center;gap:12px;margin-bottom:26px;padding:9px 14px 9px 9px;border:1px solid #d7ba8266;background:#0a121199;font-size:12px;color:#f2e9d8;letter-spacing:.02em}
.hero-new:hover{border-color:var(--gold);color:#fff}
.hero-new>span[aria-hidden]{color:var(--gold)}
.release-new .release-meta{color:#8a6a2e}
.share-art img{object-position:center 35%}
.release-art{display:block;position:relative;aspect-ratio:1.65;overflow:hidden;color:#fff;isolation:isolate}
.release-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101615b3,transparent 65%);z-index:-1}
.release-art img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:-2;transition:transform .5s}
.release-art:hover img{transform:scale(1.035)}
.group-art img{object-position:center 30%}
.art-label{position:absolute;left:24px;top:24px;font-size:9px;letter-spacing:.19em}
.art-title{position:absolute;left:24px;bottom:26px;font-family:Georgia,serif;font-size:clamp(26px,3vw,43px);letter-spacing:-.045em}
.group-art .art-title{font-family:Arial,sans-serif;font-weight:600;letter-spacing:-.06em}
.art-arrow{position:absolute;right:24px;bottom:30px;font-size:28px}
.release-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#646c5d;margin:24px 0 12px}
.release h3{font-size:23px;font-weight:500;letter-spacing:-.04em}
.release h3 span{font-size:13px;color:#62695d;font-weight:400;margin-left:9px;letter-spacing:0}
.release>p{font-size:13px;color:#64695f;margin-top:14px}
.player-label{display:block;font-size:10px;letter-spacing:.06em;margin:24px 0 9px;color:#5d6359}
audio{display:block;width:100%;height:42px;border-radius:4px;scroll-margin-top:130px}
.text-link{display:inline-block;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:7px;margin-top:24px}
.text-link span{margin-left:18px}
.section-light .text-link:hover{color:#526246}
.release .release-note{font-size:11px;margin-top:29px}
.media-status:empty{display:none}
.media-status{margin-top:20px;font-size:13px}
.film-section{padding-block:90px}
.film-item+.film-item{margin-top:80px;padding-top:70px;border-top:1px solid var(--line)}
.film-caption h3 .new-badge{margin-left:10px;vertical-align:2px}
.film-section .eyebrow{color:var(--gold)}
.film-section .section-heading>p{color:var(--muted)}
video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#080a09}
.film-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:22px 0}
.film-caption h3{font-size:20px;font-weight:500}
.film-caption p{font-size:11px;color:var(--muted);margin-top:6px}
.film-caption>span{font-size:11px;color:var(--muted)}
.film-caption>span span{margin:0 12px}
.film-story{font-size:13px;color:var(--muted);margin-top:24px}
.artist-section{background:#20241f;padding:80px 0 35px}
.artist-layout{display:grid;grid-template-columns:1fr 1.65fr;align-items:center;gap:60px}
.artist-copy .eyebrow{color:var(--gold);margin-bottom:26px}
.artist-copy h2{font-size:clamp(64px,7.5vw,105px);line-height:.93;letter-spacing:-.06em}
.artist-copy h2 em{color:var(--gold)}
.artist-copy .artist-subtitle{font-size:18px;color:var(--cream);margin:25px 0 13px}
.artist-copy>p:not(.eyebrow):not(.artist-subtitle){font-size:12px;color:#b8bcb1}
.artist-figure img{aspect-ratio:1.32;object-fit:cover;object-position:50% 20%}
.artist-figure figcaption{display:flex;justify-content:space-between;gap:14px;font-size:8px;letter-spacing:.07em;color:#b8bcb1;margin-top:16px}
.artist-note{margin-top:48px;padding-top:20px;border-top:1px solid #41473c;color:#b8bcb1;font-size:10px}
.artist-copy .text-link+.text-link{margin-left:20px}
.artist-figure figcaption a:hover{color:var(--gold);text-decoration:underline}
.members-section{margin-top:70px;padding-top:40px;border-top:1px solid #41473c}
.members-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.members-heading .eyebrow{color:var(--gold);margin-bottom:12px}
.members-heading h3{font-size:28px;font-weight:500;letter-spacing:-.04em}
.members-heading>p{font-size:12px;color:#b8bcb1}
.member-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.member-card{min-width:0;scroll-margin-top:30px}
.member-portrait{aspect-ratio:3/4;overflow:hidden;background:#434842;margin-bottom:22px}
.member-portrait img{width:200%;max-width:none;height:100%}
.member-number{font-size:9px;letter-spacing:.16em;color:var(--gold)}
.member-card h4{font-size:25px;letter-spacing:-.04em;font-weight:500;margin:9px 0}
.member-card h4 span{font-size:13px;letter-spacing:0;margin-left:8px;color:#cbd0c5}
.member-role{font-size:11px;color:var(--gold);min-height:42px}
.member-card .member-personality{font-size:13px;color:#d5d9cf;margin-top:12px;line-height:1.85}
.member-card details{border-top:1px solid #4a5045;margin-top:20px;padding-top:14px}
.member-card summary{font-size:12px;cursor:pointer;color:var(--gold);padding:7px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.member-card summary::-webkit-details-marker{display:none}
.member-card summary::after{content:"＋";font-size:15px}
.member-card details[open] summary::after{content:"−"}
.member-card summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.member-card dl{margin:15px 0 0;font-size:12px;line-height:1.85}
.member-card dt{font-size:10px;color:var(--gold);margin-top:15px}
.member-card dd{margin:5px 0 0;color:#cbd0c5;word-break:keep-all}
@media(max-width:1100px){.member-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}}
@media(max-width:680px){.members-section{margin-top:45px;padding-top:30px}.members-heading{display:block}.members-heading h3{font-size:25px}.members-heading>p{margin-top:14px}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}.member-card h4{font-size:23px}.member-card h4 span{display:block;margin:5px 0 0}}
@media(max-width:460px){.member-grid{grid-template-columns:minmax(0,1fr);gap:40px}.member-portrait{max-width:320px}.member-card h4 span{display:inline;margin-left:8px}.member-role{min-height:0}.member-card .member-personality{font-size:14px}}
.about-section{padding:100px 0}
.about-layout{display:grid;grid-template-columns:1fr 2fr;gap:30px}
.about-layout>.eyebrow{padding-top:10px;color:#68705f}
.about-layout h2{font-size:clamp(32px,3.6vw,48px);margin-bottom:30px}
.about-layout h2 em{font-family:inherit;color:#637458;font-style:normal}
.about-layout p:not(.eyebrow){font-size:13px;color:#60695b;margin-top:18px}
.about-signature{font-family:Georgia,serif;font-size:25px;font-style:italic;margin-top:35px;color:#687459}
.contact-section{padding-block:85px}
.contact-section .eyebrow{color:var(--gold);margin-bottom:24px}
.contact-section h2{font-size:clamp(32px,4vw,52px)}
.contact-section p:not(.eyebrow){color:var(--muted);font-size:13px;margin-top:24px}
.contact-email{display:inline-flex;align-items:center;gap:50px;font-size:clamp(24px,3.2vw,42px);border-bottom:1px solid #7b8570;padding-bottom:14px;margin-top:36px;letter-spacing:-.025em}
.contact-email:hover{color:var(--gold)}
.contact-note{display:block;color:var(--muted);font-size:10px;margin-top:12px}
.site-footer{border-top:1px solid var(--line);padding-block:30px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.site-footer p{font-size:9px;color:#a8aea1;margin-top:12px}
.site-footer nav{display:flex;gap:22px;font-size:9px;letter-spacing:.06em;flex-wrap:wrap}
.back-top{font-size:9px;white-space:nowrap;letter-spacing:.08em}
@media(min-width:1600px){.hero{min-height:780px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.release-grid{grid-template-columns:1fr 1fr;gap:36px}.site-header nav{gap:20px}.artist-layout{gap:30px;grid-template-columns:1fr 1.4fr}.artist-figure figcaption{flex-direction:column;gap:6px}.site-footer{align-items:start}.site-footer nav{max-width:240px}}
@media(max-width:680px){
  html{scroll-padding-top:24px}
  .wrap{width:calc(100% - 40px)}
  .site-header{height:auto;min-height:78px;padding:10px 20px;flex-wrap:wrap;gap:12px}
  .site-header .brand img{width:162px;height:50px}
  .menu-toggle:not([hidden]){display:block}
  .site-header nav{width:100%;flex-wrap:wrap;gap:8px 22px;padding-bottom:10px}
  .site-header nav a{font-size:12px}
  .js .site-header nav{display:none}
  .js .site-header nav.is-open{display:flex}
  .site-header .nav-contact{padding:9px 12px}
  .hero{min-height:670px}
  .hero-image{object-position:63% center}
  .hero-shade{background:linear-gradient(90deg,#0a1211d9,#0a12117d 65%,#0a12114d),linear-gradient(0deg,#0a1211c9,transparent 50%)}
  .hero-content{padding-top:40px;padding-bottom:110px}
  .hero .eyebrow{font-size:8px;letter-spacing:.12em}
  .hero h1{font-size:88px;margin-top:34px}
  .hero-korean{font-size:18px}
  .hero-description{font-size:12px}
  .hero-actions{gap:20px}
  .button{gap:20px;padding:15px 20px}
  .hero-film-link{font-size:11px}
  .hero-bottom{font-size:8px;letter-spacing:.08em}
  .hero-bottom a{font-size:10px}
  .hero-bottom>span:last-child{display:none}
  .music-section,.film-section{padding-block:60px}
  .section-heading{display:block;margin-bottom:30px}
  .section-heading>p{margin-top:20px;font-size:12px}
  .section-heading .eyebrow{font-size:9px;margin-bottom:15px}
  .release-grid{grid-template-columns:1fr;gap:46px}
  .hero-new{font-size:11px;gap:10px;margin-bottom:20px}
  .film-item+.film-item{margin-top:50px;padding-top:44px}
  .release-art{aspect-ratio:1.5}
  .art-title{font-size:34px}
  .release h3{font-size:22px}
  .film-caption{align-items:start;flex-direction:column;gap:13px}
  .film-caption>span{font-size:10px}
  .artist-section{padding-top:60px}
  .artist-layout{grid-template-columns:1fr;gap:35px}
  .artist-copy h2{font-size:clamp(56px,16vw,85px)}
  .artist-copy h2 br{display:none}
  .artist-copy h2 em{margin-left:14px}
  .artist-figure img{aspect-ratio:1.5}
  .artist-figure figcaption{flex-direction:row;font-size:7px;gap:12px}
  .artist-note{margin-top:25px;font-size:9px}
  .about-section{padding-block:60px}
  .about-layout{grid-template-columns:1fr;gap:25px}
  .about-layout h2{font-size:34px}
  .about-layout p br{display:none}
  .about-signature{font-size:23px}
  .contact-section{padding-block:60px}
  .contact-email{gap:25px;font-size:27px}
  .site-footer{flex-direction:column;gap:25px}
  .site-footer nav{max-width:none;gap:18px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}