*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:var(--theme-bg);
    color:var(--theme-text);
    font-family:Arial,Helvetica,sans-serif;
    overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}

.container-odak{
    width:min(calc(100% - 64px),1480px);
    margin-inline:auto;
}

.hero{
    min-height:100vh;
    background:var(--theme-dark);
    color:var(--theme-light);
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
    padding:155px 0 58px;
}
.hero-bg-word{
    position:absolute;
    left:-1vw;
    top:50%;
    transform:translateY(-52%);
    font-size:clamp(180px,29vw,520px);
    font-weight:900;
    line-height:.7;
    letter-spacing:-.1em;
    color:rgba(255,255,255,.012);
    user-select:none;
}
.hero-orbit{
    position:absolute;
    right:-11vw;
    top:48%;
    width:min(55vw,760px);
    aspect-ratio:1;
    border-radius:50%;
    background:
        radial-gradient(circle at 38% 34%, rgba(255,255,255,.4), transparent 18%),
        radial-gradient(circle at 48% 48%, var(--theme-secondary), transparent 45%),
        var(--theme-primary);
    transform:translateY(-50%);
    box-shadow:0 0 110px rgba(140,168,255,.18);
}
.hero-orbit:after{
    content:"";
    position:absolute;
    inset:18%;
    border-radius:50%;
    background:var(--theme-dark);
}
.hero-content{position:relative;z-index:3}
.eyebrow{
    display:flex;
    align-items:center;
    gap:14px;
    text-transform:uppercase;
    letter-spacing:.16em;
    font-size:11px;
}
.eyebrow:before{
    content:"";
    width:54px;
    height:1px;
    background:currentColor;
}
.hero-title{
    font-size:clamp(100px,18vw,275px);
    line-height:.72;
    letter-spacing:-.095em;
    font-weight:900;
    margin:25px 0 0 -.07em;
}
.hero-year{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.15em;
    margin-bottom:14px;
}
.hero-theme{
    font-size:clamp(44px,5vw,76px);
    line-height:.9;
    letter-spacing:-.06em;
    margin:0 0 24px;
}
.hero-copy{
    color:rgba(255,255,255,.72);
    font-size:15px;
    line-height:1.75;
    max-width:390px;
}
.btn-odak{
    border-radius:0;
    padding:15px 22px;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.13em;
    transition:.25s var(--ease);
}
.btn-theme{
    background:var(--theme-primary);
    border:1px solid var(--theme-primary);
    color:var(--theme-light);
}
.btn-theme:hover{
    background:#fff;
    border-color:var(--theme-light);
    color:#111;
    transform:translateY(-2px);
}
.btn-line{
    color:inherit;
    border:1px solid currentColor;
}
.btn-line:hover,
.btn-line:focus,
.btn-line:active{
    background:#fff;
    color:#111;
    border-color:var(--theme-light);
}

.section{padding:125px 0}
.section-label{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:42px;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.16em;
}
.section-label .num{color:var(--theme-primary)}
.display-art{
    font-size:clamp(54px,7vw,116px);
    line-height:.93;
    letter-spacing:-.068em;
    font-weight:500;
}
.copy-lg{
    font-size:18px;
    line-height:1.75;
    max-width:520px;
}
.about-mark{
    font-size:110px;
    color:var(--theme-primary);
    font-weight:800;
    letter-spacing:-.08em;
    line-height:.8;
}

.theme-section{
    min-height:88vh;
    background:var(--theme-primary);
    color:var(--theme-light);
    display:flex;
    align-items:center;
}
.theme-title{
    font-size:clamp(88px,15vw,230px);
    font-weight:900;
    letter-spacing:-.095em;
    line-height:.74;
}
.theme-text{
    max-width:560px;
    font-size:18px;
    line-height:1.75;
}

.open-call{background:#fff}
.open-title{
    font-size:clamp(64px,8vw,125px);
    letter-spacing:-.075em;
    line-height:.84;
}

.process-grid{
    border-top:1px solid var(--theme-border);
    border-bottom:1px solid var(--theme-border);
}
.process-card{
    min-height:320px;
    padding:30px;
    border-right:1px solid var(--theme-border);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    transition:.25s var(--ease);
}
.process-card:hover{
    background:var(--theme-primary);
    color:var(--theme-light);
}
.process-card h3{
    font-size:34px;
    line-height:.98;
    letter-spacing:-.045em;
}
.process-card p{
    opacity:.68;
    line-height:1.65;
    font-size:14px;
    max-width:250px;
}

/* =========================================================
   JURY — CLEAN EDITORIAL
========================================================= */

.jury-section{
    background:var(--theme-dark);
    color:var(--theme-light);
    padding:105px 0 115px;
}

.jury-clean-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    padding-bottom:28px;
    margin-bottom:34px;
    border-bottom:1px solid rgba(255,255,255,.14);
}

.jury-clean-title{
    margin:0;
    font-size:clamp(64px,7vw,108px);
    line-height:.82;
    letter-spacing:-.075em;
    font-weight:500;
}

.jury-clean-side{
    display:flex;
    align-items:center;
    gap:20px;
    padding-bottom:5px;
}

.jury-clean-side span{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.15em;
    color:rgba(255,255,255,.48);
}

.jury-clean-side:before{
    content:"";
    width:46px;
    height:1px;
    background:var(--theme-primary);
}

.jury-grid-clean{
    margin-left:-8px;
    margin-right:-8px;
}

.jury-grid-clean > [class*="col-"]{
    padding-left:8px;
    padding-right:8px;
}

.jury-card-clean{
    display:block;
    color:var(--theme-light);
}

.jury-card-clean:hover{
    color:var(--theme-light);
}

.jury-image-clean{
    position:relative;
    aspect-ratio:1 / 1;
    overflow:hidden;
    background:#262626;
}

.jury-image-clean img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .65s var(--ease);
}

.jury-card-clean:hover .jury-image-clean img{
    transform:scale(1.035);
}

.jury-image-clean:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.03) 60%, rgba(0,0,0,.18));
    pointer-events:none;
}

