/* ════════════════════════════════════════════════════════════════════════════
 * BIO
 * Biography section
 * ════════════════════════════════════════════════════════════════════════════
 */

/* ───── BIO ───── */
.bio-grid{display:grid;grid-template-columns:7fr 5fr;gap:64px;}
.bio-text p{font-size:16px;line-height:1.85;color:rgba(237,237,239,.7);margin-bottom:18px;font-weight:300;}
.bio-text b{color:var(--paper);font-weight:500;}
.bio-text em{background:linear-gradient(90deg,var(--parme),var(--periwinkle),var(--indigo),var(--violet),var(--parme));background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal;font-weight:500;animation:shimmer 7s ease-in-out infinite;}
.bio-more{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;background:transparent;border:1px solid var(--periwinkle);color:var(--periwinkle);padding:11px 18px;cursor:pointer;margin-top:14px;transition:all .25s;}
.bio-more:hover{background:linear-gradient(90deg,var(--periwinkle),var(--violet));color:var(--paper);border-color:transparent;box-shadow:0 0 24px var(--accent-glow);}
.bio-long{display:grid;grid-template-rows:0fr;margin-top:0;border-top:1px solid transparent;padding-top:0;
  opacity:0;transition:grid-template-rows .55s cubic-bezier(.16,1,.3,1),margin-top .55s cubic-bezier(.16,1,.3,1),padding-top .55s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1) .1s,border-top-color .35s ease .1s;}
.bio-long > *{overflow:hidden;}
.bio-long.open{grid-template-rows:1fr;margin-top:24px;border-top:1px solid var(--rule);padding-top:24px;opacity:1;}
.bio-long .bio-long-inner p{font-size:15px;line-height:1.85;color:rgba(237,237,239,.6);margin-bottom:16px;font-weight:300;}
.bio-long .bio-long-inner p:last-child{margin-bottom:0;}
.bio-long .bio-long-inner b{color:var(--paper);font-weight:500;}
.bio-long .bio-long-inner em{font-style:italic;font-weight:400;color:var(--periwinkle);}

.collab-card{padding:32px;border:1px solid var(--rule);background:rgba(255,255,255,.03);backdrop-filter:blur(12px);border-radius:0 24px 24px 0;}
.collab-card h4{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--periwinkle);margin-bottom:24px;}
.collab-row{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit;transition:padding-left .35s cubic-bezier(.16,1,.3,1),background .35s cubic-bezier(.16,1,.3,1);}
.collab-row:last-child{border-bottom:none;}
.collab-row::after{content:"↗";position:absolute;right:0;top:50%;transform:translate(-4px,-50%);font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--periwinkle);opacity:0;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);}
.collab-row:hover{padding-left:10px;}
.collab-row:hover::after{opacity:1;transform:translate(0,-50%);}
.collab-row:hover .collab-role{color:var(--periwinkle);}
.collab-row:hover .collab-name{background:linear-gradient(90deg,var(--parme),var(--periwinkle),var(--indigo),var(--violet),var(--parme));background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shimmer 6s ease-in-out infinite;}
.collab-num{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--periwinkle);font-weight:500;}
.collab-name{font-weight:700;font-size:22px;letter-spacing:-.02em;text-transform:uppercase;transition:color .35s cubic-bezier(.16,1,.3,1),background .35s cubic-bezier(.16,1,.3,1);}
.collab-role{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}

/* Bio section title — Music. on its own line, Nothing else. on the next */
#bio .sec-title em{display:block;margin-top:.06em;}

/* Animate bio-more hover gradient */
.bio-more:hover{background:linear-gradient(90deg,var(--parme),var(--periwinkle),var(--indigo),var(--violet),var(--parme))!important;background-size:300% 100%!important;animation:shimmer 4s ease-in-out infinite;color:var(--paper);border-color:transparent;box-shadow:0 0 24px var(--accent-glow);}