.ettermi-page .hero-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:center}
@media(min-width:1024px){.ettermi-page .hero-grid{grid-template-columns:1fr 1fr}}
.hero-text{max-width:680px}
.hero-image img{transition:transform var(--transition-med)}
.hero-image:hover img{transform:scale(1.05)}

.intro-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}
@media(min-width:1024px){.intro-grid{grid-template-columns:repeat(3,1fr)}}

.formats-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}
@media(min-width:1024px){.formats-grid{grid-template-columns:repeat(4,1fr)}}
.format-card:hover{border-color:var(--color-accent)}

.timeline{display:grid;gap:var(--space-3)}
@media(min-width:1024px){.timeline{grid-template-columns:repeat(4,1fr)}}
.step{display:flex;flex-direction:column;gap:var(--space-2)}

.atmosphere-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}
@media(min-width:1024px){.atmosphere-grid{grid-template-columns:1fr 1fr}}
.text{max-width:720px}

.rules-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}
@media(min-width:1024px){.rules-grid{grid-template-columns:repeat(3,1fr)}}

.chooser-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}
@media(min-width:1024px){.chooser-grid{grid-template-columns:repeat(3,1fr)}}

.cta-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);background:var(--color-accent);color:#000;padding:var(--space-4);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}

.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-surface);border:var(--border-thin) solid var(--color-border)}
.faq-a{display:none;padding:var(--space-2);border:var(--border-thin) solid var(--color-border);border-top:none}
.faq-item.active .faq-a{display:block}

.closing-box{max-width:700px;margin-inline:auto;text-align:center}