.jury-card-mark{
    position:absolute;
    top:14px;
    right:14px;
    z-index:3;
    width:36px;
    height:36px;
    border:1px solid rgba(255,255,255,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    letter-spacing:.08em;
    color:var(--theme-light);
}

.jury-placeholder-clean{
    position:absolute;
    inset:0;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 45%, rgba(164,183,255,.95) 0, rgba(164,183,255,.5) 24%, transparent 45%),
        linear-gradient(135deg,#c8d9dc 0%,#99a9ce 54%,#7f80a8 100%);
}

.jury-placeholder-clean:before{
    content:"";
    position:absolute;
    width:46%;
    height:58%;
    left:50%;
    bottom:-5%;
    transform:translateX(-50%);
    background:#222127;
    border-radius:48% 48% 18% 18%;
}

.jury-placeholder-clean.alt{
    background:
        radial-gradient(circle at 52% 44%, rgba(220,177,255,.92) 0, rgba(220,177,255,.48) 24%, transparent 45%),
        linear-gradient(135deg,#d2d7e0 0%,#b2a4ce 58%,#9384ac 100%);
}

.jury-info-clean{
    display:grid;
    grid-template-columns:1fr auto;
    gap:18px;
    align-items:start;
    padding:17px 2px 0;
}

.jury-info-clean h3{
    margin:0;
    font-size:clamp(22px,2vw,30px);
    line-height:1;
    letter-spacing:-.045em;
    font-weight:500;
}

.jury-info-clean p{
    margin:8px 0 0;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:rgba(255,255,255,.45);
}

.jury-clean-arrow{
    margin-top:2px;
    width:34px;
    height:34px;
    border:1px solid rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    transition:.25s var(--ease);
}

.jury-card-clean:hover .jury-clean-arrow{
    background:#fff;
    color:#111;
    border-color:var(--theme-light);
}

@media(max-width:767.98px){
    .jury-section{
        padding:78px 0 88px;
    }

    .jury-clean-head{
        align-items:flex-start;
        flex-direction:column;
        margin-bottom:26px;
    }

    .jury-clean-title{
        font-size:18vw;
    }

    .jury-clean-side{
        padding-bottom:0;
    }
}

.archive{
    position:relative;
    overflow:hidden;
    background:var(--theme-dark);
    color:var(--theme-light);
    padding-bottom:96px;
}
.archive .container-odak{
    position:relative;
    z-index:1;
}
.archive-title{
    font-size:clamp(78px,11vw,170px);
    letter-spacing:-.085em;
    line-height:.77;
}
.archive-card{
    min-height:480px;
    background:color-mix(in srgb, var(--theme-dark) 88%, var(--theme-light));
    border:1px solid color-mix(in srgb, var(--theme-light) 8%, transparent);
    position:relative;
    overflow:hidden;
    padding:25px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.archive-card:after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    right:-185px;
    bottom:-185px;
    border-radius:50%;
    background:var(--card-color,var(--theme-primary));
    transition:.5s var(--ease);
}
.archive-card:hover:after{transform:scale(1.2)}
.archive-card>*{position:relative;z-index:2}
.archive-card h3{
    font-size:46px;
    letter-spacing:-.055em;
    margin:0;
}

.archive-section-transition{
    position:relative;
    height:clamp(92px,10vw,164px);
    margin-top:-1px;
    overflow:hidden;
    background:
        linear-gradient(
            180deg,
            var(--theme-dark) 0%,
            color-mix(in srgb, #050505 64%, var(--theme-dark)) 54%,
            #050505 100%
        );
}

.archive-section-transition:before{
    content:"";
    position:absolute;
    left:50%;
    top:22px;
    width:min(70vw,1120px);
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(
        90deg,
        transparent,
        color-mix(in srgb, var(--theme-light) 15%, transparent),
        transparent
    );
}

.archive-section-transition:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-86px;
    width:min(74vw,980px);
    height:150px;
    transform:translateX(-50%);
    border-radius:50%;
    background:color-mix(in srgb, var(--theme-primary) 10%, transparent);
    filter:blur(34px);
    opacity:.7;
}

.final-cta{
    background:var(--theme-primary);
    color:var(--theme-light);
    padding:105px 0;
}
.final-cta h2{
    font-size:clamp(65px,9vw,145px);
    line-height:.83;
    letter-spacing:-.085em;
}
.circle-btn{
    width:150px;
    height:150px;
    min-width:150px;
    border-radius:50%;
    background:var(--theme-dark);
    color:var(--theme-light);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.12em;
    transition:.3s var(--ease);
}
.circle-btn:hover{transform:rotate(-7deg) scale(1.04);color:var(--theme-light)}

.reveal{
    opacity:0;
    transform:translateY(28px);
    transition:.8s var(--ease);
}
.reveal.visible{
    opacity:1;
    transform:none;
}

@media(max-width:991.98px){
    .container-odak{width:min(calc(100% - 36px),1480px)}
    .main-nav{display:none}
    .mobile-menu-btn{display:flex}
    .header-inner{height:72px}
    .hero{padding-top:125px}
    .hero-orbit{width:520px;right:-275px;top:37%}
    .hero-title{font-size:28vw}
    .process-card{border-right:0;border-bottom:1px solid var(--theme-border)}
    .jury-card{aspect-ratio:1/.98}
}
@media(max-width:575.98px){
    .container-odak{width:calc(100% - 28px)}
    .section{padding:78px 0}
    .year-select{display:none}
    .hero-orbit{width:420px;right:-300px}
    .hero-title{font-size:29vw}
    .theme-title{font-size:24vw}
    .jury-card{aspect-ratio:1/1.08}
    .archive-card{min-height:390px}
    .circle-btn{width:120px;height:120px;min-width:120px}
}

/* PHOTO GALLERY */
.gallery-section{
    background:var(--theme-bg);
}

.gallery-heading{
    font-size:clamp(58px,8vw,128px);
    line-height:.86;
    letter-spacing:-.075em;
    font-weight:500;
    margin:0;
}

.gallery-intro{
    max-width:380px;
    padding-bottom:8px;
}

.gallery-intro p{
    font-size:16px;
    line-height:1.7;
    margin:0 0 24px;
}

.gallery-link{
    display:inline-flex;
    align-items:center;
    gap:30px;
    padding-bottom:7px;
    border-bottom:1px solid currentColor;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.13em;
}

.gallery-item{
    position:relative;
    display:block;
    overflow:hidden;
    background:#ddd;
    border:0;
    padding:0;
    width:100%;
    font:inherit;
    text-align:left;
    appearance:none;
}

.gallery-item-large{
    min-height:700px;
}

.gallery-item-wide{
    min-height:342px;
}

.gallery-item-square{
    aspect-ratio:1 / 1;
}

.gallery-item img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:
        transform .7s var(--ease),
        filter .7s var(--ease);
}

.gallery-item:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,0) 45%,
        rgba(0,0,0,.42) 100%
    );
}

.gallery-item:hover img{
    transform:scale(1.045);
    filter:saturate(1.08);
}

.gallery-work-trigger{
    cursor:zoom-in;
    color:inherit;
}

