/* ═══════════════════════════════════════════════════════════
   mikloskrisztian.hu — 2. VÁLTOZAT
   világos, szerkesztői · agyag akcentus · sok mozgás
   ═══════════════════════════════════════════════════════════ */

@font-face{font-family:'Bodoni Moda';src:url('../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+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Bodoni Moda';src:url('../fonts/BodoniModa-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Bodoni Moda';src:url('../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+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Bodoni Moda';src:url('../fonts/BodoniModa-500-latin.woff2') format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'Inter';src:url('../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+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';src:url('../fonts/Inter-300-latin.woff2') format('woff2');font-weight:300;font-display:swap;}
@font-face{font-family:'Inter';src:url('../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+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';src:url('../fonts/Inter-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Inter';src:url('../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+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';src:url('../fonts/Inter-500-latin.woff2') format('woff2');font-weight:500;font-display:swap;}

:root{
  --bg:#1B1B19;             /* grafit alap — nem koromfekete */
  --bg-2:#232320;           /* megemelt felület: kártyák, szekciók */
  --bg-3:#0F0F0E;           /* kontrasztblokk: futószalag, portfólió, kapcsolat */
  --text:#EFEDE8;
  --text-soft:#B2AEA6;
  --muted:#949086;        /* 5,4:1 a grafit alapon — a 4,5 küszöb fölött */
  --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(20px,5vw,80px);
  --maxw:1440px;
  --e:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
body{
  background:var(--bg);color:var(--text);
  font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
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);}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad);}

.num{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;}
.h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,5vw,72px);line-height:1.03;letter-spacing:-.02em;}

/* ── KURZOR + KÉPCSÓVA ── */
.cur{
  position:fixed;top:0;left:0;z-index:9990;pointer-events:none;
  width:12px;height:12px;border-radius:50%;background:var(--gold);
  transform:translate(-50%,-50%);opacity:0;
  transition:width .35s var(--e),height .35s var(--e),opacity .3s,background .3s;
}
.cur.on{opacity:1;}
.cur.big{width:88px;height:88px;background:rgba(201,168,106,.95);}
.cur__lab{
  position:absolute;inset:0;display:grid;place-items:center;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--bg-3);
  opacity:0;transition:opacity .3s;white-space:nowrap;
}
.cur.big .cur__lab{opacity:1;}
.trail{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden;}
.trail img{position:absolute;width:190px;height:130px;object-fit:cover;opacity:0;will-change:transform,opacity;}
@media(hover:none){.cur,.trail{display:none;}}

/* ── LOADER ── */
.load{position:fixed;inset:0;z-index:9999;background:var(--bg-3);color:var(--text);
  display:flex;align-items:flex-end;justify-content:space-between;padding:var(--pad);}
.load__num{font-family:var(--serif);font-size:clamp(60px,16vw,190px);line-height:.85;}
.load__num i{font-style:normal;font-size:.28em;margin-left:.1em;}
.load__word{font-size:12px;letter-spacing:.3em;text-transform:uppercase;padding-bottom:14px;}
.load__curtain{position:absolute;inset:0;background:var(--bg);transform:scaleY(0);transform-origin:bottom;}

/* ── NAV ── */
/* Nincs mix-blend-mode: az egész oldal sötét, viszont kell háttér,
   különben a görgő tartalom átfed a menüvel. */
.nav{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;
  gap:28px;padding:20px var(--pad);border-bottom:1px solid transparent;
  transition:background .45s var(--e),padding .45s var(--e),border-color .45s;}
.nav.is-stuck{background:rgba(15,15,14,.86);backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);padding-block:13px;border-bottom-color:var(--line);}
.nav__brand span{font-family:var(--serif);font-size:22px;letter-spacing:.08em;color:var(--text);}
.nav__links{display:flex;gap:32px;margin-left:auto;}
.nav__links a{font-size:12px;letter-spacing:.1em;color:var(--muted);transition:color .3s;}
.nav__links a:hover{color:var(--text);}
.nav__cta{margin-left:8px;}
.burger{display:none;background:none;border:0;cursor:pointer;padding:10px;flex-direction:column;gap:6px;margin-left:auto;}
.burger i{display:block;width:24px;height:1px;background:var(--text);transition:transform .35s var(--e);}
.burger[aria-expanded="true"] i:first-child{transform:translateY(3.5px) rotate(45deg);}
.burger[aria-expanded="true"] i:last-child{transform:translateY(-3.5px) rotate(-45deg);}
.drawer{position:fixed;inset:0;z-index:890;background:var(--bg-3);color:var(--text);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:opacity .45s var(--e),visibility .45s;}
.drawer.open{opacity:1;visibility:visible;}
.drawer a{font-family:var(--serif);font-size:clamp(28px,7vw,46px);padding:10px;}
/* Két osztálynyi specifikusság kell, különben a később jövő .mag felülírná. */
@media(max-width:960px){.nav .nav__links,.nav .nav__cta{display:none;}.nav .burger{display:flex;}}

/* ── MÁGNESES GOMB ── */
.mag{display:inline-block;will-change:transform;}
.mag__in{
  display:inline-flex;align-items:center;justify-content:center;
  padding:15px 32px;border:1px solid currentColor;border-radius:999px;
  font-size:12px;letter-spacing:.12em;color:var(--text);will-change:transform;
}
.mag--fill .mag__in{background:var(--gold);border-color:var(--gold);color:var(--bg-3);font-weight:500;padding:18px 40px;}

.lnk{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--text);}
.lnk i{display:block;width:40px;height:1px;background:var(--text);transition:width .45s var(--e);}
.lnk:hover i{width:66px;}

