@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&display=swap');
:root{color-scheme:dark;--chrome:linear-gradient(#fff,#aba6b3 44%,#55505e 48%,#d6d1dc 80%,#fff);--red:#a71132;--edge:#a399ac}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:12px}body{margin:0;background-color:#030005;background-image:radial-gradient(circle at 15px 21px,#d4cedc 0 1px,transparent 1.6px),radial-gradient(circle at 62px 73px,#b255a0 0 1px,transparent 1.6px),radial-gradient(circle at 103px 40px,#8b80ac 0 1px,transparent 1.6px);background-size:128px 108px;color:#eee6ef;font:16px/1.5 Tahoma,Verdana,Arial,sans-serif}a{color:#e4acff;text-underline-offset:3px}a:hover{color:#ffe57e}a:focus-visible,button:focus-visible,.ticker:focus-visible{outline:3px solid #ffe47e;outline-offset:3px}.skip{position:absolute;top:-100px;z-index:10;background:#000;padding:14px}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.topline{max-width:980px;margin:auto;display:flex;justify-content:space-between;gap:10px;padding:7px 5px;font:12px 'Courier New',monospace;color:#c5b3c9}.site-shell{max-width:980px;margin:0 auto 24px;border:5px ridge var(--edge);background:#0b050e;box-shadow:0 0 38px #6d104a66}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;background:linear-gradient(#392d42,#100916);border-bottom:4px ridge #9d8fa5}.brand{display:flex;align-items:center;gap:10px;font:800 25px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;color:#eee;text-decoration:none}.brand-mark{font:bold italic 43px Georgia,serif;letter-spacing:-7px;padding-right:8px;text-shadow:2px 3px #574c60}.brand small{display:block;text-align:center;font-size:12px;letter-spacing:3px;margin-top:5px}nav{display:flex;gap:5px;flex-wrap:wrap}nav a,.chrome-button{background:var(--chrome);border:3px outset #dcd5e4;color:#21152a;text-decoration:none;text-shadow:0 1px #fff;font:800 14px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.8px;padding:9px 14px;box-shadow:2px 2px #000}nav a:hover,.chrome-button:hover{color:#770720;filter:brightness(1.12)}.header-seal{display:none}.welcome-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;background:#030003;color:#ffd265;border-bottom:2px groove #8f728e;font:bold 12px/1.5 'Courier New',monospace}#motion-toggle{border:2px outset #87788f;background:#261831;color:#dfc3f3;font:12px Tahoma,sans-serif;padding:4px 6px;cursor:pointer}.hero{position:relative;min-height:355px;overflow:hidden;background:#1a0614}.hero-art,.hero-shade{position:absolute;inset:0}.hero-art{background:url('hero.webp') center 50%/cover}.hero-shade{background:linear-gradient(90deg,#0b0218a8,transparent 70%),linear-gradient(0deg,#07020e,transparent 35%)}.hero-content{position:relative;padding:22px 30px 65px;max-width:620px}.eyebrow{font:bold 12px/1.5 'Courier New',monospace;letter-spacing:1.5px;color:#ffcfdc;margin:0 0 10px}.hero .eyebrow{color:#ffda84}.eyebrow span{color:#fff3c6}h1{margin:0;line-height:1}h1>span{display:block;font:bold italic 82px/1.05 Georgia,serif;letter-spacing:-4px;background:var(--chrome);background-clip:text;color:transparent;filter:drop-shadow(2px 2px #72657e) drop-shadow(0 4px #000)}h1 strong{display:block;margin-left:36px;font:900 46px/1.1 'Barlow Condensed',Impact,sans-serif;letter-spacing:12px;color:#dcd5e1;text-shadow:2px 3px #63546e}.hero-tagline{font:bold 13px/1.6 'Courier New',monospace;color:#f5d9e8;margin:15px 0}.hero-tagline em{font-style:normal;color:#f3ce7c}.chrome-button{display:inline-flex;align-items:center;gap:24px;font-size:14px;padding:10px 16px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:11px 20px;border-top:2px groove #997387;font:bold 12px 'Courier New',monospace;background:#0a030bd9}.hero-bottom i{font-style:normal;color:#f7c973;margin:0 7px}.signature{font:italic 15px Georgia,serif;color:#e8b5d4}.ticker{overflow:hidden;background:linear-gradient(#961437,#3c0727);border-block:4px ridge #b986a4;padding:8px 0}.ticker>div{width:max-content;white-space:nowrap;padding-left:15px;font:bold 14px 'Courier New',monospace;animation:roster-scroll 36s linear infinite}.ticker span{color:#ffe69c;padding:0 16px}.ticker:hover>div,.ticker:focus>div,.motion-paused .ticker>div{animation-play-state:paused}@keyframes roster-scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}.portal-layout{display:grid;grid-template-columns:182px minmax(0,1fr);gap:12px;padding:12px;align-items:start}.web-directory{border:3px ridge #8c7b98;background:#150c1e}.directory-title,.section-heading,.demo-titlebar{background:linear-gradient(90deg,#770f38,#271139);border-bottom:2px groove #a184a3;padding:8px 10px;font:bold 12px/1.4 'Courier New',monospace;color:#fff0fa}.directory-title{text-align:center}.directory-links{display:flex;flex-direction:column;padding:9px;gap:7px}.directory-links a{display:block;background:linear-gradient(#3e2c4b,#1b1026);border:3px outset #796785;padding:7px 5px;color:#f0d6ff;text-decoration:none;font:bold 14px 'Barlow Condensed',sans-serif}.sidebar-box{border-top:3px ridge #77617f;margin-top:7px}.sidebar-artists{padding:10px;display:flex;flex-direction:column;gap:11px;font:14px/1.35 'Barlow Condensed',sans-serif;font-weight:700}.sidebar-demo{text-align:center;padding:10px 5px;background:repeating-linear-gradient(0deg,#261123 0 2px,#1c0b1c 2px 4px)}.sidebar-demo p{font:13px/1.6 'Courier New',monospace;color:#e3bdce}.sidebar-demo>p:first-child{color:#ffe28c;font-weight:bold}.sidebar-demo a{font:bold 14px 'Barlow Condensed',sans-serif}.sidebar-origin{border-top:3px ridge #796681;padding:15px 6px;text-align:center;font:12px/1.8 'Courier New',monospace;color:#cab2d4}.sidebar-origin span{color:#ffe28c}.portal-content{min-width:0}.section-pad{border:3px ridge #93829d;padding:0;margin:0 0 14px;background:#100a15}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0}.section-heading .eyebrow{display:none}h2{font:800 23px/1.25 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;margin:0;color:#f4e9f8}h2 em{font-style:normal}.section-index{font:12px 'Courier New',monospace;color:#e2c5df}.artist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.artist-card{min-width:0;border:3px ridge #a18ca9;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--accent) 65%,#190925),#09050e 80%);box-shadow:2px 2px #000}.card-top{display:flex;justify-content:space-between;gap:6px;padding:6px 8px;border-bottom:2px groove #78607f;background:#0007;font:12px 'Courier New',monospace;color:#e4d4e9}.artist-type{height:122px;display:flex;flex-direction:column;justify-content:center;align-items:center;font:bold italic 60px/.88 Georgia,serif;letter-spacing:-3px;color:#e8e1ed;text-align:center;text-shadow:1px 1px #fff,2px 3px #786681,4px 5px #11071a,0 5px 13px #000;transform:rotate(-5deg)}.artist-type>span{font:700 23px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;margin-top:8px}.type-pop{font-family:'Barlow Condensed',Impact,sans-serif;font-size:50px;letter-spacing:0}.type-bryt{font-size:44px}.type-snr{transform:none}.type-snr>span{font-size:20px}.type-star{font:800 35px/.9 'Barlow Condensed',sans-serif;letter-spacing:0}.type-star>span{font-size:24px}.type-itz{font-size:66px}.type-itz>span{font-size:22px;margin-top:4px}.card-bottom{padding:9px;background:#0a050ed9;border-top:2px groove #b096b6}.card-bottom h3{font:800 21px/1.1 'Barlow Condensed',sans-serif;margin:0 0 5px;color:#f1dcff}.card-bottom>span{font:12px 'Courier New',monospace;color:#ac93b4}.spotify-link{display:block;border:2px outset #98829f;background:linear-gradient(#3b2549,#1b0d26);padding:8px;margin-top:9px;color:#d7ffc6;font:bold 14px 'Barlow Condensed',sans-serif;text-align:center;text-decoration:underline}.spotify-link:hover{background:#392046;color:#fff59c}.label{padding:14px;background:repeating-linear-gradient(0deg,#180d1f 0 2px,#130a1a 2px 4px)}.label .eyebrow{color:#efd083}.label-intro>p:last-child{font-size:16px;line-height:1.7;color:#d2bed9;margin:12px 0 16px}.boss-card{border:4px ridge #ae98b5;padding:14px;background:linear-gradient(130deg,#50334c,#150a20 60%,#36203d);text-align:center}.boss-overline{font:bold 12px 'Courier New',monospace;letter-spacing:1px}.boss-name{font:bold italic 57px Georgia,serif;margin:12px;color:#e5d8ed;text-shadow:2px 3px #796582,4px 5px #000}.boss-details{display:flex;justify-content:space-between;gap:14px;text-align:left;border-block:2px groove #997da4;padding:10px 0;font:12px/1.6 'Courier New',monospace}.boss-details>span:last-child{text-align:right}.boss-stamp{font:12px 'Courier New',monospace;margin-top:10px;color:#c8aed2}.boss-stamp span{color:#ffd276}.demo-titlebar{display:flex;justify-content:space-between;gap:10px}.demo-content{padding:15px}.demo-content p:not(.eyebrow){font-size:16px;line-height:1.7;color:#d3bddb}.demo-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.demo-email{font-size:16px;overflow-wrap:anywhere;max-width:100%}.email-hint{font-size:12px;color:#b7a1c0}footer{border-top:4px ridge #917a9b;padding:18px;text-align:center;background:#070209}.web-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:17px}.web-badges>span,.web-badges>a{border:3px outset #ab96b3;background:linear-gradient(#523654,#190b22);font:bold 12px/1.3 'Courier New',monospace;color:#ffd27c;padding:4px 7px;text-decoration:none}.web-badges b{display:block;color:#eee0f5;font-size:12px}.footer-wordmark{display:inline-block;font:bold italic 31px Georgia,serif;color:#eee1f4;text-decoration:none}.footer-wordmark span{display:block;font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:6px}.back-top{font:bold 12px 'Courier New',monospace}footer>p{font:12px/1.8 'Courier New',monospace;color:#bea4c9}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:2px groove #765b82;margin-top:17px;padding-top:12px;font:12px 'Courier New',monospace;color:#ae94b9}@media(max-width:800px){.site-shell{margin:0 8px 15px}.topline{padding:7px 12px}.topline>span:last-child{display:none}header{flex-direction:column;gap:12px}.portal-layout{grid-template-columns:150px minmax(0,1fr);gap:8px;padding:8px}.section-index{display:none}.card-top{font-size:12px;flex-wrap:wrap}.card-top>span:first-child{display:none}.artist-type{font-size:47px}.type-pop{font-size:44px}.type-bryt{font-size:39px}.type-star{font-size:27px}.type-star>span{font-size:22px}.type-snr>span{font-size:17px}.hero{min-height:350px}}@media(max-width:560px){.site-shell{border-width:3px;margin-inline:5px}.welcome-strip{flex-direction:column;text-align:center;gap:7px}.topline{font-size:12px;text-align:center;justify-content:center}nav{justify-content:center;gap:4px}nav a{font-size:12px;padding:7px 9px}.hero{min-height:365px}.hero-art{background-position:63% center;opacity:.7}.hero-content{padding:22px 14px 88px}.hero-content .eyebrow{letter-spacing:.5px;font-size:12px}h1>span{font-size:clamp(46px,13.5vw,75px);letter-spacing:-3px}h1 strong{font-size:36px;letter-spacing:8px;margin-left:16px}.hero-tagline{font-size:12px}.hero-bottom{flex-direction:column;gap:9px;padding:10px 12px;font-size:12px}.hero-bottom i{margin-inline:4px}.portal-layout{display:flex;flex-direction:column;padding:8px}.web-directory,.portal-content{width:100%}.directory-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}.sidebar-box,.sidebar-origin{display:none}.artist-grid{gap:8px;padding:8px}.artist-type{height:116px;font-size:46px}.type-pop{font-size:43px}.type-bryt{font-size:38px}.type-star{font-size:27px}.type-star>span{font-size:21px;letter-spacing:1px}.card-bottom{padding:8px}.card-bottom h3{font-size:20px}.card-bottom>span{font:12px 'Barlow Condensed',sans-serif;letter-spacing:1px}.spotify-link{font-size:13px;padding:8px 3px}.boss-name{font-size:47px}.boss-details{font-size:12px}.footer-bottom{font-size:12px;text-align:left}.footer-bottom>span:last-child{text-align:right}.demo-email{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}}

.card-bottom .spotify-coming{display:block;margin-top:9px;padding:10px 3px;border:2px inset #796785;background:#140b1d;color:#dfc48e;text-align:center;font:bold 14px "Barlow Condensed",sans-serif;letter-spacing:.4px}

.social-panel{max-width:620px;margin:0 auto 20px;border:3px ridge #a18ca9;background:#150c1e}.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:14px}.social-links>a{flex:1 1 220px;min-width:0;border:3px outset #a08cae;background:linear-gradient(#412b4d,#1b0d26);padding:10px;color:#f1dcff;text-decoration:none;font:bold 16px "Barlow Condensed",sans-serif}.social-links>a>span:not(.sr-only){display:block;margin-top:5px;font:14px Tahoma,sans-serif;color:#e4b9f6;overflow-wrap:anywhere}.social-links>a:hover{color:#ffe57e;border-color:#e2c8e9}

/* A small, high-contrast heart cursor with a native fallback. */
@media (pointer:fine){body,body a,body button,body input{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M16 28 4 16C-4 7 8-2 16 8 24-2 36 7 28 16Z' fill='%23ff397b' stroke='white' stroke-width='2'/%3E%3Cpath d='M7 10Q8 6 12 9' fill='none' stroke='%23ffe4ef' stroke-width='2'/%3E%3C/svg%3E") 16 28,auto}}
.radio-panel{padding:10px 12px;background:repeating-linear-gradient(0deg,#201026 0 2px,#170a20 2px 4px);border-bottom:3px ridge #a18ca9}.radio-name{font:bold 15px "Barlow Condensed",sans-serif;letter-spacing:1px;color:#ffd18d}.radio-name span{font:12px "Courier New",monospace;color:#d7bfdc;margin-left:12px}.radio-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.radio-controls button{border:3px outset #c5aacf;background:var(--chrome);color:#24112d;padding:7px 12px;min-height:36px;font:bold 14px "Barlow Condensed",sans-serif}.radio-controls label{font:12px "Courier New",monospace;color:#e2c9e8}.radio-controls input{width:95px;accent-color:#ee70ac;min-height:28px}.radio-controls input:focus-visible{outline:3px solid #ffe47e}.radio-controls #music-status{font:12px "Courier New",monospace;color:#d3b9dc}.radio-controls button[aria-pressed="true"]{background:linear-gradient(#803354,#391331);color:#ffe2f0}@media(max-width:560px){.radio-name span{display:block;margin:5px 0 0}.radio-controls{gap:9px}.radio-controls #music-status{width:100%}}