/* This issue's real stories form a small stack of reading cards. */
.stack-preview{display:none}
.stack-playback{display:none}
@media(min-width:761px){
  main .hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(32px,4vw,64px);padding-top:34px;padding-bottom:38px;align-items:center}
  .hero .hero-main{min-width:0}
  .hero .hero-meta{margin-bottom:18px}
  .hero .edition{margin-bottom:12px}
  .hero .hero-title{font-size:clamp(32px,3.3vw,48px);line-height:1.3;letter-spacing:-.045em;margin-bottom:20px;text-wrap:balance}
  .hero .hero-dek{margin-bottom:20px}
  .hero .issue-navigator{width:100%;padding-top:0}
  .hero .navigator-heading{margin-bottom:64px}
  .hero .issue-stage{background:transparent;overflow:visible;border-radius:16px;transform:perspective(1100px) rotateX(var(--stack-y,0deg)) rotateY(var(--stack-x,0deg));transition:transform .35s ease;isolation:isolate}
  .hero .stage-page{border-radius:16px;overflow:hidden;padding:0;min-height:0;box-shadow:0 16px 32px #08102018}
  .hero .stage-image{aspect-ratio:1.95;object-fit:cover}
  .hero .stage-page .stage-title{padding:22px 26px 26px;font-size:clamp(19px,1.65vw,23px);line-height:1.5;min-height:142px;text-wrap:pretty}
  .hero .stage-page .stage-art{position:static;height:210px;width:auto;margin:20px 26px;color:#081020;opacity:1}
  .hero .issue-cover{border-radius:16px}
  .hero .stack-preview{display:block;position:absolute;inset:0;overflow:hidden;border-radius:16px;background:var(--loot-coral,#ff6b5c);pointer-events:none;z-index:0;transform-origin:top center;transform:translateY(-25px) scale(.95)}
  .hero .stack-preview[data-depth="2"]{transform:translateY(-48px) scale(.89);background:var(--loot-blue,#3b7bff);z-index:-1}
  .hero .stack-preview img{width:100%;height:65%;display:block;object-fit:cover;opacity:.88}
  .hero .scene-ghost{z-index:3;pointer-events:none}
  .hero .issue-controls{margin-top:20px}
  .hero .navigator-caption{display:none}
  .hero .issue-tabs{grid-auto-flow:column;grid-auto-columns:1fr;grid-template-columns:none}
  .hero .next-story{min-height:44px;width:44px}
  .hero .stack-playback{display:grid;place-items:center;width:44px;min-height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}
  .stack-playback svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
}
@media(min-width:761px) and (max-width:900px){
  main .hero{gap:28px;padding-top:28px}
  .hero .hero-title{font-size:30px}
  .hero .stage-page .stage-title{padding:18px 20px;font-size:19px;min-height:158px}
}
@media(prefers-reduced-motion:reduce){.hero .issue-stage{transform:none!important;transition:none}}

/* Cover turns the stack. Only the title opens the article. */
.hero .stage-title .stage-link::after{display:none}
.hero .flip-story{display:block;width:100%;border:0;padding:0;background:transparent;text-align:inherit;color:inherit;border-radius:0;overflow:hidden;touch-action:pan-y}
.hero .flip-story:focus-visible{outline:3px solid var(--loot-yellow);outline-offset:-5px}
.hero .stage-title .stage-link:hover{text-decoration:underline;text-underline-offset:5px;color:inherit}
.hero .stage-title .stage-link:focus-visible{outline:3px solid #081020;outline-offset:4px}