/* Generated by kiln from src/design/tokens.json – do not edit. */
:root{
  --szin-dio-950:#140e0b;
  --szin-dio-900:#1c1410;
  --szin-dio-800:#241a14;
  --szin-dio-700:#30231a;
  --szin-dio-600:#4a3424;
  --szin-len:#efe6d6;
  --szin-len-halk:#c4b49c;
  --szin-len-szoveg:#d9ccb6;
  --szin-len-halvany:#a39380;
  --szin-sargarez:#caa56b;
  --szin-sargarez-vilagos:#e2c48e;
  --szin-sargarez-melyen:#8e6c3e;
  --szin-sargarez-szoveg:#76562b;
  --szin-juhar:#ece2d0;
  --szin-juhar-2:#e3d6c0;
  --szin-tinta:#241a13;
  --szin-tinta-halk:#5c4b3d;
  --szin-urlap-mezo:#f7f2e7;
  --szin-urlap-chip:#f4ecdf;
  --szin-jegyzet:#e6d7be;
  --szin-hiba:#8f2a1c;
  --szin-kep-scrim:#373230;
  --szin-furner-1:#6f4529;
  --szin-furner-2:#7d4f30;
  --szin-furner-3:#8a5a37;
  --szin-furner-4:#93623d;
  --szin-feher:#ffffff;
  --szin-szechenyi-kek:#1d3a6e;
  --szin-szechenyi-szurke:#4b5b78;
}

/* Saját hosztolású betűk, nincs Google Fonts-hívás. Az url()-eket a build.js assets() cseréli a kiadott, hash-elt /assets/ útvonalakra.
   Stílusonként két arc AZONOS leírókkal (család, stílus, súlytartomány – csak így alkotnak egy összetett betűt a unicode-range szerint):
   1) fő vágat: EGY változó woff2 (scripts/fonts-subset.sh), magyar + német jelkészlettel (latin + Őő Űű), a súlytengely a használt
      vágatokra szűkítve: Cormorant 300–500 álló + 300–400 dőlt, Libre Franklin 400–600. A főoldal így 3 fájlt tölt (≈ 90 KB, korábban 14-et, ≈ 290 KB).
   2) tartalék: a @fontsource latin-ext 400-as vágata a fő tartományon KÍVÜLI ritka jelekre (pl. č, ł) – átfedés nélküli unicode-range,
      így csak akkor töltődik le, ha az oldalon tényleg előfordul ilyen karakter (akkor is csak ez az egy jel lesz 400-as súlyú).
      A tartalék elöl áll: azonos leírójú arcok közül a később deklarált az erősebb. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-display:swap;font-weight:300 500;src:url("/assets/cormorant-garamond-latin-ext-400-normal.375a0887.woff2") format("woff2");unicode-range:U+0100-0130,U+0132-014F,U+0154-016F,U+0172-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-display:swap;font-weight:300 400;src:url("/assets/cormorant-garamond-latin-ext-400-italic.96ec6109.woff2") format("woff2");unicode-range:U+0100-0130,U+0132-014F,U+0154-016F,U+0172-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Libre Franklin";font-style:normal;font-display:swap;font-weight:400 600;src:url("/assets/libre-franklin-latin-ext-400-normal.13dc20c2.woff2") format("woff2");unicode-range:U+0100-0130,U+0132-014F,U+0154-016F,U+0172-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-display:swap;font-weight:300 500;src:url("/assets/cormorant-garamond-hu-de-wght-normal.a579b2d4.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0150-0153,U+0170-0171,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:"Cormorant Garamond";font-style:italic;font-display:swap;font-weight:300 400;src:url("/assets/cormorant-garamond-hu-de-wght-italic.190c738e.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0150-0153,U+0170-0171,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:"Libre Franklin";font-style:normal;font-display:swap;font-weight:400 600;src:url("/assets/libre-franklin-hu-de-wght-normal.31162e70.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0150-0153,U+0170-0171,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}
/* Méretre hangolt helyi tartalék a betűcsere idejére (font-display:swap): a Times New Roman / Arial a Cormorant / Libre Franklin
   átlagos betűszélességére és függőleges méreteire skálázva (size-adjust + ascent/descent-override, a HU+DE főoldali szövegen mérve),
   így a betöltődő webbetű nem tördeli át a sorokat → nincs elrendezés-ugrás (CLS). Ha a helyi betű nincs meg (pl. Android),
   a szabály kimarad, és a --serif/--sans lánc következő eleme lép be, mint korábban. */
@font-face{font-family:"Cormorant Garamond Fallback";font-style:normal;font-weight:300 500;src:local("Times New Roman"),local("TimesNewRomanPSMT");size-adjust:96.2%;ascent-override:96%;descent-override:29.8%;line-gap-override:0%}
@font-face{font-family:"Cormorant Garamond Fallback";font-style:italic;font-weight:300 400;src:local("Times New Roman Italic"),local("TimesNewRomanPS-ItalicMT");size-adjust:87%;ascent-override:106.2%;descent-override:33%;line-gap-override:0%}
@font-face{font-family:"Libre Franklin Fallback";font-style:normal;font-weight:400 600;src:local("Arial"),local("ArialMT");size-adjust:104.5%;ascent-override:92.4%;descent-override:23.5%;line-gap-override:0%}

/* Bognár Bútor – közös stílusok (az a2 terv globális részei). Színek KIZÁRÓLAG a tokens.css --szin-* változóiból;
   áttetszéshez color-mix() a tokenekből. Szövegre nincs opacity és nincs áttetsző szín (a kontrasztellenőrzés
   csak tömör párokat lát). Szakasz-specifikus stílus (hero, filmszalag, ajtó, űrlap) a későbbi feladatokban. */

:root{
  --serif:"Cormorant Garamond","Cormorant Garamond Fallback","Iowan Old Style",Georgia,serif;
  --sans:"Libre Franklin","Libre Franklin Fallback","Helvetica Neue",Arial,sans-serif;
  --wrap:1320px;
  --gut:clamp(16px,4vw,48px);
  --ease:cubic-bezier(.2,.7,.1,1);
  --ease-io:cubic-bezier(.65,0,.25,1);
  --hdr-h:92px;          /* fejléc magassága (a tartalom ennyivel lejjebb kezdődik) */
  --hdr-solid:76px;      /* a görgetés utáni (zsugorított) fejlécsáv látható magassága */
  --sav-h:0px;           /* mobil alsó sáv magassága (asztalin 0) */
  --ck:0px;              /* sütisáv magassága, amíg látszik (a consent.js írja) */
  --vonal:color-mix(in srgb,var(--szin-sargarez) 22%,transparent);      /* finom sárgaréz elválasztó */
  --vonal-eros:color-mix(in srgb,var(--szin-sargarez) 38%,transparent);
  --keret-len:color-mix(in srgb,var(--szin-len) 40%,transparent);       /* világos körvonal (nem szöveg) */
  --scrim:color-mix(in srgb,var(--szin-dio-950) 88%,transparent);       /* ≥ 0,85: szöveg mögé képen */
  /* Betűméret-skála (olvashatósági átnézés, 2026-11): apró szöveg sehol nem kisebb 14 px-nél, folyószöveg nem kisebb 16 px-nél;
     a Cormorant csak megjelenítő méretben (≥ 24 px) – alatta minden Libre Franklin. Nagybetűs címke: ≥ 14 px, ≥ 500-as vastagság. */
  --fs-apro:14px;        /* abszolút minimum: jogi sor, süti, morzsa, segédszöveg, számláló, nagybetűs címke */
  --fs-kis:15px;         /* kísérőszöveg: lábléc-lista, képaláírás, űrlapcímke, pirula */
  --fs-torzs:16px;       /* folyószöveg minimuma (mobilon is) */
  --fs-menu:16px;        /* fejléc-menü */
  --fs-serif-min:24px;   /* a Cormorant legkisebb mérete */
  --ls-caps:.12em;       /* nagybetűs címkék betűköze */
}

/* ---------- Alap ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--szin-dio-900);color:var(--szin-len);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
main,header,footer{position:relative;z-index:1}
img,svg{display:block;max-width:100%}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;margin:0;line-height:1.05;letter-spacing:-.005em}
:focus-visible{outline:2px solid var(--szin-sargarez-vilagos);outline-offset:3px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--szin-sargarez);color:var(--szin-dio-950);padding:10px 16px;z-index:100;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
section{position:relative}

/* Tipográfia */
.kicker{font-family:var(--serif);font-style:italic;font-size:var(--fs-serif-min);line-height:1.25;color:var(--szin-sargarez);margin:0 0 18px;display:flex;align-items:center;gap:14px}
.kicker::before{content:"";width:36px;height:1px;background:var(--szin-sargarez-melyen)}
.lead{font-size:clamp(17px,1.35vw,19px);color:var(--szin-len-halk);max-width:60ch;line-height:1.75}
.h-xl{font-size:clamp(46px,7.4vw,118px);font-weight:300;line-height:.98}
.h-l{font-size:clamp(40px,5.2vw,80px);font-weight:300}
.h-m{font-size:clamp(30px,3.2vw,46px);font-weight:400}
.it{font-style:italic}
.h-xl em,.h-l em{color:var(--szin-sargarez-vilagos)}

/* ---------- Szakaszok ---------- */
.szakasz{padding:clamp(96px,12vw,170px) 0}
.szakasz--950{background:var(--szin-dio-950)}
.szakasz--900{background:var(--szin-dio-900)}
.szakasz--800{background:var(--szin-dio-800)}
.szakasz--juhar{background:var(--szin-juhar);color:var(--szin-tinta)}
.szakasz--juhar .kicker{color:var(--szin-sargarez-szoveg)}
.szakasz--juhar .lead{color:var(--szin-tinta-halk)}
/* aloldal-fej: a rögzített fejléc alól indul */
.oldal-fej{padding:calc(var(--hdr-h) + clamp(48px,6vw,80px)) 0 clamp(64px,8vw,120px);background:var(--szin-dio-900)}
.oldal-fej .lead{margin-top:28px}
/* kép fölötti szöveg mögé: legalább 85%-os sötét lap (kontraszt képtől függetlenül) */
.scrim{background:var(--scrim);padding:clamp(20px,3vw,36px)}

/* ---------- Gombok ---------- */
.btn{--bx:0px;--by:0px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 28px;font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:.02em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .35s,color .35s,border-color .35s,transform .5s var(--ease);transform:translate(var(--bx),var(--by));position:relative;overflow:hidden;border-radius:1px}
.btn-sargarez{background:var(--szin-sargarez);color:var(--szin-dio-950)}
.btn-sargarez::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,color-mix(in srgb,var(--szin-feher) 45%,transparent) 50%,transparent 70%);transform:translateX(-110%);transition:transform .9s var(--ease);pointer-events:none}
.btn-sargarez:hover::after{transform:translateX(110%)}
.btn-sargarez:hover{background:var(--szin-sargarez-vilagos)}
.btn-vonal{border-color:var(--keret-len);color:var(--szin-len);background:transparent}
.btn-vonal:hover{border-color:var(--szin-sargarez);color:var(--szin-sargarez-vilagos)}
.btn-tinta{background:var(--szin-tinta);color:var(--szin-juhar)}
.btn-tinta:hover{background:var(--szin-dio-600)}
.btnrow{display:flex;flex-wrap:wrap;gap:14px}
.tlink{font-family:var(--serif);font-size:var(--fs-serif-min);font-style:italic;color:var(--szin-sargarez-vilagos);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px;transition:background-size .5s var(--ease)}
.tlink:hover{background-size:0 1px;background-position:100% 100%}

