/* despre.css — Stiluri pagina Despre Maria */
.eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin-bottom:1rem}
.eyebrow::before,.eyebrow::after{content:'';width:34px;height:1px;background:currentColor;border-radius:1px}

.despre-hero{min-height:calc(100svh - var(--nav-height,78px));display:flex;align-items:center;padding-top:var(--nav-height,78px);background:linear-gradient(148deg,var(--clr-vanilla-200) 0%,var(--clr-vanilla-100) 60%,var(--clr-caramel-50) 100%);position:relative;overflow:hidden}
.despre-hero__bg{position:absolute;inset:0;background-image:var(--pattern-floral);opacity:.7;pointer-events:none}
.despre-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:4rem 0}
.despre-hero__title{font-family:var(--font-display);font-size:clamp(2.6rem,5vw,4rem);font-weight:600;color:var(--txt-secondary);line-height:1.1;margin-bottom:1.5rem}
.despre-hero__title em{font-style:italic;color:var(--brand)}
.despre-hero__title .script{font-family:var(--font-script);font-size:1.1em;color:var(--accent)}
.despre-hero__lead{font-size:1.1rem;color:var(--txt-muted);line-height:1.85;font-weight:300;max-width:50ch}

/* Portrait */
.portrait-frame{position:relative;max-width:340px;margin:0 auto}
.portrait-frame svg{width:100%;border-radius:24px;box-shadow:var(--shadow-xl)}
.portrait-badge{position:absolute;bottom:-1.5rem;right:-1.5rem;width:110px;height:110px;background:var(--brand);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;border:4px solid var(--clr-vanilla-100);box-shadow:var(--shadow-brand)}
.portrait-badge__num{font-family:var(--font-display);font-size:2.2rem;font-weight:700;line-height:1}
.portrait-badge__txt{font-size:.62rem;letter-spacing:.08em;opacity:.85;margin-top:2px;text-transform:uppercase}

/* Story Timeline */
.story-grid{display:flex;flex-direction:column;gap:3rem;padding:2rem 0;position:relative}
.story-grid::before{content:'';position:absolute;left:60px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--border-soft) 15%,var(--border-soft) 85%,transparent)}
.story-block{display:grid;grid-template-columns:70px 1fr;gap:2rem;align-items:flex-start;position:relative}
.story-year{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--brand);text-align:right;padding-top:.2rem}
.story-dot{width:14px;height:14px;border-radius:50%;background:var(--brand);position:absolute;left:57px;top:.4rem;box-shadow:0 0 0 4px rgba(200,135,58,.2)}
.story-title{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--txt-secondary);margin-bottom:.75rem}
.story-content p{color:var(--txt-muted);line-height:1.8;font-size:.97rem}

/* Values */
.value-card{background:var(--bg-card);border-radius:var(--r-lg);padding:2rem;border:1px solid var(--border-subtle);transition:transform .3s var(--ease-out),box-shadow .3s;text-align:center}
.value-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.value-icon{font-size:2.5rem;margin-bottom:1rem}
.value-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--txt-secondary);margin-bottom:.6rem}
.value-desc{font-size:.88rem;color:var(--txt-muted);line-height:1.7}

/* Skills */
.skill-item{margin-bottom:.25rem}
.skill-bar{background:var(--clr-vanilla-300);border-radius:9999px;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;position:relative;overflow:hidden}
.skill-bar::before{content:'';position:absolute;left:0;top:0;height:100%;width:var(--pct);background:linear-gradient(90deg,var(--clr-caramel-200),var(--clr-caramel-300));border-radius:9999px;opacity:.6}
.skill-bar span,.skill-bar strong{position:relative;z-index:1;font-size:.88rem;font-weight:600;color:var(--txt-secondary)}

/* Certificates */
.cert-card{background:var(--bg-page);border-radius:var(--r-md);padding:1.4rem;border:1px solid var(--border-subtle);text-align:center;transition:all .3s}
.cert-card:hover{border-color:var(--brand);background:var(--clr-caramel-50)}
.cert-icon{font-size:2rem;margin-bottom:.75rem}
.cert-name{font-size:.85rem;font-weight:700;color:var(--txt-secondary);line-height:1.4;margin-bottom:.35rem}
.cert-year{font-size:.75rem;color:var(--brand);font-weight:600;letter-spacing:.06em}

@media(max-width:1024px){.despre-hero__inner{grid-template-columns:1fr;gap:3rem}}
@media(max-width:768px){.despre-hero__inner{padding:2rem 0}.story-grid::before{left:48px}.story-block{grid-template-columns:58px 1fr;gap:1rem}.story-dot{left:45px}[style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr 1fr}[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr}}