@import "_sub.css";
/* rolunk.css — /rolunk (docs/06): tipográfiai nyitó, elvek nagy sorszámmal, cégadat-sor */

.ro-hero__h1{max-width:17ch}
.ro-hero{min-height:80vh;min-height:80svh}

/* miért: egyhasábos, széles margó, a kiemelt sor nagy betűvel, idézőjel-grafika nélkül */
.ro-why__in{max-width:min(var(--maxw),1080px)}
.ro-why__in .sec-h2{margin-bottom:clamp(28px,3vw,44px)}
.ro-why__body{max-width:64ch;margin-left:clamp(0px,8vw,140px);font-size:var(--fs-lead);line-height:1.6}
.ro-why__key{margin-top:clamp(48px,6vw,88px);font-size:clamp(1.8rem,1rem + 3.2vw,4.2rem);line-height:1;letter-spacing:-.045em;font-weight:760;max-width:20ch;text-wrap:balance}

/* név */
.ro-name__h2{grid-column:1/6;font-size:clamp(1.5rem,1rem + 1.8vw,2.6rem)}
.ro-name__body{grid-column:7/13;display:grid;gap:20px}
.ro-name__words{display:grid;grid-template-columns:auto auto 1fr;gap:6px 14px;align-items:baseline;font-family:var(--f-mono);font-size:.9rem}
.ro-name__words span{color:var(--c-text-2-light)}
.ro-name__words i{font-style:normal;color:var(--c-cobalt)}
.ro-name__words b{font-family:var(--f-sans);font-size:1.15rem;font-weight:720;color:var(--c-ink)}
@media (max-width:899px){.ro-name__body{margin-top:20px}}

/* elvek: 2×3 rács nagy sorszámokkal, alattuk vékony vonal */
.ro-prlist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,4vw,64px) var(--col-gap)}
.ro-prlist li{display:grid;align-content:start;gap:14px;padding-bottom:28px;border-bottom:1px solid rgba(169,176,214,.2);position:relative}
.ro-prlist li::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--c-lime);transform:scaleX(0);transform-origin:left;transition:transform 900ms var(--ease-jel)}
.sec.is-in .ro-prlist li::after{transform:scaleX(.18)}
.ro-prlist__n{font-family:"Manrope Outline",var(--f-sans);font-size:clamp(3.4rem,2rem + 3.6vw,6rem);line-height:.85;font-weight:800;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.4px color-mix(in srgb,var(--c-fog) 55%,transparent);font-variant-numeric:tabular-nums}
.ro-prlist h3{font-size:clamp(1.2rem,1.05rem + .6vw,1.55rem)}
.ro-prlist p{color:var(--c-text-2-dark)}
.ro-pr .textlink{margin-top:clamp(40px,5vw,64px)}
@media (max-width:1000px){.ro-prlist{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.ro-prlist{grid-template-columns:1fr}}

/* cégadatok (POZICIONÁLÁS 2026-10-05: az alapító-kártyák és a tapasztalat-szakasz kikerült, a CSS-ük is) */
.ro-co__h2{color:var(--c-text-2-light);margin-bottom:10px}
.ro-co__line{font-weight:640;padding:16px 0;border-block:1px solid var(--c-line)}

@media (prefers-reduced-motion:reduce){
  .ro-prlist li::after{transform:scaleX(.18);transition:none}
}