.g-deep,.g-navy,.g-mid,.g-slate{--vonal:rgba(232,237,240,.26)}
.g-band{--vonal:rgba(15,48,64,.3)}

.hero--belso{min-height:clamp(21rem,42vh,28rem);align-items:flex-end;padding-top:calc(var(--bar) + var(--sec) * .28);padding-bottom:clamp(1.75rem,4vw,2.75rem)}
.hero--belso .hero__h1{font-size:clamp(2.125rem,5.6vw,4rem);font-weight:var(--w-lt);line-height:1.05;letter-spacing:-.018em;max-width:18ch}
.hero--belso .hero__lead{max-width:40ch}

.si-kep{position:relative}
.si-kep::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,32,44,.72) 0,rgba(8,32,44,0) 40%);pointer-events:none}
.si-kep__jel{position:absolute;z-index:1;top:clamp(1rem,2.4vw,1.5rem);left:clamp(1rem,2.4vw,1.5rem);color:#E8EDF0}

.si-proza{display:grid;gap:clamp(1.75rem,4vw,2.75rem);align-content:start}
.si-proza>p{max-width:62ch}

.si-plat{display:grid;gap:clamp(.6rem,1.6vw,.9rem);width:100%;max-width:44rem;padding:clamp(1.6rem,3.6vw,2.4rem);background:var(--lift)}
.si-plat--tolt{margin-left:auto}
.si-plat__cim{display:flex;align-items:center;gap:.6rem;font-size:var(--fs-sm);font-weight:var(--w-md);letter-spacing:.14em;text-transform:uppercase;color:var(--acc-t)}
.si-plat__szoveg{margin:0;max-width:54ch}

.si-vonalas{gap:3px;padding-top:3px;background:var(--vonal)}

.kr__racs--tiszta .kr__lap{grid-template-rows:1fr}
.kr__racs--tiszta .kr__test{gap:clamp(.6rem,1.6vw,.9rem);padding:clamp(1.75rem,3.6vw,2.5rem)}

.si-grid--4{display:grid}
.si-par>dt,.si-par>dd,.si-reg__cim,.kb__nev{overflow-wrap:anywhere}
.si-ketto{display:grid;gap:clamp(2.25rem,5vw,3.5rem)}
.si-mell{display:grid;align-content:start;gap:clamp(1.75rem,4vw,2.5rem)}
.si-mell__kep{min-height:clamp(15rem,50vw,20rem)}
.si-pont{display:grid;gap:clamp(1.5rem,3.4vw,2.25rem);list-style:none;margin:0;padding:0}
.si-pont__it{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(.9rem,2vw,1.25rem);row-gap:.35rem;align-items:start}
.si-pont__ik{grid-row:1 / span 2;margin-top:.15rem;font-size:1.5rem;color:var(--acc-t)}
.si-pont__cim{font-size:var(--fs-body);font-weight:var(--w-md)}
.si-pont__it>p{margin:0}
.si-tenyek{display:grid;gap:clamp(1.4rem,3.2vw,2rem);list-style:none;margin:0;padding:0}
.si-tenyek__it{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(.9rem,2vw,1.25rem);align-items:center}
.si-tenyek__ik{font-size:1.35rem;color:var(--acc-t)}
.si-tenyek__v{font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:var(--w-lt);line-height:1;letter-spacing:-.012em}
.si-tenyek__u{grid-column:2;margin-top:.45rem;font-size:var(--fs-sm);line-height:1.35;color:var(--txt-3)}
.si-kozep{display:grid;gap:clamp(1rem,2.4vw,1.5rem);justify-items:start;margin-top:clamp(2.25rem,5vw,3.25rem)}
.si-kozep>p{max-width:60ch}

.si-reg{display:grid;gap:3px;padding-top:3px;background:var(--vonal)}
.si-reg__kep{height:clamp(12rem,30vw,17rem)}
.si-reg__sor{display:grid;gap:3px;background:var(--vonal)}
.si-reg__bal,.si-reg__jobb{display:grid;align-content:start;padding:clamp(1.6rem,3.4vw,2.4rem) var(--cell);background:var(--ground);transition:background-color var(--kozep)}
.si-reg__bal{gap:.6rem}
.si-reg__sor:hover .si-reg__bal,.si-reg__sor:hover .si-reg__jobb{background-color:var(--lift)}
.si-reg__cim{font-size:clamp(1.25rem,3.6vw,1.75rem);font-weight:var(--w-lt);line-height:1.15;letter-spacing:-.01em}
.si-reg__db{font-size:var(--fs-sm);font-weight:var(--w-md);letter-spacing:.14em;text-transform:uppercase;color:var(--acc-t)}
.si-reg__szoveg{margin:0;max-width:52ch}

.si-qa{display:grid;gap:clamp(2.25rem,5vw,3.25rem);list-style:none;margin:0;padding:0}
.si-qa__it{display:grid;gap:clamp(.6rem,1.6vw,.9rem)}
.si-qa__k{font-size:clamp(1.375rem,3.4vw,1.875rem);font-weight:var(--w-lt);line-height:1.15;letter-spacing:-.012em;max-width:22ch}
.si-qa__v{margin:0;max-width:60ch}

.si-zaro{display:grid;gap:clamp(2.25rem,5vw,3.25rem);justify-items:center}
.si-parok{width:100%}
.si-par{display:grid;gap:.55rem;align-content:start}
.si-par>dt{font-size:var(--fs-sm);font-weight:var(--w-md);letter-spacing:.14em;text-transform:uppercase;color:var(--acc-t)}
.si-par>dd{margin:0;font-size:var(--fs-h3);font-weight:var(--w-lt);line-height:1.4;letter-spacing:0;text-transform:none;color:var(--txt)}

.si-nav{display:grid;gap:3px;padding-top:3px;background:var(--vonal);list-style:none;margin:0;padding-inline:0}
.si-nav__a{display:grid;align-content:space-between;gap:clamp(2.25rem,5vw,3.5rem);min-height:clamp(11rem,20vw,14rem);padding:clamp(1.6rem,3.4vw,2.4rem) var(--cell);background:var(--ground);transition:background-color var(--fast)}
.si-nav__a:hover{background-color:var(--lift)}
.si-nav__k{font-size:var(--fs-sm);font-weight:var(--w-md);letter-spacing:.14em;text-transform:uppercase;color:var(--acc-t)}
.si-nav__nev{font-size:clamp(1.375rem,3.4vw,1.875rem);font-weight:var(--w-lt);line-height:1.15;letter-spacing:-.012em}
.si-nav__ny{display:flex;align-items:center;gap:.75rem;font-size:var(--fs-sm);font-weight:var(--w-md);letter-spacing:.1em;text-transform:uppercase;color:var(--txt-2)}
.si-nav__ny::after{content:"";width:1.75rem;height:2px;background:var(--acc-t);transition:width var(--kozep)}
.si-nav__a:hover .si-nav__ny::after{width:3.25rem}

.si-jog__fej{display:grid;gap:clamp(1rem,2.4vw,1.5rem);max-width:56rem}
.si-jog__h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--w-lt);line-height:1.06;letter-spacing:-.018em;max-width:22ch}
.si-jog__lead{max-width:60ch}
.si-jog__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;margin-top:.35rem;font-size:var(--fs-sm);font-weight:var(--w-md);letter-spacing:.14em;text-transform:uppercase;color:var(--acc-t)}
.si-jog__tart{display:grid;gap:.8rem;list-style:none;margin:0 0 clamp(2.75rem,6vw,4.5rem);padding:0;counter-reset:t}
.si-jog__tart li{counter-increment:t}
.si-jog__tart a::before{content:counter(t) ". ";color:var(--acc-t)}
.si-jog{display:grid;gap:clamp(2.5rem,6vw,4rem);counter-reset:sz}
.si-jog__sec{display:grid;gap:clamp(.9rem,2.2vw,1.25rem);scroll-margin-top:calc(var(--bar) + 1.5rem)}
.si-jog__h{counter-increment:sz;font-size:clamp(1.375rem,3vw,1.875rem);font-weight:var(--w-lt);line-height:1.2;letter-spacing:-.012em;max-width:26ch}
.si-jog__h::before{content:counter(sz) ". ";color:var(--acc-t)}
.si-jog p{max-width:68ch}
.si-jog__lista{display:grid;gap:.7rem;max-width:66ch;list-style:none;margin:0;padding:0}
.si-jog__lista li{position:relative;padding-left:1.5rem}
.si-jog__lista li::before{content:"";position:absolute;left:0;top:.72em;width:.75rem;height:2px;background:var(--acc-t)}
.si-jog__adat{display:grid;gap:.45rem;max-width:66ch}
.si-jog__adat>div{display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(1rem,2.4vw,1.75rem);row-gap:.2rem}
.si-jog__adat dt{font-size:var(--fs-sm);font-weight:var(--w-md);letter-spacing:.14em;text-transform:uppercase;color:var(--txt-2)}
.si-jog__adat dd{margin:0}
.si-jog__adat dt,.si-jog__adat dd{overflow-wrap:anywhere}
.mx__t--jog{--oszlop:minmax(0,11rem) minmax(0,1.5fr) minmax(0,8rem) minmax(0,1fr)}
.mx__t--jog th,.mx__t--jog td{overflow-wrap:anywhere}
.mx__t th,.mx__t td{min-width:0}
.si-jog__zaro{display:grid;gap:clamp(1rem,2.4vw,1.5rem);max-width:66ch}

