/* ==========================
   ABOUT BLOCK
========================== */


#about{
    position:relative;
    overflow:hidden;
}



/* Заголовок */

#about .block-head.center{

    max-width:850px;
    margin:0 auto 60px;
    text-align:center;

}


#about .section-lead{

    max-width:700px;
    margin:20px auto 0;

}



/* ==========================
   HIGHLIGHTS
========================== */


.about-highlights{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:24px;

    margin-bottom:80px;

}



.highlight-card{

    position:relative;

    padding:32px;

    min-height:240px;

    background:
    linear-gradient(
        145deg,
        rgba(255,255,255,.04),
        rgba(255,255,255,.01)
    );

    border:1px solid var(--line);

    overflow:hidden;

    transition:.35s ease;

}



.highlight-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at top right,
        rgba(232,200,135,.18),
        transparent 45%
    );

    opacity:0;

    transition:.35s;

}



.highlight-card:hover{

    transform:translateY(-6px);

    border-color:
    rgba(232,200,135,.45);

}



.highlight-card:hover::before{

    opacity:1;

}



.highlight-number{

    display:block;

    position:relative;

    font-size:64px;

    font-weight:800;

    line-height:1;

    color:var(--gold-hi);

    margin-bottom:25px;

    letter-spacing:-3px;

}



.highlight-card h3{

    position:relative;

    color:var(--ink);

    font-size:22px;

    margin-bottom:12px;

}



.highlight-card p{

    position:relative;

    color:var(--muted);

    line-height:1.7;

}



/* ==========================
   SHOWCASE
========================== */


.about-showcase{

    display:grid;

    grid-template-columns:
    1fr 1fr;

    gap:60px;

    align-items:center;

    padding:50px;

    background:

    linear-gradient(
        120deg,
        rgba(232,200,135,.08),
        transparent 50%
    ),

    var(--panel);

    border:1px solid var(--line);

    position:relative;

}



.about-showcase-text h2{

    font-size:48px;

    line-height:1.1;

    margin:20px 0;

    color:var(--ink);

}



.about-showcase-text h2 span{

    display:block;

    color:var(--gold-hi);

}



.about-showcase-text p{

    color:var(--muted);

    line-height:1.8;

    max-width:500px;

}



/* Кнопки */


.cta-row{

    display:flex;

    gap:16px;

    margin-top:35px;

}



/* ==========================
   IMAGE
========================== */


.about-render{

    position:relative;

    overflow:hidden;

    min-height:420px;

}



.about-render img{

    width:100%;

    height:100%;

    min-height:420px;

    object-fit:cover;

    display:block;

}



.about-render-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        0deg,
        rgba(11,10,8,.9),
        transparent 60%
    );

}



.about-render-caption{

    position:absolute;

    bottom:30px;

    left:30px;

}



.about-render-caption span{

    display:block;

    font-size:13px;

    letter-spacing:4px;

    color:var(--gold-mid);

}



.about-render-caption strong{

    display:block;

    font-size:28px;

    color:white;

    margin-top:8px;

}



/* ==========================
   MOBILE
========================== */


@media(max-width:900px){

.about-highlights{

    grid-template-columns:1fr;

}


.about-showcase{

    grid-template-columns:1fr;

    padding:30px;

}


.about-showcase-text h2{

    font-size:36px;

}


.about-render,
.about-render img{

    min-height:280px;

}

}

.process-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:20px;

margin-top:50px;

}


.process-card{

background:var(--panel);

border:1px solid var(--line);

padding:35px 28px;

position:relative;

overflow:hidden;

}


.process-card::after{

content:"";

position:absolute;

left:0;
bottom:0;

height:3px;
width:0;

background:var(--gold-hi);

transition:.3s;

}


.process-card:hover::after{

width:100%;

}



.process-number{

font-size:42px;

font-weight:800;

color:rgba(232,200,135,.25);

margin-bottom:20px;

}



.process-card h3{

color:var(--gold-hi);

font-size:22px;

margin-bottom:12px;

}



.process-card p{

color:var(--muted);

line-height:1.6;

}



.process-card.active{

border-color:rgba(232,200,135,.45);

box-shadow:0 0 35px rgba(232,200,135,.12);

}



.process-card.active::before{

content:"Сейчас идёт";

position:absolute;

top:15px;

right:15px;

font-size:12px;

color:var(--ok);

}



@media(max-width:900px){

.process-grid{

grid-template-columns:1fr 1fr;

}

}


@media(max-width:600px){

.process-grid{

grid-template-columns:1fr;

}

}

.history-stage {

    position:relative;

    max-width:1200px;
    margin:40px auto 0;

    padding:50px;

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,0.04),
        rgba(255,255,255,0.015)
    );

    border:1px solid var(--line);

    backdrop-filter:blur(14px);

    box-shadow:
    0 30px 80px rgba(0,0,0,.45);

    overflow:hidden;

}



.history-stage::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at 20% 20%,
        rgba(232,200,135,.12),
        transparent 35%
    );

    pointer-events:none;

}



