/* ===== AVIATOR GLOBAL EDITOR CSS ===== */
/* Generated: 2025-12-22 15:27:28 */

:root, html {
  /* Base Typography Scaling */
  --baseFontSize: 13px;
  --scaleFontSize: 1.05;
  --lineHeight: 1.7;
  --scaleLineHeight: 0.97;

  /* Max Width Scaling */
  --readableMaxWidth: 70ch;
  --scaleMaxWidth: 0.93;

  /* Responsive Typography */
  @media (min-width: 768px) {
    --baseFontSize: 13px;
    --scaleFontSize: 1.05;
  }

  @media (min-width: 1024px) {
    --baseFontSize: 13px;
    --scaleFontSize: 1.05;
  }

  @media (min-width: 1280px) {
    --baseFontSize: 13px;
    --scaleFontSize: 1.05;
  }

  @media (min-width: 1536px) {
    --baseFontSize: 13px;
    --scaleFontSize: 1.05;
  }

  /* Eyebrow Text Styles */
  --eyebrowFontFamily: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --eyebrowFontWeight: 500;
  --eyebrowLetterSpacing: 0em;
  --eyebrowMarginBottom: 1.5rem;
  --eyebrowTextTransform: uppercase;

  /* Heading Styles */
  --headingFontFamily: Geist, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --headingFontWeight: 700;
  --headingLetterSpacing: -0.015em;
  --headingMarginBottom: 1rem;
  --headingTextWrap: balance;

  /* Text Styles */
  --textFontFamily: Geist, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --readableFontWeight: 300;
  --strongFontWeight: 500;
  --readableMarginBottom: 1.5em;
  --readableTextWrap: pretty;

  /* Max Width Calculations - Based on Scale Factor */
  --typeMaxWidth-3: var(--readableMaxWidth);
  --typeMaxWidth-2: calc(var(--typeMaxWidth-3) * var(--scaleMaxWidth));
  --typeMaxWidth-1: calc(var(--typeMaxWidth-2) * var(--scaleMaxWidth));
  --typeMaxWidth0: calc(var(--typeMaxWidth-1) * var(--scaleMaxWidth));
  --typeMaxWidth1: calc(var(--typeMaxWidth0) * var(--scaleMaxWidth));
  --typeMaxWidth2: calc(var(--typeMaxWidth1) * var(--scaleMaxWidth));
  --typeMaxWidth3: calc(var(--typeMaxWidth2) * var(--scaleMaxWidth));
  --typeMaxWidth4: calc(var(--typeMaxWidth3) * var(--scaleMaxWidth));
  --typeMaxWidth5: calc(var(--typeMaxWidth4) * var(--scaleMaxWidth));
  --typeMaxWidth6: calc(var(--typeMaxWidth5) * var(--scaleMaxWidth));
  --typeMaxWidth7: calc(var(--typeMaxWidth6) * var(--scaleMaxWidth));
  --typeMaxWidth8: calc(var(--typeMaxWidth7) * var(--scaleMaxWidth));
  --typeMaxWidth9: calc(var(--typeMaxWidth8) * var(--scaleMaxWidth));
  --typeMaxWidth10: calc(var(--typeMaxWidth9) * var(--scaleMaxWidth));
  --typeMaxWidth11: calc(var(--typeMaxWidth10) * var(--scaleMaxWidth));
  --typeMaxWidth12: calc(var(--typeMaxWidth11) * var(--scaleMaxWidth));
  --typeMaxWidth13: calc(var(--typeMaxWidth12) * var(--scaleMaxWidth));
  --typeMaxWidth14: calc(var(--typeMaxWidth13) * var(--scaleMaxWidth));
  --typeMaxWidth15: calc(var(--typeMaxWidth14) * var(--scaleMaxWidth));
  --typeMaxWidth16: calc(var(--typeMaxWidth15) * var(--scaleMaxWidth));
  --typeMaxWidth17: calc(var(--typeMaxWidth16) * var(--scaleMaxWidth));

  /* Semantic Max Width Mappings */
  --biggestMaxWidth: var(--typeMaxWidth17);
  --biggerMaxWidth: var(--typeMaxWidth14);
  --bigMaxWidth: var(--typeMaxWidth11);
  --largestMaxWidth: var(--typeMaxWidth8);
  --largerMaxWidth: var(--typeMaxWidth5);
  --largeMaxWidth: var(--typeMaxWidth2);
  --mediumMaxWidth: var(--typeMaxWidth0);
  --smallMaxWidth: var(--typeMaxWidth-1);
  --smallerMaxWidth: var(--typeMaxWidth-2);
  --smallestMaxWidth: var(--typeMaxWidth-3);
}

/* Typography Utility Classes */
.eyebrow {
  font-weight: var(--eyebrowFontWeight);
  letter-spacing: var(--eyebrowLetterSpacing);
  margin-bottom: var(--eyebrowMarginBottom);
  text-transform: var(--eyebrowTextTransform);
}

.readable {
  font-family: var(--textFontFamily);
  font-weight: var(--readableFontWeight);
  margin-bottom: var(--readableMarginBottom);
  text-wrap: var(--readableTextWrap);
  max-width: var(--readableMaxWidth);
}

strong, b {
  font-weight: var(--strongFontWeight);
}


