/* Supplied artwork keeps its complete content and original proportions. */
.guide-card--image{padding:0;overflow:hidden}
.guide-card-image{display:block;width:100%;height:auto;object-fit:contain;background:#0a0a0c}
.guide-card--image .guide-top{margin:22px 24px 18px}
.guide-card--image h3,.guide-card--image>p{margin-inline:24px}
.guide-card--image .guide-bottom{margin:24px;padding-top:18px}
.guides-full .guide-card--image{padding:0}
.guides-full .guide-card--image .guide-top{margin:24px 28px 18px}
.guides-full .guide-card--image h3,.guides-full .guide-card--image>p{margin-inline:28px}
.guides-full .guide-card--image .guide-bottom{margin:24px 28px}
.article-visual{margin:0 0 30px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0a0a0c}
.article-visual img{display:block;width:100%;height:auto;object-fit:contain}
.article-visual figcaption{padding:15px 18px;font-size:12px;line-height:1.7;color:var(--muted)}
.announcements-section{border-bottom:1px solid var(--line)}
/* The artwork stays uncropped; the raised action sits on its lower edge. */
.hero--bonus .hero-grid{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:44px;padding-block:70px 72px}
.hero--bonus .hero-copy{min-width:0;padding:0}
.hero--bonus h1{font-size:clamp(62px,5.8vw,94px);margin-block:24px}
.hero--bonus .hero-intro strong{font-size:24px}
.hero--bonus .hero-intro p{max-width:340px}
.hero--bonus .hero-actions{gap:12px 22px}
.hero--bonus .hero-actions .btn--outline{padding-inline:0;border-color:transparent;background:transparent}
.bonus-feature{min-width:0;position:relative;padding-bottom:2px}
.bonus-spotlight{position:relative;isolation:isolate;margin:0 0 44px;border:1px solid #a42b3b;border-radius:20px;box-shadow:0 28px 70px #0009,0 0 65px #d9162d20;background:#110709}
.bonus-spotlight::before{content:'';position:absolute;inset:-12px;z-index:-1;border-radius:30px;background:radial-gradient(ellipse at 50% 100%,#f02b4340,transparent 70%);pointer-events:none}
.bonus-spotlight__image{display:block;width:100%;height:auto;object-fit:contain;border-radius:inherit}
.bonus-spotlight__cta{position:absolute;z-index:2;left:50%;bottom:0;transform:translate(-50%,50%);display:flex;align-items:center;justify-content:center;width:min(330px,calc(100% - 36px));min-height:58px;padding:16px 20px;overflow:hidden;border:1px solid #ffb9bd;border-radius:13px;background:linear-gradient(115deg,#a70721 0%,#ec2740 48%,#b60b25 100%);box-shadow:0 3px 0 #660414,0 12px 34px #ba0b3659,inset 0 1px #ffffff54;color:#fff;font-size:15px;font-weight:800;line-height:1.4;text-align:center;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;animation:bonus-arrival 1.5s ease-in-out 3}
.bonus-spotlight__cta span{position:relative;z-index:1}
.bonus-spotlight__cta::after{content:'';position:absolute;inset:-50% auto -50% -80%;width:45%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:skewX(-22deg);pointer-events:none;animation:bonus-sheen 4.5s ease-out 1}
.bonus-spotlight__cta:hover{transform:translate(-50%,calc(50% - 3px));box-shadow:0 3px 0 #660414,0 16px 45px #f2295266,inset 0 1px #ffffff70;color:#fff}
.bonus-spotlight__cta:active{transform:translate(-50%,50%) scale(1.025)}
.bonus-spotlight__cta:focus-visible{outline:3px solid #fff;outline-offset:5px}
.bonus-feature__note{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 13px;margin:0;color:#9999a4;font-size:10px;line-height:1.6}
.bonus-feature__note a{color:#ddd4d7;text-decoration:underline;text-underline-offset:3px}
@keyframes bonus-arrival{0%,100%{transform:translate(-50%,50%)}50%{transform:translate(-50%,calc(50% - 4px))}}
@keyframes bonus-sheen{0%,20%{left:-80%}65%,100%{left:140%}}
@media(max-width:1050px){.hero--bonus .hero-grid{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:30px;padding-block:54px 60px}.hero--bonus h1{font-size:66px}.hero--bonus .hero-intro strong{font-size:21px}.bonus-spotlight__cta{min-height:53px;font-size:13px;padding-inline:14px}}
@media(max-width:760px){.hero--bonus .hero-grid{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:32px 38px}.hero--bonus .hero-copy{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px}.hero--bonus .eyebrow{width:100%;margin:0}.hero--bonus h1{font-size:clamp(44px,9.5vw,68px);margin:17px 0;letter-spacing:-.065em;line-height:1}.hero--bonus h1 br{display:none}.hero--bonus h1 span::before{content:' '}.hero--bonus .hero-intro{width:100%}.hero--bonus .hero-intro strong{display:none}.hero--bonus .hero-intro p{max-width:570px;margin:0;font-size:13px;line-height:1.7}.hero--bonus .hero-actions{margin-top:17px;gap:18px}.hero--bonus .hero-actions .btn{min-height:44px;padding:12px 16px;font-size:11px}.hero--bonus .hero-actions .btn--outline{padding-inline:0}.bonus-spotlight{border-radius:14px;margin-bottom:39px}.bonus-spotlight__cta{min-height:50px;font-size:12px;width:min(315px,calc(100% - 34px));padding:13px 14px;border-radius:10px}.bonus-feature__note{font-size:9px;gap:7px 10px}}
@media(prefers-reduced-motion:reduce){.bonus-spotlight__cta,.bonus-spotlight__cta::after{animation:none;transition:none}.bonus-spotlight__cta:hover,.bonus-spotlight__cta:active{transform:translate(-50%,50%)}}
@media(max-width:680px){
  .guide-card--image .guide-top{margin:20px 22px 16px}
  .guide-card--image h3,.guide-card--image>p{margin-inline:22px}
  .guide-card--image .guide-bottom{margin:22px}
  .guides-full .guide-card--image .guide-top{margin:22px 24px 16px}
  .guides-full .guide-card--image h3,.guides-full .guide-card--image>p{margin-inline:24px}
  .guides-full .guide-card--image .guide-bottom{margin:22px 24px}
  .article-visual{margin-bottom:24px;border-radius:9px}
  .article-visual figcaption{padding:12px 14px;font-size:11px}
}