/* BlueVanilla visual refinement layer — original structure and behavior preserved */
:root {
  --bg-paper: #fbf8ef;
  --bg-card: #fffdf7;
  --bg-glass: rgba(251, 248, 239, 0.9);
  --text-ink: #244f6b;
  --text-muted: #6e8190;
  --accent-main: #2f789f;
  --accent-sub: #7f9bb0;
  --accent-gold: #a9c2d2;
  --line: rgba(47, 120, 159, 0.12);
  --line-strong: rgba(47, 120, 159, 0.23);
  --shadow-soft: 0 24px 70px -34px rgba(35, 81, 109, 0.3);
  --shadow-card: 0 14px 38px -24px rgba(35, 81, 109, 0.25);
  --radius: 18px;
}

[data-theme="dark"] {
  --bg-paper: #10151a;
  --bg-card: #171e24;
  --bg-glass: rgba(15, 20, 25, 0.9);
  --text-ink: #e9f0f2;
  --text-muted: #9daeb8;
  --accent-main: #7fc3e7;
  --accent-sub: #7895a6;
  --accent-gold: #9bcbe2;
  --line: rgba(146, 203, 231, 0.12);
  --line-strong: rgba(146, 203, 231, 0.22);
  --shadow-soft: 0 24px 70px -28px rgba(0, 0, 0, 0.7);
  --shadow-card: 0 16px 42px -28px rgba(0, 0, 0, 0.72);
}

html { scrollbar-color: color-mix(in srgb, var(--accent-main) 52%, transparent) transparent; }
body {
  background-color: var(--bg-paper);
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.14), transparent 28%),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
[data-theme="dark"] body {
  background-image:
    radial-gradient(circle at 82% 12%, rgba(72, 157, 199, .08), transparent 28%),
    linear-gradient(180deg, #121920 0%, #0e1318 100%);
}

h1, h2, h3 { letter-spacing: -.025em; }
h1 { line-height: 1.04; }
h2 { line-height: 1.08; }
p { letter-spacing: -.005em; }
.wrap { max-width: 1140px; }
.section { padding-top: 128px; padding-bottom: 128px; border-top-color: var(--line); }
.section:not(.hero)::before { opacity: .38; }

.header {
  height: 72px;
  background: var(--bg-glass);
  border-bottom-color: var(--line);
  backdrop-filter: blur(20px) saturate(1.15);
  -webkit-backdrop-filter: blur(20px) saturate(1.15);
  box-shadow: 0 8px 30px rgba(36, 79, 107, .035);
}
.header-inner { max-width: 1240px; }
.brand { gap: 10px; font-size: 23px; letter-spacing: -.025em; }
.brand-mark { width: 40px; height: 40px; }
.nav {
  padding: 3px;
  border-color: var(--line);
  background: color-mix(in srgb, var(--text-ink) 3%, transparent);
}
.nav-link { padding: 7px 20px; font-size: 13px; }
.nav-link.active {
  color: var(--text-ink);
  background: color-mix(in srgb, var(--bg-card) 92%, transparent);
  box-shadow: 0 4px 14px rgba(36, 79, 107, .08);
}
.sub-nav {
  top: 72px;
  background: color-mix(in srgb, var(--bg-paper) 91%, transparent);
  border-bottom-color: var(--line);
  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
}
.sub-nav-inner { max-width: 1240px; margin: 0 auto; }
.sub-link { font-size: 12px; letter-spacing: .01em; }
.sub-link::after { height: 2px; background: var(--accent-main); }
.lang-btn.active, .theme-btn { border-color: var(--line); box-shadow: none; }
.bgm-player { opacity: .82; }
.bgm-title { font-weight: 600; }

.hero {
  min-height: 92vh;
  padding-top: 122px;
  background:
    linear-gradient(90deg, rgba(251,248,239,.985) 0%, rgba(251,248,239,.96) 30%, rgba(251,248,239,.82) 49%, rgba(251,248,239,.36) 70%, rgba(251,248,239,.03) 90%),
    url('./assets/hero-bluevanilla-line.png');
  background-size: cover;
  background-position: right center;
}
.hero::before {
  background:
    radial-gradient(circle at 82% 25%, rgba(116, 183, 214, .13), transparent 23%),
    linear-gradient(180deg, rgba(255,255,255,.2), transparent 35%);
}
[data-theme="dark"] .hero {
  background:
    linear-gradient(90deg, rgba(15,20,25,.98) 0%, rgba(15,20,25,.93) 31%, rgba(15,20,25,.76) 51%, rgba(15,20,25,.3) 72%, rgba(15,20,25,.03) 92%),
    url('./assets/hero-bluevanilla-line.png');
  background-size: cover;
  background-position: right center;
}
.hero-logo-wrap { margin-bottom: 20px; }
.hero-logo { width: 98px; height: 98px; filter: drop-shadow(0 12px 24px rgba(47,120,159,.1)); }
.hero .badge { margin-bottom: 22px; }
.hero h1 { max-width: 760px; margin-bottom: 22px; font-size: clamp(48px, 6vw, 76px); }
.hero p { max-width: 650px; line-height: 1.85; }
.hero-cta { margin-top: 30px; gap: 12px; }
.hero-cta .btn { min-height: 50px; padding-inline: 27px; }
.hero-proof-row {
  width: min(690px, 100%);
  margin-top: 30px;
  padding-top: 18px;
  border-top-color: var(--line-strong);
}
.hero-proof-chip { color: var(--text-muted); }
.hero-proof-chip strong { color: var(--text-ink); }

.badge {
  padding: 6px 13px;
  color: var(--accent-main);
  background: color-mix(in srgb, var(--accent-main) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent-main) 13%, transparent);
  box-shadow: none;
  letter-spacing: .09em;
}
.btn { transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; }
.btn-pri {
  background: var(--text-ink);
  box-shadow: 0 10px 24px -12px rgba(36,79,107,.42);
}
.btn-pri:hover { transform: translateY(-2px); box-shadow: 0 15px 30px -14px rgba(47,120,159,.44); }
.btn-sec { background: color-mix(in srgb, var(--bg-card) 88%, transparent); }
.proposal-caption-below { color: var(--accent-main); opacity: .84; }

