/* Modern Design System for Story Behind a Résumé */

:root{
	--bg:#ffffff;
	--text:#1a1a1a;
	--muted:#666666;
	--accent:#0066cc;
	--light-bg:#f5f5f5;
	--border:#e0e0e0;
	--max-width:1200px;
}

*{box-sizing:border-box}
html,body{height:100%;}
body{
	margin:0;
	font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
	background:var(--bg);
	color:var(--text);
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:transparent;
}

/* Navigation */
.navbar{
	position:sticky;
	top:0;
	background:var(--bg);
	border-bottom:1px solid var(--border);
	z-index:100;
	padding:0 20px;
}

.navbar-container{
	max-width:var(--max-width);
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:16px 0;
	gap:40px;
}

.navbar-brand{
	display:flex;
	align-items:center;
	gap:12px;
	text-decoration:none;
	flex-shrink:0;
}

.navbar-logo{
	width:40px;
	height:40px;
	border-radius:6px;
	display:block;
}

.navbar-text{
	font-size:16px;
	font-weight:600;
	color:var(--text);
}

.navbar-links{
	display:flex;
	gap:32px;
	align-items:center;
	list-style:none;
	margin:0;
	padding:0;
	flex:1;
}

.navbar-links a{
	color:var(--muted);
	text-decoration:none;
	font-size:15px;
	transition:color 0.2s;
}

.navbar-links a:hover{
	color:var(--accent);
}

.cta-link{
	background:var(--accent);
	color:white;
	padding:12px 24px;
	border-radius:6px;
	text-decoration:none;
	font-weight:600;
	font-size:15px;
	white-space:nowrap;
	transition:background 0.2s;
	flex-shrink:0;
}

.cta-link:hover{
	background:rgba(0,102,204,0.9);
}

.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;align-items:center}
.menu-toggle span{width:24px;height:2px;background:var(--text);border-radius:2px;transition:0.3s}
.menu-toggle:hover span{background:var(--accent)}

/* Main Content */
.main-content{
	max-width:var(--max-width);
	margin:0 auto;
	padding:0 20px;
}

/* Hero Section */
.hero{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:60px;
	align-items:center;
	padding:80px 0;
}

.hero-content h1{
	font-size:48px;
	line-height:1.2;
	margin:0 0 16px 0;
	color:var(--text);
}

.hero-content p{
	font-size:18px;
	color:var(--muted);
	line-height:1.6;
	margin:0 0 24px 0;
}

.hero-cta{
	display:flex;
	gap:16px;
	margin-top:32px;
}

.hero-image img{
	width:100%;
	border-radius:12px;
	display:block;
}

.btn{
	display:inline-block;
	padding:12px 24px;
	border-radius:6px;
	text-decoration:none;
	font-weight:600;
	font-size:15px;
	transition:all 0.2s;
	border:none;
	cursor:pointer;
}

.btn-primary{
	background:var(--accent);
	color:white;
}

.btn-primary:hover{
	background:rgba(0,102,204,0.9);
}

.btn-secondary{
	background:var(--accent);
	color:white;
	border:none;
}

.btn-secondary:hover{
	background:rgba(0,102,204,0.9);
}

/* Why This Works Section */
.why-works{
	padding:80px 0;
	text-align:center;
}

.why-works h2{
	font-size:36px;
	margin:0 0 48px 0;
	color:var(--text);
}

.why-works-grid{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:40px;
	text-align:left;
}

.why-card{
	padding:32px;
	border-radius:8px;
	background:var(--light-bg);
	transition:transform 0.2s;
}

.why-card:hover{
	transform:translateY(-4px);
}

.why-icon{
	font-size:40px;
	margin-bottom:16px;
}

.why-card h3{
	font-size:20px;
	margin:0 0 12px 0;
	color:var(--text);
}

.why-card p{
	margin:0;
	color:var(--muted);
	line-height:1.6;
}

/* Services Section */
.services-section{
	padding:80px 0;
}

.services-section h2{
	font-size:36px;
	margin:0 0 16px 0;
	color:var(--text);
}

.section-intro{
	font-size:18px;
	color:var(--muted);
	margin:0 0 48px 0;
}

.services-grid{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:24px;
	margin-bottom:48px;
}

.service-card{
	border:1px solid var(--border);
	border-radius:8px;
	padding:32px 24px;
	transition:all 0.2s;
}

