/* home2 — minden tevékenység egy helyen */

/* ─── BEVEZETŐ ─── */
.intro{min-height:92svh;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(32px,6vw,110px);
  padding:120px var(--pad) 60px;max-width:1440px;margin:0 auto}
.intro__ph{width:clamp(220px,24vw,340px);aspect-ratio:3/4;border-radius:999px 999px 20px 20px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(201,168,106,.4),0 0 0 12px rgba(201,168,106,.06)}
.intro__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.intro__h{font-size:clamp(56px,9vw,150px);line-height:.95;margin:20px 0 28px}
.intro__p{color:var(--text-soft);font-size:clamp(15px,1.3vw,18px);max-width:34em;margin-bottom:44px;line-height:1.9}
.scroll{display:inline-flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft)}
.scroll span{width:46px;height:1px;background:var(--gold);transform-origin:left;animation:line 2.4s var(--e) infinite}
@keyframes line{0%{transform:scaleX(0)}50%{transform:scaleX(1)}100%{transform:scaleX(0);transform-origin:right}}

/* ─── CSEMPÉK (bento) ─── */
.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:20px var(--pad) 14px;max-width:1440px;margin:0 auto}
.tile{position:relative;display:block;overflow:hidden;border-radius:18px;aspect-ratio:4/3;background:var(--bg-2);isolation:isolate}
.tile--wide{grid-column:1/-1;aspect-ratio:21/9}
.tile img{position:absolute;inset:0;width:100%;height:115%;object-fit:cover;transition:transform 1.4s var(--e);z-index:-2}
.tile::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(15,15,14,.05) 25%,rgba(15,15,14,.88) 100%);transition:background .6s}
.tile:hover img{transform:scale(1.05)}
.tile__in{position:absolute;inset:auto 0 0 0;padding:clamp(22px,3vw,40px);padding-right:clamp(88px,9vw,120px)}
.tile__no{font:400 12px/1 var(--sans);letter-spacing:.22em;color:var(--gold)}
.tile h2{font-size:clamp(28px,3.2vw,52px);line-height:1.04;margin:12px 0 10px;max-width:16ch}
.tile p{color:#D6D2CA;font-size:15px;max-width:34em}
.tile__go{position:absolute;right:clamp(22px,3vw,40px);bottom:clamp(22px,3vw,40px);font-style:normal;width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;font-size:20px;box-shadow:inset 0 0 0 1px rgba(239,237,232,.35);transition:background .4s,color .4s,transform .4s var(--e)}
.tile:hover .tile__go{background:var(--gold);color:var(--bg-3);transform:rotate(-45deg)}

/* ─── TOVÁBBI ─── */
.more{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 var(--pad) clamp(80px,10vw,140px);max-width:1440px;margin:0 auto}
.more__item{position:relative;padding:26px 24px 28px;border-radius:18px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s}
.more__item:hover{box-shadow:inset 0 0 0 1px rgba(201,168,106,.55)}
.more__item b{display:block;font:400 22px/1.2 var(--serif);font-variation-settings:'opsz' 20;margin-top:12px;padding-right:28px;word-break:break-word}
.more__item i{position:absolute;right:22px;top:24px;font-style:normal;color:var(--gold)}

@media (max-width:900px){
  .intro{grid-template-columns:1fr;text-align:center;justify-items:center;padding-top:100px;min-height:auto}
  .intro__p{margin-inline:auto}
  .bento{grid-template-columns:1fr;gap:12px}
  .tile,.tile--wide{aspect-ratio:4/5}
  .tile--wide{aspect-ratio:4/5}
  .more{grid-template-columns:1fr 1fr;gap:12px}
}
@media (max-width:520px){ .more{grid-template-columns:1fr} }
/* szoros kivágású fotó: ne lógjon túl, a teteje maradjon a csempében */
.tile img.img--fit{height:100%}