/* ============================================================================
   HANNOVER GLANZ — Styles spécifiques à la page "Über uns" (v2 éditoriale)
   Dépend de hannover-glanz-pages.css (variables, .hg-reveal, .hg-cta, .hg-btn...)
   ============================================================================ */

/* ---------- HERO ÉDITORIAL PLEIN CADRE ---------- */
.hg-about-hero{
	position:relative;
	height:64vh;
	min-height:420px;
	overflow:hidden;
	display:flex;
	align-items:flex-end;
}
.hg-about-hero-img{
	position:absolute; inset:0;
	width:100%; height:100%;
	object-fit:cover;
}
.hg-about-hero-overlay{
	position:absolute; inset:0;
	background:linear-gradient(0deg, rgba(3,40,81,.95) 10%, rgba(3,40,81,.55) 55%, rgba(3,40,81,.25) 100%);
}
.hg-about-hero-curve{
	position:absolute;
	bottom:0; left:0;
	width:100%; height:40px;
	z-index:2;
}
.hg-about-hero-content{ position:relative; z-index:3; padding-bottom:56px; }
.hg-about-hero-content h1{ color:var(--hg-white); font-size:clamp(2rem, 4.5vw, 3rem); margin:.4em 0; }

/* ---------- PHOTO PLEIN CADRE + CITATION EN SURIMPRESSION ---------- */
.hg-about-founder{
	position:relative;
	height:70vh;
	min-height:480px;
	overflow:hidden;
}
.hg-about-founder img{
	position:absolute; inset:0;
	width:50%; height:100%;
	object-fit:cover;
	object-position:center 20%;
}
.hg-about-founder-scrim{
	position:absolute; inset:0;
	background:linear-gradient(0deg, rgba(3,40,81,.92) 0%, rgba(3,40,81,.35) 45%, transparent 75%);
}
.hg-about-founder-quote{
	position:absolute;
	bottom:0; left:0; right:0;
	max-width:720px;
	margin:0 auto;
	padding:0 24px 56px;
	text-align:center;
	color:var(--hg-white);
}
.hg-quote-mark{
	display:block;
	font-family:Georgia, serif;
	font-size:4rem;
	line-height:1;
	color:var(--hg-green-light);
	margin-bottom:4px;
}
.hg-quote-text{
	font-family:var(--hg-font-display);
	font-weight:700;
	font-size:1.35rem;
	line-height:1.5;
	margin-bottom:14px;
}
.hg-quote-author{
	font-size:.82rem;
	font-weight:600;
	letter-spacing:.5px;
	text-transform:uppercase;
	color:rgba(255,255,255,.75);
}

/* ---------- NOTRE HISTOIRE (asymétrique) ---------- */
.hg-about-story{ background:var(--hg-white); padding:100px 0; }
.hg-about-story-grid{
	display:grid;
	grid-template-columns:0.7fr 1.3fr;
	gap:56px;
}
.hg-about-story-label h2{ font-size:1.6rem; line-height:1.35; }
.hg-about-story-text p{ font-size:1rem; line-height:1.75; margin-bottom:18px; color:var(--hg-text-grey); }
.hg-about-signature{
	display:inline-block;
	font-family:var(--hg-font-display);
	font-weight:700;
	font-style:italic;
	color:var(--hg-navy);
	padding-top:18px;
	border-top:2px solid var(--hg-blue-light);
}

/* ---------- VALEURS EN BADGES RELIÉS ---------- */
.hg-about-values{ background:var(--hg-grey-bg); padding:100px 0; }
.hg-about-values h2{ font-size:1.7rem; margin-bottom:50px; max-width:600px; }
.hg-value-chain{
	position:relative;
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	gap:16px;
}
.hg-value-line{
	position:absolute;
	top:32px; left:8%; right:8%;
	height:2px;
	background:repeating-linear-gradient(90deg, rgba(3,40,81,.25) 0 6px, transparent 6px 12px);
	z-index:0;
}
.hg-value-badge{
	position:relative; z-index:1;
	text-align:center;
}
.hg-value-icon{
	display:flex; align-items:center; justify-content:center;
	width:64px; height:64px;
	margin:0 auto 14px;
	border-radius:50%;
	background:var(--hg-navy);
	color:var(--hg-green-light);
	font-size:1.4rem;
	box-shadow:0 12px 26px -10px rgba(3,40,81,.4);
	transition:transform .25s ease, background .25s ease;
}
.hg-value-badge:hover .hg-value-icon{ transform:translateY(-4px) scale(1.05); background:var(--hg-green); color:var(--hg-white); }
.hg-value-badge h3{ font-size:.88rem; margin:0; color:var(--hg-navy); }

/* ---------- PREUVE AVANT/APRÈS (réutilise le style du composant existant) ---------- */
.hg-about-proof{ background:var(--hg-white); padding:100px 0; }
.hg-about-proof h2{ font-size:1.7rem; margin-bottom:32px; }
.hg-about-proof .hg-ba-wrap{
	position:relative; height:700px;
	border-radius:var(--hg-radius-card);
	overflow:hidden;
	user-select:none;
	box-shadow:0 20px 60px -20px rgba(3,40,81,.25);
}
.hg-about-proof .hg-ba-before, .hg-about-proof .hg-ba-after{
	position:absolute; inset:0;
	background-size:cover;
	background-position:center;
}
.hg-about-proof .hg-ba-after{ clip-path:inset(0 0 0 50%); }
.hg-about-proof .hg-ba-divider{ position:absolute; top:0; bottom:0; width:3px; background:var(--hg-white); box-shadow:0 0 0 4px rgba(255,255,255,.25); left:50%; transform:translateX(-50%); }
.hg-about-proof .hg-ba-handle{
	position:absolute; top:50%; left:50%; width:46px; height:46px;
	background:var(--hg-white); border-radius:50%;
	transform:translate(-50%,-50%);
	display:flex; align-items:center; justify-content:center;
	box-shadow:0 6px 18px rgba(3,40,81,.3);
	color:var(--hg-navy);
}
.hg-about-proof .hg-ba-tag{
	position:absolute; top:16px;
	font-family:var(--hg-font-display); font-weight:800;
	font-size:.7rem; letter-spacing:1.5px;
	padding:5px 12px; border-radius:999px;
	background:rgba(255,255,255,.85); color:var(--hg-navy);
}
.hg-about-proof .hg-ba-tag-left{ left:16px; }
.hg-about-proof .hg-ba-tag-right{ right:16px; }

/* ---------- BANDE DE CONFIANCE ---------- */
.hg-about-trust-strip{ background:var(--hg-navy); padding:44px 0; }
.hg-trust-strip-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
	gap:16px;
}
.hg-trust-chip{
	display:flex; align-items:center; justify-content:center; gap:10px;
	color:var(--hg-white);
	font-family:var(--hg-font-display);
	font-weight:700; font-size:.92rem;
	padding:14px 10px;
	border-radius:12px;
	background:rgba(255,255,255,.06);
}
.hg-trust-spark{ color:var(--hg-green-light); }

@media (prefers-reduced-motion: reduce){
	.hg-value-badge:hover .hg-value-icon{ transform:none; }
}

@media (max-width:900px){
	.hg-about-story-grid{ grid-template-columns:1fr; gap:24px; }
	.hg-value-chain{ grid-template-columns:repeat(3, 1fr); gap:26px 16px; }
	.hg-value-line{ display:none; }
	.hg-about-founder{ height:auto; padding-top:60vw; }
}
@media (max-width:600px){
	.hg-value-chain{ grid-template-columns:repeat(2, 1fr); }
	.hg-about-proof .hg-ba-wrap{ height:300px; }