.gallery-zoom-mark{
    position:absolute;
    top:18px;
    right:18px;
    z-index:2;
    border:1px solid rgba(255,255,255,.5);
    color:#fff;
    background:rgba(0,0,0,.22);
    backdrop-filter:blur(10px);
    padding:7px 10px;
    font-size:10px;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.gallery-item-overlay{
    position:absolute;
    left:22px;
    right:22px;
    bottom:20px;
    z-index:2;
    color:var(--theme-light);
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
}

.gallery-item-overlay span{
    font-size:10px;
    letter-spacing:.14em;
    opacity:.8;
}

.gallery-item-overlay strong{
    max-width:72%;
    font-size:20px;
    line-height:1.12;
    font-weight:400;
    letter-spacing:-.025em;
    text-align:right;
    overflow-wrap:anywhere;
}

.odak-work-modal .modal-content{
    position:relative;
    border:1px solid color-mix(in srgb, var(--theme-light) 16%, transparent);
    border-radius:0;
    background:var(--theme-dark);
    color:var(--theme-light);
    overflow:hidden;
}

.odak-work-modal-close{
    position:absolute;
    top:18px;
    right:18px;
    z-index:3;
    width:40px;
    height:40px;
    border-radius:50%;
    background-color:rgba(255,255,255,.82);
    opacity:1;
}

.odak-work-modal-body{
    background:#050505;
}

.odak-work-modal-body img{
    display:block;
    width:100%;
    max-height:82vh;
    object-fit:contain;
}

.odak-work-modal-caption{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:18px 22px;
    border-top:1px solid color-mix(in srgb, var(--theme-light) 12%, transparent);
}

.odak-work-modal-caption span{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.16em;
    color:color-mix(in srgb, var(--theme-light) 70%, transparent);
}

.odak-work-modal-caption strong{
    font-size:18px;
    font-weight:400;
    text-align:right;
    overflow-wrap:anywhere;
}

@media(max-width:991.98px){
    .gallery-item-large{
        min-height:560px;
    }

    .gallery-item-wide{
        min-height:280px;
    }
}

@media(max-width:575.98px){
    .gallery-heading{
        font-size:16vw;
    }

    .gallery-item-large{
        min-height:440px;
    }

    .gallery-item-wide{
        min-height:230px;
    }

    .gallery-item-overlay{
        left:14px;
        right:14px;
        bottom:14px;
    }

    .gallery-item-overlay strong{
        font-size:16px;
    }

    .gallery-zoom-mark{
        top:12px;
        right:12px;
    }

    .odak-work-modal-caption{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }

    .odak-work-modal-caption strong{
        text-align:left;
    }
}

/* =========================================================
   YEAR THEME SHOWCASE — NEW
========================================================= */

.theme-showcase{
    background:var(--theme-surface);
    color:var(--theme-text);
}

.theme-showcase-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    padding-bottom:28px;
    border-bottom:1px solid var(--theme-border);
    margin-bottom:22px;
}

.theme-showcase-year{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.15em;
}

.theme-showcase-grid{
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    min-height:720px;
}

/* LEFT VISUAL */

.theme-visual{
    position:relative;
    min-height:720px;
    background:var(--theme-light);
    color:var(--theme-text);
    overflow:hidden;
    padding:28px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border-right:1px solid var(--theme-border);
}

.theme-visual:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,.015), rgba(0,0,0,0));
    pointer-events:none;
}

.theme-visual-top,
.theme-visual-bottom{
    position:relative;
    z-index:3;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.theme-visual-top{
    font-size:10px;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.theme-minimal-art{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.theme-minimal-line{
    position:absolute;
    width:1px;
    height:58%;
    background:color-mix(in srgb, var(--theme-dark) 8%, transparent);
    left:50%;
    top:21%;
    transform:translateX(-50%);
}

.theme-minimal-circle{
    position:absolute;
    width:290px;
    height:290px;
    border-radius:50%;
    border:1px solid color-mix(in srgb, var(--theme-dark) 12%, transparent);
}

.theme-minimal-accent{
    position:absolute;
    width:92px;
    height:92px;
    border-radius:50%;
    background:var(--theme-primary);
    box-shadow:0 0 0 16px color-mix(in srgb, var(--theme-primary) 9%, transparent);
}

.theme-visual-bottom-minimal{
    align-items:flex-end;
}

.theme-mini-label{
    display:block;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.14em;
    opacity:.58;
    margin-bottom:6px;
}

.theme-visual-bottom strong{
    display:block;
    font-size:44px;
    line-height:.92;
    letter-spacing:-.06em;
    font-weight:500;
}

.theme-palette{
    display:flex;
    align-items:center;
    gap:8px;
}

.theme-swatch{
    width:28px;
    height:28px;
    border:1px solid color-mix(in srgb, var(--theme-dark) 12%, transparent);
}

.theme-swatch-primary{background:var(--theme-primary)}
.theme-swatch-secondary{background:var(--theme-secondary)}
.theme-swatch-dark{background:var(--theme-dark)}

/* RIGHT CONTENT */

.theme-content{
    background:var(--theme-light);
    padding:62px 60px 55px;
    display:flex;
    flex-direction:column;
}

.theme-kicker{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.16em;
    margin-bottom:36px;
}

.theme-content-title{
    font-size:clamp(76px,9vw,148px);
    line-height:.78;
    letter-spacing:-.085em;
    font-weight:500;
    margin:0 0 48px;
    color:var(--theme-text);
}

.theme-lead{
    max-width:760px;
    font-size:clamp(24px,2.1vw,35px);
    line-height:1.28;
    letter-spacing:-.035em;
    margin:0;
}

.theme-divider{
    height:1px;
    background:var(--theme-border);
    margin:50px 0 34px;
}

.theme-copy-grid p{
    font-size:15px;
    line-height:1.7;
    margin:12px 0 0;
}

.theme-copy-index{
    color:var(--theme-primary);
    font-size:10px;
    letter-spacing:.12em;
}

.theme-read-more{
    margin-top:auto;
    padding-top:45px;
    align-self:flex-start;
    display:inline-flex;
    align-items:center;
    gap:35px;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.13em;
    border-bottom:1px solid currentColor;
    padding-bottom:7px;
}

@media(max-width:991.98px){
    .theme-showcase-grid{
        grid-template-columns:1fr;
        min-height:auto;
    }

    .theme-visual{
        min-height:580px;
    }

    .theme-minimal-circle{
        width:240px;
        height:240px;
    }

    .theme-minimal-accent{
        width:78px;
        height:78px;
    }

    .theme-content{
        padding:55px 36px;
    }

    .theme-content-title{
        font-size:16vw;
    }
}

@media(max-width:575.98px){
    .theme-showcase-head{
        align-items:flex-start;
    }

    .theme-visual{
        min-height:430px;
        padding:20px;
    }

    .theme-minimal-line{
        height:52%;
        top:24%;
    }

    .theme-minimal-circle{
        width:180px;
        height:180px;
    }

    .theme-minimal-accent{
        width:58px;
        height:58px;
        box-shadow:0 0 0 10px color-mix(in srgb, var(--theme-primary) 9%, transparent);
    }

    .theme-visual-bottom strong{
        font-size:30px;
    }

    .theme-content{
        padding:44px 22px;
    }

    .theme-content-title{
        margin-bottom:35px;
    }

    .theme-divider{
        margin:35px 0 25px;
    }
}

/* =========================================================
   APPLICATION FOCUS SECTION
========================================================= */

.application-focus{
    background:var(--theme-surface);
}

.application-wrap{
    border:1px solid var(--theme-border);
    background:var(--theme-light);
    padding:34px;
}

.application-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px;
    padding-bottom:28px;
    border-bottom:1px solid var(--theme-border);
}

.application-kicker{
    letter-spacing:.16em;
    margin-bottom:14px;
}

.application-status{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.13em;
    color:var(--theme-primary);
}

.application-status:before{
    content:"";
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--theme-primary);
    display:block;
}

.application-status.is-open{
    color:#147a44;
}

.application-status.is-open:before{
    background:#147a44;
}

.application-status.is-upcoming{
    color:#8a5b00;
}

.application-status.is-upcoming:before{
    background:#8a5b00;
}

.application-status.is-closed{
    color:#8b2d2d;
}

.application-status.is-closed:before{
    background:#8b2d2d;
}

.application-deadline{
    text-align:right;
}

.application-deadline span{
    display:block;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.14em;
    opacity:.55;
    margin-bottom:6px;
}

.application-deadline strong{
    font-size:20px;
    letter-spacing:-.03em;
    font-weight:500;
}

.application-main{
    padding:42px 0 34px;
}

.application-title{
    font-size:clamp(72px,10vw,146px);
    line-height:.82;
    letter-spacing:-.085em;
    font-weight:500;
    margin:0 0 24px;
}

.application-lead{
    max-width:520px;
    font-size:19px;
    line-height:1.7;
    margin:0;
}

.application-card{
    border:1px solid var(--theme-border);
    background:#fff;
    padding:28px;
}

.application-card-title{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.14em;
    margin-bottom:24px;
}

.application-point{
    border:1px solid var(--theme-border);
    padding:18px;
    min-height:100%;
    background:var(--theme-light);
}

.application-point span{
    color:var(--theme-primary);
    font-size:10px;
    letter-spacing:.14em;
    display:block;
    margin-bottom:10px;
}

.application-point strong{
    display:block;
    font-size:20px;
    line-height:1.05;
    letter-spacing:-.035em;
    font-weight:500;
    margin-bottom:10px;
}

.application-point p{
    font-size:14px;
    line-height:1.65;
    margin:0;
    opacity:.82;
}

.application-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
}