.project-proof-strip, .works-proof-strip {
  border-top-color: var(--line-strong);
  border-bottom-color: var(--line);
}
.proof-card { padding-top: 25px; padding-bottom: 25px; }
.proof-card::before { color: var(--accent-main); opacity: .68; }

.slider-wrapper { margin-top: 44px; }
.slide-container {
  border-radius: 26px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--bg-card) 42%, transparent);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}
.slide-inner { padding-top: 42px; padding-bottom: 44px; }
.header-area { margin-bottom: 28px; padding-bottom: 18px; }
.header-txt h2 { color: var(--accent-main); letter-spacing: .14em; }
.header-txt h1 { font-size: 42px; }
.slider-btn {
  border-color: var(--line);
  background: var(--bg-card);
  box-shadow: 0 8px 22px -15px rgba(36,79,107,.4);
}
.p-card {
  min-height: 184px;
  border-radius: 18px;
  border-color: var(--line);
  background: color-mix(in srgb, var(--bg-card) 96%, transparent);
  box-shadow: var(--shadow-card);
}
.p-card:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--accent-main) 34%, transparent);
  box-shadow: 0 22px 44px -28px rgba(36,79,107,.38);
}
.p-img { border-right-color: var(--line); background: color-mix(in srgb, var(--bg-paper) 76%, var(--bg-card)); }
.p-img.photo img { filter: saturate(.88) contrast(1.02); transition: filter .3s ease, transform .45s ease; }
.p-card:hover .p-img.photo img { filter: saturate(1) contrast(1.02); transform: scale(1.025); }
.p-title { font-size: 21px; }
.tag-pill, .meta-tag { border-radius: 999px; }
.feature-media-card, .feature-text-card { border-radius: 20px; border-color: var(--line); box-shadow: var(--shadow-card); }

.sfx-showreel-section { background: color-mix(in srgb, var(--bg-paper) 76%, var(--bg-card)) !important; }
.sfx-showreel-section .slide-container { background: color-mix(in srgb, var(--bg-card) 58%, transparent); }
.slide-footnote { opacity: .74; }

.reaction-section { background: linear-gradient(180deg, color-mix(in srgb, var(--accent-main) 4%, transparent), transparent 72%); }
.reaction-stage {
  border-radius: 30px;
  border-color: var(--line);
  background: linear-gradient(160deg, color-mix(in srgb, var(--bg-card) 82%, transparent), color-mix(in srgb, var(--bg-paper) 90%, transparent));
  box-shadow: var(--shadow-soft);
}
.reaction-shot {
  padding: 7px;
  border-radius: 16px;
  border-color: var(--line);
  box-shadow: 0 20px 50px -24px rgba(36,79,107,.38);
}
.reaction-shot img { border-radius: 11px; }
.reaction-overlay {
  border-radius: 26px;
  border: 1px solid color-mix(in srgb, var(--line-strong) 75%, white 10%);
  background: color-mix(in srgb, var(--bg-card) 83%, transparent);
  box-shadow: 0 28px 70px -34px rgba(36,79,107,.48);
  backdrop-filter: blur(22px) saturate(1.05);
  -webkit-backdrop-filter: blur(22px) saturate(1.05);
}
.reaction-highlight { border-color: var(--line); background: color-mix(in srgb, var(--bg-card) 58%, transparent); }
.reaction-chip { background: color-mix(in srgb, var(--bg-paper) 76%, transparent); box-shadow: none; }

