/* ---- Über-mich-spezifisch ---- */
.ahero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:54px 0 60px}
.ahero h1{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(38px,5vw,62px);color:var(--brown);letter-spacing:-.02em;margin:18px 0;line-height:1.03}
.ahero h1 em{font-style:italic;color:var(--pink)}
.ahero p{font-size:18px;color:var(--muted);margin-bottom:16px;max-width:48ch}
.ahero .sig{font-family:'Pacifico',cursive;color:var(--pink);font-size:28px;margin-top:6px}
.ahero-art{position:relative}
.ahero-art img{border-radius:28px;height:520px;width:100%;object-fit:cover;box-shadow:var(--shadow)}
.ahero-art .seal{position:absolute;top:-18px;right:16px;width:120px;height:120px;border-radius:50%;background:#fff;border:3px solid var(--pink);padding:0;object-fit:cover;box-shadow:var(--shadow);transform:rotate(-7deg)}

/* values */
.values{padding:50px 0}
.valgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.val{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 26px;transition:transform .2s,border-color .2s}
.val:hover{transform:translateY(-5px);border-color:var(--pink)}
.val .ic{width:58px;height:58px;border-radius:16px;background:var(--soft-pink);display:grid;place-items:center;font-size:26px;margin-bottom:16px}
.val h3{font-family:'Fraunces',serif;font-size:21px;color:var(--brown);margin-bottom:8px}
.val p{font-size:14.5px;color:var(--muted)}

/* timeline / werdegang */
.timeline{padding:46px 0 54px}
.tl{position:relative;max-width:780px;margin:40px auto 0}
.tl::before{content:"";position:absolute;left:13px;top:8px;bottom:10px;width:2px;background:var(--soft-pink)}
.tlitem{position:relative;padding:0 0 30px 54px}
.tlitem:last-child{padding-bottom:0}
.tlitem .dot{position:absolute;left:5px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--pink);box-shadow:0 0 0 5px var(--cream)}
.tlitem.edu .dot{background:var(--pink)}
.tlitem .yr{font-family:'Fraunces',serif;font-weight:700;color:var(--pink);font-size:15px}
.tlitem .badge{display:inline-block;margin-left:8px;background:var(--soft-pink);color:var(--pink-d);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:999px;vertical-align:middle}
.tlitem h3{font-family:'Fraunces',serif;font-size:20px;color:var(--brown);margin:3px 0 5px}
.tlitem p{font-size:14.5px;color:var(--muted);max-width:62ch}

/* story band */
.story{padding:30px 0 60px}
.story .inner{background:var(--soft-pink);border-radius:28px;padding:54px;display:grid;grid-template-columns:1.2fr .8fr;gap:46px;align-items:center}
.story h2{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(28px,3.6vw,40px);color:var(--brown);margin:14px 0 16px;letter-spacing:-.02em}
.story p{color:var(--brown);font-size:16px;margin-bottom:14px}
.story img{border-radius:20px;height:340px;width:100%;object-fit:cover;box-shadow:var(--shadow)}
.story .quote{font-family:'Fraunces',serif;font-style:italic;font-size:22px;color:var(--pink-d);margin-top:8px}

/* dual cta */
.dual{padding:30px 0 70px}
.dualgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dcard{position:relative;border-radius:24px;overflow:hidden;min-height:280px;display:flex;align-items:flex-end;padding:32px;color:#fff}
.dcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(44,35,32,.85))}
.dcard .dc{position:relative}
.dcard h3{font-family:'Fraunces',serif;font-size:26px;margin-bottom:6px}
.dcard p{font-size:14.5px;color:rgba(255,255,255,.88);margin-bottom:14px}

@media(max-width:920px){.ahero,.story .inner,.dualgrid{grid-template-columns:1fr;gap:30px}.ahero-art img{height:380px}.valgrid{grid-template-columns:1fr}.story{padding-top:10px}.story img{height:260px}}
