/* Dotwork mozgás (2026-11-01): a dotwork.css fölött fut. A sötét alap a videók saját feketéje, így a munkák beleolvadnak az oldalba.
   Alapból sima, olvasható lista; a görgetésre rögzített szakaszok csak a html.mozog alatt élnek. */
:root{--tinta:#100f15;--cim:clamp(50px,11vw,212px);--rug:cubic-bezier(.16,1,.3,1)}
html[data-tema=sotet],html:not([data-tema]){--fejszin:var(--alap);--fejalap:rgba(16,15,21,.84)}
html[data-tema=vilagos]{--fejszin:var(--grafit);--fejalap:rgba(244,244,241,.9)}
html[data-tema=narancs]{--fejszin:var(--grafit);--fejalap:rgba(255,91,31,.94)}
body.lap{background:var(--tinta);color:var(--alap);overflow-x:clip}
.lap h2{max-width:none}
.nagycim{font-size:var(--cim);letter-spacing:-.032em;line-height:.98}
.szo{display:inline-block;white-space:nowrap}
.bt{display:inline-block;overflow:hidden;padding:.17em 0 .13em;margin:-.17em 0 -.13em}
.bt i{display:inline-block;font-style:normal}
.mozog .bt i{transform:translateY(120%) rotate(7deg);transform-origin:0 100%;transition:transform 1s var(--rug);transition-delay:calc(var(--k) * 26ms)}
.mozog .lat .bt i{transform:none}

/* logó: a pont és a betűk között levegő marad */
.jel{letter-spacing:0;font-kerning:none}
html[data-tema=narancs] .fej .o::before{background:var(--alap)}
/* fejléc: úszik a kép fölött, a szakasz színéhez igazodik, lefelé görgetve félrehúzódik */
.lap .fej{position:fixed;left:0;right:0;top:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:var(--fejszin);transition:transform .6s var(--rug),color .35s}
.lap .fej::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--fejalap);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .3s}
.lap .fej.hatter::before{opacity:1}
.lap .fej__sor{padding:0 var(--szel)}
html[data-tema=narancs] .fej .gomb--narancs{background:var(--grafit);color:var(--alap)}
html:not(.mozog) .lap .fej{background:var(--tinta);color:var(--alap)}
html:not(.mozog) .lap--vilagos .fej{background:var(--alap);color:var(--grafit)}
.gomb{transition:transform .5s var(--rug),background .25s}

/* nyitás */
.nyito.nyito{position:relative;background:var(--tinta);overflow:visible}
.mozog .nyito{height:270svh}
.nyito__ragad{position:relative;min-height:100svh;overflow:hidden;background:var(--tinta);display:flex;flex-direction:column;justify-content:flex-end}
.mozog .nyito__ragad{position:sticky;top:0;height:100svh}
.lyuk,.perem,.ablakfal,.seb{position:absolute;inset:0}
.perem{background:var(--jel);display:none}
.mozog .perem{display:block;clip-path:circle(0 at 50% 50%)}
.ablakfal{overflow:hidden;background:var(--ablak);display:none}
.mozog .ablakfal{display:block;clip-path:circle(0 at 50% 50%)}
.fal{position:absolute;left:50%;top:50%;display:none;gap:clamp(12px,1.6vw,26px);will-change:transform}
.mozog .fal{display:flex}
.fal__osz{flex:none;width:clamp(120px,17vw,320px);display:flex;flex-direction:column;gap:clamp(12px,1.6vw,26px);will-change:transform}
.fal__kep{flex:none;aspect-ratio:9/16;border-radius:clamp(12px,1.4vw,22px);overflow:hidden;background:#17151f}
.fal__kep img,.fal__kep video{width:100%;height:100%;object-fit:cover;display:block}
.lyuk{overflow:hidden}
.lyuk img{position:absolute;right:-4vw;top:calc(var(--fej) - 40px);width:72vw;aspect-ratio:16/9;max-width:none;display:block}
.mozog:not(.nincsgl) .lyuk{display:none}
.lyukvaszon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none}
.mozog .lyukvaszon{display:block}
.nyito__szoveg{position:relative;z-index:3;padding:calc(var(--fej) + 34vh) var(--szel) clamp(38px,6vh,60px)}
.mozog .nyito__szoveg{padding-top:0;will-change:transform,opacity}
.nyito h1{font-size:min(12vw,31svh);line-height:.96;letter-spacing:-.032em;color:var(--alap);text-wrap:wrap}
.sor{display:block;overflow:hidden;padding:.02em 0 .14em;margin-bottom:-.14em}
.sor>span{display:block}
.mozog .sor>span{animation:sorFel 1.25s var(--rug) .42s both}
.mozog .sor+.sor>span{animation-delay:.52s}
@keyframes sorFel{from{transform:translateY(112%) rotate(3deg);transform-origin:0 100%}}
.nyito__lab{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:clamp(16px,2.6vh,30px)}
.nyito .al{margin:0;color:var(--halvany);max-width:30em}
.promo{position:relative;margin-top:10px;padding-left:22px;max-width:30em;font-size:clamp(16px,1.25vw,18px);line-height:1.4;font-weight:600;color:var(--alap)}
.promo::before{content:'';position:absolute;left:2px;top:.42em;width:11px;height:11px;border-radius:50%;background:var(--jel)}
.nyito .gombok{margin:0;flex:none}
.mozog .nyito__lab{animation:halvanyBe 1s ease .95s both}
@keyframes halvanyBe{from{opacity:0;transform:translateY(14px)}}
.seb{z-index:4;pointer-events:none;clip-path:circle(0 at 50% 50%);will-change:clip-path}
.seb--papir{background:var(--alap)}
.seb--narancs{background:var(--jel)}
html:not(.mozog) .seb{display:none}