.btn-line-dark{
    color:var(--theme-text);
    border-color:var(--theme-border);
}

.btn-line-dark:hover{
    background:var(--theme-text);
    color:var(--theme-light);
}

.application-bottom{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    padding-top:28px;
    border-top:1px solid var(--theme-border);
}

.application-mini{
    border-top:1px solid var(--theme-border);
    padding-top:14px;
}

.application-mini span{
    display:block;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.14em;
    opacity:.55;
    margin-bottom:8px;
}

.application-mini p{
    font-size:15px;
    line-height:1.6;
    margin:0;
}

@media(max-width:991.98px){
    .application-top{
        flex-direction:column;
    }

    .application-deadline{
        text-align:left;
    }

    .application-bottom{
        grid-template-columns:1fr;
    }

    .application-title{
        font-size:16vw;
    }
}

@media(max-width:575.98px){
    .application-wrap{
        padding:20px;
    }

    .application-main{
        padding:30px 0 24px;
    }

    .application-card{
        padding:18px;
    }
}

@media(max-width:767.98px){
    .jury-head-top{
        margin-bottom:26px;
    }

    .jury-head-main{
        grid-template-columns:1fr;
        gap:24px;
    }

    .jury-count{
        padding-bottom:0;
    }

    .jury-title{
        font-size:18vw;
    }
}

/* =========================================================
   ARTISTS
========================================================= */

.artists-section{
    background:var(--theme-surface);
    color:var(--theme-text);
}

.artists-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    margin-bottom:46px;
}

.artists-head-left{
    max-width:900px;
}

.artists-kicker{
    display:flex;
    align-items:center;
    gap:14px;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.16em;
    margin-bottom:22px;
}

.artists-kicker span{
    color:var(--theme-primary);
}

.artists-title{
    margin:0;
    font-size:clamp(64px,9vw,140px);
    line-height:.82;
    letter-spacing:-.085em;
    font-weight:500;
}

.artists-all{
    display:inline-flex;
    align-items:center;
    gap:28px;
    padding-bottom:7px;
    border-bottom:1px solid currentColor;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.13em;
    white-space:nowrap;
}

.artist-card{
    display:block;
    color:var(--theme-text);
}

.artist-card:hover{
    color:var(--theme-text);
}

.artist-image{
    position:relative;
    aspect-ratio:1 / 1;
    overflow:hidden;
    background:#ddd;
}

.artist-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s var(--ease);
}

.artist-card:hover .artist-image img{
    transform:scale(1.035);
}

.artist-image-placeholder{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--theme-primary) 30%, var(--theme-light)) 0, color-mix(in srgb, var(--theme-primary) 12%, var(--theme-light)) 25%, transparent 46%),
        linear-gradient(135deg, var(--theme-surface-2) 0%, color-mix(in srgb, var(--theme-primary) 18%, var(--theme-surface)) 100%);
}

.artist-image-placeholder:before{
    content:"";
    position:absolute;
    left:50%;
    bottom:-8%;
    width:42%;
    height:54%;
    transform:translateX(-50%);
    border-radius:48% 48% 18% 18%;
    background:color-mix(in srgb, var(--theme-dark) 82%, var(--theme-primary));
}

.artist-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,0) 62%, rgba(0,0,0,.20) 100%);
    pointer-events:none;
}

.artist-image-top{
    position:absolute;
    top:14px;
    left:15px;
    right:15px;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.13em;
    color:var(--theme-light);
    text-shadow:0 1px 8px rgba(0,0,0,.18);
}

.artist-caption{
    padding-top:15px;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
}

.artist-caption h3{
    margin:0;
    font-size:26px;
    line-height:1;
    letter-spacing:-.045em;
    font-weight:500;
}

.artist-caption p{
    margin:7px 0 0;
    font-size:13px;
    opacity:.62;
}

.artist-arrow{
    font-size:16px;
    line-height:1;
    padding-top:3px;
}

.artists-empty-state{
    min-height:180px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:34px;
    padding:28px;
    border:1px solid var(--theme-border);
    color:var(--theme-text);
    background:color-mix(in srgb, var(--theme-light) 78%, transparent);
}

.artists-empty-state span{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.13em;
    color:var(--theme-primary);
}

.artists-empty-state p{
    max-width:520px;
    margin:0;
    font-size:22px;
    line-height:1.15;
}

.artist-feature{
    margin-top:55px;
    border-top:1px solid var(--theme-border);
    padding-top:26px;
    display:grid;
    grid-template-columns:110px 1fr auto;
    gap:25px;
    align-items:center;
}

.artist-feature-index{
    color:var(--theme-primary);
    font-size:11px;
    letter-spacing:.14em;
}

.artist-feature-title{
    font-size:clamp(28px,4vw,58px);
    line-height:.95;
    letter-spacing:-.055em;
}

.artist-feature-link{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.13em;
}

@media(max-width:767.98px){
    .artists-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .artists-title{
        font-size:18vw;
    }

    .artist-feature{
        grid-template-columns:1fr;
        gap:12px;
    }
}

