@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--paper:#f7f5f1;--ink:#24232a;--lav:#8b7bb5;--line:#e4dfda}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans','Noto Sans KR',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:5px}a{color:inherit;text-decoration:none}button{cursor:pointer}header{padding:24px 5%;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);background:var(--paper)}.brand{font-size:21px;letter-spacing:1.8px;font-weight:600}.brand i{font:italic 23px 'Playfair Display',serif;letter-spacing:0}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;color:#777}nav{display:flex;gap:30px;margin:auto;font-size:13px}nav a:hover,nav a.active{color:var(--lav)}.cabinet{font-size:12px}.cabinet span{background:#ebe5f3;border-radius:50%;padding:3px 7px;margin-left:8px}main{min-height:65vh}.hero{padding:62px 6% 58px;background:radial-gradient(ellipse at 90% 50%,#e9e3ef 0,transparent 46%);display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:3px;color:var(--lav);font-weight:700}.hero h1{font-weight:500;font-size:43px;line-height:1.55;letter-spacing:-2px;margin:19px 0}.hero h1 em{font-family:'Playfair Display',serif;color:var(--lav);font-weight:400}.hero p{color:#78737d;line-height:1.9;font-size:13px}.search{display:flex;background:#fff;border:1px solid #ddd6e6;border-radius:5px;padding:5px;margin-top:28px}.search input{width:100%;border:0;background:transparent;padding:13px;min-width:0}.search button,.primary{border:0;background:var(--lav);color:white;padding:12px 20px;border-radius:3px}.quick{display:flex;gap:9px;margin-top:13px;flex-wrap:wrap}.quick button,.pill{border:1px solid var(--line);background:transparent;border-radius:30px;padding:7px 13px;font-size:11px}.quick button:hover,.pill.selected{background:#ece6f2;border-color:var(--lav)}.hero-art{position:relative;padding:0 20px 24px}.hero-art img{width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:100px 100px 4px 4px;filter:saturate(.7);display:block}.hero-art:before{content:'';position:absolute;inset:-15px 5px 12px;border:1px solid #b6a5c3;border-radius:120px 120px 5px 5px;transform:rotate(3deg);pointer-events:none}.hero-label{position:absolute;bottom:0;right:0;background:#fffefb;padding:18px 24px;box-shadow:0 5px 30px #24232a0a}.hero-label small{font-size:9px;letter-spacing:2px;color:#888}.hero-label strong{display:block;font:italic 24px 'Playfair Display';margin-top:5px}.strip{border-block:1px solid var(--line);padding:18px 6%;display:flex;justify-content:space-between;font-size:11px;color:#7c7584}.section{padding:40px 6%}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.section-title h2{font-size:23px;font-weight:500;margin:8px 0 0;letter-spacing:-.8px}.section-title a{font-size:11px;color:#76658f}.courses{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course{padding:27px;border:1px solid #e6dde8;background:#ede7f1;min-height:185px;position:relative;text-align:left}.course:nth-child(2){background:#ecefe7;border-color:#dfe4d9}.course:nth-child(3){background:#f1e7e6;border-color:#e8dcd9}.course small{font-size:10px;letter-spacing:2px;color:#81748d}.course h3{font-size:20px;font-weight:500;margin:20px 0 9px}.course p{font-size:12px;color:#777;line-height:1.7}.course .arrow{position:absolute;right:22px;top:25px;font-size:23px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.card{position:relative;min-width:0}.thumb{display:block;border:0;padding:0;width:100%;background:#e8e3ec;position:relative;overflow:hidden;border-radius:4px;cursor:pointer}.thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .25s}.thumb:hover img{transform:scale(1.035)}.play{position:absolute;bottom:12px;left:12px;background:#ffffffdf;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:10px}.bookmark{position:absolute;right:10px;top:10px;border:0;background:#ffffffeb;border-radius:50%;width:30px;height:30px;color:#68567e;font-size:19px}.card h3{font-size:14px;font-weight:500;line-height:1.6;margin:11px 0 7px;padding-right:5px}.meta{font-size:10px;color:#8a818f;display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:9px;letter-spacing:.5px;color:#806892;margin-top:11px}.eras{display:grid;grid-template-columns:1fr 1fr;gap:20px}.era{padding:28px;background:#eee5e7;border:1px solid #e6d9de;display:flex;align-items:center;justify-content:space-between}.era:nth-child(2){background:#e8ede9;border-color:#d9e1dc}.era h3{font:32px 'Playfair Display';margin:9px 0}.era p{font-size:11px;color:#81777d}.era .number{font:italic 55px 'Playfair Display';color:#bbaab5}.page-head{padding:45px 6% 25px}.page-head h1{font-weight:500;font-size:32px;margin:12px 0}.page-head p{font-size:12px;color:#827986;line-height:1.8}.library{display:grid;grid-template-columns:190px 1fr;gap:35px;padding:15px 6% 50px}.filters{border-right:1px solid var(--line);padding-right:22px}.filters h4{font-size:11px;margin:24px 0 12px}.filters label{display:block;font-size:12px;line-height:2.1;color:#777}.filters input{accent-color:var(--lav)}.filters select{width:100%;border:1px solid var(--line);padding:9px;background:#fffdfb;font-size:11px}.filter-reset{border:0;background:none;color:var(--lav);padding:8px 0}.results-bar{display:flex;justify-content:space-between;align-items:center;margin:5px 0 20px;font-size:12px}.results-bar select{border:1px solid var(--line);background:transparent;padding:8px}.empty{padding:65px 25px;text-align:center;border:1px dashed #d4cbdc;color:#82758d;grid-column:1/-1;line-height:2}.member-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.member{background:#eee7f1;padding:40px 12px;text-align:center;border:1px solid #ded4e4}.member b{display:block;font:28px 'Playfair Display';margin-bottom:15px}.member span{color:#82718e;font-size:12px}.member:hover{background:#e5daee}footer{padding:35px 6%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:15px;color:#8a818b;font-size:10px;line-height:1.9}footer .brand{color:#544c5c;font-size:16px}footer p{margin:0;text-align:right}footer a{margin-right:18px}dialog{max-width:820px;width:94%;border:1px solid var(--line);padding:0;background:var(--paper);border-radius:7px;max-height:90vh}dialog::backdrop{background:#24232ab5;backdrop-filter:blur(5px)}.modal-top{padding:18px 25px;display:flex;justify-content:space-between}.close{background:none;border:0;font-size:23px}.player{aspect-ratio:16/9;background:#27212c;display:grid;place-items:center;color:#fff}.player iframe{width:100%;height:100%;border:0}.modal-content{padding:25px}.modal-content h2{font-size:21px;font-weight:500}.actions{display:flex;gap:10px;margin:22px 0;flex-wrap:wrap}.actions button,.actions a{border:1px solid #d3c9dc;background:#fff;padding:10px 14px;border-radius:3px;font-size:12px}.note{background:#ece7f0;padding:18px;font-size:12px;line-height:1.8;color:#756780}textarea{width:100%;min-height:70px;border:1px solid var(--line);padding:10px}.proposal input{padding:9px;border:1px solid var(--line);margin:8px 0}.proposal{margin-top:25px}.proposal p{color:#8a7e8e;font-size:11px;line-height:1.8}.related{display:flex;gap:10px;flex-wrap:wrap}.related button{padding:9px;background:#fff;border:1px solid var(--line);font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#3c3348;color:white;padding:12px 22px;border-radius:5px;display:none;font-size:12px;z-index:10}.tabs{display:flex;gap:10px;margin:22px 0}.tabs button{padding:10px 15px;border:1px solid var(--line);background:#fff}.tabs .selected{background:#e7def0}.info{font-size:11px;color:#8e8098;line-height:1.8}button:hover{filter:brightness(.98)}@media(min-width:1500px){body{max-width:1500px;margin:auto;border-inline:1px solid var(--line)}}@media(max-width:850px){header{flex-wrap:wrap;gap:15px;padding:18px 5%}nav{order:3;width:100%;justify-content:space-between;gap:10px}.cabinet{margin-left:auto}.hero{gap:25px;padding:40px 5%;grid-template-columns:1.1fr .9fr}.hero h1{font-size:32px}.hero-art{padding:0 5px 20px}.hero-label{padding:12px}.hero-label strong{font-size:19px}.library{grid-template-columns:155px 1fr;gap:20px}.grid{grid-template-columns:repeat(2,1fr)}.courses{gap:10px}.course{padding:20px}.course h3{font-size:17px}}@media(max-width:600px){.hero{grid-template-columns:1fr;padding:32px 6%}.hero h1{font-size:34px}.hero-art{margin:10px 25px 0}.strip{gap:15px;line-height:1.8;font-size:9px}.courses{grid-template-columns:1fr}.course{min-height:140px}.course h3{margin:15px 0 7px}.section{padding:30px 6%}.section-title h2{font-size:21px}.library{display:block}.filters{border-right:0;display:flex;gap:15px;flex-wrap:wrap;padding:0 0 20px;border-bottom:1px solid var(--line);margin-bottom:25px}.filters>div{min-width:100px;flex:1}.filters h4{margin:12px 0 6px}.grid{gap:20px 12px}.card h3{font-size:12px}.eras{grid-template-columns:1fr}.member-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr}footer p{text-align:left}.page-head{padding-top:30px}.hero-art img{aspect-ratio:1.8}nav{font-size:11px}.meta{font-size:9px}}

