:root{--mono:"IBM Plex Mono",ui-monospace,monospace;--torzs:"Archivo",system-ui,sans-serif;--kozep:min(1344px,100% - 48px)}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);color:var(--szoveg);font-family:var(--torzs);font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%;scroll-padding-bottom:9rem}
body{margin:0;background:var(--bg)}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--torzs);margin:0}
p{margin:0}
address{font-style:normal}
a:focus,button:focus{outline:2px solid var(--piros-sz);outline-offset:3px}
a:focus:not(:focus-visible){outline:none}
button:focus:not(:focus-visible){outline:none}

.ugras{position:absolute;left:24px;top:-100px;background:var(--szoveg);color:var(--bg);padding:10px 16px;font-family:var(--mono);font-size:.82rem;z-index:20}
.ugras:focus{top:12px}

.fej{border-bottom:1px solid var(--vonal)}
.fej-sor{width:var(--kozep);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px 32px;padding:20px 0;flex-wrap:wrap}
.logo img{height:30px;width:auto}
.menu-sor{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.menu{margin:0;padding:0;list-style:none;display:flex;gap:10px 28px;flex-wrap:wrap;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.menu a{text-decoration:none;display:inline-block;padding:6px 0}
.menu a:hover{color:var(--piros-sz)}
.menu i{font-style:normal;color:var(--piros-sz);margin-right:.6em}
.kozossegi a,.lab-kozossegi a{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;color:var(--szoveg)}
.kozossegi a:hover,.lab-kozossegi a:hover{color:var(--piros-sz)}
.kozossegi svg,.lab-kozossegi svg{width:20px;height:20px}

.felirat{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--halvany);margin:0 0 20px}
.felirat::before{content:"";display:inline-block;width:56px;height:3px;background:var(--piros);vertical-align:middle;margin-right:14px}
h2{font-weight:400;letter-spacing:-.03em;line-height:1.04;font-size:clamp(1.9rem,3.8vw,3.4rem)}
h2 strong{font-weight:400;color:var(--halvany)}
h3{font-weight:400;letter-spacing:-.02em;line-height:1.1}
.lead{max-width:56ch;font-size:1.1rem;margin:24px 0 0}
.szekcio{width:var(--kozep);margin:0 auto;padding:104px 0;border-top:1px solid var(--vonal)}
.szekcio-fej{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:end;margin-bottom:56px}
.szekcio-fej .lead{margin:0}
.link-fo{text-decoration:none;display:inline-block;border-bottom:2px solid var(--piros);padding-bottom:6px;font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.link-fo:hover{color:var(--piros-sz)}
.link-masik{text-decoration:none;display:inline-block;color:var(--halvany);padding-bottom:6px;border-bottom:1px solid var(--vonal);font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.link-masik:hover{color:var(--szoveg)}
.linkek{display:flex;gap:16px 32px;flex-wrap:wrap;margin-top:32px}
.lemez{margin:0;position:relative;background:#f2f2f2;overflow:hidden}
.lemez::before{content:"";position:absolute;left:0;top:0;width:28px;height:28px;border-top:4px solid var(--piros);border-left:4px solid var(--piros);z-index:3}
.lemez img{width:100%;height:100%;object-fit:cover}

.hero{position:relative;width:100%;max-width:none;margin:0;padding:0;min-height:clamp(520px,78vh,840px);display:flex;align-items:flex-end;overflow:hidden;background:var(--bg)}
.hero-hatter{position:absolute;left:0;top:0;right:0;bottom:0;z-index:0}
.hero-hatter img,.hero-hatter video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.hero-hatter video[hidden]{display:none}
.hero-hatter::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(17,29,43,.78)}
.hero-bel{position:relative;z-index:1;width:var(--kozep);margin:0 auto;padding:72px 0 56px;display:grid;grid-template-columns:minmax(0,9fr) minmax(0,3fr);gap:48px;align-items:end}
.hero h1{font-weight:300;letter-spacing:-.05em;line-height:.9;font-size:clamp(3rem,11vw,10.4rem)}
.hero h1 .el{display:block;color:#B8B8B8}
.hero .lead{margin-top:0;font-size:1.05rem}

.film{width:100%;max-width:none;margin:0;padding:0 0 104px}
.film-fej{width:var(--kozep);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:end;margin:0 auto 40px;padding-top:24px}
.film-fej .lead{margin:0}
.film-sav{position:relative;aspect-ratio:21/9;max-height:min(78vh,760px);overflow:hidden;background:var(--felulet)}
.film-sav::before{content:"";position:absolute;left:0;top:0;width:28px;height:28px;border-top:4px solid var(--piros);border-left:4px solid var(--piros);z-index:3}
.film-sav video{width:100%;height:100%;object-fit:cover}
.film-gomb{position:absolute;left:max(24px,calc((100% - 1344px) / 2));bottom:0;z-index:2;display:inline-flex;align-items:center;gap:18px;background:var(--bg);color:var(--szoveg);border:0;padding:20px 28px 0 0;cursor:pointer;font-family:var(--mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.film-gomb[hidden]{display:none}
.film-gomb i{width:72px;height:72px;border:2px solid var(--szoveg);display:grid;place-items:center;flex:none}
.film-gomb i::before{content:"";width:0;height:0;margin-left:6px;border-left:20px solid var(--szoveg);border-top:12px solid transparent;border-bottom:12px solid transparent}
.film-gomb:hover i{background:var(--piros);border-color:var(--piros)}

.fejezet{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;padding:48px 0;border-top:1px solid var(--vonal-eros)}
.fejezet .sz{grid-column:1 / span 2;font-weight:200;font-size:clamp(4rem,10vw,9rem);line-height:.8;letter-spacing:-.07em;color:var(--halvany)}
.fejezet .szov{grid-column:3 / span 5}
.fejezet h3{font-size:clamp(1.9rem,3.6vw,3.2rem);letter-spacing:-.03em}
.fejezet .szov p{margin-top:18px;max-width:44ch}
.fejezet .link-fo{margin-top:28px}
.fejezet .link-fo::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}
.fejezet .lemez{grid-column:8 / span 5;aspect-ratio:3/2}

.gyarto{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.gyarto .szoveg p{max-width:62ch;font-size:1.1rem}
.gyarto .szoveg p+p{margin-top:24px}
.gyarto strong,.gyarto em{font-weight:500;font-style:normal;color:var(--szoveg)}

.miert-fej{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end;margin-bottom:48px}
.jelveny{width:220px;background:#fff;padding:12px;margin:0}
.jelveny img{width:100%;height:auto}
.sor{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:baseline;padding:32px 0;border-top:1px solid var(--vonal)}
.sor .no{grid-column:1 / span 1;font-family:var(--mono);font-size:.82rem;color:var(--piros-sz)}
.sor h3{grid-column:2 / span 4;font-size:clamp(1.4rem,2.2vw,2rem)}
.sor p{grid-column:7 / span 6;max-width:58ch}

.vezerles{background:var(--felulet);width:100%;max-width:none;margin:0;border-top:1px solid var(--vonal)}
.vezerles-bel{width:var(--kozep);margin:0 auto;padding:104px 0}
.vezerles .lead{max-width:64ch}
.vezerles-lista{margin-top:56px}
.vezerles .sor .nev{grid-column:1 / span 4;font-size:clamp(1.8rem,3.4vw,3rem);font-weight:300;letter-spacing:-.03em;line-height:1.05}
.vezerles .sor .al{display:block;margin-top:10px;font-family:var(--mono);font-size:.76rem;letter-spacing:.04em;color:var(--halvany)}
.vezerles .sor p{grid-column:6 / span 7}
.vezerles-lab{margin-top:48px;display:flex;gap:24px 40px;align-items:center;flex-wrap:wrap}
.vezerles-lab .megj{max-width:52ch;color:var(--halvany);font-size:.95rem}

.szolg-lista{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px}
.szolg-lista li{position:relative;border-top:1px solid var(--vonal-eros);padding:28px 0 40px}
.szolg-lista .no{font-family:var(--mono);font-size:.82rem;color:var(--piros-sz)}
.szolg-lista h3{margin-top:14px;font-size:clamp(1.4rem,2.2vw,2rem)}
.szolg-lista p{margin-top:12px;max-width:34ch}
.szolg-lista .link-fo{margin-top:24px}
.szolg-lista .link-fo::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}

.ipar-lista{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.ipar-lista li{position:relative;border-top:1px solid var(--vonal);padding:28px 0 32px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:24px}
.ipar-lista h3{font-size:clamp(1.3rem,2vw,1.8rem)}
.ipar-lista p{max-width:40ch}
.ipar-lista .link-masik{grid-column:2;margin-top:20px;justify-self:start}
.ipar-lista .link-masik::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}
.hir-lista{margin:0;padding:0;list-style:none}
.hir-lista li{border-top:1px solid var(--vonal);padding:32px 0 40px}
.hir-lista article{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:48px}
.hir-fej time{font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;color:var(--piros-sz)}
.hir-fej .cimke{margin:10px 0 0}
.hir-torzs h2{font-size:clamp(1.5rem,2.6vw,2.3rem);max-width:30ch}
.hir-torzs p{margin:14px 0 0;max-width:62ch}
.hir-torzs .link-masik{margin-top:24px;display:inline-block}
.yt{margin-top:28px;max-width:760px}
.yt[hidden]{display:none}
.yt-kep{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--felulet);border:1px solid var(--vonal)}
.yt-kep::before{content:"";position:absolute;left:0;top:0;width:28px;height:28px;border-top:4px solid var(--piros);border-left:4px solid var(--piros);z-index:2;pointer-events:none}
.yt-gomb{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:18px;background:transparent;color:var(--szoveg);border:0;padding:0;cursor:pointer;font-family:var(--mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.yt-gomb i{width:72px;height:72px;border:2px solid var(--szoveg);display:grid;place-items:center;flex:none}
.yt-gomb i::before{content:"";width:0;height:0;margin-left:6px;border-left:20px solid var(--szoveg);border-top:12px solid transparent;border-bottom:12px solid transparent}
.yt-gomb:hover i{background:var(--piros);border-color:var(--piros)}
.yt-kep iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0}
.hir-torzs .yt-jegyzet{margin:10px 0 0;font-size:.82rem;color:var(--halvany)}
.gyik-lista{margin:0;padding:0;list-style:none}
.gyik-lista li{border-top:1px solid var(--vonal);padding:28px 0 32px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:48px}
.gyik-lista h3{font-size:clamp(1.2rem,1.8vw,1.6rem)}
.gyik-lista p{margin:0;max-width:62ch}

.kapcsolat{display:flex;justify-content:space-between;align-items:end;gap:48px;flex-wrap:wrap}
.kapcsolat h2{font-size:clamp(2.2rem,5vw,4.4rem);max-width:16ch}
.kapcsolat .jobb{display:flex;flex-direction:column;align-items:flex-start;gap:20px}

.lab{border-top:1px solid var(--vonal-eros)}
.lab-bel{width:var(--kozep);margin:0 auto;padding:64px 0 32px}
.lab-fent{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap;margin-bottom:56px}
.lab-fent img{height:36px;width:auto}
.lab-kozossegi{display:flex;gap:40px;flex-wrap:wrap}
.lab-kozossegi .cimke{display:block;font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--halvany);margin-bottom:8px}
.lab-kozossegi div div{display:flex;gap:4px}
.lab-racs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.lab-racs h2{font-family:var(--mono);font-weight:400;font-size:.74rem;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;color:var(--halvany);margin-bottom:16px}
.lab-racs ul{margin:0;padding:0;list-style:none}
.lab-racs li{margin:0 0 8px}
.lab-racs a{text-decoration:none}
.lab-racs a:hover{color:var(--piros-sz)}
.lab-racs address a{display:block}
.fi-sor{display:flex;flex-direction:column;margin-bottom:10px}
.fi-sor .cim{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--halvany)}
.lab-alj{display:flex;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid var(--vonal);font-size:.88rem;color:var(--halvany)}
.lab-alj .jogi{display:flex;gap:24px;flex-wrap:wrap}
.lab-alj a{text-decoration:none}
.lab-alj a:hover{color:var(--szoveg)}

#ptc{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--felulet);border-top:1px solid var(--vonal-eros);padding:20px 24px;gap:16px 32px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#ptc.on{display:flex}
#ptc p{max-width:90ch;font-size:.92rem}
#ptc .b{display:flex;gap:12px;flex-wrap:wrap}
#ptc button{font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;background:transparent;color:var(--szoveg);border:1px solid var(--vonal-eros);padding:12px 20px;cursor:pointer}
#ptc button:hover{border-color:var(--szoveg)}
#ptc button.ok{background:var(--szoveg);color:var(--bg);border-color:var(--szoveg)}

.ph{width:var(--kozep);margin:0 auto;padding:56px 0 24px}
.ph-bel{max-width:1000px}
.morzsa{display:flex;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--halvany);margin-bottom:28px}
.morzsa a{text-decoration:none}
.morzsa a:hover{color:var(--piros-sz)}
.ph h1{font-weight:300;letter-spacing:-.05em;line-height:.95;font-size:clamp(2.8rem,8vw,7rem)}
.ph h1 strong{font-weight:inherit}
.ph .lead{margin-top:28px;max-width:60ch}

.ketto{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
.ketto .szoveg p{max-width:62ch;margin-top:20px}
.ketto .szoveg h2{margin-bottom:12px}
.ketto strong{font-weight:500}
.media{margin:0}
.media video{width:100%;height:auto;aspect-ratio:16/9;background:var(--felulet)}
.media figcaption{margin-top:12px;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--halvany)}
.szekcio.sav{width:100%;max-width:none;margin:0;background:var(--felulet);padding-left:max(24px,calc((100% - 1344px) / 2));padding-right:max(24px,calc((100% - 1344px) / 2))}
.idezet{margin:0}
.idezet p{font-weight:300;font-size:clamp(1.6rem,3.2vw,2.8rem);line-height:1.2;letter-spacing:-.02em;max-width:36ch}
.tenyek{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:56px 0 0;max-width:900px}
.tenyek>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;border-top:1px solid var(--vonal-eros);padding:20px 0 32px}
.tenyek dd{margin:0;font-weight:200;font-size:clamp(2.6rem,6vw,5rem);line-height:1;letter-spacing:-.05em}
.tenyek dd span{font-size:.4em;font-weight:300;color:var(--halvany);letter-spacing:0}
.tenyek dt{margin-top:12px;font-family:var(--mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--halvany)}
.idovonal{margin:0;padding:0;list-style:none}
.idovonal li{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:16px;padding:22px 0;border-top:1px solid var(--vonal)}
.idovonal .ev{font-family:var(--mono);color:var(--piros-sz)}
.terkep{margin:0;position:relative;background:#f2f2f2}
.terkep::before{content:"";position:absolute;left:0;top:0;width:28px;height:28px;border-top:4px solid var(--piros);border-left:4px solid var(--piros);z-index:3}
.terkep img{width:100%;height:auto}

.elony{padding:40px 0 56px;border-top:0}
.elony-doboz{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 48px;align-items:start;background:var(--felulet);border-left:4px solid var(--piros);padding:40px 44px}
.elony-doboz .felirat{margin-bottom:14px}
.elony-doboz h2{font-size:clamp(1.6rem,2.8vw,2.6rem)}
.elony-doboz .lead{margin:0;max-width:60ch}
.elony-doboz .link-fo{margin-top:24px}
.elony-sor{margin-top:16px;max-width:52ch;padding:16px 20px;background:var(--felulet);border-left:3px solid var(--piros);font-size:.95rem}
.elony-sor strong{font-weight:500}

.partner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;padding:48px 0;border-top:1px solid var(--vonal-eros)}
.partner .lemez{grid-column:1 / span 5}
.partner .lemez img{height:auto}
.partner .szov{grid-column:7 / span 6}
.partner .kat{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--halvany)}
.partner h3{margin-top:12px;font-size:clamp(1.8rem,3.2vw,2.8rem)}
.partner .szov p+p{margin-top:16px;max-width:52ch}
.partner .link-fo{margin-top:28px}
.link-sor{display:flex;flex-wrap:wrap;column-gap:32px}
.partner-szoveg .szov{grid-column:1 / span 8}

.k-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:64px;align-items:start}
.loc-eyebrow{display:block;font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--halvany);margin:44px 0 16px}
.loc-eyebrow.first{margin-top:28px}
.k-block{margin-bottom:22px}
.k-lbl{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--halvany)}
.k-val{font-size:1.25rem;margin-top:4px}
.k-val a{text-decoration-color:var(--piros);text-underline-offset:3px}
.k-sm{color:var(--halvany);font-size:.95rem;margin-top:6px}
.map{margin:20px 0 14px}
.map iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:var(--felulet)}
.map-link{display:inline-block;text-decoration:none;color:var(--halvany);padding-bottom:6px;border-bottom:1px solid var(--vonal);font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.map-link:hover{color:var(--szoveg)}
.urlap-doboz{background:var(--felulet);padding:36px 32px}
.urlap-doboz h2{font-size:clamp(1.6rem,2.6vw,2.2rem);margin-bottom:24px}
#formhiba{border:1px solid var(--piros);padding:14px 16px;margin-bottom:20px;font-size:.92rem}
#formhiba[hidden]{display:none}
#urlap>div:first-child{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.fld{margin-bottom:18px}
.fld label{display:block;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--halvany);margin-bottom:8px}
.fld input,.fld select,.fld textarea{width:100%;background:var(--bg);color:var(--szoveg);border:1px solid var(--vonal-eros);padding:12px 14px;font:inherit;border-radius:0}
.fld textarea{min-height:140px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--piros-sz);outline-offset:2px}
.consent{display:block;position:relative;padding-left:32px;margin:22px 0;font-size:.9rem}
.consent input{position:absolute;left:0;top:4px;margin:0}
.consent a{text-underline-offset:3px}
.ts{margin-bottom:22px}
#urlap button.link-fo{background:none;color:var(--szoveg);border:0;border-bottom:2px solid var(--piros);padding:0 0 6px;cursor:pointer}
#urlap button.link-fo:hover{color:var(--piros-sz)}