/* ---------- Fejléc ---------- */
/* Görgetéskor a sáv --hdr-h-ról --hdr-solid magasra „zsugorodik” – csak transformmal (nincs layout-animáció): az egész fejléc
   (háttér + alsó vonal) feljebb csúszik a különbséggel, a tartalomsor a fele különbséggel vissza (függőlegesen középen marad),
   a logó arányosan kicsinyül. A fejléc fix pozíciójú, így a lapon semmi nem ugrik. */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;transition:background-color .5s,border-color .5s,transform .5s var(--ease)}
/* görgetés előtt: a menüszöveg mögött ≥ 85%-os sötét sáv, alul kifut – világos képen is olvasható */
.hdr::before{content:"";position:absolute;inset:0 0 -24px;background:linear-gradient(var(--scrim) 0%,var(--scrim) 70%,transparent);pointer-events:none;transition:opacity .5s}
.hdr.solid{background:color-mix(in srgb,var(--szin-dio-900) 96%,transparent);border-bottom:1px solid var(--vonal)}
.hdr.solid::before{opacity:0}
.hdr-in{position:relative;display:flex;align-items:center;gap:28px;height:var(--hdr-h);max-width:1440px;margin:0 auto;padding:0 var(--gut);transition:transform .5s var(--ease)}
.hdr.solid{transform:translateY(calc(var(--hdr-solid) - var(--hdr-h)))}
.hdr.solid .hdr-in{transform:translateY(calc((var(--hdr-h) - var(--hdr-solid)) / 2))}
.brand{display:flex;align-items:center;text-decoration:none;line-height:0;margin-right:auto;flex:none}
.brand img{height:64px;width:auto;max-width:none;transform-origin:left center;transition:transform .5s var(--ease)}
.hdr.solid .brand img{transform:scale(.875)} /* 64 → 56 px */
/* A menü két sorban, a fejléc 92 px-ébe (zsugorítva 76 px látható) illesztve: fent keskeny segédsor (Támogatások · HU|DE),
   alatta a fő menüsor. Így a segédlinkek nem foglalnak szélességet a menüsorból – a teljes menü mindkét nyelven ≥ 1100 px-en kifér. */
.nav{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.nav>ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.nav a{font-size:var(--fs-menu);font-weight:500;white-space:nowrap;text-decoration:none;color:var(--szin-len);letter-spacing:.015em;position:relative;padding:5px 0;display:inline-block}
.nav>ul>li>a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--szin-sargarez);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.nav>ul>li>a:hover::after,.nav>ul>li:focus-within>a::after,.nav a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.has-sub{position:relative}
.sub{position:absolute;top:100%;left:-22px;min-width:230px;list-style:none;margin:0;padding:14px 0;background:var(--szin-dio-800);border:1px solid var(--vonal-eros);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .3s var(--ease),visibility 0s .3s}
.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.sub a{display:block;padding:5px 22px;font-family:var(--serif);font-size:var(--fs-serif-min);font-weight:400;letter-spacing:0;line-height:1.3}
.sub a:hover,.sub a[aria-current]{color:var(--szin-sargarez-vilagos)}
.nyelv{display:flex;gap:2px;font-size:var(--fs-apro);font-weight:500;letter-spacing:.08em;border:1px solid var(--keret-len);padding:2px}
.nyelv a{padding:4px 9px;font-size:var(--fs-apro);font-weight:500;letter-spacing:.08em;text-decoration:none;color:var(--szin-len-halk)}
.hdr-util .nyelv{padding:1px}
.nav .hdr-util .nyelv a{padding:2px 8px;line-height:1.3}
.nyelv a[aria-current]{background:var(--szin-len);color:var(--szin-dio-950)}
.hdr .btn{min-height:46px;padding:0 22px;font-size:var(--fs-kis)}
/* Támogatások: másodlagos, de görgetés nélkül elérhető menüpont (RRF KTK) – a menüsor fölötti segédsorban, a nyelvváltó előtt */
.hdr-util{display:flex;align-items:center;gap:20px}
.nav .hdr-util a.hdr-tam{padding:2px 0;line-height:1.3}
.nav a.hdr-tam,.drawer a.hdr-tam{font-size:var(--fs-apro);font-weight:500;letter-spacing:.02em;color:var(--szin-len-halk);text-decoration:underline;text-decoration-color:var(--szin-sargarez-melyen);text-underline-offset:5px;white-space:nowrap}
.nav a.hdr-tam:hover,.drawer a.hdr-tam:hover,.nav a.hdr-tam[aria-current]{color:var(--szin-sargarez-vilagos)}
.burger{display:none;width:48px;height:48px;background:none;border:1px solid var(--keret-len);color:var(--szin-len);cursor:pointer;position:relative;flex:none}
.burger i{position:absolute;left:13px;right:13px;height:1px;background:currentColor;transition:transform .4s var(--ease),opacity .3s}
.burger i:nth-child(1){top:18px}.burger i:nth-child(2){top:23.5px}.burger i:nth-child(3){top:29px}
.menu-open .burger i:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.menu-open .burger i:nth-child(2){opacity:0}
.menu-open .burger i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
/* mobil fiók */
.drawer{position:fixed;inset:0;z-index:45;background:var(--szin-dio-950);padding:calc(var(--hdr-h) + 16px) var(--gut) calc(var(--sav-h) + 40px);overflow:auto;opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s}
.menu-open{overflow:hidden}
.menu-open .drawer{opacity:1;visibility:visible;transition-delay:0s}
.drawer ul{list-style:none;margin:0;padding:0}
.drawer>ul>li{border-bottom:1px solid var(--vonal)}
.drawer>ul>li>a{display:block;font-family:var(--serif);font-size:32px;font-weight:400;padding:12px 0;text-decoration:none}
.drawer .subm{display:flex;flex-wrap:wrap;gap:6px 18px;padding:0 0 16px}
.drawer .subm a{font-size:var(--fs-torzs);color:var(--szin-len-szoveg);text-decoration:none;padding:4px 0}
.drawer .btn{margin-top:28px;width:100%}
.drawer-util{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid var(--vonal)}
.drawer .nyelv{display:inline-flex}
html.no-js .burger{display:none!important}
html.no-js .ftr-btn{display:none}

/* ---------- Fotókeret és feltárás (közös) ---------- */
.ph{position:relative;overflow:hidden;background:var(--szin-dio-700);isolation:isolate;display:block}
.ph .px{position:absolute;inset:-8% 0;will-change:transform;display:block}
.ph img{width:100%;height:100%;object-fit:cover;filter:sepia(.1) saturate(.9) contrast(1.04) brightness(.96);transform:scale(1.001);transition:transform 1.6s var(--ease)}
.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--szin-dio-900) 38%,transparent));pointer-events:none;z-index:2}
.ph::before{content:"";position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--szin-sargarez-vilagos) 28%,transparent);z-index:3;pointer-events:none}
.ph .cv{position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,var(--szin-dio-800),var(--szin-dio-700));transform-origin:100% 50%;pointer-events:none;display:block}
html:not(.js) .ph .cv{display:none}
.js .ph.rev img{transform:scale(1.16)}
.js .ph.rev .cv{transform:scaleX(1)}
.js .ph.rev.in img{transform:scale(1.001);transition:transform 2.2s var(--ease) .1s}
.js .ph.rev.in .cv{transform:scaleX(0);transition:transform 1s var(--ease-io)}
a.ph:hover img,.card:hover .ph img{transform:scale(1.045)}

/* Szövegfeltárás: .split > .ln > span (soronként), .fade (+ .d1–.d3 késleltetés), .inlay (sárgaréz vonal).
   Rejteni CSAK .js alatt szabad – JS nélkül minden látszik. */
.ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.ln>span{display:block}
.js .split .ln>span{transform:translateY(105%);transition:transform 1.25s var(--ease)}
.js .split.in .ln>span{transform:none}
.js .split.in .ln:nth-child(2)>span{transition-delay:.1s}
.js .split.in .ln:nth-child(3)>span{transition-delay:.2s}
.js .split.in .ln:nth-child(4)>span{transition-delay:.3s}
.js .fade{opacity:0;transform:translateY(18px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.js .fade.in{opacity:1;transform:none}
.js .fade.d1{transition-delay:.12s}.js .fade.d2{transition-delay:.24s}.js .fade.d3{transition-delay:.36s}
.inlay{display:block;height:1px;background:linear-gradient(90deg,var(--szin-sargarez-melyen),var(--szin-sargarez-vilagos) 50%,var(--szin-sargarez-melyen));transform-origin:0 50%}
.js .inlay{transform:scaleX(0);transition:transform 1.6s var(--ease-io)}
.js .inlay.in{transform:scaleX(1)}
/* biztonsági háló: ha a page.js nem futott le, a fejben indított időzítő mindent megmutat */
.reveal-fail .fade,.reveal-fail .split .ln>span,.reveal-fail .inlay,.reveal-fail .ph.rev img{opacity:1!important;transform:none!important}
.reveal-fail .ph .cv{display:none}

/* ---------- Lábléc ---------- */
.ftr{background:var(--szin-dio-950);padding:clamp(80px,10vw,130px) 0 60px;overflow:hidden}
/* JS nélkül a rögzített doboz a lábléc alján is ott marad: helyet hagyunk neki (138 px + rés) */
.no-js .ftr{padding-bottom:170px}
.ftr-logo{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-bottom:48px;margin-bottom:56px;border-bottom:1px solid var(--vonal)}
.ftr-logo img{height:clamp(110px,10vw,140px);width:auto;max-width:100%}
.ftr-logo p{font-family:var(--serif);font-style:italic;font-size:clamp(var(--fs-serif-min),1.8vw,26px);color:var(--szin-len);margin:0;max-width:30ch}
.ftr-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.ftr-h{font-size:var(--fs-serif-min);color:var(--szin-sargarez-vilagos);margin-bottom:14px;font-weight:400}
.ftr ul{list-style:none;padding:0;margin:0;font-size:var(--fs-kis);color:var(--szin-len-halk)}
.ftr li{padding:4px 0}
.ftr a{text-decoration:none}
.ftr a:hover{color:var(--szin-sargarez-vilagos)}
.legal{margin-top:70px;padding-top:24px;border-top:1px solid var(--vonal);display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;font-size:var(--fs-apro);color:var(--szin-len-halvany)}
.legal nav{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.ftr-btn{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.ftr-btn:hover{color:var(--szin-sargarez-vilagos)}

/* ---------- Rögzített elemek ---------- */
/* Széchenyi infoblokkok (Terv Plusz + 2020): jobb alsó sarok (a kép íve a sarokhoz illeszkedik); mobilon a gyorssáv (és a sütisáv) fölött */
.szechenyi{position:fixed;right:0;bottom:0;z-index:43;width:176px;line-height:0;background:var(--szin-feher);box-shadow:0 10px 30px color-mix(in srgb,var(--szin-dio-950) 45%,transparent);transition:transform .4s var(--ease),opacity .3s,visibility 0s}
/* a lábléc látszik → a rögzített doboz eltűnik (a láblécben saját, helyet foglaló példány van); keskeny nézetben a sütisáv alatt sem látszik */
.lab-on .szechenyi{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.ftr-szechenyi{display:block;width:200px;margin:40px 0 0 auto;line-height:0;background:var(--szin-feher)}
.ftr-szechenyi img{width:100%;height:auto}
.szechenyi img{width:100%;height:auto}
.szechenyi>a{display:block}
.szechenyi-x{position:absolute;top:0;left:0;transform:translate(-40%,-40%);width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid var(--szin-sargarez);background:var(--szin-dio-900);color:var(--szin-len);font:500 20px/1 var(--sans);cursor:pointer}
.szechenyi-x[hidden]{display:none}
.szechenyi-x:hover{background:var(--szin-dio-950)}
.szechenyi-x:focus-visible{outline:2px solid var(--szin-sargarez);outline-offset:2px}
.sz-zarva .szechenyi{display:none}
/* két infoblokk egymás alatt: felül a Széchenyi Terv Plusz sáv, alul a Széchenyi 2020 (íve a sarokba illik) */
.szechenyi img,.ftr-szechenyi img{display:block}
.sz-plusz{border-bottom:1px solid color-mix(in srgb,var(--szin-szechenyi-kek) 18%,transparent)}
.szechenyi:hover{transform:translateY(-3px)}
/* Sütisáv: asztalin egy sor bal alul (≤ 64 px), a Széchenyi-dobozig sem ér el */
.cookie{position:fixed;left:20px;bottom:20px;z-index:41;max-width:calc(100% - 260px);background:var(--szin-dio-800);border:1px solid var(--vonal-eros);padding:9px 10px 9px 18px;font-size:var(--fs-apro);color:var(--szin-len-halk);box-shadow:0 20px 50px color-mix(in srgb,var(--szin-dio-950) 45%,transparent);display:flex;align-items:center;gap:18px}
.cookie[hidden]{display:none}
.cookie p{margin:0;line-height:1.4}
.cookie a{color:var(--szin-sargarez-vilagos)}
.cookie-b{display:flex;gap:8px;flex:none}
.cookie button{font:inherit;font-size:var(--fs-apro);font-weight:500;min-height:40px;padding:0 14px;white-space:nowrap;cursor:pointer;border:1px solid var(--keret-len);background:transparent;color:var(--szin-len)}
.mobil-sav{display:none}

/* ---------- Reszponzív ---------- */
/* közepes laptopszélességen szorosabb (de ≥ 1em-es) közök, keskenyebb gomb – a felirat és a betűméret marad */
@media (max-width:1279px){
  .hdr-in{gap:22px}
  .nav>ul{gap:18px}
  .hdr .btn{padding:0 18px}
}
/* a teljes asztali menü ≥ 1100 px-en (HU és DE is; mérve 1000–1440 px között 20 px-enként), alatta a mobil fiók */
@media (max-width:1099px){
  .nav>ul,.hdr-util{display:none}
  .burger{display:block}
}
@media (max-width:1023px){
  .ck-on .szechenyi{opacity:0;visibility:hidden}
  .cookie{max-width:calc(100% - 40px)}
}
@media (max-width:980px){
  .ftr-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  :root{--hdr-h:70px;--hdr-solid:64px;--sav-h:calc(66px + env(safe-area-inset-bottom))}
  body{font-size:var(--fs-torzs)}
  .hdr .btn{display:none}
  .brand img{height:46px}
  .hdr.solid .brand img{transform:none}
  .ftr-grid{grid-template-columns:1fr}
  .ftr{padding-bottom:calc(var(--sav-h) + var(--ck) + 32px)}
  .no-js .ftr{padding-bottom:calc(var(--sav-h) + 110px)}
  .ftr-szechenyi{width:150px;margin-top:32px}
  .mobil-sav{display:grid;grid-template-columns:1.6fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:42;background:var(--szin-dio-950);border-top:1px solid var(--vonal-eros);padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .mobil-sav a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;text-decoration:none;font-weight:500;font-size:15px}
  .mobil-sav .m1{background:var(--szin-sargarez);color:var(--szin-dio-950)}
  .mobil-sav .m2{border:1px solid var(--keret-len);color:var(--szin-len)}
  .mobil-sav svg{width:18px;height:18px}
  .szechenyi{width:150px;bottom:var(--sav-h)}
  .cookie{left:0;right:0;bottom:var(--sav-h);max-width:none;padding:8px 10px;gap:6px;flex-wrap:wrap;border-left:0;border-right:0;font-size:var(--fs-apro)}
  .cookie p{flex:1 1 100%;line-height:1.35}
  .cookie-b{flex:1 1 100%;flex-wrap:nowrap}
  .cookie-b button{flex:1 1 0;min-width:0;min-height:40px;font-size:var(--fs-apro);padding:0 6px}
}

/* Mozgáscsökkentés: minden statikusan látszik */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .ph.rev img,.js .ph.rev .cv{transform:none!important}
  .js .ph.rev .cv{display:none}
  .js .split .ln>span{transform:none!important}
  .js .fade{opacity:1!important;transform:none!important}
  .js .inlay{transform:none!important}
  .ph .px{transform:none!important;inset:0}
  .btn{transform:none!important}
}

/* ---------- Űrlapok (felmérés + ajtó-ajánlat) – világos "juhar" szakaszon ---------- */
.urlap{color:var(--szin-tinta)}
.urlap-elo{font-family:var(--serif);font-style:italic;font-size:var(--fs-serif-min);line-height:1.35;color:var(--szin-tinta);margin:0 0 26px;padding-left:16px;border-left:2px solid var(--szin-sargarez-melyen)}
.urlap-hiba{margin:0 0 26px;padding:18px 20px;border:1px solid var(--szin-hiba);border-left-width:4px;background:var(--szin-urlap-mezo);color:var(--szin-tinta)}
.urlap-hiba{scroll-margin-top:calc(var(--hdr-h) + 16px)}
.urlap-hiba:focus{outline:2px solid var(--szin-hiba);outline-offset:2px}
.urlap-hiba[hidden]{display:none}
.urlap-hiba[hidden]:target{display:block} /* JS nélkül: a PHP ?hiba=<kód>#hiba-<kód>-ra irányít vissza */
.urlap-hiba p{margin:0 0 6px}
.urlap-hiba-cim{font-family:var(--serif);font-size:var(--fs-serif-min);font-weight:500;color:var(--szin-hiba)}
.urlap-hiba-tel a{color:var(--szin-tinta);font-weight:600}
form.f{display:grid;gap:30px}
.f fieldset{border:0;margin:0;padding:0;min-width:0}
.f legend{display:block;font-family:var(--serif);font-size:var(--fs-serif-min);line-height:1.2;font-weight:500;color:var(--szin-tinta);margin-bottom:12px;padding:0}
.f legend small,.f label.fl small{font-family:var(--sans);font-size:var(--fs-apro);font-weight:400;color:var(--szin-tinta-halk);margin-left:6px}
.f .row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.f .row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.f .nyit{margin-top:18px}
.f .fld{min-width:0}
.f input[type=text],.f input[type=email],.f input[type=tel],.f select,.f textarea{width:100%;font:inherit;font-size:16px;color:var(--szin-tinta);background:var(--szin-urlap-mezo);border:0;border-bottom:1px solid var(--szin-tinta-halk);padding:12px;border-radius:0;transition:border-color .3s,background-color .3s;min-height:48px}
.f select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--szin-tinta) 50%),linear-gradient(135deg,var(--szin-tinta) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.f textarea{min-height:120px;resize:vertical}
.f input::placeholder,.f textarea::placeholder{color:var(--szin-tinta-halk);opacity:1}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-bottom-color:var(--szin-sargarez-szoveg);background:var(--szin-feher);box-shadow:0 2px 0 var(--szin-sargarez-szoveg)}
.f [aria-invalid=true]{border-bottom-color:var(--szin-hiba)}
.f label.fl{display:block;font-size:var(--fs-kis);color:var(--szin-tinta-halk);margin-bottom:6px}
.f .csillag{color:var(--szin-hiba)}
.fhiba{margin:6px 0 0;font-size:14px;font-weight:500;color:var(--szin-hiba)}
.fhiba[hidden]{display:none}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid var(--szin-tinta-halk);border-radius:40px;font-size:15px;background:var(--szin-urlap-chip);transition:background-color .25s,color .25s,border-color .25s}
.chip span::before{content:"";width:8px;height:8px;border:1px solid currentColor;transform:rotate(45deg);transition:background-color .25s}
.chip input:checked+span{background:var(--szin-tinta);color:var(--szin-juhar);border-color:var(--szin-tinta)}
.chip input:checked+span::before{background:var(--szin-sargarez)}
.chip input:focus-visible+span{outline:2px solid var(--szin-sargarez-szoveg);outline-offset:2px}
.chip:hover span{border-color:var(--szin-tinta)}
.f fieldset[aria-invalid=true] .chip span{border-color:var(--szin-hiba)}
.file{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;padding:16px;border:1px dashed var(--szin-tinta-halk);background:var(--szin-urlap-chip)}
.fbtn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--szin-tinta);font-size:var(--fs-kis);font-weight:500;cursor:pointer;transition:background-color .25s,color .25s}
.fbtn:hover{background:var(--szin-tinta);color:var(--szin-juhar)}
.file input:focus-visible+.fbtn{outline:2px solid var(--szin-sargarez-szoveg);outline-offset:2px}
.file small{color:var(--szin-tinta-halk);font-size:var(--fs-apro);min-width:0;overflow-wrap:anywhere}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-kis);color:var(--szin-tinta-halk)}
.consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--szin-tinta);flex:none}
.consent a{color:var(--szin-tinta)}
.f .submit{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.f .submit small{color:var(--szin-tinta-halk);font-size:var(--fs-apro)}
.darab-megjegyzes{font-size:var(--fs-torzs);color:var(--szin-tinta);background:var(--szin-jegyzet);border-left:2px solid var(--szin-sargarez-szoveg);padding:14px 18px;margin:14px 0 0}
.darab-megjegyzes[hidden]{display:none}
.darab-megjegyzes:not([hidden]){animation:urlap-jegyzet .6s var(--ease)}
@keyframes urlap-jegyzet{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.urlap-live{margin:0;font-weight:500;color:var(--szin-hiba)}
.urlap-live:empty{display:none}
/* honeypot: vizuálisan rejtett, nem fókuszálható, a képernyőolvasó sem látja */
.mh{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
@media (max-width:760px){
  .f .row,.f .row3{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.darab-megjegyzes:not([hidden]){animation:none}}

/* =====================================================================================================
   FŐOLDAL (a2 szakaszai: hero, munkaink, nem-katalogus, reszletek, ajtok, epiteszeknek, felmeres-menete, urlap)
   Mozgás csak transform/opacity; rejtés csak .js alatt (a feltárást a page.js végzi); a mozgást a home.js adja.
   ===================================================================================================== */
.ph picture{display:block;width:100%;height:100%}
section[id]{scroll-margin-top:var(--hdr-h)}

/* Lenis (csak asztalon tölti be a home.js) */
html.lenis,html.lenis body{height:auto}
html.lenis,.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* ---------- Hero ---------- */
/* A szöveg mögött mindig ≥ 0,88-as sötét lap (--scrim): asztalon balról, a szövegoszlop teljes szélességében,
   utána fut ki; mobilon a kép alul belefut a tömör háttérbe, és a szöveg csak a ≥ 0,88-as részen kezdődik. */
.hero{--hero-w:min(700px,calc(100vw - 2*var(--gut)));--hero-scrim:calc(max(0px,(100vw - var(--wrap))/2) + var(--gut) + var(--hero-w) + 40px);
  --hero-alj:max(clamp(96px,12vh,140px),calc(var(--ck) + 56px));
  position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--szin-dio-950)}
.slides{position:absolute;inset:0;overflow:hidden}
.slides::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--scrim) 0,var(--scrim) var(--hero-scrim),transparent calc(var(--hero-scrim) + 24vw))}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 2.2s ease}
.slide.on{opacity:1}
.slide picture,.slide img{display:block;width:100%;height:100%}
.slide img{object-fit:cover;filter:sepia(.12) saturate(.88) contrast(1.06) brightness(.9);transform-origin:var(--o,50% 50%)}
.js .slide.on img,.js .slide.was img{animation:kb 16s linear forwards}
@keyframes kb{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.14) translate3d(var(--kx,-1.5%),var(--ky,-1%),0)}}
.hero-c{position:relative;z-index:3;width:100%;padding-top:calc(var(--hdr-h) + 40px);padding-bottom:var(--hero-alj)}
.hero-szoveg{max-width:var(--hero-w)}
.hero h1{font-size:clamp(44px,5.6vw,88px);font-weight:300;line-height:1;letter-spacing:-.012em}
.hero h1 em{font-style:italic;font-weight:300;color:var(--szin-sargarez-vilagos)}
.hero .meta{font-family:var(--serif);font-style:italic;font-size:var(--fs-serif-min);color:var(--szin-sargarez);margin-bottom:26px;display:flex;align-items:center;gap:14px}
.hero .meta::before{content:"";width:44px;height:1px;background:currentColor}
.hero .lead{margin:30px 0 38px;color:var(--szin-len-halk);max-width:52ch}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px}
.hero-side{position:absolute;right:var(--gut);bottom:max(var(--hero-alj),164px);z-index:3;width:280px;text-align:right;background:var(--scrim);padding:14px 18px}
.hero-side .cap{font-size:var(--fs-kis);line-height:1.45;color:var(--szin-len);min-height:2.9em;transition:opacity .6s}
.hero-side .count{font-size:var(--fs-apro);font-weight:500;letter-spacing:.1em;color:var(--szin-len-halk);margin-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:12px}
.hero-side .bar{width:120px;height:1px;background:var(--vonal-eros);position:relative;overflow:hidden}
.hero-side .bar i{position:absolute;inset:0;background:var(--szin-sargarez);transform-origin:0 50%;transform:scaleX(0)}
.hero-side .bar i.run{animation:bar 7s linear forwards}
/* diavetítés megállítása (WCAG 2.2.2): JS mutatja, csak ha van automatikus lejátszás; az állapotot csak a gomb váltja (.hero.paused) */
.hero-pause{position:absolute;z-index:4;top:calc(var(--hdr-h) + 20px);right:var(--gut);width:44px;height:44px;display:grid;place-items:center;
  background:var(--scrim);border:1px solid var(--vonal-eros);color:var(--szin-len);cursor:pointer}
