@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');
:root{--bg:#111310;--text:#ecece1;--muted:#8e9489;--accent:#c6d7a0;--line:#33382d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans KR',sans-serif;font-size:14px}button,a,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{padding:32px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:600;font-size:20px;letter-spacing:2px}.brand span{display:block;font-size:8px;letter-spacing:2.2px;color:var(--muted);margin-top:7px}nav{display:flex;gap:38px;font-size:12px}nav span{color:var(--accent);margin-left:8px}section{padding:90px 6%}.hero{padding-top:85px;padding-bottom:28px;position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:20px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:500;line-height:2}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px}h1{font-size:clamp(36px,4.6vw,70px);line-height:1.4;letter-spacing:-3px;font-weight:400;margin:28px 0}em{font-style:normal;color:var(--accent)}.intro{color:var(--muted);line-height:2;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:17px 23px;background:var(--accent);color:#171e12;border:0;font-size:12px;margin-top:30px}.button:hover{background:#d9e9b5}.art{position:relative;min-height:370px;display:grid;place-items:center}.orb{width:280px;height:280px;border-radius:50%;background:radial-gradient(ellipse at 30% 25%,#bdce82 0%,#607946 24%,#2d3c25 50%,#12180f 73%);box-shadow:15px 15px 90px #45502e44;transform:rotate(-25deg);position:relative}.orb:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 20% 20%,transparent 0 3px,#11131077 4px 5px);mix-blend-mode:soft-light}.rings{position:absolute;width:410px;height:180px;border:1px solid #94a87655;transform:rotate(-30deg);border-radius:50%;box-shadow:0 0 0 12px #83976608,0 0 0 32px #83976608,0 0 0 62px #83976604}.art-label{position:absolute;bottom:16px;letter-spacing:3px;color:var(--muted);font-size:9px}.coordinate{position:absolute;right:-24px;top:45%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:var(--muted)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:26px;margin-top:66px;font-size:9px;letter-spacing:2px;color:var(--muted)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-top>p{font-size:12px;line-height:2;color:#bbc0b2}.muted{font-size:10px;color:var(--muted)}h2{font-weight:400;font-size:36px;letter-spacing:-1.5px;line-height:1.5;margin:15px 0} .filters{display:flex;gap:22px;margin:35px 0 25px;border-bottom:1px solid var(--line)}.filters button{color:var(--muted);background:none;border:0;padding:12px 0;font-size:11px;position:relative}.filters .active{color:var(--accent);border-bottom:1px solid var(--accent)}sup{font-size:8px;margin-left:5px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}article[hidden]{display:none}.cover{height:300px;position:relative;padding:28px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.cover-word{font-family:'Playfair Display',serif;letter-spacing:2px;line-height:1.1;font-size:35px;z-index:1}.cover-caption{font-size:7px;letter-spacing:3px;z-index:1}.cover-one{background:linear-gradient(145deg,#435044,#19251f 65%,#697766);color:#d2d7c6}.cover-one:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 22px,#d4e0d50c 23px 24px);transform:scale(1.5)}.cover-one:after{content:'';position:absolute;width:150px;height:210px;background:#9ba99225;filter:blur(22px);right:10px;bottom:-60px;transform:rotate(35deg)}.cover-two{background:linear-gradient(155deg,#202f45,#0d1425);color:#bfc9d8}.moon{position:absolute;width:180px;height:180px;background:radial-gradient(circle at 35% 30%,#afbac5,#5b6e85 45%,#293d55);border-radius:50%;right:-30px;bottom:30px;box-shadow:0 0 55px #7389a322}.cover-three{background:#c0b6a1;color:#33332b}.lines{position:absolute;left:65%;top:-10%;width:160px;height:380px;transform:rotate(25deg);background:repeating-linear-gradient(90deg,#4b4a3f55 0 1px,transparent 1px 13px)}.project-info{display:flex;justify-content:space-between;gap:10px;padding:18px 0}.project-info .eyebrow{font-size:8px;margin:0}h3{font-size:17px;font-weight:400;margin:9px 0}.project-info p:last-child{font-size:10px;color:var(--muted)}.play{width:35px;height:35px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--text);margin-top:25px}.play:hover{background:var(--accent);color:var(--bg)}.player{display:flex;align-items:center;gap:20px;padding:20px 25px;border:1px solid var(--line);margin-top:25px}.player>button{background:var(--accent);color:#1b2315;border:0;width:38px;height:38px;border-radius:50%}.track{display:grid;gap:7px;min-width:240px}.track strong{font-size:12px;font-weight:400}.track span{font-size:9px;color:var(--muted)}.wave{height:30px;flex:1;background:repeating-linear-gradient(90deg,#77865a 0 2px,transparent 2px 6px);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);opacity:.5}.playing .wave{animation:pulse 1.5s infinite alternate}#time{font-size:10px;color:var(--muted);white-space:nowrap}.demo-note{font-size:9px;color:var(--muted);line-height:1.8}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#161914}.about-note{font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:35px}.about-copy>p:first-child{font-size:18px;line-height:1.9}.about-copy>p:nth-child(2){font-size:12px;line-height:2.2;color:var(--muted)}.services{margin-top:30px}.services span{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:18px 0;font-size:10px;color:var(--accent)}.services b{font-size:12px;font-weight:400;color:var(--text)}.services small{margin-left:auto;color:var(--muted);font-size:10px}.contact{text-align:center;padding:100px 6%}.contact h2{font-size:48px}.contact>p:not(.eyebrow){color:var(--muted);font-size:12px}.contact .contact-note{font-size:10px!important;margin-top:20px}#brief-form{max-width:550px;margin:35px auto 0;text-align:left}#brief-form label{font-size:12px}textarea{display:block;width:100%;margin-top:12px;background:#1c2118;border:1px solid var(--line);padding:15px;color:var(--text);font:inherit;resize:vertical}#copy-state{margin-left:20px;font-size:12px;color:var(--accent)}footer{border-top:1px solid var(--line);padding:28px 6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:var(--muted)}@keyframes pulse{to{opacity:1;transform:scaleY(.65)}}@media(max-width:850px){.hero{grid-template-columns:1fr 1fr}h1{font-size:40px}.orb{width:220px;height:220px}.rings{width:310px}.cover{height:240px;padding:22px}.cover-word{font-size:28px}.about{gap:35px}h2{font-size:30px}.section-top>p{max-width:220px}}@media(max-width:600px){header{padding:24px 6%}.brand{font-size:16px}nav{gap:18px;font-size:10px}.brand span{font-size:6px}.hero{display:block;padding-top:50px}h1{font-size:39px;letter-spacing:-2px}.art{min-height:300px;margin-top:20px}.coordinate{right:0}.hero-bottom{margin-top:35px;font-size:7px}.hero-bottom span:last-child{display:none}section{padding:60px 6%}.section-top{display:block}.section-top>p{max-width:none}.projects{grid-template-columns:1fr}.cover{height:340px}.cover-word{font-size:42px}.project-info{padding-bottom:25px}.filters{gap:20px}.player{padding:18px 15px;gap:12px}.track{min-width:0;flex:1}.track span{font-size:8px}.wave{display:none}.about{grid-template-columns:1fr;gap:20px}.about h2{font-size:33px}.contact h2{font-size:39px}footer{gap:15px;font-size:7px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.playing .wave{animation:none}}
@media (max-width:700px){.hero{display:block}.art{margin-top:30px}h1{font-size:clamp(32px,6vw,40px)}}

nav a[aria-current="page"]{color:var(--accent);position:relative}nav a[aria-current="page"]:after{content:'';position:absolute;height:2px;background:var(--accent);left:0;right:0;bottom:-12px}main{min-height:calc(100vh - 180px)}.page-heading{padding-bottom:40px;border-bottom:1px solid var(--line)}.page-heading h1{font-family:'Playfair Display',serif;font-size:80px;letter-spacing:-2px;margin:10px 0}.page-heading h1 span{color:var(--accent)}.page-heading>p:last-child{color:var(--muted);line-height:2}.album-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center;padding-bottom:20px}.album-art{height:440px}.album-art .cover-word{font-size:65px}.album-art .moon{width:300px;height:300px;right:-30px;bottom:35px}.album-description{color:var(--muted);font-size:13px;line-height:2}.tracklist{margin-top:35px}.track-row{width:100%;display:flex;align-items:center;gap:20px;text-align:left;border:0;border-top:1px solid var(--line);padding:22px 0;background:none;color:var(--text)}.track-row strong{font-weight:400;flex:1;font-size:13px}.track-row span,.track-row small{color:var(--muted);font-size:10px}.track-row:hover strong{color:var(--accent)}.album-player{padding-top:10px}.availability{display:inline-block;border:1px solid var(--line);padding:10px 15px;color:var(--muted);font-size:11px}.shop-note{border-top:1px solid var(--line);margin-top:55px;padding-top:30px;color:var(--muted);font-size:12px;line-height:2}.shop-note a{display:block;color:var(--accent);margin-top:15px}.page-about .about{border-top:0}.page-contact .contact{padding-top:60px}@media(max-width:700px){header{flex-wrap:wrap;gap:28px}nav{width:100%;justify-content:space-between;gap:12px}nav a{font-size:12px}.page-heading{padding-top:50px}.page-heading h1{font-size:58px}.album-layout{grid-template-columns:1fr;gap:25px}.album-art{height:350px}.album-art .cover-word{font-size:50px}.page-heading>p:last-child{font-size:12px}}

