.rolunk{overflow:hidden}

.rolunk .hero{position:relative;display:flex;align-items:flex-end;min-height:82vh;color:#fff}
.rolunk .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rolunk .hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,27,24,.92) 0%,rgba(15,27,24,.62) 52%,rgba(15,27,24,.12) 100%)}
.rolunk .hero-inner{position:relative;padding-block:clamp(80px,10vw,150px)}
.rolunk .hero-text{max-width:900px}
.rolunk .hero h1{max-width:880px;color:#fff}
.rolunk .hero p{max-width:740px;color:rgba(255,255,255,.86);font-size:18px}
.rolunk .hero-sub{padding-top:22px;border-top:1px solid rgba(255,255,255,.55)}

.concept{background:var(--color-surface-secondary)}
.concept-inner{display:grid;grid-template-columns:.45fr 1.55fr;gap:7vw}
.concept-inner::before{content:'01 / KONCEPCIÓ';font-size:12px;font-weight:600;letter-spacing:.14em}
.concept-text{max-width:900px}
.concept-text>p:first-of-type{font-size:clamp(20px,2.1vw,28px)}

.restaurant{background:var(--color-surface-primary)}
.restaurant h2{max-width:800px}
.restaurant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:50px}
.restaurant-card{min-height:360px;border-right:0}
.restaurant-card:last-child{border-right:1px solid var(--color-border)}
.restaurant-card:nth-child(2){background:var(--color-surface-accent)}
.restaurant-card:nth-child(3){background:var(--color-text-accent);color:#fff}
.restaurant-card:nth-child(3) h3,.restaurant-card:nth-child(3) p{color:#fff}

.gaming{background:var(--color-surface-dark);color:#fff}
.gaming-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}
.gaming h2,.gaming p{color:#fff}
.gaming-text p{color:rgba(255,255,255,.78)}
.gaming-image{position:relative}
.gaming-image::after{content:'21+';position:absolute;right:-24px;bottom:-24px;display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:var(--color-text-accent);font-family:var(--font-heading);font-size:30px}
.gaming-image img{width:100%;aspect-ratio:1;object-fit:cover}

.atmosphere{background:var(--color-surface-accent)}
.atmosphere-inner{display:grid;grid-template-columns:.6fr 1.4fr;gap:7vw}
.atmosphere-inner::before{content:'02 / TÉRÉLMÉNY';font-size:12px;font-weight:600;letter-spacing:.14em}
.atmosphere-text{max-width:900px}

.principles{background:var(--color-surface-secondary)}
.principles-inner{display:flex;justify-content:flex-end}
.principles-text{width:min(100%,920px)}
.principles-text ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:38px 0 0;padding:0;border-top:1px solid var(--color-border);list-style:none}
.principles-text li{padding:26px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.principles-text li:nth-child(even){border-right:0}

.audience{background:var(--color-surface-primary)}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:46px}
.audience-item{min-height:280px;padding:30px;border:1px solid var(--color-border)}
.audience-item:nth-child(2){transform:translateY(32px);background:var(--color-surface-dark);color:#fff}
.audience-item:nth-child(2) h3,.audience-item:nth-child(2) p{color:#fff}

.distinction{background:var(--color-text-accent);color:#fff}
.distinction-inner{display:flex;justify-content:center}
.distinction-box{max-width:900px;padding:0;text-align:center}
.distinction-box h2,.distinction-box p{color:#fff}

.contact-cta{background:var(--color-surface-secondary)}
.contact-inner{display:flex;justify-content:center}
.contact-box{max-width:760px;text-align:center}

@media(max-width:980px){
  .concept-inner,.atmosphere-inner,.gaming-inner{grid-template-columns:1fr}
  .restaurant-grid{grid-template-columns:1fr}
  .restaurant-card{min-height:0;border-right:1px solid var(--color-border);border-bottom:0}
  .restaurant-card:last-child{border-bottom:1px solid var(--color-border)}
  .audience-grid{grid-template-columns:1fr}
  .audience-item:nth-child(2){transform:none}
}

@media(max-width:600px){
  .rolunk .hero{min-height:720px}
  .rolunk .hero p{font-size:16px}
  .principles-text ul{grid-template-columns:1fr}
  .principles-text li{border-right:0}
  .gaming-image::after{right:12px;bottom:12px;width:76px;height:76px;font-size:24px}
}