.dj-hero{position:relative;min-height:clamp(560px,58vw,820px);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 62% 42%,#1a1a1a,#000 65%)}
.dj-hero__bg{position:absolute;inset:0}
.dj-hero__bg img,.dj-hero__bg video{width:100%;height:100%;object-fit:cover;display:block}
.dj-hero__scrim{position:absolute;inset:0;pointer-events:none}
.dj-hero__in{position:relative;width:100%;box-sizing:border-box;padding-top:120px;padding-bottom:clamp(48px,7vw,96px)}
.dj-hero__h{max-width:1100px}
.dj-hero__p{max-width:620px;margin:32px 0 0;font-size:18px;line-height:1.6}
.dj-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px;font-size:13px}
.dbtn{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;font-family:var(--mono);font-size:13px;text-decoration:none;transition:filter 236ms,border-color 236ms,color 236ms,background-color 236ms,transform 236ms cubic-bezier(.2,.7,.2,1)}
.dbtn--fill{background:var(--accent);color:#000!important}
.dbtn--line{border:1px solid #333;color:#ccc}
.dbtn:hover{transform:translateY(-2px)}
.dbtn:active{transform:none}
.dbtn--fill:hover{filter:brightness(1.15)}
.dbtn--line:hover{border-color:var(--accent);color:#fff;background-color:rgba(255,77,0,.06)}
.dbtn span{display:inline-block;transition:transform 236ms cubic-bezier(.2,.7,.2,1)}
.dbtn:hover span{transform:translate(2px,-2px)}
.dbtn--lg{min-height:48px;padding:0 28px}
.dj-center{display:flex;justify-content:center;margin-top:40px}
.dj-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:40px}
.dj-pillars .h2{margin-bottom:12px}
.dj-pillars p{margin:0;line-height:1.6}
.dj-num{margin:0 0 20px}
.dj-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(40px,6vw,96px);align-items:start}
.dj-big{font-size:clamp(32px,4vw,56px)!important;font-weight:200;letter-spacing:-.035em;line-height:1.05;margin:0}
.dj-rte{margin-top:32px;max-width:480px;font-size:17px;line-height:1.65}
.dj-rte p{margin:0 0 16px}
.dj-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:40px}
.dj-steps li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px}
.dj-steps .mono{font-size:13px;padding-top:6px}
.dj-steps h3,.dj-tier h3,.dj-post h3{margin:0 0 8px;font-size:26px;font-weight:300;letter-spacing:-.02em;color:#e6e6e6}
.dj-steps p{margin:0;line-height:1.6}
.dj-media{aspect-ratio:16/9;background:#0e0e0e;border:1px solid #141414;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dj-media>*{width:100%;height:100%;object-fit:cover;display:block;border:0}
.dj-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.dj-head .eyebrow{margin:0}
.dj-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:12px}
.dj-thumbs>*{aspect-ratio:1;background:#121212;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dj-thumbs img,.dj-work img,.dj-post img{width:100%;height:100%;object-fit:cover;display:block}
.dj-rows{margin-top:48px;border-top:1px solid #1a1a1a;font-size:13px}
.asg-row{display:grid;grid-template-columns:minmax(110px,160px) 70px 1fr auto;gap:16px;align-items:center;min-height:64px;padding:12px 0;box-sizing:border-box;border-bottom:1px solid #1a1a1a;text-decoration:none;transition:background-color 236ms,padding 236ms}
.asg-row:hover{background-color:#0a0a0a;padding-left:12px}
.asg-row:hover .dim{color:var(--accent)}
.asg-title{color:#e6e6e6;font-family:var(--display,'Geist'),sans-serif;font-size:18px}
.dj-tiers-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.dj-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.dj-tier{display:flex;flex-direction:column;padding:28px;border:1px solid #1f1f1f;min-height:440px;box-sizing:border-box}
.dj-tier.is-on{border-color:var(--accent);background:#0a0a0a}
.dj-tier__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.dj-tier__tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.dj-tier h3{margin:28px 0 6px;font-weight:500}
.dj-tier__price{margin:0;font-size:14px}
.dj-tier__desc{margin:20px 0 0;font-size:15px;line-height:1.55;max-width:380px}
.dj-perks{list-style:none;padding:24px 0 0;margin:24px 0 0;border-top:1px solid #1f1f1f;display:flex;flex-direction:column;gap:12px;font-size:12px;line-height:1.5;flex:1}
.dj-perks li{display:flex;gap:10px}
.dj-perks li.is-inc{color:#e6e6e6;padding-bottom:6px}
.dj-tier .dbtn{justify-content:space-between;margin-top:32px;padding:0 18px;font-size:12px}
.dj-work{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:16px}
.dj-work figure{margin:0}
.dj-work .ph{aspect-ratio:4/5;background:#121212;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dj-work figcaption{padding-top:12px;font-size:12px}
.dj-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}
.dj-post{display:block;text-decoration:none}
.dj-post .ph{aspect-ratio:16/9;background:#121212;overflow:hidden}
.dj-post h3{margin:20px 0 8px;font-size:22px;font-weight:500}
.dj-post p{margin:0;line-height:1.6}
.dj-post .mono{margin-top:16px}
.ph-cap{font-size:11px}
@media (max-width:640px){.asg-row{grid-template-columns:auto 1fr auto;row-gap:4px}.asg-row .asg-title{grid-column:1/-1;order:3}}
@media (prefers-reduced-motion:reduce){.dbtn,.dbtn span,.asg-row{transition:none}.dbtn:hover,.dbtn:hover span{transform:none}}
