/* ============================================================
   PAGE À PROPOS TICQ — STYLES SUR-MESURE FSE 100VW
   ============================================================ */

@media (min-width: 993px) {
	.ticq-about-hero,
	.ticq-about-story-section,
	.ticq-about-values-section,
	.ticq-about-missions-section {
		width: 100vw !important;
		position: relative !important;
		left: 50% !important;
		right: 50% !important;
		margin-left: -50vw !important;
		margin-right: -50vw !important;
		box-sizing: border-box !important;
	}
}

@media (max-width: 992px) {
	.ticq-about-hero,
	.ticq-about-story-section,
	.ticq-about-values-section,
	.ticq-about-missions-section {
		width: 100% !important;
		max-width: 100% !important;
		position: relative !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
}

.ticq-about-hero {
	background-color: var(--ticq-bg-dark, #1C0F08);
	color: #FFFFFF;
	padding: 90px 24px 70px;
	text-align: center;
}

.ticq-about-hero-container {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}

.ticq-about-hero h1 {
	color: #FFFFFF;
	font-size: 3rem;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.2;
}

.ticq-about-hero p {
	font-size: 1.2rem;
	color: #D6C7BC;
	line-height: 1.6;
	max-width: 900px;
	margin: 0 auto;
}

/* --- SECTION HISTOIRE & VISUEL PRODUITS (3:4) --- */
.ticq-about-story-section {
	background-color: #FFFFFF;
	padding: 90px 24px;
	border-bottom: 1px solid #EAE0D5;
}

.ticq-about-story-grid {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 60px;
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 56px;
	align-items: center;
}

.ticq-about-vision-title {
	font-family: var(--ticq-font-heading, 'Outfit', sans-serif);
	font-size: clamp(1.8rem, 1.4rem + 1.2vw, 2.5rem);
	font-weight: 700;
	color: #1C0F08;
	margin: 0.85rem 0 1.35rem;
	line-height: 1.25;
}

.ticq-about-story-lead {
	font-family: var(--ticq-font-body, 'Plus Jakarta Sans', sans-serif);
	font-size: 1.05rem;
	line-height: 1.75;
	color: #3D241C;
	margin-bottom: 1.25rem;
}

.ticq-about-story-body {
	font-family: var(--ticq-font-body, 'Plus Jakarta Sans', sans-serif);
	font-size: 1.02rem;
	line-height: 1.75;
	color: #5A4234;
	margin-bottom: 1.6rem;
}

/* Citation d'Exception Haute Horlogerie */
.ticq-about-quote-box {
	position: relative;
	background: #FAF6F4;
	border: 1px solid #EAE0D5;
	border-left: 4px solid var(--ticq-color-accent, #C4813A);
	border-radius: 0 16px 16px 0;
	padding: 24px 28px 22px 28px;
	margin: 0;
	box-shadow: 0 4px 16px rgba(28, 15, 8, 0.03);
}

.ticq-about-quote-mark {
	position: absolute;
	top: -12px;
	right: 20px;
	font-family: Georgia, serif;
	font-size: 3.5rem;
	color: rgba(196, 129, 58, 0.18);
	line-height: 1;
	pointer-events: none;
}

.ticq-about-quote-text {
	font-family: var(--ticq-font-heading, 'Outfit', sans-serif);
	font-size: 0.98rem;
	font-style: italic;
	font-weight: 600;
	color: #1C0F08;
	margin: 0;
	line-height: 1.6;
	position: relative;
}

/* Image 3:4 sans texte */
.ticq-about-image-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.ticq-about-image-frame {
	position: relative;
	width: 100%;
	max-width: 440px;
	aspect-ratio: 3 / 4;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 20px 45px -10px rgba(28, 15, 8, 0.16), 0 0 0 1px rgba(196, 129, 58, 0.2);
	background: #2A170F;
	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
}

.ticq-about-image-frame:hover {
	transform: translateY(-4px);
	box-shadow: 0 26px 55px -10px rgba(28, 15, 8, 0.22), 0 0 0 1px var(--ticq-color-accent, #C4813A);
}

.ticq-about-product-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* --- SECTION VALEURS & MISSIONS (Split avec Ligne Verticale) --- */
.ticq-about-values-section {
	background-color: #FFFFFF;
	padding: 80px 24px;
	border-bottom: 1px solid #EAE0D5;
}

.ticq-about-missions-section {
	background-color: var(--ticq-bg-cream-light, #FAF6F4);
	padding: 80px 24px;
	border-bottom: 1px solid #EAE0D5;
}

.ticq-split-block {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 48px;
	align-items: flex-start;
}

.ticq-split-title-col {
	display: flex;
	align-items: center;
	gap: 16px;
	border-right: 2px solid var(--ticq-color-gold, #C4813A);
	padding-right: 32px;
}

.ticq-split-icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #FAF6F4;
	border: 1px solid #EAE0D5;
	color: var(--ticq-color-gold, #C4813A);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
}

.ticq-split-title-col h2 {
	font-size: 2rem;
	font-weight: 700;
	color: var(--ticq-bg-dark, #1C0F08);
	margin: 0;
}

/* Responsive */
@media (max-width: 992px) {
	.ticq-about-story-grid,
	.ticq-split-block {
		grid-template-columns: 1fr;
	}

	.ticq-split-title-col {
		border-right: none;
		border-bottom: 2px solid var(--ticq-color-gold, #C4813A);
		padding-right: 0;
		padding-bottom: 16px;
	}

	.ticq-about-hero h1 {
		font-size: 2.2rem;
	}
}

/* --- HARMONISATION TYPOGRAPHIQUE & CONTRASTE PAGE À PROPOS --- */

/* Alignement strict à gauche des en-têtes et descriptions de sections */
.ticq-about-page-main .ticq-section-header {
	text-align: left !important;
	margin-left: 0 !important;
	margin-right: auto !important;
}

.ticq-about-page-main .ticq-section-desc {
	text-align: left !important;
	margin-left: 0 !important;
	margin-right: auto !important;
}

/* Carte sombre haute visibilité pour "Nos Missions Fondatrices" */
.ticq-about-page-main .ticq-card--dark,
.ticq-about-missions-section .ticq-card--dark {
	background-color: var(--ticq-bg-dark, #1C0F08) !important;
	border: 1px solid rgba(196, 129, 58, 0.35) !important;
	box-shadow: 0 16px 36px rgba(28, 15, 8, 0.22) !important;
	color: #FFFFFF !important;
}

.ticq-about-page-main .ticq-card--dark h2,
.ticq-about-missions-section .ticq-card--dark h2 {
	color: #FFFFFF !important;
}

.ticq-about-page-main .ticq-card--dark p,
.ticq-about-missions-section .ticq-card--dark p {
	color: #D6C7BC !important;
}

/* Amélioration visuelle des cartes du procédé en 5 étapes */
.ticq-about-story-section .ticq-grid-5 .ticq-card {
	border: 1px solid #EAE0D5;
	transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.ticq-about-story-section .ticq-grid-5 .ticq-card:hover {
	transform: translateY(-4px);
	border-color: var(--ticq-color-gold, #C4813A);
	box-shadow: 0 8px 24px rgba(107, 58, 42, 0.08);
}