/* ==========================================================================
   Circle webdesign — about.css
   Önálló "Rólam" oldal. base.css után. (Külön töltődik, mint a home.css,
   ezért az azonos nevű osztályok nem ütköznek a főoldaléval.)
   ========================================================================== */

/* Vissza-link nyila balra mozdul */
.about-back .text-link:hover .arrow{transform:translateX(-4px)}

.about-page{padding-top:calc(var(--header-h) + clamp(2rem,6vw,4.5rem));padding-bottom:clamp(3rem,7vw,5rem);position:relative}
/* Halvány, elforgatott wireframe-háttér az oldal tetején (mint a Szolgáltatások oldalon) */
.about-page::before{content:"";position:absolute;z-index:0;top:calc(var(--header-h) - 1rem);left:50%;width:min(820px,94vw);aspect-ratio:629 / 876;transform:translateX(-50%) rotate(-6deg);background:url("../images/A4-1.png") no-repeat center / contain;opacity:.1;pointer-events:none}
.about-page > *{position:relative;z-index:1}
.about-back{margin-bottom:var(--space-5)}
.about-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,5rem);align-items:start}
.about-figure{position:sticky;top:calc(var(--header-h) + 1.5rem);margin:0}
.about-photo{border-radius:var(--radius-large);overflow:hidden;aspect-ratio:4/5;background:var(--tint);box-shadow:var(--shadow-3)}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.about-name{margin-top:var(--space-4);font-family:var(--font-display);font-size:var(--step-2)}
.about-role{color:var(--text-soft);font-size:var(--step-0)}

.about-h1{font-family:var(--font-display);font-size:var(--step-5);line-height:.98;letter-spacing:-.01em;max-width:16ch}
.about-lead{font-size:var(--step-1);color:var(--text-soft);margin-top:var(--space-4);max-width:var(--content-reading)}
.about-body{max-width:var(--content-reading);margin-top:var(--space-6)}
.about-body>*+*{margin-top:var(--space-4)}
.about-body p{font-size:var(--step-1);line-height:1.6}
.about-questions{margin:var(--space-5) 0;max-width:var(--content-reading);background-color:#fff;background-image:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)),url("../images/paper-texture.jpg");background-size:cover;background-position:center;color:var(--ink);border-radius:3px;box-shadow:var(--shadow-paper);padding:clamp(1.5rem,4vw,2.25rem);transform:rotate(-1deg);display:grid;gap:.7rem}
.about-questions p{font-family:var(--font-display);font-style:italic;font-size:var(--step-1);line-height:1.3;color:var(--ink)}
.about-quote{margin:var(--space-6) 0;font-family:var(--font-display);font-size:var(--step-1);line-height:1.4;color:var(--text)}
.about-quote em{font-style:normal;color:var(--teal)}
:root[data-theme="dark"] .about-quote em{color:var(--air-bright)}
.about-cta{margin-top:var(--space-6)}

@media (max-width:900px){
  .about-grid{grid-template-columns:1fr;gap:var(--space-5)}
  .about-figure{position:static;max-width:26rem}
}
@media (prefers-reduced-motion:reduce){
  .about-questions{transform:none}
}