:root{--cream:#6B20FF;--ink:#F8F2E8;--orange:#FF9BD5;--yellow:#FF9BD5}*{box-sizing:border-box}html,body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{overflow-x:hidden}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2vw;border-bottom:1px solid rgba(35,51,41,.35)}.brand,nav a{color:inherit;text-decoration:none;font-weight:800;font-size:11px;letter-spacing:.08em}nav{display:flex;gap:2vw}.titlebar{padding:2vw 2vw 1.3vw;display:flex;align-items:end;justify-content:space-between;gap:2vw}.titlebar h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:8.8vw;line-height:.78;letter-spacing:-.03em;margin:0;color:var(--yellow);white-space:nowrap}.titlebar h1 span{color:inherit}.meta{font-size:9px;font-weight:800;letter-spacing:.14em;text-align:right;margin-bottom:4px}.wall{margin:0 3vw 3vw;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5vw;align-items:start}.tile{margin:0;position:relative;overflow:hidden;background:transparent;line-height:0}.tile img,.tile video{width:100%;height:auto;display:block;object-fit:contain;background:transparent}.tile figcaption{position:absolute;left:7px;bottom:7px;line-height:1;margin:0;padding:4px 5px;background:rgba(107,32,255,.88);color:#fff;font-size:7px;font-weight:900;letter-spacing:.08em;z-index:2}.q{grid-column:1/span 7}.reel{grid-column:8/span 5}.bts{grid-column:1/span 3}.liz{grid-column:4/span 2}.meekstill{grid-column:6/span 7}.interface{grid-column:6/span 4}.isaac{grid-column:10/span 3}.paak{grid-column:1/span 4}.tail-pack{grid-column:5/span 8;display:grid;grid-template-columns:1.15fr 1fr .72fr;gap:1.5vw;align-items:start}.tail-a,.tail-b,.tail-c{display:flex;flex-direction:column;gap:1.5vw}.tail-b{padding-top:5.5vw}.tail-c{padding-top:1.8vw}.yachty,.gold,.pusha,.meek,.six{width:100%}.end{background:var(--ink);color:var(--cream);padding:2.2vw 2vw 2.5vw;display:flex;justify-content:space-between;gap:3vw;align-items:end}.end div{display:flex;flex-direction:column;gap:8px}.end small{font-size:8px;letter-spacing:.15em}.end strong{font-size:11px;letter-spacing:.04em}.end a{color:var(--cream);font-weight:800;text-decoration:none;font-size:10px}@media(max-width:760px){header{padding:0 3vw}header nav{gap:10px}header nav a:nth-child(2),header nav a:nth-child(3){display:none}.titlebar{padding:6vw 3vw 4vw;display:block}.titlebar h1{font-size:17vw}.meta{text-align:left;margin-top:20px}.wall{margin:0 3vw 3vw;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.q{grid-column:1/span 6}.bts{grid-column:1/span 3}.liz{grid-column:4/span 3}.meekstill{grid-column:1/span 6}.interface{grid-column:1/span 4}.isaac{grid-column:5/span 2}.paak{grid-column:1/span 6}.tail-pack{grid-column:1/span 6;grid-template-columns:1.15fr 1fr .72fr;gap:4px}.tail-a,.tail-b,.tail-c{gap:4px}.tail-b{padding-top:8vw}.tail-c{padding-top:3vw}.end{padding:7vw 3vw;align-items:flex-start;flex-direction:column;gap:20px}}

@media(max-width:760px){.reel{grid-column:1/span 6}.bts{grid-column:1/span 3}.liz{grid-column:4/span 3}.meekstill{grid-column:1/span 6}}


/* creative refinement v3 — full reel hero + even editorial spacing */
.reel-hero{position:relative;width:100%;height:calc(100vh - 64px);min-height:520px;overflow:hidden;background:#6B20FF}
.reel-hero video{width:100%;height:100%;display:block;object-fit:cover}
.reel-hero h1{position:absolute;left:2vw;bottom:1vw;margin:0;color:#FF9BD5;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(82px,13vw,220px);line-height:.76;letter-spacing:-.04em;z-index:2;white-space:nowrap}
.titlebar{padding:2.2vw 3vw 1.2vw;display:block}.titlebar .meta{text-align:left;margin:0}
.wall{display:block;margin:0;padding:0 3vw 3vw;columns:3;column-gap:2vw}
.wall .tile,.wall .q,.wall .bts,.wall .liz,.wall .meekstill,.wall .interface,.wall .isaac,.wall .paak{display:inline-block;width:100%;margin:0 0 2vw;break-inside:avoid;vertical-align:top}
.tail-pack{display:contents}.tail-a,.tail-b,.tail-c{display:contents}.tail-b,.tail-c{padding-top:0}.wall .tile img,.wall .tile video{width:100%;height:auto;object-fit:contain}
@media(max-width:900px){.wall{columns:2}}
@media(max-width:760px){.reel-hero{height:70vh;min-height:430px}.reel-hero h1{font-size:18vw;left:3vw;bottom:3vw}.titlebar{padding:5vw 4vw 3vw}.wall{display:block;columns:1;margin:0;padding:0 4vw 4vw;column-gap:0}.wall .tile,.wall .q,.wall .bts,.wall .liz,.wall .meekstill,.wall .interface,.wall .isaac,.wall .paak{width:100%;margin:0 0 4vw}.tail-pack,.tail-a,.tail-b,.tail-c{display:contents}}