.kat-fej{display:flex;flex-wrap:wrap;align-items:baseline;gap:32px;margin-bottom:40px}
.kat-fej .sz{font-weight:200;font-size:clamp(3rem,7vw,6rem);line-height:.9;letter-spacing:-.07em;color:var(--halvany)}
.kat-fej h2{font-size:clamp(1.9rem,3.6vw,3.2rem)}

.pikto{display:block;width:64px;height:auto;color:var(--halvany);margin:0 0 20px}
.pikto .pikto-jel{fill:var(--piros)}
.pikto .pikto-betu{fill:var(--szoveg);font:700 10px var(--torzs)}
.kat-fej .pikto{margin:0;flex:none;align-self:center}

.kozossegi-sav{display:none}
@media (min-width:1480px){
.kozossegi-sav{display:block;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:15;background:var(--felulet);border-left:3px solid var(--piros)}
.kozossegi-sav ul{margin:0;padding:6px 0;list-style:none}
.kozossegi-sav a{display:flex;width:44px;height:44px;align-items:center;justify-content:center;color:var(--szoveg)}
.kozossegi-sav a:hover{color:var(--piros-sz)}
.kozossegi-sav a:focus-visible{color:var(--piros-sz)}
.kozossegi-sav svg{width:20px;height:20px}
.fej .kozossegi{display:none}
}
.sorozat{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:40px 0 48px;border-top:1px solid var(--vonal-eros)}
.sorozat .lemez{grid-column:1 / span 5;aspect-ratio:3/2;align-self:start}
.sorozat .szov{grid-column:7 / span 6}
.sorozat h3{font-size:clamp(1.8rem,3.2vw,2.8rem);letter-spacing:-.03em}
.cimke{margin-top:10px;font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--halvany)}
.sorozat .lead{margin-top:20px;max-width:52ch}
.info{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.info h4{margin:0 0 10px;font-family:var(--mono);font-weight:400;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--halvany)}
.info p{font-size:.92rem}
.info ul{margin:0;padding:0;list-style:none}
.info li{border-top:1px solid var(--vonal);padding:8px 0;font-size:.92rem}
.sorozat-adat .szov{grid-column:1 / -1}
.tablak{grid-column:1 / -1;min-width:0;margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr);gap:44px}
.tabla-csoport{min-width:0}
.sorozat-adat .tablak{margin-top:20px}
.sorozat-adat .tabla-csoport:only-child .tabla-cim{display:none}
.tabla-cim{margin:0 0 14px;font-family:var(--mono);font-weight:500;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--szoveg)}