.hero-pause[hidden]{display:none}
.hero-pause:hover{border-color:var(--szin-sargarez)}
.hero-pause .ic{width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor}
.hero-pause[aria-pressed="true"] .ic{width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent currentColor}
.hero.paused .slide img{animation-play-state:paused}
.hero.paused .hero-side .bar i{animation-play-state:paused}
@keyframes bar{to{transform:scaleX(1)}}
.scrollcue{position:absolute;left:50%;bottom:28px;z-index:3;width:1px;height:56px;background:var(--vonal);overflow:hidden}
.scrollcue::after{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:var(--szin-sargarez);animation:cue 2.6s var(--ease-io) infinite}
@keyframes cue{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}

/* ---------- Munkáink: filmszalag ---------- */
.works{padding:clamp(80px,10vw,140px) 0 clamp(80px,10vw,130px);background:var(--szin-dio-900)}
.works-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:clamp(36px,4vw,56px)}
.works-side{justify-self:end;max-width:46ch}
.works-side .lead{margin:0 0 22px}
.works-pin{position:relative}
.works-scroll{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.works-scroll::-webkit-scrollbar{display:none}
.track{display:flex;gap:clamp(14px,2vw,28px);padding-inline:var(--gut);width:max-content}
.work{flex:none;width:min(78vw,360px);scroll-snap-align:start;margin:0}
.work .ph{aspect-ratio:4/5}
.work figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:16px;padding-top:12px;border-top:1px solid var(--vonal)}
.work h3{font-size:clamp(var(--fs-serif-min),1.7vw,26px);font-weight:400;line-height:1.15}
.work .cat{font-size:var(--fs-apro);font-weight:500;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--szin-sargarez);white-space:nowrap;text-decoration:none}
.work .cat:hover{color:var(--szin-sargarez-vilagos)}
.work:hover .ph img{transform:scale(1.045)}
.works-foot{margin-top:clamp(24px,3vw,40px)}
.cats{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.cats a{display:inline-block;font-size:var(--fs-kis);font-weight:500;padding:7px 16px;border:1px solid var(--vonal-eros);border-radius:40px;text-decoration:none;color:var(--szin-len-halk);transition:color .3s,border-color .3s,background-color .3s}
.cats a{display:inline-flex;align-items:center;gap:8px;padding:7px 14px}
.cats-n{display:inline-flex;align-items:center;gap:5px;color:var(--szin-sargarez);font-weight:400}
.cats-n svg{flex:none}
@media (max-width:1199px){.cats{gap:6px}.cats a{padding:6px 11px}}
.cats a:hover .cats-n{color:inherit}
.cats a:hover{color:var(--szin-dio-950);background:var(--szin-sargarez);border-color:var(--szin-sargarez)}
.wnav{display:none;gap:12px;margin-top:22px}
.wnav:not([hidden]){display:flex}
.wbtn{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--szin-sargarez);background:transparent;color:var(--szin-sargarez);cursor:pointer;transition:background-color .3s,color .3s,border-color .3s,opacity .3s}
.wbtn:hover:not(:disabled){background:var(--szin-sargarez);color:var(--szin-dio-950)}
.wbtn:focus-visible{outline:2px solid var(--szin-sargarez-szoveg);outline-offset:3px}
.wbtn:disabled{opacity:.3;cursor:default;border-color:var(--vonal-eros);color:var(--szin-len-halk)}
.works-scroll.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.works-scroll.drag a{pointer-events:none}
@media (min-width:1024px){.works-scroll{cursor:grab;-webkit-mask-image:linear-gradient(90deg,var(--szin-dio-900) calc(100% - 96px),transparent);mask-image:linear-gradient(90deg,var(--szin-dio-900) calc(100% - 96px),transparent)}.works-scroll.end{-webkit-mask-image:none;mask-image:none}}
.wprog{display:flex;align-items:center;gap:14px;font-size:var(--fs-apro);font-weight:500;letter-spacing:.1em;color:var(--szin-len-halk)}
.progress{width:clamp(120px,16vw,220px);height:1px;background:var(--vonal-eros);overflow:hidden}
.progress i{display:block;height:100%;background:var(--szin-sargarez);transform:scaleX(0);transform-origin:0 50%}
@media (min-width:1024px){
  .work{width:auto}
  .work .ph{height:clamp(240px,calc(100vh - 500px),560px);width:auto;aspect-ratio:4/5}
  .work.wide .ph{aspect-ratio:3/2}
}

/* ---------- Nem katalógusból ---------- */
.intro{padding:clamp(96px,13vw,180px) 0 clamp(80px,10vw,140px);background:linear-gradient(180deg,var(--szin-dio-950),var(--szin-dio-900))}
.intro-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,110px);align-items:start}
.intro .big{font-family:var(--serif);font-size:clamp(28px,3.3vw,48px);font-weight:300;line-height:1.18;color:var(--szin-len)}
.intro .big em{color:var(--szin-sargarez-vilagos)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-top:1px solid var(--vonal-eros)}
.facts div{padding:32px 32px 0 0}
.facts div+div{padding-left:32px;border-left:1px solid var(--vonal)}
.facts b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.2vw,48px);line-height:1.05;font-variant-numeric:lining-nums;color:var(--szin-sargarez-vilagos)}
.facts span{display:block;font-size:var(--fs-kis);color:var(--szin-len-halk);margin-top:12px;max-width:28ch}

/* ---------- A különbség a részletekben ---------- */
.craft{padding:clamp(100px,13vw,190px) 0;background:var(--szin-dio-900);overflow:hidden}
.craft-top{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,6vw,100px);align-items:end;margin-bottom:clamp(64px,8vw,120px)}
.craft-top .lead{color:var(--szin-len-szoveg)}
.details{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px)}
.detail .ph{aspect-ratio:4/5}
.detail:nth-child(2){margin-top:90px}
.detail:nth-child(3){margin-top:30px}
.detail h3{font-size:30px;margin:26px 0 12px;font-weight:400}
.detail p{color:var(--szin-len-halk);font-size:var(--fs-torzs);max-width:38ch}
.ledger{margin-top:clamp(90px,11vw,160px);border:1px solid var(--vonal-eros);background:var(--szin-dio-800)}
.ledger-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;padding:26px clamp(20px,3vw,40px);border-bottom:1px solid var(--vonal-eros)}
.ledger-head h3{font-size:clamp(28px,2.6vw,38px);font-weight:400}
.ledger-head span{color:var(--szin-len-halk);font-size:var(--fs-kis)}
.ledger dl{margin:0;display:grid;grid-template-columns:220px 1fr}
.ledger dt,.ledger dd{padding:22px clamp(20px,3vw,40px);border-bottom:1px solid var(--vonal);margin:0}
.ledger dt{font-family:var(--serif);font-size:var(--fs-serif-min);line-height:1.2;color:var(--szin-sargarez-vilagos);border-right:1px solid var(--vonal)}
.ledger dd{color:var(--szin-len-szoveg);font-size:var(--fs-torzs)}
.ledger dd ul{margin:0;padding:0;list-style:none;columns:2;column-gap:40px}
.ledger dd li{padding:3px 0 3px 18px;position:relative;break-inside:avoid}
.ledger dd li::before{content:"";position:absolute;left:0;top:.85em;width:8px;height:1px;background:var(--szin-sargarez)}
.ledger dl>*:nth-last-child(-n+2){border-bottom:0}
.ledger a{color:var(--szin-sargarez-vilagos)}
.craft-foot{margin-top:clamp(40px,5vw,64px);display:flex;justify-content:flex-end}

