/* Sistah Vibes · Elektronik-Modus (data-sound="afro"), Default seit 3.11.2026.
   Look and Feel von Presskit Electrónica A v3: Schwarz und Ocker führen, Dunkelorange, Umbra, Beige nur dosiert.
   Eigene Blockbuchstaben, Bogolan-Dreiecke, Zickzack, Geometrie-Rand, Zeichenfeld, Facelift-Badge, Archivo.
   Die Struktur (Boxen, Wand, Navigation, Booking) bleibt aus sv.css; hier wird nur Material und Typo getauscht. Roots bleibt unberührt. */

@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-latin.woff2?v=2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-latin-ext.woff2?v=2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0}

.ex{display:none}

:root[data-sound="afro"]{
  --night:#0b0a08; --ochre:#e3a52a; --clay:#b4521f; --clay-t:#d6753a; --umber:#5c3418; --sand:#d8c4a2;
  --paper:#f1ece2; --muted:#b2aa9c; --dim:#9b9385; --rule:#3c372f; --ink:#36302a;
  --cab:transparent; --cab-hi:transparent; --cab-lo:transparent; --cab-bg:none;
  --face:rgba(11,10,8,.9); --face-2:rgba(20,18,14,.94);
  --gold:var(--ochre); --red:var(--clay); --green:var(--umber);
  --accent:var(--ochre); --accent-ink:var(--night);
  --display:"Archivo",system-ui,sans-serif; --body:"Archivo",system-ui,sans-serif;
  --d-weight:800; --d-case:none; --d-style:normal; --d-track:-0.01em;
  --plate-bg:var(--night); --plate-ink:var(--paper);
  --r:0px; --frame:0px;
  scrollbar-color:var(--umber) var(--night);
}
:root[data-sound="afro"] body{font-size:18px;line-height:1.6}
:root[data-sound="afro"] ::selection{background:var(--ochre);color:var(--night)}

