.ppk-layout{margin:1.5rem 0;line-height:1.6}.ppk-layout img{display:block;max-width:100%;height:auto;contain-intrinsic-size:none}.ppk-media>img{width:100%;object-fit:contain}.ppk-detail{margin:0 0 1.5rem}.ppk-detail h3{font-size:1.1em;margin:0 0 .5rem}.ppk-details{margin-top:1.5rem}.ppk-media{min-width:0}.ppk-media figure{margin:0 0 1rem}.ppk-video{position:relative;aspect-ratio:16/9;margin-bottom:1rem}.ppk-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.ppk-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem}.ppk-slides figure{flex:0 0 100%;scroll-snap-align:start}.ppk-slides img{width:100%}.ppk-position-2,.ppk-position-3{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:2rem}.ppk-position-3{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.ppk-position-3 .ppk-media{grid-column:2;grid-row:1}.ppk-position-3 .ppk-text{grid-column:1;grid-row:1}.ppk-text{min-width:0}.ppk-position-0 .ppk-media{margin-bottom:1.5rem}.ppk-position-1 .ppk-media{margin-top:1.5rem}@media(max-width:760px){.ppk-position-2,.ppk-position-3{display:block}.ppk-media{margin-bottom:1.5rem}}

/* 1.1.0: Description and project information below top/bottom media. */
.ppk-position-0 > .ppk-text,
.ppk-position-1 > .ppk-text {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr);
    gap: 2.5rem;
    align-items: start;
}
.ppk-description,
.ppk-details {
    min-width: 0;
    overflow-wrap: anywhere;
}
.ppk-position-0 > .ppk-text > .ppk-details,
.ppk-position-1 > .ppk-text > .ppk-details {
    margin-top: 0;
}
.ppk-details .ppk-detail {
    margin-bottom: 2rem;
}
.ppk-details .ppk-detail h3 {
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.4;
    margin: 0 0 0.6rem;
}
.ppk-details img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 760px) {
    .ppk-position-0 > .ppk-text,
    .ppk-position-1 > .ppk-text {
        display: block;
    }
    .ppk-position-0 > .ppk-text > .ppk-details,
    .ppk-position-1 > .ppk-text > .ppk-details {
        margin-top: 2rem;
    }
}

/* 1.2.0: Previous/next portfolio controls. */
.ppk-navigation {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 2px solid #e5e5e5;
    margin: 0 0 2rem;
}
.ppk-navigation > a.ppk-navigation-link,
.ppk-navigation > .ppk-navigation-disabled {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0.4rem;
    background: transparent;
    color: inherit;
    text-decoration: none;
    box-shadow: none;
}
.ppk-navigation > :last-child { border-left: 2px solid #e5e5e5; }
.ppk-navigation > a.ppk-navigation-link:hover { background: #f3f3f3; color: #222; }
.ppk-navigation > a.ppk-navigation-link:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
.ppk-navigation .ppk-navigation-disabled { opacity: 0.25; }
.ppk-navigation svg { display: block; flex: none; }

/* 1.3.0: One centred production-company logo per row. */
.ppk-production-company > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}
.ppk-production-company > div > p,
.ppk-production-company > div > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    width: 100%;
    margin: 0;
}
.ppk-production-company > div a {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    float: none;
}
.ppk-production-company > div img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto !important;
    float: none !important;
}
.ppk-production-company > div br { display: none; }