.service-card:hover{
	border-color:var(--accent);
	box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

.service-header{
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin-bottom:16px;
}

.service-number{
	font-size:24px;
	font-weight:bold;
	color:var(--accent);
}

.service-card h3{
	font-size:18px;
	margin:0;
	color:var(--text);
}

.service-price{
	font-size:24px;
	font-weight:bold;
	color:var(--accent);
	margin:16px 0;
}

.service-price span{
	font-size:14px;
	font-weight:normal;
	color:var(--muted);
}

.service-list{
	list-style:none;
	padding:0;
	margin:16px 0;
}

.service-list li{
	padding:8px 0;
	color:var(--muted);
	font-size:14px;
	border-bottom:1px solid var(--border);
}

.service-list li:last-child{
	border:none;
}

.service-btn{
	display:block;
	width:100%;
	text-align:center;
	background:var(--accent);
	color:white;
	padding:12px 24px;
	margin-top:20px;
	border-radius:6px;
	text-decoration:none;
	border:none;
	font-weight:600;
	font-size:15px;
	transition:all 0.2s;
}

.service-btn:hover{
	background:rgba(0,102,204,0.9);
}

.bundle-highlight{
	background:linear-gradient(135deg, rgba(0,102,204,0.1) 0%, rgba(0,102,204,0.05) 100%);
	border:1px solid var(--accent);
	border-radius:8px;
	padding:40px;
	text-align:center;
}

.bundle-highlight h3{
	font-size:24px;
	margin:0 0 8px 0;
	color:var(--text);
}

.bundle-price{
	font-size:36px;
	font-weight:bold;
	color:var(--accent);
	margin:16px 0;
}

.bundle-items{
	list-style:none;
	padding:16px 0;
	margin:0;
	color:var(--text);
}

.bundle-items li{
	padding:8px 0;
}

/* Client Wins */
.client-wins{
	padding:80px 0;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:60px;
	align-items:center;
}

.client-wins-quote{
	border-left:4px solid var(--accent);
	padding-left:32px;
}

.client-wins-quote blockquote{
	font-size:24px;
	line-height:1.6;
	margin:0 0 16px 0;
	color:var(--text);
	font-style:italic;
}

.quote-author{
	color:var(--muted);
	margin:0;
}

.client-wins-stats{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:24px;
}

.stat{
	text-align:center;
}

.stat-number{
	font-size:36px;
	font-weight:bold;
	color:var(--accent);
	margin-bottom:8px;
}

.stat p{
	color:var(--muted);
	margin:0;
}

/* Speaking Section */
.speaking-section{
	padding:80px 0;
	background:linear-gradient(135deg, rgba(0,102,204,0.04) 0%, rgba(0,102,204,0.02) 100%);
}

.speaking-section h2{
	font-size:36px;
	color:var(--text);
	margin:0 0 48px 0;
	text-align:center;
}

.speaking-carousel{
	position:relative;
	margin-bottom:40px;
	max-width:var(--max-width);
	margin:0 auto 40px;
	padding:0 20px;
}

.carousel-container{
	display:flex;
	overflow:hidden;
	position:relative;
	width:100%;
}

.carousel-slide{
	display:none;
	flex-shrink:0;
	width:100%;
	padding:0;
}

.carousel-slide.active{
	display:grid;
	grid-template-columns:1fr 1.2fr;
	gap:60px;
	align-items:center;
	padding:40px;
	background:white;
	border-radius:12px;
	border:1px solid var(--border);
}

.slide-left{
	position:relative;
}

.speaking-image{
	overflow:hidden;
	border-radius:12px;
	aspect-ratio:16/9;
	background:black;
	display:flex;
	align-items:center;
	justify-content:center;
}

.speaking-image img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain;
	border-radius:12px;
	display:block;
}

.slide-right{
	display:flex;
	flex-direction:column;
	gap:16px;
}

.speaking-badge{
	color:var(--accent);
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.5px;
	margin:0;
	display:block;
}

.slide-right h3{
	font-size:28px;
	color:var(--text);
	margin:0;
	font-weight:700;
}

.speaking-subtitle{
	font-size:18px;
	font-style:italic;
	color:var(--muted);
	margin:0;
}

.speaking-description{
	font-size:16px;
	color:var(--muted);
	line-height:1.6;
	margin:0;
}

.speaking-details{
	display:flex;
	flex-direction:column;
	gap:20px;
	padding:20px 0;
}

.detail-block{
	background:var(--light-bg);
	padding:16px;
	border-radius:8px;
	border-left:3px solid var(--accent);
}

.detail-block h4{
	font-size:14px;
	font-weight:700;
	color:var(--accent);
	margin:0 0 8px 0;
	text-transform:uppercase;
	letter-spacing:0.5px;
}

.detail-block p{
	font-size:14px;
	color:var(--text);
	margin:0;
	line-height:1.5;
}

.detail-block ul{
	list-style:none;
	padding:0;
	margin:0;
}

.detail-block ul li{
	font-size:14px;
	color:var(--text);
	margin:8px 0;
	line-height:1.5;
}

.special-thanks{
	font-size:13px;
	color:var(--muted);
	font-style:italic;
	margin:0;
	padding:12px;
	background:rgba(0,102,204,0.05);
	border-left:2px solid var(--accent);
	border-radius:4px;
}

.speaking-links{
	display:flex;
	gap:12px;
	flex-wrap:wrap;
	margin-top:8px;
}

.btn-link,
.btn-link-primary,
.btn-secondary,
.ep-btn{
	padding:12px 24px;
	border-radius:6px;
	text-decoration:none;
	font-weight:600;
	font-size:15px;
	transition:all 0.2s;
	border:none;
	color:white;
	background:var(--accent);
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.btn-link:hover,
.btn-link-primary:hover,
.btn-secondary:hover,
.ep-btn:hover{
	background:rgba(0,102,204,0.9);
}

.btn-link-primary,
.btn-secondary{
	background:var(--accent);
}

.ep-btn{
	gap:8px;
}

/* Carousel Navigation */
.carousel-nav{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	background:rgba(0,0,0,0.3);
	color:white;
	border:none;
	width:48px;
	height:48px;
	border-radius:50%;
	cursor:pointer;
	font-size:24px;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:background 0.2s;
	z-index:10;
}

.carousel-nav:hover{
	background:rgba(0,0,0,0.6);
}

.carousel-nav.prev{
	left:-60px;
}

.carousel-nav.next{
	right:-60px;
}

.carousel-dots{
	display:flex;
	justify-content:center;
	gap:8px;
	margin-top:24px;
}

.carousel-dots .dot{
	width:12px;
	height:12px;
	border-radius:50%;
	background:var(--border);
	cursor:pointer;
	transition:background 0.2s;
}

.carousel-dots .dot.active{
	background:var(--accent);
}

/* Series Section */
.series-section{
	padding:80px 0;
}

.series-section h2{
	font-size:36px;
	margin:0 0 12px 0;
	color:var(--text);
}

.section-intro{
	font-size:16px;
	color:var(--muted);
	margin:0 0 48px 0;
}

/* Episodes Grid */
.episodes-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
	padding:0 20px;
	max-width:var(--max-width);
	margin:0 auto;
}