/* Cleaned micro-labels */
.theme-showcase-grid-nohead{
    margin-top: 0;
}

.application-top-clean{
    padding-bottom: 22px;
}

.jury-head-main-clean{
    padding-top: 0;
}

#takvim .display-art{
    margin-top: 0 !important;
}

.archive-title{
    margin-top: 0;
}

/* =========================================================
   PORTFOLIO GUIDE
========================================================= */

.portfolio-guide{
    background:#050505;
    color:var(--theme-light);
    padding-top:clamp(82px,8vw,128px);
}

.portfolio-guide-head{
    max-width:860px;
    margin:0 auto 42px;
    text-align:center;
}

.portfolio-guide-head h2{
    margin:0 0 26px;
    font-size:clamp(38px,4.8vw,72px);
    line-height:.94;
    letter-spacing:-.055em;
    font-weight:500;
}

.portfolio-guide-head p{
    max-width:760px;
    margin:0 auto;
    font-size:16px;
    line-height:1.8;
    color:rgba(255,255,255,.72);
}

.portfolio-download{
    margin-top:22px;
    display:inline-flex;
    align-items:center;
    gap:26px;
    padding-bottom:7px;
    border-bottom:1px solid rgba(255,255,255,.24);
    font-size:11px;
    letter-spacing:.13em;
    text-transform:uppercase;
    color:var(--theme-primary);
}

.portfolio-slider{
    position:relative;
    max-width:1060px;
    margin:0 auto;
    padding:0 54px;
}

.portfolio-slider-window{
    overflow:hidden;
}

.portfolio-slider-track{
    display:flex;
    transition:transform .55s var(--ease);
    will-change:transform;
}

.portfolio-slide{
    min-width:100%;
}

.portfolio-preview{
    background:var(--theme-surface-2);
    border:3px solid rgba(255,255,255,.12);
    height:min(72vh,760px);
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
    overflow:hidden;
}

.portfolio-preview-alt{
    background:var(--theme-surface);
}

.portfolio-preview-dark{
    background:var(--theme-surface-2);
}

.portfolio-sheet{
    width:100%;
    max-width:700px;
    text-align:center;
    color:#1f1f1f;
}

.portfolio-sheet-name{
    font-size:clamp(20px,2vw,32px);
    letter-spacing:-.02em;
    margin-bottom:22px;
}

.portfolio-sheet-title{
    font-size:clamp(54px,7vw,110px);
    line-height:.88;
    letter-spacing:-.07em;
    font-weight:700;
    margin:0;
}

.portfolio-sheet-year{
    margin-top:18px;
    font-size:clamp(22px,2.2vw,34px);
    letter-spacing:-.03em;
}

.portfolio-pdf-page{
    display:block;
    border:0;
    background:#fff;
    box-shadow:0 24px 70px rgba(0,0,0,.28);
    max-width:100%;
    max-height:100%;
}

.portfolio-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.04);
    color:var(--theme-light);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    line-height:1;
    transition:.25s var(--ease);
    z-index:3;
}

.portfolio-arrow:hover{
    background:var(--theme-primary);
    border-color:var(--theme-primary);
}

.portfolio-arrow-prev{
    left:0;
}

.portfolio-arrow-next{
    right:0;
}

.portfolio-controls{
    margin-top:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
}

.portfolio-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:var(--theme-primary);
    font-size:14px;
}

.portfolio-page-label{
    font-size:11px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:rgba(255,255,255,.58);
}

.portfolio-divider{
    opacity:.38;
}

.portfolio-page-dots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}

.portfolio-page-dot{
    width:8px;
    height:8px;
    padding:0;
    border:1px solid rgba(255,255,255,.24);
    border-radius:999px;
    background:rgba(255,255,255,.12);
    transition:width .25s var(--ease), background-color .25s var(--ease), border-color .25s var(--ease);
}

.portfolio-page-dot.is-active{
    width:26px;
    background:var(--theme-primary);
    border-color:var(--theme-primary);
}

.portfolio-page-dot:focus-visible{
    outline:2px solid var(--theme-primary);
    outline-offset:4px;
}

@media(max-width:767.98px){
    .portfolio-slider{
        padding:0 36px;
    }

    .portfolio-preview{
        height:min(74vh,560px);
        min-height:400px;
        padding:24px;
    }

    .portfolio-sheet-title{
        font-size:16vw;
    }
}

@media(max-width:575.98px){
    .portfolio-guide-head{
        margin-bottom:28px;
    }

    .portfolio-slider{
        padding:0 28px;
    }

    .portfolio-preview{
        height:min(70vh,430px);
        min-height:300px;
        padding:20px;
    }

    .portfolio-arrow{
        width:34px;
        height:34px;
        font-size:24px;
    }

    .portfolio-controls{
        gap:12px;
    }

    .portfolio-nav{
        font-size:12px;
    }

    .portfolio-page-label{
        font-size:10px;
    }

    .portfolio-page-dots{
        gap:7px;
    }
}

/* =========================================================
   APPLICATION RULES
========================================================= */

.application-rules{
    background:var(--theme-surface);
    color:var(--theme-text);
}

.rules-head{
    margin-bottom:34px;
}

.rules-head-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.46fr);
    gap:54px;
    align-items:end;
    padding:0 0 34px;
    border-bottom:1px solid var(--theme-border);
}

.rules-head-left{
    min-width:0;
}

.rules-head-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:24px;
    padding:10px 14px;
    border:1px solid var(--theme-border);
    border-radius:999px;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.14em;
    color:color-mix(in srgb, var(--theme-dark) 72%, transparent);
    background:rgba(255,255,255,.45);
}

.rules-title{
    margin:0;
    font-size:clamp(58px,8vw,122px);
    line-height:.84;
    letter-spacing:-.08em;
    font-weight:500;
}

.rules-head-right{
    display:flex;
    flex-direction:column;
    gap:24px;
    align-self:end;
    padding:28px;
    border:1px solid var(--theme-border);
    background:rgba(255,255,255,.42);
    backdrop-filter:blur(4px);
}

.rules-intro{
    max-width:100%;
    font-size:18px;
    line-height:1.75;
    margin:0;
    color:color-mix(in srgb, var(--theme-dark) 72%, transparent);
}

.rules-head-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.rules-head-tags span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:8px 12px;
    border:1px solid var(--theme-border);
    background:var(--theme-light);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:color-mix(in srgb, var(--theme-dark) 78%, transparent);
}

.rules-layout{
    display:grid;
    grid-template-columns:minmax(0,.42fr) minmax(0,1fr);
    gap:28px;
    align-items:start;
}

.rules-summary{
    position:sticky;
    top:110px;
    border:1px solid var(--theme-border);
    background:var(--theme-dark);
    color:var(--theme-light);
    padding:26px;
}

.rules-summary-label{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.15em;
    color:rgba(255,255,255,.5);
    margin-bottom:20px;
}

