/* RÓLAM oldal – a főoldalhoz nem nyúl */
.about-page{overflow-x:hidden}
.about-page .site-header{position:absolute}
.about-page .nav a.active{color:var(--gold)}

.about-hero{min-height:82svh;position:relative;display:flex;align-items:flex-end;padding:150px 8vw 90px;background-image:linear-gradient(90deg,rgba(7,7,7,.88) 0%,rgba(7,7,7,.62) 38%,rgba(7,7,7,.12) 68%,rgba(7,7,7,.20) 100%),url("../images/rolamherofent.png");background-size:cover;background-position:center center;overflow:hidden}
.about-hero::after{content:"";position:absolute;right:-12vw;top:-18vw;width:48vw;height:48vw;border:1px solid rgba(214,173,92,.13);border-radius:50%;pointer-events:none}
.about-hero-inner{position:relative;z-index:2;max-width:850px}
.about-hero h1{font-size:clamp(58px,9vw,116px);line-height:.96;font-weight:500;letter-spacing:-.055em;margin-bottom:30px}
.about-hero h1 em{font-family:'Playfair Display',serif;font-weight:500}
.about-lead{max-width:600px;color:#aaa;font-size:17px;line-height:1.8}
.hero-signature{margin-top:30px;display:inline-block;color:#ddd6ca;font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;font-size:27px;font-weight:400;line-height:1;letter-spacing:.01em;transform:rotate(-5deg);transform-origin:left center;opacity:.92;position:relative;padding:5px 8px 8px 2px}
.hero-signature::after{content:"";position:absolute;left:2px;right:0;bottom:0;height:1px;background:rgba(214,173,92,.55);transform:rotate(-1.5deg);transform-origin:left center}
.about-hero-line{position:absolute;left:8vw;bottom:42px;width:120px;height:1px;background:var(--gold);opacity:.65}
.about-hero-mark{position:absolute;right:8vw;bottom:34px;color:rgba(214,173,92,.16);font-family:'Playfair Display',serif;font-size:130px;line-height:1}

.about-story{border-top:1px solid var(--line)}
.about-story-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:8vw;align-items:center}
.about-story-image-wrap{min-height:560px;border:1px solid #242424;position:relative;overflow:hidden;background:#111}
.about-story-image{width:100%;height:560px;display:block;object-fit:cover;object-position:center center;filter:saturate(.92) contrast(1.03)}
.about-story-image-wrap::after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.09);pointer-events:none}
.about-copy{max-width:640px}
.about-copy h2,.about-work h2,.about-promise h2,.name-copy h2,.equipment-heading h2{margin-bottom:30px}
.about-copy p:not(.eyebrow),.about-work-copy p,.promise-inner>p:not(.eyebrow),.name-copy p:not(.eyebrow),.equipment-copy p{color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:20px}

.about-work{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:#0d0d0d;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-work-heading{max-width:600px}
.about-work-copy{padding-top:52px;max-width:570px}

.about-promise{background:linear-gradient(180deg,#090909 0%,#0e0e0e 100%)}
.promise-inner{max-width:920px;margin:0 auto;text-align:center}
.promise-inner>p:not(.eyebrow){max-width:700px;margin-left:auto;margin-right:auto}
.promise-inner strong{color:#e8e4dc;font-weight:500}

.about-name{border-top:1px solid var(--line)}
.name-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}
.name-image-wrap{position:relative;overflow:hidden;border:1px solid #242424;background:#111}
.name-image{width:100%;height:570px;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.03)}
.name-image-wrap::after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.09);pointer-events:none}
.name-copy{max-width:600px}
.name-copy strong{color:#eee;font-weight:500}
.name-final{font-family:'Playfair Display',serif;font-style:italic;color:#d9d2c6!important;font-size:19px!important;line-height:1.6!important;margin-top:32px}

.about-equipment{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;border-top:1px solid var(--line);padding-bottom:125px}
.equipment-heading{max-width:500px}
.equipment-copy{max-width:620px;padding-top:48px}
.equipment-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}
.equipment-list span{border:1px solid #2c2c2c;padding:10px 13px;color:#858582;font-size:9px;letter-spacing:.15em}

@media(max-width:800px){
  .about-hero{min-height:78svh;padding:130px 6vw 78px}
  .about-hero h1{font-size:clamp(50px,16vw,78px);line-height:.98}
  .about-lead{font-size:15px;line-height:1.7;max-width:520px}
  .hero-signature{font-size:23px;margin-top:24px}
  .about-hero-mark{right:6vw;font-size:78px;bottom:24px}
  .about-hero-line{left:6vw;bottom:28px;width:80px}
  .about-story-grid,.about-work,.name-grid,.about-equipment{grid-template-columns:1fr;gap:46px}
  .about-story,.about-work,.about-name,.about-equipment{padding-top:78px;padding-bottom:78px}
  .about-story-image-wrap{min-height:430px}
  .about-story-image{height:430px}
  .about-copy p:not(.eyebrow),.about-work-copy p,.promise-inner>p:not(.eyebrow),.name-copy p:not(.eyebrow),.equipment-copy p{font-size:14px;line-height:1.8}
  .about-work-copy,.equipment-copy{padding-top:0}
  .name-image{height:430px}
  .name-copy h2{font-size:42px}
  .equipment-list{gap:8px}
  .equipment-list span{font-size:8px;padding:9px 10px}
}