@charset "UTF-8";

@font-face {
  font-family: 'Clash Grotesk';
  src: url('../fonts/ClashGrotesk-Regular.otf') format('opentype');
  font-weight: 500;
}

@font-face {
  font-family: 'Clash Grotesk';
  src: url('../fonts/ClashGrotesk-Semibold.otf') format('opentype');
  font-weight: 600;
}

@font-face {
  font-family: 'Clash Grotesk';
  src: url('../fonts/ClashGrotesk-Medium.otf') format('opentype');
  font-weight: 500;
}

@font-face {
  font-family: 'Jimmy Script';
  src: url('../fonts/JimmyScript-Rg.otf') format('opentype');
  font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Clash Grotesk', sans-serif;
  font-weight: 500; /* or 500 for Medium if you prefer */

}

:root {
  /* Replace black with dark red */
  --color-black: #91000b;

  /* Replace grayscale with red tints/shades */
  --color-gray-19: #180001;
  --color-gray-18: #200002;
  --color-gray-17: #290103;
  --color-gray-16: #310104;
  --color-gray-15: #390105;
  --color-gray-14: #420106;
  --color-gray-13: #4a0106;
  --color-gray-12: #530207;
  --color-gray-11: #5b0208;
  --color-gray-10: #630208;
  --color-gray-9:  #7a030a;
  --color-gray-8:  #91000b; /* base */
  --color-gray-7:  #f4e0a2;
  --color-gray-6:  #bd3c3a;
  --color-gray-5:  #d25656;
  --color-gray-4:  #f4e0a2;
  --color-gray-3:  #f08f8f;
  --color-gray-2:  #f7b0b0;
  --color-gray-1:  #fde0e0;
	/* Replace white with butter yellow */
	--color-white: #f4e0a2;
	  /* Replace yellow tones with your yellow */
  --color-1: #f4e0a2;
  --color-1-lighter: #fdf5da;
  --color-1-light: #fbeac0;
  --color-1-dark: #e4cb88;
  --color-1-darker: #c6ac56;
}
.container {
	padding: 0rem;
}

.slider-wrapper {
	position: relative;
	max-width: 100%; /* Match modal width */
	margin: 0 auto;
}

.slider {
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
	display: flex;
	aspect-ratio: 3 / 2;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	border-radius: 0;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.slider::-webkit-scrollbar {
	display: none;
}

.slider img {
	flex: 1 0 100%;
	scroll-snap-align: start;
	object-fit: cover;
}

.slider-nav {
	display: flex;
	column-gap: 1rem;
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.slider-nav a {
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background-color: #91000b;
	opacity: 0.5;
	transition: opacity ease 250ms;
}

.slider-nav a:hover {
	opacity: 1;
}
.column0 {
    display: block;
    flex: 1 1 0%;
    padding: 0 var(--gutter);
	margin-top: -50px;
}
.timeline__desc p {
  font-weight: 400; 
}
.modal-popup__desc p {
  font-weight: 350; 
}
.joey-logo-link {
  display: flex;
  align-items: center;
  height: var(--header-height); /* match nav height */
  padding: 0;
}

.joey-logo-img {
  height: calc(var(--header-height) * 0.75); /* slightly smaller */
  width: auto;
  display: block;
  object-fit: contain;
  margin: 0;
  transform: translateY(7px); /* 👈 shifts image downward */
  
}
.about-info__text .text-pretitle::before {
  background-color: #f4e0a2 !important;
}