.cce-tp-wrap{
	--navy:#0d1b3e; --navy-soft:#152a5c; --gold:#c8a04a; --gold-soft:#e6c87f;
	--cream:#f7f3ea; --cream-deep:#efe7d6; --ink:#2a2a2a; --muted:#6b6f7a; --white:#fff;
	font-family:'Source Sans 3',system-ui,sans-serif; color:var(--ink);
	max-width:1200px; margin:0 auto; padding:56px 20px; box-sizing:border-box;
}
.cce-tp-wrap *{box-sizing:border-box}

/* Header */
.cce-tp-header{text-align:center; margin-bottom:40px}
.cce-tp-eyebrow{
	display:inline-block; font-size:13px; letter-spacing:.18em; text-transform:uppercase;
	color:var(--gold); font-weight:600; margin-bottom:10px;
}
.cce-tp-title{
	font-family:'Playfair Display',serif; font-weight:700; color:var(--navy);
	font-size:clamp(28px,4vw,42px); line-height:1.15; margin:0 0 14px;
}
.cce-tp-divider{display:block; width:64px; height:3px; margin:0 auto;
	background:linear-gradient(90deg,var(--gold),var(--gold-soft)); border-radius:2px}

/* Card */
.cce-tp-card{
	position:relative; background:var(--white); border:1px solid var(--cream-deep);
	border-radius:18px; padding:34px 30px 28px; height:100%;
	box-shadow:0 10px 30px -18px rgba(13,27,62,.28); display:flex; flex-direction:column;
	transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.cce-tp-card:hover{transform:translateY(-6px);
	box-shadow:0 22px 44px -20px rgba(13,27,62,.4); border-color:var(--gold-soft)}
.cce-tp-quote-mark{
	font-family:'Playfair Display',serif; font-size:84px; line-height:.6; color:var(--gold);
	opacity:.22; position:absolute; top:18px; right:24px; pointer-events:none;
}
.cce-tp-stars{display:flex; gap:3px; margin-bottom:14px; font-size:17px}
.cce-tp-stars .on{color:var(--gold)}
.cce-tp-stars .off{color:#d8d3c6}
.cce-tp-quote{
	font-size:16.5px; line-height:1.7; color:#3a3f4b; margin:0 0 22px;
	flex:1; font-weight:400;
}
.cce-tp-person{display:flex; align-items:center; gap:14px; margin-top:auto}
.cce-tp-avatar{width:54px; height:54px; flex:0 0 54px; border-radius:50%; overflow:hidden;
	background:var(--navy); display:flex; align-items:center; justify-content:center;
	border:2px solid var(--gold-soft)}
.cce-tp-avatar-img{width:100%; height:100%; object-fit:cover; display:block}
.cce-tp-avatar-fallback{font-family:'Playfair Display',serif; color:var(--gold-soft);
	font-size:24px; font-weight:700}
.cce-tp-person-meta{display:flex; flex-direction:column; line-height:1.35}
.cce-tp-name{font-weight:700; color:var(--navy); font-size:16px;
	font-family:'Playfair Display',serif}
.cce-tp-role{font-size:13.5px; color:var(--muted)}
.cce-tp-loc{font-size:12.5px; color:var(--gold); font-weight:600; margin-top:2px}

/* ---- Carousel ---- */
.cce-tp-carousel{display:flex; align-items:center; gap:10px}
.cce-tp-track-viewport{overflow:hidden; flex:1}
.cce-tp-track{display:flex; transition:transform .55s cubic-bezier(.4,.02,.2,1); will-change:transform}
.cce-tp-slide{flex:0 0 33.333%; padding:14px; min-width:0}
.cce-tp-home[data-columns="2"] .cce-tp-slide{flex-basis:50%}
.cce-tp-home[data-columns="1"] .cce-tp-slide{flex-basis:100%}
.cce-tp-single .cce-tp-card{max-width:760px; margin:0 auto; padding:44px 48px 38px}
.cce-tp-single .cce-tp-quote{font-size:19px; line-height:1.8}
.cce-tp-single .cce-tp-quote-mark{font-size:104px; top:22px; right:34px}
.cce-tp-nav{
	flex:0 0 46px; width:46px; height:46px; border-radius:50%; border:none; cursor:pointer;
	background:var(--navy); color:var(--gold-soft); font-size:26px; line-height:1;
	display:flex; align-items:center; justify-content:center;
	transition:background .25s, transform .25s; box-shadow:0 8px 18px -8px rgba(13,27,62,.55)
}
.cce-tp-nav:hover{background:var(--gold); color:var(--navy); transform:scale(1.08)}
.cce-tp-dots{display:flex; justify-content:center; gap:9px; margin-top:26px}
.cce-tp-dot{width:9px; height:9px; padding:0; border:none; border-radius:50%; cursor:pointer;
	background:#cfc8b8; transition:all .3s}
.cce-tp-dot.is-active{background:var(--gold); width:26px; border-radius:6px}

/* ---- Archive ---- */
.cce-tp-filterbar{display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between;
	align-items:center; margin-bottom:32px}
.cce-tp-pills{display:flex; flex-wrap:wrap; gap:9px}
.cce-tp-pill{
	border:1.5px solid var(--cream-deep); background:var(--white); color:var(--navy);
	padding:8px 18px; border-radius:30px; font-size:14px; font-weight:600; cursor:pointer;
	font-family:'Source Sans 3',sans-serif; transition:all .25s
}
.cce-tp-pill:hover{border-color:var(--gold)}
.cce-tp-pill.is-active{background:var(--navy); color:var(--gold-soft); border-color:var(--navy)}
.cce-tp-search-input{
	border:1.5px solid var(--cream-deep); border-radius:30px; padding:9px 18px;
	font-size:14px; min-width:230px; outline:none; font-family:'Source Sans 3',sans-serif;
	transition:border-color .25s
}
.cce-tp-search-input:focus{border-color:var(--gold)}

.cce-tp-grid{display:grid; grid-template-columns:repeat(var(--cce-cols,3),1fr); gap:24px}
.cce-tp-archive .cce-tp-card{opacity:0; transform:translateY(18px);
	transition:opacity .5s ease, transform .5s ease, box-shadow .35s, border-color .35s}
.cce-tp-archive .cce-tp-card.is-shown{opacity:1; transform:translateY(0)}

.cce-tp-loader{display:flex; justify-content:center; gap:7px; margin:34px 0}
.cce-tp-loader span{width:11px; height:11px; border-radius:50%; background:var(--gold);
	animation:cce-tp-bounce 1s infinite ease-in-out}
.cce-tp-loader span:nth-child(2){animation-delay:.16s}
.cce-tp-loader span:nth-child(3){animation-delay:.32s}
@keyframes cce-tp-bounce{0%,80%,100%{transform:scale(.4);opacity:.4}40%{transform:scale(1);opacity:1}}

.cce-tp-empty{text-align:center; color:var(--muted); padding:40px 0; font-size:16px}
.cce-tp-loadmore-wrap{text-align:center; margin-top:36px}
.cce-tp-loadmore{
	background:linear-gradient(135deg,var(--navy),var(--navy-soft)); color:var(--gold-soft);
	border:none; padding:13px 38px; border-radius:30px; font-size:15px; font-weight:600;
	cursor:pointer; font-family:'Source Sans 3',sans-serif; letter-spacing:.02em;
	transition:transform .25s, box-shadow .25s; box-shadow:0 10px 24px -12px rgba(13,27,62,.6)
}
.cce-tp-loadmore:hover{transform:translateY(-2px); box-shadow:0 16px 30px -12px rgba(13,27,62,.7)}

/* Responsive */
@media(max-width:1100px){.cce-tp-slide{flex-basis:50%} .cce-tp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
	.cce-tp-wrap{padding:38px 16px}
	.cce-tp-header{margin-bottom:28px}
	.cce-tp-slide,
	.cce-tp-home[data-columns="2"] .cce-tp-slide,
	.cce-tp-home[data-columns="3"] .cce-tp-slide{flex-basis:100%}
	.cce-tp-slide{padding:8px 4px}
	/* Hide side arrows on phones — swipe + dots handle navigation, card gets full width */
	.cce-tp-nav{display:none}
	.cce-tp-carousel{gap:0}
	.cce-tp-grid{grid-template-columns:1fr}
	.cce-tp-filterbar{flex-direction:column;align-items:stretch}
	.cce-tp-search-input{width:100%}
	.cce-tp-card{padding:28px 22px 24px}
	.cce-tp-single .cce-tp-card{padding:30px 24px 26px; max-width:100%}
	.cce-tp-quote{font-size:16px}
	.cce-tp-single .cce-tp-quote{font-size:16.5px; line-height:1.7}
	.cce-tp-quote-mark{font-size:64px; top:14px; right:18px}
	.cce-tp-dots{margin-top:18px}
}