/* ---------- Beltéri ajtók ---------- */
.doors{padding:clamp(100px,13vw,190px) 0;background:linear-gradient(180deg,var(--szin-dio-800),var(--szin-dio-900))}
.doors-grid{display:grid;grid-template-columns:5fr 6fr;gap:clamp(40px,7vw,120px);align-items:center}
.doors-lead{margin-top:28px}
.doors ul.pts{list-style:none;padding:0;margin:34px 0 40px}
.doors ul.pts li{padding:16px 0 16px 34px;border-top:1px solid var(--vonal);position:relative;color:var(--szin-len-szoveg)}
.doors ul.pts li::before{content:"";position:absolute;left:4px;top:25px;width:9px;height:9px;border:1px solid var(--szin-sargarez);transform:rotate(45deg)}
.doors ul.pts strong{font-weight:500;color:var(--szin-len)}
.project-note{border-left:1px solid var(--szin-sargarez);padding:4px 0 4px 22px;margin:0 0 30px;font-family:var(--serif);font-size:24px;line-height:1.3;font-style:italic;color:var(--szin-len)}
.dstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,24px);margin-top:clamp(80px,10vw,140px)}
.dstrip .ph{aspect-ratio:2/3}
.dstrip figure{margin:0}
.dstrip figure:nth-child(even){transform:translateY(48px)}
.dstrip figcaption{color:var(--szin-len-halk);font-size:var(--fs-kis);line-height:1.45;margin-top:12px}
/* szálirány-választó: rádiógombok + :has() – JS nélkül is vált. A furnér valódi textúra (furner.avif/webp, a cég saját fotójából):
   minden mezőben egy .sh „lap” = 3 könyvszerűen tükrözött csík, amit a mező --rot/--sx/--dx/--dy értékei forgatnak, tükröznek, tolnak.
   Méretek a szárny/tok konténeréhez (cqw/cqh) kötve, így minden szélességen ugyanaz a kép. Váltás: lágy törlés a szál mentén
   (mask) + áttűnés; az új minta a régi fölé úszik, a régi csak utána tűnik el. Mozgáscsökkentésnél azonnali. */
.config{--feny:color-mix(in srgb,var(--szin-sargarez-vilagos) 8%,transparent);--arnyek:color-mix(in srgb,var(--szin-dio-950) 18%,transparent);
  --rez-v:var(--szin-sargarez-vilagos);--rez:var(--szin-sargarez);--rez-m:var(--szin-sargarez-melyen);
  display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center}
.jamb{position:relative;container-type:size;width:clamp(200px,19vw,268px);aspect-ratio:268/600;padding:14px 14px 0;background:linear-gradient(90deg,var(--szin-dio-700),var(--szin-dio-600) 12%,var(--szin-dio-700) 50%,var(--szin-dio-600) 88%,var(--szin-dio-700));
  box-shadow:0 40px 80px -30px color-mix(in srgb,var(--szin-dio-950) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--szin-dio-950) 35%,transparent)}
.jamb::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(90deg,color-mix(in srgb,var(--szin-len) 10%,transparent),transparent 4%,transparent 96%,color-mix(in srgb,var(--szin-dio-950) 28%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--szin-len) 12%,transparent),transparent 3%)}
.tok{position:absolute;overflow:hidden;--tw:58cqw}
.tok .sh{filter:brightness(.66) saturate(.92) contrast(1.05)}
.tok-b{left:0;top:0;bottom:0;width:14px}
.tok-j{right:0;top:0;bottom:0;width:14px;--dy:-40cqw;--sx:-1}
.tok-f{left:0;right:0;top:0;height:14px;--rot:90deg;box-shadow:0 1px 0 color-mix(in srgb,var(--szin-dio-950) 35%,transparent)}
.leaf{position:absolute;inset:14px 14px 0;z-index:2;container-type:size;overflow:hidden;--tw:70cqw;
  background:linear-gradient(100deg,var(--szin-furner-1),var(--szin-furner-3) 30%,var(--szin-furner-2) 55%,var(--szin-furner-4) 80%,var(--szin-furner-1));
  box-shadow:0 0 0 1.5px var(--szin-dio-950),0 0 0 2.5px color-mix(in srgb,var(--szin-len) 8%,transparent),6px 0 14px -4px color-mix(in srgb,var(--szin-dio-950) 55%,transparent)}
.leaf::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--szin-sargarez-vilagos) 16%,transparent) 46%,transparent 60%);pointer-events:none;z-index:5;transform:translateX(var(--sheen,0%));transition:transform 1.2s var(--ease)}
.sh{position:absolute;left:50%;top:50%;display:flex;width:calc(var(--tw)*3);height:calc(var(--tw)*5.436);
  transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px))) rotate(var(--rot,0deg)) scaleX(var(--sx,1))}
.sh picture{display:block;flex:none}
.ve{display:block;width:var(--tw);height:auto;max-width:none}
.ve.tk{transform:scaleX(-1);filter:brightness(1.07) saturate(.95)}
.m{position:absolute;overflow:hidden}
.pat{position:absolute;inset:0;z-index:1;opacity:0;
  -webkit-mask-image:linear-gradient(180deg,var(--szin-dio-950) 0 42%,transparent 58% 100%);mask-image:linear-gradient(180deg,var(--szin-dio-950) 0 42%,transparent 58% 100%);
  -webkit-mask-size:100% 260%;mask-size:100% 260%;-webkit-mask-position:0 100%;mask-position:0 100%;
  transition:opacity .25s linear .6s,-webkit-mask-position 0s linear .85s,mask-position 0s linear .85s}
.config:has(input[value=sik]:checked) .p-sik,.config:has(input[value=hal]:checked) .p-hal,
.config:has(input[value=val]:checked) .p-val,.config:has(input[value=bet]:checked) .p-bet{z-index:2;opacity:1;-webkit-mask-position:0 0;mask-position:0 0;
  transition:opacity .45s var(--ease),-webkit-mask-position .65s var(--ease),mask-position .65s var(--ease)}
@supports not selector(:has(*)){.p-sik{opacity:1;-webkit-mask-position:0 0;mask-position:0 0}}
/* 1. sík: egy mező, a lap 3 csíkja két függőleges, könyvszerű illesztést ad */
.p-sik .m{inset:0}
/* 2. halszálka: két fél, ellentétes átlós szál, a középvonalon tükörben találkozik */
.p-hal .h1{left:0;top:0;bottom:0;width:50%;--rot:36deg;--dy:-30cqw}
.p-hal .h2{right:0;top:0;bottom:0;width:50%;--rot:-36deg;--sx:-1;--dy:-30cqw}
.p-hal::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;margin-left:-.5px;background:linear-gradient(180deg,color-mix(in srgb,var(--szin-dio-950) 45%,transparent),color-mix(in srgb,var(--szin-dio-950) 30%,transparent));box-shadow:1px 0 0 color-mix(in srgb,var(--szin-len) 7%,transparent)}
/* 3. váltakozó: álló és fekvő szálú sávok, a sávok között finom illesztés */
.p-val .m{left:0;right:0;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--szin-dio-950) 42%,transparent),inset 0 2px 0 color-mix(in srgb,var(--szin-len) 6%,transparent)}
.p-val .b1{top:0;height:24%;box-shadow:none}
.p-val .b2{top:24%;height:14%;--dx:-30cqw}
.p-val .b3{top:38%;height:24%;--dy:60cqw;--sx:-1}
.p-val .b4{top:62%;height:14%;--dx:40cqw;--sx:-1}
.p-val .b5{top:76%;height:24%;--dy:-80cqw}
.fx{--rot:90deg}
/* 4. betétes: álló szárfák (álló szál), fekvő keresztfák (fekvő szál, ahogy az asztalos is szabja), két emelt betét profillal */
.p-bet .m{box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--szin-dio-950) 35%,transparent)}
.p-bet .fr-b{left:0;top:0;bottom:0;width:17%;--dx:24cqw}
.p-bet .fr-j{right:0;top:0;bottom:0;width:17%;--dx:-24cqw;--dy:50cqw}
.p-bet .ke1,.p-bet .ke2,.p-bet .ke3{left:17%;right:17%}
.p-bet .ke1{top:0;height:9%;--dx:20cqw}
.p-bet .ke2{top:45.5%;height:9.5%;--dx:-25cqw;--sx:-1}
.p-bet .ke3{top:85%;height:15%;--dx:10cqw}
.p-bet .bt{left:17%;right:17%;--dy:30cqw;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--szin-dio-950) 55%,transparent),0 0 0 2.5px color-mix(in srgb,var(--szin-len) 14%,transparent),0 0 0 4.5px color-mix(in srgb,var(--szin-dio-950) 22%,transparent),0 0 0 6px color-mix(in srgb,var(--szin-len) 8%,transparent)}
.p-bet .b-1{top:9%;height:36.5%}
.p-bet .b-2{top:54.5%;height:30.5%;--dy:-70cqw;--sx:-1}
.p-bet .bt::before{content:"";position:absolute;inset:0;z-index:1;border:7cqw solid;
  border-color:color-mix(in srgb,var(--szin-len) 13%,transparent) color-mix(in srgb,var(--szin-dio-950) 24%,transparent) color-mix(in srgb,var(--szin-dio-950) 34%,transparent) color-mix(in srgb,var(--szin-len) 7%,transparent)}
.p-bet .bt::after{content:"";position:absolute;inset:7cqw;z-index:1;box-shadow:-1px -1px 0 color-mix(in srgb,var(--szin-dio-950) 35%,transparent),1px 1px 0 color-mix(in srgb,var(--szin-len) 16%,transparent),inset 0 0 18px color-mix(in srgb,var(--szin-dio-950) 12%,transparent)}
/* fény: felülről balról érkező szórt fény, alul-jobbra sötétedő szárny, a padló felé enyhe árnyék */
.fenyek{position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(104deg,color-mix(in srgb,var(--szin-len) 13%,transparent),transparent 38%,transparent 62%,color-mix(in srgb,var(--szin-dio-950) 22%,transparent)),
    linear-gradient(180deg,color-mix(in srgb,var(--szin-len) 7%,transparent),transparent 22%,transparent 72%,color-mix(in srgb,var(--szin-dio-950) 26%,transparent)),
    radial-gradient(120% 70% at 28% 22%,color-mix(in srgb,var(--szin-len) 8%,transparent),transparent 60%)}
/* sárgaréz kilincs rozettával és kulcscímkével */
.handle{position:absolute;z-index:6;right:9cqw;top:50%;width:0;height:0}
.handle i{position:absolute;display:block}
.rozetta{width:10cqw;height:10cqw;left:-5cqw;top:-5cqw;border-radius:50%;
  background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--rez-v) 70%,var(--szin-feher)),var(--rez-v) 22%,var(--rez) 55%,var(--rez-m) 100%);
  box-shadow:0 2px 3px color-mix(in srgb,var(--szin-dio-950) 50%,transparent),0 0 0 .5px color-mix(in srgb,var(--szin-dio-950) 40%,transparent),inset 0 -1px 1px color-mix(in srgb,var(--szin-dio-950) 25%,transparent)}