/* ── HERO (teljes képernyős háttérkép) ── */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;
  justify-content:flex-end;overflow:hidden;padding:0;}
.hero__media{position:absolute;inset:0;z-index:0;}
.hero__media img{width:100%;height:100%;object-fit:cover;
  filter:saturate(.72) contrast(1.05) brightness(.6);will-change:transform;}
.hero__veil{
  position:absolute;inset:0;
  background:
    /* balról sötétít, hogy a címsor mindig kontrasztos alapon üljön */
    linear-gradient(90deg,rgba(15,15,14,.88) 0%,rgba(15,15,14,.55) 44%,rgba(15,15,14,.12) 80%),
    linear-gradient(180deg,rgba(15,15,14,.72) 0%,rgba(15,15,14,.26) 30%,rgba(15,15,14,.88) 80%,var(--bg) 100%),
    radial-gradient(120% 80% at 18% 100%,rgba(201,168,106,.13),transparent 62%);
}
.hero__inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);
  margin-inline:auto;padding:0 var(--pad) clamp(34px,5vh,60px);}
.tag{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:26px;}
.hero__h{font-family:var(--serif);font-weight:400;
  font-size:clamp(38px,7.4vw,110px);line-height:.99;letter-spacing:-.025em;
  max-width:16ch;margin-bottom:30px;}
.hero__h .ital{font-style:italic;color:var(--gold);}
.hero__p{max-width:52ch;color:rgba(239,237,232,.78);margin-bottom:38px;}
.hero__btns{display:flex;flex-wrap:wrap;align-items:center;gap:14px;}

/* alsó sáv: számok balra, görgetésjelző jobbra */
.hero__bar{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin-inline:auto;
  padding:0 var(--pad) clamp(26px,4vh,42px);
  display:flex;justify-content:space-between;align-items:center;gap:24px;}
.hero__meta{display:flex;gap:clamp(18px,3vw,44px);}
.hero__meta span{font-size:12px;letter-spacing:.06em;color:var(--muted);}
.hero__meta b{font-family:var(--serif);font-weight:400;font-size:26px;color:var(--text);margin-right:5px;}
.hero__scroll{display:flex;align-items:center;gap:12px;
  font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);}
