.home-main{display:block}
.hero{position:relative;min-height:70vh;display:flex;align-items:center;overflow:hidden;padding-block:var(--space-4)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.hero-panel{
  position:relative;
  width:min(calc(100% - (2 * var(--container-pad))),42rem);
  max-width:none;
  margin-left:max(var(--container-pad),calc((100% - var(--container-max))/2 + var(--container-pad)));
  padding:clamp(1.5rem,3vw,3rem);
  backdrop-filter:blur(10px);
}
.hero-inner{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.hero-panel h1,.hero-panel p{max-width:100%;overflow-wrap:break-word}
.hero-eyebrow{font-size:var(--fs-6);line-height:1.5;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary)}
.hero-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}

.trust-bar{background:var(--color-surface-elevated)}
.trust-items{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}

.intro-inner{max-width:720px}

.exp-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-3);align-items:start}
.exp-grid > *{min-width:0}
.exp-large{grid-column:span 1}

.atmosphere-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.atm-media{
  min-height:clamp(20rem,34vw,32rem);
  background-image:linear-gradient(rgba(18,19,18,.12),rgba(18,19,18,.12)),url('/src/media/restaurant-detail-lighting.webp');
  background-position:center;
  background-size:cover;
}

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

.responsible-panel{max-width:800px;margin-inline:auto;padding:var(--space-3);text-align:center}

.faq-inner{max-width:700px}
.faq-list{display:flex;flex-direction:column;gap:var(--space-2)}
.faq-q{width:100%;text-align:left;padding:var(--space-2);background:var(--color-bg-secondary);border:1px solid var(--color-border-taupe)}
.faq-a{display:none;padding:var(--space-2);border:1px solid var(--color-border-taupe);border-top:none}
.faq-item.active .faq-a{display:block}

.cta-inner{text-align:center;max-width:600px;margin-inline:auto}
.cta-actions{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}

@media(max-width:900px){
.hero{min-height:unset;padding-block:var(--space-3)}
.hero-panel{width:calc(100% - (2 * var(--container-pad)));margin:var(--space-2) auto;padding:var(--space-3)}
.exp-grid{grid-template-columns:1fr}
.atmosphere-grid{grid-template-columns:1fr}
.access-grid{grid-template-columns:1fr}
}