/* Two ink editions. The illustration, background and copy remain theme fields. */
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .landing {
  background:var(--bg);
  color:var(--bodyInk);
}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .landing-wrap {
  width:calc(100% - clamp(36px,10vw,172px));
  max-width:1340px;
}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .mast {
  height:74px;
  gap:18px;
  color:var(--bodyInk);
  border-bottom:1px solid color-mix(in srgb,var(--bodyInk) 25%,transparent);
}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .brand {font-size:30px}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .brand .bolt {width:17px;height:25px}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .mast-rule {background:none}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .mast-label {font-size:11px}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .entry {
  gap:clamp(30px,5.5vw,98px);
  margin:clamp(26px,3.2vw,64px) auto;
  align-items:center;
}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .art-pane {
  position:relative;
  inset:auto;
  z-index:0;
  animation:none;
  overflow:visible;
  min-width:0;
  pointer-events:none;
}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .art-pane img {
  display:block;width:100%;height:100%;object-fit:contain;object-position:center;animation:none;
}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .auth-paper {
  width:100%;min-width:0;border-radius:2px;background:var(--paper);color:var(--paperInk);
  border:1px solid color-mix(in srgb,var(--bodyInk) 18%,transparent);
  padding:clamp(22px,2.5vw,42px);animation:none;
}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .auth-tabs {
  padding:0;border-bottom:1px solid color-mix(in srgb,var(--paperInk) 22%,transparent);
  border-radius:0;gap:22px;margin:22px 0 24px;background:transparent;
}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .auth-tabs button {
  color:var(--paperInk);min-height:42px;flex:0 1 auto;background:none;border-radius:0;
  padding:6px 0;border-bottom:2px solid transparent;box-shadow:none;
}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .auth-tabs button[aria-selected=true] {border-bottom-color:var(--accent)}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .paper-bar {
  font:650 10px/1.35 Arial,sans-serif;letter-spacing:.15em;padding-bottom:12px;
}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .paper-bar svg {width:26px}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .auth-paper input {border-radius:2px}
:is([data-template=gates-of-olympus],[data-template=le-bandit]) .landing-footer {
  padding:16px 0 21px;border-top:1px solid color-mix(in srgb,var(--bodyInk) 23%,transparent);
}
[data-template=gates-of-olympus] .entry {grid-template-columns:minmax(0,1.45fr) minmax(315px,.87fr)}
[data-template=gates-of-olympus] .poster {display:grid;grid-template-rows:auto auto;overflow:visible;align-content:center}
[data-template=gates-of-olympus] .poster-copy {grid-area:1/1;padding-inline:clamp(0px,.7vw,12px)}
[data-template=gates-of-olympus] #minimal-eyebrow {display:flex;align-items:center;gap:12px}
[data-template=gates-of-olympus] #minimal-eyebrow::before {content:"";display:block;width:35px;height:4px;border-block:1px solid}
[data-template=gates-of-olympus] .poster-copy h1 {
  font-family:Georgia,"Times New Roman",serif;font-weight:400;
  font-size:clamp(61px,6.1vw,108px);line-height:.92;letter-spacing:-.065em;
  max-width:9ch;text-wrap:balance;margin:20px 0 15px;
}
[data-template=gates-of-olympus] .poster-copy #hero-text {
  font:clamp(15px,1.14vw,18px)/1.5 Arial,sans-serif;
  max-width:39ch;margin:0;color:color-mix(in srgb,var(--bodyInk) 83%,var(--bg));text-wrap:pretty;
}
[data-template=gates-of-olympus] .art-pane {grid-area:2/1;width:min(100%,650px);height:clamp(218px,21.4vw,331px);margin:14px auto 0}
[data-template=gates-of-olympus] .auth-paper h2 {font:500 clamp(30px,2.9vw,48px)/1.04 Georgia,serif;letter-spacing:-.055em}
[data-template=le-bandit] .entry {grid-template-columns:minmax(315px,.83fr) minmax(0,1.37fr)}
[data-template=le-bandit] .poster {
  grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center;
  overflow:visible;text-align:center;gap:0;
}
[data-template=le-bandit] .auth-paper {grid-column:1;grid-row:1;border-inline-start:2px solid var(--accent)}
[data-template=le-bandit] .art-pane {order:0;width:min(100%,630px);height:clamp(235px,21.3vw,358px)}
[data-template=le-bandit] .poster-copy {order:1;padding:0;margin:14px auto 0;max-width:100%}
[data-template=le-bandit] #minimal-eyebrow {
  display:flex;align-items:center;justify-content:center;gap:10px;
}
[data-template=le-bandit] #minimal-eyebrow::before,[data-template=le-bandit] #minimal-eyebrow::after {
  content:"";height:1px;width:18px;background:currentColor;opacity:.65;
}
[data-template=le-bandit] .poster-copy h1 {
  font:800 clamp(64px,6.8vw,120px)/.97 Arial,"Segoe UI",sans-serif;letter-spacing:-.08em;
  max-width:100%;text-wrap:balance;margin:9px 0 12px;
}
[data-template=le-bandit] .poster-copy #hero-text {
  font:clamp(15px,1.1vw,18px)/1.5 Arial,sans-serif;
  color:color-mix(in srgb,var(--bodyInk) 80%,var(--bg));max-width:36ch;margin:0 auto;text-wrap:pretty;
}
[data-template=le-bandit] .auth-paper h2 {font:700 clamp(28px,2.75vw,45px)/1.05 Arial,sans-serif;letter-spacing:-.055em}
@media(max-width:960px) and (min-width:761px){
  :is([data-template=gates-of-olympus],[data-template=le-bandit]) .landing-wrap {width:calc(100% - 42px)}
  :is([data-template=gates-of-olympus],[data-template=le-bandit]) .entry {gap:26px}
  [data-template=gates-of-olympus] .entry {grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr)}
  [data-template=le-bandit] .entry {grid-template-columns:minmax(300px,1fr) minmax(0,1.1fr)}
}
@media(max-width:760px){
  :is([data-template=gates-of-olympus],[data-template=le-bandit]) .landing-wrap {width:calc(100% - clamp(30px,7.4vw,50px));max-width:540px}
  :is([data-template=gates-of-olympus],[data-template=le-bandit]) .mast {height:58px;gap:12px}
  :is([data-template=gates-of-olympus],[data-template=le-bandit]) .entry {display:flex;flex-direction:column;align-items:stretch;gap:20px;margin:22px 0}
  :is([data-template=gates-of-olympus],[data-template=le-bandit]) .auth-paper {padding:clamp(18px,5vw,30px)}
  [data-template=gates-of-olympus] .poster-copy {padding:0}
  [data-template=gates-of-olympus] .poster-copy h1 {font-size:clamp(40px,10.5vw,58px);max-width:none;line-height:.98;margin:12px 0 8px}
  [data-template=gates-of-olympus] .art-pane {height:clamp(140px,38vw,195px);margin:8px auto 0}
  [data-template=le-bandit] .art-pane {height:clamp(144px,40vw,215px)}
  [data-template=le-bandit] .poster-copy {margin:6px auto 2px}
  [data-template=le-bandit] .poster-copy h1 {font-size:clamp(50px,12vw,76px);margin:6px 0 7px}
  :is([data-template=gates-of-olympus],[data-template=le-bandit]) .poster-copy #hero-text {font-size:14px;max-width:40ch}
}