/* 2026 PhD Video Awards — opening section */

.bc26-awards-intro {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.bc26-hero {
    display: grid;
    grid-template-columns: minmax(230px, 1fr) minmax(0, 2fr);
    gap: clamp(35px, 5vw, 75px);
    align-items: center;

    padding: clamp(35px, 5vw, 65px);

    background: linear-gradient(135deg, #f7f3ed 0%, #eae3d8 100%);
    border: 1px solid #ddd4c8;
    border-top: 4px solid #ce1030;
    border-radius: 2px;
}

/* Logo */

.bc26-hero-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bc26-hero-logo img {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
}

/* Editorial text */

.bc26-hero-content {
    border-left: 3px solid #ce1030;
    padding-left: clamp(20px, 3vw, 38px);
}

.bc26-hero-content h2 {
    font-size: clamp(2rem, 3.2vw, 3.1rem);
    line-height: 1.1;
    letter-spacing: -.035em;
    font-weight: 800;
    color: #191919;
    margin: 0 0 23px;
}

.bc26-hero-content p {
    font-size: 1rem;
    line-height: 1.7;
    color: #454545;
    margin: 0 0 17px;
    text-align: left !important;
}

.bc26-hero-content .bc26-hero-lead {
    font-size: 1.15rem;
    line-height: 1.55;
    font-weight: 600;
    color: #242424;
}

.bc26-hero-content p:last-child {
    margin-bottom: 0;
}

/* Transition into awards */

.bc26-winners-heading {
    text-align: center;
    padding: 65px 15px 30px;
}

.bc26-winners-heading h2 {
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -.025em;
    color: #191919;
    margin: 0;
}

.bc26-winners-heading::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: #ce1030;
    margin: 20px auto 0;
}

/* Responsive */

@media (max-width: 767px) {

    .bc26-hero {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 30px 24px;
    }

    .bc26-hero-logo img {
        max-width: 230px;
    }

    .bc26-hero-content {
        border-left: 0;
        border-top: 3px solid #ce1030;
        padding: 25px 0 0;
    }

    .bc26-hero-content h2 {
        font-size: 2rem;
    }

    .bc26-winners-heading {
        padding: 45px 10px 20px;
    }
}



        img.videoChallengePrize,
        img.videoChallengeWinner {
            width: 40%; 
            max-width:233px; 
            display:inline-block; 
            margin: 0 auto 0 20%;
        }
        img.videoChallengeWinner {
            margin-left: 10%;
            border-radius: 50%;
        }
        
        @media only screen and (min-width:960px) {
        div.elx5_3colwrap.only-one::before, div.elx5_3colwrap.only-one::after { /* if grid has an incomplete final row */
          content: "";
          flex: 0 0 31%;
        }
        }
        
        @media only screen and (max-width:959px) {
        div.elx5_3colwrap.only-one::before, div.elx5_3colwrap.only-one::after { /* if grid has an incomplete final row */
          content: "";
          flex: 0 0 23%;
        }
        }
        
        @media only screen and (max-width:1199px) {
        .elx5_artboxvt.elx5_4colbox {
            flex: 0 0 31%;
        }
		}
        @media only screen and (max-width:959px) {
                .elx5_artboxvt {
            flex: 0 0 48%;
        }
		}
        @media only screen and (max-width:599px) {
                .elx5_artboxvt {
            flex: 0 0 100%;
        }
        }


/* B&C PhD Video Awards 2026 — Thank you panel */

.bc26-thanks {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background: linear-gradient(
        135deg,
        #f7f3ed 0%,
        #eae3d8 100%
    );

    border: 1px solid #ddd4c8;
    border-top: 5px solid #ce1231;
    border-radius: 2px;

    padding: 50px 55px;
    padding-left: 35%;

    box-shadow: 0 18px 45px rgba(30, 24, 20, .09);
}

/* Certificate artwork — bottom left */

.bc26-thanks::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: -2%;

    width: 42%;
    height: 92%;

    background-image: url(
        "https://www.buildingsandcities.org/images/logo/bg-phd-video-awards.png"
    );
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;

    opacity: .9;
    pointer-events: none;
    z-index: 0;
}

/* Keep content above artwork */

.bc26-thanks > * {
    position: relative;
    z-index: 1;
}

/* Heading */