.rules-summary h3{
    margin:0 0 30px;
    font-size:clamp(38px,4vw,58px);
    line-height:.9;
    letter-spacing:-.06em;
    font-weight:500;
}

.rules-summary-list{
    display:grid;
    gap:0;
    border-top:1px solid rgba(255,255,255,.13);
}

.rules-summary-row{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:15px 0;
    border-bottom:1px solid rgba(255,255,255,.13);
}

.rules-summary-row span{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.13em;
    color:rgba(255,255,255,.45);
}

.rules-summary-row strong{
    font-size:14px;
    font-weight:400;
    text-align:right;
}

.rules-list{
    border-top:1px solid var(--theme-border);
}

.rule-item{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:24px;
    padding:30px 0;
    border-bottom:1px solid var(--theme-border);
}

.rule-number{
    color:var(--theme-primary);
    font-size:11px;
    letter-spacing:.14em;
    padding-top:6px;
}

.rule-content h3{
    margin:0 0 18px;
    font-size:clamp(28px,3vw,46px);
    line-height:.96;
    letter-spacing:-.05em;
    font-weight:500;
}

.rule-content p{
    margin:0;
    font-size:15px;
    line-height:1.7;
    color:color-mix(in srgb, var(--theme-dark) 72%, transparent);
}

.rule-points{
    list-style:none;
    padding:0;
    margin:20px 0 0;
    display:grid;
    gap:10px;
}

.rule-points li{
    position:relative;
    padding-left:18px;
    font-size:14px;
    line-height:1.65;
}

.rule-points li:before{
    content:"";
    position:absolute;
    left:0;
    top:.72em;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--theme-primary);
}

.rule-note{
    margin-top:22px;
    padding:16px 18px;
    border-left:3px solid var(--theme-primary);
    background:color-mix(in srgb, var(--theme-primary) 6%, transparent);
    font-size:13px;
    line-height:1.65;
}

.rules-bottom{
    margin-top:42px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    padding-top:28px;
    border-top:1px solid var(--theme-border);
}

.rules-bottom p{
    margin:0;
    max-width:640px;
    font-size:15px;
    line-height:1.7;
}

.rules-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

@media(max-width:991.98px){
    .rules-head-grid,
    .rules-layout{
        grid-template-columns:1fr;
    }

    .rules-summary{
        position:relative;
        top:auto;
    }

    .rules-head-grid{
        gap:28px;
    }

    .rules-head-right{
        padding:22px;
    }
}

@media(max-width:575.98px){
    .rules-title{
        font-size:18vw;
    }

    .rule-item{
        grid-template-columns:44px 1fr;
        gap:12px;
    }

    .rules-bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}

/* =========================================================
   MODERN TIMELINE
========================================================= */

.timeline-modern{
    background:var(--theme-surface);
    color:var(--theme-text);
}

.timeline-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);
    gap:48px;
    align-items:end;
    padding-bottom:34px;
    margin-bottom:34px;
    border-bottom:1px solid var(--theme-border);
}

.timeline-mini{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    border:1px solid var(--theme-border);
    border-radius:999px;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.14em;
    color:color-mix(in srgb, var(--theme-dark) 72%, transparent);
    background:rgba(255,255,255,.45);
    margin-bottom:24px;
}

.timeline-title{
    margin:0;
    font-size:clamp(58px,8vw,122px);
    line-height:.84;
    letter-spacing:-.08em;
    font-weight:500;
}

.timeline-head-right{
    padding:28px;
    border:1px solid var(--theme-border);
    background:rgba(255,255,255,.42);
}

.timeline-head-right p{
    margin:0;
    font-size:18px;
    line-height:1.75;
    color:color-mix(in srgb, var(--theme-dark) 72%, transparent);
}

.timeline-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.timeline-card{
    min-height:280px;
    padding:24px;
    border:1px solid var(--theme-border);
    background:var(--theme-light);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
}

.timeline-card:hover{
    transform:translateY(-4px);
    border-color:color-mix(in srgb, var(--theme-dark) 24%, transparent);
    box-shadow:0 12px 30px rgba(0,0,0,.04);
}

.timeline-card-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
}

.timeline-step{
    color:var(--theme-primary);
    font-size:11px;
    letter-spacing:.14em;
}

.timeline-date{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:color-mix(in srgb, var(--theme-dark) 48%, transparent);
    text-align:right;
}

.timeline-card h3{
    margin:28px 0 12px;
    font-size:clamp(26px,2.5vw,40px);
    line-height:.95;
    letter-spacing:-.045em;
    font-weight:500;
}

.timeline-card p{
    margin:0;
    font-size:14px;
    line-height:1.7;
    color:color-mix(in srgb, var(--theme-dark) 70%, transparent);
}

.timeline-card-highlight{
    background:var(--theme-dark);
    color:var(--theme-light);
    border-color:#111;
}

.timeline-card-highlight .timeline-note-label{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.14em;
    color:rgba(255,255,255,.45);
}

.timeline-note-content{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.timeline-note-content strong{
    font-size:26px;
    line-height:1.1;
    letter-spacing:-.03em;
    font-weight:500;
}

.timeline-note-content span{
    font-size:14px;
    line-height:1.7;
    color:rgba(255,255,255,.65);
}

@media(max-width:991.98px){
    .timeline-head{
        grid-template-columns:1fr;
        gap:28px;
    }

    .timeline-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .timeline-head-right{
        padding:22px;
    }
}

@media(max-width:575.98px){
    .timeline-title{
        font-size:18vw;
    }

    .timeline-grid{
        grid-template-columns:1fr;
    }

    .timeline-card{
        min-height:220px;
    }
}

html{
    scroll-behavior:smooth;
    scroll-padding-top:88px;
}

section[id]{
    scroll-margin-top:88px;
}

/* =========================================================
   ARTIST INTERVIEWS — COMPACT
========================================================= */

.interviews-section{
    background:var(--theme-dark);
    color:var(--theme-light);
    padding:90px 0 95px;
}

.interviews-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    padding-bottom:22px;
    margin-bottom:26px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.interviews-title{
    margin:0;
    font-size:clamp(48px,6vw,92px);
    line-height:.86;
    letter-spacing:-.07em;
    font-weight:500;
}

.interviews-link{
    display:inline-flex;
    align-items:center;
    gap:24px;
    padding-bottom:6px;
    border-bottom:1px solid rgba(255,255,255,.28);
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.13em;
    color:var(--theme-light);
    white-space:nowrap;
}

.interviews-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.interview-card{
    display:grid;
    grid-template-columns:128px 1fr;
    gap:18px;
    min-height:175px;
    padding:14px;
    border:1px solid rgba(255,255,255,.11);
    background:#171717;
    color:var(--theme-light);
    transition:.25s var(--ease);
}

.interview-card:hover{
    color:var(--theme-light);
    border-color:rgba(255,255,255,.2);
    background:#1b1b1b;
    transform:translateY(-3px);
}

.interview-card-image{
    position:relative;
    width:128px;
    height:146px;
    overflow:hidden;
    background:#222;
}

.interview-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    filter:grayscale(100%);
    transition:transform .5s var(--ease), filter .5s var(--ease);
}

