/* TP20 — Luxury transparent cinematic presentation */
:root{--tp20-gold:#d9b75e;--tp20-glow:rgba(247,204,96,.48)}
html{scroll-behavior:smooth}body{background:#09080b!important}
body main>.section,body main>.section.section-alt,body main>.tp-distribution,body .artist-profile-section,body .hero{background-color:transparent!important}
body main>.section,body main>.tp-distribution{background-image:linear-gradient(145deg,rgba(12,8,14,.38),rgba(12,8,14,.14))!important;position:relative}
body main>.section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(219,168,64,.10),transparent 18%,transparent 82%,rgba(219,168,64,.08));opacity:.7}
body main .container{position:relative}
/* glass surfaces, never opaque black */
body .artist-card,body .artist-profile-content,body .tp-player-card,body .tp-list-card,body .music-feature,body .platform,body .contact-grid>a,body .contact-grid>div,body .tp-dept-email,body .tp-join-card,body .gate-panel,body .store-card,body .product-card,body .tp-gallery-card,body .tp-license-guide,body .library-section,body .form,body .printsync-product,body .tp13-stats>div{background:linear-gradient(135deg,rgba(23,18,24,.57),rgba(12,9,15,.28))!important;backdrop-filter:blur(9px) saturate(125%);-webkit-backdrop-filter:blur(9px) saturate(125%);border:1px solid rgba(226,182,83,.38)!important;box-shadow:inset 0 1px rgba(255,238,181,.12),0 16px 44px rgba(0,0,0,.22),0 0 22px rgba(211,151,53,.08)!important}
body .section-head{text-align:center!important}body .section-head h2,body .section-head p,body .library-section h3,body #profileName{text-align:center!important}
body .section-head h2,body #profileName{text-shadow:0 3px 20px rgba(227,173,71,.3)}
body .artist-grid{perspective:1200px;gap:24px}
body .artist-card{overflow:hidden;border-radius:17px!important;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s!important;isolation:isolate}
body .artist-card:before,body .artist-profile-content:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,222,138,.13) 48%,transparent 65%);background-size:230% 100%;animation:tp20-shimmer 7s linear infinite;z-index:3}
body .artist-card:hover{transform:translateY(-9px) rotateX(3deg) rotateY(-3deg);box-shadow:0 24px 65px rgba(0,0,0,.45),0 0 35px rgba(230,175,65,.25)!important}
body .artist-card .artist-info{position:relative;z-index:4;text-align:center;padding:18px 12px 23px;background:rgba(8,6,10,.28)!important}
body .artist-card .artist-info h3{color:#f4d78b!important;text-shadow:0 0 16px rgba(222,174,74,.35)}
body .artist-card .artist-art{overflow:hidden;position:relative;min-height:240px}
body .artist-card .artist-art img{transition:transform .8s!important;filter:contrast(1.07)}body .artist-card:hover .artist-art img{transform:scale(1.065)}
/* rotating three-dimensional coin for missing artist photos */
body .artist-card .tp20-no-photo{display:flex!important;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,rgba(193,126,28,.22),rgba(12,9,16,.22) 65%)!important}
body .tp20-no-photo:before{display:none!important}
.tp20-thumb-scene{width:100%;height:255px;display:grid;place-items:center;perspective:850px;overflow:hidden}
.tp20-thumb-coin{width:175px;height:175px;border-radius:50%;transform-style:preserve-3d;animation:tp20-spin 9s ease-in-out infinite;filter:drop-shadow(0 15px 18px rgba(0,0,0,.65))}
.tp20-thumb-face{width:100%;height:100%;border-radius:50%;border:7px ridge #f9dc8b;box-shadow:inset 0 0 0 4px #67431a,inset 0 0 26px #f6c95e,0 0 22px rgba(238,190,77,.45);background:radial-gradient(circle at 30% 22%,#ffe4a0,#bd8732 44%,#43270f 76%,#e5bb65);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;backface-visibility:visible;transform:translateZ(8px)}
.tp20-thumb-lines{position:absolute;inset:18px 28px;border-radius:48% 48% 43% 43%;opacity:.58;background:repeating-radial-gradient(ellipse at 50% 60%,transparent 0 4px,#41260e 5px 7px,transparent 8px 12px);mask-image:radial-gradient(ellipse,#000 57%,transparent 74%)}
.tp20-thumb-face b{z-index:2;color:#251608;background:rgba(248,208,116,.85);padding:4px 8px;font:900 16px/1.2 system-ui;letter-spacing:.07em;text-shadow:0 1px #fff1c6}
.tp20-thumb-face small{z-index:2;font:800 9px system-ui;letter-spacing:.25em;color:#2c1a0b;margin-top:8px}
/* biography is an elegant glass gallery, legible against moving world */
body .artist-profile-section .container{max-width:1140px}
body .artist-profile-content{position:relative;border-radius:22px!important;padding:clamp(22px,4vw,52px)!important;overflow:hidden;isolation:isolate}
body .artist-profile-content:after{content:"";position:absolute;inset:9px;border:1px solid rgba(247,204,107,.23);border-radius:16px;pointer-events:none}
body .artist-profile-content .tp-bio-copy{position:relative;z-index:4;color:#f3e8d0!important;font-size:clamp(15px,1.15vw,18px);line-height:1.95!important;letter-spacing:.012em;text-shadow:0 2px 8px rgba(0,0,0,.95);white-space:pre-line}
body .artist-profile-content .tp-artist-portrait{position:relative;z-index:4;border:2px solid rgba(244,203,109,.75);box-shadow:0 18px 45px rgba(0,0,0,.55),0 0 30px rgba(235,180,65,.2);border-radius:17px!important}
body .artist-tabs{justify-content:center;flex-wrap:wrap}body .artist-tabs a{border:1px solid rgba(226,180,78,.55);background:rgba(15,10,18,.45);backdrop-filter:blur(8px);border-radius:100px}
body .artist-profile-section .btn.outline{margin-top:24px}
body .topbar{background:rgba(9,8,12,.64)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(225,180,73,.5);box-shadow:0 5px 35px rgba(201,130,37,.12)}
body .section:after{content:"";position:absolute;bottom:0;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,#c38b36,rgba(255,224,147,.8),#c38b36,transparent);box-shadow:0 0 16px rgba(235,179,72,.42);pointer-events:none}
@keyframes tp20-spin{0%,100%{transform:rotateY(-25deg) rotateX(8deg)}50%{transform:rotateY(205deg) rotateX(-8deg)}}
@keyframes tp20-shimmer{0%{background-position:200% 0}100%{background-position:-100% 0}}
@media(max-width:700px){body .artist-profile-content{padding:20px!important}body .artist-profile-content .tp-bio-copy{line-height:1.8!important}body .artist-card .artist-art{min-height:200px}.tp20-thumb-scene{height:215px}.tp20-thumb-coin{width:142px;height:142px}body .artist-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.tp20-thumb-coin,body .artist-card:before,body .artist-profile-content:before{animation:none!important}body .artist-card:hover{transform:none!important}}