.hero__scroll i{width:52px;height:1px;background:var(--line);position:relative;overflow:hidden;}
.hero__scroll i::after{content:'';position:absolute;inset:0;background:var(--gold);
  animation:sw 2.2s var(--e) infinite;}
@keyframes sw{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}
@media(max-width:820px){.hero__scroll{display:none;}.hero__bar{justify-content:flex-start;}}

/* ── FUTÓSZALAG ── */
.strip{background:var(--bg-3);color:var(--text);padding:22px 0;overflow:hidden;}
.strip__row{display:flex;align-items:center;gap:34px;width:max-content;will-change:transform;}
.strip__row span{font-family:var(--serif);font-size:clamp(22px,3.2vw,44px);white-space:nowrap;}
.strip__row i{color:var(--gold);font-style:normal;font-size:16px;}

/* ── MANIFESZTÓ ── */
.mani{padding:clamp(80px,14vh,170px) 0;}
/* Sans, nem serif: több sornyi szövegnél a Bodoni hajszálvonalai elfáradnak. */
.mani__t{font-family:var(--sans);font-weight:300;font-size:clamp(22px,3vw,42px);
  line-height:1.38;letter-spacing:-.018em;max-width:24ch;}

/* ── EGYMÁSRA CSÚSZÓ KÁRTYÁK ── */
.stack{padding-bottom:clamp(60px,10vh,120px);}
.stack__head{margin-bottom:clamp(30px,5vw,60px);}
.pane{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;
  background:var(--bg);border-top:1px solid var(--line);}
.pane:nth-child(odd){background:var(--bg-2);}
.pane__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;
  padding-block:clamp(50px,8vh,90px);width:100%;}
.pane__h{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.6vw,66px);
  line-height:1.02;letter-spacing:-.025em;margin:8px 0 22px;hyphens:auto;}
.pane__txt p{color:var(--text-soft);max-width:42ch;margin-bottom:28px;}
.ticks li{padding:12px 0 12px 30px;border-top:1px solid var(--line);position:relative;font-size:14px;}
.ticks li:last-child{border-bottom:1px solid var(--line);}
.ticks li::before{content:'';position:absolute;left:0;top:19px;width:12px;height:1px;background:var(--gold);}
.pill{display:inline-block;margin-top:26px;padding:9px 18px;border:1px solid var(--line);
  border-radius:999px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);}
.pane__img{overflow:hidden;}
.pane__img img{width:100%;aspect-ratio:4/5;object-fit:cover;will-change:transform;}
@media(max-width:900px){
  .pane{position:relative;min-height:0;}
  .pane__in{grid-template-columns:1fr;}
  .pane__img{order:-1;}
  .pane__img img{aspect-ratio:4/3;}
}

/* ── PORTFÓLIÓ ── */
.folio{background:var(--bg-3);color:var(--text);}
.folio__pin{min-height:100svh;display:flex;flex-direction:column;justify-content:center;
  gap:clamp(28px,5vh,56px);padding-block:clamp(60px,9vh,100px);overflow:hidden;}
.folio .num{color:var(--gold);}
.folio__track{display:flex;gap:clamp(16px,2vw,28px);padding-inline:var(--pad);will-change:transform;}
/* FEKVŐ arány — a fotók eredetileg is fekvők, állóra vágva elveszne a tér. */
.fig{flex:0 0 clamp(320px,46vw,760px);}
.fig img{width:100%;aspect-ratio:3/2;object-fit:cover;will-change:transform;}
.fig figcaption{display:flex;margin-top:12px;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;}
.fig figcaption b{font-weight:400;}
.fig figcaption i{font-style:normal;color:var(--gold);}