.works-filter-row { margin-top: 27px; }
.works-filter-btn {
  min-height: 38px;
  padding: 9px 15px;
  border-color: var(--line-strong);
  background: color-mix(in srgb, var(--bg-card) 82%, transparent);
  box-shadow: none;
}
.works-filter-btn.active { background: var(--accent-main); box-shadow: 0 9px 22px -14px rgba(47,120,159,.65); }
.card-list { gap: 12px; }
.track-row {
  min-height: 84px;
  border-radius: 16px;
  border-color: var(--line);
  background: color-mix(in srgb, var(--bg-card) 94%, transparent);
  box-shadow: 0 10px 28px -24px rgba(36,79,107,.32);
}
.track-row:hover { border-color: color-mix(in srgb, var(--accent-main) 32%, transparent); box-shadow: 0 16px 36px -27px rgba(36,79,107,.4); }
.track-row::before { color: var(--accent-main); opacity: .66; }
.track-icon, .track-play-btn { border-color: var(--line-strong); }
.track-inline-detail { border-color: var(--line); background: var(--bg-card); }
.track-detail-gallery img { border-radius: 14px; border: 1px solid var(--line); }

#contact {
  background:
    radial-gradient(circle at 83% 20%, color-mix(in srgb, var(--accent-main) 10%, transparent), transparent 33%),
    linear-gradient(180deg, color-mix(in srgb, var(--bg-card) 25%, transparent), transparent 55%);
}
#contact::after { opacity: .54; }
.input-clean { padding-block: 17px; border-bottom-color: var(--line-strong); }
.input-clean:focus { border-bottom-color: var(--accent-main); }
.contact-cta { margin-top: 32px; }

.resume-header { border-bottom-color: var(--line); }
.resume-person-card {
  border-radius: 20px;
  border-color: var(--line);
  background: linear-gradient(145deg, color-mix(in srgb, var(--bg-card) 96%, transparent), color-mix(in srgb, var(--accent-main) 3%, var(--bg-card)));
  box-shadow: var(--shadow-card);
}
.resume-person-role { color: var(--accent-main); }
.resume-sidebar-grid { border-color: var(--line); }
.sidebar-group { padding-bottom: 30px; border-bottom: 1px solid var(--line); }
.timeline-item::before { border-color: var(--accent-main); }
.timeline-item::after { background: var(--line); }
.year-label { border-bottom-color: var(--line); }