.kar{width:31cqw;height:3.6cqw;right:-1.5cqw;top:-1.8cqw;border-radius:2cqw 1.6cqw 1.6cqw 2cqw;
  background:linear-gradient(180deg,color-mix(in srgb,var(--rez-v) 45%,var(--szin-feher)) 0 8%,var(--rez-v) 26%,var(--rez) 52%,var(--rez-m) 82%,color-mix(in srgb,var(--rez-m) 70%,var(--szin-dio-950)));
  box-shadow:0 4px 5px -1px color-mix(in srgb,var(--szin-dio-950) 50%,transparent),0 1px 1px color-mix(in srgb,var(--szin-dio-950) 30%,transparent),inset 0 0 0 .5px color-mix(in srgb,var(--szin-dio-950) 25%,transparent)}
.kar::before{content:"";position:absolute;left:0;top:-.5cqw;bottom:-.5cqw;width:5cqw;border-radius:2.2cqw;background:inherit}
.cimke{width:6.5cqw;height:6.5cqw;left:-3.25cqw;top:9cqw;border-radius:50%;
  background:radial-gradient(circle at 50% 42%,var(--szin-dio-950) 0 12%,transparent 13%),linear-gradient(var(--szin-dio-950),var(--szin-dio-950)) 50% 62%/1.2cqw 2.4cqw no-repeat,
    radial-gradient(circle at 36% 30%,var(--rez-v),var(--rez) 55%,var(--rez-m));
  box-shadow:0 2px 3px color-mix(in srgb,var(--szin-dio-950) 45%,transparent),0 0 0 .5px color-mix(in srgb,var(--szin-dio-950) 40%,transparent)}
.opts{display:flex;flex-direction:column;gap:6px;min-width:0;border:0;margin:0;padding:0}
.opts .t{color:var(--szin-sargarez);font-size:var(--fs-apro);font-weight:500;letter-spacing:var(--ls-caps);text-transform:uppercase;margin:0 0 10px;padding:0}
.opt{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--vonal);color:var(--szin-len-halk);font-family:var(--serif);font-size:var(--fs-serif-min);padding:12px 0;cursor:pointer;position:relative;transition:color .3s}
.opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.opt i{position:relative;width:10px;height:10px;border:1px solid var(--szin-sargarez);transform:rotate(45deg);flex:none}
.opt i::after{content:"";position:absolute;inset:-1px;background:var(--szin-sargarez);opacity:0;transition:opacity .3s}
.opt:has(input:checked){color:var(--szin-len)}
.opt:has(input:checked) i::after{opacity:1}
.opt:has(input:focus-visible){outline:2px solid var(--szin-sargarez-vilagos);outline-offset:3px}
.opt:hover{color:var(--szin-sargarez-vilagos)}
.optdesc{font-size:var(--fs-torzs);color:var(--szin-len-halk);margin-top:16px;min-height:4.6em}
.optdesc p{margin:0}
.config:has(.opts input) .optdesc p{display:none}
.config:has(input[value=sik]:checked) .optdesc [data-p=sik],.config:has(input[value=hal]:checked) .optdesc [data-p=hal],
.config:has(input[value=val]:checked) .optdesc [data-p=val],.config:has(input[value=bet]:checked) .optdesc [data-p=bet]{display:block}
.note-ill{font-size:var(--fs-apro);color:var(--szin-len-halk);margin:6px 0 0}

/* ---------- Építészeknek ---------- */
.arch{padding:clamp(110px,14vw,200px) 0 clamp(90px,12vw,170px);background:linear-gradient(180deg,var(--szin-dio-900),var(--szin-dio-950))}
.arch-grid{display:grid;grid-template-columns:6fr 5fr;gap:clamp(40px,7vw,120px);align-items:start}
.arch-img{position:relative;margin-bottom:12%}
.arch .ph{aspect-ratio:4/5}
.arch .ph.small{position:absolute;width:44%;aspect-ratio:3/4;right:-8%;bottom:-14%;box-shadow:0 30px 60px -20px color-mix(in srgb,var(--szin-dio-950) 70%,transparent)}
.arch-lead{margin-top:28px}
.arch dl{margin:40px 0 0}
.arch dl div{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--vonal)}
.arch dt{font-family:var(--serif);font-size:24px;color:var(--szin-sargarez-vilagos);line-height:1.2}
.arch dd{margin:0;color:var(--szin-len-szoveg);font-size:var(--fs-torzs)}
.countries{display:flex;flex-wrap:wrap;gap:0 30px;margin:44px 0 40px;padding:0;list-style:none;font-family:var(--serif);font-weight:300;font-size:clamp(30px,3vw,44px);line-height:1.15}
.countries li{display:inline-flex;align-items:baseline;gap:12px}
.countries small{font-family:var(--sans);font-size:var(--fs-apro);font-weight:500;letter-spacing:.1em;color:var(--szin-sargarez);border:1px solid var(--vonal-eros);padding:2px 6px;transform:translateY(-.5em)}
.arch-tovabb{margin:28px 0 0}

/* ---------- A felmérés menete ---------- */
.process{padding:clamp(100px,13vw,190px) 0;background:var(--szin-dio-950);overflow:hidden}
.manifest{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,6vw,100px);align-items:end;margin-bottom:clamp(70px,9vw,130px)}
.steps-wrap{position:relative}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.steps-line{position:absolute;left:0;right:0;top:44px;height:1px;background:var(--vonal)}
.steps-line i{position:absolute;inset:0;background:linear-gradient(90deg,var(--szin-sargarez-melyen),var(--szin-sargarez-vilagos));transform-origin:0 50%;transform:scaleX(var(--p,1))}
.step{padding:0 clamp(14px,2vw,32px) 0 0;position:relative}
.step .num{position:relative;z-index:1;width:88px;height:88px;border:1px solid var(--vonal-eros);border-radius:50%;display:grid;place-items:center;background:var(--szin-dio-950);font-family:var(--serif);font-size:30px;font-style:italic;color:var(--szin-sargarez-vilagos)}
.step .num-fill{position:absolute;inset:-1px;border-radius:50%;display:grid;place-items:center;background:var(--szin-sargarez);color:var(--szin-dio-950);opacity:0;transition:opacity .6s}
.step.lit .num-fill{opacity:1}
.step h3{font-size:30px;margin:30px 0 12px;font-weight:400}
.step p{color:var(--szin-len-halk);font-size:var(--fs-torzs);max-width:30ch}

/* ---------- Űrlap-szakasz (juhar) ---------- */
.form-grid{display:grid;grid-template-columns:4fr 7fr;gap:clamp(40px,7vw,120px);align-items:start}
.form-aside{position:sticky;top:calc(var(--hdr-h) + 24px)}
.form-aside .h-l{margin-bottom:28px}
.contact-list{list-style:none;padding:18px 0;margin:0 0 28px;font-size:var(--fs-torzs);border-top:1px solid var(--szin-tinta-halk);border-bottom:1px solid var(--szin-tinta-halk)}
.contact-list li{padding:6px 0}
.contact-list a{color:var(--szin-tinta);text-underline-offset:4px}
.contact-list .tel{font-family:var(--serif);font-size:32px;text-decoration:none;display:inline-block}
.aside-alt{font-size:var(--fs-torzs);color:var(--szin-tinta-halk)}
.aside-alt a{color:var(--szin-tinta);font-weight:500}

/* ---------- Kurzorgyűrű (a home.js hozza létre; a rendszerkurzor látható marad) ---------- */
.cursor{position:fixed;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none;z-index:200;opacity:0;transition:opacity .4s}
.cursor.on{opacity:.8}
.cursor i{position:relative;display:block;width:100%;height:100%;border:1px solid var(--szin-sargarez);border-radius:50%;transition:transform .35s var(--ease)}
.cursor i::after{content:"";position:absolute;inset:0;border-radius:50%;background:color-mix(in srgb,var(--szin-sargarez) 14%,transparent);opacity:0;transition:opacity .35s}
.cursor.big i{transform:scale(2.1)}
.cursor.big i::after{opacity:1}

/* ---------- Főoldal – reszponzív ---------- */
@media (max-width:980px){
  .works-head,.intro-grid,.craft-top,.doors-grid,.arch-grid,.manifest,.form-grid{grid-template-columns:1fr}
  .works-head{gap:18px}
  .works-side{justify-self:start}
  .form-aside{position:static}
  .doors-grid>.config{order:2}
  .steps{grid-template-columns:1fr 1fr;row-gap:56px}
  .steps-line{display:none}
  .hero-side{display:none}
}
@media (max-width:760px){
  /* mobil hero: fent a kép (alul tömör háttérbe fut), alatta a szöveg – a szöveg csak a ≥ 0,88-as sávon kezdődik */
  .hero{--hk:max(300px,56svh);min-height:0;display:block}
  .slides{inset:0 0 auto;height:var(--hk)}
  .slides::after{background:linear-gradient(180deg,transparent 0,transparent 42%,var(--scrim) 80%,var(--szin-dio-950) 100%)}
  .hero-c{padding-top:calc(var(--hk) * .8);padding-bottom:max(56px,calc(var(--ck) + var(--sav-h) + 24px))}
  .hero h1{font-size:clamp(40px,11.5vw,54px)}
  .hero .lead{margin:22px 0 28px;font-size:16px}
  .hero-cta .btn{width:100%}
  .hero .meta{margin-bottom:18px}
  .hero .meta::before{display:none}
  .scrollcue{display:none}
  .facts{grid-template-columns:1fr;margin-top:44px}
  .facts div,.facts div+div{padding:22px 0;border-left:0;border-bottom:1px solid var(--vonal)}
  .facts span{margin-top:8px}
  .facts b{font-size:36px}
  .cats a{padding:6px 13px}
  .work figcaption{flex-direction:column;gap:2px}
  .details{grid-template-columns:1fr;gap:56px}
  .detail:nth-child(n){margin-top:0}
  .ledger dl{grid-template-columns:1fr}
  .ledger dt{border-right:0;border-bottom:0;padding-bottom:4px}
  .ledger dd ul{columns:1}
  .ledger dl>dt:nth-last-child(2){border-bottom:0}
  .config{grid-template-columns:1fr;justify-items:center;gap:28px}
  .opts{width:100%}
  .jamb{width:200px}
  .dstrip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:calc(var(--gut)*-1);margin-right:calc(var(--gut)*-1);padding:0 var(--gut) 10px;scrollbar-width:none}
  .dstrip::-webkit-scrollbar{display:none}
  .dstrip figure{flex:0 0 68%;scroll-snap-align:start}
  .dstrip figure:nth-child(even){transform:none}
  .arch dl div{grid-template-columns:1fr;gap:6px}
  .arch .ph.small{right:-4%;width:46%}
  .steps{grid-template-columns:1fr;row-gap:0}
  .step{display:grid;grid-template-columns:64px 1fr;gap:0 18px;padding:0 0 34px}
  .step::before{content:"";position:absolute;left:32px;top:64px;bottom:0;width:1px;background:var(--vonal-eros)}
  .step:last-child::before{display:none}
  .step .num{width:64px;height:64px;font-size:24px}
  .step h3{margin:14px 0 8px;font-size:27px}
  .contact-list .tel{font-size:28px}
}
@media (max-width:1023px),(pointer:coarse){.cursor{display:none}}
@media (prefers-reduced-motion:reduce){
  .track{transform:none!important}
  .cursor{display:none}
  .leaf::after{transform:none!important}
  .pat{transition:none!important}
}