.tabla-gorgeto{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--vonal-eros);scrollbar-width:thin;scrollbar-color:var(--vonal-eros) var(--felulet);
background:linear-gradient(to right,var(--bg) 30%,rgba(var(--bg-rgb),0)) left center/40px 100% no-repeat local,
linear-gradient(to left,var(--bg) 30%,rgba(var(--bg-rgb),0)) right center/40px 100% no-repeat local,
linear-gradient(to right,rgba(242,242,242,.22),rgba(242,242,242,0)) left center/16px 100% no-repeat scroll,
linear-gradient(to left,rgba(242,242,242,.22),rgba(242,242,242,0)) right center/16px 100% no-repeat scroll}
.tabla-gorgeto::-webkit-scrollbar{height:8px}
.tabla-gorgeto::-webkit-scrollbar-track{background:var(--felulet)}
.tabla-gorgeto::-webkit-scrollbar-thumb{background:var(--vonal-eros)}
.tabla-gorgeto:focus{outline:2px solid var(--piros-sz);outline-offset:2px}
.tabla-gorgeto:focus:not(:focus-visible){outline:none}
.tabla caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.tabla{width:100%;min-width:520px;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums}
.tabla th,.tabla td{padding:9px 14px;border-bottom:1px solid var(--vonal);text-align:right;vertical-align:top}
.tabla thead th{font-family:var(--mono);font-weight:500;font-size:.78rem;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid var(--vonal-eros);color:var(--szoveg)}
.tabla thead th:first-child,.tabla tbody th[scope=row]{text-align:left;position:sticky;left:0;background:var(--bg);z-index:1}
.tabla tbody th[scope=row]{font-weight:400;min-width:15rem;color:var(--szoveg)}
.tabla thead th:nth-child(2){text-align:left}
.tabla td.eg{text-align:left;white-space:nowrap;font-family:var(--mono);font-size:.76rem;color:var(--halvany)}
.tabla .tabla-szek th{text-align:left;position:sticky;left:0;background:var(--felulet);font-family:var(--mono);font-weight:400;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--halvany);padding:7px 14px}
.tabla-forras{margin:10px 0 0;font-family:var(--mono);font-size:.72rem;letter-spacing:.02em;color:var(--halvany)}
.nevsor{margin-top:44px;border-top:1px solid var(--vonal-eros);padding-top:20px}
.nevsor h4{margin:0 0 12px;font-family:var(--mono);font-weight:400;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--halvany)}
.nevsor dl{margin:0;display:grid;gap:0}
.nevsor dl div{display:grid;grid-template-columns:minmax(10rem,16rem) minmax(0,1fr);gap:8px 24px;padding:9px 0;border-bottom:1px solid var(--vonal);font-size:.9rem}
.nevsor dt{color:var(--halvany)}
.nevsor dd{margin:0}
.kerelem{padding-top:8px;border-top:1px solid var(--vonal-eros)}
.kerelem a{margin-top:28px}