:root {
  /* Primary palette (zinc) */
  --p-000: 250 250 250;
  --p-100: 244 244 245;
  --p-200: 228 228 231;
  --p-300: 212 212 216;
  --p-400: 161 161 170;
  --p-500: 113 113 122;
  --p-600: 82 82 91;
  --p-700: 63 63 70;
  --p-800: 39 39 42;
  --p-900: 24 24 27;
  --p-1000: 9 9 11;

  /* Accent palette (blue) */
  --a-000: 239 246 255;
  --a-100: 219 234 254;
  --a-200: 191 219 254;
  --a-300: 147 197 253;
  --a-400: 96 165 250;
  --a-500: 59 130 246;
  --a-600: 37 99 235;
  --a-700: 29 78 216;
  --a-800: 30 64 175;
  --a-900: 30 58 138;
  --a-1000: 23 37 84;

  /* RGB function wrapped custom properties - Primary */
  --color-p-000: rgb(var(--p-000));
  --color-p-100: rgb(var(--p-100));
  --color-p-200: rgb(var(--p-200));
  --color-p-300: rgb(var(--p-300));
  --color-p-400: rgb(var(--p-400));
  --color-p-500: rgb(var(--p-500));
  --color-p-600: rgb(var(--p-600));
  --color-p-700: rgb(var(--p-700));
  --color-p-800: rgb(var(--p-800));
  --color-p-900: rgb(var(--p-900));
  --color-p-1000: rgb(var(--p-1000));

  /* RGB function wrapped custom properties - Accent */
  --color-a-000: rgb(var(--a-000));
  --color-a-100: rgb(var(--a-100));
  --color-a-200: rgb(var(--a-200));
  --color-a-300: rgb(var(--a-300));
  --color-a-400: rgb(var(--a-400));
  --color-a-500: rgb(var(--a-500));
  --color-a-600: rgb(var(--a-600));
  --color-a-700: rgb(var(--a-700));
  --color-a-800: rgb(var(--a-800));
  --color-a-900: rgb(var(--a-900));
  --color-a-1000: rgb(var(--a-1000));
}




/** REFACTOR **/
body.dark {
  /*   color: var(--color-p-400); */
	color:#B0B0B2;
}

a[href*="uncategorized"] {
  display:none;
}

/* scaling down play buttons */

span[data-text="play"] svg,
span[data-text="playing"] svg,
span[data-text="paused"] svg,
a[download] svg{
  padding:5px;
}

/** END REFACTOR **/

/** HEADER **/

button.search-trigger {
  background: none !important;
  border: none !important;
  color: inherit !important;
  font-size: 14px !important;
}

button.search-trigger:hover {
  background: none !important;
  border: none !important;
  color: white !important;
}

/** DJ MIX STYLES **/

/* Hide the default summary marker */
.tracklist-item-summary {
  cursor: pointer;
  list-style: none;
  outline: none;
}

[open] .tracklist-item-summary {
  color: white;
}

.tracklist-item-summary::-webkit-details-marker {
  display: none;
}

.tracklist * {
  font-size: 14px !important;
  line-height: 1.75 !important;
}

/** POST GRIDDING **/

.row {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
  align-items: start;
}

.row br {
  display: none;
}

@media(min-width:768px) {
  .row {
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 2rem;
  }
}

.row .media {
  /* 	border:1px solid blue; */
  grid-column: span 6 / span 6;
  display: grid;
  gap: 1rem;
  order: 1;
}

@media(min-width:768px) {
  .row .media {
    gap: 1rem;
    order: 0;
  }
}

.row .content {
  /* 	border:1px solid green; */
  grid-column: span 6 / span 6;
}

@media(min-width:768px) {
  .row .content {
    /*     	border:1px solid green; */
    grid-column: span 3 / span 3;
  }
}

.row .content,
.row p {
  /* Original */
  /*   color: #8c8c8c; */
  /* brighter */
  /*   color: #d4d4d8; */

  /* blending */
  color: #B0B0B2;
  line-height: 1.75;
}

.row .content {
  transform: translateY(-.4em)
}

/* .row p:first-of-type, .row strong:first-of-type {
  margin-top: -0.4em;
} */

.row strong {
  color: white;
}

.row img {
  width: 100%;
}

/** DESIGN SYSTEM **/

p:empty {
  display: none;
}

body {
  font-size: 14px;
}

.captext {
  text-transform: uppercase;
  letter-spacing: .3em
}

.prose.sectioncontent > *:first-child {
  margin-top: -5px !important;
}

:root {
  --transition: all .5s;
  --docMaxWidth: 1440px;
	--headerHeight:65px;
}

header {
  position: fixed;
  width: 100%;
  z-index: 9999;
  left: 0;
  top: 0;
  height:var(--headerHeight);
}

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

body {
  background: var(--color-p-1000) !important;
  /*   background: black!important; */
  padding-bottom: 5rem;
}

/* a {
  transition: opacity .5s;
}

a:hover {
  opacity: .75;
} */

/** PLYR STYLES **/
.plyr--audio .plyr__controls {
  background: transparent;
  padding: 1rem 0;
}

@media (min-width:768px) {
  .plyr--audio .plyr__controls {
    padding: 1rem;
  }
}

/** PROSE **/

.prose > *:first-child {
  margin-top: 0 !important;
}

.prose > :first-child {
  margin-top: 0 !important;
}