.features-page section{position:relative}

.features-hero{padding-top:clamp(3rem,7vw,7rem)}
.hero-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,7rem);align-items:center}
.hero-text{max-width:650px}
.hero-text::before{content:"ETTEREM / BAR";display:block;margin-bottom:1rem;color:var(--accent-gold);font-size:.72rem;letter-spacing:.18em}.hero-image{position:relative}.hero-image::after{content:"HU / FINE DINING";position:absolute;right:1.2rem;bottom:1rem;padding:.35rem .65rem;background:rgba(8,10,15,.8);border-radius:999px;font-size:.7rem;letter-spacing:.12em}.hero-image img{width:100%;aspect-ratio:4/5;object-fit:cover}
.features-compass{margin-top:calc(var(--space-5) * -1)}.features-compass .stat-strip{background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-1);overflow:hidden}

.random-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}

.combos-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-3)}
.combo-main{padding:clamp(2rem,5vw,5rem);background:linear-gradient(135deg,rgba(237,61,107,.14),rgba(16,20,29,.5));border-radius:var(--radius-2)}.combo-side{margin-bottom:var(--space-3);padding:1.5rem;border-bottom:1px solid var(--border-soft)}
.features-layers{padding-block:var(--space-5);background:linear-gradient(110deg,rgba(217,179,108,.06),transparent 55%);border-block:1px solid var(--border-soft)}

.challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}

.features-ui{display:flex;flex-direction:column;gap:var(--space-3);text-align:center}
.features-ui .ui-block{max-width:700px;margin-inline:auto}

.visual-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.visual-text{max-width:700px}

.mobile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}

.personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.personal-grid .card:last-child{grid-column:1/-1}

.features-cta .cta-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--border-architectural);background:var(--bg-secondary)}
.cta-image{width:100%;max-width:800px}

@media (max-width:1000px){
.hero-grid{grid-template-columns:1fr}
.visual-grid{grid-template-columns:1fr}
.combos-grid{grid-template-columns:1fr}
}

@media (max-width:800px){
.random-grid,.challenge-grid,.mobile-grid{grid-template-columns:1fr 1fr}
.personal-grid{grid-template-columns:1fr}
}

@media (max-width:500px){
.random-grid,.challenge-grid,.mobile-grid{grid-template-columns:1fr}
.hero-text{text-align:center;margin-inline:auto}
}