.doc-bel{max-width:780px}
.doc h1{font-weight:300;letter-spacing:-.04em;font-size:clamp(2.4rem,6vw,4.6rem);line-height:1;margin:0 0 20px}
.doc h1 strong{font-weight:inherit;color:var(--halvany)}
.doc h2{font-size:1.5rem;letter-spacing:-.02em;font-weight:500;margin:44px 0 12px}
.doc p,.doc li{max-width:68ch;margin-top:12px}
.doc ul{padding-left:20px}
.doc a{text-decoration-color:var(--piros);text-underline-offset:3px}
.doc .link-fo,.doc .link-masik{text-decoration:none}
.upd{color:var(--halvany);font-size:.9rem}
.doc .sub{font-size:1.15rem;max-width:56ch}
.dv-t{display:block;overflow-x:auto;border-collapse:collapse;width:100%;margin:20px 0;font-size:.92rem}
.dv-t th,.dv-t td{border-bottom:1px solid var(--vonal);padding:10px 12px;text-align:left;vertical-align:top}
.dv-t th{font-family:var(--mono);font-weight:400;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--halvany)}
.ok-mark{display:grid;place-items:center;width:72px;height:72px;border:2px solid var(--piros-sz);color:var(--piros-sz);font-size:2rem;margin-bottom:28px}
.cta-row{display:flex;gap:20px 32px;flex-wrap:wrap;margin-top:36px}

