/* The campaign imagery is the colour. The surrounding page stays quiet. */
.campaign-collage{position:relative;isolation:isolate;overflow:hidden;width:100%;height:100%;min-height:0;background:#ecebe5;contain:paint;--wall-scale:1}
.campaign-collage .campaign-wall{position:absolute;inset:0;transform:scale(var(--wall-scale));transform-origin:50% 50%}
.campaign-collage .campaign-sheet{position:absolute;display:block;left:var(--cx);top:var(--cy);width:var(--cw);height:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#faf9f4;z-index:var(--cz);transform:translate(calc(-50% + var(--drift-x,0px)),calc(-50% + var(--drift-y,0px))) rotate(calc(var(--cr) + var(--drift-r,0deg)));transform-origin:50% 50%;box-shadow:0 2px 3px #1c243b24,0 15px 24px -12px #17202f66,0 55px 75px -42px #17202f52;backface-visibility:hidden}
.campaign-collage .campaign-sheet img{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:contain;object-position:center;margin:0;border-radius:0;filter:none;transform:none;opacity:1}
.campaign-collage--cover{min-height:100%;aspect-ratio:1.48}
.campaign-collage--cover .campaign-wall{inset:-3% -4%}
.campaign-collage--hero{height:auto;aspect-ratio:1.52;border-radius:4px}
.campaign-collage--hero .campaign-wall{inset:7% 2%}
.campaign-collage--home{height:100%;min-height:100svh}
.campaign-collage--home .campaign-wall{inset:13% -4% 9%}
.campaign-scene{height:180svh;position:relative;background:#ecebe5}
.campaign-stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;isolation:isolate;background:#ecebe5}
.campaign-stage [data-campaign-mount]{position:absolute;inset:0}
.campaign-scene .campaign-scene-caption{position:absolute;z-index:12;left:5vw;right:5vw;bottom:4.5vh;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;pointer-events:none}
.campaign-scene .campaign-scene-caption h3{font-family:var(--font-display,serif);font-size:clamp(40px,5.5vw,90px);font-weight:300;line-height:.96;letter-spacing:-.045em;margin:0;color:#172330}
.campaign-scene .campaign-scene-caption p{font-family:var(--font-text,sans-serif);font-size:14px;line-height:1.6;margin:13px 0 0;max-width:38ch;color:#283c55}
.campaign-scene .campaign-scene-caption>div{padding:23px 30px 25px;border-radius:5px;background:#f2f0e9ed;box-shadow:0 10px 45px #17202f12;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.campaign-scene .campaign-scene-caption a{pointer-events:auto;flex-shrink:0}
.campaign-scene .campaign-scene-caption a:focus-visible{outline:2px solid #2450ae;outline-offset:7px}
@media(min-width:1600px){.campaign-collage--home .campaign-wall{inset:9% 2% 7%}}
@media(max-width:800px){
  .campaign-collage--hero{aspect-ratio:1.05}
  .campaign-collage--hero .campaign-wall{inset:12% -10%}
  .campaign-collage--home .campaign-wall{inset:17% -35% 24%}
  .campaign-collage--cover .campaign-wall{inset:5% -7%}
  .campaign-collage .campaign-sheet{box-shadow:0 2px 3px #1c243b24,0 12px 19px -10px #17202f66,0 32px 45px -30px #17202f52}
  .campaign-scene{height:155svh}
  .campaign-scene .campaign-scene-caption{left:5vw;right:5vw;bottom:4vh;align-items:flex-start;flex-direction:column;gap:18px}
  .campaign-scene .campaign-scene-caption>div{padding:17px 20px 19px;max-width:100%}
  .campaign-scene .campaign-scene-caption h3{font-size:clamp(40px,8vw,65px)}
  .campaign-scene .campaign-scene-caption p{font-size:12px;max-width:35ch;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
  .campaign-scene{height:100svh}
  .campaign-stage{position:relative}
  .campaign-collage .campaign-wall{transform:none}
  .campaign-collage .campaign-sheet{transform:translate(-50%,-50%) rotate(var(--cr))}
}

html body .campaign-scene-caption .pill{--glass-tint:rgba(245,245,239,.78);text-shadow:0 1px 2px #ffffff60}