/* amit kapsz: a számok pontokból állnak össze a sötét alapon */
.ajanlat{position:relative;background:var(--tinta);color:var(--alap)}
.mozog .ajanlat{height:280svh}
.ajanlat__ragad{position:relative;overflow:hidden;background:var(--tinta)}
.mozog .ajanlat__ragad{position:sticky;top:0;height:100svh}
.ajanlat__bel{position:relative;z-index:2;padding:clamp(72px,9vw,140px) var(--szel)}
.mozog .ajanlat__bel{position:absolute;inset:0;padding:0}
.ajanlat h2{font-size:clamp(38px,4.6vw,66px)}
.mozog .ajanlat h2{position:absolute;left:var(--szel);top:calc(var(--fej) + 18px);font-size:clamp(22px,2vw,28px);letter-spacing:-.02em;color:var(--kod)}
.ajanlat__szamok{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,96px);margin-top:clamp(40px,6vw,90px)}
.mozog .ajanlat__szamok{display:block;margin:0}
.ajanlat__szam b{display:block;font-size:clamp(66px,12.4vw,236px);font-weight:700;letter-spacing:-.03em;line-height:.95;white-space:nowrap}
.ajanlat__szam span{display:block;margin-top:clamp(12px,1.4vw,22px);max-width:27em;font-size:clamp(19px,1.9vw,28px);line-height:1.3;color:var(--halvany)}
.mozog:not(.nincsgl) .ajanlat__szam b{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mozog .kap{opacity:0;pointer-events:none;transition:opacity .35s,transform .9s var(--rug)}
.mozog .kap.most{opacity:1;pointer-events:auto;transform:none}
.mozog .ajanlat__szam{position:absolute;left:var(--szel);right:var(--szel);bottom:clamp(40px,9vh,96px);margin:0;transform:translateY(40px)}
.ajanlat__lista{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,56px);margin-top:clamp(48px,6vw,96px);padding-top:clamp(24px,2.4vw,36px);border-top:1.5px solid rgba(244,244,241,.16)}
.mozog .ajanlat__lista{position:absolute;left:var(--szel);right:var(--szel);top:50%;margin:0;padding:0;border:0;transform:translateY(-44%)}
.mozog .ajanlat__lista.most{transform:translateY(-50%)}
.ajanlat__lista h3{font-size:clamp(26px,3.1vw,50px);letter-spacing:-.025em;line-height:1.08}
.ajanlat__lista p{margin-top:12px;font-size:clamp(17px,1.35vw,20px);line-height:1.42;color:var(--halvany);max-width:24em}
.seb--tinta{background:var(--tinta)}