.history-stage::after{

    content:"";

    position:absolute;

    top:0;
    left:50%;

    width:300px;
    height:300px;

    transform:translateX(-50%);

    background:
    radial-gradient(
        circle,
        rgba(232,200,135,.15),
        transparent 70%
    );

    filter:blur(40px);

    pointer-events:none;

}

.community-support{

    max-width:1100px;

    margin:60px auto 20px;

    padding:24px 35px;

    display:flex;
    align-items:center;

    gap:50px;


    background:var(--panel);

    border:1px solid var(--line);

}



.support-brand{

    display:flex;

    align-items:center;

    gap:18px;

    min-width:300px;

}



.support-brand img{

    width:64px;
    height:64px;

    object-fit:contain;

}



.support-brand span{

    display:block;

    color:var(--muted);

    font-size:13px;

}



.support-brand strong{

    display:block;

    color:var(--gold-hi);

    font-size:21px;

    margin-top:4px;

}



.support-socials{

    flex:1;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:12px;

}



.support-socials a{

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;


    border:1px solid var(--line);

    background:rgba(255,255,255,.02);


    color:var(--ink);

    text-decoration:none;

    font-size:14px;


    transition:.25s;

}



.support-socials img{

    width:25px;

    height:25px;

}



.support-socials a:hover{

    border-color:var(--gold-mid);

    background:rgba(232,200,135,.08);

    transform:translateY(-3px);

}



@media(max-width:900px){


.community-support{

    flex-direction:column;

    align-items:stretch;

    gap:25px;

}


.support-brand{

    min-width:0;

}



.support-socials{

    grid-template-columns:repeat(2,1fr);

}


}



@media(max-width:500px){


.support-socials{

    grid-template-columns:1fr;

}


}

.past-ceremony{

    max-width:1180px;

    margin:70px auto;

    padding:30px;

    display:grid;

    grid-template-columns:1.1fr 1fr;

    gap:45px;

    align-items:center;


    background:var(--panel);

    border:1px solid var(--line);

    position:relative;

    overflow:hidden;

}



.past-ceremony::before{

    content:"";

    position:absolute;

    width:300px;
    height:300px;

    right:-120px;
    top:-120px;

    background:var(--gold-mid);

    opacity:.08;

    filter:blur(80px);

}



.past-video{

    position:relative;

}



.past-video img{

    width:100%;

    display:block;

    aspect-ratio:16/9;

    object-fit:cover;


    border:1px solid var(--line);

}



.past-video a{

    display:block;

    position:relative;

}



.video-play{

    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);


    width:70px;
    height:70px;

    display:flex;

    align-items:center;
    justify-content:center;


    background:rgba(0,0,0,.55);

    border:1px solid rgba(255,255,255,.25);

    color:white;

    font-size:28px;

}



.past-info h2{

    color:var(--gold-hi);

    font-size:36px;

    line-height:1.15;

    margin:15px 0;

}



.past-info h2 span{

    color:white;

}



.past-info p{

    color:var(--muted);

    line-height:1.7;

}



.past-buttons{

    display:flex;

    gap:15px;

    margin-top:30px;

}



@media(max-width:900px){

.past-ceremony{

    grid-template-columns:1fr;

    padding:20px;

}


.past-info h2{

    font-size:28px;

}

}

/* ==========================
   JURY
========================== */


.jury-intro{

max-width:750px;

margin:0 auto 60px;

text-align:center;

}



.jury-intro h2{

margin:15px 0;

}



.jury-intro p{

color:var(--muted);

line-height:1.7;

font-size:17px;

}




.jury-stage{

max-width:1000px;

margin:auto;

background:

linear-gradient(
135deg,
rgba(232,200,135,.08),
transparent
),

var(--panel);

border:1px solid var(--line);

padding:45px;

}



/* главный судья */


.jury-chief{

display:flex;

align-items:center;

gap:35px;

padding-bottom:40px;

border-bottom:1px solid var(--line);

}



.chief-photo img{

width:120px;

height:120px;

border-radius:50%;

object-fit:cover;

border:3px solid var(--gold-mid);

}



.jury-chief span{

font-size:12px;

text-transform:uppercase;

letter-spacing:2px;

color:var(--gold-mid);

}



.jury-chief h2{

font-size:34px;

color:var(--gold-hi);

margin:10px 0;

}



.jury-chief p{

color:var(--muted);

}





/* список */


.jury-list{

margin-top:35px;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

}



.jury-person{

display:flex;

align-items:center;

gap:15px;

padding:20px;

border:1px solid var(--line);

background:rgba(255,255,255,.02);

}



.jury-person img{

width:55px;

height:55px;

border-radius:50%;

object-fit:cover;

}



.jury-person h3{

margin:0 0 5px;

color:var(--gold-hi);

font-size:17px;

}



.jury-person p{

margin:0;

font-size:13px;

color:var(--muted);

}





/* низ */


.jury-footer{

max-width:700px;

margin:45px auto 0;

text-align:center;

}



.jury-footer h3{

color:var(--gold-hi);

}



.jury-footer p{

color:var(--muted);

line-height:1.7;

}




@media(max-width:800px){


.jury-stage{

padding:25px;

}


.jury-chief{

flex-direction:column;

text-align:center;

}


.jury-list{

grid-template-columns:1fr;

}


}