@charset "UTF-8";
:root{color-scheme:dark;--blue:#1247ec;--ink:#071b65;--white:#fff;--muted:#c6d7ff}
*{box-sizing:border-box}
body{--mx:50%;--my:20%;margin:0;background:radial-gradient(ellipse 430px 330px at var(--mx) var(--my),#f5f7ff22 0%,transparent 70%),radial-gradient(ellipse 620px 400px at 8% 72%,#e9efff17 0%,transparent 68%),radial-gradient(ellipse at 80% 0%,#2866ff 0%,transparent 48%),linear-gradient(160deg,#174ff0,#103ed4 65%,#0c2b9d);color:var(--white);font-family:"Satoshi",Arial,sans-serif;min-height:100vh;transition:background-position .2s ease}
body::before{content:"";position:fixed;inset:-25%;pointer-events:none;background:radial-gradient(ellipse at 25% 25%,#7ba8ff18,transparent 34%),radial-gradient(ellipse at 75% 65%,#6d8dff12,transparent 31%);filter:blur(30px);animation:aurora 16s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0,transparent 115px,#f4f7ff0b 116px,#f4f7ff0b 119px,transparent 120px),repeating-linear-gradient(72deg,transparent 0,transparent 170px,#dce8ff09 171px,#dce8ff09 174px,transparent 175px),linear-gradient(165deg,transparent 22%,#f3f6ff08 22%,#f3f6ff08 22.3%,transparent 22.3%,transparent 78%,#eef3ff07 78%,#eef3ff07 78.3%,transparent 78.3%);opacity:.9}
@keyframes aurora{0%{transform:translate3d(-2%,1%,0) rotate(-2deg) scale(1)}50%{transform:translate3d(3%,-2%,0) rotate(3deg) scale(1.06)}100%{transform:translate3d(-1%,3%,0) rotate(-1deg) scale(1.02)}}
.launch-splash{position:fixed;z-index:20;inset:0;display:grid;place-items:center;align-content:center;gap:20px;background:#0a2fbff5;opacity:0;pointer-events:none;transition:opacity .25s ease}.launch-splash img{width:min(330px,75vw);animation:logoBlink .72s ease-in-out infinite alternate}.launch-splash span{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#dbe7ff}.launch-splash.is-active{opacity:1;pointer-events:auto}@keyframes logoBlink{from{opacity:.3;transform:scale(.94);filter:drop-shadow(0 0 0 #fff0)}to{opacity:1;transform:scale(1.04);filter:drop-shadow(0 0 24px #fff)}}
.app{width:min(100% - 40px,540px);margin:auto;padding:32px 0 26px}
.header{margin-bottom:36px}
.identity{display:flex;justify-content:center;align-items:center}
.logo-image{display:block;width:min(390px,92vw);height:auto;max-height:132px;object-fit:contain;object-position:center}
.edition{font-size:11px;font-weight:700;letter-spacing:2px;color:#d5e1ff}
h1{font-size:clamp(44px,12vw,70px);letter-spacing:-3px;line-height:.96;margin:0 0 18px;font-weight:900}
h1 span{color:#b6d0ff}
.handles{font-size:12px;line-height:1.5;margin:0;color:#e1eaff}.handles span{padding:0 4px;color:#9abcff}
.tagline{font-size:14px;line-height:1.6;color:var(--muted);margin:16px 0 0}
.section-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:17px;margin-bottom:38px}
.section-heading h2{font-family:"Cabinet Grotesk",Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.8px;margin:0;font-weight:700;line-height:1;color:#fff;text-align:left}
.section-heading>span{font-size:25px;line-height:1}
.grid{display:grid;grid-template-columns:1fr;row-gap:22px}
.artist-card{position:relative;display:block;min-width:0;aspect-ratio:1.82;overflow:hidden;border-radius:24px;isolation:isolate;color:#fff;text-decoration:none;outline-offset:8px;-webkit-tap-highlight-color:transparent}
.card-plane{position:absolute;inset:5% 2% 2%;border-radius:22px;background:radial-gradient(ellipse at 74% 8%,#3c76ef 0%,#1746bc 48%,#071d60 100%);box-shadow:0 14px 38px #00186186,inset 0 0 0 1px #ffffff52;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}
.card-plane::before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;background:radial-gradient(ellipse 66% 145% at 94% 6%,#d8e7ff73 0%,#7ca6ff43 25%,#3974e71c 50%,transparent 72%),linear-gradient(120deg,#ffffff2b 0%,transparent 31%,transparent 68%,#00123f33 100%);filter:blur(4px)}
.card-plane::after{content:"";position:absolute;z-index:0;left:43%;right:1%;bottom:2%;height:14%;border-radius:50%;background:#00133f9c;filter:blur(15px);opacity:.75}
.artist-photo{position:absolute;z-index:1;right:5%;bottom:0;width:48%;height:92%;padding:0;object-fit:contain;object-position:center bottom;background:transparent;border-radius:0;filter:saturate(1.04) contrast(1.03) drop-shadow(10px 14px 14px #00143f9a);transition:transform .2s ease,filter .2s ease;pointer-events:none}
.card-vignette{position:absolute;z-index:2;inset:5% 2% 2%;border-radius:22px;pointer-events:none;background:linear-gradient(to top,rgba(3,19,58,.92) 0%,rgba(3,19,58,.55) 14%,rgba(3,19,58,0) 42%)}
.card-shade{position:absolute;z-index:3;inset:2% 2% 2%;border-radius:22px;background:linear-gradient(90deg,#03133add 0%,#0313399e 31%,transparent 67%)}
.artist-name{position:absolute;z-index:4;left:8%;right:48%;bottom:17%;font-family:"Cabinet Grotesk",Arial,sans-serif;font-weight:700;font-size:clamp(25px,7.2vw,39px);letter-spacing:-1.6px;line-height:.95;text-shadow:0 2px 10px #00103055;pointer-events:none}
.open-label{position:absolute;z-index:4;left:8%;bottom:9%;font-size:10px;font-weight:800;letter-spacing:1.1px;color:#b8d0ff}.coming-soon{color:#d9e4ff}
.artist-card[data-id="dj-2l"] .artist-name{font-size:clamp(22px,6vw,33px)}
.artist-card[data-id="pedro-qualy"] .artist-photo{right:-20%;bottom:0;width:70%;height:96%;object-position:center bottom;filter:saturate(1.05) contrast(1.04) drop-shadow(10px 14px 14px #00143f9a)}
.artist-card[data-id="davi-dogdog"] .artist-photo{right:3%;bottom:0;width:55%;height:100%;object-position:center bottom}
.artist-card[data-id="rz"] .artist-photo{right:5%;bottom:0;width:52%;height:118%;object-position:center bottom}
.artist-card[data-id="japa-nk"] .artist-photo{right:3%;bottom:0;width:58%;height:128%;object-position:center bottom}
.artist-card[data-id="mc-gp"] .artist-photo{right:6%;bottom:0;width:49%;height:110%;object-fit:contain;border-radius:0;filter:saturate(1.04) contrast(1.04) drop-shadow(10px 14px 14px #00143f9a)}
.artist-card[data-id="dj-2l"] .artist-photo{right:6%;bottom:0;width:51%;height:103%;object-position:center bottom}
.artist-card[data-id="tilia"] .artist-photo{right:0;bottom:-6%;width:62%;height:108%;object-position:center bottom}
.artist-card[data-id="mc-rn"] .artist-photo{right:-4%;bottom:0;width:56%;height:108%;object-position:center bottom}
.artist-card[data-id="tilia"] .card-plane{background:radial-gradient(ellipse at 60% 20%,#6484ff,#2448c6 48%,#0a1b60)}
.artist-card[data-id="mc-gp"] .card-plane{background:radial-gradient(ellipse at 60% 20%,#4a8bff,#163ebd 48%,#081b62)}
a.artist-card:focus-visible{outline:3px solid #fff}
.channel{display:flex;align-items:center;gap:15px;padding:16px 17px;margin-top:35px;border:1px solid #ffffff2b;border-radius:18px;background:linear-gradient(105deg,#0b298f99,#071d6b66);box-shadow:0 14px 28px #00144c33;text-decoration:none;color:#fff;transition:transform .2s,background .2s,box-shadow .2s}
.spotify-icon{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;background:#1ed760;box-shadow:0 8px 17px #062c9a66}.spotify-icon svg{width:28px;height:28px;fill:#041c54}
.channel-copy{flex:1}.channel b{display:block;font-size:16px;letter-spacing:-.2px}.channel small{display:block;color:var(--muted);font-size:13px;margin-top:5px}.arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff1c;font-size:22px;transition:transform .2s,background .2s}
.channel:focus-visible{outline:2px solid white;outline-offset:6px}
footer{font-size:11px;color:#b2c9ff;margin-top:27px;text-align:center}
@media(hover:hover) and (prefers-reduced-motion:no-preference){a.artist-card:hover .card-plane{transform:translateY(-1px);box-shadow:0 9px 0 #061e7052,0 20px 33px #00144a78,inset 0 0 0 1px #ffffff66}a.artist-card:hover .artist-photo{transform:none;filter:saturate(1.08) contrast(1.04) drop-shadow(8px 11px 9px #00143f9e)}.channel:hover{transform:translateY(-3px);background:#123ba399;box-shadow:0 19px 34px #00144c55}.channel:hover .arrow{transform:translate(3px,-3px);background:#ffffff32}}
@media(prefers-reduced-motion:reduce){.launch-splash img{animation:none}.launch-splash{transition:none}}
@media(min-width:700px){.app{padding-top:45px}.header{margin-bottom:38px}.grid{row-gap:26px}.artist-name{font-size:38px}}
@media(max-width:350px){.app{width:calc(100% - 28px)}.artist-name{font-size:23px}.open-label{font-size:9px}}
/* A prévia local mantém os efeitos ativos para facilitar a avaliação visual. */


/* editor-layout-start */
.artist-card[data-id="japa-nk"] .artist-photo{width:58%;height:128%;right:-5%;bottom:0%;filter:saturate(1.04) contrast(1.03) drop-shadow(28px 40px 32px #00143f9a)}
.artist-card[data-id="japa-nk"] .card-plane{box-shadow:0 40px 120px #00114a83,inset 0 0 0 1px #ffffff52}

.artist-card[data-id="mc-gp"] .artist-photo{width:49%;height:102%;right:-2%;bottom:0%;filter:saturate(1.04) contrast(1.03) drop-shadow(28px 40px 32px #00143f9a)}
.artist-card[data-id="mc-gp"] .card-plane{box-shadow:0 40px 120px #00114a83,inset 0 0 0 1px #ffffff52}

.artist-card[data-id="tilia"] .artist-photo{width:62%;height:94%;right:-2%;bottom:-8%;filter:saturate(1.04) contrast(1.03) drop-shadow(28px 40px 32px #00143f9a)}
.artist-card[data-id="tilia"] .card-plane{box-shadow:0 40px 120px #00114a83,inset 0 0 0 1px #ffffff52}

.artist-card[data-id="pedro-qualy"] .artist-photo{width:106%;height:131%;right:-29%;bottom:-3%;filter:saturate(1.04) contrast(1.03) drop-shadow(28px 40px 32px #00143f9a)}
.artist-card[data-id="pedro-qualy"] .card-plane{box-shadow:0 40px 120px #00114a83,inset 0 0 0 1px #ffffff52}

.artist-card[data-id="dj-2l"] .artist-photo{width:51%;height:103%;right:2%;bottom:0%;filter:saturate(1.04) contrast(1.03) drop-shadow(10px 14px 14px #00143f9a)}
.artist-card[data-id="dj-2l"] .card-plane{box-shadow:0 14px 42px #00114a83,inset 0 0 0 1px #ffffff52}

.artist-card[data-id="rz"] .artist-photo{width:52%;height:118%;right:-2%;bottom:0%;filter:saturate(1.04) contrast(1.03) drop-shadow(28px 40px 32px #00143f9a)}
.artist-card[data-id="rz"] .card-plane{box-shadow:0 40px 120px #00114a83,inset 0 0 0 1px #ffffff52}

.artist-card[data-id="davi-dogdog"] .artist-photo{width:55%;height:93%;right:-4%;bottom:0%;filter:saturate(1.04) contrast(1.03) drop-shadow(10px 14px 14px #00143f9a)}
.artist-card[data-id="davi-dogdog"] .card-plane{box-shadow:0 14px 42px #00114a83,inset 0 0 0 1px #ffffff52}
/* editor-layout-end */


/* editor-layout-start */
.artist-card[data-id="tilia"] .artist-photo{width:62%;height:94%;right:-2%;bottom:0%;filter:saturate(1.04) contrast(1.03) drop-shadow(28px 40px 32px #00143f9a)}
.artist-card[data-id="tilia"] .card-plane{box-shadow:0 40px 120px #00114a83,inset 0 0 0 1px #ffffff52}
.artist-card[data-id="pedro-qualy"] .artist-photo{width:106%;height:131%;right:-29%;bottom:-3%;filter:saturate(1.04) contrast(1.03) drop-shadow(28px 40px 32px #00143f9a)}
.artist-card[data-id="pedro-qualy"] .card-plane{box-shadow:0 40px 120px #00114a83,inset 0 0 0 1px #ffffff52}
/* editor-layout-end */