@media (min-width: 780px) {
    body {
        min-height: 100vh;
        padding: 0 24px;
        background:
            radial-gradient(circle at 12% 15%, rgba(195, 154, 91, .14), transparent 28%),
            radial-gradient(circle at 88% 85%, rgba(101, 29, 50, .12), transparent 30%),
            #eee6dc;
    }
    main {
        width: min(1120px, 100%);
        height: calc(100vh - 68px);
        min-height: 650px;
        margin: 0 auto;
        border: 1px solid rgba(101, 29, 50, .1);
        border-radius: 0;
        overflow: hidden;
        box-shadow: 0 28px 80px rgba(55, 20, 31, .18);
    }
    .story {
        min-height: 0;
        padding: 30px clamp(28px, 4vw, 58px);
    }
    .panel {
        min-height: 0;
        padding: 38px clamp(34px, 5vw, 70px);
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #c9b7ac transparent;
    }
    .department-photo {
        width: min(100%, 390px);
        margin: 6px auto 14px;
    }
    .department-photo img {
        height: min(275px, 31vh);
    }
    .story h1 { font-size: clamp(29px, 3.2vw, 42px); }
    .story blockquote { margin-top: 14px; }
}

@media (min-width: 780px) and (max-height: 760px) {
    main { height: calc(100vh - 68px); min-height: 600px; }
    .department-photo img { height: 205px; }
    .story p { margin-block: 7px; }
    .story blockquote { display: none; }
}