html {
  scroll-behavior: smooth;
}

main[data-astro-cid-jureezux] {
  width: min(100%, var(--layout-shell-width));
  padding-top: 126px;
}

.media-layout[data-astro-cid-jureezux] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 156px;
  gap: clamp(28px, 5vw, 68px);
}

.media-hero[data-astro-cid-jureezux] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 156px;
  gap: clamp(28px, 5vw, 68px);
  width: 100%;
  margin-bottom: clamp(72px, 10vw, 132px);
  padding-bottom: 17px;
}

.media-hero-main[data-astro-cid-jureezux] {
  min-width: 0;
}

.media-hero-browse[data-astro-cid-jureezux] {
  align-self: start;
}

.media-hero[data-astro-cid-jureezux]:after {
  position: absolute;
  right: calc(-156px - clamp(28px, 5vw, 68px));
  bottom: -19px;
  left: 0;
  height: 1.5px;
  background: linear-gradient(90deg, #ff520005 0%, #ff52000d 18%, #ff520024 42%, #ff520061 68%, #ff5200b8 86%, #ff5200f5 100%);
  content: "";
  pointer-events: none;
  clip-path: inset(0 var(--media-line-cut, 0px) 0 0);
  will-change: clip-path;
}

.media-kicker[data-astro-cid-jureezux] {
  margin: 0 0 11px;
  color: #b7ff00;
  font-family: Maple Mono, monospace;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.media-title[data-astro-cid-jureezux] {
  margin: 0;
  color: #e7e8e4;
  font-family: Host Grotesk Variable, Inter Variable, Helvetica Neue, Arial, sans-serif;
  font-size: clamp(2.85rem, 4.35vw, 4.7rem);
  font-weight: 800;
  line-height: .94;
  letter-spacing: -.065em;
  text-transform: uppercase;
}

.media-subtitle[data-astro-cid-jureezux] {
  width: auto;
  max-width: none;
  margin: 14px 0 17px;
  color: #858b83;
  font-family: Inter Variable, Helvetica Neue, Arial, sans-serif;
  font-size: .82rem;
  font-weight: 400;
  line-height: 1.65;
}

.media-count[data-astro-cid-jureezux] {
  color: var(--paper-ink-faint);
  font-size: .7rem;
}

.media-empty[data-astro-cid-jureezux] {
  margin: 0;
  color: var(--paper-ink-faint);
  font-family: var(--font-meta);
  font-size: .76rem;
}

.media-nav[data-astro-cid-jureezux] {
  align-self: start;
  position: static;
  border-left: 1px solid var(--paper-line);
  padding-left: 16px;
}

.media-browse-home[data-astro-cid-jureezux] {
  position: relative;
  display: inline-block;
  margin: 0 0 42px;
  padding: 0;
  color: #b7ff00;
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .7s cubic-bezier(.22, 1, .36, 1);
}

.media-browse-home[data-astro-cid-jureezux]:after {
  position: absolute;
  top: calc(100% + 9px);
  left: 50%;
  width: 148px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, #b7ff0000 0%, #b7ff003d 18%, #b7ff00d1 50%, #b7ff003d 82%, #b7ff0000 100%);
  transform: translateX(-50%);
}

.media-browse-home[data-astro-cid-jureezux]:hover {
  color: #fff;
}

.media-nav[data-astro-cid-jureezux]:after {
  position: absolute;
  top: 34px;
  left: 50%;
  width: 148px;
  content: "← RETURN TO MEDIA";
  color: #ffffff85;
  font-size: .54rem;
  font-weight: 400;
  letter-spacing: .17em;
  text-align: right;
  white-space: nowrap;
  pointer-events: none;
  transform: translateX(-50%);
}

.media-nav[data-astro-cid-jureezux] > a[data-astro-cid-jureezux]:not(.media-browse-home) {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 8px 0 17px;
  color: var(--paper-ink-faint);
  font-size: .76rem;
  line-height: 1;
  text-decoration: none;
  transition: color .7s cubic-bezier(.22, 1, .36, 1);
}

.media-nav[data-astro-cid-jureezux] > a[data-astro-cid-jureezux]:not(.media-browse-home) > span[data-astro-cid-jureezux]:first-child {
  position: relative;
  display: inline-block;
}

.media-nav[data-astro-cid-jureezux] > a[data-astro-cid-jureezux]:not(.media-browse-home) > span[data-astro-cid-jureezux]:first-child:after {
  position: absolute;
  bottom: -13px;
  left: 50%;
  width: 0;
  height: 1px;
  content: "";
  background: #b7ff00;
  box-shadow: 0 0 5px #b7ff007a;
  opacity: 0;
  transform: translateX(-50%);
  transition: width .7s cubic-bezier(.22, 1, .36, 1), opacity .7s cubic-bezier(.22, 1, .36, 1);
}

.media-nav[data-astro-cid-jureezux] > a[data-astro-cid-jureezux]:not(.media-browse-home):hover:not([aria-current="true"]) {
  color: #fff;
}

.media-nav[data-astro-cid-jureezux] > a[data-astro-cid-jureezux]:not(.media-browse-home):hover:not([aria-current="true"]) > span[data-astro-cid-jureezux]:first-child:after {
  width: 100%;
  opacity: 1;
}

.media-nav[data-astro-cid-jureezux] > a[data-astro-cid-jureezux]:not(.media-browse-home)[aria-current="true"] {
  color: #fff;
  font-weight: 600;
}

.media-nav[data-astro-cid-jureezux] > a[data-astro-cid-jureezux]:not(.media-browse-home)[aria-current="true"] > span[data-astro-cid-jureezux]:first-child:after {
  width: 0;
  opacity: 0;
}

.media-nav[data-astro-cid-jureezux] > a[data-astro-cid-jureezux]:not(.media-browse-home)[aria-current="true"] > span[data-astro-cid-jureezux]:first-child:before {
  position: absolute;
  bottom: -13px;
  left: 50%;
  width: 5px;
  height: 5px;
  content: "";
  background: #b7ff00;
  border-radius: 50%;
  box-shadow: 0 0 4px #b7ff00f2, 0 0 8px #b7ff008c;
  transform: translate(-50%, 50%);
}

.media-mobile-nav[data-astro-cid-jureezux] {
  display: none;
  margin: 0 0 28px;
  border-bottom: 1px solid var(--paper-line);
}

.media-mobile-nav[data-astro-cid-jureezux] a[data-astro-cid-jureezux] {
  display: inline-flex;
  gap: 7px;
  padding: 8px 16px 10px 0;
  color: var(--paper-ink-faint);
  font-family: var(--font-meta);
  font-size: .72rem;
  text-decoration: none;
}

.media-mobile-nav[data-astro-cid-jureezux] a[data-astro-cid-jureezux][aria-current="true"] {
  color: var(--paper-ink);
  font-weight: 600;
}

.media-layout[data-astro-cid-jureezux] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 156px;
  grid-template-rows: auto auto;
  column-gap: clamp(28px, 5vw, 68px);
  row-gap: 0;
  align-items: start;
}

.media-hero[data-astro-cid-jureezux] {
  grid-column: 1;
  grid-row: 1;
  margin-bottom: 44px;
}

.media-layout[data-astro-cid-jureezux] > div[data-astro-cid-jureezux] {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  padding-top: 38px;
}

.media-section[data-astro-cid-jureezux] {
  margin: 0 0 30px;
  padding: 0 0 42px;
  border-bottom: 1px solid #ffffff1a;
  scroll-margin-top: 102px;
}

.media-section[data-astro-cid-jureezux]:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.media-section-heading[data-astro-cid-jureezux] {
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
  width: fit-content;
  min-width: 280px;
  margin: 0 0 28px;
  padding: 12px 16px 13px;
  background: #111315b8;
  border-top: 1px solid #6f2106c7;
  border-right: 1px solid #6f2106c7;
  border-bottom: 1px solid #6f2106c7;
  border-left: 2px solid #b7ff00;
  border-radius: 8px;
  box-shadow: none;
}

.media-section-heading[data-astro-cid-jureezux] h2[data-astro-cid-jureezux] {
  margin: 0;
  color: #e7e8e4;
  font-family: Host Grotesk Variable, Inter Variable, Helvetica Neue, Arial, sans-serif;
  font-size: clamp(2.15rem, 3.25vw, 3.4rem);
  font-weight: 600;
  line-height: .95;
  letter-spacing: -.045em;
}

.media-section-heading[data-astro-cid-jureezux] .media-count[data-astro-cid-jureezux] {
  font-family: Inter Variable, Helvetica Neue, Arial, sans-serif;
}

.media-section[data-astro-cid-jureezux] * {
  font-family: Inter Variable, Host Grotesk Variable, Helvetica Neue, Arial, sans-serif !important;
}

.media-content-browse[data-astro-cid-jureezux] {
  grid-column: 2;
  grid-row: 1 / span 2;
  position: sticky;
  top: 87px;
  align-self: start;
  padding-left: 48px;
}

.media-content-browse[data-astro-cid-jureezux]:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 14px;
  width: 1px;
  content: "";
  background: linear-gradient(#b7ff0000 0%, #b7ff001f 12%, #b7ff007a 27%, #b7ff00e0 40%, #b7ff00 46%, #b7ff00b3 55%, #b7ff0047 72%, #b7ff0000 100%);
  box-shadow: 0 0 4px #b7ff0094, 0 0 9px #b7ff0042;
  pointer-events: none;
}

.media-content-browse[data-astro-cid-jureezux] .media-nav[data-astro-cid-jureezux] {
  position: static;
  border-left: 0;
}

@media (width <= 760px) {
  main[data-astro-cid-jureezux] {
    padding-top: 98px;
  }

  .media-layout[data-astro-cid-jureezux] {
    display: block;
  }

  .media-nav[data-astro-cid-jureezux] {
    display: none;
  }

  .media-mobile-nav[data-astro-cid-jureezux] {
    display: block;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.media-hero[data-astro-cid-jureezux]:after {
  clip-path: inset(0 var(--media-line-cut, 0px) 0 0);
  filter: drop-shadow(10px 0 5px rgba(255, 82, 0, var(--media-line-trail, 0)));
  transition: clip-path .11s cubic-bezier(.22, 1, .36, 1), filter .26s ease-out;
  will-change: clip-path, filter;
}

.navfolio-media-shelf__cover {
  border: 1px solid #969b963d !important;
  box-shadow: none !important;
  transition: border-color .11s ease-out, box-shadow .14s ease-out !important;
}

.navfolio-media-shelf__item:hover .navfolio-media-shelf__cover, .navfolio-media-shelf__item:focus-visible .navfolio-media-shelf__cover {
  border-color: #b7ff2ac7 !important;
  box-shadow: 0 0 3px #b7ff2a3d, 0 0 8px #b7ff2a14 !important;
}

.navfolio-media-shelf__content strong {
  transition: color .1s ease-out, text-shadow .13s ease-out !important;
}

.navfolio-media-shelf__item:hover .navfolio-media-shelf__content strong, .navfolio-media-shelf__item:focus-visible .navfolio-media-shelf__content strong {
  color: #b7ff2a !important;
  text-shadow: 0 0 4px #b7ff2a38, 0 0 9px #b7ff2a14 !important;
}

.navfolio-media-shelf__rating {
  color: #d8b928 !important;
  text-shadow: 0 0 3px #d8b92847, 0 0 7px #d8b9281a !important;
}

@media (width <= 760px) {
  main[data-astro-cid-jureezux] {
    padding-top: 30px !important;
  }

  .media-layout[data-astro-cid-jureezux] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .media-hero[data-astro-cid-jureezux] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }

  .media-hero-main[data-astro-cid-jureezux] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .media-kicker[data-astro-cid-jureezux], .media-title[data-astro-cid-jureezux] {
    max-width: none !important;
  }

  .media-subtitle[data-astro-cid-jureezux] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    font-size: .82rem !important;
    line-height: 1.65 !important;
  }

  .media-subtitle[data-astro-cid-jureezux] br[data-astro-cid-jureezux] {
    display: none !important;
  }
}

@media (width <= 760px) {
  main[data-astro-cid-jureezux] {
    padding-top: 38px !important;
  }

  .media-hero[data-astro-cid-jureezux]:after {
    bottom: 0 !important;
    right: 0 !important;
  }
}

@media (width <= 760px) {
  .media-hero[data-astro-cid-jureezux] {
    margin-bottom: 18px !important;
  }

  .media-layout[data-astro-cid-jureezux] > div[data-astro-cid-jureezux] {
    padding-bottom: 96px;
    padding-top: 0 !important;
  }

  .media-mobile-nav[data-astro-cid-jureezux] {
    flex-wrap: nowrap;
    align-items: center;
    gap: clamp(15px, 5vw, 28px);
    padding: 0 0 12px;
    border-bottom: 1px solid var(--paper-line);
    display: flex !important;
    margin: 0 0 22px !important;
  }

  .media-mobile-nav[data-astro-cid-jureezux] a[data-astro-cid-jureezux] {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    line-height: 1.4;
    white-space: nowrap;
    padding: 4px 0 !important;
    font-size: clamp(.93rem, 3.5vw, 1.07rem) !important;
  }

  .media-mobile-nav[data-astro-cid-jureezux] a[data-astro-cid-jureezux] > span[data-astro-cid-jureezux] {
    font-size: .82em;
  }

  .media-section-heading[data-astro-cid-jureezux] {
    margin-bottom: 24px;
  }

  .media-floating-nav[data-astro-cid-jureezux] {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    z-index: 80;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    max-width: 560px;
    margin: 0 auto;
    padding: 11px 10px 8px;
    background: #6366666e;
    border: 1px solid #ffffff30;
    border-radius: 17px;
    box-shadow: 0 8px 32px #00000047;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(12px);
    transition: opacity .18s, transform .18s, visibility .18s;
  }

  .media-floating-nav[data-astro-cid-jureezux].is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .media-floating-nav[data-astro-cid-jureezux] a[data-astro-cid-jureezux] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 41px;
    color: #d0d2ce;
    font-family: var(--font-meta);
    font-size: clamp(.89rem, 3.6vw, 1.02rem);
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }

  .media-floating-nav[data-astro-cid-jureezux] a[data-astro-cid-jureezux][aria-current="true"] {
    color: #fff;
  }

  .media-floating-dot[data-astro-cid-jureezux] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: none;
  }

  .media-floating-nav[data-astro-cid-jureezux] a[data-astro-cid-jureezux][aria-current="true"] .media-floating-dot[data-astro-cid-jureezux] {
    background: #b7ff00;
    box-shadow: 0 0 5px #b7ff00d9, 0 0 11px #b7ff0066;
  }
}

