/* Layout: nyitó a két emberrel két part-ívben, köztük a bemutatkozó videó; két életrajz egymás mellett; a történet; ígéretek; a második part (spanyol napló); partnerek és cégadatok; zárás */
.mintajel{display:inline-block;background:var(--nad);color:#13221F;font:800 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;margin-left:8px;vertical-align:middle}
.r-nyito{padding-block:clamp(40px,6vw,72px) 0}
.r-nyito .lbl{color:var(--halk)}
.r-nyito h1{font:400 clamp(56px,9vw,120px)/.9 var(--serif);letter-spacing:-.02em;margin:14px 0 0;text-wrap:balance}
.r-nyito h1 i{color:var(--to)}
.r-nyito .lead{font-size:19px;max-width:52ch;margin:20px 0 0;color:var(--halk)}

.ketten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-top:40px;align-items:stretch}
@media (max-width:820px){.ketten{grid-template-columns:1fr 1fr}.ketten .video{grid-column:1/-1;order:-1}}
.portre{position:relative;min-height:340px;overflow:hidden;display:flex;align-items:end;padding:16px}
.portre.bal{background:var(--to);border-radius:24px 999px 999px 24px}
.portre.jobb{background:var(--terra);border-radius:999px 24px 24px 999px;justify-content:end}
.portre .fej-al{position:absolute;left:50%;top:22%;width:38%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);background:color-mix(in srgb,var(--mesz) 30%,transparent)}
.portre .vall{position:absolute;left:50%;top:56%;width:70%;height:60%;border-radius:999px 999px 0 0;transform:translateX(-50%);background:color-mix(in srgb,var(--mesz) 30%,transparent)}
.portre span{position:relative;z-index:1;background:var(--mesz);color:var(--tinta);font:700 12px/1 var(--sans);padding:7px 10px;border-radius:999px}
@media (max-width:820px){.portre{min-height:260px}}
.video{position:relative;border-radius:24px;background:var(--to-mely);overflow:hidden;min-height:340px;display:flex;align-items:end;padding:18px}
.video::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--nad) 35%,transparent),transparent 60%)}
.video .play{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:var(--mesz);border:0;cursor:pointer;display:grid;place-items:center}
.video .play::after{content:"";border-left:22px solid var(--to);border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.video .cap{position:relative;color:var(--fole);display:flex;flex-direction:column;gap:4px}
.video .cap b{font:400 26px/1.1 var(--serif)}
.video .cap span{font-size:13px;color:var(--fole-halk)}
.video svg{position:absolute;left:50%;top:74%;transform:translateX(-50%);width:80px;color:var(--nad)}

.szak2{padding-block:72px;border-top:1px solid var(--vonal)}
.r-nyito+.szak2{border-top:0}
.szak2 .lbl{color:var(--halk)}
.szak2 h2{font:400 clamp(34px,4.5vw,52px)/1 var(--serif);margin:10px 0 0;text-wrap:balance;max-width:20ch}

.bio-racs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:820px){.bio-racs{grid-template-columns:1fr}}
.bio{border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px;background:var(--mesz);border:1px solid var(--vonal);position:relative;overflow:hidden}
.bio::before{content:"";position:absolute;top:0;bottom:0;width:10px;left:0;background:var(--to)}
.bio.jobb::before{background:var(--terra)}
.bio .lbl{color:var(--halk)}
.bio h3{font:400 40px/1 var(--serif);margin:0}
.bio .szerep{font:italic 400 21px/1.3 var(--serif);color:var(--to)}
.bio.jobb .szerep{color:var(--terra)}
.bio p{margin:0;font-size:16px;max-width:52ch}
.bio ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--vonal)}
.bio li{display:flex;justify-content:space-between;gap:12px;padding-block:10px;border-bottom:1px solid var(--vonal);font-size:15px}
.bio li span{color:var(--halk)}

.tortenet{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:820px){.tortenet{grid-template-columns:1fr}}
.tortenet .szoveg p{font-size:18px;line-height:1.65;margin:0 0 16px;max-width:60ch}
.tortenet .szoveg p:first-child::first-letter{font:400 72px/.8 var(--serif);float:left;margin:6px 10px 0 0;color:var(--to)}
.tortenet blockquote{margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--vonal);font:italic 400 26px/1.3 var(--serif);max-width:28ch}
.tortenet blockquote::before{content:"„";color:var(--terra)}
.tortenet blockquote::after{content:"”";color:var(--terra)}

.igeretek{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:32px;border-top:1px solid var(--vonal)}
@media (max-width:900px){.igeretek{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.igeretek{grid-template-columns:1fr}}
.ig{padding:24px 24px 24px 0;display:flex;flex-direction:column;gap:8px}
.ig svg{width:52px;color:var(--nad)}
.ig h3{font:400 24px/1.15 var(--serif);margin:0}
.ig p{margin:0;font-size:15px;color:var(--halk)}

.masodik{background:var(--to);color:var(--fole);border-top:0}
.masodik .lbl{color:var(--nad)}
.masodik h2{color:var(--fole)}
.masodik .m-racs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:860px){.masodik .m-racs{grid-template-columns:1fr}}
.masodik p{font-size:17px;color:var(--fole-halk);max-width:48ch;margin:18px 0 0}
.epizodok{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ep{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;background:color-mix(in srgb,var(--mesz) 8%,transparent);border:1px solid color-mix(in srgb,var(--fole) 18%,transparent);border-radius:14px;padding:12px 14px}
.ep .sz{font:400 34px/1 var(--serif);color:var(--nad);text-align:center}
.ep b{display:block;font-size:16px}
.ep span{font-size:13.5px;color:var(--fole-halk)}
.ep .all{font:700 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:999px;white-space:nowrap;background:var(--nad);color:#13221F}
.ep .all.kesz{background:var(--mesz);color:var(--tinta)}
@media (max-width:480px){.ep{grid-template-columns:44px 1fr}.ep .all{grid-column:2;justify-self:start}}

.partnerek{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
@media (max-width:900px){.partnerek{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.partnerek{grid-template-columns:1fr}}
.pt{border:1px dashed var(--vonal);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px}
.pt .lbl{color:var(--halk)}
.pt b{font:400 22px/1.15 var(--serif)}
.pt span{font-size:14px;color:var(--halk)}
.cegadat{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--vonal);border-radius:16px;background:var(--mesz)}
@media (max-width:760px){.cegadat{grid-template-columns:1fr}}
.cegadat div{padding:16px 20px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--vonal);min-width:0}
.cegadat div:first-child{border-left:0}
@media (max-width:760px){.cegadat div{border-left:0;border-top:1px solid var(--vonal)}.cegadat div:first-child{border-top:0}}
.cegadat span{font:700 10px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--halk)}
.cegadat b{font-size:15px;overflow-wrap:anywhere}

.zaro{padding-block:72px;border-top:1px solid var(--vonal)}
.zaro .in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.zaro h2{font:400 clamp(36px,5vw,56px)/1 var(--serif);margin:0;max-width:16ch}
.zaro h2 i{color:var(--terra)}
.zaro .gombok{display:flex;gap:12px;flex-wrap:wrap}
.pill.kontur{background:none;border:1.5px solid var(--tinta);color:var(--tinta)}