.orr-word{font-family:var(--serif);font-weight:500;letter-spacing:.14em;line-height:.9;direction:ltr;
  background:linear-gradient(100deg,#8a6a32 0%,#efd59b 25%,#c9a25a 45%,#fff1c9 56%,#c9a25a 72%,#8a6a32 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 30px rgba(0,0,0,.55))}
.hero h1.orr-word{font-size:clamp(96px,13vw,232px);margin:0;padding-inline-start:.14em}
#loader .orr-word{clip-path:none;animation:fadeUp .55s .08s var(--ease) forwards;opacity:0;text-align:center}
.foot-word{font-size:clamp(28px,4vw,52px);letter-spacing:.22em}
.hero .tagline.roles{font-size:clamp(11px,.95vw,14px);text-align:center}

.orr-hero{background:radial-gradient(60% 70% at 78% 40%,rgba(59,11,13,.55),transparent 70%),var(--noir)}


.orr-music .rel{align-items:center}
.orr-music .rel-b{margin-top:clamp(80px,9vw,150px)}
.orr-music .rel-art .frame{position:relative;max-width:520px;margin-inline:auto}
.orr-music .rel-art img{width:100%;height:auto;display:block}
.cap-note{display:block;text-align:center;margin-top:14px;font-size:11px;color:var(--mute);letter-spacing:.08em}
.orr-music .streams{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.orr-music .ap-eyebrow{color:var(--gold);letter-spacing:.24em;font-size:11px;text-transform:uppercase;margin-bottom:14px}
.rel-c{margin-top:clamp(70px,8vw,130px);border-top:1px solid rgba(201,162,90,.22);padding-top:34px}
.rel-c-row{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap}
.rel-c-title{font-family:var(--serif);font-style:italic;font-size:clamp(36px,4vw,64px);color:var(--cream);line-height:1}
.rel-c-sub{color:var(--mute);margin-top:10px;max-width:640px}
.rel-c .streams{margin-top:0}

.orr-dj{background:radial-gradient(70% 60% at 20% 30%,rgba(212,42,31,.12),transparent 70%),var(--noir)}
.orr-dj .cols{align-items:start}
.orr-quote{margin:40px 0 0;padding:22px 26px;border-inline-start:2px solid var(--ember);background:rgba(59,11,13,.25)}
.orr-quote p{font-family:var(--heb);font-size:clamp(20px,1.6vw,28px);color:var(--cream);line-height:1.35;margin:0}
.orr-quote cite{display:block;margin-top:12px;font-style:normal;font-size:12px;letter-spacing:.06em}
.orr-quote cite a{color:var(--gold)}
.dj-list{display:grid;gap:16px}
.dj-item{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;gap:6px 18px;padding:22px 24px;border:1px solid rgba(201,162,90,.28);background:rgba(10,7,6,.6);transition:border-color .3s,background .3s}
a.dj-item:hover{border-color:var(--goldhi);background:rgba(59,11,13,.35)}
.dj-item .k{grid-row:1/3;align-self:center;font-family:var(--serif);font-size:22px;color:var(--goldhi);text-align:center}
.dj-item .t{font-family:var(--heb);font-size:clamp(18px,1.4vw,24px);color:var(--cream)}
.dj-item .m{font-size:12px;color:var(--mute);letter-spacing:.06em}
.dj-item.ph{border-style:dashed;opacity:.75}

.vlist{display:grid;border-top:1px solid rgba(201,162,90,.22)}
.vlist a{display:grid;grid-template-columns:90px 1fr auto;grid-template-rows:auto auto;gap:4px 22px;padding:22px 4px;border-bottom:1px solid rgba(201,162,90,.22);transition:background .3s}
.vlist a:hover{background:rgba(59,11,13,.3)}
.vlist .y{grid-row:1/3;align-self:center;font-family:var(--serif);font-style:italic;color:var(--gold);font-size:20px}
.vlist .t{font-family:var(--heb);font-size:clamp(20px,1.7vw,28px);color:var(--cream)}
.vlist .m{font-size:12.5px;color:var(--mute)}
.vlist i{grid-row:1/3;align-self:center;color:var(--goldhi);font-style:normal}
.views-note{display:block;margin-top:14px;color:var(--mute);font-size:11px}

.story .portrait img{width:100%;height:auto;display:block}
.press{display:grid;gap:10px;margin-top:34px;padding-top:22px;border-top:1px solid rgba(201,162,90,.2)}
.press a{color:#e9dfd1;font-size:14px}
.press a:hover{color:var(--goldhi)}
.facts a{color:inherit;border-bottom:1px solid rgba(201,162,90,.4)}
@media (max-width:900px),(max-aspect-ratio:4/5){


  .hero h1.orr-word{font-size:clamp(84px,26vw,150px)}
  .orr-music .rel-b .era-copy{order:2}
  .rel-c-row{display:grid}
  .vlist a{grid-template-columns:64px 1fr auto}
  .dj-item{grid-template-columns:54px 1fr;padding:18px}
}
@media (max-width:900px),(max-aspect-ratio:4/5){
  .orr-hero .id{top:auto!important;justify-content:flex-end!important;gap:14px}
  .orr-hero .id-top{gap:6px}
}
.tt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,325px));justify-content:center;gap:28px;margin-top:clamp(56px,6vw,96px)}
.tt-frame{aspect-ratio:325/578;border:1px solid rgba(201,162,90,.28);background:#000;overflow:hidden}
.tt-frame iframe{width:100%;height:100%;border:0;display:block}
.tt figcaption{margin-top:10px;font-size:12px;color:var(--mute);text-align:center}
.tt figcaption a:hover{color:var(--goldhi)}
@media (max-width:900px),(max-aspect-ratio:4/5){.tt-grid{grid-template-columns:minmax(0,325px);}}

html,body{overflow-x:clip}
#loader{overflow:hidden}
#loader .inner{width:min(88vw,760px)}
#loader .tagline,.hero .tagline.roles,footer .tagline{white-space:normal;text-align:center;max-width:92vw;line-height:1.8}
#loader .orr-word{width:auto}

@media (max-width:900px),(max-aspect-ratio:4/5){

  #loader .tagline{font-size:9px;letter-spacing:.22em}
  .hero .tagline.roles{font-size:10px;letter-spacing:.16em}
}

.rel-c-title{letter-spacing:0}



.orr-hero picture{position:absolute;inset:0 auto 0 0;width:60%;z-index:-2;overflow:hidden}
.orr-hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%!important}
.orr-hero::after{background:
  linear-gradient(90deg,rgba(10,7,6,0) 0%,rgba(10,7,6,0) 40%,rgba(10,7,6,.55) 50%,rgba(10,7,6,.92) 57%,var(--noir) 61%),
  linear-gradient(0deg,rgba(10,7,6,.9),rgba(10,7,6,0) 26%),
  linear-gradient(180deg,rgba(10,7,6,.55),transparent 18%)!important}
@media (max-width:900px),(max-aspect-ratio:4/5){
  .orr-hero picture{inset:0;width:100%;height:100%}
  .orr-hero .poster{object-position:50% 12%!important}
  .orr-hero::after{background:
    linear-gradient(180deg,rgba(10,7,6,.7),rgba(10,7,6,0) 14%),
    linear-gradient(0deg,var(--noir) 0%,rgba(10,7,6,.94) 22%,rgba(10,7,6,.6) 40%,rgba(10,7,6,0) 56%)!important}
}

.dj-media{margin-top:clamp(56px,6vw,96px);display:grid;gap:clamp(14px,1.6vw,24px)}
.dj-loop-frame{position:relative;aspect-ratio:16/9;background:#000;border:1px solid rgba(201,162,90,.28);overflow:hidden}
.dj-loop video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.dj-media figure{margin:0}
.dj-media figcaption{margin-top:10px;font-size:12px;color:var(--mute);letter-spacing:.06em;text-align:center;direction:ltr}
.dj-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.dj-shots figure{aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(201,162,90,.22);background:#0a0706}
.dj-shots img,.orr-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
.dj-shots figure:hover img,.orr-gallery figure:hover img{transform:scale(1.03)}

.orr-gallery{margin-top:clamp(70px,8vw,130px)}
.orr-gallery .sec-head{margin-bottom:28px}
.g-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.g-grid figure{margin:0;overflow:hidden;border:1px solid rgba(201,162,90,.22);background:#0a0706}
.g-a{grid-column:1/3;grid-row:1;aspect-ratio:3/2}
.g-c{grid-column:3/5;grid-row:1;aspect-ratio:3/2}
.g-d{grid-column:1/4;grid-row:2;aspect-ratio:2/1}
.g-b{grid-column:4/5;grid-row:2;aspect-ratio:auto}
@media (max-width:900px),(max-aspect-ratio:4/5){
  .dj-shots{grid-template-columns:1fr 1fr}
  .dj-shots figure:first-child{grid-column:1/3}
  .g-grid{grid-template-columns:1fr 1fr}
  .g-a{grid-column:1/3;grid-row:1}.g-c{grid-column:1/3;grid-row:2}.g-d{grid-column:1/2;grid-row:3;aspect-ratio:2/3}.g-b{grid-column:2/3;grid-row:3;aspect-ratio:2/3}
}
@media (prefers-reduced-motion:reduce){.dj-shots img,.orr-gallery img{transition:none}}
@media (max-width:900px),(max-aspect-ratio:4/5){
  .orr-hero picture{inset:0 0 auto 0;height:80%}
  .orr-hero .poster{object-position:50% 8%!important}
  .orr-hero::after{background:
    linear-gradient(180deg,rgba(10,7,6,.7),rgba(10,7,6,0) 13%),
    linear-gradient(0deg,var(--noir) 0%,var(--noir) 22%,rgba(10,7,6,.9) 34%,rgba(10,7,6,.55) 46%,rgba(10,7,6,0) 62%)!important}
  .orr-hero .presents .eyebrow{text-shadow:0 1px 10px rgba(0,0,0,.9)}
}

.dj-media{grid-template-columns:repeat(6,minmax(0,1fr))}
.dj-loop{grid-column:1/5}
.dj-mural{grid-column:5/7;align-self:stretch;margin-bottom:28px!important}
.dj-a{grid-column:1/4}.dj-b{grid-column:4/7}
.dj-mural,.dj-a,.dj-b{overflow:hidden;border:1px solid rgba(201,162,90,.22);background:#0a0706}
.dj-a,.dj-b{aspect-ratio:4/3}
.dj-media picture{display:block;width:100%;height:100%}
.dj-mural img,.dj-a img,.dj-b img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
.dj-mural img{object-position:35% 50%}
.dj-media figure:hover img{transform:scale(1.03)}
.orr-gallery picture{display:block;width:100%;height:100%}
.g-d img{object-position:50% 22%}
@media (max-width:900px),(max-aspect-ratio:4/5){
  .dj-loop,.dj-mural,.dj-a,.dj-b{grid-column:1/7}
  .dj-mural{aspect-ratio:16/10;margin-bottom:0!important}
}

.lw-panel{aspect-ratio:4/5;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(80% 70% at 30% 25%,rgba(212,42,31,.28),transparent 65%),radial-gradient(70% 60% at 80% 85%,rgba(201,162,90,.18),transparent 70%),linear-gradient(160deg,#1a0d0b,#0a0706)}
.lw-type{display:grid;justify-items:center;gap:18px;text-align:center;padding:12%}
.lw-y{font-family:var(--serif);font-style:italic;color:var(--gold);letter-spacing:.3em;font-size:clamp(14px,1.2vw,18px)}
.lw-t{font-family:var(--serif);font-weight:500;line-height:.86;font-size:clamp(72px,8.6vw,150px);letter-spacing:.02em;
  background:linear-gradient(100deg,#8a6a32 0%,#efd59b 25%,#c9a25a 45%,#fff1c9 56%,#c9a25a 72%,#8a6a32 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lw-t em{font-style:italic}
.lw-c{font-size:11px;letter-spacing:.14em;color:var(--mute);text-transform:uppercase;max-width:26ch;line-height:1.8}
.rel-lw .title-he{font-family:var(--serif)}
.cta.solid{color:#fff}
.story .portrait picture{display:block}
.story .portrait img{aspect-ratio:2/3;object-fit:cover}

.g-d{grid-column:1/5;aspect-ratio:2.2/1}
@media (max-width:900px),(max-aspect-ratio:4/5){
  .g-d{grid-column:1/3;grid-row:3;aspect-ratio:3/2}
  .lw-panel{aspect-ratio:1/1}
}