@font-face{font-family:'Archivo';font-style:italic;font-display:swap;font-weight:800;src:url(../fonts/archivo-latin-ext-800-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:italic;font-display:swap;font-weight:800;src:url(../fonts/archivo-latin-800-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/archivo-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/archivo-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/archivo-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/archivo-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/archivo-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/archivo-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}/* 4. DOKUMENTARISTA – fekete-fehér munkafotó, dőlt, vastag fehér cím, narancs gombok */
:root{
  --hatter:#fff; --felulet:#fff; --felulet2:#F3F2EF; --szoveg:#141414; --halvany:#55575C; --vonal:#E2E0DB;
  --kiemel:#C26F00; --link:#9A5700;
  --hivas-bg:#EE9B11; --hivas-szoveg:#141008; --hivas-arnyek:rgba(238,155,17,.35);
  --gomb2-szoveg:#141414; --gomb2-keret:#EE9B11;
  --fejlec-bg:rgba(12,12,12,.88); --fejlec-szoveg:#F4F4F4; --fejlec-vonal:rgba(255,255,255,.08);
  --hos-bg:#111; --hos-szoveg:#fff; --hos-halvany:#E2E2E2; --hos-felirat:#F5B54A;
  --hos-gomb2-szoveg:#fff; --hos-gomb2-keret:#EE9B11;
  --panel-bg:transparent; --panel-szoveg:#141414; --panel-arnyek:none;
  --ikon-bg:#141414; --ikon-szin:#F5B54A; --viz:#7CC4F2;
  --zaro-bg:#141414;
  --font-cim:'Archivo',system-ui,sans-serif; --font-szoveg:'Archivo',system-ui,sans-serif;
  --cim-suly:800; --cim-stilus:italic; --cim-betukoz:-.025em; --cim-sormagassag:1.0;
  --r:12px; --r-gomb:12px; --r-panel:14px;
}
.hos-cim{font-size:clamp(40px,4.9vw,72px);text-shadow:0 4px 30px rgba(0,0,0,.45)}
.hos-belso{min-height:clamp(600px,86vh,800px)}
.hos-szoveg{max-width:780px}
.hos-ecset{display:block;width:180px}
.hos-ecset path{stroke-width:6}
.dk-kep{position:absolute;inset:0;overflow:hidden}
.dk-kep picture,.dk-kep img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 40%;filter:grayscale(1) contrast(1.12) blur(6px);transform:scale(1.12);animation:dk-elesit 1.8s cubic-bezier(.3,.1,.2,1) .2s forwards,dk-pasztaz 24s ease-in-out 2s infinite alternate}
/* „élesítés”, mint egy kamera fókusza, utána lassú pásztázás */
@keyframes dk-elesit{to{filter:grayscale(1) contrast(1.12) blur(0);transform:scale(1.04)}}
@keyframes dk-pasztaz{from{transform:scale(1.04) translateX(0)}to{transform:scale(1.08) translateX(-2.5%)}}
.dk-kep{width:min(70%,1100px);left:auto;right:0}
.dk-arnyek{position:absolute;inset:0;background:linear-gradient(90deg,#111 0%,#111 28%,rgba(17,17,17,.75) 42%,rgba(17,17,17,.15) 70%,rgba(17,17,17,.2) 100%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 30%)}
/* filmszemcse */
.dk-szemcse{position:absolute;inset:-50%;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:dk-szemcse 1s steps(6) infinite}
@keyframes dk-szemcse{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}100%{transform:translate(0,0)}}
/* kereső-sarkok a fotón */
.hos-media::after{content:"";position:absolute;right:4%;top:12%;width:min(34%,420px);height:58%;border:2px solid transparent;background:linear-gradient(#fff,#fff) top left/26px 2px no-repeat,linear-gradient(#fff,#fff) top left/2px 26px no-repeat,linear-gradient(#fff,#fff) top right/26px 2px no-repeat,linear-gradient(#fff,#fff) top right/2px 26px no-repeat,linear-gradient(#fff,#fff) bottom left/26px 2px no-repeat,linear-gradient(#fff,#fff) bottom left/2px 26px no-repeat,linear-gradient(#fff,#fff) bottom right/26px 2px no-repeat,linear-gradient(#fff,#fff) bottom right/2px 26px no-repeat;opacity:0;animation:dk-kereso 1s ease 1.6s forwards}
@keyframes dk-kereso{from{opacity:0;transform:scale(1.08)}to{opacity:.75;transform:scale(1)}}
.js .hos .hc-1,.js .hos .hc-2{transform:translateX(-30px)}
.hibak{margin-top:0;padding:46px 0 56px}
.hibak .szakasz-fej{justify-content:center;text-align:center}
.hibak .szakasz-fej h2{display:flex;align-items:center;gap:24px;font-size:clamp(30px,4vw,50px)}
.hibak .szakasz-fej h2::before,.hibak .szakasz-fej h2::after{content:"";width:clamp(30px,9vw,140px);height:4px;background:#EE9B11}
.hibak .szakasz-fej p{display:none}
.hibak .szakasz-fej .szoveg-link{display:none}
.hiba-kartya{border-width:2px;border-color:#141414}
.hiba-kartya:hover,.hiba-kartya.mozog,.hiba-kartya.nyitva{border-color:#EE9B11;box-shadow:6px 6px 0 #141414}
.hiba-cim{font-style:italic;font-weight:800}
.oldalfej{background:linear-gradient(90deg,#111 30%,#262626)}
.oldalfej h1{font-style:italic}
.szakasz h2{font-style:italic}
@media (max-width:900px){
  .dk-kep{width:100%}
  .dk-kep img{object-position:70% 30%}
  .dk-arnyek{background:linear-gradient(180deg,rgba(17,17,17,.55) 0%,rgba(17,17,17,.82) 45%,#111 100%)}
  .hos-media::after{display:none}
  .hos-cim{font-size:clamp(38px,11vw,54px)}
  .hibak{padding-top:30px}
  .hibak .szakasz-fej h2::before,.hibak .szakasz-fej h2::after{width:24px}
  .hibak-panel{margin:0;padding:0}
}