/* ---------- Kategóriaoldalak és Beltéri ajtók (6. feladat) ---------- */
.kat-hero{padding:calc(var(--hdr-h) + clamp(32px,4vw,56px)) 0 clamp(64px,8vw,120px);background:var(--szin-dio-900)}
.crumb{font-size:var(--fs-apro);color:var(--szin-len-halk);margin-bottom:clamp(28px,4vw,48px)}
.crumb a{color:var(--szin-len-halk)}
.crumb a:hover{color:var(--szin-sargarez-vilagos)}
.kat-hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(40px,6vw,100px);align-items:end}
.kat-h1{font-size:clamp(40px,5.6vw,92px);margin:0}
.kat-h1 em{color:var(--szin-sargarez-vilagos)}
.kat-intro{margin-top:30px}
.kat-hero-cta{margin-top:34px}
.kat-hero-kep{aspect-ratio:4/5}
.kat-leiras{padding:clamp(72px,9vw,140px) 0;background:var(--szin-dio-950)}
.kat-leiras-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(40px,7vw,120px);align-items:start}
.kat-szoveg p{color:var(--szin-len-szoveg);max-width:62ch;line-height:1.8}
.kat-szoveg .kat-els{font-family:var(--serif);font-size:clamp(var(--fs-serif-min),2.2vw,30px);line-height:1.35;color:var(--szin-len);max-width:none}
.kat-pontok h2{margin-bottom:18px}
.kat-pontok ul,.cols ul{list-style:none;padding:0;margin:0}
.kat-pontok li,.cols li{padding:13px 0;border-top:1px solid var(--vonal);color:var(--szin-len-szoveg);font-size:var(--fs-torzs)}
.kat-pontok li b,.cols li b{display:block;font-family:var(--serif);font-weight:500;font-size:var(--fs-serif-min);line-height:1.25;color:var(--szin-len);margin-bottom:4px}
.kat-galeria{padding:clamp(72px,9vw,140px) 0;background:var(--szin-dio-900)}
.kat-gal-cim,.sec-head{margin-bottom:clamp(32px,4vw,56px)}
.sec-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 40px}
.sec-head .lead{max-width:40ch;margin:0}
.masonry{columns:3;column-gap:clamp(14px,1.8vw,26px)}
.gal-kep{margin:0 0 clamp(14px,1.8vw,26px);break-inside:avoid}
.gal-kep .ph{aspect-ratio:var(--r,4/3)}
.gal-kep figcaption{color:var(--szin-len-halk);font-size:var(--fs-kis);line-height:1.45;margin-top:10px}
.kat-cta-grid{display:grid;grid-template-columns:5fr 6fr;gap:clamp(40px,7vw,120px);align-items:start}
.kat-terulet{font-family:var(--serif);font-size:clamp(var(--fs-serif-min),2vw,28px);line-height:1.35;margin:0;color:var(--szin-tinta)}
.kat-cta .h-l{margin-bottom:22px}
.kat-cta-gombok{align-items:center;gap:14px 28px;margin-top:30px}
.kat-tel{color:var(--szin-tinta);font-family:var(--serif);font-size:var(--fs-serif-min);text-underline-offset:5px}
.kat-masik{margin-top:26px}
.kat-masik a{color:var(--szin-tinta)}
/* Beltéri ajtók */
.sp-desc{padding:clamp(72px,9vw,140px) 0;background:var(--szin-dio-950)}
.sp-desc-grid{display:grid;grid-template-columns:5fr 6fr;gap:clamp(40px,7vw,110px);align-items:start}
.sp-lead{margin-top:24px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,40px)}
.cols h3{font-size:30px;margin:0 0 16px;font-weight:400}
.aj-szal{padding:clamp(72px,9vw,140px) 0;background:linear-gradient(180deg,var(--szin-dio-800),var(--szin-dio-900))}
.aj-szal-grid{display:grid;grid-template-columns:6fr 5fr;gap:clamp(40px,7vw,110px);align-items:center}
.szal-par{margin-top:clamp(56px,7vw,100px)}
.szal-par-cim{font-family:var(--serif);font-style:italic;font-weight:400;font-size:24px;color:var(--szin-sargarez);margin:0 0 24px}
.szal-par-kepek{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,26px);max-width:900px}
.szal-par .gal-kep{margin:0}
.szal-par .gal-kep .ph{aspect-ratio:2/3}
.bulk{padding:clamp(72px,9vw,140px) 0;background:var(--szin-dio-700);overflow:hidden}
.bulk-grid{display:grid;grid-template-columns:6fr 5fr;gap:clamp(40px,7vw,110px);align-items:center}
.who{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0;padding:0;list-style:none}
.who li{font-size:var(--fs-kis);font-weight:500;padding:8px 16px;border:1px solid var(--vonal-eros);border-radius:40px}
.bulk-kep{aspect-ratio:4/3}
.aj-ige{font-family:var(--serif);font-size:24px;line-height:1.3;font-style:italic;margin:0 0 24px;color:var(--szin-tinta)}
@media (max-width:980px){
  .kat-hero-grid,.kat-leiras-grid,.kat-cta-grid,.sp-desc-grid,.aj-szal-grid,.bulk-grid{grid-template-columns:1fr}
  .kat-hero-kep{aspect-ratio:4/3;order:-1}
  .masonry{columns:2}
  .aj-szal-grid>.config{order:2}
}
@media (max-width:760px){
  .cols{grid-template-columns:1fr}
  .kat-cta{padding-bottom:calc(var(--sav-h) + 48px)}
}
@media (max-width:560px){
  .masonry{columns:1}
  .szal-par-kepek{grid-template-columns:1fr 1fr}
}
/* Jelölt helyőrzők (data-helyorzo): sem stockfotó, sem textúra – a furnér-tokenekből egyetlen színátmenet */
.hely-doboz,.kat-hero-furner{display:grid;place-items:center;text-align:center;padding:24px;background:linear-gradient(140deg,var(--szin-dio-700),var(--szin-dio-800));box-shadow:inset 0 0 0 1px var(--vonal-eros)}
.hely-doboz{aspect-ratio:4/3}
.hely-doboz span,.kat-hero-furner span{font-family:var(--serif);font-style:italic;font-size:var(--fs-serif-min);color:var(--szin-len-szoveg)}
.kat-hero-furner{aspect-ratio:4/5;border-top:4px solid var(--szin-furner-3)}
/* Teljes galéria (src/templates/galeria.js + js/galeria.js): rács, „További képek”, nagyító. Mozgás csak opacity/transform. */
.gr{margin-top:clamp(56px,7vw,100px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--vonal);content-visibility:auto;contain-intrinsic-size:auto 1100px}
.gr-cim{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.6vw,36px);margin:0 0 clamp(22px,3vw,36px);color:var(--szin-len)}
.gr-db{font-family:var(--sans);font-size:var(--fs-kis);letter-spacing:0;color:var(--szin-len-halk);margin-left:.4em;white-space:nowrap}
.gr-racs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.2vw,16px)}
.gr-racs a{display:block;overflow:hidden;background:var(--szin-dio-800)}
.gr-racs img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .3s}
.gr-racs--ajtok img{aspect-ratio:3/4}
.gr-racs a:hover img{transform:scale(1.04)}
.gr-racs a:focus-visible{outline:2px solid var(--szin-sargarez);outline-offset:3px}
.gr-uj{animation:gr-be .45s cubic-bezier(.2,.7,.2,1) both}
.gr-tobb-sor{text-align:center;margin:clamp(28px,4vw,44px) 0 0}
.gr--oldal{margin:0;padding:0;border:0;content-visibility:visible}
.gr-oldal{padding-top:0}
.gr-oldal-fej .btnrow{margin-top:28px}
@keyframes gr-be{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.lb{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:color-mix(in srgb,var(--szin-dio-950) 95%,transparent);color:var(--szin-len)}
.lb[open]{display:grid;place-items:center;animation:lb-be .25s ease-out both}
.lb::backdrop{background:transparent}
.lb-fig{margin:0;display:grid;justify-items:center;gap:12px;padding:56px 64px 20px;max-width:100%}
.lb-kep{display:block;max-width:min(100%,1600px);max-height:calc(100dvh - 140px);width:auto;height:auto;object-fit:contain}
.lb-valt .lb-kep{animation:lb-kep .3s ease-out both}
.lb-fig figcaption{font-size:var(--fs-kis);line-height:1.45;color:var(--szin-len-szoveg);text-align:center;max-width:70ch}
.lb-szam{display:block;font-size:var(--fs-apro);font-weight:500;letter-spacing:.08em;color:var(--szin-len-halk);margin-top:4px}
.lb-gomb{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--keret-len);background:color-mix(in srgb,var(--szin-dio-950) 75%,transparent);color:var(--szin-len);font-size:24px;line-height:1;cursor:pointer}
.lb-gomb:hover{border-color:var(--szin-sargarez)}
.lb-gomb:focus-visible{outline:2px solid var(--szin-sargarez);outline-offset:3px}
.lb-bezar{top:12px;right:12px}
.lb-elozo{left:10px;top:50%;transform:translateY(-50%)}
.lb-kov{right:10px;top:50%;transform:translateY(-50%)}
.lb-nyitva{overflow:hidden}
@keyframes lb-be{from{opacity:0}to{opacity:1}}
@keyframes lb-kep{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
@media (max-width:980px){.gr-racs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){
  .gr-racs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lb-fig{padding:60px 8px 76px}
  .lb-elozo,.lb-kov{top:auto;bottom:14px;transform:none}
  .lb-elozo{left:calc(50% - 60px)}.lb-kov{right:calc(50% - 60px)}
}
@media (prefers-reduced-motion:reduce){
  .gr-racs img{transition:none}.gr-racs a:hover img{transform:none}
  .gr-uj,.lb[open],.lb-valt .lb-kep{animation:none}
}
.gal-helyorzo:nth-child(even) .hely-doboz{aspect-ratio:3/4}
@media (max-width:980px){.kat-hero-furner{aspect-ratio:16/9;order:-1}}

/* ---------- Tartalmi és jogi oldalak, köszönő, 404 (9. feladat) ---------- */
.oldal-h1{margin:0;max-width:18ch}
/* hosszú német összetett szó (Datenschutzerklärung) 320 px-en se lógjon ki */
.oldal-h1{overflow-wrap:break-word}
@media (max-width:360px){.oldal-h1{font-size:34px}}
.oldal-h1 em{color:var(--szin-sargarez-vilagos)}
.oldal-fej--jogi{padding-bottom:clamp(40px,5vw,72px)}
.oldal-fej--jogi .oldal-h1{max-width:none}
.felm-lepesek{padding:clamp(72px,9vw,130px) 0}
.felm-cim{margin-bottom:clamp(48px,6vw,88px);max-width:20ch}
.elokeszul{padding:clamp(64px,8vw,120px) 0}
.elokeszul-grid{display:grid;grid-template-columns:4fr 7fr;gap:clamp(32px,6vw,100px);align-items:start}
.pipa{list-style:none;margin:0;padding:0}
.pipa li{position:relative;padding:18px 0 18px 34px;border-top:1px solid var(--vonal);color:var(--szin-len-szoveg);max-width:62ch}
.pipa li:last-child{border-bottom:1px solid var(--vonal)}
.pipa li::before{content:"";position:absolute;left:2px;top:30px;width:14px;height:1px;background:var(--szin-sargarez)}
.arch--oldal{padding-top:clamp(56px,7vw,100px)}
.arch--oldal .arch-img{margin-bottom:0}
.arch--oldal .ph{aspect-ratio:4/5}
.arch--oldal dl{margin-top:28px}
.arch--oldal .countries{margin:36px 0 0}
.arch-ajto{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,6vw,100px);align-items:end}
.arch-ajto-gombok{justify-content:flex-start}
.btn-tinta-vonal{border-color:var(--szin-tinta);color:var(--szin-tinta);background:transparent}
.btn-tinta-vonal:hover{background:var(--szin-tinta);color:var(--szin-juhar)}
.katalogus{padding:clamp(64px,8vw,120px) 0}
.katalogus-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,6vw,100px);align-items:start}
.katalogus-szoveg p{max-width:60ch;color:var(--szin-len-szoveg);font-size:17px}
.katalogus-doboz{border:1px solid var(--vonal-eros);padding:clamp(24px,3vw,40px);background:var(--szin-dio-800)}
.katalogus-doboz .h-m{margin-bottom:12px}
.katalogus-meta{color:var(--szin-len-halk);font-size:var(--fs-kis);margin-bottom:24px}
.katalogus-doboz .btn{text-align:center}
.kat-cta .btnrow{margin-top:28px}
/* jogi szöveg */
.jogi{padding:clamp(24px,4vw,56px) 0 clamp(80px,10vw,140px)}
.jogi-tartalom{max-width:78ch}
.jogi-tartalom h2{font-size:clamp(30px,3.2vw,44px);margin:clamp(40px,5vw,64px) 0 18px;color:var(--szin-len)}
.jogi-tartalom h2:first-child{margin-top:0}
.jogi-tartalom h3{font-size:clamp(22px,2vw,28px);margin:32px 0 12px;color:var(--szin-sargarez-vilagos)}
.jogi-tartalom p,.jogi-tartalom li,.jogi-tartalom dd{color:var(--szin-len-szoveg)}
.jogi-tartalom ul{padding-left:1.2em}
.jogi-tartalom li{margin-bottom:.5em}
.jogi-tartalom a{color:var(--szin-sargarez-vilagos);text-underline-offset:3px}
.jogi-tartalom strong{color:var(--szin-len);font-weight:600}
.jogi-tartalom dl{margin:0 0 24px}
.jogi-tartalom dl>dt,.jogi-tartalom dl>dd{margin:0}
.jogi-tartalom dt{font-size:var(--fs-apro);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--szin-len-halk);padding-top:14px;border-top:1px solid var(--vonal)}
.jogi-tartalom dd{padding:4px 0 14px;overflow-wrap:anywhere}
@media (min-width:700px){
  .jogi-tartalom dl{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;column-gap:24px}
  .jogi-tartalom dt{padding:14px 0;border-top:1px solid var(--vonal);text-transform:none;letter-spacing:0;font-size:var(--fs-kis)}
  .jogi-tartalom dd{padding:14px 0;border-top:1px solid var(--vonal)}
}
.jogi-tartalom code{font-size:.92em;color:var(--szin-len)}
.tabla{overflow-x:auto;margin:20px 0}
.jogi-tartalom table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
.jogi-tartalom th,.jogi-tartalom td{text-align:left;padding:12px 14px 12px 0;border-bottom:1px solid var(--vonal);vertical-align:top;color:var(--szin-len-szoveg)}
.jogi-tartalom th{color:var(--szin-len);font-weight:600}
.jogi-frissitve{margin-top:48px;font-size:var(--fs-apro);color:var(--szin-len-halk)}
.tam-info{margin:0 0 clamp(20px,2.5vw,32px)}
.tam-info img{width:min(100%,360px);height:auto;border:1px solid var(--vonal);background:var(--szin-feher)}
.tam-info--tervPlusz img{width:min(100%,520px)}
/* köszönő, 404 */
.koszonjuk,.nf{padding-bottom:clamp(96px,12vw,170px)}
.koszonjuk .lead{margin-top:28px}
.koszonjuk-gombok{margin-top:36px}
.nf-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px)}
.nf-blokk .lead{margin-top:24px}
.nf-linkek{list-style:none;margin:28px 0 0;padding:0}
.nf-linkek li{padding:10px 0;border-top:1px solid var(--vonal)}
.nf-linkek a{color:var(--szin-sargarez-vilagos);text-underline-offset:4px}
@media (max-width:980px){
  .elokeszul-grid,.arch-ajto,.katalogus-grid,.nf-grid{grid-template-columns:1fr}
  .koszonjuk,.nf{padding-bottom:calc(var(--sav-h) + var(--ck) + 80px)}
}
@media (max-width:760px){
  .jogi,.katalogus,.elokeszul{padding-bottom:calc(var(--sav-h) + 56px)}
}