.bc26-thanks h2 {
    font-size: clamp(2.3rem, 4vw, 3.4rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.035em;

    color: #1b1b1b;
    text-align: left !important;

    margin: 0 0 28px;
}

.bc26-thanks h2::after {
    content: "";
    display: block;

    width: 65px;
    height: 4px;

    background: #ce1231;
    margin-top: 20px;
}

/* Body copy */

.bc26-thanks p {
    font-size: 1rem;
    line-height: 1.7;
    color: #292929;
    text-align: left !important;
background: rgba(255,255,255,0.5);
	padding: 21px;
    margin: 0 0 20px;
}

.bc26-thanks p:last-child {
    margin-bottom: 0;
}

/* Mobile: text first, artwork beneath */

@media (max-width: 780px) {

    .bc26-thanks {
        padding: 32px 26px 230px;
    }

    .bc26-thanks::before {
        left: -3%;
        bottom: -5px;
        width: min(85%, 360px);
        height: 225px;
        background-position: bottom left;
    }

    .bc26-thanks h2 {
        font-size: 2.5rem;
    }

    .bc26-thanks p {
        font-size: .95rem;
        line-height: 1.65;
    }
}

/* 2026 PhD Video Awards: 31 other entrants. Independent from the People's Vote app. */
.bc26-other-gallery { margin: 34px 0 50px; }
.bc26-other-gallery *, #bc26-video-modal * { box-sizing: border-box; }
.bc26-other-gallery .bc26-gallery-heading { text-align: center; margin: 0 0 10px; }
.bc26-other-gallery .bc26-gallery-subtitle { text-align: center!important; margin: 0 auto 25px; max-width: 780px; line-height: 1.55; }
.bc26-entry-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.bc26-entry-card { min-width: 0; display: flex; flex-direction: column; background: #fff; border: 1px solid #e6e6e6; border-radius: 5px; overflow: hidden; box-shadow: 0 2px 7px rgba(0,0,0,.055); }
.bc26-entry-play { display:block; position:relative; width:100%; aspect-ratio:16/9; padding:0; border:0; background:#141414; cursor:pointer; overflow:hidden; }
.bc26-entry-play img { display:block; width:100%; height:100%; object-fit:cover; transition: filter .18s ease, transform .18s ease; }
.bc26-entry-play:hover img { filter:brightness(.74); transform:scale(1.02); }
.bc26-play-icon { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:58px; height:40px; border-radius:10px; color:white; background:#e3000b; font-size:22px; line-height:1; box-shadow:0 2px 10px #0005; transition:background .18s; }
.bc26-entry-play:hover .bc26-play-icon { background:#b6000b; }
.bc26-entry-play:focus-visible, #bc26-video-modal button:focus-visible { outline:3px solid #e3000b; outline-offset:3px; }
.bc26-entry-info { padding:13px 14px 15px; flex:1; }
.bc26-entry-title { margin:0 0 7px; font-weight:700; font-size:1rem; line-height:1.35; color: #222; overflow-wrap:anywhere; }
.bc26-entry-creator { margin:0!important; color:#5e646c; font-size:.88rem; line-height:1.5; text-align:left!important; }
.bc26-entry-code { display: none; font-size:.72rem; letter-spacing:.03em; font-weight:700; color:#777; margin-bottom:5px; }
.bc26-entry-link { display:inline-block; margin-top:8px; font-size:.82rem; }
#bc26-video-modal { position:fixed; inset:0; z-index:100001; display:flex; align-items:center; justify-content:center; padding:22px; background:rgba(0,0,0,.88); }
#bc26-video-modal[hidden] { display:none; }
#bc26-video-modal .bc26-modal-dialog { width:min(1040px,100%); max-height:calc(100vh - 44px); overflow:auto; background:#111; color:#fff; box-shadow:0 12px 55px #000a; }
#bc26-video-modal .bc26-modal-head { padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
#bc26-video-modal .bc26-modal-title { color:#fff; font-weight:700; margin:0; font-size:.98rem; line-height:1.4; }
#bc26-video-modal .bc26-modal-close { border:1px solid #888; border-radius:4px; padding:7px 12px; color:white; background:#333; cursor:pointer; white-space:nowrap; }
#bc26-video-modal .bc26-modal-close:hover { background:#555; }
#bc26-video-modal .bc26-modal-player { width:100%; aspect-ratio:16/9; background:black; }
#bc26-video-modal .bc26-modal-player iframe { display:block; width:100%; height:100%; border:0; }
body.bc26-modal-open { overflow:hidden; }
@media (max-width:1100px) { .bc26-entry-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:760px) { .bc26-entry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .bc26-entry-info { padding:11px; } }
@media (max-width:480px) { .bc26-entry-grid { grid-template-columns:1fr; } .bc26-entry-card { flex-direction:row; } .bc26-entry-play { width:42%; flex:0 0 42%; aspect-ratio: auto; align-self:stretch; min-height:132px; } .bc26-entry-info { min-width:0; } .bc26-entry-title {font-size:.9rem;} #bc26-video-modal { padding:8px; } #bc26-video-modal .bc26-modal-head { padding:9px; } }
@media (prefers-reduced-motion:reduce) { .bc26-entry-play img, .bc26-play-icon { transition:none; } }