/* ═══════════════════════════════════════════════════════════
   mikloskrisztian.hu — KÖZÖS ALAP a kódolt aloldalakhoz
   (névjegy, fotózás, home2). Ugyanaz a rendszer, mint a főoldalon:
   grafit + arany, Bodoni Moda (display) + Inter (szöveg).
   A betűk a főoldal self-hostolt fájljai (/assets/fonts → /uj/assets/fonts).
   ═══════════════════════════════════════════════════════════ */
@font-face{font-family:'Bodoni Moda';src:url('/assets/fonts/BodoniModa-400-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+2020,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Bodoni Moda';src:url('/assets/fonts/BodoniModa-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Bodoni Moda';src:url('/assets/fonts/BodoniModa-500-latin-ext.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+2020,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Bodoni Moda';src:url('/assets/fonts/BodoniModa-500-latin.woff2') format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'Inter';src:url('/assets/fonts/Inter-300-latin-ext.woff2') format('woff2');font-weight:300;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+2020,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';src:url('/assets/fonts/Inter-300-latin.woff2') format('woff2');font-weight:300;font-display:swap;}
@font-face{font-family:'Inter';src:url('/assets/fonts/Inter-400-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+2020,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';src:url('/assets/fonts/Inter-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Inter';src:url('/assets/fonts/Inter-500-latin-ext.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+2020,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';src:url('/assets/fonts/Inter-500-latin.woff2') format('woff2');font-weight:500;font-display:swap;}

:root{
  --bg:#1B1B19;        /* grafit */
  --bg-2:#232320;
  --bg-3:#0F0F0E;
  --text:#EFEDE8;
  --text-soft:#B2AEA6;
  --muted:#949086;     /* 5,4:1 a grafiton */
  --gold:#C9A86A;
  --line:rgba(239,237,232,.13);
  --serif:'Bodoni Moda',Georgia,serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --pad:clamp(16px,5vw,80px);
  --e:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
html.lenis{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto}
body{background:var(--bg);color:var(--text);font:300 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
::selection{background:var(--gold);color:var(--bg-3)}
/* a Bodoni optikai mérete: nagy méretben se essen szét hajszálvékonyra */
.serif,h1,h2,h3{font-family:var(--serif);font-weight:400;font-optical-sizing:none;font-variation-settings:'opsz' 20;letter-spacing:-.015em}
.tag{display:block;font:500 11px/1.4 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
.ital{font-style:italic;color:var(--gold)}

/* kis fejléc: MK monogram + vissza a főoldalra */
.mini{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;
  padding:16px var(--pad);transition:background .4s,transform .5s var(--e)}
.mini.is-solid{background:rgba(27,27,25,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.mini.is-hidden{transform:translateY(-100%)}
.mini__mk{font:500 20px/1 var(--serif);letter-spacing:.06em;border:1px solid rgba(201,168,106,.55);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;color:var(--gold)}
.mini__nav{display:flex;gap:28px;font-size:14px}
.mini__nav a{color:var(--text-soft);transition:color .3s}
.mini__nav a:hover{color:var(--gold)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:15px 26px;border-radius:100px;
  background:var(--gold);color:var(--bg-3);font:500 15px/1 var(--sans);letter-spacing:.02em;transition:transform .35s var(--e),background .35s}
.btn:hover{transform:translateY(-2px);background:#D8BB82}
.btn--line{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.btn--line:hover{background:var(--bg-2)}

.foot{padding:32px var(--pad);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;
  font-size:13px;color:var(--muted)}
.foot a:hover{color:var(--gold)}

@media (max-width:760px){ .mini__nav{display:none} }
@media (prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important} }