@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,800;1,900&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--black:#101110;--paper:#eeeee7;--green:#c8ff19;--muted:#989c90;--line:#35382f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;overflow-x:clip}body{margin:0;background:var(--black);color:var(--paper);font-family:'Noto Sans KR',sans-serif;font-size:16px;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a:focus-visible{outline:2px solid var(--green);outline-offset:6px}::selection{background:var(--green);color:var(--black)}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--green);color:var(--black);padding:12px}.skip:focus{top:12px}.header{margin:0 5%;height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font:900 italic 29px/1 'Barlow Condensed',Impact,sans-serif;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand>span{color:var(--green);font:900 39px/1 sans-serif}nav{display:flex;gap:36px;font:600 16px/1 'Barlow Condensed',sans-serif;letter-spacing:.06em}.hero{padding:24px 5% 28px}.hero-meta{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:400 12px/1.5 monospace;letter-spacing:.08em}.hero h1{margin:0 auto;max-width:1100px;line-height:0;transform:rotate(-3deg)}.hero h1 img{width:100%;height:auto;max-height:470px;object-fit:contain;display:block;mix-blend-mode:lighten}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;gap:18px}.hero-bottom p{font-size:16px;margin:0;color:#b8bcb0}.hero-bottom a{font:600 17px/1 'Barlow Condensed',sans-serif;letter-spacing:.07em}.hero-bottom a span{color:var(--green);margin-left:24px;font-size:26px}.ticker{background:var(--green);color:var(--black);padding:9px 0;overflow:hidden;transform:rotate(-1deg);margin:8px -2px 0}.ticker>div{white-space:nowrap;font:800 italic 32px/1.3 'Barlow Condensed',Impact,sans-serif;word-spacing:7px}.ticker span{margin:0 28px}.band{padding:68px 5% 76px;max-width:1600px;margin:0 auto}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px}.section-heading h2{font:800 46px/1 'Barlow Condensed',Impact,sans-serif;margin:0}.section-heading h2 span{font:500 16px/1 monospace;color:var(--green);vertical-align:middle;margin-left:12px}.section-heading p{font-size:14px;color:var(--muted);margin:0}.band-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:start}.poster{margin:0}.poster>img{display:block;width:100%;height:auto}.poster figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;color:var(--muted);font:400 12px/1.6 monospace;margin-top:14px}.members{border-top:1px solid var(--line)}.member{display:grid;grid-template-columns:32px 1fr auto;gap:18px;align-items:center;padding:29px 0;border-bottom:1px solid var(--line)}.number{color:var(--green);font:400 12px monospace;align-self:start;padding-top:9px}.member h3{margin:0;font:800 44px/1.08 'Barlow Condensed',Impact,sans-serif}.role{font-size:14px;color:var(--muted);display:block;margin-top:7px}.member-note{font:400 12px/1.6 monospace;color:var(--muted);text-align:right;letter-spacing:.04em}footer{margin:0 5%;border-top:1px solid var(--line);padding:28px 0 34px;display:flex;align-items:center;gap:32px;font:400 12px/1.6 monospace;color:var(--muted)}footer .brand{font-size:25px;color:var(--paper)}footer .brand>span{font-size:32px}.footer-note{margin-right:auto;font-size:12px}
@media(min-width:1600px){.header,.hero,footer{max-width:1440px;margin-left:auto;margin-right:auto}.hero{padding-left:0;padding-right:0}}
@media(max-width:850px){.hero h1 img{max-height:370px}.band-grid{gap:5%}.member{gap:12px;padding:20px 0;grid-template-columns:24px 1fr}.member h3{font-size:36px}.member-note{display:none}.section-heading h2{font-size:40px}.section-heading p{font-size:13px}footer{gap:24px}.footer-note{display:none}footer a:nth-last-child(2){margin-left:auto}}
@media(max-width:600px){.header{height:70px;margin:0 6%}.brand{font-size:24px}.brand>span{font-size:32px}nav{gap:20px;font-size:14px}.hero{padding:21px 6% 24px}.hero-meta{font-size:12px;letter-spacing:.025em}.hero-meta span:last-child{max-width:125px;text-align:right}.hero h1{margin:15px -5%}.hero h1 img{max-height:none}.hero-bottom{padding-top:17px}.hero-bottom p{font-size:14px}.hero-bottom a{font-size:13px}.hero-bottom a span{margin-left:8px;font-size:20px}.ticker{padding:7px 0}.ticker>div{font-size:25px}.ticker span{margin:0 18px}.band{padding:45px 6% 46px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:40px}.section-heading p{margin-top:12px;font-size:14px}.band-grid{grid-template-columns:1fr;gap:32px}.poster figcaption{font-size:12px}.member{padding:21px 0;grid-template-columns:24px 1fr auto;gap:16px}.member h3{font-size:35px}.member-note{display:block;font-size:12px}.role{font-size:13px}.number{font-size:12px}footer{margin:0 6%;padding:25px 0;gap:16px;flex-wrap:wrap}footer .brand{font-size:22px}footer a:nth-last-child(2){margin-left:auto}footer>a:last-child{flex-basis:100%;text-align:right;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Band credits with the original condensed type. */
.section-heading p{font:600 17px/1.4 'Barlow Condensed',sans-serif;letter-spacing:.09em}.member{grid-template-columns:26px minmax(0,1fr);gap:20px;padding:25px 0;min-height:130px}.member h3{font:800 clamp(34px,3.2vw,49px)/1.05 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em}.member .number{align-self:start;padding-top:8px}.member-name{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:12px 0 0;font-size:17px;line-height:1.6;font-weight:500}.member-name>span{font-size:13px;color:var(--muted);font-weight:400}.member-name>em{font:600 12px/1.4 'Barlow Condensed',sans-serif;letter-spacing:.09em;color:var(--green);font-style:normal;border:1px solid #536626;padding:2px 7px}.member-credit{min-width:0}@media(max-width:850px){.member{grid-template-columns:20px minmax(0,1fr);gap:14px;padding:21px 0;min-height:120px}.member h3{font-size:36px}.member-name{font-size:16px;gap:10px}}@media(max-width:600px){.member{min-height:114px}.section-heading p{font-size:16px}.member h3{font-size:39px}}