/* ── MIÉRT — ragadós bal oszlop ── */
.why{padding-block:clamp(80px,13vh,160px);}
.why__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:start;}
.why__sticky{position:sticky;top:clamp(90px,14vh,130px);}
.why__pic{margin-top:34px;overflow:hidden;}
.why__pic img{width:100%;aspect-ratio:4/3;object-fit:cover;will-change:transform;}
.why__list li{padding:clamp(24px,3vw,38px) 0;border-top:1px solid var(--line);
  display:grid;grid-template-columns:56px 1fr;gap:10px 18px;}
.why__list li:last-child{border-bottom:1px solid var(--line);}
.why__list span{font-size:11px;letter-spacing:.18em;color:var(--gold);padding-top:9px;}
.why__list h4{font-family:var(--sans);font-weight:500;font-size:clamp(18px,1.7vw,24px);letter-spacing:-.01em;}
.why__list p{grid-column:2;color:var(--text-soft);font-size:15px;}
@media(max-width:900px){.why__grid{grid-template-columns:1fr;}.why__sticky{position:relative;top:0;}}

/* ── RÓLAM ── */
.me{padding-block:clamp(70px,11vh,140px);background:var(--bg-2);}
.me__grid{display:grid;grid-template-columns:.8fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;}
.me__pic{overflow:hidden;}
/* A portré SZÍNES marad — csak egy hajszálnyi kontraszt. */
.me__pic img{width:100%;filter:contrast(1.03) saturate(1.02);}
.me__txt p{color:var(--text-soft);margin-top:20px;max-width:56ch;}
.me__sign{margin-top:34px;width:clamp(170px,18vw,240px);opacity:.92;}
@media(max-width:900px){.me__grid{grid-template-columns:1fr;}}

/* ── VÉLEMÉNYEK ── */
.revs{padding-block:clamp(70px,11vh,140px);overflow:hidden;}
.marq{overflow:hidden;margin-top:24px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.marq__row{display:flex;gap:20px;width:max-content;will-change:transform;}
.rev{flex:0 0 clamp(270px,25vw,380px);padding:clamp(24px,2.6vw,34px);
  background:var(--bg-2);border:1px solid var(--line);}
.rev p{font-size:14px;color:var(--text-soft);line-height:1.75;}
.rev p::before{content:'\201E';font-family:var(--serif);font-size:32px;color:var(--gold);
  line-height:0;margin-right:4px;vertical-align:-6px;}
.rev cite{display:block;margin-top:18px;font-style:normal;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold);}

/* ── EXTRÁK (3D dőlés) ── */
.ext{padding-block:clamp(70px,11vh,140px);}
.ext__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px);
  margin-top:clamp(34px,5vw,60px);perspective:1000px;}
.ext__i{padding:clamp(26px,3vw,40px);background:var(--bg-2);border:1px solid var(--line);
  transform-style:preserve-3d;will-change:transform;}
.ext__i h4{font-family:var(--sans);font-weight:500;font-size:clamp(17px,1.5vw,21px);letter-spacing:-.01em;margin-bottom:10px;}
.ext__i p{font-size:14px;color:var(--text-soft);}
@media(max-width:980px){.ext__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:620px){.ext__grid{grid-template-columns:1fr;}}

/* ── KAPCSOLAT ── */
.cta{background:var(--bg-3);color:var(--text);padding-block:clamp(90px,16vh,200px);}
.cta .num{color:var(--gold);}
.cta__h{font-family:var(--serif);font-weight:400;font-size:clamp(58px,14vw,220px);
  line-height:.88;letter-spacing:-.04em;margin-bottom:30px;}
.cta__p{max-width:46ch;color:rgba(239,237,232,.7);margin-bottom:clamp(40px,6vw,70px);}
.cta__links{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,24px);}
.big{padding:clamp(24px,3vw,40px);border:1px solid rgba(239,237,232,.2);
  transition:background .5s var(--e),border-color .5s var(--e);}