.ep-card{
	border-radius:12px;
	overflow:hidden;
	border:1px solid var(--border);
	background:var(--bg);
	transition:transform 0.2s, box-shadow 0.2s;
}

.ep-card:hover{
	transform:translateY(-4px);
	box-shadow:0 8px 28px rgba(0,0,0,0.12);
}

.ep-thumb-link{
	display:block;
	text-decoration:none;
}

.ep-thumb{
	position:relative;
	aspect-ratio:16/9;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	background:#0a2a52;
}

.ep-thumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:0;
}

.ep-num-badge,
.ep-play-btn,
.ep-overlay-name{
	position:relative;
	z-index:1;
}

.ep-num-badge{
	position:absolute;
	top:10px;
	left:10px;
	background:rgba(0,0,0,0.55);
	color:#fff;
	font-size:10px;
	font-weight:700;
	letter-spacing:1.5px;
	padding:3px 8px;
	border-radius:4px;
	backdrop-filter:blur(4px);
}

.ep-play-btn{
	width:56px;
	height:56px;
	background:rgba(255,0,0,0.92);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding-left:4px;
	box-shadow:0 4px 16px rgba(0,0,0,0.35);
	transition:transform 0.2s, background 0.2s;
	z-index:2;
}

.ep-card:hover .ep-play-btn{
	transform:scale(1.12);
	background:#ff0000;
}

.ep-overlay-name{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:linear-gradient(to top, rgba(0,0,0,0.72) 0%, transparent 100%);
	color:#fff;
	padding:22px 12px 10px;
	font-size:12px;
	font-weight:600;
	letter-spacing:0.3px;
}

.ep-meta{
	padding:14px 16px 16px;
}

.ep-meta h4{
	margin:0 0 4px;
	font-size:14px;
	font-weight:600;
	color:var(--text);
}

.ep-aired{
	font-size:12px;
	color:var(--muted);
}

.ep-btns{
	display:flex;
	gap:8px;
	margin-top:12px;
	flex-wrap:wrap;
}

.ep-btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:12px 24px;
	border-radius:6px;
	font-size:15px;
	font-weight:600;
	text-decoration:none;
	transition:all 0.2s;
	white-space:nowrap;
	background:var(--accent);
	color:white;
}

.ep-btn:hover{
	background:rgba(0,102,204,0.9);
}

.ep-btn-li,
.ep-btn-yt{
	background:var(--accent);
	color:white;
}

/* Legacy episode-card kept for any other uses */
.episode-card{
	border:1px solid var(--border);
	border-radius:8px;
	padding:0;
	overflow:hidden;
	transition:all 0.2s;
	display:flex;
	flex-direction:column;
	background:linear-gradient(135deg,rgba(0,102,204,0.06) 0%,rgba(0,102,204,0.02) 100%);
}

.episode-card:hover{
	border-color:var(--accent);
	box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

.episode-thumbnail{
	width:100%;
	height:200px;
	overflow:hidden;
	background:linear-gradient(135deg,rgba(0,102,204,0.2) 0%,rgba(0,102,204,0.1) 100%);
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}

.episode-thumbnail img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.episode-card h4{
	font-size:18px;
	margin:16px 16px 8px 16px;
	color:var(--text);
	padding:0;
}

.episode-card p{
	margin:0 16px 12px 16px;
	color:var(--muted);
	font-size:14px;
	padding:0;
}

.episode-card p.aired{
	font-size:12px;
	margin:8px 16px;
	color:var(--muted);
}

.episode-links{
	display:flex;
	gap:12px;
	margin:16px;
	margin-top:auto;
	flex-wrap:wrap;
}

.episode-links a{
	padding:8px 16px;
	background:var(--accent);
	color:white;
	text-decoration:none;
	border-radius:6px;
	font-size:13px;
	font-weight:600;
	transition:background 0.2s;
	flex:1;
	text-align:center;
}

.episode-links a:hover{
	background:rgba(0,102,204,0.9);
}

/* About Section */
.about-section{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:60px;
	align-items:center;
	padding:80px 0;
}

.about-content h2{
	font-size:36px;
	margin:0 0 24px 0;
	color:var(--text);
}

.about-content p{
	color:var(--muted);
	line-height:1.8;
	font-size:16px;
	margin:0;
}

.about-image img{
	width:100%;
	border-radius:12px;
}

/* Final CTA */
.final-cta{
	background:var(--light-bg);
	padding:80px;
	border-radius:12px;
	text-align:center;
	margin:80px auto;
}

.final-cta h2{
	font-size:36px;
	margin:0 0 16px 0;
	color:var(--text);
}

.final-cta p{
	font-size:18px;
	color:var(--muted);
	margin:0 0 32px 0;
}

.cta-buttons{
	display:flex;
	gap:16px;
	justify-content:center;
}

/* Contact Section */
.contact-section{
	padding:80px 0;
	text-align:center;
}

.contact-section h2{
	font-size:36px;
	margin:0 0 32px 0;
	color:var(--text);
}

.contact-section p{
	font-size:16px;
	margin:12px 0;
	color:var(--muted);
}

.contact-section a{
	color:var(--accent);
	text-decoration:none;
}

.contact-section a:hover{
	text-decoration:underline;
}

/* Footer */
.footer{
	background:var(--light-bg);
	padding:60px 0 20px;
	margin-top:80px;
	border-top:1px solid var(--border);
}

.footer-container{
	max-width:var(--max-width);
	margin:0 auto;
	padding:0 20px;
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:40px;
	margin-bottom:32px;
	align-items:start;
}

.footer-col{
	display:flex;
	flex-direction:column;
	gap:12px;
}

.footer-col h4{
	font-size:16px;
	margin:0;
	color:var(--text);
	font-weight:700;
}

.footer-col h5{
	font-size:14px;
	margin:0;
	color:var(--text);
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.3px;
}

.footer-col p{
	margin:0;
	color:var(--muted);
	font-size:14px;
	line-height:1.6;
}

.footer-col ul{
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	flex-direction:column;
	gap:8px;
}

.footer-col ul li{
	margin:0;
}

.footer-col ul li a{
	color:var(--muted);
	text-decoration:none;
	font-size:14px;
	transition:color 0.2s;
	display:inline-block;
}

.footer-col ul li a:hover{
	color:var(--accent);
}

.footer-bottom{
	max-width:var(--max-width);
	margin:0 auto;
	padding:0 20px 20px;
	text-align:center;
	color:var(--muted);
	font-size:13px;
	border-top:1px solid var(--border);
	padding-top:20px;
}

/* Responsive */
@media(max-width:768px){
	.navbar-container{
		flex-wrap:wrap;
		gap:20px;
	}

	.navbar-links{
		flex-direction:column;
		gap:16px;
		display:none;
	}

	.navbar-links.active{
		display:flex;
	}

	.menu-toggle{
		display:flex;
	}

	.hero{
		grid-template-columns:1fr;
		gap:40px;
		padding:40px 0;
	}

	.hero-content h1{
		font-size:32px;
	}

	.why-works-grid,
	.services-grid,
	.client-wins-stats,
	.footer-container{
		grid-template-columns:1fr;
	}

	.episodes-grid{
		grid-template-columns:repeat(2,1fr);
		gap:16px;
	}

	.services-grid{
		grid-template-columns:repeat(2, 1fr);
	}

	.hero-cta,
	.cta-buttons{
		flex-direction:column;
	}

	.client-wins,
	.about-section{
		grid-template-columns:1fr;
		gap:40px;
	}

	.speaking-carousel .carousel-slide.active{
		grid-template-columns:1fr;
		gap:30px;
	}

	.carousel-nav{
		width:40px;
		height:40px;
		font-size:20px;
	}

	.carousel-nav.prev{
		left:10px;
	}

	.carousel-nav.next{
		right:10px;
	}

	.final-cta{
		padding:40px 20px;
	}
}

/* PMI & Videocast Container */
.pmi-videocast-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	margin-bottom: 32px;
	max-width: 100%;
}