@media (width >= 761px) {
  .media-floating-nav[data-astro-cid-jureezux] {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .media-floating-nav[data-astro-cid-jureezux] {
    transition: none !important;
  }
}

.media-pagination[data-astro-cid-jureezux] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin: 26px 0 10px;
  padding: 16px 0 0;
  border-top: 1px solid #ffffff21;
  font-family: var(--font-meta);
}

.media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux] {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 7px 14px;
  border: 1px solid #b7ff007a;
  border-radius: 7px;
  color: #b7ff00;
  font-size: .81rem;
  font-weight: 650;
  letter-spacing: .045em;
  text-decoration: none;
  transition: border-color .15s, background .15s;
}

.media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux]:hover, .media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux]:focus-visible {
  border-color: #b7ff00;
  background: #b7ff0017;
}

.media-pagination-count[data-astro-cid-jureezux] {
  margin-right: auto;
  color: #92968f;
  font-size: .78rem;
  white-space: nowrap;
}

@media (width <= 760px) {
  .media-pagination[data-astro-cid-jureezux] {
    gap: 10px;
    margin-bottom: 12px;
  }

  .media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux] {
    padding: 8px 12px;
  }
}

.media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux] {
  position: relative;
  overflow: hidden;
  justify-content: center;
  gap: 9px;
  border: 1px solid #89948b73 !important;
  background: #181b1985 !important;
  color: #e1e4de !important;
  box-shadow: none !important;
  transition: color .22s, background-color .22s, border-color .22s, box-shadow .22s, transform .22s !important;
}

