.container {
			margin: 0 auto;
			width: 100%;
			max-width: 1100px;
			padding: 4px 16px 64px;
		}
		

		header {
			text-align: left;
			padding: 72px 16px 4px;
			position: relative;
			overflow: hidden;
		}
		
		.header-inner {
			width: min(1180px, 92%);
			text-align: left;
			position: relative;
			z-index: 2;
		}

		header h1 {
			position: relative;
			max-width: 768px;
			font-size: clamp(2rem, 5vw, 3.6rem);
			line-height: 1.3;
			font-weight: 700;
			letter-spacing: 0.02em;
			background:
				linear-gradient(to bottom,
					#ffffff 0%,
					#dbeafe 45%,
					#93c5fd 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			text-shadow:
				0 0 10px rgba(147, 197, 253, .10),
				0 2px 12px rgba(96, 165, 250, .08);
			margin-bottom: 18px;
			opacity: 0;
			transform: translateY(10px);
			animation: headerTextReveal 1.4s ease forwards;
			animation-delay: .25s;
		}
		
		header p {
			position: relative;
			color: #b4bcc6;
			font-size: 15px;
			line-height: 1.8;
			max-width: 760px;
			margin: 0 0 14px;
			opacity: 0;
			transform: translateY(8px);
			animation: headerTextReveal 1.4s ease forwards;
			animation-delay: .45s;
		}
		
		.date {
			font-size: 0.88rem;
			color: var(--muted);
			margin-bottom: 16px;
		}
		
		.date time {
			color: #cbd5f5;
		}
		
		@keyframes headerTextReveal {
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}
		
		.related-spirit-section {
			position: relative;
			margin-top: 96px;
		}
		
		.related-header {
			text-align: center;
			margin-bottom: 38px;
		}
		
		.related-label {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			padding: 8px 16px;
			border-radius: 999px;
			font-size: .72rem;
			font-weight: 600;
			letter-spacing: .08em;
			text-transform: uppercase;
			color: #dbeafe;
			background:
				linear-gradient(180deg,
					rgba(255, 255, 255, .08),
					rgba(255, 255, 255, .03));
			box-shadow:
				inset 0 1px 0 rgba(255, 255, 255, .05),
				0 10px 30px rgba(0, 0, 0, .18);
		}
		
		.related-header h2 {
			margin-top: 18px;
			font-size: clamp(2rem, 4vw, 3rem);
			line-height: 1.65;
			color: #fff;
			letter-spacing: .04em;
		}
		
		.related-header p {
			max-width: 650px;
			margin: 14px auto 80px;
			color: #94a3b8;
			line-height: 1.9;
			font-size: .96rem;
		}
		
		.related-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 40px;
		}
		
		.featured-card {
			min-width: 0;
		}
		
		.featured-spirit-card {
			display: flex;
			flex-direction: column;
			height: 100%;
			overflow: hidden;
			border-radius: 26px;
			text-decoration: none;
			background:
				linear-gradient(145deg,
					rgba(30, 41, 59, .88),
					rgba(15, 23, 42, .98));
			border:
				1px solid rgba(255, 255, 255, .06);
			transition:
				transform .3s ease,
				border-color .3s ease,
				box-shadow .3s ease;
		}
		
		.featured-spirit-card:hover {
			transform:
				translateY(-6px);
		}
		
		.featured-media {
			position: relative;
			overflow: hidden;
		}
		
		.featured-media img {
			width: 100%;
			height: 100%;
			display: block;
			object-fit: cover;
			transform: scale(1.02);
			filter:
				brightness(.9) saturate(1.02);
			transition:
				transform 1s cubic-bezier(.22, 1, .36, 1),
				filter .5s ease;
			will-change: transform;
		}
		
		.featured-spirit-card:hover .featured-media img {
			transform: scale(1.08);
			filter:
				brightness(1) saturate(1.08);
		}
		
		.featured-badge {
			position: absolute;
			left: 14px;
			padding: 7px 12px;
			border-radius: 999px;
			font-size: .68rem;
			font-weight: 600;
			color: #fff;
			background:
				rgba(15, 23, 42, .68);
			border:
				1px solid rgba(255, 255, 255, .08);
		}
		
		.featured-badge {
			bottom: 10px;
		}
		
		.featured-badge.date {
			bottom: 40px;
		}
		
		.featured-content {
			display: flex;
			flex-direction: column;
			flex: 1;
			padding: 22px;
		}
		
		
		.featured-meta {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			margin-bottom: 18px;
		}
		
		.featured-content h3 {
			font-size: 1.45rem;
			line-height: 1.2;
			
			margin-bottom: 12px;
			
			color: #fff;
		}
		
		.featured-content p {
			color: #b8c3d1;
			
			font-size: .92rem;
			line-height: 1.8;
		}
		
		.featured-footer {
			margin-top: auto;
			padding-top: 20px;
		}
		
		.explore-btn {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			width: fit-content;
			padding: 13px 18px;
			border-radius: 999px;
			color: #dbeafe;
			font-size: .92rem;
			font-weight: 600;
			background:
				rgba(255, 255, 255, .04);
			border:
				1px solid rgba(255, 255, 255, .07);
			transition:
				gap .28s ease,
				transform .28s ease,
				background .28s ease,
				border-color .28s ease,
				color .28s ease;
		}
		
		.featured-spirit-card:hover .explore-btn {
			gap: 14px;
			color: #fff;
			background:
				rgba(96, 165, 250, .10);
			border-color:
				rgba(96, 165, 250, .18);
		}
		
		.explore-btn svg {
			transition:
				transform .28s ease;
		}
		
		.featured-spirit-card:hover .explore-btn svg {
			transform: translateX(3px);
		}
		
		@media (max-width: 860px) {
			
			.related-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}
			
			.featured-spirit-card {
				grid-template-columns: 1fr;
			}
			
			.featured-media {
				min-height: 320px;
			}
			
			.featured-overlay {
				background:
					linear-gradient(to top,
						rgba(2, 6, 23, .96) 0%,
						rgba(2, 6, 23, .52) 44%,
						rgba(2, 6, 23, .10) 100%);
			}
			
			.featured-content {
				padding: 34px 28px;
			}
			
		}
		
		@media (max-width: 640px) {
			
			
			.related-grid {
				grid-template-columns: 1fr;
			}
			
			.related-spirit-section {
				margin-top: 74px;
			}
			
			.related-header {
				margin-bottom: 26px;
			}
			
			.related-header h2 {
				font-size: 1.9rem;
			}
			
			.related-header p {
				font-size: .92rem;
			}
			
			.featured-spirit-card {
				border-radius: 28px;
			}
			
			.featured-media {
				min-height: 240px;
			}
			
			.featured-content {
				padding: 28px 20px 24px;
			}
			
			.featured-content h3 {
				font-size: 2rem;
			}
			
			.featured-content p {
				font-size: .92rem;
				line-height: 1.82;
			}
			
			.meta-pill {
				font-size: .7rem;
			}
			
			.explore-btn {
				padding: 12px 16px;
			}
			
		}
		
		.section-header {
			text-align: center;
			margin-bottom: 42px;
		}
		
		.section-header h2 {
			margin-top: 18px;
			font-size: clamp(2rem, 4vw, 3rem);
			line-height: 1.65;
			color: #fff;
			letter-spacing: .04em;
		}
		
		.section-header p {
			max-width: 650px;
			margin: 14px auto 0;
			color: #94a3b8;
			line-height: 1.9;
			font-size: .96rem;
		}
		
		.prediction-grid {
			display: grid;
			grid-template-columns: repeat(1, minmax(0, 1fr));
			gap: 24px;
			max-width: 720px;
			margin: 0 auto;
		}
		
		.prediction-card {
			min-width: 0;
		}
		
		.badge.next {
			padding: 6px 12px;
			border-radius: 999px;
			font-size: .7rem;
			font-weight: 600;
			color: #dbeafe;
			background: rgba(96, 165, 250, 0.12);
			border: 1px solid rgba(96, 165, 250, 0.25);
		}
		
		.spirit-prediction {
			margin-top: 72px;
		}
		
		@media (max-width: 860px) {
			.prediction-grid {
				max-width: 100%;
			}
		}
		
		@media (max-width: 640px) {
			.section-header h2 {
				font-size: 1.9rem;
			}
			
			.section-header p {
				font-size: .92rem;
			}
		}
		
		#countdown-next {
			color: #60a5fa;
		}
		
		#local-time {
			font-size: 0.8rem;
			color: #94a3b8;
			opacity: 0.85;
		}
		
		.section-divider.labeled {
			display: flex;
			align-items: center;
			gap: 16px;
			margin: 100px 0 32px;
			text-align: center;
		}
		
		.section-divider.labeled::before,
		.section-divider.labeled::after {
			content: "";
			flex: 1;
			height: 2px;
			background: rgba(255, 255, 255, 0.20);
		}
		
		.section-divider.labeled span {
			font-size: 14.5px;
			font-weight: 500;
			letter-spacing: 0.04em;
			text-transform: uppercase;
			white-space: nowrap;
		}
		
		.archive-outro {
			position: relative;
			margin-top: 90px;
			padding: 90px 24px;
			border-top: 1px solid rgba(255, 255, 255, .06);
			border-bottom: 1px solid rgba(255, 255, 255, .05);
			background:
				radial-gradient(circle at top,
					rgba(96, 165, 250, .10),
					transparent 60%);
			overflow: hidden;
		}
		
		.archive-outro-inner {
			max-width: 760px;
			margin: 0 auto;
			text-align: center;
		}
		
		.outro-label {
			display: inline-flex;
			padding: 8px 16px;
			border-radius: 999px;
			font-size: .72rem;
			font-weight: 600;
			letter-spacing: .08em;
			text-transform: uppercase;
			color: #dbeafe;
			background:
				rgba(255, 255, 255, .05);
			
		}
		
		.archive-outro h2 {
			margin-top: 22px;
			font-size: clamp(2rem, 4vw, 3rem);
			line-height: 1.3;
			color: #fff;
		}
		
		.archive-outro p {
			margin: 18px auto 0;
			max-width: 640px;
			color: #94a3b8;
			line-height: 1.9;
			font-size: .96rem;
		}
		
		.outro-actions {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 14px;
			margin-top: 32px;
		}
		
		.outro-btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 14px 20px;
			border-radius: 999px;
			text-decoration: none;
			color: #fff;
			background:
				rgba(96, 165, 250, .12);
			border:
				1px solid rgba(96, 165, 250, .20);
			transition: .25s ease;
		}
		
		.outro-btn:hover {
			transform: translateY(-3px);
			background:
				rgba(96, 165, 250, .18);
		}
		
		.outro-btn.secondary {
			background:
				rgba(255, 255, 255, .04);
			
			border:
				1px solid rgba(255, 255, 255, .08);
		}