/* PMI Highlight Section */
.pmi-highlight{background:linear-gradient(135deg,rgba(139,220,255,0.08) 0%,rgba(139,220,255,0.04) 100%);border:1px solid rgba(139,220,255,0.2);border-radius:12px;padding:32px;margin-bottom:0}
.pmi-content{display:flex;flex-direction:column;gap:12px}
.pmi-badge{display:inline-block;background:rgba(139,220,255,0.15);color:var(--accent);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;width:fit-content;margin-bottom:0px}
.pmi-highlight h2{margin:0 0 4px 0;font-size:22px;line-height:1.25;color:var(--text)}
.pmi-highlight h2 em{font-style:italic;color:var(--accent);font-weight:500;display:block;font-size:16px;margin-top:2px}
.pmi-subtitle{margin:0 0 12px 0;color:var(--muted);font-size:13px}
.pmi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:16px 0}
.pmi-highlight-card{background:rgba(255,255,255,0.02);border:1px solid rgba(139,220,255,0.2);border-radius:10px;padding:16px;text-align:left}
.pmi-highlight-card h3{margin:0 0 8px 0;font-size:15px;color:var(--accent);font-weight:600}
.pmi-highlight-card p{margin:0;color:var(--text);font-size:13px;line-height:1.5}
.pmi-footer{background:rgba(255,255,255,0.01);border-left:3px solid var(--accent);padding:12px;margin:12px 0;border-radius:6px;font-size:12px;color:var(--muted);line-height:1.5}
.pmi-footer p{margin:0}
.pmi-footer strong{color:var(--text)}
.pmi-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.pmi-btn{display:inline-block;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:13px;transition:all 0.2s;border:1px solid rgba(139,220,255,0.3);color:var(--accent);background:transparent}
.pmi-btn:hover{background:rgba(139,220,255,0.1);border-color:var(--accent)}
.pmi-btn.primary{background:var(--accent);color:#061018;border-color:var(--accent)}
.pmi-btn.primary:hover{filter:brightness(0.92)}

/* Videocast Section (Main Content) */
.videocast-section-main {
	background: linear-gradient(135deg, rgba(139,220,255,0.08) 0%, rgba(139,220,255,0.04) 100%);
	border: 1px solid rgba(139,220,255,0.2);
	border-radius: 12px;
	padding: 32px;
	margin: 0 auto 32px auto;
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	max-width: 100%;
	gap: 12px;
}

.videocast-badge {
	display: inline-block;
	background: rgba(139,220,255,0.15);
	color: var(--accent);
	padding: 6px 12px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	width: fit-content;
	margin-bottom: 0px;
}

.videocast-section-main h3 {
	margin: 0 0 4px 0;
	font-size: 22px;
	line-height: 1.25;
	color: var(--text);
}

.videocast-intro {
	margin: 0 0 12px 0;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.5;
}

.episodes-list-main {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.episodes-list-main .episode {
	padding: 10px;
	background: rgba(255,255,255,0.02);
	border-radius: 6px;
	border-left: 2px solid var(--accent);
}

.episodes-list-main .episode h4 {
	margin: 0 0 3px 0;
	font-size: 12px;
	color: var(--text);
	font-weight: 500;
}

.episodes-list-main .aired {
	display: block;
	font-size: 11px;
	color: var(--muted);
	margin-bottom: 4px;
}

.episodes-list-main .episode-links {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.episodes-list-main .episode-links a {
	font-size: 11px;
	padding: 3px 8px;
	background: rgba(139,220,255,0.1);
	color: var(--accent);
	text-decoration: none;
	border-radius: 4px;
	transition: background 0.2s;
}

.episodes-list-main .episode-links a:hover {
	background: rgba(139,220,255,0.2);
}

/* Carousel Styles */
.pmbuzz-carousel{position:relative;margin:20px 0;max-width:100%;overflow:hidden;border-radius:8px}
.carousel-container{position:relative;width:100%;height:280px;background:rgba(0,0,0,0.3);border-radius:8px;overflow:hidden}
.carousel-slide{display:none;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:opacity 0.5s ease-in-out}
.carousel-slide.active{display:block;opacity:1}
.carousel-slide img{width:100%;height:100%;object-fit:cover}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(139,220,255,0.3);color:var(--accent);border:1px solid var(--accent);padding:8px 12px;border-radius:4px;cursor:pointer;font-size:18px;font-weight:bold;transition:all 0.2s;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center}
.carousel-btn:hover{background:rgba(139,220,255,0.5);border-color:var(--accent)}
.carousel-btn.prev{left:10px}
.carousel-btn.next{right:10px}
.carousel-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.carousel-dots .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.3);cursor:pointer;transition:all 0.2s}
.carousel-dots .dot.active{background:var(--accent);width:24px;border-radius:4px}