.media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux]:hover, .media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux]:focus-visible {
  transform: translateY(-2px);
  color: #101410 !important;
  background: #b7ff00 !important;
  border-color: #b7ff00 !important;
  box-shadow: 0 0 8px #b7ff0033, 0 0 20px #b7ff0017 !important;
}

.media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux]:active {
  transform: translateY(0) scale(.98);
  color: #101410 !important;
  background: #b7ff00 !important;
  border-color: #b7ff00 !important;
}

.media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux]:focus-visible {
  outline: 2px solid #b7ff00a6;
  outline-offset: 3px;
}

.media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux][data-media-next]:after {
  content: "→";
  color: #b7ff00;
  font-size: 1.13em;
  transition: transform .22s, color .22s;
}

.media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux][data-media-next]:hover:after, .media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux][data-media-next]:focus-visible:after {
  color: #101410;
  transform: translateX(4px);
}

.media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux][data-media-prev]:before {
  content: "←";
  color: #b7ff00;
  font-size: 1.13em;
  transition: transform .22s, color .22s;
}

.media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux][data-media-prev]:hover:before, .media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux][data-media-prev]:focus-visible:before {
  color: #101410;
  transform: translateX(-4px);
}

.media-section[data-astro-cid-jureezux]:last-child {
  padding-bottom: 12px !important;
}

