@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}*{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}img{opacity:0;animation:revealContent .5s forwards;animation-delay:.2s}@keyframes revealContent{to{opacity:1;visibility:visible}}:root{--bg: #0a0a0a;--bg-dark: #0a0a0a;--bg-mid: #1c1c1c;--bg-light: #2a2f3a;--text: #eaeaea;--muted: #b7b7b7;--accent: #8ab4ff;--glass-bg: rgba(255, 255, 255, .06);--glass-brd: rgba(255, 255, 255, .2);--glass-blur: 20px;--radius: 20px}html{height:100%;overflow-x:hidden;background-color:var(--bg-dark)}body{min-height:100vh;padding-bottom:140px;overflow-x:hidden}body{margin:0;color:var(--text);transition:background-color 1.5s ease-in-out;-webkit-transition:background-color 1.5s ease-in-out;-moz-transition:background-color 1.5s ease-in-out;-o-transition:background-color 1.5s ease-in-out;background:radial-gradient(circle,#1f0e04,#030b23,#000,#030b23,#1f0e04);background:-moz-radial-gradient(circle,#1f0e04,#030b23,#000,#030b23,#1f0e04);background-size:400% 400%;-webkit-background-size:400% 400%;-moz-background-size:400% 400%;animation:gradientShift 24s ease-in-out infinite;-webkit-animation:gradientShift 24s ease-in-out infinite;-moz-animation:gradientShift 24s ease-in-out infinite;background-repeat:no-repeat;font:400 16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}@keyframes gradientShift{0%{background-position:0% 40%}50%{background-position:100% 60%}to{background-position:0% 40%}}.container{max-width:1200px;margin:0 auto;padding:24px}.glass{will-change:transform,opacity,filter,backdrop-filter;background:var(--glass-bg);border:1px solid var(--glass-brd);backdrop-filter:blur(var(--glass-blur)) saturate(1.2);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.2);border-radius:var(--radius);box-shadow:0 10px 40px #0006,inset 0 1px #ffffff0f}.button{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;border:1px solid var(--glass-brd);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:var(--text);text-decoration:none;font-weight:600;transition:all .3s ease}.button:hover{background:#fff3;transform:scale(1.1)}.button:active{transform:scale(.95)}.card-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cover{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px}nav{position:fixed;top:.5em;left:0;right:0;z-index:99999999;margin:0 auto;width:min(1200px,100% - 26px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}nav.glass{box-shadow:none}nav .nav-inner{display:flex;gap:16px;align-items:center;padding:12px 24px}@media (max-width: 600px){nav .nav-inner{justify-content:space-evenly;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}nav .nav-inner::-webkit-scrollbar{display:none}}nav a{color:var(--text);text-decoration:none;opacity:.9}nav a.active{color:var(--accent)}.section{margin:1em 0}.section h2{font-size:28px;margin-bottom:16px}.small{color:var(--muted);font-size:14px}.hero{position:relative;min-height:60vh;display:grid;place-items:center;text-align:center;overflow:hidden}@media (max-width: 600px){.hero{margin-top:2em}}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:top;background-repeat:no-repeat;mask-image:linear-gradient(to bottom,transparent 0%,black 25%,black 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);mask-repeat:no-repeat;mask-size:100% 100%}.hero:before,.hero:after{content:"";position:absolute;left:0;right:0;height:48px;pointer-events:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.hero:before{top:-1px;-webkit-mask-image:linear-gradient(to bottom,#000,#0000);mask-image:linear-gradient(to bottom,#000,#0000)}.hero:after{bottom:-1px;-webkit-mask-image:linear-gradient(to top,#000,#0000);mask-image:linear-gradient(to top,#000,#0000)}.hero .hero-inner{position:relative;z-index:1;padding:48px;margin:.5em}.hero h1{font-size:clamp(36px,5vw,64px);margin:0 0 12px;letter-spacing:.5px}.hero p{color:var(--muted);margin:0 0 24px}.artist-intro{display:flex;flex-direction:column;align-items:center;text-align:center;margin:40px auto}.artist-photo{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #00000080;margin-bottom:16px}.artist-name{font-size:1.5rem;margin:0}.horizontal-flex{display:flex;flex-direction:row}