/* PMI Lakeshore Section */
.pmi-lakeshore-section {
	background: linear-gradient(135deg, rgba(139,220,255,0.08) 0%, rgba(139,220,255,0.04) 100%);
	border: 1px solid rgba(139,220,255,0.2);
	border-radius: 12px;
	padding: 32px;
	margin-bottom: 32px;
}

.pmi-highlight-content {
	background: rgba(255,255,255,0.01);
	border: 1px solid rgba(139,220,255,0.15);
	border-radius: 10px;
	padding: 16px;
	margin: 12px 0;
}

.pmi-highlight-content ul {
	list-style-position: inside;
}

.pmi-highlight-content li {
	margin: 6px 0;
}

/* Featured Speaking Carousel */
.featured-speaking-carousel-wrapper {
	background: linear-gradient(135deg, rgba(139,220,255,0.08) 0%, rgba(139,220,255,0.04) 100%);
	border: 1px solid rgba(139,220,255,0.2);
	border-radius: 12px;
	padding: 24px;
	margin: 0 auto 32px auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	box-sizing: border-box;
	max-width: 100%;
}

.featured-speaking-carousel {
	position: relative;
	min-height: 320px;
	width: 100%;
	overflow: hidden;
	border-radius: 8px;
}

.speaking-slide {
	display: none;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	width: 100%;
}

.speaking-slide.active {
	display: block;
	opacity: 1;
}

.slide-content {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	width: 100%;
	align-items: flex-start;
}

.slide-left {
	flex: 1 1 60%;
	min-width: 300px;
}

.slide-right {
	flex: 0 1 auto;
	height: 280px;
	width: 280px;
	min-width: 0;
}

.carousel-container-small {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	overflow: hidden;
	background: rgba(0,0,0,0.3);
}

.carousel-container-small img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.speaking-carousel-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 12px;
}

