/* Mobile composition follows Figma 673:3 and 676:41. Artwork stays local. */
:root{--ink:#000;--blue:#1f5ccf;--line:#eee}body{color:#000}.mast{display:block;position:relative;height:112px;width:100%;max-width:720px;padding:0;margin:auto;background:white}.studio-top{height:66px;padding:25px 20px 0;display:flex;align-items:flex-start;gap:16px}.studio-brand{display:flex;align-items:center;height:26px;flex-shrink:0}.studio-brand img{width:71px;height:16px;display:block}.language-switch{margin-left:auto;display:flex;align-items:center;gap:1px;border:1px solid #cfcfcf;border-radius:100px;width:76px;height:25px;background:white;padding:1px}.language-switch button{width:36px;height:21px;border-radius:100px;padding:0;font-size:12px;font-weight:700;color:#c1c1c1}.language-switch button[aria-pressed=true]{background:#000;color:white}.studio-nav{height:46px;display:flex;align-items:center;justify-content:space-around;padding:0 20px;font-size:14px;font-weight:700;gap:0;margin:0;color:#c2c2c2}.studio-nav a{display:block;padding:12px 0}.studio-nav [aria-current=page]{color:#000}.studio-shell{width:100%;max-width:720px;margin:auto;overflow:hidden}.studio-home{padding-top:18px;padding-bottom:64px}.stage-hero{display:block;position:relative;overflow:hidden;height:auto;aspect-ratio:353/232;border-radius:8px;margin:0 20px;background:#171c33}.stage-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 41.81%,#000b)}.new-badge{position:absolute;z-index:1;top:10px;left:10px;background:#ff0037;color:white;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:700;line-height:13px}.stage-copy{position:absolute;z-index:1;bottom:25px;left:15px;right:15px;color:white;text-align:center}.stage-copy h1{font-size:20px;font-weight:700;line-height:24px;margin:0 0 8px;letter-spacing:-.45px}.stage-copy p{font-size:12px;font-weight:600;line-height:14px;margin:0}.studio-section{margin-top:14px}.studio-heading{display:flex;align-items:center;gap:6px;height:26px;margin:0 20px 10px;line-height:26px;font-weight:400}.studio-heading img{width:auto;height:16px;display:block;object-fit:contain}.studio-heading .black-lettering{filter:invert(1)}.studio-heading span{color:#ff0037;font-size:20px;font-weight:300}.studio-rail{display:flex;overflow-x:auto;gap:8px;padding:0 20px 8px;scroll-snap-type:x proximity;scrollbar-width:none}.studio-rail::-webkit-scrollbar{display:none}.studio-rail>*{flex:0 0 132px;min-width:0;scroll-snap-align:start}.work-card{display:block;text-align:left}.work-poster{width:132px;height:190px;border-radius:8px;overflow:hidden;background:#d9d9d9}.work-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:42%}.work-card small{display:block;margin-top:11px;font-size:12px;font-weight:400;line-height:15px}.work-card .new-label{color:#ff0037}.work-card strong{display:block;font-size:18px;line-height:1.3;margin-top:3px;font-weight:700;letter-spacing:-.4px}.home-music{margin-top:58px}.music-card{background:transparent;padding:0;text-align:left;border-radius:8px;box-shadow:none!important}.music-cover{display:block;position:relative;width:132px;height:132px;background:#d9d9d9;overflow:hidden;border-radius:8px}.music-cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-play{position:absolute;bottom:8px;right:8px;display:grid;place-items:center;color:white;background:#0008;border-radius:50%;width:27px;height:27px;font-size:11px;opacity:0;transition:opacity .15s}.music-card:hover .cover-play,.music-card:focus-visible .cover-play,.music-card.is-playing .cover-play{opacity:1}.music-card.is-playing .music-cover{outline:2px solid var(--blue);outline-offset:-2px}.music-card small{display:block;margin:7px 0 4px;color:#5a5a5a;font-size:12px;line-height:15px}.music-card strong{font-size:18px;line-height:23px;display:block;font-weight:700;white-space:normal;letter-spacing:-.4px}.work-page .mast{position:absolute;top:0;left:50%;transform:translateX(-50%);height:78px;background:transparent;z-index:3}.work-page .studio-top{gap:16px}.work-page .studio-brand img{filter:invert(1)}.design-back{display:flex;align-items:center;height:26px;width:13px;margin-right:1px}.design-back img{display:block;width:15.38px;height:18.67px;max-width:none}.brand-category{width:71px;height:16px;margin-top:5px;margin-left:0}.stage-detail{height:317px;aspect-ratio:auto;border-radius:0;margin:0}.stage-detail>img{width:max(100%,483px);left:50%;transform:translateX(-50%);object-fit:cover;object-position:center}.stage-detail .stage-copy{bottom:20px}.detail-music{margin-top:15px}.detail-episodes{margin-top:28px}.design-list-head{display:flex;align-items:center;margin-bottom:10px;height:26px}.design-list-head .studio-heading{margin-bottom:0}.design-list-head button{margin-left:auto;margin-right:20px;color:#999;font-size:11px;padding:7px 0}.design-episodes{padding:0 20px}.design-episode{display:flex;gap:14px;margin-bottom:16px;min-height:132px}.design-episode>img{display:block;width:132px;height:132px;border-radius:8px;object-fit:cover;flex-shrink:0}.design-episode>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:0}.episode-number{font-size:14px;font-weight:700;line-height:18px}.design-episode h3{font-size:14px;font-weight:700;line-height:1.3;margin:8px 0 3px;letter-spacing:-.2px}.design-episode p{font-size:12px;line-height:1.5;color:#999;margin:0;max-width:330px}.episode-free{margin-top:auto;font-size:14px;color:#1f5ccf;line-height:18px;padding-top:9px}.design-about{margin:36px 20px 50px;border-top:1px solid #eee;padding-top:24px}.design-about h2{font-size:16px}.design-about p{font-size:13px;line-height:1.8;color:#777}.design-about>small{font-size:10px;color:#aaa;line-height:1.5}.design-actions{display:flex;gap:18px;align-items:center;font-size:12px;margin:20px 0}.design-actions button{padding:0}.design-actions [aria-pressed=true]{color:var(--blue)}.catalog-note{margin:20px;font-size:12px;line-height:1.7;color:#888}.studio-shop{padding:30px 20px 60px}.studio-shop h1{font-size:22px}.studio-shop>p{font-size:13px;color:#888}.shop-products{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 12px;margin:28px 0}.shop-products img{width:100%;height:150px;object-fit:cover;border-radius:8px;display:block}.shop-products span{display:block;font-size:11px;color:#999;margin:10px 0 5px}.shop-products strong{display:block;font-size:14px;line-height:1.4}.shop-products small{display:block;margin-top:9px;font-size:11px;color:var(--blue)}.shop-disclosure{font-size:10px!important;line-height:1.6}footer{max-width:720px;margin:auto;font-size:10px;color:#aaa;border-color:#f1f1f1}.album-page{max-width:720px;padding-top:20px}.album-art{border-radius:8px;box-shadow:none}.album-section-head h2{font-weight:600}.reader-mode .mast{display:none}.reader-mode .viewer-top{border-color:#eee}.reader-mode .episode-opening>span{color:#1f5ccf}.reader-mode .viewer-links a{color:#1f5ccf}@media(min-width:761px){.mast,.studio-shell{max-width:960px}.studio-top{padding:28px 32px 0}.studio-nav{justify-content:flex-start;gap:50px;padding:0 32px}.stage-hero{margin:0 32px;aspect-ratio:2.4;height:auto;max-height:430px}.stage-copy h1{font-size:28px;line-height:34px}.stage-copy p{font-size:14px;line-height:20px}.stage-copy{bottom:32px}.studio-section{margin-top:24px}.studio-heading{margin-left:32px;margin-right:32px}.studio-rail{padding-left:32px;padding-right:32px;gap:16px}.studio-rail>*{flex-basis:200px}.work-poster{width:200px;height:288px}.music-cover{width:200px;height:200px}.home-music{margin-top:60px}.stage-detail{margin:0;height:410px;max-height:none;border-radius:0}.stage-detail>img{width:100%;object-position:center 40%}.work-page .mast{max-width:960px}.detail-music{margin-top:24px}.detail-episodes{margin-top:36px}.design-episodes{padding:0 32px}.design-episode{gap:22px}.design-episode h3{font-size:16px}.design-episode p{font-size:13px}.design-about{margin-left:32px;margin-right:32px}.design-list-head button{margin-right:32px}.studio-shop{max-width:960px}.shop-products{grid-template-columns:repeat(3,1fr)}footer{max-width:960px}}@media(max-width:359px){.stage-copy h1{font-size:18px}.brand-category{width:60px;height:auto}.work-page .studio-top{gap:12px}.design-episode>img{width:112px;height:132px}.design-episode{gap:12px}.design-episode h3{font-size:13px}.language-switch{flex-shrink:0}}
.studio-rail{scroll-padding-inline:20px}.black-lettering,.brand-category{object-fit:none!important;object-position:left!important;width:71px!important;height:16px!important}.black-lettering{filter:none!important}.brand-category{filter:invert(1)}@media(min-width:761px){.studio-rail{scroll-padding-inline:32px}}
.black-lettering{filter:invert(1)!important}.brand-category{filter:none}.studio-heading img.black-lettering,.brand-category{object-fit:contain!important}.works-section .studio-heading{margin-bottom:16px}.home-music{margin-top:49px}.home-music .studio-heading{margin-bottom:18px}@media(min-width:761px){.home-music{margin-top:60px}}
.release-notice{margin:20px 20px 0;padding:14px 16px;border-radius:8px;background:#f3f7ff;display:flex;flex-direction:column;gap:5px}.release-notice strong{font-size:13px;color:#1f5ccf}.release-notice span{font-size:11px;color:#7c8aa4}.scheduled-episode .episode-free{font-size:12px;line-height:1.5}.scheduled-page{padding:32px 20px 70px}.scheduled-back{font-size:12px;color:#999}.scheduled-kicker{display:block;color:#1f5ccf;font-size:11px;letter-spacing:1px;margin-top:70px}.scheduled-page h1{font-size:28px;line-height:1.35;letter-spacing:-1px;margin-top:15px}.scheduled-page>p{font-size:13px;line-height:1.9;color:#888}.scheduled-page .scheduled-date{font-size:19px;color:#1f5ccf;font-weight:700;margin:25px 0 14px}.scheduled-page .primary{margin-top:30px;font-size:14px;max-width:400px}.release-calendar{margin-top:50px;border-top:1px solid #eee;padding-top:24px}.release-calendar h2{font-size:14px}.release-calendar>div{display:flex;gap:25px;margin:18px 0;font-size:12px;align-items:center}.release-calendar span{color:#8a8a8a}@media(min-width:761px){.release-notice{margin-left:32px;margin-right:32px}.scheduled-page{padding-left:32px;padding-right:32px}}

/* Temporary new-series covers. Titles remain crisp HTML lettering. */
.coming-poster{position:relative;background:#13233e}.coming-poster img{object-position:center}.coming-poster:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,#070b21cc)}.coming-cover-title{position:absolute;z-index:1;left:9px;right:9px;bottom:14px;color:#fff;font-size:23px;line-height:1.08;letter-spacing:-1.1px;text-align:center;text-shadow:0 2px 7px #0009;font-weight:900;word-break:keep-all}.mystery .coming-cover-title{font-family:Georgia,'Noto Serif KR','AppleMyungjo',serif;font-weight:700;letter-spacing:-.6px}.fantasy .coming-cover-title{color:#fff2b4;transform:rotate(-3deg);font-size:21px;text-shadow:1px 2px 0 #133b72,0 3px 8px #000}.work-card .coming-label{color:#1f5ccf}.coming-card>strong{font-size:16px;word-break:keep-all}@media(min-width:761px){.coming-cover-title{font-size:35px;bottom:21px;left:12px;right:12px}.fantasy .coming-cover-title{font-size:31px}.coming-card>strong{font-size:18px}}

.romance .coming-cover-title{font-family:Georgia,'AppleMyungjo',serif;color:#ffe2df;font-size:20px;letter-spacing:-.9px}.action .coming-cover-title{color:#ffec6a;transform:rotate(-3deg);font-style:italic}.scifi .coming-cover-title{color:#c8f9ff;letter-spacing:-1px}.historical .coming-cover-title{font-family:Georgia,'AppleMyungjo',serif;color:#f3d8a0;letter-spacing:1px}.cozy .coming-cover-title{color:#fff2d5;font-size:20px}.work-rail:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.catalog-works .work-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;overflow:visible;scroll-snap-type:none}.catalog-works .work-card{width:100%}.catalog-works .work-poster{width:100%;height:auto;aspect-ratio:2/3}.catalog-works .coming-cover-title{font-size:clamp(20px,5.5vw,32px)}@media(min-width:761px){.romance .coming-cover-title,.cozy .coming-cover-title{font-size:30px}.catalog-works .work-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.catalog-works .coming-cover-title{font-size:30px}.catalog-works .romance .coming-cover-title,.catalog-works .cozy .coming-cover-title{font-size:28px}}

/* Album detail follows the same content width and gutters as the studio. */
.album-page{width:100%;max-width:720px;padding:20px 20px 80px;box-sizing:border-box}.album-hero{grid-template-columns:minmax(0,1fr);gap:28px}.album-art{width:100%;max-width:none;margin:0;aspect-ratio:1;background:#050c29}.album-art img{display:block;width:100%;height:100%;object-fit:contain;filter:none}.album-art:after{display:none}.album-info{min-width:0}.album-info h1{font-size:clamp(28px,5vw,42px);line-height:1.2;letter-spacing:-1.7px;word-break:keep-all}.track-row>div{min-width:0}.track-row small{overflow-wrap:anywhere}@media(min-width:761px){.album-page{max-width:960px;padding:20px 32px 100px}.album-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:32px}.album-info h1{font-size:clamp(30px,3.2vw,42px)}.album-description{font-size:22px}.album-section-head{margin-top:48px}}

/* Official title lettering is shared by the hero, detail and series cover. */
.stage-copy .story-title{margin:0 0 10px;line-height:0}.story-title-logo{display:block;max-width:100%;height:auto}.stage-copy .story-title-logo{width:224px;max-width:75%;margin:0 auto;filter:drop-shadow(0 2px 8px #040e28aa)}.stage-copy{bottom:20px}.featured-work-poster{position:relative}.featured-work-poster:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#070b21d9)}.featured-cover-title{position:absolute;left:7px;right:7px;bottom:14px;z-index:1}.featured-cover-title .story-title-logo{width:100%;filter:drop-shadow(0 2px 5px #0008)}.stage-detail .stage-copy .story-title-logo{width:248px;max-width:78%}@media(min-width:761px){.stage-copy .story-title-logo{width:320px;max-width:60%}.stage-copy{bottom:26px}.stage-detail .stage-copy .story-title-logo{width:350px;max-width:65%}.featured-cover-title{left:10px;right:10px;bottom:20px}}

/* Match the Shop heading to the original Home Music lettering. */
@font-face{font-family:'Post No Bills Colombo Medium';src:url('assets/fonts/PostNoBillsColombo-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}.studio-shop h1.studio-lettering{font-family:'Post No Bills Colombo Medium',sans-serif;font-size:22px;font-weight:500;line-height:26px;letter-spacing:0;margin:0;height:26px}.studio-shop .shop-products{margin-top:18px}@media(min-width:761px){.studio-shop{padding-left:32px;padding-right:32px}}

/* Persistent music affordance, also visible without hover on touch screens. */
.music-cover .cover-play{opacity:1;width:36px;height:36px;right:8px;bottom:8px;color:#fff;background:#1f5ccf;box-shadow:0 2px 8px #0005;border:1px solid #ffffff6b;transition:background .15s,transform .15s}.cover-play svg{display:block}.cover-play .cover-play-icon{margin-left:2px}.cover-play .cover-pause-icon{display:none}.music-card.is-playing .cover-play-icon{display:none}.music-card.is-playing .cover-pause-icon{display:block}.music-card:hover .cover-play,.music-card:focus-visible .cover-play{background:#174db1;transform:scale(1.05)}@media(min-width:761px){.music-cover .cover-play{width:40px;height:40px;right:10px;bottom:10px}}