*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#f6f6f6;font:14px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h2,p{margin-top:0}.sidebar{width:190px;position:fixed;inset:0 auto 0 0;background:#050505;border-right:1px solid #1e1e1e;display:flex;flex-direction:column;z-index:30;padding:33px 23px}.side-logo img{width:140px;max-width:100%}.side-nav{display:flex;flex-direction:column;gap:14px;margin-top:48px}.side-nav a{font-size:11px;letter-spacing:1.2px;font-weight:700}.side-nav a:hover,.contact-social a:hover{color:#a0a0a0}.side-social{margin-top:auto;border-top:1px solid #252525;padding-top:24px;display:flex;gap:7px;flex-wrap:wrap}.side-social a{font-size:9px;border:1px solid #555;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.content{margin-left:190px;max-width:1600px}.hero{height:clamp(360px,39vw,620px);position:relative;overflow:hidden;background:#121212 url('assets/hero-poster.jpg') center/cover}.hero video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0005,#0002 55%,#0005),linear-gradient(0deg,#0007,transparent 45%,#0004)}.hero-mark{position:absolute;width:clamp(240px,35%,540px);max-width:78%;max-height:52%;object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 18px #0008)}.bio-section{display:grid;grid-template-columns:42% 58%;min-height:320px;border-bottom:1px solid #252525}.bio-photo{height:360px;overflow:hidden}.bio-photo img{width:100%;height:100%;object-fit:cover;object-position:center 29%}.bio-content{padding:35px 34px;display:flex;flex-direction:column;justify-content:center}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.heading-row h2,.panel-head h2{font-size:28px;line-height:1.1;letter-spacing:-1px;font-weight:800;margin:0}.language{display:flex;gap:5px}.language button{font-size:11px;color:#ccc;background:#111;border:1px solid #444;padding:5px 9px}.language button.active{background:#fff;color:#111}.bio-text{font-size:13px;line-height:1.8;color:#c6c6c6;margin:18px 0 16px}.bio-text p{margin:0 0 12px}.outline-btn{border:1px solid #666;background:transparent;color:#fff;padding:10px 16px;display:inline-block;align-self:flex-start;font-size:10px;letter-spacing:1.1px;font-weight:700}.outline-btn:hover{background:#fff;color:#000}.two-columns{display:grid;grid-template-columns:1fr 1fr}.panel{min-width:0;padding:22px 24px;border-right:1px solid #222;border-bottom:1px solid #222}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.panel-head h2{font-size:26px}.panel-head a,.panel-head span{font-size:10px;letter-spacing:.6px;color:#bbb}.spotify{width:100%;height:260px;border:0;border-radius:7px;background:#151515}.button-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.video-wrap{aspect-ratio:16/9;background:#151515}.video-wrap iframe{width:100%;height:100%;border:0}.video-wrap+.outline-btn{margin-top:12px}.photo-track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.photo-track button{flex:0 0 31%;min-width:105px;aspect-ratio:4/5;padding:0;border:0;background:#222;cursor:pointer;scroll-snap-align:start}.photo-track img{width:100%;height:100%;object-fit:cover;display:block}.photo-track button:hover img{opacity:.8}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.download-grid a{border:1px solid #3d3d3d;padding:13px 10px;display:flex;justify-content:space-between;gap:6px;font-size:10px;letter-spacing:.3px}.download-grid a:hover{background:#eee;color:#111}.email{font-size:14px;font-weight:700}.hint{font-size:11px;color:#999;margin:2px 0 18px}.contact-social{display:flex;flex-wrap:wrap;gap:8px 14px}.contact-social a{font-size:10px;letter-spacing:.5px}.bottom-row .panel{min-height:155px}footer{padding:17px 24px;font-size:10px;color:#888;letter-spacing:1px}.mobile-head,.menu-backdrop{display:none}dialog{background:#0c0c0c;color:#fff;border:1px solid #555;max-width:94vw;max-height:95vh;padding:22px}dialog::backdrop{background:#000d}dialog img{display:block;max-width:85vw;max-height:75vh;object-fit:contain}dialog button{position:absolute;right:5px;top:5px;background:#222;color:#fff;border:0;padding:9px}dialog a{display:block;text-align:center;margin-top:12px;font-size:12px}
@media(max-width:950px){.sidebar{width:155px;padding:25px 16px}.content{margin-left:155px}.side-logo img{width:120px}.bio-photo{height:330px}.bio-content{padding:24px}.panel{padding:18px}.panel-head h2{font-size:23px}.download-grid{grid-template-columns:1fr}}
@media(max-width:680px){.mobile-head{height:68px;position:fixed;top:0;left:0;right:0;z-index:45;background:#050505eF;display:flex;align-items:center;justify-content:space-between;padding:10px 19px;border-bottom:1px solid #252525}.mobile-head img{width:103px;display:block}.mobile-head button{font-size:25px;color:#fff;background:none;border:0}.sidebar{width:min(290px,80vw);transform:translateX(-110%);transition:transform .2s;top:68px;bottom:0;z-index:50;box-shadow:10px 0 30px #0008}.sidebar.open{transform:translateX(0)}.sidebar .side-logo{display:none}.side-nav{margin-top:12px}.menu-backdrop:not([hidden]){display:block;position:fixed;inset:68px 0 0;background:#000a;z-index:40}.content{margin:68px 0 0}.hero{height:clamp(340px,110vw,560px)}.hero video{object-position:center}.hero-mark{width:78%;max-width:410px;max-height:45%}.bio-section{grid-template-columns:1fr}.bio-photo{height:290px}.bio-photo img{object-position:center 23%}.bio-content{padding:24px 20px 29px}.heading-row h2{font-size:27px}.bio-text{font-size:13px}.two-columns{grid-template-columns:1fr}.panel{padding:23px 20px}.panel-head h2{font-size:27px}.photo-track button{flex-basis:39%}.download-grid{grid-template-columns:repeat(2,1fr)}.bottom-row .panel{min-height:0}.spotify{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v7: clean social icons, booking action and non-interactive hero video */
.side-social a{width:31px;height:31px;border:0;border-radius:0;color:#f5f5f5;transition:opacity .2s}
.side-social a:hover,.contact-social a:hover{opacity:.65}
.side-social svg{display:block;width:21px;height:21px}
.contact-social{align-items:center;gap:15px}
.contact-social a{display:inline-flex;align-items:center;justify-content:center;color:#f5f5f5}
.contact-social svg{width:22px;height:22px;display:block}
.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}
.hero video{pointer-events:none}
.hero video::-webkit-media-controls,.hero video::-webkit-media-controls-enclosure,.hero video::-webkit-media-controls-panel,.hero video::-webkit-media-controls-start-playback-button{display:none!important;opacity:0!important;visibility:hidden!important}
.email{display:inline-flex;align-items:center;min-height:38px;border:1px solid #666;padding:9px 13px;letter-spacing:.6px;font-size:11px}
.email:hover{background:#fff;color:#000}

/* v8: Spotify and SoundCloud stacked, responsive */
.music-embeds{display:grid;grid-template-columns:1fr;gap:20px}.music-player{min-width:0}.music-player h3{font-size:11px;letter-spacing:1.8px;margin:0 0 9px;color:#dedede;font-weight:700}.music-player iframe{display:block;width:100%;border:0;border-radius:9px;background:#171717}.music-player .spotify{height:352px}.music-player .soundcloud{height:380px}.music-player iframe:focus-visible{outline:2px solid white}

/* v9: center desktop content in the available area beside the fixed sidebar */
@media (min-width:681px){
  .content{
    width:calc(100% - 190px);
    max-width:none;
    margin-left:190px;
    margin-right:0;
    padding-inline:max(24px, calc((100% - 1100px) / 2));
  }
}
@media (min-width:681px) and (max-width:950px){
  .content{width:calc(100% - 155px);margin-left:155px;padding-inline:20px}
}
@media (max-width:680px){
  .content{width:100%;max-width:none;margin:68px 0 0;padding:0}
}

/* v10 — desktop top navigation and centered single-column sections */
@media (min-width:681px){
  .sidebar{position:sticky;top:0;inset:auto;width:100%;height:78px;padding:0 max(26px,calc((100vw - 1320px)/2));border-right:0;border-bottom:1px solid #242424;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;z-index:35;background:#050505f5;backdrop-filter:blur(16px)}
  .side-logo{display:flex;align-items:center;flex-shrink:0}.side-logo img{width:118px;display:block}
  .side-nav{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(12px,1.55vw,24px);margin:0;flex:1}
  .side-nav a{font-size:10px;letter-spacing:1.1px;white-space:nowrap}
  .side-social{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px;margin:0;padding:0;border:0;flex-shrink:0}
  .side-social a{width:21px;height:21px}.side-social svg{width:18px;height:18px}
  .content,.content:not(.unused){width:100%;max-width:1100px;margin:0 auto;padding:0 28px}
  .hero{height:clamp(440px,55vw,650px)}
  .bio-section{grid-template-columns:minmax(0,42%) minmax(0,58%)}
  .two-columns{grid-template-columns:1fr}
  .panel{border-right:0;padding:42px 32px}
  .panel-head{justify-content:center;text-align:center;position:relative;margin-bottom:26px}
  .panel-head>a,.panel-head>span{position:absolute;right:0;top:50%;transform:translateY(-50%)}
  .panel-head h2{font-size:32px}
  .music-embeds{max-width:720px;margin:auto}
  .video-wrap{max-width:840px;margin:0 auto}
  #video>.outline-btn{display:table;margin:20px auto 0}
  #music>.button-row{justify-content:center}
  .photo-track{max-width:850px;margin:auto;justify-content:center}
  .photo-track button{flex:0 0 19%}
  .download-grid{max-width:720px;margin:auto;grid-template-columns:repeat(3,1fr)}
  #contact{text-align:center}#contact .contact-social{justify-content:center}
  footer{text-align:center}
  section[id]{scroll-margin-top:92px}
}
@media (min-width:681px) and (max-width:1120px){
  .sidebar{height:auto;min-height:78px;padding:12px 20px;gap:14px}
  .side-nav{gap:10px}.side-nav a{font-size:9px;letter-spacing:.3px}
  .side-logo img{width:96px}.side-social{gap:4px}.side-social svg{width:16px;height:16px}
}
@media (min-width:681px) and (max-width:820px){.side-social{display:none}.side-nav{justify-content:flex-end}}

/* v11 — social icons over hero footage, preserve footer social links */
.hero-social{position:absolute;z-index:5;left:50%;bottom:clamp(20px,4.5%,42px);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.1vw,23px);width:max-content;max-width:calc(100% - 24px)}
.hero-social a{display:grid;place-items:center;width:36px;height:36px;color:#fff;filter:drop-shadow(0 2px 5px #000a);transition:transform .2s,opacity .2s}
.hero-social a:hover{transform:translateY(-3px);opacity:.8}
.hero-social svg{display:block;width:25px;height:25px}
@media(max-width:680px){.hero-social{bottom:20px;gap:clamp(10px,3.3vw,18px)}.hero-social a{width:34px;height:34px}.hero-social svg{width:24px;height:24px}.hero-mark{top:47%}}
@media(max-width:370px){.hero-social{gap:7px}.hero-social a{width:32px;height:32px}.hero-social svg{width:22px;height:22px}}

/* One-click media kit */
.media-kit-note{color:#b5b5b5;font-size:13px;line-height:1.6;margin:16px 0 22px}.media-kit-download{display:flex;align-items:center;justify-content:center;gap:14px;min-height:66px;padding:14px 22px;background:#f5f5f5;color:#0a0a0a;text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.1em;transition:background .2s,color .2s}.media-kit-download:hover{background:#d7d7d7}.media-kit-download svg{width:25px;height:25px;flex-shrink:0}.media-kit-arrow{margin-left:auto;font-size:20px}.media-kit-detail{font-size:10px;letter-spacing:.12em;color:#999;margin:16px 0 0;text-align:center}@media(max-width:480px){.media-kit-download{font-size:11px;padding:14px}.media-kit-note{font-size:12px}}

/* v13 — understated matching media / booking actions */
#downloads .media-kit-note{font-size:10px;font-weight:600;letter-spacing:.12em;color:#bcbcbc;text-align:center;margin:15px auto 18px;text-transform:uppercase}
#downloads .media-kit-download{width:76px;height:60px;min-height:60px;padding:0;margin:0 auto;background:transparent;border:1px solid #696969;color:#f5f5f5;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}
#downloads .media-kit-download svg{width:31px;height:31px}
#downloads .media-kit-download:hover,#downloads .media-kit-download:focus-visible{background:#242424;border-color:#f5f5f5}
#downloads .media-kit-detail{font-size:9px;color:#777;margin-top:16px}
#contact .email{display:flex;align-items:center;justify-content:center;min-height:60px;min-width:240px;max-width:320px;margin:16px auto 12px;padding:14px 25px;border:1px solid #696969;background:transparent;color:#f5f5f5;font-size:12px;font-weight:700;letter-spacing:.07em;text-align:center;transition:background .2s,border-color .2s}
#contact .email:hover,#contact .email:focus-visible{background:#242424;border-color:#f5f5f5}
#contact .hint{text-align:center}
@media(max-width:680px){#contact .email{width:min(100%,320px)}#downloads .media-kit-note{font-size:10px}}

/* v14 — larger, editorial photography instead of small uniform thumbnails */
@media(min-width:681px){
  #live .photo-track,#press .photo-track{display:grid;max-width:100%;overflow:visible;gap:12px;padding:0;scroll-snap-type:none;align-items:stretch}
  #live .photo-track{grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:240px 240px}
  #live .photo-track button{min-width:0;width:100%;height:100%;aspect-ratio:auto;flex:none;overflow:hidden}
  #live .photo-track button:first-child{grid-row:span 2}
  #press .photo-track{grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:400px}
  #press .photo-track button{min-width:0;width:100%;height:100%;aspect-ratio:auto;flex:none;overflow:hidden}
  #live .photo-track img,#press .photo-track img{transition:transform .45s ease,opacity .3s}
  #live .photo-track button:hover img,#press .photo-track button:hover img{transform:scale(1.055);opacity:.95}
}
@media(min-width:681px) and (max-width:950px){
  #live .photo-track{grid-template-rows:185px 185px}
  #press .photo-track{grid-template-rows:310px}
}
@media(max-width:680px){
  #live .photo-track,#press .photo-track{gap:12px;justify-content:flex-start;scroll-padding-left:20px;padding:0 0 10px}
  #live .photo-track button{flex:0 0 72%;min-width:0;aspect-ratio:4/5}
  #press .photo-track button{flex:0 0 68%;min-width:0;aspect-ratio:4/5}
  #live .photo-track img,#press .photo-track img{object-fit:cover}
}
@media(prefers-reduced-motion:reduce){#live .photo-track img,#press .photo-track img{transition:none}}

/* v15 hard guard against oversized media kit SVG across desktop/mobile */
#downloads .media-kit-download{display:flex!important;width:64px!important;height:58px!important;min-height:58px!important;max-width:64px!important;max-height:58px!important;padding:0!important;margin:0 auto!important;border:0!important;background:transparent!important;overflow:hidden!important;align-items:center!important;justify-content:center!important}
#downloads .media-kit-download svg{display:block!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;flex:0 0 36px!important}
#downloads .media-kit-download:hover{opacity:.72}

/* v16 — immersive mobile portrait hero + taller biography portrait */
@media (max-width:680px){
  /* Fill the remaining visible phone screen beneath the 68px fixed header. */
  #home.hero{height:calc(100vh - 68px);height:calc(100svh - 68px);min-height:520px;max-height:none;}
  #home.hero video{width:100%;height:100%;object-fit:cover;object-position:center center;}
  #home .hero-mark{width:78%;max-width:410px;top:48%;}
  #home .hero-social{bottom:max(24px,env(safe-area-inset-bottom));}
  #about .bio-photo{height:auto;aspect-ratio:3 / 4;min-height:440px;max-height:none;}
  #about .bio-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%;}
}
@media (max-width:380px){
  #about .bio-photo{min-height:410px;}
}

/* v17 — unified editorial link cards; inline vector icons, no emoji */
.action-card{width:100%;min-height:78px;display:flex;align-items:center;gap:20px;padding:16px 23px;background:#08090a;color:#f7f7f7;border:1px solid #666;border-radius:9px;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;box-sizing:border-box}
.action-card:hover,.action-card:focus-visible{background:#151719;border-color:#f2f2f2;color:#fff;outline:none}
.action-card:focus-visible{box-shadow:0 0 0 2px #fff5}
.action-icon{width:38px;min-width:38px;height:38px;display:grid;place-items:center;color:#fff}
.action-icon svg{width:31px;height:31px;display:block}
.action-bio .action-icon svg,.action-email .action-icon svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.action-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.action-title{font-size:12px;line-height:1.35;letter-spacing:.19em;font-weight:750;color:#f7f7f7}
.action-subtitle{font-size:9px;line-height:1.4;letter-spacing:.18em;color:#999;font-weight:500}
.action-arrow{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.action-card:hover .action-arrow{transform:translate(2px,-2px)}
#bioMore.action-card{max-width:460px;align-self:stretch;padding:14px 19px}
#music .button-row{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}
#video>a.action-card{display:flex;margin:18px 0 0}
#contact a.email.action-card{max-width:none;width:100%;min-width:0;min-height:78px;margin:16px 0 12px;padding:16px 23px;justify-content:flex-start;text-align:left;font-size:inherit;letter-spacing:normal}
#music .panel-head a{display:inline-flex;align-items:center;gap:4px}#music .panel-head a .action-arrow{width:13px;height:13px}
@media(max-width:680px){.action-card,#contact a.email.action-card{padding:14px 15px;min-height:76px;gap:13px}.action-title{font-size:11px;letter-spacing:.13em}.action-subtitle{font-size:8px;letter-spacing:.12em}.action-icon{width:33px;min-width:33px}.action-icon svg{width:29px;height:29px}#bioMore.action-card{max-width:none}}
@media(prefers-reduced-motion:reduce){.action-card,.action-arrow{transition:none}}

/* v18: refined compact action cards on desktop only */
@media(min-width:681px){
.action-card{min-height:58px;gap:12px;padding:10px 15px;border-radius:5px;border-color:#494949}
.action-icon{width:27px;min-width:27px;height:27px}
.action-icon svg{width:23px;height:23px}
.action-title{font-size:10px;letter-spacing:.13em}
.action-subtitle{font-size:8px;letter-spacing:.11em}
.action-arrow{width:16px;height:16px}
#bioMore.action-card{max-width:350px;min-height:58px;padding:10px 15px}
#music .button-row{gap:9px;margin-top:12px}
#video>a.action-card{margin-top:12px}
#contact a.email.action-card{min-height:58px;padding:10px 15px;margin:12px 0 10px;gap:12px}
}

/* v19: desktop-only narrow, balanced centered action links */
@media (min-width:681px){
  .action-card{width:100%;max-width:410px;min-height:54px;margin-left:auto;margin-right:auto;padding:9px 14px;display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;column-gap:10px;text-align:center;}
  .action-card .action-icon{width:26px;min-width:0;height:26px;justify-self:center;}
  .action-card .action-icon svg{width:22px;height:22px;}
  .action-card .action-copy{width:100%;min-width:0;align-items:center;text-align:center;}
  .action-card .action-title{font-size:10px;letter-spacing:.13em;}
  .action-card .action-subtitle{font-size:8px;letter-spacing:.09em;}
  .action-card .action-arrow{width:15px;height:15px;justify-self:end;}
  #bioMore.action-card{width:100%;max-width:410px;min-height:54px;align-self:center;margin-left:auto;margin-right:auto;padding:9px 14px;}
  #music .button-row{grid-template-columns:minmax(0,1fr);justify-items:center;}
  #video>a.action-card{margin:12px auto 0;}
  #contact a.email.action-card{width:100%;max-width:410px;min-height:54px;margin:12px auto 10px;padding:9px 14px;display:grid;grid-template-columns:26px minmax(0,1fr) 18px;text-align:center;justify-content:normal;}
}

/* v20: keep biography CTA readable at every desktop width */
#bioMore.action-card{box-sizing:border-box;flex-shrink:0;min-width:0;}
#bioMore .action-copy{min-width:0;overflow:visible;}
#bioMore .action-title,#bioMore .action-subtitle{display:block;white-space:normal;overflow-wrap:normal;word-break:keep-all;line-height:1.4;}
@media(min-width:681px){
 #bioMore.action-card{width:min(100%,410px);max-width:410px;grid-template-columns:26px minmax(0,1fr) 18px;}
 #bioMore .action-title,#bioMore .action-subtitle{white-space:nowrap;letter-spacing:.06em;}
}
/* clean inverted hover across all five link buttons */
.action-card:hover,.action-card:focus-visible,#contact a.email.action-card:hover,#contact a.email.action-card:focus-visible{background:#f7f7f7;color:#080808;border-color:#f7f7f7;}
.action-card:hover .action-title,.action-card:focus-visible .action-title{color:#080808;}
.action-card:hover .action-subtitle,.action-card:focus-visible .action-subtitle{color:#555;}
.action-card:hover .action-icon,.action-card:focus-visible .action-icon{color:#080808;}
.action-card:hover .action-arrow,.action-card:focus-visible .action-arrow{stroke:#080808;}

/* v21: Preserve the recognizable Spotify/YouTube logo when cards invert on hover.
   Their interior marks must invert together with the exterior silhouette. */
.action-spotify .action-icon svg path,
.action-youtube .action-icon svg path { transition: fill .2s ease; }
.action-spotify:hover .action-icon svg path,
.action-spotify:focus-visible .action-icon svg path,
.action-youtube:hover .action-icon svg path,
.action-youtube:focus-visible .action-icon svg path { fill:#f7f7f7; stroke:#f7f7f7; }
.action-spotify:hover .action-icon svg path,
.action-spotify:focus-visible .action-icon svg path { fill:none; }

/* v22: media-kit download matches the booking action card */
#downloads .action-download{width:100%;max-width:410px;margin:12px auto 10px;}
#downloads .action-download .action-icon svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
#downloads .action-download:hover,#downloads .action-download:focus-visible{background:#f7f7f7;color:#080808;border-color:#f7f7f7;}
#downloads .action-download:hover .action-icon,#downloads .action-download:focus-visible .action-icon{color:#080808;}
@media(min-width:681px){#downloads .action-download{min-height:54px;padding:9px 14px;display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:center;}#downloads .action-download .action-copy{align-items:center;text-align:center;}}

/* v23: compact horizontal biography CTA on desktop */
@media (min-width:681px){
  #bioMore.action-card{
    display:grid !important;
    width:290px !important;
    min-width:290px !important;
    max-width:290px !important;
    min-height:48px !important;
    padding:8px 12px !important;
    grid-template-columns:22px minmax(0,1fr) 16px !important;
    gap:8px !important;
    justify-self:center;
    align-self:center;
    margin:12px auto 0 !important;
  }
  #bioMore .action-copy{display:flex !important;min-width:0 !important;flex-direction:column;align-items:center;text-align:center;gap:2px;}
  #bioMore .action-title{display:block;white-space:nowrap !important;word-break:normal !important;overflow-wrap:normal !important;font-size:10px;letter-spacing:.08em;line-height:1.25;}
  #bioMore .action-subtitle{display:block;white-space:nowrap !important;word-break:normal !important;overflow-wrap:normal !important;font-size:7px;letter-spacing:.035em;line-height:1.25;}
  #bioMore .action-icon{width:22px;height:22px;min-width:0;}
  #bioMore .action-icon svg{width:19px;height:19px;}
  #bioMore .action-arrow{width:14px;height:14px;}
}

/* v24: stable compact biography CTA; avoid inherited button flex/grid collisions */
@media (min-width:681px){
  #bioMore.action-card{display:grid!important;grid-template-columns:22px minmax(0,1fr) 16px!important;width:min(100%,310px)!important;min-width:0!important;max-width:310px!important;height:52px!important;min-height:52px!important;padding:8px 12px!important;gap:8px!important;margin:12px auto 0!important;align-self:center!important;justify-self:center!important;white-space:nowrap!important;}
  #bioMore .action-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;overflow:hidden!important;}
  #bioMore .action-title{font-size:10px!important;letter-spacing:.06em!important;white-space:nowrap!important;line-height:1.3!important;}
  #bioMore .action-subtitle{font-size:7px!important;letter-spacing:.02em!important;white-space:nowrap!important;line-height:1.3!important;}
}
/* Inverted hover with icon strokes and text explicitly controlled */
.action-card:hover,.action-card:focus-visible,#contact a.email.action-card:hover,#contact a.email.action-card:focus-visible{background:#f7f7f7!important;color:#080808!important;border-color:#f7f7f7!important;}
.action-card:hover .action-title,.action-card:focus-visible .action-title{color:#080808!important;}
.action-card:hover .action-subtitle,.action-card:focus-visible .action-subtitle{color:#555!important;}
.action-card:hover .action-icon,.action-card:focus-visible .action-icon{color:#080808!important;}
.action-card:hover .action-arrow,.action-card:focus-visible .action-arrow{stroke:#080808!important;}
/* SVG outline icons must remain visible and unfilled */
#downloads .action-download .action-icon{display:grid!important;place-items:center!important;color:#f7f7f7;visibility:visible!important;opacity:1!important;}
#downloads .action-download .action-icon svg{display:block!important;width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;visibility:visible!important;opacity:1!important;}
#downloads .action-download:hover .action-icon,#downloads .action-download:focus-visible .action-icon{color:#080808!important;}
/* Do not recolor inner negative-space shapes in branded icons */
.action-spotify:hover .action-icon svg path,.action-spotify:focus-visible .action-icon svg path{fill:none!important;stroke:#f7f7f7!important;}
.action-youtube:hover .action-icon svg path,.action-youtube:focus-visible .action-icon svg path{fill:#f7f7f7!important;stroke:none!important;}