.dock {
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--bg-card) 96%, transparent);
  box-shadow: 0 24px 70px -30px rgba(25,57,76,.58);
  backdrop-filter: blur(22px) saturate(1.08);
  -webkit-backdrop-filter: blur(22px) saturate(1.08);
}
.btn-circle-main { box-shadow: 0 8px 18px -11px rgba(36,79,107,.55); }
.modal-overlay { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.modal-card { border-radius: 24px; border-color: var(--line); box-shadow: 0 34px 90px -34px rgba(0,0,0,.68); }
.modal-close { border-color: var(--line); }
footer { border-top-color: var(--line); }

/* Language gate keeps its original composition, with cleaner depth. */
body > .card {
  border: 1px solid rgba(47,120,159,.13);
  background: rgba(255,253,247,.92);
  box-shadow: 0 30px 80px -30px rgba(35,81,109,.28);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
body > .card .actions a { border-color: rgba(47,120,159,.14); box-shadow: 0 8px 24px -22px rgba(35,81,109,.3); }

@media (max-width: 900px) {
  :root { --header-h: 66px; }
  .section { padding-top: 88px; padding-bottom: 88px; }
  .header { height: 66px; }
  .sub-nav { top: 66px; }
  .hero { min-height: 86vh; padding-top: 142px; background-position: 70% center; }
  .hero h1 { font-size: clamp(43px, 11vw, 62px); }
  .hero p { font-size: 15px; }
  .project-proof-strip, .works-proof-strip { margin-top: 28px; }
  .slide-container { border-radius: 22px; }
  .reaction-stage { border-radius: 24px; }
  .reaction-overlay { border-radius: 21px; }
}

@media (max-width: 640px) {
  .header-inner { padding-left: 14px; padding-right: 14px; }
  .brand { font-size: 18px; }
  .brand-mark { width: 32px; height: 32px; }
  .nav-link { padding: 5px 9px; }
  .sub-nav-inner { padding-inline: 14px; }
  .sub-links-group { gap: 21px; }
  .hero { min-height: auto; padding-top: 146px; padding-bottom: 76px; background-position: 67% center; }
  .hero-logo { width: 78px; height: 78px; }
  .hero .badge { margin-bottom: 18px; }
  .hero h1 { margin-bottom: 20px; }
  .hero-cta { width: 100%; }
  .hero-cta .btn { min-height: 48px; }
  .hero-proof-row { margin-top: 25px; }
  .proof-card { padding-top: 20px; padding-bottom: 20px; }
  .header-area { gap: 16px; }
  .header-txt h1 { font-size: 31px; }
  .slide-inner { padding-top: 28px; padding-bottom: 32px; }
  .p-card { min-height: 144px; border-radius: 15px; }
  .p-img { width: 104px; }
  .p-title { font-size: 18px; }
  .track-row { min-height: 78px; border-radius: 14px; }
  .track-left { gap: 13px; }
  .track-icon { width: 39px; height: 39px; }
  .track-play-btn { width: 39px; height: 39px; }
  .t-title { font-size: 17px; }
  .dock { bottom: 13px; width: calc(100% - 24px); border-radius: 20px; }
  .resume-person-card { border-radius: 17px; }
  .modal-card { border-radius: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

/* Profile names: retain the original layout, remove only the card treatment. */
body .resume-person-card,
body .resume-person-card:last-child {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Original releases / Music Cards */
.music-cards-section {
  overflow: hidden;
  background:
    radial-gradient(circle at 86% 10%, color-mix(in srgb, var(--accent-main) 8%, transparent), transparent 28%),
    color-mix(in srgb, var(--bg-card) 40%, var(--bg-paper));
}
.music-cards-heading {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
  gap: clamp(36px, 7vw, 100px);
  align-items: end;
  margin-bottom: 54px;
}
.music-cards-heading .badge { margin-bottom: 20px; }
.music-cards-heading h2 { margin: 0; }
.music-cards-heading > p {
  max-width: 650px;
  margin: 0;
  color: var(--text-muted);
  font-size: 15px;
  line-height: 1.85;
  word-break: keep-all;
}
.music-release-card {
  display: grid;
  grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr);
  min-height: 610px;
  border: 1px solid var(--line-strong);
  border-radius: 26px;
  overflow: hidden;
  background: var(--bg-card);
  box-shadow: var(--shadow-soft);
}
.music-release-cover {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(28px, 4vw, 54px);
  color: #fff5f7;
  background:
    radial-gradient(circle at 25% 20%, rgba(238,108,159,.17), transparent 32%),
    linear-gradient(150deg, #302044, #171122 72%);
}
.music-release-index {
  margin-bottom: 14px;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .17em;
}
.music-release-crt {
  position: relative;
  width: min(100%, 520px);
  margin: 0 auto;
  aspect-ratio: 1;
  padding: 9px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 7% / 6%;
  background: #0d0913;
  box-shadow: 10px 10px 0 rgba(238,108,159,.56), inset 0 0 28px rgba(0,0,0,.65);
}
.music-release-crt::after {
  content: '';
  position: absolute;
  inset: 9px;
  z-index: 2;
  pointer-events: none;
  border-radius: 6% / 5%;
  background: radial-gradient(ellipse at center, transparent 56%, rgba(5,1,10,.58) 100%);
  box-shadow: inset 0 0 30px rgba(0,0,0,.42);
}
.music-release-crt img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6% / 5%;
  transition: filter .3s ease, transform .45s ease;
}
.music-release-scan {
  position: absolute;
  inset: 9px;
  z-index: 3;
  border-radius: 6% / 5%;
  pointer-events: none;
  opacity: .32;
  background: repeating-linear-gradient(0deg, rgba(12,4,18,.18) 0 1px, transparent 1px 4px);
}
.music-release-enter {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  padding: 11px 14px;
  border: 1px solid rgba(255,255,255,.68);
  color: white;
  background: rgba(33,23,47,.84);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .13em;
  opacity: 0;
  transform: translate(-50%, -42%);
  transition: opacity .25s ease, transform .25s ease;
  backdrop-filter: blur(10px);
}
.music-release-cover:hover .music-release-enter,
.music-release-cover:focus-visible .music-release-enter { opacity: 1; transform: translate(-50%, -50%); }
.music-release-cover:hover .music-release-crt img { filter: brightness(.7) saturate(.9); transform: scale(1.02); }
.music-release-cover-meta {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-top: 25px;
  color: rgba(255,245,247,.78);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .13em;
}
.music-release-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(42px, 6vw, 82px);
}
.music-release-topline {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
  color: var(--text-muted);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .12em;
}
.music-release-topline span:last-child { color: var(--release-accent); }
.music-release-copy h3 {
  margin: 30px 0 0;
  font-family: var(--font-serif);
  font-size: clamp(46px, 6vw, 78px);
  font-weight: 600;
  line-height: .95;
  letter-spacing: -.055em;
  text-transform: lowercase;
}
.music-release-copy h3 span { color: var(--release-accent); }
.music-release-feat { margin: 16px 0 0; color: var(--accent-main); font-size: 14px; font-weight: 650; }
.music-release-copy blockquote {
  margin: 35px 0 0;
  padding: 18px 21px;
  border: 0;
  border-left: 4px solid var(--release-accent);
  color: var(--text-ink);
  background: color-mix(in srgb, var(--release-accent-soft) 18%, transparent);
  box-shadow: none;
  font-family: var(--font-serif);
  font-size: clamp(18px, 2vw, 25px);
  font-weight: 600;
  line-height: 1.55;
  word-break: keep-all;
}
.music-release-description { margin: 24px 0 0; color: var(--text-muted); font-size: 14px; line-height: 1.85; word-break: keep-all; }
.music-release-actions { display: flex; gap: 11px; margin-top: 32px; }
.music-release-actions .btn { min-height: 48px; padding-inline: 22px; }
.music-release-actions .btn i { font-size: 10px; }
.music-release-actions .btn-pri { gap: 24px; }
.music-release-includes { margin: 22px 0 0; color: var(--text-muted); font-size: 8px; font-weight: 750; letter-spacing: .15em; }

.music-card-video-overlay {
  position: fixed;
  z-index: 3000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(7,8,12,.86);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.music-card-video-shell { width: min(1050px, 100%); overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 22px; background: #10151a; box-shadow: 0 40px 100px rgba(0,0,0,.55); }
.music-card-video-head { min-height: 66px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0 17px 0 23px; border-bottom: 1px solid rgba(255,255,255,.1); color: #e9f0f2; }
.music-card-video-head > div { min-width: 0; display: flex; flex-direction: column; }
.music-card-video-head span { color: #ee8bb2; font-size: 8px; font-weight: 750; letter-spacing: .14em; }
.music-card-video-head b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--font-serif); font-size: 18px; font-weight: 600; }
.music-card-video-head button { width: 38px; height: 38px; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; color: white; background: transparent; font-size: 22px; cursor: pointer; }
.music-card-video-frame { aspect-ratio: 16/9; background: #000; }
.music-card-video-frame iframe { display: block; width: 100%; height: 100%; border: 0; }

@media (max-width: 900px) {
  .music-cards-heading { grid-template-columns: 1fr; gap: 18px; }
  .music-release-card { grid-template-columns: 1fr; }
  .music-release-cover { padding: 42px 10vw 52px; }
  .music-release-crt { max-width: 560px; }
  .music-release-copy { padding: 58px 10vw 68px; }
}
@media (max-width: 640px) {
  .music-cards-heading { margin-bottom: 38px; }
  .music-cards-heading > p { font-size: 14px; }
  .music-release-card { min-height: 0; border-radius: 20px; }
  .music-release-cover { padding: 27px 24px 36px; }
  .music-release-crt { box-shadow: 7px 7px 0 rgba(238,108,159,.56), inset 0 0 24px rgba(0,0,0,.6); }
  .music-release-enter { opacity: 1; transform: translate(-50%, -50%); }
  .music-release-copy { padding: 45px 24px 52px; }
  .music-release-copy h3 { font-size: clamp(48px, 16vw, 67px); }
  .music-release-topline { flex-direction: column; gap: 5px; }
  .music-release-actions { flex-direction: column; }
  .music-release-actions .btn { width: 100%; }
  .music-card-video-overlay { padding: 10px; }
  .music-card-video-shell { border-radius: 16px; }
  .music-card-video-head { min-height: 58px; padding-left: 15px; }
}