/* Bíró Bence Péter – B2B előadói oldal · "rebel" szerkesztőségi stílus */
@font-face{font-family:IT;font-weight:400;font-display:swap;src:url(/fonts/it-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,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:IT;font-weight:400;font-display:swap;src:url(/fonts/it-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:IT;font-weight:500;font-display:swap;src:url(/fonts/it-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,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:IT;font-weight:500;font-display:swap;src:url(/fonts/it-latin-ext-500.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:IT;font-weight:800;font-display:swap;src:url(/fonts/it-latin-800.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,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:IT;font-weight:800;font-display:swap;src:url(/fonts/it-latin-ext-800.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Mono;font-weight:400;font-display:swap;src:url(/fonts/mono-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,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:Mono;font-weight:400;font-display:swap;src:url(/fonts/mono-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Mono;font-weight:500;font-display:swap;src:url(/fonts/mono-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,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:Mono;font-weight:500;font-display:swap;src:url(/fonts/mono-latin-ext-500.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Hand;font-weight:400;font-display:swap;src:url(/fonts/hand-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,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:Hand;font-weight:400;font-display:swap;src:url(/fonts/hand-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#0A0A0A;--paper:#F7F6F2;--white:#FFF;--grey:#CFCDC6;--mute:#6A6964;--body:#2B2B29;
  --acc:#FF4A1C;--acc-text:#C2340F;--soft:#D9D8D2;
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.6 IT,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.01em}
img,video{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
p{margin:0}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:var(--acc);color:var(--ink);padding:10px 14px;z-index:20}

/* typo */
.d{font-family:IT,"Helvetica Neue",Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.055em;line-height:.95;margin:0}
.d-xl{font-size:clamp(52px,9.2vw,148px)}
.d-l{font-size:clamp(42px,6.4vw,104px)}
.d-m{font-size:clamp(34px,4.6vw,72px)}
.d-s{font-size:clamp(26px,2.8vw,40px);letter-spacing:-.04em;line-height:.95}
.caps{text-transform:uppercase;font-weight:500;letter-spacing:.02em;line-height:1.35}
.mono{font-family:Mono,ui-monospace,Menlo,monospace;text-transform:uppercase;font-size:15px;letter-spacing:.06em;line-height:1.65}
.hand{font-family:Hand,"Marker Felt",cursive;font-weight:400;letter-spacing:.02em;line-height:1.1;text-transform:none}
.acc{color:var(--acc)}
.mute{color:var(--mute)}
mark.ph{background:#FFE2D8;color:#8A2408;padding:0 .25em;border-radius:2px;font:inherit;letter-spacing:inherit}
.dark mark.ph,.grain mark.ph{background:#3B160B;color:#FFB9A3}

/* layout */
.wrap{max-width:1360px;margin:0 auto;padding-left:48px;padding-right:48px}
.narrow{max-width:980px}
.sec{padding-top:120px;padding-bottom:120px}
.dark{background:var(--ink);color:var(--paper)}
.paper{background:var(--paper)}
.white{background:var(--white)}
.rule-t{border-top:1px solid currentColor}
.rule-b{border-bottom:1px solid currentColor}
.mt-xs{margin-top:12px}.mt-s{margin-top:20px}.mt-m{margin-top:32px}.mt-l{margin-top:56px}.mt-xl{margin-top:88px}
.center{text-align:center}

/* grain + mozgás */
.grain{position:relative;background:#141413;color:var(--paper);isolation:isolate;overflow:hidden}
.grain::before{content:"";position:absolute;inset:-60%;background-image:var(--noise);opacity:.16;z-index:-1;animation:grain 1.1s steps(6) infinite;pointer-events:none}
.grain.light{background:#D7D5CF;color:var(--ink)}
.grain.light::before{opacity:.35;mix-blend-mode:multiply;filter:invert(1)}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-7%,4%)}40%{transform:translate(5%,-6%)}60%{transform:translate(-4%,-3%)}80%{transform:translate(6%,5%)}100%{transform:translate(0,0)}}
.bgvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:grayscale(1) contrast(1.15);opacity:.55}
@media (prefers-reduced-motion:reduce){.grain::before{animation:none}.bgvid{display:none}.marquee span{animation:none}}

/* gombok */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:16px 34px;border-radius:3px;font-family:Mono,ui-monospace,monospace;font-weight:500;font-size:15px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:background .15s,color .15s}
.btn-ink{background:var(--ink);color:var(--paper)}.btn-ink:hover{background:var(--acc);color:var(--ink)}
.btn-white{background:var(--paper);color:var(--ink)}.btn-white:hover{background:var(--acc)}
.btn-acc{background:var(--acc);color:var(--ink)}.btn-acc:hover{background:var(--paper)}
.btn-line{border-color:currentColor;color:inherit;background:transparent}.btn-line:hover{background:var(--paper);color:var(--ink)}
.btns{display:flex;flex-wrap:wrap;gap:14px}
.tlink{font-family:Mono,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:14px;text-decoration:none;border-bottom:1.5px solid var(--acc);padding-bottom:3px}
.tlink:hover{color:var(--acc)}

/* fejléc */
.top{background:var(--ink);color:var(--paper);position:sticky;top:0;z-index:10}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;max-width:none}
.logo{font:800 27px/1 IT,sans-serif;letter-spacing:-.06em;text-transform:uppercase;text-decoration:none;color:var(--paper)}
.logo span{color:var(--acc)}
.top nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 30px}
.top nav a{font-family:Mono,monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.top nav a:hover,.top nav a[aria-current=page]{color:var(--acc)}
.top nav .btn{min-height:44px;padding:10px 20px;font-size:13px}
.band{height:12px;background:var(--acc)}

/* hero */
.hero{min-height:calc(100vh - 80px);display:flex;align-items:flex-end}
.hero .wrap{width:100%;padding-top:96px;padding-bottom:72px}
.hero .lede{max-width:34em;font-size:clamp(17px,1.5vw,21px)}
.hero .note{font-size:clamp(24px,2.4vw,34px);color:var(--acc);transform:rotate(-2deg);display:inline-block}
.cred{color:#A8A7A1}

/* futószalag */
.marquee{overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--ink);padding:20px 0}
.marquee span{display:inline-block;animation:mq 38s linear infinite;padding-right:2em}
@keyframes mq{to{transform:translateX(-100%)}}
.marquee .sep{color:var(--acc);padding:0 .9em}

/* osztott szekció */
.split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.split>*{padding:96px 48px;min-width:0}
.split>*+*{border-left:1px solid var(--ink)}
.dark .split,.grain .split,.split.on-dark{border-color:var(--paper)}
.split.on-dark>*+*{border-color:#3A3A37}

/* polaroid */
.polaroid{background:#FBFAF6;padding:22px 22px 70px;box-shadow:0 18px 40px rgba(0,0,0,.18);transform:rotate(3deg);max-width:560px;margin:0 auto;position:relative}
.polaroid .ph-img{aspect-ratio:4/3.2;background:#1A1A19;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#BDBCB6;text-align:center;padding:16px;position:relative;overflow:hidden;isolation:isolate}
.polaroid .ph-img::before{content:"";position:absolute;inset:-50%;background-image:var(--noise);opacity:.2;z-index:-1;animation:grain 1.1s steps(6) infinite}
.polaroid .cap{position:absolute;left:26px;bottom:20px;font-size:28px;color:var(--ink)}
.play{width:78px;height:78px;border-radius:50%;background:var(--acc);display:flex;align-items:center;justify-content:center}

/* stat sor */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.stats>div{padding:36px 32px 8px 0}
.stats>div+div{padding-left:32px;border-left:1px solid var(--ink)}
.stats .n{font:800 clamp(44px,5vw,76px)/1 IT,sans-serif;letter-spacing:-.05em}

/* előadás "vol" sorok */
.vol{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;padding:96px 0;border-top:1px solid #3A3A37}
.vol:nth-child(even){grid-template-columns:1fr 1.25fr}
.vol:nth-child(even) .vol-txt{order:2}
.vol .big{font:800 clamp(140px,20vw,300px)/.8 IT,sans-serif;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:2px var(--acc);text-align:center;user-select:none}
.vol .hand{font-size:30px;color:var(--acc)}
.vol p.mono{color:#CFCEC8;max-width:36em}

/* mappa (manifesztum) */
.folder{position:relative;background:var(--ink);color:var(--paper);max-width:1080px;margin:56px auto 0;padding:96px 56px 80px;border-radius:0 6px 6px 6px;text-align:center}
.folder::before{content:"";position:absolute;top:-46px;left:50%;transform:translateX(-50%);width:360px;max-width:70%;height:48px;background:var(--ink);border-radius:14px 14px 0 0}
.folder .tab{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:#EDEBE5;color:var(--ink);padding:5px 16px;font-family:Mono,monospace;letter-spacing:.3em;font-size:14px;text-transform:uppercase;white-space:nowrap}
.folder p{font-family:Mono,monospace;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(14px,1.25vw,17px);line-height:1.7;max-width:46em;margin:0 auto}
.folder p+p{margin-top:24px}
.folder p.hl{color:var(--acc)}

/* cetlik (ajánlások) */
.slips{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:40px 48px;margin-top:64px}
.slip{background:#EFEDE7;color:var(--ink);padding:26px 30px;max-width:440px;font-size:19px;line-height:1.45;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.slip:nth-child(1){transform:rotate(-2deg)}.slip:nth-child(2){transform:rotate(1.6deg);margin-top:40px}.slip:nth-child(3){transform:rotate(-1deg)}.slip:nth-child(4){transform:rotate(2.4deg);margin-top:-10px}
.slip .who{display:block;margin-top:14px;font-size:24px;color:var(--acc-text)}
.slip .role{font-family:Mono,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}

/* táblázat */
.tbl{overflow-x:auto;margin-top:56px}
table{width:100%;border-collapse:collapse;min-width:640px}
th{font-family:Mono,monospace;font-weight:400;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-align:left;padding:14px 20px 14px 0;border-bottom:2px solid var(--ink)}
td{padding:26px 20px 26px 0;border-bottom:1px solid var(--ink);vertical-align:top;font-size:17px}
td.f{font:800 clamp(20px,1.9vw,26px)/1.05 IT,sans-serif;letter-spacing:-.03em;text-transform:uppercase;width:30%}
td.p,th.p{text-align:right;padding-right:0;font-family:Mono,monospace;font-size:15px;letter-spacing:.04em;white-space:nowrap}

/* narancs blokk */
.orange{background:var(--acc);color:var(--ink)}
.orange .btn-ink:hover{background:var(--paper);color:var(--ink)}

/* rólam */
.about{position:relative;overflow:hidden}
.about .portrait{position:absolute;right:0;top:0;bottom:0;width:46%;background:#BEBCB5;display:flex;align-items:center;justify-content:center;color:#5B5A55;font-family:Mono,monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;filter:grayscale(1);isolation:isolate}
.about .portrait img{width:100%;height:100%;object-fit:cover}
.about .portrait::before{content:"";position:absolute;inset:0;background-image:var(--noise);opacity:.25;mix-blend-mode:multiply;filter:invert(1)}
.about .inner{position:relative;z-index:1}
.sticker{display:inline-block;background:var(--ink);color:var(--acc);padding:6px 18px 4px;font-size:30px;transform:rotate(-3deg)}
.about .txt{max-width:640px}
.about .txt p{font-size:19px;color:var(--body)}
.about .txt p+p{margin-top:18px}

/* GYIK */
details{border-top:1px solid var(--ink);padding:26px 0}
details:last-of-type{border-bottom:1px solid var(--ink)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:24px;font:800 clamp(20px,1.9vw,26px)/1.1 IT,sans-serif;letter-spacing:-.03em;text-transform:uppercase}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:Mono,monospace;font-weight:400;color:var(--acc-text);font-size:26px}
details[open] summary::after{content:"–"}
details p{margin-top:16px;max-width:46em;color:var(--body)}

/* űrlap */
form.req{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px;max-width:860px}
form.req label{display:flex;flex-direction:column;gap:8px;font-family:Mono,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#BDBCB6}
form.req .full{grid-column:1/-1}
form.req input,form.req select,form.req textarea{font:17px/1.4 IT,sans-serif;letter-spacing:0;text-transform:none;padding:17px 16px;background:var(--paper);color:var(--ink);border:0;border-radius:0;width:100%}
form.req textarea{min-height:110px;resize:vertical}
form.req .hint{font-family:Mono,monospace;font-size:12px;letter-spacing:.06em;color:#A8A7A1;text-transform:none}
@media (max-width:640px){form.req{grid-template-columns:1fr}}

/* próza (aloldalak) */
.prose{max-width:820px}
.prose h2{margin-top:72px}
.prose h3{font:800 22px/1.15 IT,sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:36px 0 0}
.prose p,.prose li{font-size:19px;color:var(--body)}
.prose p{margin-top:18px}
.prose ul{padding-left:22px;margin:18px 0 0}
.prose li+li{margin-top:10px}
.tpl{background:var(--white);border:1px solid var(--ink);padding:30px;white-space:pre-wrap;font:16px/1.65 Mono,monospace;color:var(--ink);margin-top:24px}
dl.facts{display:grid;grid-template-columns:minmax(160px,260px) 1fr;margin-top:28px;font-size:18px}
dl.facts dt,dl.facts dd{margin:0;padding:16px 0;border-bottom:1px solid var(--ink)}
dl.facts dt{font-family:Mono,monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding-top:20px}
.crumb{font-family:Mono,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#A8A7A1}
.crumb a{text-decoration:none}.crumb a:hover{color:var(--acc)}

/* lábléc */
.foot{background:var(--ink);color:var(--paper);border-top:1px solid #2E2E2B}
.foot .wrap{max-width:none;padding-top:72px;padding-bottom:40px}
.foot .grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:48px}
.foot .mark{font:800 clamp(64px,10vw,168px)/.92 IT,sans-serif;letter-spacing:-.07em;text-transform:uppercase}
.foot .mark span{color:var(--acc)}
.foot nav{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.foot nav a{font-size:clamp(17px,1.6vw,24px);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.foot nav a:hover{color:var(--acc)}
.foot .legal{margin-top:64px;text-align:center;font-family:Mono,monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#A8A7A1}
.foot .legal a{color:var(--acc)}

/* mobil */
@media (max-width:900px){
  .wrap{padding-left:20px;padding-right:20px}
  .sec{padding-top:80px;padding-bottom:80px}
  .split{grid-template-columns:1fr}
  .split>*{padding:64px 20px}
  .split>*+*{border-left:0;border-top:1px solid var(--ink)}
  .stats{grid-template-columns:1fr}
  .stats>div+div{padding-left:0;border-left:0;border-top:1px solid var(--ink)}
  .vol,.vol:nth-child(even){grid-template-columns:1fr;gap:16px;padding:64px 0}
  .vol:nth-child(even) .vol-txt{order:0}
  .vol .big{font-size:120px;text-align:left}
  .folder{padding:72px 22px 56px}
  .about .portrait{position:relative;width:100%;height:420px}
  .foot nav{align-items:flex-start}
  .top nav{gap:6px 18px}
  .top nav a:not(.btn){font-size:12px}
  .hero{min-height:auto}
}
@media (max-width:560px){.logo{font-size:22px}.top nav a.hide-s{display:none}}
.d{hyphens:manual;overflow-wrap:break-word}
@media (max-width:560px){.d-xl{font-size:12.5vw}.d-l{font-size:11vw}.d-m{font-size:9.6vw}.d-s{font-size:7.4vw}}
.list-rows{border-top:1px solid #3A3A37;margin-top:56px}
.list-rows a{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:baseline;padding:26px 0;border-bottom:1px solid #3A3A37;text-decoration:none}
.list-rows a:hover .t{color:var(--acc)}
.list-rows .n{font-family:Mono,monospace;color:var(--acc);font-size:14px;letter-spacing:.1em}
.list-rows .t{font:800 clamp(22px,2.4vw,34px)/1.05 IT,sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.list-rows .m{font-family:Mono,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#A8A7A1}
@media (max-width:700px){.list-rows a{grid-template-columns:48px 1fr}.list-rows .m{grid-column:2}}
.books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink)}
.books>div{padding:32px 24px 36px 0}
.books>div+div{padding-left:24px;border-left:1px solid var(--ink)}
.books .y{font-family:Mono,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.books h3{font:800 26px/1 IT,sans-serif;letter-spacing:-.035em;text-transform:uppercase;margin:12px 0 0}
.books p{margin-top:12px;font-size:16px;color:var(--body)}
@media (max-width:900px){.books{grid-template-columns:1fr 1fr}.books>div:nth-child(3){padding-left:0;border-left:0}.books>div:nth-child(n+3){border-top:1px solid var(--ink)}}
@media (max-width:560px){.books{grid-template-columns:1fr}.books>div+div{padding-left:0;border-left:0;border-top:1px solid var(--ink)}}
.press{columns:2 360px;column-gap:56px;margin-top:40px}
.press a{display:block;break-inside:avoid;padding:16px 0;border-bottom:1px solid var(--ink);text-decoration:none}
.press a:hover .pt{color:var(--acc-text)}
.press .src{font-family:Mono,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.press .pt{display:block;margin-top:4px;font-size:17px;line-height:1.4}
.fam{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0;border-top:1px solid var(--ink);margin-top:48px}
.fam>div{padding:28px 28px 32px 0;border-bottom:1px solid var(--ink)}
.fam h3{font:800 22px/1.05 IT,sans-serif;letter-spacing:-.03em;text-transform:uppercase;margin:0}
.fam ul{list-style:none;padding:0;margin:14px 0 0}
.fam li{font-size:16px;color:var(--body);padding:3px 0}
.fam li::before{content:"— ";color:var(--acc-text)}
.refs{font-family:Mono,monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#A8A7A1;margin-top:18px}
.refs b{color:var(--paper);font-weight:500}

/* --- grafikus átnézés utáni javítások --- */
.d{letter-spacing:-.04em}
.hero{position:relative}
.hero .wrap{position:relative;z-index:1}
.hero-img{position:absolute;right:0;top:0;height:100%;width:52%;object-fit:cover;object-position:center 20%;z-index:-1;opacity:.85;
  -webkit-mask-image:linear-gradient(to left,#000 45%,transparent 100%);mask-image:linear-gradient(to left,#000 45%,transparent 100%)}
.hero .note{color:var(--paper)}
.vol .big{-webkit-text-stroke:1.5px #5A5955}
.vol:first-child .big{-webkit-text-stroke-color:var(--acc)}
.vol .hand{color:#CFCEC8}
.marquee .sep{color:var(--mute)}
.about .portrait{background:#111}
.about .portrait::before{z-index:1;opacity:.12}
.mono{font-size:15px}
.refs,.crumb,.foot .legal{color:#BDBCB6}
.stats .n{color:var(--ink)}
@media (max-width:900px){.hero-img{position:relative;width:100%;height:auto;aspect-ratio:1/1;opacity:1;-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 35%);mask-image:linear-gradient(to top,transparent 0%,#000 35%)}
  .hero{flex-direction:column;align-items:stretch}.hero .wrap{margin-top:-120px}}
/* --- döntéshozói átnézés utáni javítások --- */
.caps{text-transform:none;font-weight:500;letter-spacing:0;line-height:1.5}
.lede{font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:#E4E3DE}
.marquee span{animation-duration:90s}
.occs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.occ{padding:32px 28px 36px 0;border-bottom:1px solid var(--ink)}
.occ:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--ink)}
.occ h3{font:800 clamp(22px,2.2vw,30px)/1 IT,sans-serif;letter-spacing:-.035em;text-transform:uppercase;margin:0}
.occ p{margin-top:10px;color:var(--body);font-size:16px}
.occ-links{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.occ-links a{font-weight:500;font-size:16px;text-decoration:none;border-bottom:1.5px solid var(--acc);align-self:flex-start;padding-bottom:2px}
.occ-links a:hover{color:var(--acc-text)}
@media (max-width:900px){.occs{grid-template-columns:1fr}.occ:not(:nth-child(3n+1)){padding-left:0;border-left:0}}
.folder p.hl{margin-top:36px}.folder p.hl:first-of-type{margin-top:0}
.about .books>div{padding:24px 20px 24px 0!important;border-left:0!important;border-top:0}
.about .books>div:nth-child(even){padding-left:20px!important;border-left:1px solid var(--ink)!important}
.about .books>div:nth-child(n+3){border-top:1px solid var(--ink)}
@media (max-width:560px){.about .books{grid-template-columns:1fr!important}.about .books>div:nth-child(even){padding-left:0!important;border-left:0!important}.about .books>div+div{border-top:1px solid var(--ink)}}
/* tárgyfotók */
.obj-hero{position:absolute;right:24px;top:40px;width:min(40%,520px);height:auto;transform:rotate(6deg);filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));pointer-events:none}
.grain .wrap h1,.grain .wrap .caps,.grain .wrap .btns,.grain .wrap .refs,.grain .wrap .mono{position:relative;z-index:1}
.list-rows .thumb{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
@media (max-width:900px){.obj-hero{position:relative;right:auto;top:auto;width:62%;margin:0 0 -10px auto;display:block}}
.list-rows a{align-items:center}
@media (max-width:560px){.d-l{font-size:8.6vw}.d-xl{font-size:11vw}}
@media (max-width:560px){h1.d-l{font-size:7.8vw!important}}
@media (min-width:901px){.wrap:has(.obj-hero) h1{max-width:62%!important}.obj-hero{width:min(34%,460px);top:56px}}
@media (min-width:901px){.wrap:has(.obj-hero) h1{font-size:clamp(36px,4.6vw,68px)!important;overflow-wrap:normal}}
ul.plain{list-style:none;padding:0;margin:0}
ul.plain li{padding:14px 0;border-bottom:1px solid var(--ink);font-size:18px;color:var(--body)}
ul.plain li:first-child{border-top:1px solid var(--ink)}
ul.plain{margin-top:24px!important}
/* papírtextúra a sötét szekciókon */
.grain:not(.light){background:#111 url(/tex-fekete.jpg) repeat;background-size:700px 700px}
.grain:not(.light)::before{opacity:.08}
.tsub{display:block;font:500 13px/1.4 Mono,monospace;letter-spacing:.08em;color:#A8A7A1;margin-top:8px;text-transform:uppercase}
.h1sub{display:block;font:500 clamp(14px,1.3vw,17px)/1.4 Mono,monospace;letter-spacing:.1em;color:#CFCEC8;margin-top:22px;text-transform:uppercase}
.occs.on-dark{border-color:#3A3A37}
.occs.on-dark .occ{border-color:#3A3A37}
.occs.on-dark .occ p{color:#CFCEC8}
.occs.on-dark .occ-links a{color:var(--paper)}
.why .occ h3{font-size:clamp(20px,1.9vw,26px)}
.grain.light{background:#CFCDC7 url(/tex-szurke.jpg) repeat;background-size:700px 700px}
.grain.light::before{opacity:.06}
.grain.light .occs,.grain.light .occ{border-color:rgba(10,10,10,.35)}
.grain.light .occ p{color:#1F1F1D}
.folder-img{position:relative;max-width:1100px;margin:0 auto;aspect-ratio:1448/1086;background:url(/mappa.webp) center/100% 100% no-repeat;color:var(--paper);text-align:center;padding:15% 12% 8%;display:flex;flex-direction:column;justify-content:center;filter:drop-shadow(0 24px 40px rgba(0,0,0,.35))}
.folder-img .tab-label{position:absolute;top:9.2%;left:50%;transform:translateX(-50%);background:#EDEBE5;color:var(--ink);padding:4px 14px;font-family:Mono,monospace;letter-spacing:.3em;font-size:13px;text-transform:uppercase;white-space:nowrap}
.folder-img p{font-family:Mono,monospace;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(13px,1.15vw,16px);line-height:1.65;max-width:44em;margin:0 auto}
.folder-img p.hl{color:var(--acc);margin-top:22px}
.folder-img p.hl:first-of-type{margin-top:0}
@media (max-width:900px){.folder-img{aspect-ratio:auto;background:#151514;border-radius:6px;padding:72px 22px 48px}.folder-img .tab-label{top:22px}}
.grain.light{background:linear-gradient(rgba(214,212,206,.72),rgba(214,212,206,.72)),url(/tex-szurke.jpg) repeat;background-size:auto,700px 700px}
.grain:not(.light){background:linear-gradient(rgba(17,17,17,.55),rgba(17,17,17,.55)),url(/tex-fekete.jpg) repeat;background-size:auto,700px 700px}
.pol{position:relative;margin:0 auto;width:min(100%,520px);aspect-ratio:1145/1374;filter:drop-shadow(0 22px 34px rgba(0,0,0,.28))}
.pol .win{position:absolute;left:15.5%;right:12.4%;top:10.6%;bottom:26.3%;background:#141413 url(/tex-fekete.jpg);background-size:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#BDBCB6;text-align:center;padding:16px;transform:rotate(1.2deg)}
.pol .win iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pol .frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pol .cap{position:absolute;left:18%;bottom:10%;font-size:clamp(20px,2.2vw,28px);color:var(--ink);transform:rotate(1.5deg);margin:0}
tr.grp td{padding:34px 0 10px;border-bottom:2px solid var(--ink);font:500 13px/1 Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--acc-text)}
/* nyitókép: a szöveg ne fedje az arcot */
@media (min-width:901px){
 .hero-img{width:46%;object-position:60% 18%;opacity:.95;-webkit-mask-image:linear-gradient(to left,#000 55%,transparent 98%);mask-image:linear-gradient(to left,#000 55%,transparent 98%)}
 .hero .wrap>h1,.hero .wrap>.mono{max-width:54%}
 .hero h1.d-l{font-size:clamp(40px,5vw,78px)}
 .hero .wrap>div{max-width:min(620px,52%)!important}
}
@media (min-width:901px){.about .inner{padding-right:calc(46% + 40px)!important;max-width:none}.about .books{grid-template-columns:1fr 1fr!important}.about .books>div:nth-child(3){padding-left:0!important;border-left:0!important;border-top:1px solid var(--ink)}}
/* sima görgetés és oldalváltás */
html{scroll-behavior:smooth}
[id]{scroll-margin-top:96px}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:ease-out}
.top{view-transition-name:fejlec}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}@view-transition{navigation:none}}
.pol .win{padding:0}
.pol .yt{position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;background:#141413 center/cover no-repeat;display:flex;align-items:center;justify-content:center;filter:grayscale(1) contrast(1.05)}
.pol .yt:hover{filter:none}
.pol .yt:hover .play{transform:scale(1.08)}
.pol .play{transition:transform .2s}
.pol .yt{filter:none;isolation:isolate}
.pol .yt::before{content:"";position:absolute;inset:0;background:inherit;filter:grayscale(1) contrast(1.05);z-index:-1;transition:filter .3s}
.pol .yt:hover::before{filter:none}

/* ===== Mozgás: megjelenés görgetéskor, parallaxis, 3D-dőlés ===== */
.js .rv{opacity:0;transform:translate3d(0,34px,0);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
.js .rv-l{transform:translate3d(-40px,0,0)}
.js .rv-s{transform:scale(.94)}
.js h1.d,.js h2.d{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s cubic-bezier(.2,.7,.2,1)}
.js h1.d.in,.js h2.d.in{clip-path:inset(-10% -5% -20% -5%)}
.tilt{transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform}
.px{will-change:transform}
.grain:not(.light),.grain.light{background-attachment:scroll}
.js .hero-img{transform:scale(1.06);transition:transform 1.6s cubic-bezier(.2,.7,.2,1),opacity 1.2s}
.js .hero-img.in{transform:scale(1)}
.marquee{perspective:800px}
.obj-hero,.list-rows .thumb{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.list-rows a:hover .thumb{transform:rotate(-8deg) scale(1.12)}
.occ,.slip,.books>div{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.occ:hover{transform:translateY(-4px)}
.slip:hover{transform:rotate(0deg) scale(1.03)!important}
@media (prefers-reduced-motion:reduce){
  .js .rv,.js h1.d,.js h2.d,.js .hero-img{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
  .tilt,.px{transform:none!important}
}

/* ===== Erősebb mozgás ===== */
.js .rv{transform:translate3d(0,70px,0);filter:blur(6px);transition:opacity 1.1s cubic-bezier(.16,.8,.2,1),transform 1.1s cubic-bezier(.16,.8,.2,1),filter 1.1s cubic-bezier(.16,.8,.2,1);transition-delay:var(--d,0s)}
.js .rv.in{filter:none}
.js .rv-s{transform:scale(.86) rotate(-3deg)}
.js .rv-s.in{transform:none}
.js .w{display:inline-block;opacity:0;transform:translate3d(0,.6em,0) rotate(4deg);transition:opacity .8s cubic-bezier(.16,.8,.2,1),transform .8s cubic-bezier(.16,.8,.2,1);transition-delay:calc(var(--i)*70ms)}
.js .in .w,.js .w.in{opacity:1;transform:none}
.js h1.d,.js h2.d{clip-path:none}
.js .obj-hero{opacity:0;transform:translate3d(60px,40px,0) rotate(20deg) scale(.8);transition:opacity 1.2s .2s,transform 1.4s .2s cubic-bezier(.16,.8,.2,1)}
.js .obj-hero.in{opacity:1}
.js .hero-img{opacity:0;transform:scale(1.15)}
.js .hero-img.in{opacity:.95}
@keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -10px}}
.obj-hero.in,.list-rows .thumb{animation:floaty 6s ease-in-out infinite}
.list-rows .thumb{animation-duration:5s}
.list-rows a:nth-child(2n) .thumb{animation-delay:-2s}
.band{transform-origin:left;transition:transform 1.2s cubic-bezier(.16,.8,.2,1)}
.js .band{transform:scaleX(0)}
.js .band.in{transform:scaleX(1)}
.progress{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--acc);transform-origin:left;transform:scaleX(0);z-index:30;pointer-events:none}
@media (prefers-reduced-motion:reduce){.js .w,.js .obj-hero,.js .band{opacity:1!important;transform:none!important}.obj-hero,.list-rows .thumb{animation:none!important}.progress{display:none}}
form.req .status{font-size:15px;color:var(--paper);background:#2A2A27;padding:14px 16px;border-left:3px solid var(--acc)}form.req .status a{color:var(--acc);margin-left:4px}form.req button[disabled]{opacity:.6;cursor:wait}