<section id="the5-coming-soon-section">
<style>
#the5-coming-soon-section {
background-color: #000000;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding-block: var(--et-spacing-vertical, 4rem);
padding-inline: var(--et-spacing-horizontal, 1rem);
box-sizing: border-box;
}
@media (min-width: 1024px) {
#the5-coming-soon-section {
padding-block: var(--et-spacing-vertical-lg, 6rem);
padding-inline: var(--et-spacing-horizontal-lg, 2rem);
}
}
#the5-coming-soon-section .container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 42rem;
margin-inline: auto;
}
@media (min-width: 1024px) {
#the5-coming-soon-section .container {
max-width: 80rem;
}
}
#the5-coming-soon-section .logo {
width: 100%;
height: auto;
object-fit: contain;
margin-inline: auto;
max-width: 280px;
margin-bottom: 32px;
}
@media (min-width: 640px) {
#the5-coming-soon-section .logo {
max-width: 340px;
margin-bottom: 48px;
}
}
@media (min-width: 768px) {
#the5-coming-soon-section .logo {
max-width: 400px;
}
}
#the5-coming-soon-section .headline {
color: #ffffff;
font-weight: 900;
letter-spacing: -0.025em;
text-transform: uppercase;
font-size: 2.25rem;
line-height: 1.1;
margin-bottom: 16px;
text-wrap: balance;
}
@media (min-width: 640px) {
#the5-coming-soon-section .headline {
font-size: 3rem;
}
}
@media (min-width: 768px) {
#the5-coming-soon-section .headline {
font-size: 3.75rem;
}
}
#the5-coming-soon-section .last {
margin-bottom: 0 !important;
}
</style>
<div class="container">
<img
src="/files/pages/assets/2026-09-28/the5-logo-xvnzbj64_mul5h1vr.png"
alt="The 5. Powered by Brave"
class="logo"
loading="eager"
width="400"
height="120"
>
<h1 class="headline last">Już wkrótce</h1>
</div>
</section>