.carousel-btn-sm {
	background: rgba(139,220,255,0.3);
	color: var(--accent);
	border: 1px solid var(--accent);
	padding: 6px 10px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	transition: all 0.2s;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.carousel-btn-sm:hover {
	background: rgba(139,220,255,0.5);
	border-color: var(--accent);
}

.carousel-dots-sm {
	display: flex;
	gap: 6px;
	justify-content: center;
}

.dot-sm {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(255,255,255,0.3);
	cursor: pointer;
	transition: all 0.2s;
}

.dot-sm.active {
	background: var(--accent);
	width: 24px;
	border-radius: 4px;
}

/* Speaking carousel overrides */
.speaking-carousel {
	overflow: visible;
}

.speaking-carousel .carousel-container {
	display: block !important;
	height: auto !important;
	min-height: auto !important;
	overflow: visible !important;
}

.speaking-carousel .carousel-slide {
	display: none !important;
	position: static !important;
	width: 100% !important;
	height: auto !important;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

.speaking-carousel .carousel-slide.active {
	display: block !important;
	position: static !important;
	opacity: 1 !important;
	width: 100% !important;
	height: auto !important;
	padding: 40px !important;
	background: white !important;
	border-radius: 12px !important;
	border: 1px solid var(--border) !important;
	z-index: 1 !important;
}

.speaking-carousel .slide-left,
.speaking-carousel .slide-right {
	display: block !important;
	width: 100% !important;
	height: auto !important;
}

.speaking-carousel .speaking-image {
	aspect-ratio: 16 / 9;
	min-height: 320px;
	width: 100%;
	height: auto;
	background: black;
	display: flex;
	align-items: center;
	justify-content: center;
}

.speaking-carousel .speaking-image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	object-position: center center;
	display: block;
}

.speaking-carousel .carousel-nav.prev {
	left: 20px;
}

.speaking-carousel .carousel-nav.next {
	right: 20px;
}

.speaking-carousel .carousel-dots {
	position: static;
	transform: none;
	margin-top: 24px;
}

.speaking-carousel .carousel-dots .dot {
	background: var(--border);
}

.speaking-carousel-footer {
	display: flex;
	justify-content: center;
	padding-top: 8px;
	border-top: 1px solid rgba(139,220,255,0.15);
}

/* Expanded state */
.featured-speaking-carousel-wrapper.expanded .featured-speaking-carousel {
	min-height: auto;
}

.featured-speaking-carousel-wrapper.expanded .speaking-slide {
	display: block !important;
	opacity: 1 !important;
	position: relative !important;
	margin-bottom: 32px;
	padding-bottom: 32px;
	border-bottom: 1px solid rgba(139,220,255,0.15);
}

.featured-speaking-carousel-wrapper.expanded .speaking-slide:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.featured-speaking-carousel-wrapper.expanded .speaking-carousel-controls {
	display: none;
}

.expand-btn {
	background: transparent;
	color: var(--accent);
	border: 1px solid rgba(139,220,255,0.3);
	padding: 10px 16px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	transition: all 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	position: relative;
	z-index: 100;
}

.expand-btn:hover {
	background: rgba(139,220,255,0.1);
	border-color: var(--accent);
}

.expand-btn .arrow {
	display: inline-block;
	transition: transform 0.4s;
}

.expand-btn.active .arrow {
	transform: rotate(180deg);
}


@media (max-width:800px){
	.hero-banner .hero-overlay{left:20px;right:20px;top:50%;transform:translateY(-50%);max-width:none;padding:14px;text-align:center}
	.hero-banner .hero-overlay h1{font-size:20px}
	.pmi-videocast-wrapper {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.pmi-highlight{padding:20px;margin-bottom:0}
	.videocast-section-main {
		padding: 20px;
	}
	.pmi-highlight h2{font-size:18px}
	.pmi-highlight h2 em{font-size:14px}
	.pmi-grid{grid-template-columns:1fr;gap:16px;margin:16px 0}
	.pmi-cta{flex-direction:column;gap:8px}
	.pmi-btn{width:100%;text-align:center}
	.videocast-section-main h3 {
		font-size: 18px;
	}
	.episodes-list-main {
		max-height: none;
		overflow: visible;
	}

	/* Featured Speaking Carousel Mobile Styles */
	.featured-speaking-carousel-wrapper {
		max-height: none;
		padding: 16px;
	}

	.featured-speaking-carousel-wrapper.expanded {
		max-height: none;
	}

	.slide-content {
		flex-direction: column;
		gap: 12px;
	}

	.slide-right {
		flex: 1 1 100%;
		height: 200px;
		width: 100%;
	}

	.slide-left {
		flex: 1 1 100%;
		min-width: auto;
	}

	.carousel-container-small {
		height: 200px;
		width: 100%;
	}

	.slide-left {
		width: 100%;
	}

	.pmi-badge {
		font-size: 11px;
		padding: 4px 8px;
	}

	.featured-speaking-carousel-wrapper h2 {
		font-size: 18px;
	}

	.featured-speaking-carousel-wrapper h2 em {
		font-size: 14px;
	}

	.pmi-subtitle {
		font-size: 12px;
	}

	.pmi-highlight-card h3 {
		font-size: 13px;
	}

	.pmi-highlight-card p {
		font-size: 12px;
	}

}
.panel{
	width: 100%;
	max-width: 100%;
	margin: 0 auto 40px auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.panel > * {
	width: 100%;
}

@media(max-width:480px){
	.episodes-grid{
		grid-template-columns:1fr;
		gap:14px;
	}
}

.panel-title{font-size:16px;color:var(--accent);margin:0 0 12px 0;letter-spacing:1px}
.lead{color:var(--muted);font-size:15px;margin:0 0 18px 0}

.grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
	gap:18px;
	width: 100%;
}

.card{
	background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
	padding:20px;
	border-radius:8px;
	border:1px solid rgba(255,255,255,0.03);
}

.card h3{margin:0 0 8px 0;font-size:16px}
.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}

/* Hide Client Wins Section */
.client-wins {
	display: none;
}

/* Responsive: improved breakpoints for tablet and mobile */
@media (max-width:1000px){
	.content{padding:40px}
	.hero-banner img{height:320px}
}

@media (max-width:800px){
	.site{flex-direction:column}
	.sidebar{width:100%;flex-direction:row;align-items:center;justify-content:space-between;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));gap:12px;flex-wrap:wrap}
	.brand{display:flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0}
	.brand img{width:52px;height:52px;flex-shrink:0}
	.brand h1{font-size:16px;margin:0;word-break:break-word}
	.brand .role{display:none}
	.menu-toggle{display:flex;margin-left:auto;flex-shrink:0}
	.images{display:none}
	.nav{position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg,#070708 0%, #0b0c0d 100%);flex-direction:column;gap:0;margin:0;padding:0;max-height:0;overflow-y:auto;opacity:0;transition:opacity 0.3s ease,max-height 0.3s ease;border-bottom:1px solid rgba(255,255,255,0.04);z-index:1000}
	.nav.active{max-height:calc(100vh - 60px);opacity:1}
	.nav a{padding:12px 16px;font-size:14px;border-left:none;border-bottom:1px solid rgba(255,255,255,0.02);display:block}
	.nav a:last-child{border-bottom:none}
	.content{padding:16px;overflow-x:hidden}
	.hero-banner{margin-bottom:16px}
	.hero-banner img{height:200px}
	.hero-banner .hero-overlay{left:12px;right:12px;top:50%;transform:translateY(-50%);padding:10px;padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}
	.panel{margin-bottom:20px}
	.grid{grid-template-columns:1fr;gap:12px}
}

