/* Fixed portrait canvas to match the physical monitor */
.portrait-container {
    width: 1440px;
    height: 3440px;
    margin: 0 auto;
    overflow-y: auto;
    background: #ffa400;
}

/* Stack content vertically */
main {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 20px;
    background: #ffa400;
}

/* Scale videos to full width of container */
.video-player {
    width: 100%;
    height: auto;
    display: block;
}

/* Keep the header logo tidy */
header {
    text-align: center;
    padding: 20px 0;
    background: #ffa400;
}

.logo {
    display: flex;
    align-content: center;
    max-width: 400px;
    height: auto;
    background: #ffa400;
}