/* ---------- Blog (lista + cikk) ---------- */
.blog-fej{padding-bottom:clamp(36px,5vw,64px)}
.blog-lista{padding:clamp(16px,3vw,40px) 0 clamp(80px,10vw,140px);background:var(--szin-dio-900)}
.blog-kartya{display:grid;gap:22px;color:inherit;text-decoration:none;border-top:1px solid var(--vonal);padding-top:26px;align-content:start}
.blog-kartya--nagy{grid-template-columns:7fr 5fr;gap:clamp(28px,5vw,72px);align-items:center;margin-bottom:clamp(44px,6vw,88px)}
.blog-kartya-kep{aspect-ratio:3/2}
.blog-kartya--nagy .blog-kartya-kep{aspect-ratio:4/3}
.blog-kartya:hover .ph img{transform:scale(1.045)}
.blog-cimke{margin:0 0 12px;font-size:var(--fs-apro);font-weight:500;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--szin-sargarez)}
.blog-kartya-cim{font-size:clamp(28px,2.6vw,38px);font-weight:400;line-height:1.1;margin:0 0 14px;color:var(--szin-len);transition:color .35s}
.blog-kartya--nagy .blog-kartya-cim{font-size:clamp(32px,3.6vw,54px);font-weight:300}
.blog-kartya:hover .blog-kartya-cim{color:var(--szin-sargarez-vilagos)}
.blog-kartya-leiras{margin:0 0 16px;color:var(--szin-len-halk);max-width:56ch}
.blog-meta{margin:0;font-size:var(--fs-apro);color:var(--szin-len-halvany)}
.blog-racs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,5vw,72px) clamp(28px,4vw,64px)}
.blog-lapozo{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(40px,5vw,72px)}
.blog-lapozo a,.blog-lapozo span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0 14px;border:1px solid var(--vonal-eros);text-decoration:none}
.blog-lapozo a:hover{border-color:var(--szin-sargarez);color:var(--szin-sargarez-vilagos)}
.blog-lapozo [aria-current]{background:var(--szin-sargarez);color:var(--szin-dio-950);border-color:var(--szin-sargarez)}
.blog-vissza{margin:clamp(40px,5vw,72px) 0 0}
.blog-vissza a{color:var(--szin-sargarez-vilagos);text-underline-offset:4px}
div.blog-vissza{padding:0 var(--gut) calc(var(--sav-h) + var(--ck) + 56px)}

.cikk-fej{padding-bottom:clamp(28px,4vw,48px)}
.cikk-keskeny{max-width:calc(780px + var(--gut) * 2)}
.cikk-h1{font-size:clamp(36px,4.8vw,68px);line-height:1.04}
.cikk-meta{margin-top:26px}
.cikk-borito{margin-bottom:clamp(36px,5vw,64px)}
.cikk-borito .ph{aspect-ratio:16/9;max-height:72vh}
.cikk-torzs{font-size:clamp(17px,1.3vw,18.5px);line-height:1.85;color:var(--szin-len-szoveg)}
.cikk-torzs .lead{font-size:clamp(19px,1.6vw,22px);color:var(--szin-len);max-width:none;margin-bottom:1.4em}
.cikk-torzs h2{font-size:clamp(28px,3vw,40px);font-weight:400;color:var(--szin-len);margin:1.9em 0 .55em}
.cikk-torzs h3{font-size:clamp(22px,2vw,28px);color:var(--szin-sargarez-vilagos);margin:1.6em 0 .4em}
.cikk-torzs ul,.cikk-torzs ol{padding-left:1.25em;margin:0 0 1.2em}
.cikk-torzs li{margin-bottom:.55em;padding-left:.2em}
.cikk-torzs li::marker{color:var(--szin-sargarez)}
.cikk-torzs a{color:var(--szin-sargarez-vilagos);text-underline-offset:3px}
.cikk-torzs a:hover{color:var(--szin-len)}
.cikk-torzs strong{color:var(--szin-len);font-weight:600}
.cikk-kapcs{margin:clamp(40px,5vw,64px) 0 clamp(56px,7vw,96px);padding-top:24px;border-top:1px solid var(--vonal-eros)}
.cikk-kapcs-cim{font-family:var(--sans);font-size:var(--fs-apro);font-weight:500;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--szin-len-halk);margin:0 0 14px}
.cikk-kapcs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px}
.cikk-kapcs a{color:var(--szin-sargarez-vilagos);text-underline-offset:4px;display:inline-block;padding:6px 0}
.cikk-cta{padding:clamp(64px,8vw,110px) 0}
.cikk-cta .h-m{margin-bottom:18px}
.cikk-cta .btnrow{margin-top:26px}
.cikk-tovabbi{padding-top:clamp(64px,8vw,110px)}
.cikk-tovabbi .h-m{margin-bottom:clamp(24px,3vw,40px)}

@media (max-width:980px){
  .blog-kartya--nagy{grid-template-columns:1fr}
}
@media (max-width:760px){
  .blog-racs{grid-template-columns:1fr}
  .cikk-borito .ph{aspect-ratio:4/3}
  .cikk-tovabbi{padding-bottom:calc(var(--sav-h) + var(--ck) + 56px)}
}
@media (prefers-reduced-motion:reduce){
  .blog-kartya:hover .ph img{transform:none}
}

/* /statisztika/ – belső oldal (Kiln statisztika-modul, stats.css): a sötét dió alap, len szöveg, sárgaréz kiemelés */
.st-page{--st-bg:var(--szin-dio-900);--st-card:var(--szin-dio-800);--st-ink:var(--szin-len);--st-muted:var(--szin-len-halvany);--st-line:var(--szin-dio-600);--st-soft:var(--szin-dio-700);--st-accent:var(--szin-sargarez);--st-accent-ink:var(--szin-tinta);--st-accent-2:var(--szin-sargarez-vilagos);--st-up:var(--szin-sargarez-vilagos);--st-down:var(--szin-len-halk);--st-field:var(--szin-dio-950);--st-tip-bg:var(--szin-len);--st-tip-ink:var(--szin-tinta);--st-font:var(--sans);--st-display:var(--serif)}