<!-- wp:pc/pattern {"extraClass":"pc-header-aurora-01","preset":"slideDown","onScroll":false} -->
<!-- wp:group {"className":"pc-header-aurora-01__inner"} -->
<div class="wp-block-group pc-header-aurora-01__inner">
<!-- wp:group {"className":"pc-header-aurora-01__logo-wrap"} -->
<div class="wp-block-group pc-header-aurora-01__logo-wrap">
<!-- wp:html -->
<div class="pc-header-aurora-01__logo-icon">
<svg class="pc-header-aurora-01__logo-svg" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" rx="14" fill="url(#grad)" />
<path d="M24 13L33 35H28.5L26.5 30H21.3L19.3 35H15L24 13ZM22.8 26H25.2L24 22.7L22.8 26Z" fill="white"/>
<defs>
<linearGradient id="grad" x1="0" y1="0" x2="48" y2="48">
<stop stop-color="#7C3AED"/>
<stop offset="1" stop-color="#06B6D4"/>
</linearGradient>
</defs>
</svg>
</div>
<!-- /wp:html -->
<!-- wp:paragraph {"className":"pc-header-aurora-01__logo"} -->
<p class="pc-header-aurora-01__logo">Aurora Studio</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:list {"className":"pc-header-aurora-01__menu"} -->
<ul class="wp-block-list pc-header-aurora-01__menu">
<!-- wp:list-item -->
<li><a href="#">Главная</a></li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="#">Услуги</a></li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="#">Портфолио</a></li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="#">О нас</a></li>
<!-- /wp:list-item -->
</ul>
<!-- /wp:list -->
<!-- wp:buttons -->
<!-- wp:button {"className":"pc-header-aurora-01__cta"} -->
<div class="wp-block-button pc-header-aurora-01__cta">
<a class="wp-block-button__link wp-element-button">Связаться</a>
</div>
<!-- /wp:button -->
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
<!-- /wp:pc/pattern -->
.pc-header-aurora-01{
position:relative;
width:100%;
padding:20px 24px;
border-radius:24px;
background:rgba(11,16,32,0.92);
border:1px solid rgba(255,255,255,0.08);
backdrop-filter:blur(18px);
box-shadow:0 18px 40px rgba(0,0,0,0.22);
}
.pc-header-aurora-01__inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:32px;
max-width:1200px;
margin:0 auto;
}
.pc-header-aurora-01__logo-wrap{
display:flex;
align-items:center;
gap:14px;
flex-shrink:0;
}
.pc-header-aurora-01__logo-icon{
width:48px;
height:48px;
border-radius:16px;
overflow:hidden;
box-shadow:0 0 24px rgba(124,58,237,0.45);
}
.pc-header-aurora-01__logo-svg{
display:block;
width:100%;
height:100%;
}
.pc-header-aurora-01__logo{
margin:0;
color:#ffffff;
font-size:1.25rem;
font-weight:700;
letter-spacing:-0.03em;
}
.pc-header-aurora-01__menu{
display:flex;
align-items:center;
justify-content:center;
gap:28px;
list-style:none;
padding:0;
margin:0;
flex-wrap:wrap;
}
.pc-header-aurora-01__menu li{
margin:0;
}
.pc-header-aurora-01__menu a{
position:relative;
color:#d8e2ff;
text-decoration:none;
font-size:0.98rem;
font-weight:500;
transition:color .25s ease;
}
.pc-header-aurora-01__menu a::after{
content:"";
position:absolute;
left:0;
bottom:-6px;
width:0;
height:2px;
border-radius:999px;
background:linear-gradient(90deg,#7c3aed,#06b6d4);
transition:width .25s ease;
}
.pc-header-aurora-01__menu a:hover{
color:#ffffff;
}
.pc-header-aurora-01__menu a:hover::after{
width:100%;
}
.pc-header-aurora-01__cta{
margin:0;
flex-shrink:0;
}
.pc-header-aurora-01__cta .wp-element-button{
border-radius:14px;
padding:14px 24px;
background:linear-gradient(135deg,#7c3aed,#06b6d4);
color:#ffffff;
font-size:0.95rem;
font-weight:700;
text-decoration:none;
border:none;
box-shadow:0 10px 24px rgba(124,58,237,0.34);
transition:transform .25s ease, box-shadow .25s ease;
}
.pc-header-aurora-01__cta .wp-element-button:hover{
transform:translateY(-2px);
box-shadow:0 14px 30px rgba(124,58,237,0.42);
}
@media (max-width: 900px){
.pc-header-aurora-01{
padding:20px;
}
.pc-header-aurora-01__inner{
flex-direction:column;
align-items:flex-start;
gap:24px;
}
.pc-header-aurora-01__menu{
width:100%;
justify-content:flex-start;
gap:18px 24px;
}
.pc-header-aurora-01__cta{
width:100%;
}
.pc-header-aurora-01__cta .wp-element-button{
width:100%;
text-align:center;
}
}
@media (max-width: 560px){
.pc-header-aurora-01{
padding:18px;
border-radius:20px;
}
.pc-header-aurora-01__logo{
font-size:1.05rem;
}
.pc-header-aurora-01__menu{
flex-direction:column;
align-items:flex-start;
gap:16px;
}
.pc-header-aurora-01__menu a{
font-size:0.95rem;
}
}