@media (min-width:42rem){
  .si-jog__adat>div{grid-template-columns:minmax(0,11rem) minmax(0,1fr)}
  .si-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:66rem){
  .si-jog__tart{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,5vw,4rem)}
  .mx__t--jog{grid-template-columns:var(--oszlop);text-align:left}
  .mx__t--jog thead th{align-items:flex-start;text-align:left}
  .mx__t--jog tbody th{text-align:left;font-size:clamp(1.125rem,1.6vw,1.375rem)}
  .mx__t--jog td{text-align:left}
  .me__racs--tukor{grid-template-columns:minmax(0,1fr) minmax(0,22rem)}
  .me__racs--tukor .me__kep{grid-column:2}
  .me__racs--tukor .me__sor{grid-column:1}
  .si-reg__sor{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  .si-qa__it{grid-template-columns:minmax(0,22rem) minmax(0,1fr);column-gap:clamp(2.5rem,5vw,4.5rem);align-items:start;row-gap:0}
  .si-ketto{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);column-gap:clamp(2.5rem,5vw,4.5rem)}
  .si-kozep{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:clamp(2rem,4vw,3.5rem)}
  .si-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .si-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .al__lista--tukor .al__cim{padding-inline:calc(var(--sav) + var(--cell)) var(--cell)}
  .al__lista--tukor .al__test{padding-left:calc(var(--sav) + var(--cell));padding-right:var(--cell)}
  .al__lista--tukor .al__kep{inset:0 auto 0 0}
  .hero--belso .hero__in{grid-template-columns:minmax(0,1fr);grid-template-areas:"h1" "sor";align-items:start;row-gap:clamp(1.35rem,2.8vw,2.25rem)}
  .hero--belso .hero__sor{gap:clamp(1.75rem,3.5vw,3.5rem)}
  .hero--belso .hero__lead{max-width:44ch}
}