.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:30px 0;font-size:11px}.pagination button{border:1px solid var(--line);background:#fff;padding:10px 16px;border-radius:4px}.pagination button:disabled{opacity:.35;cursor:default}.short-card .thumb img{aspect-ratio:9/16;object-fit:cover}.short-card .thumb{max-width:240px;margin:auto}.grid{align-items:start}.filters{align-self:start}.actions a:hover{text-decoration:underline}

.release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.release-card{border:1px solid var(--line);background:#fffdf9;padding:12px}.release-card img{width:100%;aspect-ratio:1;object-fit:cover}.release-card small{display:block;margin:15px 0 10px;font-size:9px;letter-spacing:1px;color:var(--lav)}.release-card h3{font-weight:500;font-size:15px;line-height:1.6;margin:0}.track{display:flex;align-items:center;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.track img{width:130px;aspect-ratio:16/9;object-fit:cover}.track>div{flex:1}.track h3{font-weight:500;font-size:15px}.track .primary{font-size:11px;white-space:nowrap}.format-tabs{flex-wrap:wrap}.format-tabs button{font-size:11px}@media(max-width:850px){.release-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.track{gap:12px;flex-wrap:wrap}.track img{width:85px}.track h3{font-size:12px}.track .primary{margin-left:auto}}

.collection-label{display:inline-block;background:#ebe4f1;color:#75608e;border:1px solid #dbcee6;border-radius:3px;padding:2px 5px;font-size:9px}nav{gap:23px}@media(max-width:850px){nav{gap:10px}}@media(max-width:600px){nav{gap:7px;font-size:10px;flex-wrap:wrap}}

.collection-grid{grid-template-columns:repeat(2,1fr)}.research-table{overflow:auto;margin:22px 0}.research-table table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.8}.research-table th,.research-table td{padding:14px 16px;border:1px solid var(--line);text-align:left}.research-table th{background:#ebe5f0;font-weight:500}.research-table td:first-child{white-space:nowrap}.research-table a{color:#796399;text-decoration:underline}.meta:after{content:attr(data-duration)}nav{gap:16px}@media(max-width:600px){.collection-grid{grid-template-columns:1fr}.research-table th,.research-table td{padding:10px;font-size:11px}nav{gap:7px}}
/* The language picker remains available beside the cabinet on narrow screens. */
.header-tools{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0}.language-picker{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:6px;padding:5px 8px;background:#fff8}.language-picker select{border:0;background:transparent;color:var(--ink);font-size:12px;cursor:pointer;max-width:115px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[lang="ja"] body{font-family:'DM Sans','Noto Sans KR','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}html:not([lang="ko"]) nav{gap:16px}html:not([lang="ko"]) .hero h1{letter-spacing:-1px;font-size:37px}header{flex-wrap:wrap;gap:20px}nav{flex-wrap:wrap}@media(max-width:1100px){header nav{order:3;flex-basis:100%;margin:0;gap:18px}.header-tools{margin-left:auto}}@media(max-width:600px){header{gap:12px;padding:18px 5%}.header-tools{gap:8px}.cabinet{font-size:11px}.language-picker{padding:5px}.language-picker select{max-width:82px}.brand{font-size:16px}.brand i{font-size:18px}.brand small{letter-spacing:1px}html:not([lang="ko"]) .hero h1{font-size:29px}.header-tools .cabinet{max-width:125px}nav{row-gap:12px}}