/* Medieval Madness editorial composition: castle assault, title quest, trolls, kingdom battle. */
body.medieval{--medieval-gutter:max(40px,calc((100vw - 1240px)/2 + 40px))}
body.medieval #objective>.visual-banner{position:relative;width:100vw;max-width:none;margin:46px 0 62px calc(50% - 50vw);border:0;background:none;box-shadow:none;overflow:hidden}
body.medieval #objective>.visual-banner img{width:100%;height:clamp(440px,72vh,760px);object-fit:cover;object-position:50% 50%}
body.medieval #objective>.visual-banner figcaption{position:absolute;inset:auto auto 0 0;width:min(50%,670px);padding:92px 150px 42px var(--medieval-gutter);background:linear-gradient(90deg,rgba(15,11,7,.97) 0%,rgba(15,11,7,.9) 68%,transparent);font-size:17px}

body.medieval #titles>.visual-column{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);width:100vw;max-width:none;margin:96px 0 62px calc(50% - 50vw);border:0;background:none;box-shadow:none;align-items:stretch}
body.medieval #titles>.visual-column img{grid-column:2;grid-row:1;width:100%;height:clamp(430px,70vh,740px);object-fit:cover;object-position:50% 48%}
body.medieval #titles>.visual-column figcaption{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:44px 54px 44px var(--medieval-gutter);font-size:17px}

body.medieval #multiballs>.visual-breakout{position:relative;width:100vw;max-width:none;margin:100px 0 64px calc(50% - 50vw);border:0;background:none;box-shadow:none;overflow:hidden}
body.medieval #multiballs>.visual-breakout img{width:100%;height:clamp(440px,72vh,760px);object-fit:cover;object-position:50% 50%}
body.medieval #multiballs>.visual-breakout figcaption{position:absolute;inset:auto 0 0 auto;width:min(49%,650px);padding:92px var(--medieval-gutter) 42px 150px;background:linear-gradient(90deg,transparent,rgba(15,11,7,.97) 34%);font-size:17px}

body.medieval #battle>.visual-banner{position:relative;width:100%;max-width:none;margin:90px 0 46px;border:0;background:none;box-shadow:none;overflow:visible}
body.medieval #battle>.visual-banner img{width:100%;height:auto;border-radius:8px}
body.medieval #battle>.visual-banner figcaption{position:relative;width:min(590px,calc(100% - 30px));margin:-78px auto 0 18px;padding:28px 34px;background:var(--paper);border:1px solid var(--line);border-radius:8px;font-size:16px}

@media(max-width:900px){
  body.medieval #objective>.visual-banner img,body.medieval #multiballs>.visual-breakout img{height:clamp(300px,62vw,470px)}
  body.medieval #objective>.visual-banner figcaption,body.medieval #multiballs>.visual-breakout figcaption{position:static;width:auto;padding:24px var(--medieval-gutter) 0;background:none}
  body.medieval #titles>.visual-column{grid-template-columns:1fr}
  body.medieval #titles>.visual-column img{grid-column:1;grid-row:1;height:clamp(300px,62vw,470px)}
  body.medieval #titles>.visual-column figcaption{grid-column:1;grid-row:2;padding:24px var(--medieval-gutter) 0}
}