.harch{background:var(--nuit);color:var(--ivoire);overflow:hidden;position:relative}
.harch__in{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-block:72px;min-height:70vh}
.harch__text h1{color:var(--ivoire);margin-top:12px}
.harch__text .kicker{color:var(--or-texte)}
.harch__text .rte{color:rgba(244,239,230,.85);max-width:52ch}
.harch__ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.harch__visual{position:relative;display:flex;justify-content:center}
.harch__arch{position:relative;width:100%;max-width:420px;aspect-ratio:3/4;background:var(--encre);overflow:hidden}
.harch__arch img{width:100%;height:100%;object-fit:cover}
.harch__label{position:absolute;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ivoire);padding:6px 14px;border-radius:2px;white-space:nowrap}
.harch__label--top{top:18px;background:rgba(20,18,19,.55)}
.harch__label--bottom{bottom:18px;background:transparent}
.harch__arch:has(.harch__label--bottom)::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,18,19,.85),transparent 45%);pointer-events:none}
.harch__musnad{position:absolute;top:0;right:0;bottom:0;width:48px;writing-mode:vertical-rl;font-family:"Noto Sans Old South Arabian",serif;font-size:16px;letter-spacing:6px;color:rgba(244,239,230,.08);pointer-events:none;overflow:hidden}
@media(max-width:900px){.harch__in{grid-template-columns:1fr;padding-block:48px;min-height:0}.harch__arch{max-width:300px;margin:0 auto}.harch__musnad{display:none}}