/* szolgáltatások */
.szolg{position:relative;background:var(--alap);color:var(--grafit);padding:clamp(72px,9vw,140px) 0 clamp(96px,12vw,180px)}
.lap .bel{max-width:none}
.kartyak{list-style:none;display:flex;gap:clamp(10px,1.1vw,18px);height:clamp(480px,76vh,780px);margin-top:clamp(40px,5vw,72px)}
.kartyak li{flex:1 1 0;min-width:0;transition:flex-grow .85s var(--rug)}
@media (hover:hover) and (min-width:1061px){.kartyak:hover li{flex-grow:.82}.kartyak li:hover{flex-grow:1.75}}
.kartya{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;height:100%;border-radius:clamp(18px,1.8vw,28px);overflow:hidden;background:var(--ablak);color:var(--alap);text-decoration:none}
.kartya video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--rug)}
.kartya:hover video{transform:scale(1.06)}
.kartya::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(16,15,21,.96) 0%,rgba(16,15,21,.8) 30%,rgba(16,15,21,.1) 66%,rgba(16,15,21,.42) 100%)}
.kartya__ikon{position:absolute;left:clamp(16px,1.6vw,24px);top:clamp(16px,1.6vw,24px);display:grid;place-items:center;width:clamp(62px,5.4vw,78px);aspect-ratio:1;border-radius:50%;background:rgba(16,15,21,.66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.kartya__ikon .ikon{width:62%;height:62%}
.kartya__nyil{position:absolute;right:clamp(16px,1.6vw,24px);top:clamp(16px,1.6vw,24px);width:clamp(40px,3.4vw,50px);aspect-ratio:1;border-radius:50%;background:var(--jel);transition:transform .6s var(--rug)}
.kartya__nyil::after{content:'';position:absolute;left:50%;top:50%;width:28%;height:28%;margin:-14% 0 0 -18%;border-top:2.5px solid var(--grafit);border-right:2.5px solid var(--grafit);transform:rotate(45deg)}
.kartya:hover .kartya__nyil{transform:scale(1.14)}
.kartya__szov{padding:clamp(18px,1.8vw,28px)}
.kartya b{display:block;font-size:clamp(27px,2.5vw,42px);letter-spacing:-.025em;line-height:1.04}
.kartya small{display:block;margin-top:10px;max-width:24em;font-size:clamp(15px,1.15vw,18px);line-height:1.4;color:var(--halvany)}
.szolg__lab{margin-top:28px;font-size:17px;color:var(--kozep)}
.szolg__lab a{color:var(--grafit);font-weight:600;text-underline-offset:4px}

/* ikonok: pontokból álló vonalak, a pontok lassan végigfutnak rajtuk */
.ikon{display:block;width:clamp(52px,4.6vw,68px);height:auto;aspect-ratio:1;overflow:visible;fill:none;stroke:currentColor;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.1 6.4}
.mozog .ikon{animation:ikonFut 9s linear infinite}
@keyframes ikonFut{to{stroke-dashoffset:-65}}
.ajanlat__lista .ikon{margin-bottom:clamp(12px,1.4vw,20px)}
.szam .ikon{margin-bottom:14px;color:var(--alap)}

/* munkák */
.galeria{position:relative;background:var(--alap);--mag:min(calc(100svh - 176px),136vw);scroll-margin-top:-50vh}
.galeria__ragad{position:relative;overflow:hidden}
.mozog .galeria__ragad{position:sticky;top:0;height:100svh}
.galeria__tinta{background:var(--tinta);color:var(--alap)}
.mozog .galeria__tinta{position:absolute;inset:0;clip-path:circle(0 at 50% 50%);will-change:clip-path}
.galeria__sin{display:flex;align-items:center;gap:clamp(28px,6vw,120px);padding:clamp(96px,10vw,140px) var(--szel);overflow-x:auto}
.mozog .galeria__sin{position:absolute;left:0;top:0;bottom:0;padding:calc(var(--fej) - 6px) 34vw 0 var(--szel);width:max-content;overflow:visible;will-change:transform}
.galeria .nagycim{flex:none;margin-right:clamp(0px,4vw,80px)}
.galeria .munka{flex:none;width:calc(var(--mag) * 9 / 16);transition:none;will-change:transform,opacity}
.galeria .munka--fekvo{width:calc(var(--mag) * .9)}
.galeria .ablak{border-radius:clamp(14px,1.5vw,22px);background:#17151f}
.galeria .munka--fekvo .ablak{aspect-ratio:16/9}
.galeria .ablak video{cursor:pointer}
.galeria .munka figcaption{margin-top:14px}
.galeria .munka figcaption b{font-size:clamp(18px,1.5vw,22px)}
.galeria .munka figcaption span{color:var(--kod)}
.hanggomb{transition:background .25s,color .25s,transform .5s var(--rug)}
.hanggomb:hover{transform:scale(1.05)}
.galeria__pontok{display:none;position:absolute;left:50%;bottom:18px;transform:translateX(-50%);gap:9px}
.mozog .galeria__pontok{display:flex}
.galeria__pontok i{width:7px;height:7px;border-radius:50%;background:rgba(244,244,241,.26);transition:background .3s,transform .5s var(--rug)}
.galeria__pontok i.most{background:var(--jel);transform:scale(1.6)}

/* eredmények, ki készíti, kérdések: a munkák után, sötét alapon */
.eredmeny{position:relative;background:var(--tinta);color:var(--alap);padding:clamp(72px,9vw,140px) 0 clamp(48px,6vw,90px)}
.szamok{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(24px,4vw,72px);margin-top:clamp(40px,5vw,72px)}
.szam b{display:block;font-size:clamp(46px,7vw,132px);font-weight:700;letter-spacing:-.03em;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.szam span{display:block;margin-top:12px;font-size:clamp(16px,1.25vw,19px);line-height:1.4;color:var(--kod);max-width:22em}
.eredmeny__lab{margin-top:clamp(28px,3vw,44px);font-size:15px;color:var(--kod)}
.keszito{position:relative;background:var(--tinta);color:var(--alap);padding:clamp(48px,6vw,90px) 0}
.keszito__racs{display:grid;grid-template-columns:clamp(220px,28vw,440px) minmax(0,1fr);gap:clamp(32px,6vw,110px);align-items:center}
.keszito__kor{aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--ablak)}
.mozog .keszito__kor{clip-path:circle(0 at 50% 50%);transition:clip-path 1.2s var(--rug)}
.mozog .keszito__kor.lat{clip-path:circle(50% at 50% 50%)}
.keszito__kor img{display:block;width:100%;height:118%;object-fit:cover;object-position:50% 6%}
.keszito p{margin-top:16px;max-width:34em;font-size:clamp(18px,1.5vw,22px);line-height:1.45;color:var(--halvany)}
.gyik{position:relative;background:var(--tinta);color:var(--alap);padding:clamp(48px,6vw,90px) 0 clamp(72px,9vw,140px)}
.gyik .kerdes{border-color:rgba(244,244,241,.16)}
.gyik .kerdes summary::before,.gyik .kerdes summary::after{background:var(--alap)}
.gyik .valasz{color:var(--halvany)}

/* folyamat */
.folyamat.folyamat{position:relative;background:var(--tinta);color:var(--alap)}
.mozog .folyamat{height:400svh}
.folyamat__ragad{position:relative;overflow:hidden;background:var(--tinta);padding:clamp(72px,9vw,140px) var(--szel)}
.mozog .folyamat__ragad{position:sticky;top:0;height:100svh;padding:0}
.felho{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mozog .felho{display:block}
.folyamat__szoveg{position:relative;z-index:2}
.mozog .folyamat__szoveg{position:absolute;inset:0;padding:calc(var(--fej) + 18px) var(--szel) clamp(28px,6vh,64px);display:flex;flex-direction:column;justify-content:flex-end}
.folyamat h2{font-size:clamp(38px,4.6vw,66px)}
.mozog .folyamat h2{position:absolute;left:var(--szel);top:calc(var(--fej) + 18px);font-size:clamp(22px,2vw,28px);letter-spacing:-.02em;color:var(--kod)}
.folyamat .lepesek{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin:48px 0 0;position:relative}
.folyamat .lepesek::before{display:none}
.mozog .folyamat .lepesek{display:block;margin:0;height:clamp(230px,36vh,330px)}
.folyamat .lepes{padding:0}
.folyamat .lepes::before{display:none}
.mozog .folyamat .lepes{position:absolute;left:0;bottom:0;width:min(46vw,760px);pointer-events:none}
.lepes__sz{display:block;font-size:clamp(19px,1.6vw,24px);font-weight:700;color:var(--jel);margin-bottom:8px}
.folyamat .lepes h3{font-size:clamp(40px,6vw,104px);letter-spacing:-.03em;line-height:1}
.folyamat .lepes p{color:var(--halvany);font-size:clamp(17px,1.4vw,21px);max-width:26em;margin-top:clamp(12px,1.6vw,20px)}
.mozog .folyamat .lepes .lepes__sz,.mozog .folyamat .lepes h3,.mozog .folyamat .lepes p{opacity:0;transform:translateY(46px);transition:opacity .35s,transform .9s var(--rug)}
.mozog .folyamat .lepes.most .lepes__sz,.mozog .folyamat .lepes.most h3,.mozog .folyamat .lepes.most p{opacity:1;transform:none}
.mozog .folyamat .lepes.most h3{transition-delay:.05s}
.mozog .folyamat .lepes.most p{transition-delay:.12s}
.vonal{display:none}
.mozog .vonal{display:block;position:relative;height:3px;margin-top:clamp(20px,3vh,32px);width:min(46vw,760px);background:radial-gradient(circle,rgba(244,244,241,.32) 1.2px,transparent 1.6px) 0 0/9px 3px repeat-x}
.vonal i{position:absolute;left:calc(var(--p,0) * 100%);top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--jel)}
.folyamat .lepesek__ido{position:relative;z-index:2;margin-top:48px;font-size:clamp(24px,3vw,44px);letter-spacing:-.03em;line-height:1.1;font-weight:600;color:var(--alap)}
.mozog .folyamat .lepesek__ido{position:absolute;left:var(--szel);bottom:clamp(60px,12vh,120px);margin:0;max-width:min(46vw,760px);opacity:0;transform:translateY(30px);transition:opacity .4s,transform .9s var(--rug)}
.mozog .folyamat .lepesek__ido.most{opacity:1;transform:none}

/* ajánlatkérés: a narancs pont kinyílt, az űrlap ebben áll */
.kapcsolat.kapcsolat{position:relative;background:var(--jel);color:var(--grafit);padding:clamp(96px,10vw,160px) 0 clamp(96px,10vw,150px)}
.kapcsolat .bev{color:var(--grafit);font-size:clamp(19px,1.7vw,25px);margin-top:clamp(16px,2vw,28px)}
.kapcsolat .mezo label{font-size:16px}
.kapcsolat .mezo input,.kapcsolat .mezo select,.kapcsolat .mezo textarea{background-color:transparent;border:0;border-bottom:2px solid var(--grafit);border-radius:0;padding:12px 0;font-size:20px;color:var(--grafit)}
.kapcsolat .mezo select{padding-right:32px;background-position:right 2px center}
.kapcsolat .mezo textarea{min-height:120px}
.kapcsolat .mezo input:focus,.kapcsolat .mezo select:focus,.kapcsolat .mezo textarea:focus{outline:0;box-shadow:0 2px 0 var(--grafit)}
.kapcsolat .mezo ::placeholder{color:rgba(27,29,32,.66)}
.kapcsolat .gomb--narancs{background:var(--grafit);color:var(--alap);padding:18px 40px;font-size:19px}
.kapcsolat .gomb--narancs:hover{background:#000}
.kapcsolat .urlap__megj,.kapcsolat .allapot,.kapcsolat .mellek p{color:var(--grafit)}
.kapcsolat :focus-visible{outline-color:var(--grafit)}

/* szakértői landing: világos alapon ugyanaz a fejléc, munkák, folyamat, ajánlatkérés és lábléc */
body.lap--vilagos{background:var(--alap);color:var(--grafit)}
.lap--vilagos .nyitas{padding-top:var(--fej)}
.lap--vilagos .kapcsolat .nagycim{font-size:clamp(40px,7.4vw,132px);max-width:13em;text-wrap:balance;line-height:1.08}
.lap--vilagos .kapcsolat .bev{margin-top:clamp(30px,3.4vw,52px)}
.lap--vilagos .lemez{position:relative;z-index:1;background:var(--alap);border-radius:clamp(26px,3.4vw,52px) clamp(26px,3.4vw,52px) 0 0;margin-top:clamp(-52px,-3.4vw,-26px)}
.lap--vilagos .kerdes summary,.lap--vilagos .blokk{color:var(--grafit)}
.lepes__te{display:block;margin-top:10px;font-size:15px;font-weight:700;color:var(--jel)}

/* ingyenes minta: minden pont egy hely, a foglaltak elhalványulnak */
.helyek__pontok{display:grid;grid-template-columns:repeat(10,1fr);gap:clamp(6px,.7vw,10px);max-width:300px}
.helyek__pontok i{aspect-ratio:1;border-radius:50%;background:var(--alap)}
.helyek__pontok i.foglalt{background:rgba(27,29,32,.26)}
.mozog .helyek__pontok i{transform:scale(0);transition:transform .7s var(--rug);transition-delay:calc(var(--k) * 16ms)}
.mozog .helyek.lat .helyek__pontok i{transform:none}
.helyek p{margin-top:14px;font-size:17px}
.helyek b{font-weight:700}

/* süti-sáv: csak akkor jelenik meg, ha van Pixel; a két gomb egyenrangú */
.sutisav{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;max-width:760px;margin:0 auto;padding:14px 18px;border-radius:18px;background:rgba(16,15,21,.94);color:var(--alap);box-shadow:0 0 0 1px rgba(244,244,241,.14);font-size:15px;line-height:1.4}
.sutisav p{flex:1 1 280px}
.sutisav a{color:inherit}
.sutisav div{display:flex;gap:8px}
.sutisav button{font:inherit;font-weight:700;padding:10px 18px;border-radius:99px;border:0;cursor:pointer;background:rgba(244,244,241,.14);color:var(--alap)}
.sutisav button[data-v=igen]{background:var(--jel);color:var(--grafit)}
@media (max-width:760px){.sutisav{top:calc(var(--fej) - 4px);bottom:auto;padding:10px 14px;font-size:14px;gap:8px}.sutisav p{flex-basis:100%}.sutisav button{padding:8px 16px}}

/* lábléc: a teljes szélességű jel, a pontja a végén gördül a helyére */
.lap .lab{position:relative;background:var(--tinta);color:var(--alap);padding:clamp(36px,5vw,72px) 0 40px;overflow:hidden}
.lab__jel{font-size:22.4vw;font-weight:700;letter-spacing:0;font-kerning:none;line-height:.8;text-align:center;white-space:nowrap;padding-bottom:.08em;user-select:none}
.mozog .lab__jel .o{transform:translateX(-1.1em) rotate(-200deg) scale(.2);transition:transform 1.4s cubic-bezier(.3,1.5,.5,1)}
.mozog .lab__jel.lat .o{transform:none}
.lap .lab__sor{margin:clamp(20px,3vw,44px) var(--szel) 0;color:var(--kod);border-top-color:rgba(244,244,241,.14)}
.lap .lab .jel{color:var(--alap)}

/* saját kurzor: a pont követi az egeret, a munkák fölött kinyílik és kiírja, mit tesz a kattintás */
html.sajatkurzor,html.sajatkurzor a,html.sajatkurzor button,html.sajatkurzor summary,html.sajatkurzor .galeria video{cursor:none}
.kurzor{position:fixed;left:0;top:0;z-index:50;pointer-events:none;will-change:transform}
.kurzor span{position:absolute;left:0;top:0;display:grid;place-items:center;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--jel);color:transparent;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;transition:width .45s var(--rug),height .45s var(--rug),margin .45s var(--rug),background .3s,color .2s,opacity .2s}
.kurzor.nagy span{width:42px;height:42px;margin:-21px 0 0 -21px;background:rgba(255,91,31,.28)}
.kurzor.hang span{width:96px;height:96px;margin:-48px 0 0 -48px;background:var(--jel);color:var(--grafit)}
.kurzor.rejt span{opacity:0}
html[data-tema=narancs] .kurzor:not(.hang) span{background:var(--grafit)}
html[data-tema=narancs] .kurzor.nagy span{background:rgba(27,29,32,.24)}

@media (max-width:1060px){
  .ajanlat__lista{grid-template-columns:1fr;gap:26px}
  .kartyak{display:grid;grid-template-columns:1fr 1fr;height:auto}
  .kartyak li{height:min(58svh,520px)}
}
@media (max-width:760px){
  :root{--cim:12.2vw}
  .ajanlat__szamok,.szamok{grid-template-columns:1fr}
  .keszito__racs{grid-template-columns:1fr}
  .keszito__kor{width:min(66vw,280px)}
  .lap .fej__sor{height:64px}
  .nyito h1{font-size:11.3vw}
  .nyito__lab{flex-direction:column;align-items:flex-start;gap:18px}
  .nyito__szoveg{padding-bottom:max(24px,5vh)}
  .lyuk img{right:-30vw;width:160vw}
  .kartyak{display:block}
  .kartyak li{position:sticky;top:calc(var(--fej) + var(--n) * 12px);height:min(66svh,540px);margin-bottom:14px}
  .kartyak li:last-child{margin-bottom:0}
  .galeria{--mag:min(calc(100svh - 150px),128vw)}
  .mozog .folyamat .lepes,.vonal,.mozog .vonal,.mozog .folyamat .lepesek__ido{width:auto;max-width:none}
  .mozog .folyamat .lepes{right:0}
  .mozog .folyamat .lepesek{height:clamp(170px,27svh,240px)}
  .folyamat .lepes h3{font-size:10.4vw}
  .folyamat .lepes p{font-size:17px}
  .folyamat .lepesek{grid-template-columns:1fr}
  .mozog .folyamat .lepesek__ido{bottom:74px;right:var(--szel)}
  .folyamat .lepesek__ido{font-size:27px}
  .lap .lab__sor{gap:10px 20px}
  .kapcsolat .mellek{order:-1}
  .kapcsolat .mellek__blokk+.mellek__blokk{display:none}
}
/* álló tablet: a szöveg és az ábra egymás alatt */
@media (orientation:portrait) and (min-width:761px){
  .mozog .folyamat .lepes,.mozog .vonal,.mozog .folyamat .lepesek__ido{width:auto;max-width:none;right:0}
  .mozog .folyamat .lepesek__ido{right:var(--szel)}
}
/* szűk fejléc: a menü nem csúszik a logóhoz */
@media (max-width:900px){.fej nav a:not(.gomb){display:none}}
/* alacsony telefon: a hosszú alcím elmarad, hogy a fekete lyuk ne érjen a címhez; a 24 óra a következő szakaszban jön */
@media (max-width:760px) and (max-height:740px){.nyito .al{display:none}.promo{margin-top:0}}
/* fekvő telefon: kisebb cím, a bevezető és a pontsor elmarad */
@media (max-height:480px){
  .nyito h1{font-size:min(10vw,21svh)}
  .nyito .al{display:none}
  .promo{margin-top:0}
  .mozog .galeria__pontok{display:none}
  .galeria{--mag:calc(100svh - 120px)}
  .mozog .folyamat .lepesek{height:150px}
  .folyamat .lepes h3{font-size:34px}
  .folyamat .lepes p{font-size:15px;margin-top:6px}
  .lepes__sz{font-size:16px;margin-bottom:2px}
}
@media (prefers-reduced-motion:reduce){.kartyak li,.kartya video,.gomb{transition:none}.lap .fej{transition:none}}