@media (max-width:480px){
	.sidebar{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left))}
	.brand h1{font-size:14px;margin:0}
	.brand img{width:48px;height:48px}
	.menu-toggle{width:40px;height:40px;padding:6px}
	.menu-toggle span{width:20px}
	.hero-banner .hero-overlay{left:10px;right:10px;top:50%;transform:translateY(-50%);padding:8px;padding-bottom:max(8px, env(safe-area-inset-bottom))}
	.hero-banner .hero-overlay h1{font-size:18px}
	.hero-banner .hero-overlay p{font-size:14px}
	.hero-banner img{height:160px}
	.content{padding:12px}
	.panel{margin-bottom:16px}
	.panel-title{font-size:13px}
	.card{padding:12px}
	.btn{padding:8px 12px;font-size:13px}
	.lead{font-size:13px}
	.episodes-list-main .episode{padding:8px;word-break:break-word}
	.episodes-list-main .episode h4{font-size:11px}
	.episodes-list-main .aired{font-size:10px}
	.episodes-list-main .episode-links{gap:6px;flex-wrap:wrap}
	.episodes-list-main .episode-links a{font-size:10px;padding:3px 6px}
}

/* Accessibility focus */
a:focus{outline:2px dashed rgba(139,220,255,0.6);outline-offset:3px}

/* Small utility */
.muted{color:var(--muted)}

/* Footer helper */
.footer{padding:24px 0;color:rgba(255,255,255,0.5)}

/* Services Section */
.services-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
	gap:24px;
	margin: 0 auto 32px auto;
	width: 100%;
}
.service-card{background:linear-gradient(135deg,rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:28px 24px;transition:transform 0.2s,border-color 0.2s,box-shadow 0.2s}
.service-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.12);box-shadow:0 12px 40px rgba(0,0,0,0.4)}
.service-icon{font-size:36px;margin-bottom:12px;text-align:center}
.service-card h3{margin:12px 0 6px 0;font-size:18px;color:var(--text)}
.service-subtitle{margin:0 0 16px 0;color:var(--muted);font-size:13px;font-style:italic}
.pricing{background:rgba(255,255,255,0.02);border-radius:8px;padding:12px;margin:16px 0;border:1px solid rgba(255,255,255,0.04)}
.price-option{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;color:var(--muted)}
.price-option .price{font-weight:600;color:var(--accent);font-size:15px}
.service-benefits{margin:16px 0}
.service-benefits p{margin:0 0 8px 0;font-size:13px;color:var(--muted)}
.service-benefits ul{margin:0;padding-left:16px;font-size:13px;color:var(--muted);line-height:1.6}
.service-benefits li{margin-bottom:4px}
.service-btn{
	display:block;
	width:100%;
	margin-top:16px;
	padding:12px 24px;
	background:var(--accent);
	color:white;
	border:none;
	border-radius:6px;
	text-decoration:none;
	text-align:center;
	font-weight:600;
	font-size:15px;
	cursor:pointer;
	transition:background 0.2s;
}

.service-btn:hover{
	background:rgba(0,102,204,0.9);
}

