@page "/about" @using DeepDrftPublic.Client.Controls The Collective - Deep DRFT @* ── HERO (split 50/50) — reuses the .hero-* type classes with About's own words. NOT DeepDrftHero (that hard-codes the Deep/DRFT masthead + streaming CTA). ── *@
Charleston, South Carolina

The
Collective

Two people, many hats. We bring the heart and soul of Midwest deep house to Charleston — informed by the founders of the style, and promising to push it forward.

@* IMG SLOT A — hero duo portrait. Reuses the committed duo pair as interim. *@
@* IMG SLOT B — full-bleed band under the hero, bw+colour crossfade pair. *@
@* ════════════════════ MOVEMENT ONE — THE PEOPLE (pathos) ════════════════════ *@
The People
@* People intro — two-column section: label + serif title left, prose right. *@
The Collective

Two of Us,
No Fixed
Roles

We met trading synthesizers and found out we were seeking the same thing. Two of us, no fixed roles — we both write, arrange, produce, mix, record in the field, build the visuals, and make the tools when the tools don't exist yet.

@* Member bio pair — two cards side by side; each composes with the body absent (Khabran ships with an empty body slot, same null-renders-nothing discipline as ReleaseDescription). *@ @foreach (var member in _members) {
@if (member.PortraitImage1 is not null) { } else { @* Graceful-degrade placeholder until a portrait file lands. *@ }
@member.Name
@member.Role
@if (!string.IsNullOrWhiteSpace(member.Bio)) {

@member.Bio

}
}
@* ════════════════════ MOVEMENT TWO — THE PROCESS (logos) ════════════════════ *@
The Process
@* Dark feature band — gear-stage cards. The dark ground carries the analytical register. *@
How It's Made

Digital, Analog,
Whatever Moves

It doesn't matter how — digital or analog, hard or soft, bought or built — as long as it moves the room. The soul in this music is designed, not extracted; assembled, not distilled.

Sketch
A loop starts on the Force or the MPC, hands on the pads. The idea has to survive first contact before anything else gets built around it.
Arrange
Sometimes into Ableton, sometimes start-to-finish in REAPER. The track gets shaped wherever it wants to go — we follow the take, not the template.
Studio
A deep bench of synths, drum machines, and pedals; digital and analog, hard and soft, some of it built by hand. If the sound we need doesn't exist yet, we make the thing that makes it.
Live Rig
No laptop, no safety net. A full spread of hardware patched together and played 100% live — sequenced, twisted, and pushed in the moment. Built for the room, the warehouse, the night that doesn't repeat.
@* IMG SLOT D — hands-on-gear band, the literal proof-of-effort image. *@
@* ════════════════════ MOVEMENT THREE — THE PRODUCT (ethos) ════════════════════ *@
The Product
@* Product intro — two-column section framing the catalogue as evidence. *@
The Output

Classics,
with a
Twist

Everything ends up here, in the catalogue. It's proof people in Charleston are pushing the sound of the club.

@* Medium triptych — one-line frame of each medium; definitions, not a re-pitch. *@
Studio
Cuts
Studio work, composed and finished.
Live
Sessions
Live, caught once, never the same twice.
DJ Set
Mixes
Uninterrupted sets, start to finish.
@* The live turn — "on the street, in the swamp": the identity beyond the releases. *@
Beyond the Releases

On the Street,
in the Swamp

But that's just the releases. We're also out there — on the street, in the swamp, with a PA, a generator, and a bunch of good vibes.

@* ── Closing CTA into the catalogue ── *@

Hear the
Proof

The catalogue is the evidence. Start listening.

Explore the Archive Hear a Cut
@* IMG SLOT E — closing atmosphere band. *@
@code { private string AnimClass => RendererInfo.IsInteractive ? string.Empty : "fade-up"; // Member bios. Khabran's body is an intentional empty slot — the card composes // without it (graceful degrade). Daniel's copy is verbatim per spec COPY C, // including the two typos he chose to keep ("embarked in", "metalhead at from"). // PortraitImage* are null until final portrait files land — the card renders a // placeholder treatment in their absence. private record Member( string Name, string Role, string? Bio, string? PortraitImage1 = null, string? PortraitImage2 = null); private readonly Member[] _members = [ new( Name: "Khabran Peters", Role: "Production · Sound Design · Live", Bio: null), new( Name: "Daniel Harvey", Role: "Production · Sound Design · Live", Bio: "Daniel started on drums at ten and embarked in electronic music at seventeen — synthesizers first. A metalhead at from a young age, he spent ten years as an engineer living near Detroit filling the nights with synthesized tones and rhythms, shaped most of all by modern underground Detroit techno. Art & engineering cannot be separated: custom plugins, hardware recording & performance rigs, the tools behind the tracks are just as important as the finished sound. To him the science and the math matter as much as the beauty — tension and release, built deliberately."), ]; }