.interview-card-image-placeholder{
    width:100%;
    height:100%;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--theme-primary) 38%, transparent), transparent 58%),
        color-mix(in srgb, var(--theme-dark) 78%, var(--theme-light));
}

.interview-card:hover img{
    transform:scale(1.035);
    filter:grayscale(0%);
}

.interview-card-content{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:4px 0;
}

.interview-card-kicker{
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.13em;
    color:rgba(255,255,255,.4);
    margin-bottom:12px;
}

.interview-card-content h3{
    margin:0;
    font-size:25px;
    line-height:1;
    letter-spacing:-.045em;
    font-weight:500;
}

.interview-card-content p{
    margin:11px 0 0;
    font-size:13px;
    line-height:1.6;
    color:rgba(255,255,255,.6);
}

.interview-card-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin-top:16px;
}

.interview-read{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:rgba(255,255,255,.62);
}

.interview-arrow{
    width:30px;
    height:30px;
    min-width:30px;
    border:1px solid rgba(255,255,255,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    transition:.25s var(--ease);
}

.interview-card:hover .interview-arrow{
    background:#fff;
    color:#111;
    border-color:var(--theme-light);
}

@media(max-width:991.98px){
    .interviews-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:767.98px){
    .interviews-section{
        padding:72px 0 78px;
    }

    .interviews-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .interviews-title{
        font-size:16vw;
    }

    .interviews-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:420px){
    .interview-card{
        grid-template-columns:100px 1fr;
        gap:14px;
    }

    .interview-card-image{
        width:100px;
        height:124px;
    }

    .interview-card-content h3{
        font-size:21px;
    }
}

/* =========================================================
   REFINED HERO REFERENCE STYLE
========================================================= */
.hero{
    min-height:clamp(560px, 72vh, 760px);
    padding:138px 0 36px;
    display:flex;
    align-items:flex-end;
    background:linear-gradient(180deg, #0b0b0d 0%, #09090b 100%);
    color:var(--theme-light);
    position:relative;
    overflow:hidden;
}
.hero-bg-word{
    position:absolute;
    left:-1.5vw;
    top:46%;
    transform:translateY(-50%);
    font-size:clamp(220px, 31vw, 620px);
    font-weight:900;
    line-height:.8;
    letter-spacing:-.09em;
    color:rgba(255,255,255,.045);
    z-index:1;
    user-select:none;
    white-space:nowrap;
}
.hero-orbit{
    display:block !important;
    position:absolute;
    right:-13vw;
    top:49%;
    width:min(47vw, 760px);
    aspect-ratio:1;
    transform:translateY(-50%);
    border-radius:50%;
    background:var(--theme-primary);
    box-shadow:0 0 110px rgba(54, 97, 211, .20);
    z-index:1;
}
.hero-orbit::before{
    content:"";
    position:absolute;
    inset:-10%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(74,111,255,.22) 0%, rgba(74,111,255,.07) 45%, transparent 72%);
    filter:blur(16px);
    z-index:-1;
}
.hero-orbit::after{
    content:"";
    position:absolute;
    inset:20%;
    border-radius:50%;
    background:#09090b;
}
.hero-logo-stage,
.hero-logo-live{
    display:none !important;
}
.hero-content-reference{
    position:relative;
    z-index:3;
    width:100%;
}
.hero-reference-row{
    align-items:end !important;
}
.hero-left-block{
    position:relative;
    padding-left:10.5rem;
    padding-bottom:.15rem;
}
.hero-left-block .eyebrow{
    margin-bottom:14px;
    color:rgba(255,255,255,.92);
}
.hero-title-odak{
    margin:0;
    font-size:clamp(118px, 15.5vw, 272px);
    line-height:.8;
    letter-spacing:-.1em;
    font-weight:900;
    color:var(--theme-light);
}
.hero-info-reference{
    margin-left:auto;
    padding:0;
    background:transparent;
    border:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    box-shadow:none;
    max-width:420px;
}
.hero-info-reference .hero-year{
    margin-bottom:12px;
    color:rgba(255,255,255,.75);
}
.hero-info-reference .hero-theme{
    font-size:clamp(54px, 5.5vw, 82px);
    line-height:.92;
    letter-spacing:-.07em;
    margin:0 0 18px;
    color:var(--theme-light);
}
.hero-info-reference .hero-copy{
    max-width:390px;
    color:rgba(255,255,255,.78);
    font-size:15px;
    line-height:1.75;
}
.btn-odak{
    border-radius:0;
    padding:15px 24px;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.13em;
}
.btn-theme{
    background:var(--theme-primary);
    border:1px solid var(--theme-primary);
    color:var(--theme-light);
}
.btn-line{
    background:transparent;
    border:1px solid rgba(255,255,255,.45);
    color:var(--theme-light);
}
.btn-line:hover{
    background:#fff;
    border-color:var(--theme-light);
    color:#111;
}
@media (max-width:1399.98px){
    .hero{
        min-height:clamp(540px, 68vh, 700px);
    }
    .hero-left-block{
        padding-left:8rem;
    }
    .hero-orbit{
        width:min(46vw, 680px);
        right:-16vw;
    }
}
@media (max-width:1199.98px){
    .hero{
        min-height:620px;
        padding:128px 0 34px;
    }
    .hero-left-block{
        padding-left:5.2rem;
    }
    .hero-bg-word{
        font-size:clamp(180px, 29vw, 430px);
        top:42%;
    }
    .hero-orbit{
        width:min(50vw, 590px);
        right:-21vw;
    }
    .hero-info-reference .hero-theme{
        font-size:clamp(46px, 5vw, 66px);
    }
}
@media (max-width:991.98px){
    .hero{
        min-height:560px;
        padding:106px 0 26px;
    }
    .hero-bg-word{
        top:32%;
        left:-3vw;
        font-size:clamp(132px, 29vw, 270px);
    }
    .hero-orbit{
        width:min(66vw, 430px);
        right:-28vw;
        top:30%;
    }
    .hero-left-block{
        padding-left:0;
    }
    .hero-title-odak{
        font-size:clamp(86px, 20vw, 170px);
        margin-top:6px;
    }
    .hero-info-reference{
        max-width:100%;
        margin-top:18px;
    }
}
@media (max-width:575.98px){
    .hero{
        min-height:520px;
        padding:92px 0 22px;
    }
    .hero-bg-word{
        top:24%;
        left:-4vw;
        font-size:118px;
    }
    .hero-orbit{
        width:270px;
        right:-125px;
        top:22%;
        box-shadow:0 0 60px rgba(54, 97, 211, .16);
    }
    .hero-left-block .eyebrow{
        gap:10px;
        font-size:9px;
        letter-spacing:.14em;
        margin-bottom:10px;
    }
    .hero-left-block .eyebrow::before{
        width:38px;
    }
    .hero-title-odak{
        font-size:74px;
        line-height:.84;
    }
    .hero-info-reference .hero-theme{
        font-size:48px;
        margin-bottom:14px;
    }
    .hero-info-reference .hero-copy{
        font-size:13px;
        line-height:1.65;
    }
    .btn-odak{
        width:100%;
        justify-content:center;
        text-align:center;
    }
}

/* =========================================================
   ODAK PALETTE
   Theme palette: var(--theme-primary) / var(--theme-light) / var(--theme-dark)
   Palette Blade uzerinden veritabanindan gelir.
========================================================= */
body{
    background:var(--theme-bg);
    color:var(--theme-text);
}

/* Hero */
.hero{
    background:var(--theme-dark);
    color:var(--theme-light);
}
.hero-bg-word{
    color:color-mix(in srgb, var(--theme-light) 4.5%, transparent);
}
.hero-orbit{
    background:color-mix(in srgb, var(--theme-primary) 58%, var(--theme-dark));
    box-shadow:0 0 90px color-mix(in srgb, var(--theme-primary) 18%, transparent);
}
.hero-orbit::before{
    background:radial-gradient(circle, color-mix(in srgb, var(--theme-light) 13%, transparent) 0%, color-mix(in srgb, var(--theme-primary) 7%, transparent) 46%, transparent 72%);
}
.hero-orbit::after{
    background:var(--theme-dark);
}
.hero-title-odak,
.hero-info-reference .hero-theme{
    color:var(--theme-light);
}
.hero-info-reference .hero-year,
.hero-info-reference .hero-copy{
    color:color-mix(in srgb, var(--theme-light) 74%, transparent);
}
.btn-theme{
    background:var(--theme-primary);
    border-color:var(--theme-primary);
    color:var(--theme-light);
}
.btn-theme:hover{
    background:var(--theme-light);
    border-color:var(--theme-light);
    color:var(--theme-primary);
}
.btn-line{
    border-color:color-mix(in srgb, var(--theme-light) 52%, transparent);
    color:var(--theme-light);
}
.btn-line:hover{
    background:var(--theme-light);
    border-color:var(--theme-light);
    color:var(--theme-dark);
}

/* Light editorial sections */
.gallery-section,
.artists-section,
.theme-showcase,
.application-focus,
.application-rules,
.timeline-modern{
    background:var(--theme-light);
    color:var(--theme-dark);
}
.theme-showcase{
    background:var(--theme-surface);
}
.theme-visual,
.theme-content,
.application-wrap,
.application-card,
.application-point,
.rules-head-right,
.rules-head-tags span,
.timeline-head-right,
.timeline-card{
    background:var(--theme-light);
    color:var(--theme-dark);
}
.application-focus,
.timeline-modern{
    background:var(--theme-surface);
}
.application-wrap{
    background:var(--theme-light);
}
.application-point,
.rules-head-tags span,
.timeline-card{
    background:var(--theme-surface);
}
.theme-minimal-line{
    background:color-mix(in srgb, var(--theme-dark) 10%, transparent);
}
.theme-minimal-circle,
.theme-swatch{
    border-color:color-mix(in srgb, var(--theme-dark) 15%, transparent);
}
.theme-minimal-accent{
    background:var(--theme-primary);
    box-shadow:0 0 0 16px color-mix(in srgb, var(--theme-primary) 8%, transparent);
}
.rule-note{
    background:color-mix(in srgb, var(--theme-primary) 6%, transparent);
}
.rules-head-kicker,
.timeline-mini{
    color:color-mix(in srgb, var(--theme-dark) 72%, transparent);
    background:color-mix(in srgb, var(--theme-light) 76%, transparent);
}
.rules-intro,
.rule-content p,
.timeline-head-right p,
.timeline-card p{
    color:color-mix(in srgb, var(--theme-dark) 72%, transparent);
}
.timeline-date{
    color:color-mix(in srgb, var(--theme-dark) 48%, transparent);
}

/* Primary color block */
.theme-section,
.final-cta{
    background:var(--theme-dark);
    color:var(--theme-light);
}
.theme-section .theme-text,
.final-cta p{
    color:color-mix(in srgb, var(--theme-light) 78%, transparent);
}

/* Dark editorial sections */
.interviews-section,
.jury-section,
.archive,
.portfolio-guide,
footer{
    background:var(--theme-dark);
    color:var(--theme-light);
}
.interview-card,
.rules-summary,
.timeline-card-highlight,
.archive-card{
    background:var(--theme-dark);
    color:var(--theme-light);
}
.portfolio-guide{
    background:#050505;
}
.archive-card{
    background:color-mix(in srgb, var(--theme-dark) 88%, var(--theme-light));
    border-color:color-mix(in srgb, var(--theme-light) 8%, transparent);
}
.interview-card{
    border-color:color-mix(in srgb, var(--theme-light) 12%, transparent);
    background:color-mix(in srgb, var(--theme-dark) 94%, var(--theme-light));
}
.interview-card:hover{
    color:var(--theme-light);
    border-color:color-mix(in srgb, var(--theme-light) 23%, transparent);
    background:color-mix(in srgb, var(--theme-dark) 88%, var(--theme-light));
}
.jury-card-clean,
.jury-card-clean:hover,
.interviews-link,
.portfolio-arrow,
.circle-btn{
    color:var(--theme-light);
}
.jury-image-clean,
.interview-card-image{
    background:color-mix(in srgb, var(--theme-dark) 88%, var(--theme-light));
}
.portfolio-download,
.portfolio-nav{
    color:var(--theme-primary);
}
.portfolio-preview,
.portfolio-preview-alt,
.portfolio-preview-dark{
    background:var(--theme-light);
    border-color:color-mix(in srgb, var(--theme-light) 14%, transparent);
}
.portfolio-sheet{
    color:var(--theme-dark);
}
.circle-btn{
    background:var(--theme-dark);
}
.circle-btn:hover{
    color:var(--theme-light);
}

/* Accent consistency */
.section-label .num,
.application-status,
.application-point span,
.rule-number,
.timeline-step,
.artist-feature-index,
.theme-kicker,
.archive-meta{
    color:var(--theme-primary);
}
.process-card:hover,
.portfolio-arrow:hover{
    background:var(--theme-primary);
    border-color:var(--theme-primary);
    color:var(--theme-light);
}

/* Gallery overlays stay legible but use the cream from the palette. */
.gallery-item-overlay{
    color:var(--theme-light);
}

/* Theme swatches use the active exhibition palette. */
.theme-swatch-primary{background:var(--theme-primary);}
.theme-swatch-secondary{background:var(--theme-light);}
.theme-swatch-dark{background:var(--theme-dark);}

@media(max-width:575.98px){
    .hero-orbit{
        box-shadow:0 0 46px color-mix(in srgb, var(--theme-primary) 15%, transparent);
    }
}