:root{--botty-bg:#05070b;--botty-panel:#0b1018;--botty-line:rgba(110,239,255,.22);--botty-cyan:#62efff;--botty-lime:#c7ff46;--botty-text:#f3f7fb;--botty-muted:#93a2b5}
.botty-page{background:var(--botty-bg);color:var(--botty-text)}
.botty-page .site-header{background:rgba(5,7,11,.9);border-bottom-color:rgba(98,239,255,.14)}
.botty-page .site-nav a.active{color:var(--botty-cyan)}
.botty-hero{min-height:88vh;padding:clamp(8rem,15vw,12rem) clamp(1.5rem,7vw,7rem) 5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:end;gap:4rem;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 30%,rgba(98,239,255,.13),transparent 34%),radial-gradient(circle at 20% 75%,rgba(199,255,70,.08),transparent 32%),#05070b}
.botty-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(98,239,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(98,239,255,.1) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent 5%,black 45%,transparent 100%);transform:perspective(700px) rotateX(62deg) scale(1.5);transform-origin:center bottom}
.botty-hero-copy,.botty-identity{position:relative;z-index:1}
.botty-overline,.botty-label{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--botty-cyan);font-weight:800}
.botty-hero h1{font-size:clamp(4.6rem,13vw,10rem);line-height:.77;margin:.28em 0 .24em;letter-spacing:-.075em;font-weight:950;text-transform:uppercase}.botty-hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px var(--botty-cyan);font-size:.38em;letter-spacing:.06em;margin-left:.08em;margin-bottom:.22em}
.botty-claim{letter-spacing:.22em;font-weight:800;color:var(--botty-lime);font-size:clamp(.8rem,1.3vw,1rem)}
.botty-intro{max-width:720px;color:#c6d0dc;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.7;margin:1.6rem 0 2rem}
.botty-actions{display:flex;flex-wrap:wrap;gap:.8rem}.botty-primary,.botty-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.8rem 1.2rem;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:900}.botty-primary{background:var(--botty-cyan);color:#041014}.botty-secondary{border:1px solid var(--botty-line);color:var(--botty-text)}
.botty-identity{border:1px solid var(--botty-line);padding:2rem;background:linear-gradient(145deg,rgba(98,239,255,.07),rgba(255,255,255,.015));box-shadow:18px 18px 0 rgba(98,239,255,.035)}.botty-identity span,.botty-identity small{display:block;color:var(--botty-muted);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.botty-identity strong{display:block;font-size:clamp(2rem,4vw,3.5rem);line-height:.88;margin:.8rem 0 1.1rem;letter-spacing:-.055em}
.botty-about,.botty-tracks,.botty-channel{padding:clamp(4.5rem,8vw,8rem) clamp(1.5rem,7vw,7rem)}
.botty-about{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,8vw,8rem);border-top:1px solid var(--botty-line);border-bottom:1px solid var(--botty-line);background:#070b11}.botty-about h2,.botty-section-head h2,.botty-channel h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.94;letter-spacing:-.055em;margin:.35rem 0}.botty-about h2 em,.botty-section-head h2 em,.botty-channel h2 em{font-style:normal;color:var(--botty-cyan)}.botty-about-copy{font-size:1.06rem;line-height:1.8;color:#bdc7d2}.botty-about-copy p:first-child{margin-top:0}
.botty-section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.botty-section-head a{color:var(--botty-cyan);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}
.botty-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.botty-track{background:var(--botty-panel);border:1px solid rgba(255,255,255,.08);transition:transform .25s ease,border-color .25s ease}.botty-track:hover{transform:translateY(-5px);border-color:var(--botty-cyan)}.botty-track>a{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}.botty-track img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.08);transition:transform .4s ease}.botty-track:hover img{transform:scale(1.04)}.botty-track>a span{position:absolute;right:.6rem;bottom:.6rem;padding:.22rem .45rem;background:rgba(0,0,0,.82);font-size:.7rem;font-weight:800}.botty-track>div{padding:1.2rem}.botty-track small{color:var(--botty-cyan);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:800}.botty-track h3{font-size:1.45rem;margin:.35rem 0 .55rem}.botty-track p{color:var(--botty-muted);line-height:1.55;margin:0;font-size:.92rem}
.botty-shorts-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:clamp(4rem,8vw,7rem) 0 2rem;padding-top:clamp(3rem,6vw,5rem);border-top:1px solid var(--botty-line)}.botty-shorts-head h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.94;letter-spacing:-.055em;margin:.35rem 0}.botty-shorts-head h2 em{font-style:normal;color:var(--botty-lime)}.botty-shorts-head>div>p:last-child{color:var(--botty-muted);line-height:1.6;max-width:720px}.botty-shorts-head>a{color:var(--botty-lime);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.botty-short-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}.botty-short{background:var(--botty-panel);border:1px solid rgba(199,255,70,.15);transition:transform .25s ease,border-color .25s ease}.botty-short:hover{transform:translateY(-5px);border-color:var(--botty-lime)}.botty-short>a{display:block;position:relative;aspect-ratio:9/13;overflow:hidden;background:#111}.botty-short img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.botty-short:hover img{transform:scale(1.04)}.botty-short>a span{position:absolute;right:.6rem;bottom:.6rem;padding:.22rem .45rem;background:rgba(0,0,0,.82);font-size:.7rem;font-weight:800}.botty-short>a b{position:absolute;left:.6rem;top:.6rem;padding:.28rem .5rem;background:var(--botty-lime);color:#101600;font-size:.62rem;letter-spacing:.12em}.botty-short>div{padding:1.2rem}.botty-short small{color:var(--botty-lime);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:800}.botty-short h3{font-size:1.3rem;margin:.35rem 0 .55rem}.botty-short p{color:var(--botty-muted);line-height:1.55;margin:0;font-size:.9rem}
.botty-channel{display:flex;align-items:end;justify-content:space-between;gap:3rem;background:linear-gradient(120deg,#0b111a,#071018);border-top:1px solid var(--botty-line)}.botty-channel>div{max-width:850px}.botty-channel p:not(.botty-label){color:#b8c3d0;max-width:700px;line-height:1.7}
.botty-footer{padding:2rem clamp(1.5rem,7vw,7rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid var(--botty-line);color:var(--botty-muted);font-size:.82rem}.botty-footer>a{color:var(--botty-cyan)}.botty-footer>span strong,.botty-footer>span small{display:block}.botty-footer>span strong{color:var(--botty-text);letter-spacing:.08em}.botty-footer>span small{margin-top:.2rem}
.botty-bridge{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:clamp(2rem,7vw,7rem);background:linear-gradient(135deg,#070a0f,#0d1720);color:#f4f7fb;border-top:1px solid rgba(98,239,255,.2);border-bottom:1px solid rgba(98,239,255,.2)}.botty-bridge-copy h2{font-size:clamp(3.5rem,7vw,7rem);line-height:.82;letter-spacing:-.07em;margin:.25em 0}.botty-bridge-copy h2 em{font-style:normal;color:#62efff}.botty-bridge-copy>p:not(.kicker):not(.botty-producer){color:#b6c2cf;max-width:720px;line-height:1.7;font-size:1.06rem}.botty-producer{display:flex;gap:1rem;align-items:center;margin:1.6rem 0}.botty-producer span{font-size:.68rem;letter-spacing:.15em;color:#62efff;text-transform:uppercase}.botty-producer strong{font-size:1rem}.botty-button{background:#62efff!important;color:#041014!important;border-color:#62efff!important}.botty-bridge-mark{min-height:330px;border:1px solid rgba(98,239,255,.24);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(98,239,255,.14),transparent 58%),repeating-linear-gradient(0deg,transparent 0 19px,rgba(98,239,255,.035) 20px);transform:rotate(2deg)}.botty-bridge-mark span{color:#62efff;font-weight:900;letter-spacing:.18em}.botty-bridge-mark strong{font-size:clamp(4rem,8vw,7rem);line-height:.82;letter-spacing:-.08em}.botty-bridge-mark small{margin-top:1.2rem;letter-spacing:.18em;color:#c7ff46;font-weight:800}
@media (max-width:980px){.botty-hero{grid-template-columns:1fr;align-items:center}.botty-identity{max-width:430px}.botty-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.botty-short-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.botty-bridge{grid-template-columns:1fr}.botty-bridge-mark{min-height:250px}.botty-page .site-nav a{font-size:.74rem}}
@media (max-width:680px){.botty-hero{padding-top:8.5rem;min-height:auto}.botty-about,.botty-channel{grid-template-columns:1fr;display:grid}.botty-section-head,.botty-shorts-head{display:block}.botty-section-head>a,.botty-shorts-head>a{display:inline-block;margin-top:1rem}.botty-track-grid,.botty-short-grid{grid-template-columns:1fr}.botty-short>a{aspect-ratio:4/5}.botty-footer{align-items:flex-start;flex-direction:column}.botty-bridge-mark strong{font-size:4rem}}


/* DJ. BOTTY identity, based on the supplied logo. */
.botty-page{--botty-bg:#08030e;--botty-panel:#13091c;--botty-line:rgba(230,80,255,.28);--botty-cyan:#ec63fa;--botty-lime:#ff61d8;--botty-muted:#b9a5c5;background:#08030e}
.botty-page .site-header{background:rgba(8,3,14,.94);border-bottom-color:rgba(229,93,255,.23)}
.botty-page .site-nav a.active{color:#f17fff}
.botty-page .botty-home-link{color:#f5c7fc}
.botty-hero{min-height:720px;grid-template-columns:minmax(0,1fr) minmax(230px,330px);align-items:center;gap:clamp(2rem,5vw,5rem);padding-top:clamp(7rem,9vw,8rem);background:radial-gradient(circle at 29% 36%,rgba(169,48,222,.2),transparent 34%),radial-gradient(circle at 83% 72%,rgba(255,36,164,.12),transparent 32%),#08030e}
.botty-grid{opacity:.17;background-image:linear-gradient(rgba(237,83,252,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(237,83,252,.14) 1px,transparent 1px)}
.botty-hero-copy{max-width:790px}
.botty-hero-logo{display:block;width:min(100%,450px);height:auto;margin:-.7rem 0 -1rem -.7rem;filter:drop-shadow(0 0 36px rgba(218,53,255,.28))}
.botty-claim{color:#ff74e1;font-size:clamp(.75rem,1.25vw,.95rem);letter-spacing:.18em}
.botty-intro{margin:1.2rem 0 1.8rem;color:#d9cbe1}
.botty-primary{background:linear-gradient(110deg,#f085ff,#ff56be);color:#16051d}
.botty-secondary{border-color:rgba(242,128,255,.5)}
.botty-identity{background:linear-gradient(145deg,rgba(173,54,229,.16),rgba(255,45,164,.05));box-shadow:18px 18px 0 rgba(205,46,233,.05)}
.botty-about{background:#0d0614}
.botty-track,.botty-short{border-color:rgba(230,80,255,.15)}
.botty-short>a b{color:#210622}
.botty-channel{background:linear-gradient(120deg,#170a23,#0d071a)}
.botty-bridge{background:linear-gradient(135deg,#100819,#230d2f);border-color:rgba(225,83,248,.28)}
.home-v2 .botty-bridge h2 em{color:#ed72fc}
.botty-bridge-copy .botty-producer span{color:#f087ff}
.botty-button{background:#ed72fc!important;color:#1a0920!important;border-color:#ed72fc!important}
.botty-bridge-mark{min-height:unset;padding:1rem;background:radial-gradient(circle,rgba(213,64,255,.14),transparent 65%);border-color:rgba(225,83,248,.34);transform:rotate(1deg);text-decoration:none}
.botty-bridge-mark img{display:block;width:min(100%,420px);height:auto;filter:drop-shadow(0 0 24px rgba(233,72,253,.2))}
.botty-bridge-mark span{color:#f087ff;margin:-.4rem 0 .5rem}
@media(max-width:980px){.botty-hero{grid-template-columns:1fr;min-height:auto}.botty-hero-logo{width:min(100%,550px)}.botty-identity{max-width:450px}}
@media(max-width:680px){.botty-hero{padding-top:7.5rem;gap:2rem}.botty-hero-logo{width:calc(100% + 1rem);margin:-.5rem 0 -.5rem -.5rem}.botty-claim{line-height:1.6}.botty-bridge-mark{padding:.5rem}.botty-bridge-mark img{width:min(100%,340px)}}

/* Shared DJ. BOTTY navigation and catalogue pages. */
.botty-page .botty-brand{display:flex;align-items:center;gap:.7rem}
.botty-brand-mark{display:block;width:2.7rem;height:2.7rem;flex:none;border:1px solid rgba(236,99,250,.35);overflow:hidden;border-radius:.35rem}
.botty-brand-mark img{width:100%;height:100%;object-fit:cover}
.botty-page .brand-name strong{font-family:inherit;font-weight:900;letter-spacing:.06em;color:#f6e8fb}
.botty-page .brand-name small{color:#f17fff}
.botty-page .site-nav a:hover,.botty-page .site-nav a:focus-visible{color:#fff}
.botty-page .site-nav .active{border-bottom:2px solid #ed72fc}
.botty-section-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.3rem}
.botty-inner-hero{padding:clamp(8rem,12vw,10rem) clamp(1.5rem,7vw,7rem) clamp(3.5rem,6vw,6rem);background:radial-gradient(circle at 76% 35%,rgba(184,46,229,.22),transparent 35%),linear-gradient(120deg,#11071b,#08030e);border-bottom:1px solid var(--botty-line)}
.botty-inner-hero h1{font-size:clamp(3.8rem,9vw,8rem);line-height:.92;letter-spacing:-.065em;margin:.35rem 0 1.2rem}
.botty-inner-hero h1 em{font-style:normal;color:#ed72fc}
.botty-inner-hero>p:last-child{font-size:clamp(1rem,1.6vw,1.22rem);line-height:1.65;color:#d9cbe1;max-width:760px}
.botty-catalogue{padding-top:clamp(3rem,6vw,6rem)}
.botty-ranking-list{display:grid;gap:.65rem}
.botty-ranking-item{display:grid;grid-template-columns:3.5rem 8.5rem minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:.8rem 1.2rem;background:#13091c;border:1px solid rgba(230,80,255,.2)}
.botty-rank-number{font-size:2rem;font-weight:900;letter-spacing:-.06em;color:#f17fff}
.botty-ranking-item img{width:8.5rem;aspect-ratio:16/9;object-fit:cover}
.botty-ranking-item h3{font-size:clamp(1rem,2vw,1.45rem);margin:0 0 .3rem}
.botty-ranking-item p{font-size:.86rem;color:var(--botty-muted);margin:0}
.botty-ranking-item>a{color:#f17fff;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.botty-ranking-note{color:var(--botty-muted);line-height:1.6;margin:1.8rem 0 0;max-width:850px}
@media(max-width:680px){.botty-page .site-nav{background:#100719}.botty-page .site-nav .active{border-bottom:1px solid var(--botty-line)}.botty-inner-hero{padding-top:7.5rem}.botty-ranking-item{grid-template-columns:2.5rem 5.5rem minmax(0,1fr);gap:.7rem;padding:.7rem}.botty-rank-number{font-size:1.4rem}.botty-ranking-item img{width:5.5rem}.botty-ranking-item>a{grid-column:3;justify-self:start}.botty-ranking-item h3{font-size:1rem}}