/* hun-reallifecam.com — szerkesztőségi számozott rács (P10/A) */
@font-face{
  font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/assets/fonts/archivo700.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/assets/fonts/archivo-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Public Sans";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/assets/fonts/publicsans-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Public Sans";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/assets/fonts/publicsans-latinext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
:root{
  --bg:#ffffff;
  --ink:#141414;
  --surface:#f4f1ec;
  --cta:#7a3e2f;
  --line:rgba(20,20,20,.14);
  --muted:#6a6259;
  --wrap:1240px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17.5px;
  line-height:1.75;
  font-weight:400;
}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3{font-family:Archivo,system-ui,sans-serif;font-weight:700;letter-spacing:-.015em;margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 48px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:12px;background:#fff;padding:8px 12px;z-index:20}

/* fejléc */
.hdr{border-bottom:1px solid var(--line);background:#fff}
.hdr__in{
  max-width:var(--wrap);margin:0 auto;padding:0 48px;min-height:78px;
  display:flex;align-items:center;gap:30px;flex-wrap:wrap;
}
.brand{display:flex;flex-direction:column;line-height:1.05;margin-right:auto}
.brand__name{font-family:Archivo,sans-serif;font-weight:700;font-size:23px;letter-spacing:-.02em}
.brand__sub{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.nav{display:flex;gap:24px;flex-wrap:wrap}
.nav__a{font-size:15px;line-height:1.4;padding:4px 0;border-bottom:2px solid transparent;color:#2b2722}
.nav__a:hover{border-color:var(--ink)}
.nav__a.on{border-color:var(--cta);color:var(--ink);font-weight:600}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--cta);color:#fff;font-weight:600;font-size:15px;
  min-height:52px;padding:0 24px;border:1px solid var(--cta);
}
.btn:hover{background:#653227}
.btn--sm{min-height:42px;padding:0 17px;font-size:14px;white-space:nowrap}
.btn--lg{min-height:56px;padding:0 30px;font-size:16px}
.age{
  display:inline-block;border:1px solid currentColor;border-radius:999px;
  font-size:11px;line-height:1;font-weight:700;letter-spacing:.04em;padding:4px 7px;
}
.act{display:flex;align-items:center;gap:14px;margin-top:28px}

/* hero */
.hero{position:relative;max-width:var(--wrap);margin:0 auto;padding:26px 48px 68px}
.hero__no{
  position:absolute;left:44px;top:8px;margin:0;
  font-family:Archivo,sans-serif;font-weight:700;font-size:96px;line-height:.82;
  color:#ece5da;letter-spacing:-.05em;pointer-events:none;user-select:none;
}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:56px;align-items:start}
.hero__copy{padding-top:78px}
.kick{margin:0 0 16px;font-size:12px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--cta)}
.hero h1{font-size:clamp(38px,4.3vw,58px);line-height:1.06;letter-spacing:-.028em;max-width:14ch}
.lede{font-size:18.5px;line-height:1.7;color:#3d3833;margin-top:20px;max-width:52ch}
.hero__fig{margin:0 -24px 0 0}
.hero__fig img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.hero__fig figcaption{font-size:13px;color:var(--muted);margin-top:10px;letter-spacing:.01em}

/* partnerek */
.pl{margin-top:0}
.pl__row{max-width:var(--wrap);padding:0 48px}
.pl__label{font-size:11px;letter-spacing:.2em;color:#4a443d;margin:0 0 16px;text-align:left}

/* számozott blokkok */
.nums{max-width:var(--wrap);margin:0 auto;padding:0 48px}
.num{display:grid;grid-template-columns:104px minmax(0,1fr);gap:24px;border-top:1px solid var(--line);padding:34px 0 30px}
.num:last-child{border-bottom:1px solid var(--line)}
.num__no{margin:0;font-family:Archivo,sans-serif;font-weight:700;font-size:14px;letter-spacing:.12em;color:var(--cta);padding-top:7px}
.num__body h2{font-size:30px;line-height:1.18;margin-bottom:12px;max-width:22ch}
.num__body p{max-width:580px;margin-bottom:14px;color:#26221e}
.num__body p:last-child{margin-bottom:0}
.steps{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.step{border-top:2px solid var(--ink);padding-top:12px}
.step__no{font-family:Archivo,sans-serif;font-weight:700;font-size:13px;letter-spacing:.1em;color:var(--cta)}
.step h3{font-size:17px;line-height:1.3;margin:6px 0 6px}
.step p{font-size:15.5px;line-height:1.65;color:#3a3530}

/* képernyőképek */
.shots{max-width:var(--wrap);margin:0 auto;padding:56px 48px 0}
.shots__hd h2{font-size:32px;line-height:1.15;margin-bottom:12px}
.shots__lede{max-width:580px;color:#3a3530;margin-bottom:28px}
.shots__body{display:grid;gap:22px}
.shot{margin:0;display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;align-items:start}
.shot img{grid-column:2;grid-row:1;display:block;width:100%;border:1px solid var(--line)}
.shot figcaption{grid-column:1;grid-row:1;font-size:14px;line-height:1.6;color:#3d3833;border-top:2px solid var(--cta);padding-top:10px}
.shot figcaption b{display:block;font-family:Archivo,sans-serif;font-size:12px;letter-spacing:.12em;color:var(--cta);margin-bottom:4px}

/* tovább */
.note{max-width:var(--wrap);margin:64px auto 0;padding:0 48px 72px}
.note__hd{background:var(--surface);padding:38px 40px 30px}
.note__hd h2{font-size:30px;margin-bottom:10px}
.note__hd p{max-width:580px;color:#332e29}
.nxts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-left:1px solid var(--line)}
.nxt{display:flex;flex-direction:column;gap:4px;padding:18px 18px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:132px}
.nxt:hover{background:#faf8f5}
.nxt__no{font-family:Archivo,sans-serif;font-size:12px;letter-spacing:.12em;color:var(--cta)}
.nxt__t{font-family:Archivo,sans-serif;font-weight:700;font-size:17px}
.nxt__d{font-size:14px;line-height:1.55;color:var(--muted)}

/* belső oldalak */
.page{max-width:var(--wrap);margin:0 auto;padding:52px 48px 72px}
.phead{border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:34px;max-width:760px}
.phead h1{font-size:clamp(34px,3.8vw,50px);line-height:1.08;letter-spacing:-.025em;max-width:20ch}
.phead .lede{max-width:600px}
.pbody{max-width:760px}
.pfirst{max-width:580px;font-size:18px;line-height:1.75;margin-bottom:30px;color:#26221e}
.plast{max-width:580px;margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:16px;color:#3a3530}
.rows .row{border-top:1px solid var(--line);padding:20px 0 18px}
.rows .row:last-child{border-bottom:1px solid var(--line)}
.row h2{font-size:21px;line-height:1.25;margin-bottom:6px}
.row p{max-width:580px;font-size:16.5px;color:#332e29}
.crows .crow{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;border-top:1px solid var(--line);padding:18px 0 16px}
.crow__no{margin:0;font-family:Archivo,sans-serif;font-size:12px;letter-spacing:.1em;color:var(--cta);padding-top:5px}
.crow h2{font-size:20px;margin-bottom:4px}
.crow p{max-width:580px;font-size:16.5px;color:#332e29}
.shot--inline{margin:6px 0 20px;grid-template-columns:1fr}
.shot--inline img{grid-column:1;grid-row:1}
.shot--inline figcaption{grid-column:1;grid-row:2;border-top:1px solid var(--line);padding-top:8px}
.prose p{max-width:580px;margin-bottom:16px}
.prose p:last-child{margin-bottom:0}
.tiers{width:100%;border-collapse:collapse;margin:8px 0 30px;font-size:16px}
.tiers th,.tiers td{text-align:left;vertical-align:top;padding:14px 16px;border-top:1px solid var(--line);line-height:1.55}
.tiers thead th{font-family:Archivo,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-top:2px solid var(--ink);padding-top:10px}
.tiers tbody th{font-family:Archivo,sans-serif;font-size:17px;width:150px}
.tiers tbody tr:last-child td,.tiers tbody tr:last-child th{border-bottom:1px solid var(--line)}
.chap{border-top:1px solid var(--line);padding:26px 0 24px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px}
.chap:last-of-type{border-bottom:1px solid var(--line)}
.chap__no{grid-row:1;margin:0;font-family:Archivo,sans-serif;font-size:12px;letter-spacing:.12em;color:var(--cta);padding-top:8px}
.chap h2{grid-column:2;font-size:25px;line-height:1.2;margin-bottom:10px}
.chap p{grid-column:2;max-width:580px;margin-bottom:12px;color:#26221e}
.chap p:last-child{margin-bottom:0}
.qas{border-top:1px solid var(--line)}
.qa{border-bottom:1px solid var(--line)}
.qa summary{cursor:pointer;list-style:none;padding:17px 34px 17px 0;position:relative;font-family:Archivo,sans-serif;font-weight:700;font-size:18px;line-height:1.35}
.qa summary::-webkit-details-marker{display:none}
.qa summary:after{content:"+";position:absolute;right:2px;top:14px;font-size:23px;color:var(--cta)}
.qa[open] summary:after{content:"\2212"}
.qa__a{padding:0 0 18px}
.qa__a p{max-width:580px;font-size:16.5px;color:#332e29;margin-bottom:10px}
.qa__a p:last-child{margin-bottom:0}
.nxts--tight{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:30px}

/* lábléc */
.ft{border-top:1px solid var(--line);margin-top:0;background:#fbf9f6}
.ft__strip{max-width:var(--wrap);margin:0 auto;padding:38px 48px 30px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px}
.ft__mark{font-family:Archivo,sans-serif;font-weight:700;font-size:22px}
.ft__txt{max-width:44ch;font-size:14px;line-height:1.65;color:var(--muted);margin-top:8px}
.ft__lab{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.ft__nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px}
.ft__nav a{font-size:15px;line-height:1.6}
.ft__nav a:hover{text-decoration:underline}
.ft__base{max-width:var(--wrap);margin:0 auto;padding:14px 48px 22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.ft__base p{margin:0;flex:1 1 320px}
.ft__dom{letter-spacing:.06em}

/* reszponzív */
@media (max-width:1080px){
  .hero__grid{grid-template-columns:1fr;gap:30px}
  .hero__copy{padding-top:70px}
  .hero__fig{margin-right:-48px}
  .hero h1{max-width:18ch}
  .steps{grid-template-columns:1fr 1fr}
  .shot{grid-template-columns:170px minmax(0,1fr);gap:18px}
  .nxts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nxt{border-left:1px solid var(--line)}
  .nxts{border-left:0}
}
@media (max-width:820px){
  .hdr__in{padding:12px 24px;gap:14px}
  .brand{margin-right:0}
  .nav{order:3;width:100%;gap:16px}
  .btn--sm{margin-left:auto}
  .hero{padding:18px 24px 52px}
  .hero__no{left:20px;top:2px;font-size:76px}
  .hero__copy{padding-top:58px}
  .hero__fig{margin-right:-24px}
  .pl__row{padding:0 24px}
  .nums{padding:0 24px}
  .num{grid-template-columns:1fr;gap:4px;padding:26px 0 24px}
  .num__no{padding-top:0}
  .num__body h2{font-size:26px}
  .steps{grid-template-columns:1fr}
  .shots{padding:40px 24px 0}
  .shot{grid-template-columns:1fr;gap:8px}
  .shot img{grid-column:1;grid-row:2}
  .shot figcaption{grid-column:1;grid-row:1}
  .note{margin-top:40px;padding:0 24px 52px}
  .note__hd{padding:26px 22px 20px}
  .nxts{grid-template-columns:1fr 1fr}
  .page{padding:34px 24px 52px}
  .phead h1{font-size:34px}
  .crows .crow{grid-template-columns:44px minmax(0,1fr);gap:10px}
  .chap{grid-template-columns:44px minmax(0,1fr);gap:10px}
  .ft__strip{grid-template-columns:1fr;padding:28px 24px 22px;gap:22px}
  .ft__base{padding:12px 24px 20px}
  .tiers{display:block;overflow-x:auto;white-space:nowrap}
}
@media (max-width:560px){
  body{font-size:17px}
  .hdr__in{padding:10px 18px}
  .brand__name{font-size:21px}
  .nav{gap:12px 16px}
  .nav__a{font-size:15px}
  .btn--sm{padding:0 13px}
  .hero{padding:14px 18px 44px}
  .hero__no{left:14px;top:-2px;font-size:64px}
  .hero__copy{padding-top:50px}
  .hero__fig{margin-right:-18px}
  .hero h1{font-size:35px;max-width:15ch}
  .lede{font-size:17px}
  .act{flex-wrap:wrap;gap:10px}
  .btn--lg{width:100%;min-height:52px}
  .pl__row{padding:0 18px}
  .nums{padding:0 18px}
  .shots{padding:34px 18px 0}
  .note{padding:0 18px 44px}
  .nxts{grid-template-columns:1fr}
  .nxt{min-height:0}
  .page{padding:28px 18px 44px}
  .phead h1{font-size:30px}
  .ft__strip{padding:26px 18px 20px}
  .ft__base{padding:12px 18px 18px}
  .tiers{font-size:15px}
}