/* Service Card Colors */
.service-blue{border-top:3px solid #0089d9}
.service-yellow{border-top:3px solid #ffc107}
.service-purple{border-top:3px solid #9c27b0}
.service-star{border-top:3px solid #ff9800}

/* Bundle Section */
.bundle-section{background:linear-gradient(135deg,rgba(139,220,255,0.06) 0%,rgba(156,39,176,0.04) 100%);border:2px solid rgba(139,220,255,0.15);border-radius:12px;padding:32px;margin:32px 0;max-width:900px}
.bundle-title{font-size:18px;margin:0 0 20px 0;color:var(--text);text-align:center}
.bundle-card{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}
.bundle-content{flex:1}
.bundle-price{font-size:32px;font-weight:700;color:var(--accent);margin:0 0 8px 0}
.bundle-duration{font-size:14px;color:var(--muted);font-weight:400;display:block;margin-top:4px}
.bundle-value{margin:0 0 16px 0;color:var(--text);font-size:14px}
.bundle-items{list-style:none;padding:0;margin:0;font-size:14px;color:var(--muted);line-height:1.8;display:flex;flex-direction:column;gap:8px}
.bundle-btn{width:100%;max-width:280px;margin:0 auto}

/* Final CTA Section */
.final-cta{background:linear-gradient(180deg,rgba(139,220,255,0.08) 0%,rgba(139,220,255,0.04) 100%);border:1px solid rgba(139,220,255,0.2);border-radius:12px;padding:36px 28px;text-align:center;margin:28px 0;max-width:900px}
.final-cta h3{font-size:20px;color:var(--text);margin:0 0 20px 0;line-height:1.3}
.cta-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}
.cta-btn{display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:filter 0.2s,transform 0.2s}
.cta-btn.primary{background:var(--accent);color:#061018;min-width:200px}
.cta-btn.primary:hover{filter:brightness(0.92);transform:translateY(-2px)}
.cta-btn.secondary{border:2px solid var(--accent);color:var(--accent);min-width:200px;background:transparent}
.cta-btn.secondary:hover{background:rgba(139,220,255,0.1);transform:translateY(-2px)}

@media (max-width:900px){
	.services-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
	.bundle-card{flex-direction:column}
	.cta-buttons{flex-direction:column}
	.cta-btn{min-width:160px;width:100%;max-width:300px}
}

@media (max-width:600px){
	.services-grid{grid-template-columns:1fr;gap:16px}
	.service-card{padding:20px 16px}
	.service-benefits ul{font-size:12px}
	.bundle-section{padding:20px 16px}
	.final-cta{padding:24px 16px}
	.final-cta h3{font-size:16px;margin-bottom:16px}
	.cta-btn{padding:10px 20px;font-size:13px}
}

	width:281px;
	height:380px;
	text-align:center;
	padding: 8px 0 20px 0;
	float:none;
	margin:0;
	background:none;
}
.body ul.blog li div a img{
	border:0;
	margin:0 0 0 -3px;
}
.body ul.blog li div a img:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}
.body ul.blog li div p{
	width:258px;
	text-align:justify;
	color:#828081;
	font-family: 'RokkittRegular';
	margin:17px 0 0 10px;
	line-height:20px;
	font-size:14px;
	background:none;
	padding:0;
}
.body ul.blog li div a:first-child{
	margin:0;
	padding:0;
	background:none;
	width:auto;
}
.body ul.blog li div a:hover{
	color:#F78117;
}
.body ul.blog li div a{
	color:#606060;
	font-family: 'RokkittRegular';
	font-style:italic;
	text-decoration:none;
	padding:98px 0 0;
	margin:32px auto 0;
	display:block;
	width: 150px;
	background:url(../images/button-more.jpg) no-repeat center top;
	outline:none;
	font-size:16px;
	font-weight:normal;
	text-shadow: 0 1px 0 #fcfcfc;
}
.body h3{
	font-family: 'RokkittRegular';
	font-size:16px;
	font-weight:bold;
	color:#636363;
	margin:15px 0 0;
	line-height:21px;
}
.body p{
	font-family: 'RokkittRegular';
	font-size:16px;
	text-align:justify;
	color:#636363;
	margin:0 0 20px;
	line-height:21px;
}
.body p a{
	outline:none;
	color:#636363;
}
.body ul{
	list-style:none;
    margin:0;
    padding:0;
	overflow:hidden;
}
.body ul li:first-child{
	background:none;
	padding:0 0 30px;
}
.body ul li{
	overflow:hidden;
	background:url(../images/separator.jpg) no-repeat center top;
	padding:30px 0;
}
.body ul li div.featured{
	background:url(../images/interface.jpg) no-repeat 0 -68px;
	width:281px;
	height:292px;
	text-align: center;
	margin:0;
}
.body ul li div.featured img{
	margin:10px 0 0 -3px;
	border:0;
}
.body ul li div.featured ul{
	overflow:hidden;
	margin:2px 0 0 10px;
	
}
.body ul li div.featured ul li:first-child{
	margin:0;
}
.body ul li div.featured ul li{
	float:left;
	margin:0 0 0 18px;
	background:none;
	padding:0;
}
.body ul li div.featured ul li a{
	padding:0;
}
.body ul li div.featured ul li a img{
	margin:0;
}
.body ul li div.featured ul li a img:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}
.body ul li div.featured a{
	clear:both;
	display:block;
	font-size:13px;
	font-family: 'RokkittRegular';
	text-decoration:none;
	color:#8a8889;
	font-weight:bold;
	padding:5px 0 0;
	width:auto;
	outline:none;
}
.body ul li div{
	float:left;
	margin:0 0 0 50px;
	width:609px;
	background:url(../images/button-more.jpg) no-repeat left bottom;
}
.body ul li div h3{
	margin:0;
	font-size:20px;
	font-weight:bold;
	font-family: 'RokkittRegular';
	color:#f28220;
	line-height:22px;
}
.body ul li div p{
	line-height:22px;
	font-family: 'RokkittRegular';
	font-size:14px;
	color:#5D5D5D;
	padding:0 0 90px;
	margin:0;
}
.body ul.paging{
	margin:15px 0 10px 210px;
}
.body ul.paging li{
	float:left;
	padding:0 5px;
	background:none;
}
.body ul.paging li a{
	text-decoration:none;
	color:#ff7e0d;
	font-family: arial;
	font-size:12px;
}
.body ul.paging li a:hover{
	color:#5D5D5D;
}

/*------------------------- Footer ------------------------*/ 
.footer{
	width:940px;
	background:url(../images/bg-footer.jpg) no-repeat center top;
	padding:65px 10px 207px;
	margin:0 auto;
	overflow:hidden;
}
.footer ul{
	list-style:none;
	margin:0 0 0 60px;
	padding:0;
	overflow:hidden;
	float:left;
}
.footer ul li:first-child a{
	border:none;
	padding:0 6px 0 0;
}
.footer ul li{
	float:left;
}
.footer ul li a:hover{
	color:#F78117;
}
.footer ul li a{
	border-width: 1px;
	border-color:#5b5b5b;
	border-style: none none none solid;
	color:#5b5b5b;
	font-size:10px;
	font-family: Trebuchet MS;
	text-decoration:none;
	font-weight:bold;
	padding:0 6px;
	outline:none;
}
.footer p{
	color:#5b5b5b;
	font-size:10px;
	font-family: Trebuchet MS;
	font-weight:bold;
	float:left;
	margin:6px 0 0 135px;
}
.footer div.connect{
	float:left;
	margin:0 0 0 92px;
}
.footer div.connect a{
	float:left;
	outline:none;
}
.footer div.connect a#facebook{
	width:27px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(../images/icons.gif) no-repeat;
}
.footer div.connect a#twitter{
	width:36px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(../images/icons.gif) no-repeat 0 -48px;
	margin:0 0 0 68px;
}
.footer div.connect a#vimeo{
	width:32px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(../images/icons.gif) no-repeat 0 -96px;
	margin:0 0 0 73px;
}

/* Video Modal */
.video-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 1000;
	justify-content: center;
	align-items: center;
	animation: fadeIn 0.3s ease-in-out;
}

.video-modal.active {
	display: flex;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.video-modal-content {
	position: relative;
	width: 90%;
	max-width: 900px;
	aspect-ratio: 16 / 9;
	background: black;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
}

.video-player-container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-player-container iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.video-modal-close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 44px;
	height: 44px;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	border-radius: 50%;
	color: white;
	font-size: 28px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1001;
	transition: background 0.2s ease;
}

.video-modal-close:hover {
	background: rgba(255, 255, 255, 0.2);
}

@media (max-width: 768px) {
	.video-modal-content {
		width: 95%;
		max-width: 100%;
	}
}