.big:hover{background:var(--gold);border-color:var(--gold);color:var(--bg-3);}
.big__l{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(239,237,232,.6);margin-bottom:10px;}
.big:hover .big__l{color:rgba(18,18,17,.65);}
.big__v{display:block;font-family:var(--sans);font-weight:400;font-size:clamp(19px,2vw,28px);letter-spacing:-.01em;}
@media(max-width:700px){.cta__links{grid-template-columns:1fr;}}

/* ── FOOTER ── */
.foot{background:var(--bg-3);color:rgba(239,237,232,.55);padding-block:30px;
  border-top:1px solid rgba(239,237,232,.14);}
.foot__in{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-size:12px;}
.foot nav{display:flex;gap:24px;}
.foot a:hover{color:var(--gold);}

/* ── ANIMÁCIÓS ALAPÁLLAPOTOK ── */
[data-fade]{opacity:0;transform:translateY(24px);}
[data-why]{opacity:0;transform:translateY(30px);}

/* ── CSÖKKENTETT MOZGÁS ── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;}
  [data-fade],[data-why]{opacity:1!important;transform:none!important;}
  .reveal img{clip-path:none!important;}
  .load{display:none;}
  .cur,.trail{display:none;}
  .pane{position:relative;min-height:0;}
}

/* ── KIEMELÉS A MONDATON BELÜL ──
   A szöveg egyben marad, csak a három tulajdonság kap aranyat és
   egy fokkal erősebb vastagságot (300 → 400). */
.hl{color:var(--gold);font-weight:400;}

/* A manifesztó három mondata külön sorban, levegővel.
   A SZÖVEG változatlan — csak a tördelés. */
.mani__l{display:block;}
.mani__l + .mani__l{margin-top:.62em;}

/* A "14 éve" szám a mondaton belül — kiemelve, de a szövegtörzs méretében. */
.why__i p b, .why__list p b{font-weight:500;color:var(--text);}

/* ── OPTIKAI MÉRET (a Bodoni Moda változó betűtípus) ──
   A böngésző alapból a betűmérethez igazítja az 'opsz' tengelyt: 70+ px-nél
   a leghajszálvékonyabb display-vágatot választja, ami sötét háttéren
   szétesik. Rögzítjük egy zömökebb értékre — a karakter megmarad,
   a vonalak viszont megtartják magukat. */
.hero__h, .hero__title, .h2, .shead__t, .pane__h, .card__t, .cta__h, .cta__t,
.drawer a, .load__num, .strip__row span{
  font-optical-sizing:none;
  font-variation-settings:'opsz' 20;
}

/* ── MANIFESZTÓ: háttér, óriás kérdőjel, kirajzolódó arany vonal ── */
.mani{position:relative;overflow:hidden;}
.mani__bg{position:absolute;inset:0;z-index:0;}
.mani__bg img{width:100%;height:132%;object-fit:cover;
  filter:grayscale(.55) brightness(.30) saturate(.75);will-change:transform;}
.mani__bg::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(90deg,var(--bg) 0%,rgba(27,27,25,.88) 42%,rgba(27,27,25,.50) 100%),
    linear-gradient(180deg,var(--bg) 0%,transparent 22%,transparent 78%,var(--bg) 100%);
}
/* Óriás kérdőjel — a kiemelt mondat vizuális visszhangja */
.mani__mark{
  position:absolute;right:7vw;top:50%;z-index:1;pointer-events:none;
  font-family:var(--serif);font-size:min(30vw,420px);line-height:.74;
  color:var(--gold);opacity:.10;will-change:transform;
  font-optical-sizing:none;font-variation-settings:'opsz' 96;
}
.mani .wrap{position:relative;z-index:2;}
.mani__rule{
  position:absolute;left:calc(var(--pad) - 24px);top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,var(--gold),rgba(201,168,106,0));
  transform:scaleY(0);transform-origin:top;
}
/* Mobilon is maradnak, csak méretezve — korábban itt el voltak rejtve. */
@media(max-width:820px){
  .mani__mark{font-size:min(54vw,280px);right:-5vw;opacity:.09;}
  .mani__rule{left:2px;}
}