@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#111111;--paper:#f3f0e7;--orchid:#c177ff;--acid:#dfff00;--muted:#a5a29b}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:14px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.previewbar{padding:9px 4%;background:var(--orchid);color:#111;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:700}header{padding:32px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font:900 clamp(32px,5vw,67px)/.87 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-1px}.wordmark span{display:block;font:10px 'DM Sans',Arial;letter-spacing:3px;margin-top:16px}.headright{text-align:right}.edition{font-size:10px;line-height:1.7;letter-spacing:1.4px}.adminlink{display:block;margin-top:20px;font-size:10px;color:var(--orchid);letter-spacing:1px}nav{display:flex;gap:30px;align-items:center;border-block:1px solid #393939;padding:17px 4%;font-size:11px;letter-spacing:1.5px;font-weight:700}nav a:hover,nav a.active{color:var(--orchid)}.navend{margin-left:auto;font-size:9px;color:var(--muted)}.intro{padding:27px 4%;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--orchid)}.intro h1{font:700 30px 'Barlow Condensed',Impact;margin:7px 0 0;text-transform:uppercase}.intro p{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tile{position:relative;aspect-ratio:4/5;overflow:hidden;background:#252227;display:flex;flex-direction:column;justify-content:flex-end;padding:7%;isolation:isolate}.tile:hover .photo{transform:scale(1.04)}.photo{position:absolute;inset:0;z-index:-3;background-image:url('assets/brand.jpg.png');background-size:auto 168%;background-position:54% 36%;transition:transform .4s}.tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95),transparent 90%);z-index:-1}.tile.mix .photo{filter:grayscale(1);background-position:90% 40%;background-size:auto 220%}.tile.event{background:var(--orchid);color:#111}.tile.event:after,.tile.type:after{display:none}.tile.event .giant{font:900 clamp(65px,14vw,210px)/.8 'Barlow Condensed',Impact;position:absolute;top:12%;left:7%;letter-spacing:-6px;opacity:.22}.tile.type{background:var(--acid);color:#111}.tile.type .giant{font:900 clamp(55px,10vw,150px)/.8 'Barlow Condensed',Impact;position:absolute;top:9%;left:7%;max-width:80%}.tile.feature .photo{filter:grayscale(1);background-size:auto 200%;background-position:15% 42%}.tile.scene{background:#32233e}.tile.scene .photo{opacity:.35;filter:blur(2px);background-size:auto 210%}.tag{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;display:flex;gap:8px;align-items:center}.tag:before{content:'';width:6px;height:6px;background:var(--orchid)}.event .tag:before,.type .tag:before{background:#111}.tile h2{font:800 clamp(22px,3.8vw,58px)/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:13px 0}.tile .meta{font-size:9px;letter-spacing:1px;opacity:.8}.tile .arrow{position:absolute;right:7%;top:6%;font-size:23px}.lower{display:flex;justify-content:space-between;gap:20px;padding:40px 4%;border-bottom:1px solid #393939}.lower h2{font:700 35px 'Barlow Condensed';margin:0}.lower p{max-width:400px;color:var(--muted);line-height:1.7;margin:0}.pill{padding:7px 10px;border:1px solid #666;border-radius:2px;font-size:10px}.section{max-width:1120px;margin:auto;padding:35px 4% 70px}.section h1{font:800 clamp(40px,6vw,76px)/1 'Barlow Condensed',Impact;margin:20px 0}.back{font-size:11px;color:var(--orchid)}.detailgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:45px;margin-top:30px}.bodycopy{font-size:16px;line-height:1.8;white-space:pre-line}.notice{padding:12px 15px;background:#252129;border-left:3px solid var(--orchid);font-size:12px;line-height:1.6;color:#d5cddd}.panel{background:#1b1b1b;border:1px solid #3c3c3c;padding:24px;margin-bottom:20px}.panel h2{font:700 28px 'Barlow Condensed';margin-top:0}.fact{padding:13px 0;border-bottom:1px solid #333;display:flex;justify-content:space-between;gap:20px;font-size:12px}.fact span{color:var(--muted)}.btn{display:inline-block;background:var(--orchid);color:#111;border:0;padding:12px 18px;font-size:11px;font-weight:700;letter-spacing:.8px}.btn.secondary{border:1px solid #555;color:var(--paper);background:transparent}.btn.acid{background:var(--acid)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.directory{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.directory .panel:hover{border-color:var(--orchid)}.editorlayout{display:grid;grid-template-columns:270px 1fr;gap:26px}.queue button{display:block;width:100%;background:transparent;color:var(--paper);border:1px solid #333;padding:17px;text-align:left;margin-bottom:8px}.queue button.selected{border-color:var(--orchid);background:#29212f}.queue small{display:block;color:var(--orchid);margin-top:8px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:11px;letter-spacing:.5px;margin-bottom:16px}input,select,textarea{display:block;width:100%;background:#111;color:var(--paper);border:1px solid #555;border-radius:0;padding:11px;margin-top:8px}textarea{min-height:180px;resize:vertical}.wide{grid-column:1/-1}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}.importresult{margin-top:16px}.error{color:#ffad96}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 4%;font-size:10px;color:var(--muted)}footer strong{color:var(--paper)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--acid);color:#111;padding:14px 22px;display:none;z-index:5;font-size:12px}iframe{border:0;width:100%;margin-top:15px}.embedplaceholder{border:1px dashed #665277;padding:28px 18px;color:var(--muted);line-height:1.6;font-size:12px}.empty{padding:30px;color:var(--muted)}@media(max-width:650px){.previewbar{font-size:8px;letter-spacing:.4px}.previewbar span:last-child{max-width:140px;text-align:right}header{justify-content:center;padding:26px 16px}.wordmark{text-align:center;font-size:39px}.headright{position:absolute;right:13px;top:100px}.edition{display:none}.adminlink{font-size:8px}.wordmark span{font-size:8px;margin-top:12px}nav{justify-content:center;gap:20px;padding:16px 10px;font-size:9px}.navend{display:none}.intro{padding:20px 16px}.intro h1{font-size:24px}.intro p{display:none}.tile{aspect-ratio:3/4;padding:9%}.tile h2{font-size:22px;margin:8px 0}.tag{font-size:7px;letter-spacing:.6px;gap:4px}.tile .meta{font-size:7px;letter-spacing:0}.tile .arrow{font-size:16px}.tile.event .giant{letter-spacing:-2px}.tile.type .giant{font-size:40px}.lower{padding:25px 16px;display:block}.lower p{margin-top:12px;font-size:12px}.detailgrid,.editorlayout,.directory,.formgrid{grid-template-columns:1fr}.section{padding:25px 16px 40px}.section h1{font-size:48px}.queue{display:flex;overflow-x:auto;gap:8px}.queue button{min-width:180px}.panel{padding:18px}.bodycopy{font-size:15px}footer{flex-wrap:wrap;font-size:9px}.wide{grid-column:auto}.headright .adminlink{margin-top:0}}
/* Crop the existing concept artwork to its photographic center. */
.tile .photo{background-size:auto 300%;background-position:54% 40%}.tile.mix .photo{background-position:85% 40%}.tile.feature .photo{background-position:20% 40%}.tile.scene .photo{background-position:65% 40%}
.tile.feature .photo{background-position:60% 40%}@media(max-width:650px){.tile.type .giant{font-size:30px;opacity:.22}.tile.type h2{position:relative}.headright{top:145px;right:14px}.adminlink{font-size:7px!important}}

