.sg-page{overflow:hidden}

.sg-hero{position:relative}
.sg-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.sg-hero-panel{max-width:640px;margin-left:5%;z-index:2}
.sg-hero-content{display:flex;flex-direction:column;gap:var(--space-3)}
.sg-hero-cta{gap:var(--space-2)}

.sg-about-inner{display:flex;flex-direction:column;gap:var(--space-3);max-width:680px;margin-inline:auto;text-align:center}
.sg-about-highlight{border:1px solid var(--color-border);padding:var(--space-3);border-radius:var(--radius-sm)}

.sg-formats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.sg-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.sg-card-feature{box-shadow:var(--shadow-glow)}

.sg-audience-grid{align-items:stretch}
.sg-audience-card{position:relative;border:1px solid var(--color-border);display:flex;flex-direction:column}
.sg-audience-card img{height:220px;width:100%;object-fit:cover}
.sg-audience-content{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}

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

.sg-step{display:flex;flex-direction:column;gap:var(--space-2)}

.sg-cta-inner{display:flex;flex-direction:column;gap:var(--space-3);text-align:center;align-items:center}

@media(max-width:1024px){
.sg-formats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sg-atmosphere-grid{grid-template-columns:1fr}
}

@media(max-width:768px){
.sg-hero-panel{margin-left:0}
.sg-hero-content{text-align:center}
.sg-formats-grid{grid-template-columns:1fr}
.sg-audience-card img{height:180px}
}