/* material layers */
:root[data-sound="afro"] .ex{display:block}
:root[data-sound="afro"] .ex-field{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--night);transform:translateZ(0)}
/* the symbol field waits for the page to load (it must not compete with the hero photo), then fades in */
:root[data-sound="afro"] .ex-field::after{content:"";position:absolute;inset:0;background:url(img/electro/field.webp) 0 0/1176px repeat;opacity:0;transition:opacity .9s ease-out}
:root[data-sound="afro"] .ex-field.on::after{opacity:1}
:root[data-sound="afro"] .ex-edge{position:fixed;top:0;bottom:0;left:0;width:22px;z-index:45;pointer-events:none;background:url(data:image/webp;base64,UklGRl4mAABXRUJQVlA4IFImAAAQkgCdASrwALgBPlEkjkUjoiETqUX0OAUEtDdwYDd25f7QAfQB/AE5HIt9s/G/9//D2x35D9aP9P/QPea4L6ZO/31f+p/67/A+5H9GvEvyT/jeeD43+4f+X+5+37+/f1z2Bfwn//ewB/AP4b+uPWT/pvoA/qvpnf471j/1P//+wB/F//n/////2gv//9QD//+kj/4/3W+DD9sP23/3XyK/qj/1//z7gH//9QD/+dX/7R/Zv8F+O3xB+k/bv8ifWfrNexf5B81t6v7x/ivy1/rv1l7D/yH/39AL1V/fPzC/qXD4+h5gWFXhP/XeoBwCn4P1APKA/oP/v5IP0H/b/+f/N/AD+r/od//3/ve8n9yP+57k/6nf/w8Q4wkLazi1QWMkQF8LRCu4tpw6Wh/RGr7MMY2vfmnb1PztnjHxa0ZFKQvd/pecRKHI8062bkMSSyRjhu1dypyO5+bgpcgQ8p9MqE+8uBlwK5yM73i6BaCskUB6kiCM1iWvVoP2zRHOsIjew7ZhxZoW+mxMh1wxEAXKdbl/syXi4oorDBdZfxds+zKBvrtL3nyUUgrvnWj4C7D0ILTw3fmMVyRElBXijqBahRGiam9ph4DiVp6wh6PewfNZ6T0Mnm8z+t7X2RjFG5g43WTOjUicHHKtsS1Qb3BSeaMKim9oD1F8D1/dgPlImsxZ5r44jqJB6wqyduc0VqbYP2YsBpGT3rvwrDpz5/bnxJtzwkMLfU8JmO4tpd2+3nnoFdroLKC1lr3EzyTricS3AG+t9A616Z6GcN00H1eMTdIX0tjhqiDKWNVfJcBr0lXi0q/IhRi2FtOWPPfw9YU8+rCxB4rBPV4SnIDupgCpa6gl/1l/JX5Q0/B0O6D602mbJFdO+EkK+f2S/yyEmEaVOLv7QC6NzgQJt1OK3PK7ux/Pxx+VVRDXQEM1R8cN0tpUZF4j8PQ1bxbSwHgHOUm7bG84QJ2+OePju5yVVhSlExKTcIpqvCgDXI6bjE4jYJLsfA4S14cQkAIO4JiEHpET7WkiGGJl9U/olUIpvYiRFwpffsWoQodZeqJRjk/ltizmPH00fQCyR/4/RprflruGMBzMJgKfML5xcXCBymwZ29DUB4/+ox+eNbsto+gg0DNbFktdwxgVJosmaMnY9B3O/bMIFKM5oUp8wG/qDr2dsvARpD42zp+tQFT9Eb9A0hJ8h74DQC2uxuG1vrrqrUdOxQFMZZ5iyiKAQQmRjUgM3eW5HFQzjTwYRqaC2KDuKpgFenZ9tbB500h6b8w9wALo3Z7Mkx0Cdq96yezMFGgK1Rqzy8mQ9siQmDeoHdxLRYAUFB2QRCokhtQEZIg/Kbl0Wn3bsm4piUV3CRgnWQHdU1cBQTvc2zZHaVVmNJVfPztlAaFHYoKDhSj7w8amigXEHPsXiDZ0F0RnwgeS+jzpzUASyMoyHgQ5byTjU0UC4g58JKTRzbm4HALe4Goc9DaRTQXDewFi6TjeGtWN5ycUTiNtK8nvu3o2wXLwHqMYnbJSCyDmrADuerafNrWZfACTnYYbsCCG4ycR8lVX90nG8Nasbzkqq8gAAP7h8UNm4iuxRybeaI1/VgJFYpv9h0RXO00MjMix0t59uph4Bv5DKp4Ugw5dFrjsox5ymoPjJxNNeRKXrqldXbQ6AFj25RFF3JCY+YdJyRtHBGG7CdKNTzQffWUVQ7q/AxKpvJdbeuDu7UlKKPhr7ivBRANT9yKoieBg4Lutx7au2htWJoBIrEIOOFPDJmqKImJwGeV5Tpu1LxxRGGyMQ1W1Nuqg/QXZ51dkDd9YOLlVw+Jr3x1IdHLwFlZvRFqEEf94TItWwcTTvzPRMplle4Oci+jaADKOedYqJv+fgxwUWRzTL6JM0h8tURg6Lj1Ys5vs7aOjXgn4YM6asAcJ6Grmj2GHMoTy6xJDdSTiI15gF9vjwgEzLN/9n1MaDFtRVRnnuQ5AmXCASUaYMdKLD1MhP+u/UUB1UAE4ds6NZRJyUExXowvHhS5QnYDEJ1O8Bcwnrh6qgUn/KLXkd2xIjCd59Vj1oFo/tcMz4KxOab/q8NG3hNeqP3Ql2cer1qjA0ZwLCTt7zi60j0P7YmdrO8t70CM49RnO7u+QKXaiPbGr+lW7nhM3vgW09l4Xwzsq80HT6eEwAb9zj5oUcj7uvcOvkYPv1Qwou8ZPxG6t1N8Sv0OWF0s0yygmozUOPGLwp0mI1y/VKwhqNCKj2VREyHrNRTBPX/6dQeI36riuTdaM7kuvIxEWJt26IlQ15gpTw3UPPhvi2DoG7QoBccj/teuYJ+pHL2tp2mABnt+3dY0CpeyRB4bgT4o99V1+jqXm9qarF6Hog7mYyzo28ZWOU48u8n49KuxsIOTLAFOkU7TeUc5OH5vOxgcHzQcSkgxX0PEmPYrC+BI4+NxDoymq85f7Xvn4SLWG/lnTpkknDc6FP6uj567t0YS9UahJU56QNije2DPaDMTuGAhQdfyj6XS3jscPrto6n7L2vJm62/0asX/lH++LoG99IV8O8+E6mmyJwymcsD1FeE8citrMkyCqMvur5CbOj354VL3pR8fIMZykRbuJLc3y+g7nh/+Z31DC7SS703p4G68NvPXbDOaR0TG6dzU2eIgttGKuZi7l+pov13IrBKBcHvSnV3FufGeszE0b++dbw+gYd+XF425cmirG4AyS8MKtI6u0mHO8YGEQ1mPmZ/J24M6cC4A5MyetACQ08I4fRg2l4opogwCQYDppRXoJfCxorYw4IwlfswcYoiblDUXfAzGnpTuBmseC+2doV82S2yTADOQeDqx1Hj5Gul2Xgi3gLbslF1EJERrhixZs6dBxjy66DMAUV9YG1q95n0H5F2THUOynTP96mNuXWNSWqccdanbd+fidSKF5gZSPy6i9g6yIoFrrua1R2xdOY13BerpAR3+hZ1H1+u3ayGiCB/jpx3P9vt/L3mTIhW/HPYqti1zuu6zXF/9HgqYhUdtdH81qteqVw7/AlXnPQpy6WpP/qbXwBJrYM0piRoip7F3L+LpIr7ipUWOwG9sWBJrfwCwYD65rH+IqAep7i98y7N1vLxipw46JOL58NDyEcEx59HpmSSR05mNzY0fGuwqfh/4IzwZyN9JQ3voCDZNEnK3aHntH/T8EnxvWpSogCXfe3/Xf72rlV33BoypdRWRPEHJmKkkLFHeEcNuyVabjvvppFW31B8QCvwlI6HR24R2wFwai+zJipz5LFlbjBZivRn12sSyn/JWLxxrTrx3BDylQelGe8R0Lf+UrbDYecQ1V4R3blDFHzovf/NfooAq3VmV5mh0sEYNOJ1IoKKRHScCAEij3+c24iKkU+vGrpIr7V4EDC/FjOKFl9+PxHX69+zcUrr0qBnnLajH0dv0KQY++2HbxmBeiBG7XUVLr/edbWKW7rNRX4Hr+nc7xw9W1XFXKABHwovqXIh/zUJGipr1q3660woCADL2pA/xzCkrUTbTEWX0iU+xkapM3SrYwtR0s1JHY7xn1F2enJls69LFtugqp/k6FiW8JnRq37sfOCBpT4NJcNMcDZD4tVUslueUaM3FTvpPZMuU5zxSnwdlUKDyKMuzkrZDn4uOA5UseNZGNRNIhSnvBDITCRoFfs2traVKtEdmMreA+Z1ZrrcuXe/bXAUxeiBOdbbCyr+tTtqvC+b37/L42tMkmyfpchZy57oK7kvUhDQVJNOQybOSWZxN6QMhA+rBGHvBJG/bJD3pe0SO6xNe6Zd0A9TuMTPLlZuFviamG0BpQFC6zvj36X8Cci4rA+619HOFELJXKALNRM8xoedBAjix882XwDpO2XukWeeNQKOqIUpMoL2x05xTfe9JHOXR6vjWB+U7jBPPPIHdRqKs5XxlCNcxUUulRyZdBKQMkri2+IYQH1f9Jl7eJrXQi11InFCcw9bK70vz/r9in53puLNeFC0YXmxR7gXT1d+7ngg2S969jhzSjnZycOeakOpOahNNMCfFU98MDXosJbQgXofz5k91RRVnfnvvhLglE+Be0LUXZL3PubAmTK0yFma6PCC7bW0VEN5GfHZOrKTr4mhcBpIN7luPoxVj18GM2zvM6s11cNjnnWcxpol5AIlzz0uSFIpq2+n+Gx1jnJO5DuqnT+o4nd7pyiCt6zSJJFoDeAJV7lZKVxRuWOj1SPonwu2Kvrz0ts9+bIpI37idJE/RPdV22oyLIBT93jpuvLw8+HDOyK1WDcLSBZ1uv3/wIsIUsAUbOBnDgDfMuJr6QDA33G6TBOCNSvaR//h56p5cNi44hdReKOjgrpdmL+jRQVtZyvcvGkTT4FCv0qVcOJMZEbD/sqZC+4krfqBtjkt2p9a81TOmLTuh4SGvs3uTg6kWPOr7xdHMIaFXz18IgbxLNGMK7l+LbkXOj/vim5JkPyATBk/LFnuns4t6VoRgtNc5nc/f4fudCTY4TJ1JmsIa5X+dpMa2Jrtgw1RiLTolNzFJt+pdFopDiFto6IESM7kkTBIrR+Rs1iLvSwoIednSSqV0V2tFaDltsQgjdqk041mz49DdG0Rj0Wdomc4omjtjRCqVVRiPvj4CGe8tR6OLCLbR9/AQT0Jo0SgsRK+l97jDo/SDVinPk5mCGZ1+Jq31EBAl9UEREhzjrFNhmx4NSbttR4QENSN8LPVy4D1JTrJepQXKnCx2uLSUrku5h9p7CCPZT6mFlTs3tZPvl1jZwU9lTkCtRmT6syowj2t2bXngDZj7D4VrvXO8qxcOZeabSzyig0v94C7TPeddlnWDOLmXOtxDED+HkiXi+8PFxDc3hqOEv+0jmk0+83SbCaRDvAKcJHHL66Fiv3h58+cNi44tAy2ehhwUEOG2IX95A8cBRCbdQ/VkGYowj7z/5VdTiTrKzC7F3TpQXrBlyjPiFqADfPxksJ8dBJgblayzZdqLEreITRMNO/JnapmWeH6n53JG7cey8vxfHb3jdqyuoK10gZtRKYx3vQqoTcrbUkA7nfBG7EdQjmcPzia0kBZXrip1fy5xWYqNOUtkbFB+WdEiNiN5M8+a/wffRzd60Ev+gWnsaGUpMyFNu6qE6qYJ4W2QxcS51b9I20po0U1CjlUcjHY9ui7eQ2X4wjQGJd/VrAaq18CC4VLuGO8iPbyUSJEcRbzv6AMFXnkprciwoDD2CugivwWC5Yed02YiC9KV4c1jAODzNsPGy0+uD19LzHOWHhOoUW7NqRe+ovZX1f0lvcQxtqoiaPPhLN2tT1J95n70Oy8cfp1k8WQIV40BUPyvV8COYJ+mm1aba+UHCrA9Z9A4oOwl1eyH1E/d8soaKYqcIKGuIGsNBFSG1+UUqHIE0rZgKa7hVztg35eOzODO0ApcPK5nLACwLYvrgoYszexmL3taOly6/s1LRnyxs8/kfKasCdm1qcEL72JVOBDRcdvjbZfEUxJDgSfvTknTaU8HSu4vNzIuHMfi7AIKLxj0bZEZTTLfyjR8oVI39+0B4jzszS9R1peHKif657V9JyNwJXl6MC1uMLZuASkxEtlMhnB/8vBhk09asBNmm2gu74244ntqp0HqtqmuoN2m+jP0qjy/gJeVNs43MSGHIiGQkzQsBkeqzn6TSp9DCuH5oPW2nq66vDB/j1+W1R/u8TghnsWyvRfEhPKpiHIb6FP775ayJ8+MVeYvPxues5+c3B7rcJsTu32T7n4XcGD27Owo7A0fVU1C8LHvSF/ReGIZlDIyXqSPgypClGzPMAy03NslqDGwwGpuz62xrsaop1VfNDM7pGeLK1+l4FwLC16baJ4UDOJqhYlxjjcf8UAw2CBl7xT7/rD9hcS1yITaSVv035JMK+jJ60V2N5tfMrCbdsmKIVW54kAquz3NEHuSqsPOi9U0ADNZoFCGhDUM1T+tgScHGzwzJIqMXkxdB1dr3q9AmBJ+aIjKaY6uLosdONarC3fH4NzEcOH8hbxdwviUOB7wxDohBwOR/tznMBjmP4jk4+IbPJS1iYczTbe+5iB2kwA/QUEmZlmhyPO5wX+lOHmufGx/bQQP64j+i7R2QKrs7nZSkwXEBVLCgVx88B0Bda4Ip9uwl/7WCacy7zRur+NZzIaki5/UpGAeOLgltyDVdC3AfU0bqiAgCtbUR0jACsZu8+V9NnalXOj8C8ukCtvdgQSxX7aExiyd0EFKU29kjicLXSGPTtEhEQmbFvOCphies/7zeg4LyN6HXWJYRpPyGnwefNJaxjYYDK/dJKNwleiz697sqpUwkrgDzu9Tc2yrwXcOKx2aLlLcgJZisapZrgsSrDDa44x/OEtBzI+8N3FgxQenQGHopeDdWHVgM2MYZwaiFAupm2J3G4b0VCmxRTY1zX3FmIEb2lVFwVzsGeVuNQJfrL9G5IfEql2pzCTUCZf+8gN+E1m9HQ1I0kjkTTl+EKghtb4yZX058Gsqtk4sAjVNXJQ8BV+4g+uU3TMJsGTEZRD6d1drnzkg3Wmtva75w5vBLUlJhRzZ3d34x+9FxPHS6eZzHNtwtHWhALvYwEPaRFz7+QTShyR/I7T6+Hf5t/yNKcq8w/fimraSPgjm4/gK/+ABwz0ePdD8jTwbAop5ZAj0onDffnPweMLjOFPbjA0tJypq2wuB3MdEuH7n//46LGCKoY18d95bnoBO7UptFEuFlXiOSTZvG2GbQXFON0fK1vz4iv0p9FJ6uoFwjHtOgRqAf4ScKfIfUscoxuGwn85Z1SXp8+C18VO3TN8IEmQ5br3e4cZ4Q2xnK6K8UTnN1NnqT41yR18KATWCKGdFGSVvsLtoIG1+xqRLd4WxEh/5vruP4wAut6R70TROsJ5uMGB/WUTq1LzBmk0Z4q7CSzUugEibMz0er07VmYCpMSvDShQ19V3Z3CYWEyta0wlCVtVDtWuHv+ZyIf/XwiFkzifx7KDMc23C0imGVC5x8xgmvz4kDErxOybL21CkaAq5GkF9KExpudRicpGLXFuULAExDLQvDkOxiHGB0yGvfhuwLwsfn+Mw+P5fkDYLqX1s0BahP7N5Zl2WLvS76uyPX2q/6L4HxSNx7bA9ERuXifkaeDYFFPLIEelE4b785+DwyjTftqyHqT16T24RlBFyxhV1YbujcTobcsErqGrnQ6sAgvJGGceXEFrIyE58SlzCNqreFU2HZF8X/ZJznQu1qke9mX9r04jaFBXl5W6aIFzvfNz4swRbit5au9GIyYsN+0IOQ4b6/fh+Da7kpRt/b3vJutBC/ZizvJgnz/vb0a6M+7zm4XME5oAHGDkbwk9TZU11VfJ7RUldy0QHA8++7e5Utg9MjxqsEZF9I2arSiFPAKxqKFzU5D5jIcNUlR1Fl1u1sQZmHXheqTK0+afrLQAWVQb49Ph3xKj1T4SfOrslENQAe0yfnKv+NUOOn0Ia+glqqcbav8t4Zx7uljSXAotOwl4HcdJE5HqCyPG+CV/V2fpSBoNKwEo83yqi06Cib7u6ewWHg3Kyr69vr2MaOJLMhMuFsXgpXCGVOfJJnA2T7slGN9Yw3iQNFwCfr1uFX0xt1C4lD9/7l6fP9QpszUZyng07+X2osuG4bESEI4Wiaza1H1LUWH354uDWv1pAmd6nLe26hBROdxIfV7VFvJ2vOk6LmTBSujSWePqkWOeq3TolN9KAcw5L3h4WAChuDhnhXHkjzGJzvru1H/XRHS16KFqWZtKVW64ecZMilGst/YmH8zMFDD2IAwDgP+mbYhHdS4d7b3XMNYdPyAMEnVouwNVcvr6dbVJ4fM6qkHx8P9PtKGirlOd/4sPECrbPt8TckwTharASjzfK1R5Wb/m8Ry6rYU+YHCvnY2Gief5lig+ZsArCXfIFRIvu4x7JFKzeVQxzSpkDTmqK+zpQUAhzZADZPuyUYtydpltYFchAVcyH0qsDWQ0ZFImxtLyYV3EcXubWaZ0Zixiu/ovO6HXjqzf3ejcAnmWlIJdTcGub2NtGYHC0OfGhsMNH7L+nplF0GE8FW6todGJ4DYLrenE7vjIxU9uSbgzysa0AhFEStEVFBUBBGmv/4xQgUZsbKyeFPezhsYjfxyD8S43QFk7Vad/OL+nis8MjWyb/3IqvhJTCA0G+BREe7NRgD4hapQVXXgYrCAkVQhlvoe8Z+S9s/M5Cc3CmGcqntVRbK+LBNPnkrHstEESX7BeYnmzS0275IAIc4pDd9vc7tEHbzJrjQ5VLjkWnJBLvd3cRWX/hkeVT5dKKMAko6mK+zqTxZ+r63KV6T7EjFB4AEWpSqclMmAVxGNf2IgVUDz6wscnNkuj7BTAiHvdt0Bgf21y7sfNxsAGO7hVxHIO6HpJkQl27Ck9riXfcCxezzaBQ0vZP9T2NWrOTOHbifXjcZQEekLyaQtEeEczPsh18hnQUn92e1M1tHshj5trBx4+XGyPJiOqBa6ymREjlJUEGUw1bOCP08oPQMWgQ1siUG2PsQ50lzx5t3femSy9yAHIRwJmopPtqekpjBXN1iy3v0Hqvt6CF9PUKABtJPNFI//DWJIknHTsOsGIcJEQLs+haXI4i6/l0AkbjGRn9LfqRla4zD0kN+W2jE/wE6KF75BxzY88HE2W/+/Bjov3jqbDlL0P1h821g48fLjS2QqGWepmdUYhVFiUoH/LqAABssV0YsiWINWy2d+7ittEfAQUVemRTTopkz54u+ZPHTj9z35buuYPvPLys+xb/8hPsvO5Odly2iYwgmBoTVEsrkQrAAAANXYOO7e5qH3S2HM99/3ijorxk62P9qHAkeU5xLfgIYFGg1/I32pnhnpMDROnflA8FPKiHmiPZ6ZsBN88EbGdFm7Q0X3VZZzl4jcJvqBl+eqAl24IAOud9a6lPk2dgTDtzwBftkOGgD2r/pPNbzEETWT48seAT8R8jpugNyRVj+HKJ9/l8uh0CEb93s5pyV3SvJqNGMk/Bcu6dy91hyL9/K+Ps29Iv35b9LNBObcljEwPkSYn1NA+MGtM8nqgJduCKvobaixNfOwRg6Af8UlZ+yZvUYyZHXpbwAe7iKW9/ksPl9fSB2gFp/DBhpKVf0x0jWjJp2UxBf4Dn+1KQSZ9uf/YO+1ZH254y8ASK4JgBBi5dmWRZWfMsl02BBTY649bYAtSvKlRjt+k0+EgF5ADdlWsA3y1odq6tyxNZPj0wBweAxNQFWP4TnJCXhH5cPoOnp4CWI0mzign/z6ETXDhR6jTDrQ8eQdTrZRLKcWAIPwq3QXdC1gyqRTEMZmhiZz50MeDI9THKcJJ1Pr1I0csKaXEyUtxNL1sD3Uk3oZPNB46C4GbyQOrm4wCBMT4NToj68iZwQyZLH/gb1wbYsAjDaMrLtiv7YA8/Ei3mqmUtqRJifU0D466bAgpsdcetsHNSGLZmZA17GBiXGb+5ZUG8lELIHX2r/3NB5JtGfuiCJlcDgwzeTfluEzUkKefWUbiuRaM/wXLnrjCLqU6KLUQMTAfyo0OrR6wpC4BHf4HE382LT8DesaIvCWJlvwd8Rwr1KfJs7AmHbngC/bIcNAHm52MacugJmo0jZvojNgskWR93yepeflyiff5fLodAhG/d7OaclCukhZGFYwl00w4B7pcoqp6pbeEyb2Pwq3QXdC1gyqRTEMZmhiZz50MeDI9TFUiuV1mLmFMYAKTLeVqaICFHN5chSf1Mu2ETkZQCwCqm4mbJRCyB19q/lKFK6ldLGqNvXPnNX2K1Du0Z6yvh/QXqH3txMzmvZMjeF19z5stQml95VPmy0ol4AkVwTACDFy7Msiys7iuRJAU1WrUGh6210e1x//2dIP//tClOkyQbiTmPwkaefmPRmcEC0my5zOTukH4vOY0US413Dfv2IvapMlr7V+PCjm6cSHUGJhCFELWNRQ87yMTcfTeA4GVQEXgDMNDcSzedgB2RA5llG2/xYI8jYyeSo1R+SAwQuTZnwAEvAEiIEysADNFfZjBHxqiaC191KfJs7AmHbngC/bIcNAHVCMaPJv7D4Oj+S0TGolADVMeWQQFgR7paCVDZkEbSlxdATQL0Znc4+CKEP5ah8zL914c7jAtqyvCNSUOhDjBWHphhHK6iQF1pynROFQAXZia84Z5r/yUlVcyGfjSyGIUjEuu7+VkuI7SN2L2iZrtgiwCah0yvlMkohYeiRILcXa5wnRW7bsGbzVPOclIYuX4C2Eh5BQWV9kJDqDEwhCiFrGooed5GJuPpvAcDKoCLwBmGhuJZvOwA7IgcyuGB9uf/YO+1ZH24pxN/NyQ4OLxieTOOqeJOPVRJAU1WrUGhld1qv4WxuzYftivd2L0lAndQeIPAV/TNkFLcTQ3PxJAesPSYncT91OCfwn7lP3U31jW/kpEDqSyOLJraAcl7NBMm6fF6b7+5QpAj/zqd4EJYOhvdgK0mFHBegg7Z1RXBYHOIasVfMAhqj1sfTsEM5FmhPMHSiybP1yAEE3zUo6t6k3f7azUC8zpplatLjixRE1U6cBLkK2k9/+1SSxlk3eUJwygmviKVsDMLl+DIIGs56q3E3h6Zg1NuUWuviw41Ov4qHE0VtX0xW2AGObjWa+Nxs/IOvMmNiUgf7PoNCgrRf16QsUkEHM/qMyA9/HszUObixSZbytTSyXOUkr5g2A7Os3xgOVgMziwGS9e7UTTvXi/6g/U2rQlp5Gu/6A4LXucFokbP13714CCd9VLONlzMP71UpBRjFGpRlm9m83DrZm4w/XYAsbpFI/IYez8OG27LA7zCCSnHh7xDLDRJnE40kdI7d6bkweEgdeuPqcf7b9INN7sqfhdo2OY2opRdyT/pGr3Y1Rv/O4ApMQSjmMhaVPc0kY7fpNPhIBeCYx62aYc6SNTvEwXXXC/w6XRKql1zZJi6lFkaQhYEcU8z71IhweXyAtse4tdEI34aCyG9D7kbHmFDc8B2DVxIsXnt3ZMjyo/m4Q0QQix5A9mMEzKhWmzFQIabLPYwcKjc9VV/h1eo9t8LgLuSJPy0ShDz+SfAWVecIb6fc01SEX3Q4sD9wBij6sDTdjkj8pJos6niMXo0If7WJsTQX96qUajIzcPPbN6PPxjOR1HDboC6aWKa4XPZePdUbqgBhDBt+zQeRi6eAb0ESLyP8eHZFrkdq1tGUKXxBiTVxbxywDImW/olpnPBCBcmWXdnArNgWgf96GwmPNxawXTpOd0vppOHBzeXsR9LBSrF6r+YKtuuja4gg/V5bQ5ZzXC8UzZVcRsB7MNy1h4F1TciXXaVeVNL7vfY04WIRdRSs6FXic3cK1quY70MSOm72N+5AoqpTv8ZZfGae/bJoGzm3KKBtMOnpZgk/LRKEPP5J8BZWFX3/LvVoP/7OkH//2c09TeknZ4dCBmr3SurVM6zOpzsvu+jgYo1iLcTCxVegOOaN6HqZANOnAccwY4DmWr6FJwcMviagKsfwnOSEvB73N8KoYyvpcXQE0C9GZ3OPgihD+WofMyzxycaoB4Z30aAgHYGL6DGacRyuokBdacp0ThUAF2hYvidamFW0A76Scm0RY79n2SiFguon9NxB+sr+jnj8BtrCn4QFmsP6b2292aAwoVk4JwSY1Rt657bh1szsndxKoLt3hXz2Fa6oAaOMmnZkUTY+ZGpvKLUJpfeVT5stKJeAJFS+0EtwEZmQF+hlIpBjOsiAHZAKtievCVORCy3CR6ebTw9iu2TdnArNgWgf9BAjxx31h7JJVMrUKyXvVuvf1gu6BfrjIvWysVhN2FD79GkFmGsZSK3x0e0CAUlPhEIhG/DvNwlH730aCRyUDjyDnQ9CrAgtCFYIhGIH5NQOXYr7fSFR/UmjSNkMSIgsoePYY8vO5MT2itHjUtSKTIoLX3Up8mzqezYmfAF+2Q4aAOqEY0eWqVrfogTl2j3iCV83RwDfOvK5Fzd5fLodAhG/d7OaclFmLnScljeA01YJGxZ5yzqM+Z1JqhE/v5g449Z799RFUI6G92B9c6GPBkepkbHLuB3V8/RUXD6QiHk6BifUgAglLcSL0gj7H5MoZii9TYDzuy0uvtX/uaDyTn1ehwlClcDgwzeTfluEzUkKefWbUW6EzOa9kyN4XX3Pmy0zzveButkkMfPdQtydwCO/wOJv5sWn4G9VHFXoNMVckMVh/sdIx2/SaJbDpL/1HilmnTgKLdC2AgMeXRflz+UYb0DY/rfwnOSEvBvZL3r6acdNYr+DptzXP2PRfypCitq+ig5EdMUSrnVEgTIvMKHneB2CpfqyaYMmPPOSeNqqtEeGAeoxC1SQYNC7NjUJw8hMQpC/hKvf1YLTYAdCUiEZTIInBbFzZMr0x+yNgt5+Yj6zh9CE5FnNOcj6KaizzQDtdTC/L7XMzhmrNccZURzlZlzJjXh5cl3xH/JM7TlOiJM2x+3IqAC7Nf+LADj1f+cW2BOOVm8g2egAxS9Mltj31dtaCc84lFBYKw3y8CHd8YPREyup0rSfFCsm+sa38lGQnNo59rA7QDc+dgB2RA5lpLwuvufNlpnne8DdbJIY+e6hburaCW4CMzIDAhr39WC1W+urn4BvmbI1Gs6CTsfocnt638M4+TzLGM2F/GhMGptzLtJIUNZVOuqh4PngbWh1dxIK6q8+QcjlUx7hvsMI5XUSA0EdDe9M9aqvocnxd8BKW/6ZXUeycrN5BtHSsABXrg+KRW1fTG8icgseWEf64k7tf8qG/IO/qu49zNsftwFeDNGkbIYkQ+j1NDqPV/5xeuPD08Rv4b4AAY5emS48todCAitypfeBzc3kohZA6+1f+5oPJOfV6HCUKVwODDN5N+W4TNSQp59Z5Kjc1w5PdScv67UC+PQhsZn0snQ43DmTGvDy5LviP+SZ2nKdESZtj9uRUAF2g6O7zHyEKouE2F2bGoTh5CEASz9d9Nw4JnEuO949OxOcABEO74vUJsZyWQGK7yqtNVqLNg+MUu1VoePxsO0rhcaTgAAABO/0U47jToFEygZE8f6J973UP3lKvZr72l6q/ADXN+M/r9P37KIxVQVYSUknmaSMe2aFO7zJb3+WuoQWOLoFTHRtMBp4By9Kd4CzOlnmaSQxcx6e6fENrRo86H0Dvxu7e1KlTP1jTjEYzCQKf4AAAAAAAAAAAAA=) 0 0/22px auto repeat-y;transform:translateZ(0)}
:root[data-sound="afro"] body{background:transparent}
:root[data-sound="afro"] main{position:relative;z-index:0}
@media (max-width:899px){:root[data-sound="afro"] .ex-edge{width:10px;background-size:10px auto}}

/* the sound-system furniture is a roots thing: no speakers, no wood, no steel */
:root[data-sound="afro"] .w-horn,:root[data-sound="afro"] .w-cone,:root[data-sound="afro"] .fill,:root[data-sound="afro"] .bin{display:none}
:root[data-sound="afro"] .cab{padding:0;border-radius:0;background:none;box-shadow:none;border:1px solid var(--rule)}
:root[data-sound="afro"] .cab::before{display:none}
:root[data-sound="afro"] .face{border-radius:0;background:var(--face);box-shadow:none}
:root[data-sound="afro"] .grille{background:var(--face)}

/* bar */
:root[data-sound="afro"] .bar{background:rgba(11,10,8,.96);backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-sound="afro"] .bar .tri{height:9px;background:none}
:root[data-sound="afro"] .bar .tri .ex svg,:root[data-sound="afro"] .foot-wrap .tri .ex svg{width:100%;height:100%;display:block}
:root[data-sound="afro"] .bar .tri .ex,:root[data-sound="afro"] .foot-wrap .tri .ex{height:100%}
:root[data-sound="afro"] .foot-wrap .tri{height:12px;background:none}
:root[data-sound="afro"] .brand{font-stretch:118%;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:14px}
:root[data-sound="afro"] .xf button,:root[data-sound="afro"] .lang button{font-family:var(--body);font-stretch:118%;font-weight:700;letter-spacing:.14em}
:root[data-sound="afro"] .xf-cap{background:linear-gradient(180deg,#f0c35a,var(--ochre))}
:root[data-sound="afro"] .xf-cap::after{background:var(--night)}

/* buttons: square, ochre on black */
:root[data-sound="afro"] .btn{border-radius:0;font-family:var(--body);font-stretch:112%;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:14.5px;border-width:2px;padding:0 20px}
:root[data-sound="afro"] .btn-gold{background:var(--ochre);border-color:var(--ochre);color:var(--night);box-shadow:none}
:root[data-sound="afro"] .btn-gold:hover{background:#f0b23a}
:root[data-sound="afro"] .btn-line{border-color:var(--ochre);color:var(--ochre)}
:root[data-sound="afro"] .btn-quiet{border-color:var(--rule)}
:root[data-sound="afro"] .txtlink{color:var(--ochre)}

/* ---------- hero: ochre frame (double line), badge, SIS/TAH/VI/BES, genres; Karla cut out on the right ---------- */
:root[data-sound="afro"] .wall{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "photo" "info";gap:0;padding-top:18px}
:root[data-sound="afro"] .wall .cab{border:0;background:none}
:root[data-sound="afro"] .wall .face{background:none}
:root[data-sound="afro"] .w-name .face{position:relative;border:5px solid var(--ochre);padding:clamp(22px,4vw,36px) clamp(20px,3.6vw,34px) clamp(20px,3vw,30px);background:rgba(11,10,8,.92);justify-content:flex-start;gap:0}
:root[data-sound="afro"] .w-name .face::after{content:"";position:absolute;inset:6px;border:1.5px solid var(--clay);pointer-events:none}
:root[data-sound="afro"] .ex-bdg{width:clamp(120px,40%,190px);aspect-ratio:1;margin:0 auto clamp(18px,3vw,28px)}
:root[data-sound="afro"] .ex-badge{display:block;width:100%;height:auto}
:root[data-sound="afro"] .name{font-size:0;line-height:0;text-shadow:none;margin:0;display:block}
:root[data-sound="afro"] .name>span:not(.ex){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:root[data-sound="afro"] .ex-word{color:var(--ochre);aspect-ratio:300/460}
:root[data-sound="afro"] .ex-word svg{display:block;width:100%;height:auto;fill:currentColor}
:root[data-sound="afro"] .w-name .genres{display:block;margin:clamp(22px,3vw,30px) 0 0;padding-top:clamp(18px,2.4vw,24px);border-top:1.5px solid var(--clay);list-style:none;color:var(--ochre)}
:root[data-sound="afro"] .w-name .genres li{display:block;font-stretch:125%;font-weight:800;font-size:clamp(19px,2.2vw,26px);line-height:1.22;letter-spacing:.02em;text-transform:uppercase}
:root[data-sound="afro"] .w-name .genres li::before{display:none}
:root[data-sound="afro"] .w-name .genres li:nth-child(2){color:var(--sand)}
:root[data-sound="afro"] .w-name .genres li:nth-child(3){color:var(--clay-t)}
:root[data-sound="afro"] .photo-face{background:none;overflow:visible;display:flex;align-items:flex-end;justify-content:center;min-height:0}
:root[data-sound="afro"] .photo-face img.ex-cut{position:static;width:min(100%,560px);height:auto;aspect-ratio:1400/1708;object-fit:contain;filter:grayscale(1) sepia(.14) contrast(1.12) brightness(.96)}
:root[data-sound="afro"] .w-info .face{padding:clamp(22px,3vw,30px) 0 0;gap:18px}
:root[data-sound="afro"] .w-info .badge{display:none}
:root[data-sound="afro"] .roles{font-stretch:125%;font-weight:300;font-size:clamp(13px,1.3vw,16px);letter-spacing:.24em;text-transform:uppercase;color:var(--paper)}
:root[data-sound="afro"] .tag{font-size:clamp(18px,1.6vw,21px);line-height:1.5;max-width:46ch;color:var(--paper)}
@media (min-width:900px){
  :root[data-sound="afro"] .wall{grid-template-columns:minmax(0,3.9fr) minmax(0,8.1fr);grid-template-areas:"name photo" "info photo";column-gap:clamp(24px,3vw,48px);align-items:start}
  :root[data-sound="afro"] .w-photo{align-self:stretch;position:relative;min-height:0}
  :root[data-sound="afro"] .w-photo .face{position:absolute;inset:0;min-height:0;justify-content:flex-start;align-items:flex-end}
  :root[data-sound="afro"] .photo-face img.ex-cut{height:100%;width:auto;max-width:none;margin-right:-8%}
  :root[data-sound="afro"] .w-info .face{justify-content:flex-start;padding-block:28px 6px}
}
/* triangle run + zigzag band closing the hero */
:root[data-sound="afro"] .ex-band{max-width:var(--max);margin:clamp(20px,3vw,32px) auto 0;padding-left:var(--gut);padding-right:var(--gut-r)}
:root[data-sound="afro"] .ex-band .ex-tri{height:clamp(14px,1.6vw,22px)}
:root[data-sound="afro"] .ex-band .ex-zz{height:clamp(22px,2.6vw,34px);margin-top:8px}
:root[data-sound="afro"] .ex-tri svg,:root[data-sound="afro"] .ex-zz svg{width:100%;height:100%;display:block}

/* ---------- key facts: black boxes, clay top rule, ochre numbers ---------- */
:root[data-sound="afro"] .rating{margin-top:clamp(20px,3vw,32px)}
:root[data-sound="afro"] .rating>div{background:var(--face);color:var(--paper);box-shadow:none;border:1px solid var(--rule);border-top:3px solid var(--clay);border-radius:0!important}
:root[data-sound="afro"] .rating>div::after{display:none}
:root[data-sound="afro"] .rating>div+div{border-left:0}
:root[data-sound="afro"] .rating b{font:800 clamp(24px,2.6vw,32px)/1.08 var(--body);font-stretch:110%;color:var(--ochre);text-shadow:none;letter-spacing:-.01em}
:root[data-sound="afro"] .rating span{color:var(--paper);font-weight:400;font-size:15px;text-shadow:none}
@media (max-width:759px){:root[data-sound="afro"] .rating>div:nth-child(3){border-left:1px solid var(--rule)}:root[data-sound="afro"] .rating>div:nth-child(2n){border-left:0}}

/* ---------- boxes: block-letter headings with a Bogolan run underneath ---------- */
:root[data-sound="afro"] .stack .face{padding:clamp(24px,3.4vw,44px)}
:root[data-sound="afro"] .plate{font-size:0;line-height:0;margin:0;color:var(--ochre);text-shadow:none;min-height:clamp(34px,7cqi,58px)}
:root[data-sound="afro"] .plate .ex-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;font-size:16px}
:root[data-sound="afro"] .plate .ex-bw{display:block;height:clamp(34px,7cqi,58px);width:auto;max-width:100%;fill:currentColor}
:root[data-sound="afro"] .ex-under{height:clamp(12px,1.4vw,16px);margin:clamp(8px,1vw,12px) 0 clamp(24px,3vw,34px)}
:root[data-sound="afro"] .ph-head .ex-under{flex-basis:100%;order:3;margin-bottom:6px}
:root[data-sound="afro"] .statement{font-family:var(--body);font-weight:700;font-size:clamp(23px,2.5vw,32px);line-height:1.2;letter-spacing:-.01em;max-width:30ch}
:root[data-sound="afro"] .lead{font-size:clamp(18px,1.5vw,20px)}
:root[data-sound="afro"] .foot,:root[data-sound="afro"] .note,:root[data-sound="afro"] .press-lead{font-size:16px;color:var(--muted)}
:root[data-sound="afro"] .rich b{font-size:18px}
:root[data-sound="afro"] .rich span,:root[data-sound="afro"] .tl span:last-child{font-size:16px}
:root[data-sound="afro"] .b-host .rich li:nth-child(-n+2) b{color:var(--ochre);font-stretch:110%;font-weight:800;font-size:20px}

/* labels: wide, caps, spaced, dark orange, with a small triangle */
:root[data-sound="afro"] .j-side h3,:root[data-sound="afro"] .specs h3,:root[data-sound="afro"] .rt-role,:root[data-sound="afro"] .facts dt{font-family:var(--body);font-stretch:118%;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--clay-t)}
:root[data-sound="afro"] .j-side h3::before,:root[data-sound="afro"] .specs h3::before{content:"";display:inline-block;width:12px;height:10px;margin-right:10px;background:var(--ochre);clip-path:polygon(50% 0,100% 100%,0 100%);vertical-align:0}

/* selector: the genres as one big stack */
:root[data-sound="afro"] .sel-grid{grid-template-columns:minmax(0,1fr)}
:root[data-sound="afro"] .lanes li{grid-template-columns:minmax(0,1fr);border-color:var(--rule)}
:root[data-sound="afro"] .lanes .led{display:none}
:root[data-sound="afro"] .lanes b{font-family:var(--body);font-stretch:125%;font-weight:900;font-size:clamp(26px,4.4vw,46px);line-height:1.04;text-transform:uppercase;color:var(--ochre);letter-spacing:0}
:root[data-sound="afro"] .lanes .g{font-size:18px;margin-top:8px}
:root[data-sound="afro"] .lanes .w{font-size:16px}

/* host, producer, listen */
:root[data-sound="afro"] .rt-name{font-family:var(--body);font-stretch:118%;font-weight:900;text-transform:uppercase;font-size:clamp(28px,3.4vw,42px);letter-spacing:0}
:root[data-sound="afro"] .release h3{font-family:var(--body);font-weight:800;font-size:22px}
:root[data-sound="afro"] .release p{font-size:16px}
:root[data-sound="afro"] .d-l1{fill:var(--ochre)}:root[data-sound="afro"] .d-l2{fill:var(--clay)}:root[data-sound="afro"] .d-l3{fill:var(--umber)}
:root[data-sound="afro"] .chip,:root[data-sound="afro"] .countries li,:root[data-sound="afro"] .arrows button,:root[data-sound="afro"] .player,:root[data-sound="afro"] .form,:root[data-sound="afro"] .form-fb,:root[data-sound="afro"] .form-err,:root[data-sound="afro"] .names li{border-radius:0}
:root[data-sound="afro"] .chip{font-size:15px}
:root[data-sound="afro"] .play{border-radius:0;color:var(--night)}
:root[data-sound="afro"] .radio p{font-size:16.5px}
:root[data-sound="afro"] .onair-h i{border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--clay);width:11px;height:10px}

/* story */
:root[data-sound="afro"] .portrait{border-radius:0;background:radial-gradient(ellipse at 50% 70%,#1d1914 0%,#0b0a08 70%);border:1px solid var(--ochre);box-shadow:0 0 0 6px var(--night),0 0 0 7.5px var(--clay)}
:root[data-sound="afro"] .prose{font-size:18px;color:var(--paper)}
:root[data-sound="afro"] .pull p{font-family:var(--body);font-stretch:112%;font-weight:800;font-size:clamp(24px,2.6vw,34px);line-height:1.2;color:var(--ochre)}
:root[data-sound="afro"] .pull{border-top:1px solid var(--rule);padding-top:clamp(20px,3vw,28px)}
:root[data-sound="afro"] .pull p::before{content:none}
:root[data-sound="afro"] .facts dd{font-size:17px}

/* journey */
:root[data-sound="afro"] .tl .yr{font-family:var(--body);font-weight:800;font-size:18px;color:var(--ochre)}
:root[data-sound="afro"] .tl b{font-size:18px}
:root[data-sound="afro"] .countries li{border:0;padding:4px 14px 4px 0;font-size:17px}
:root[data-sound="afro"] .countries li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--clay-t);margin-right:9px;vertical-align:.2em}
:root[data-sound="afro"] .countries li.far{color:var(--paper)}
:root[data-sound="afro"] .names li{background:var(--face-2);box-shadow:inset 0 0 0 1px var(--rule)}
:root[data-sound="afro"] .names b{font-size:17px}
:root[data-sound="afro"] .names span{font-size:14.5px;color:var(--muted)}

/* photos: black and white, like the kit */
:root[data-sound="afro"] .strip figure{border-radius:0;border:1px solid var(--rule)}
:root[data-sound="afro"] .strip img,:root[data-sound="afro"] .portrait img{filter:grayscale(1) sepia(.14) contrast(1.06)}
:root[data-sound="afro"] .handle{color:var(--ochre)}

/* booking */
:root[data-sound="afro"] .direct a{font-size:18px}
:root[data-sound="afro"] .direct .num{color:var(--ochre);font-weight:800}
:root[data-sound="afro"] .direct small{font-size:15px}
:root[data-sound="afro"] .ex-bdg-sm{width:132px;margin:28px 0 0}
:root[data-sound="afro"] .specs ul{font-size:16.5px;list-style:none;padding:0}
:root[data-sound="afro"] .specs li{position:relative;padding:3px 0 3px 22px}
:root[data-sound="afro"] .specs li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:9px;background:var(--clay-t);clip-path:polygon(50% 0,100% 100%,0 100%)}
:root[data-sound="afro"] .form{background:var(--face-2);box-shadow:inset 0 0 0 1px var(--rule)}
:root[data-sound="afro"] .field label{font-size:15px}
:root[data-sound="afro"] .field input,:root[data-sound="afro"] .field select,:root[data-sound="afro"] .field textarea{background:var(--night);border-radius:0;font-size:17px}
:root[data-sound="afro"] .press-h{font-family:var(--body);font-stretch:118%;font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:var(--ochre)}
:root[data-sound="afro"] .pk{background:var(--night);color:var(--paper);border:1px solid var(--rule);border-top:3px solid var(--ochre);border-radius:0;box-shadow:none}
:root[data-sound="afro"] .pk:hover{border-color:var(--ochre);box-shadow:none}
:root[data-sound="afro"] .pk-l{font:900 30px/1 var(--body);font-stretch:118%;color:var(--ochre)}
:root[data-sound="afro"] .pk-l.pk-sm{font-size:14px;letter-spacing:.1em}
:root[data-sound="afro"] .pk small{color:var(--muted);font-size:14px}
:root[data-sound="afro"] .pk .i{color:var(--ochre)}

/* nav map, mobile bar, footer */
:root[data-sound="afro"] .map a{border-radius:0;background:#2a2520}
:root[data-sound="afro"] .map a.on{background:var(--ochre)}
:root[data-sound="afro"] .map a span{border-radius:0;background:var(--ochre);color:var(--night)}
:root[data-sound="afro"] .mbar{border-radius:0;background:rgba(11,10,8,.97);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 0 0 1px var(--rule),0 18px 40px -20px #000}
:root[data-sound="afro"] .ft-links a{font-size:15.5px}
:root[data-sound="afro"] .ft-ver{font-size:13.5px}

/* phones: the frame stays a frame, not a full screen of letters */
@media (max-width:899px){
  :root[data-sound="afro"] .ex-bdg{width:96px;margin-bottom:16px}
  :root[data-sound="afro"] .ex-word{width:min(100%,250px);margin-inline:auto}
  :root[data-sound="afro"] .ex-word svg{width:100%}
  :root[data-sound="afro"] .w-name .genres{text-align:center}
  :root[data-sound="afro"] .photo-face img.ex-cut{width:min(100%,420px);margin-top:-8px}
}

/* accent wedge sits above the letters (Ú in ESCÚCHALA) */
:root[data-sound="afro"] .plate .ex-bw{overflow:visible}
:root[data-sound="afro"] .plate .ex-bw.acc{margin-top:clamp(10px,2cqi,17px)}

/* hero cut-out: the mixer fades out to the right as it does at the bottom */
:root[data-sound="afro"] .photo-face img.ex-cut{-webkit-mask-image:linear-gradient(90deg,#000 0 78%,transparent 99%);mask-image:linear-gradient(90deg,#000 0 78%,transparent 99%)}

/* photos: dark cut-outs as busts, like the PDF */
:root[data-sound="afro"] .strip figure.ex-bust{position:relative;width:clamp(220px,28vw,340px);background:radial-gradient(ellipse at 50% 70%,#1d1914 0%,#0b0a08 70%)}
:root[data-sound="afro"] .strip figure.ex-bust img{position:absolute;left:50%;top:5%;height:165%;width:auto;max-width:none;transform:translateX(-50%);object-fit:contain}

/* ---------- the one authored motion: triangle runs draw in from the left (visible by default; JS arms only runs below the fold) ---------- */
:root[data-sound="afro"] .ex-armed svg{clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.16,1,.3,1)}
:root[data-sound="afro"] .ex-armed.ex-in svg{clip-path:inset(0 0 0 0)}
@media (prefers-reduced-motion:reduce){:root[data-sound="afro"] .ex-armed svg{clip-path:none;transition:none}}

/* smooth wheel scrolling (Lenis, desktop pointers only) */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-smooth iframe{pointer-events:none}


/* ---------- press photos on request ---------- */
.media-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 32px}
.media-head .press-lead{max-width:56ch;margin-bottom:0}
.md-form{margin-top:22px;display:grid;gap:16px}
.md-form[hidden]{display:none}
:root .md-form .md-use{border:0;padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 26px}
:root .md-form .md-use legend{padding:0;margin-bottom:6px;font-size:15px;color:var(--muted)}
:root .md-form .md-use label{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:17px;color:var(--paper)}
.md-use input{width:20px;height:20px;min-height:0;padding:0;accent-color:var(--gold);margin:0}
:root[data-sound="afro"] .media-head .btn svg{width:20px;height:20px}

/* press photos: set apart from the free PDFs, in clay with the WhatsApp mark, because they come only on request */
.media{position:relative;margin-top:clamp(28px,4vw,40px);padding:clamp(22px,3vw,32px);border:1px solid var(--rule);border-top:3px solid var(--red);background:color-mix(in srgb,var(--red) 9%,var(--face))}
.md-tag{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:5px 10px;background:var(--red);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.md-tag .i{width:15px;height:15px}
.md-btn{background:var(--red);border-color:var(--red);color:#fff}
.md-btn:hover{background:color-mix(in srgb,var(--red) 85%,#fff);border-color:color-mix(in srgb,var(--red) 85%,#fff)}
:root[data-sound="afro"] .md-tag{font-family:var(--body);font-stretch:118%}
:root[data-sound="afro"] .media .press-h{color:var(--paper)}

/* bar: the logo never shrinks away; narrow phones read "Electro" */
.brand,.brand img{flex:none}
.xf-s{display:none}
@media (max-width:420px){.xf-l{display:none}.xf-s{display:inline}.xf{gap:8px}}

/* ---------- the scroll story, electronic cut (sv-electro.js) ---------- */
/* 1 · the page opens like a fader: boxes slide in, then the name and the band wipe in from the left */
.e-build .wall>.cab{animation:e-in .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--u-i,0) * 90ms)}
.e-build .ex-word svg{animation:e-wipe 1.15s cubic-bezier(.16,1,.3,1) .22s both}
.e-build .ex-band .ex-tri svg{animation:e-wipe 1.1s cubic-bezier(.16,1,.3,1) .5s both}
.e-build .ex-band .ex-zz svg{animation:e-wipe 1.1s cubic-bezier(.16,1,.3,1) .62s both}
@keyframes e-in{from{transform:translateX(-26px);opacity:.01}to{transform:none;opacity:1}}
@keyframes e-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
/* 2 · every box below rises into place as it scrolls in (armed only below the fold, visible by default) */
.e-arm{transform:translateY(56px);opacity:0}
.e-rise{transform:none;opacity:1;transition:transform 1.05s cubic-bezier(.16,1,.3,1),opacity .6s ease-out}
/* 3 · the groove: the zigzag runs inside its strip */
:root[data-sound="afro"] .ex-band .ex-zz{overflow:hidden}
:root[data-sound="afro"] .ex-zz svg{overflow:visible}
.e-groove{will-change:transform}
/* 4 · depth: the symbol field drifts slower than the page (desktop) */
@media (pointer:fine) and (min-width:900px){
  :root[data-sound="afro"].e-live .ex-field::after{bottom:-1176px;transform:translate3d(0,var(--fy,0px),0);will-change:transform}
}
/* the stack map fills as the sections pass (reached = umber, here = ochre) */
:root[data-sound="afro"] .map a.u-reached{background:#5c3418}
:root[data-sound="afro"] .map a.on{background:var(--ochre)}
@media (prefers-reduced-motion:reduce){.e-arm{transform:none;opacity:1}.e-build .wall>.cab,.e-build .ex-word svg,.e-build .ex-band svg{animation:none}}

/* documentary teaser in the electronic cut: square chips, wide Archivo title, ochre accents */
:root[data-sound="afro"] .doc-stops li{border-radius:0}
:root[data-sound="afro"] .doc-stops li.open{border-color:color-mix(in srgb,var(--ochre) 75%,transparent);color:var(--ochre)}
:root[data-sound="afro"] .doc-title{font-family:Archivo,sans-serif;font-stretch:118%;font-weight:800;letter-spacing:-.01em;color:var(--ochre)}
:root[data-sound="afro"] .doc-kick,:root[data-sound="afro"] .doc-label{font-family:Archivo,sans-serif;font-stretch:118%;color:#d6753a}