@media (max-width:1000px){
.lab-racs{grid-template-columns:repeat(2,minmax(0,1fr))}
.szolg-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
html{scroll-padding-bottom:9.5rem}
.elony{padding:24px 0 40px}
.elony-doboz{grid-template-columns:minmax(0,1fr);padding:28px 22px;gap:20px}
.partner-szoveg .szov{grid-column:1 / -1}

#ptc{padding:12px 16px;gap:10px 16px}
#ptc p{font-size:.8rem;line-height:1.4}
#ptc .b{width:100%;gap:10px;flex-wrap:nowrap}
#ptc button{flex:1 1 0;min-height:40px;padding:8px 6px;font-size:.74rem;letter-spacing:.04em}

.fej-sor{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;padding:12px 0}
.fej-sor .logo{grid-column:1;grid-row:1}
.menu-sor{display:contents}
.fej-sor .kozossegi{grid-column:2;grid-row:1}
.fej-sor nav{grid-column:1 / -1;grid-row:2}
.menu{gap:0 14px;font-size:.72rem;letter-spacing:.04em}
.menu a{padding:7px 0}

.tabla{min-width:0}
.tabla th,.tabla td{padding:9px 10px}
.hero-bel,.szekcio-fej,.film-fej,.gyarto{grid-template-columns:minmax(0,1fr);gap:28px}
.hero{min-height:clamp(420px,72vh,640px)}
.hero-bel{padding:40px 0 40px}
.szekcio{padding:64px 0}
.film{padding-bottom:64px}
.film-sav{aspect-ratio:4/3}
.menu-sor{gap:12px 20px}
.fejezet{grid-template-columns:minmax(0,1fr);row-gap:20px;padding:36px 0}
.fejezet .sz,.fejezet .szov,.fejezet .lemez{grid-column:1 / -1}
.fejezet .sz{font-size:4rem}
.miert-fej{grid-template-columns:minmax(0,1fr)}
.sor{grid-template-columns:minmax(0,1fr);row-gap:12px;padding:28px 0}
.sor .no,.sor h3,.sor p,.vezerles .sor .nev,.vezerles .sor p{grid-column:1 / -1}
.vezerles-bel{padding:64px 0}
.szolg-lista,.ipar-lista{grid-template-columns:minmax(0,1fr)}
.ipar-lista li{grid-template-columns:minmax(0,1fr);row-gap:12px}
.gyik-lista li{grid-template-columns:minmax(0,1fr);row-gap:12px}
.hir-lista article{grid-template-columns:minmax(0,1fr);row-gap:14px}
.ipar-lista .link-masik{grid-column:1}
.lab-racs{grid-template-columns:minmax(0,1fr)}
.ph{padding:36px 0 8px}
.kat-fej{gap:20px}
.sorozat{grid-template-columns:minmax(0,1fr);row-gap:24px;padding:32px 0 36px}
.sorozat .lemez,.sorozat .szov,.tablak{grid-column:1 / -1}
.nevsor dl div{grid-template-columns:minmax(0,1fr)}
.tabla tbody th[scope=row]{width:8.5rem;min-width:8.5rem;overflow-wrap:anywhere;word-break:break-word}
.info{grid-template-columns:minmax(0,1fr)}
.ketto,.k-grid{grid-template-columns:minmax(0,1fr);gap:40px}
.partner{grid-template-columns:minmax(0,1fr);row-gap:24px;padding:36px 0}
.partner .lemez,.partner .szov{grid-column:1 / -1}
.urlap-doboz{padding:28px 20px}
.idovonal li{grid-template-columns:5rem minmax(0,1fr)}
}
@media (max-width:520px){
.tenyek{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:360px){

h2,.kat-fej h2,.fejezet h3{font-size:1.5rem;overflow-wrap:anywhere}
}

@media (prefers-reduced-motion:no-preference){
.hero-bel>div,.film-sav{animation:beuszas .9s cubic-bezier(.2,.7,.2,1) both}
.hero-bel>div:nth-child(2){animation-delay:.15s}
.film-sav{animation-delay:.3s}
.rev{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rev.be{opacity:1;transform:none}
.lemez img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.fejezet:hover .lemez img,.partner:hover .lemez img,.sorozat:hover .lemez img{transform:scale(1.035)}
a,button{transition:color .2s,background-color .2s,border-color .2s}
.film-gomb i,.yt-gomb i{transition:background-color .25s,border-color .25s,transform .25s}
.film-gomb:hover i,.yt-gomb:hover i{transform:scale(1.06)}
}
@media print{.rev{opacity:1;transform:none}}
@keyframes beuszas{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}