﻿/* Hero (arched portrait + headline) and the trust strip under it. */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:150px 0 90px;background:radial-gradient(120% 90% at 85% 0%,#F6E9DC 0%,var(--offwhite) 52%,var(--cream) 100%)}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.orb{position:absolute;border-radius:50%;filter:blur(2px)}
.orb-1{width:560px;height:560px;top:-160px;left:-120px;background:radial-gradient(circle,rgba(181,101,74,.16),transparent 70%)}
.orb-2{width:420px;height:420px;bottom:-140px;right:8%;background:radial-gradient(circle,rgba(201,168,124,.28),transparent 70%)}
.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,90px);align-items:center}
.hero-kicker{font-size:.82rem;letter-spacing:.16em;color:var(--clay-deep);font-weight:600;margin-bottom:26px;display:flex;align-items:center;gap:14px}
.hero-kicker::before{content:'';width:42px;height:1px;background:var(--clay-deep)}
.hero-title{font-size:clamp(2.6rem,6vw,5rem);font-weight:300;line-height:1.1;letter-spacing:-.02em;margin-bottom:28px;color:var(--charcoal)}
.hero-title em{font-style:normal;font-weight:800;color:var(--clay)}
.hero-lead{font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:300;line-height:1.9;max-width:520px;color:var(--ink)}
.hero-note{margin-top:14px;font-size:.98rem;color:var(--muted)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}

.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:99px;text-decoration:none;font-size:.97rem;font-weight:700;border:1.5px solid transparent;transition:transform .35s var(--ease),background .25s,color .25s,box-shadow .35s}
.btn svg{width:18px;height:18px;fill:currentColor}
.btn-wa{background:var(--wa-deep);color:#fff;box-shadow:0 14px 30px -12px rgba(15,122,67,.6)}
.btn-wa:hover{transform:translateY(-3px);background:var(--charcoal)}
.btn-clay{background:var(--clay-deep);color:#fff;box-shadow:0 14px 30px -12px rgba(162,79,54,.6)}
.btn-clay:hover{transform:translateY(-3px);background:var(--charcoal)}
.btn-ghost{border-color:var(--charcoal);color:var(--charcoal);background:transparent}
.btn-ghost:hover{background:var(--charcoal);color:#fff}
.btn-light{background:var(--offwhite);color:var(--charcoal)}
.btn-light:hover{transform:translateY(-3px);background:#fff}

.hero-figure{position:relative;justify-self:center;width:min(100%,460px)}
.arch{border-radius:999px 999px 30px 30px;overflow:hidden;aspect-ratio:4/5;background:var(--cream);box-shadow:0 50px 90px -40px rgba(42,39,35,.45)}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.hero-mark{position:absolute;bottom:-26px;right:-26px;width:92px;height:92px;padding:18px;background:var(--offwhite);border-radius:50%;box-shadow:0 18px 40px -16px rgba(42,39,35,.35);object-fit:contain}
.hero-caption{position:absolute;top:34px;left:-18px;writing-mode:vertical-rl;font-size:.78rem;letter-spacing:.2em;color:var(--muted)}

.trust{background:var(--charcoal);color:var(--offwhite);padding:34px 0}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-item{padding:6px 22px;border-inline-start:1px solid rgba(245,241,234,.16);text-align:center}
.trust-item:first-child{border-inline-start:none}
.trust-n{font-size:1.5rem;font-weight:300;color:var(--sand);line-height:1.2}
.trust-l{font-size:.8rem;color:rgba(245,241,234,.72);margin-top:4px}