.video-launch{display:block;position:relative;width:100%;padding:0;border:0;background:#1b2118;color:var(--text);text-align:left;overflow:hidden}.video-cover{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#273626,#151c26);overflow:hidden}.video-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.video-launch:hover img{transform:scale(1.04)}.video-duration{position:absolute;bottom:12px;right:12px;font-size:10px;background:#000b;padding:5px 8px;border-radius:2px}.watch-overlay{position:absolute;left:18px;bottom:14px;font-size:10px;letter-spacing:2px;background:#111a;padding:9px 13px;border:1px solid #ffffff33}.video-project h3{font-size:16px;line-height:1.7;overflow-wrap:anywhere}.video-project .project-info{min-height:135px}.video-project .project-info>div{min-width:0}.video-project .play{display:grid;place-items:center;flex-shrink:0}.video-project .project-info p:last-child{line-height:1.9}.channel-link{color:var(--accent);font-size:10px;letter-spacing:1.5px}.source-note{margin-top:35px;font-size:10px;color:var(--muted);line-height:2}.real-album{padding-bottom:70px}.release-cover{aspect-ratio:1}.release-cover img{object-fit:contain;background:#111310}.release-meta{display:grid;gap:12px;margin:25px 0;font-size:9px;color:var(--muted);letter-spacing:1px}.release-meta b{font-weight:400;color:var(--text);margin-left:15px}.release-link{display:block;font-size:11px;color:var(--accent);margin-top:22px}.second-release{border-top:1px solid var(--line)}.release-footer{padding-top:30px;display:flex;gap:35px;font-size:11px;color:var(--accent);letter-spacing:1px;border-top:1px solid var(--line)}#video-dialog{width:min(900px,92vw);padding:25px;background:#151914;color:var(--text);border:1px solid var(--line);max-height:90vh}#video-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-heading h2{font-size:20px;line-height:1.6;margin:0}.dialog-heading button{border:1px solid var(--line);color:var(--text);background:transparent;padding:9px 12px}#video-frame{aspect-ratio:16/9}#video-frame iframe{display:block;width:100%;height:100%;border:0}#video-dialog>p{font-size:11px;color:var(--muted);line-height:1.8}#video-dialog a{color:var(--accent)}@media(max-width:600px){.filters{gap:17px;overflow-x:auto}.filters button{white-space:nowrap;font-size:10px}.video-project .project-info{min-height:0}.release-footer{flex-wrap:wrap;gap:20px}.dialog-heading h2{font-size:15px}#video-dialog{padding:16px}.real-album{padding-bottom:45px}}

/* Small studio jokes, using the artist's own supplied images. */
.meme-sticker{position:relative;margin:0;background:#e8e8db;color:#1c2418;padding:8px 8px 13px;box-shadow:5px 8px 0 #0005;transform:rotate(-4deg);width:190px}.meme-sticker img{display:block;width:100%;height:155px;object-fit:cover;object-position:center 45%;filter:saturate(.85)}.meme-sticker figcaption{font-size:10px;line-height:1.7;text-align:center;margin-top:10px;font-weight:600;letter-spacing:0}.meme-tape{position:absolute;width:65px;height:20px;background:#ccd9a0b3;top:-10px;left:calc(50% - 32px);transform:rotate(7deg);box-shadow:0 1px 3px #0002}.meme-hero{min-height:420px;padding:20px 15px 45px}.hero-cat{width:min(350px,85%);transform:rotate(5deg)}.hero-cat img{height:auto;aspect-ratio:1;object-fit:contain;filter:none}.hero-cat figcaption{font-size:11px;padding:6px 0}.cat-stamp{position:absolute;bottom:40px;right:0;transform:rotate(-12deg);font-size:10px;letter-spacing:2px;color:var(--accent);border:2px solid var(--accent);padding:13px 16px;background:#111e}.cat-footnote{position:absolute;bottom:4px;font-size:8px;color:var(--muted)}.page-heading{position:relative}.heading-cat{position:absolute;right:7%;top:75px;transform:rotate(7deg);width:170px}.heading-cat img{height:110px;object-position:center 60%}.meme-note{display:flex;align-items:center;gap:45px;padding:32px 35px;border:1px dashed #667b4855;background:#1b21175c;margin:55px 0 20px}.meme-note .meme-sticker{flex-shrink:0;width:150px;transform:rotate(-5deg)}.meme-note img{height:110px}.meme-note h3{font-size:21px;line-height:1.8}.meme-note>div>p:last-child{font-size:12px;line-height:2;color:var(--muted)}.meme-note .eyebrow{font-size:8px}.album-cat-note{margin:20px 6% 65px}.about-cat{margin:35px 0 15px;width:230px;transform:rotate(-3deg)}.about-cat img{height:180px;object-position:center 57%}.contact-cat{display:inline-block;width:145px;margin:35px 20px 10px;transform:rotate(5deg);vertical-align:middle}.contact-cat img{height:110px}.footer-cat{display:flex;align-items:center;gap:15px;max-width:50%;letter-spacing:1px}.cat-boop{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--accent);padding:0;font-size:9px;white-space:nowrap}.cat-boop img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid #73845a}.cat-reply{font-size:8px;line-height:1.8}.booped img{animation:cat-bop .45s ease}footer{align-items:center}@keyframes cat-bop{25%{transform:rotate(-15deg) scale(1.1)}65%{transform:rotate(13deg)}100%{transform:rotate(0)}}@media(max-width:850px){.heading-cat{width:145px;right:6%;top:85px}.heading-cat img{height:95px}.meme-note{gap:28px;padding:28px}.hero-cat{width:280px}.cat-stamp{font-size:8px;right:5px}.footer-cat{gap:8px}}@media(max-width:600px){.page-works .page-heading{padding-bottom:45px}.heading-cat{position:relative;right:auto;top:auto;display:block;margin:28px 8px 0 auto;width:135px}.heading-cat img{height:90px}.meme-hero{min-height:350px;padding-bottom:45px}.hero-cat{width:260px}.cat-stamp{bottom:25px;right:5px}.cat-footnote{bottom:0}.meme-note{gap:24px;padding:26px 20px;align-items:center}.meme-note .meme-sticker{width:105px;padding:5px 5px 8px}.meme-note img{height:90px}.meme-sticker figcaption{font-size:8px}.meme-note h3{font-size:15px}.meme-note>div>p:last-child{font-size:10px}.meme-note .eyebrow{font-size:7px;letter-spacing:1px}.album-cat-note{margin-bottom:40px}.footer-cat{max-width:none;order:3;width:100%;border-top:1px solid var(--line);padding-top:18px}.cat-reply{font-size:8px}footer{flex-wrap:wrap}.about-cat{width:200px}.contact-cat{width:130px}.shop-cat-note{margin-top:45px}}@media(prefers-reduced-motion:reduce){.booped img{animation:none}}

.featured-works{padding-bottom:65px}.featured-projects{margin-top:35px;max-width:880px}.featured-project{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center}.featured-project .project-info{min-height:0;padding:25px 0}.featured-project h3{font-family:"Playfair Display",serif;font-size:clamp(30px,4vw,48px);margin:12px 0}.featured-project .project-info p:last-child{font-size:14px;color:var(--text)}.all-works{border-top:1px solid var(--line)}@media(max-width:600px){.featured-project{grid-template-columns:1fr;gap:5px}.featured-works{padding-bottom:40px}.featured-project .project-info{padding:18px 0}.featured-project h3{font-size:36px}}

/* Quiet photo notes. */
.meme-sticker{width:160px;padding:7px 7px 12px;background:#eee9ce}.meme-sticker img{height:130px}.hero-cat{width:min(285px,75%)}.hero-cat img{height:auto}.heading-cat{width:140px}.heading-cat img{height:95px}.meme-note{display:block;width:fit-content;margin:38px 0 24px;padding:0;border:0;background:none}.meme-note .meme-sticker{width:125px}.meme-note img{height:95px}.album-cat-note{margin:20px 6% 50px}.about-cat{width:185px}.about-cat img{height:150px}.contact-cat{width:120px}.contact-cat img{height:90px}.footer-cat-photo{width:34px;height:34px;object-fit:cover;border:4px solid #eee9ce;box-shadow:2px 3px 0 #0004;transform:rotate(-5deg)}@media(max-width:850px){.hero-cat{width:235px}.heading-cat{width:125px}}@media(max-width:600px){.hero-cat{width:215px}.heading-cat{width:115px}.heading-cat img{height:80px}.meme-note .meme-sticker{width:100px}.meme-note img{height:80px}.about-cat{width:165px}.about-cat img{height:130px}.contact-cat{width:110px}.footer-cat{width:auto;border:0;padding:0;order:initial}}

.heading-cat img{height:auto;aspect-ratio:1;object-fit:contain;filter:none}.heading-cat .cat-stamp{bottom:-12px;right:-24px;padding:7px 9px;font-size:7px;letter-spacing:1px;white-space:nowrap;transform:rotate(-12deg)}