/* The message shares the splash's one native Enter button and session lifetime. */
.splash-composition{display:block;width:100%;height:100%;position:relative}
.intro-art.has-message{display:grid;place-items:center;text-align:left;color:#f6e9cd;line-height:1.45;font-family:Arial,Helvetica,sans-serif}
.has-message .splash-composition{width:min(100%,177.68svh);height:auto;aspect-ratio:1672/941;container-type:inline-size;isolation:isolate}
.has-message .splash-composition picture{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.has-message .splash-composition img{object-fit:contain}
.splash-message{position:absolute;top:2.5%;right:2.5%;width:43%;box-sizing:border-box;padding:clamp(14px,1.65cqw,28px);display:flex;flex-direction:column;gap:clamp(6px,.65cqw,11px);background:rgba(15,11,8,.9);border:1px solid #80674a;border-left:4px solid #f80079;border-radius:5px;box-shadow:0 8px 26px #0005;backdrop-filter:blur(5px);z-index:1;overflow-wrap:anywhere}
.splash-message-label{display:block;color:#ff3995;font-size:clamp(12px,.92cqw,15px);font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.splash-message-headline{display:block;font-size:clamp(20px,2cqw,32px);font-weight:700;line-height:1.2;text-wrap:balance}
.splash-message-body{display:block;font-size:clamp(16px,1.27cqw,20px);font-weight:400;line-height:1.45;text-wrap:pretty}
@media(max-width:1100px){
  .has-message .splash-composition{width:100%;height:100%;aspect-ratio:auto;display:flex;flex-direction:column;container-type:normal}
  .has-message .splash-composition::before{content:"";position:absolute;inset:0 0 auto;height:45%;z-index:-1;background:linear-gradient(to bottom,#130c0830,#130c08),url('/assets/writeclub-library.jpg?v=vesper-redesign') center top/cover no-repeat}
  .has-message .splash-message{position:relative;inset:auto;flex:none;width:min(calc(100% - 32px),680px);margin:16px auto 8px;padding:16px;gap:8px}
  .has-message .splash-message-label{font-size:12px}
  .has-message .splash-message-headline{font-size:24px}
  .has-message .splash-message-body{font-size:16px}
  .has-message .splash-composition picture{position:relative;inset:auto;flex:1 1 0;min-height:0;height:0;width:100%}
  .has-message .splash-composition img{object-fit:contain;object-position:center center}
}
@media(max-width:760px) and (orientation:portrait){
  .has-message .splash-composition::before{background-image:linear-gradient(to bottom,#130c0830,#130c08),url('/assets/writeclub-library-mobile.webp?v=mobile-splash');background-size:100% auto}
  .has-message .splash-message{margin:16px auto 8px;padding:14px 16px;gap:7px}
  .has-message .splash-message-headline{font-size:22px}
  .has-message .splash-composition img{object-position:center bottom}
}
/* Long copy, enlarged text, or a short viewport gets its own space above the art. */
.intro-art.splash-stacked .splash-composition{width:100%;height:100%;aspect-ratio:auto;display:flex;flex-direction:column;container-type:normal;overflow-y:auto}
.splash-stacked .splash-message{position:relative;inset:auto;flex:none;width:min(calc(100% - 32px),680px);margin:16px auto 8px;padding:16px;gap:8px}
.splash-stacked .splash-message-label{font-size:12px}
.splash-stacked .splash-message-headline{font-size:24px}
.splash-stacked .splash-message-body{font-size:16px}
.splash-stacked .splash-composition picture{position:relative;inset:auto;flex:1 1 0;min-height:180px;height:0;width:100%}
.splash-stacked .splash-composition img{object-fit:contain}