.mobilemark{display:none}@media(max-width:650px){header{position:relative;padding:22px 16px}.wordmark{display:none}.mobilemark{display:block;width:112px;height:104px;overflow:hidden}.mobilemark span{display:block;width:112px;height:104px;background:url('assets/brand.jpg.png') -17px -113px / 524px auto no-repeat}.headright{top:auto;bottom:12px;right:14px}.adminlink{font-size:8px!important}}.edmcard{min-height:240px;background:#27202f;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid #50415c;padding:24px}.edmcard:nth-child(3n+2){background:var(--orchid);color:#111}.edmcard h2{font:800 clamp(24px,3vw,42px)/1 'Barlow Condensed',Impact;text-transform:uppercase}.edmcard p{font-size:11px;line-height:1.5}.edmdate{font-size:11px;letter-spacing:1px}.edmcard small{font-size:9px}.eventtabs{display:flex;gap:14px;align-items:center;margin:20px 0}

.soundcredit{font-size:11px;color:var(--muted);line-height:1.6;margin-top:5px}.soundcredit a:hover{color:var(--orchid)}

/* Transparent identity asset and touch-friendly navigation. */
.mobilemark img{display:block;width:100%;height:auto}.mobilemark span{background:none}
nav{border:0;gap:8px;padding:12px 4%;flex-wrap:wrap}nav a{font-size:15px;letter-spacing:1px;padding:12px 16px;border-radius:4px;transition:background .15s,color .15s}nav a:hover,nav a:focus-visible{background:#34253f;color:var(--paper)}nav a.active{background:var(--orchid);color:var(--ink)}nav .navend{margin-left:auto}@media(max-width:650px){nav{gap:4px;justify-content:center;padding:10px 8px}nav a{font-size:13px;padding:12px 9px;letter-spacing:.5px}.mobilemark{height:auto;overflow:visible}.headright{bottom:8px}}