.media-pagination[data-astro-cid-jureezux] {
  margin-bottom: 0 !important;
}

main[data-astro-cid-jureezux] {
  min-height: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

@media (width <= 760px) {
  .media-layout[data-astro-cid-jureezux] > div[data-astro-cid-jureezux] {
    padding-bottom: 0 !important;
  }

  .media-section[data-astro-cid-jureezux]:last-child {
    padding-bottom: 0 !important;
  }

  .media-floating-nav[data-astro-cid-jureezux] {
    background: #696d6c45 !important;
    border-color: #ffffff29 !important;
    -webkit-backdrop-filter: blur(14px) saturate(110%) !important;
    backdrop-filter: blur(14px) saturate(110%) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux], .media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux]:before, .media-pagination[data-astro-cid-jureezux] a[data-astro-cid-jureezux]:after {
    transition: none !important;
    transform: none !important;
  }
}

main[data-astro-cid-jureezux] {
  padding-bottom: 64px !important;
}

@media (width <= 760px) {
  main[data-astro-cid-jureezux] {
    padding-bottom: 68px !important;
  }

  html.media-at-absolute-bottom .media-floating-nav[data-astro-cid-jureezux], html.media-at-absolute-bottom .media-floating-nav[data-astro-cid-jureezux].is-visible {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(14px) !important;
  }
}