.about-reference{color:#20385c;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.52}
.about-reference h1,.about-reference h2,.about-reference h3{font-family:Georgia,'Times New Roman',serif;color:#17375e;font-weight:400;line-height:1.14}
.about-reference p{color:#64748e}
.about-reference .about-hero-ref{display:grid;grid-template-columns:44% 56%;background:#faf9f7;min-height:415px;overflow:hidden}
.about-reference .about-hero-text{padding:38px 6% 38px 13%;align-self:center;z-index:1}
.about-reference .about-hero-text h1{font-size:clamp(32px,3.5vw,52px);margin:12px 0}
.about-reference .about-hero-text p{font-size:16px;max-width:510px}
.about-reference .about-photo-box{position:relative;min-height:415px;background:#e8ece5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.about-reference .about-photo-box img{display:block;width:100%;height:100%;max-height:470px;object-fit:contain;object-position:center center}
.about-reference .about-photo-box blockquote{position:absolute;right:3%;top:25%;width:28%;font-family:Georgia,serif;font-style:italic;color:white;text-shadow:0 2px 8px #132517;font-size:clamp(13px,1.35vw,20px);line-height:1.5;background:#1b281e55;padding:12px}
.about-reference .ref-wrap{width:min(1240px,88%);margin:auto}
.about-reference .about-intro{padding:34px 0 18px}.about-reference .about-intro h2{font-size:clamp(27px,3vw,43px)}
.about-reference .about-intro p{font-size:16px;max-width:1200px}
.about-reference .logos-band{background:#f4f0eb;padding:25px 0 30px;text-align:center}
.about-reference .logos-band .label{font-size:12px;letter-spacing:.09em;color:#b64c26;text-transform:uppercase;margin-bottom:17px}
.about-reference .logo-row{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:20px}
.about-reference .logo-row>div{font-size:clamp(23px,3vw,43px);font-family:Georgia,serif;border-right:1px solid #d9d4cf;color:#243553}
.about-reference .logo-row>div:last-child{border:0}
.about-reference .logo-row .szallas{color:#d21c24;font-style:italic}.about-reference .logo-row .vig{color:#aa8b4b}.about-reference .logo-row .schiller{font-family:Arial,sans-serif;font-weight:800;color:#111}
.about-reference .values-ref{background:#f7f4f0;padding:22px 0;text-align:center}.about-reference .values-ref h2{font-size:clamp(29px,3.5vw,49px);margin:0}
.about-reference .personal-story{display:grid;grid-template-columns:44% 56%;gap:0;align-items:start;padding:28px 0}
.about-reference .personal-story img{display:block;width:100%;height:auto;object-fit:contain}
.about-reference .personal-story .story-text{padding:4px 8%;font-size:15px}
.about-reference .personal-story h2{font-size:clamp(28px,3vw,40px)}
.about-reference .recommendations{padding:26px 0 45px}.about-reference .recommendations h2{font-size:clamp(31px,3.5vw,45px)}
.about-reference .quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}
.about-reference .quote{padding:16px 18px 15px 0;border-bottom:1px solid #d8dce1}
.about-reference .quote:nth-child(even){padding-left:22px;border-left:1px solid #d8dce1}
.about-reference .quote p{margin-bottom:9px;font-size:15px}
.about-reference .quote strong{display:block;font-family:Georgia,serif;color:#20385c;font-size:18px}
.about-reference .quote small{color:#718096}
.about-reference .quote.wide{grid-column:span 2}
.about-reference .note{font-size:12px;margin-top:14px}
@media(max-width:750px){.about-reference .about-hero-ref,.about-reference .personal-story{grid-template-columns:1fr}.about-reference .about-hero-text{padding:32px 7%}.about-reference .about-photo-box{min-height:300px}.about-reference .about-photo-box img{height:350px}.about-reference .about-photo-box blockquote{width:34%;font-size:13px}.about-reference .personal-story .story-text{padding:25px 4%}.about-reference .logo-row{grid-template-columns:repeat(2,1fr)}.about-reference .quote-grid{grid-template-columns:1fr}.about-reference .quote:nth-child(even){border-left:0;padding-left:0}.about-reference .quote.wide{grid-column:span 1}}

/* A jóváhagyott Rólam vizuál: eredeti képarány, tudatosan vágott hero fotó, külön idézet */
.about-reference .about-hero-final{grid-template-columns:45% 37% 18%;min-height:390px}
.about-reference .about-hero-final .about-hero-text{padding:38px 5% 38px 12%}
.about-reference .about-hero-final .about-hero-text h1{font-size:clamp(29px,3vw,43px);line-height:1.16}
.about-reference .about-hero-final .about-hero-text p{text-align:justify;hyphens:auto}
.about-reference .about-hero-final .about-photo-box{height:390px;min-height:390px;overflow:hidden}
.about-reference .about-hero-final .about-photo-box img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 43%}
.about-reference .about-hero-final>blockquote{position:static;align-self:center;margin:0;padding:18px 18px 18px 22px;color:#18385d;background:transparent;text-shadow:none;font-family:Georgia,serif;font-size:clamp(15px,1.55vw,21px);font-style:italic;line-height:1.45}
.about-reference .about-intro p,.about-reference .story-text p,.about-reference .recommendations .quote p{text-align:justify;hyphens:auto}
.about-reference .personal-story img{height:auto;width:100%;object-fit:contain}
@media(max-width:850px){
.about-reference .about-hero-final{grid-template-columns:1fr 1fr}
.about-reference .about-hero-final .about-hero-text{grid-column:1;grid-row:1}
.about-reference .about-hero-final .about-photo-box{grid-column:2;grid-row:1}
.about-reference .about-hero-final>blockquote{grid-column:1/-1;text-align:center;padding:18px 8%}
}
@media(max-width:560px){
.about-reference .about-hero-final{grid-template-columns:1fr}
.about-reference .about-hero-final .about-hero-text{grid-column:1;grid-row:1}
.about-reference .about-hero-final .about-photo-box{grid-column:1;grid-row:2;height:360px;min-height:360px}
.about-reference .about-hero-final>blockquote{grid-column:1;grid-row:3}
}

/* Eredeti vállalati logók és biztonságos portrékivágás */
.about-reference .logo-row>div{height:105px;display:flex;align-items:center;justify-content:center;padding:10px 18px}
.about-reference .logo-row img{display:block;max-width:100%;max-height:86px;width:auto;height:auto;object-fit:contain}
.about-reference .about-hero-final .about-photo-box img{object-fit:contain;object-position:center center}
@media(max-width:750px){.about-reference .logo-row>div{height:85px}.about-reference .logo-row img{max-height:72px}}

/* Portré: hajtőtől a kézfejek aljáig, a teljes kép látható */
.about-reference .about-hero-final .about-photo-box img{object-fit:contain!important;object-position:center center!important;width:100%;height:100%;}

/* Jóváhagyásra váró Rólam hero: a fotó kitölti a saját oszlopát, nincs üres sáv. */
@media(min-width:851px){
.about-reference .about-hero-final{grid-template-columns:45% 31% 24%}
.about-reference .about-hero-final .about-photo-box img{object-fit:cover!important;object-position:center top!important}
.about-reference .about-hero-final>blockquote{padding-left:18px}
}
@media(min-width:561px) and (max-width:850px){
.about-reference .about-hero-final .about-photo-box img{object-fit:cover!important;object-position:center top!important}
}
@media(max-width:560px){
.about-reference .about-hero-final .about-photo-box img{object-fit:cover!important;object-position:center top!important}
}