/* =====================================================
   Rust Page Styles
   ===================================================== */

.page-rust {
    --primary-color: #d4602f;
    --primary-color-rgb: 212, 96, 47;
}

/* ── Hero ── */

.hero-section--rust {
    overflow: hidden;
}

.page-rust .orbs-background { z-index: 0; }

/* ── Tier name colors ── */
.page-rust .tier-card__name--wood    { color: #b5895a; }
.page-rust .tier-card__name--stone   { color: #9aa0a6; }
.page-rust .tier-card__name--metal   { color: #cbd5e1; }
.page-rust .tier-card__name--armored { color: #d4602f; }

/* ── Featured badge dark text ── */
.page-rust .tier-card__badge {
    color: #1a0f0a;
}

/* ── Deco edge fade ── */
/* guy.webp is cropped at the waist - fade the cut so it can never show as a hard edge. */
.page-rust #faq .section-deco {
    -webkit-mask-image: linear-gradient(to bottom, #000 66%, transparent 97%);
            mask-image: linear-gradient(to bottom, #000 66%, transparent 97%);
}

/* ── Deco positioning (desktop) ── */
/* Offsets only. Never set top/right/left/transform here - see the anchoring
   contract in _shared.css. Scoped per band so the bands never fight. */
@media (min-width: 992px) {
    .page-rust #plans .section-deco { --deco-x: -22px; --deco-y: 127px; }
    .page-rust #hardware .section-deco { --deco-x: 5px; --deco-y: 452px; }
    .page-rust #faq .section-deco { --deco-x: 0px; --deco-y: 76px; }
}

/* ── Deco positioning (tablet) ── */
@media (min-width: 769px) and (max-width: 991px) {
    .page-rust #plans .section-deco { --deco-x: -24px; --deco-y: 144px; }
    .page-rust #hardware .section-deco { --deco-x: 13px; --deco-y: 466px; }
    .page-rust #faq .section-deco { --deco-x: 0px; --deco-y: 90px; }
}

/* ── Deco positioning (small) ── */
@media (min-width: 576px) and (max-width: 768px) {
    .page-rust #plans .section-deco { --deco-x: -32px; --deco-y: 188px; }
    .page-rust #hardware .section-deco { --deco-x: 13px; --deco-y: 491px; }
    .page-rust #faq .section-deco { --deco-x: 0px; --deco-y: 90px; }
}

/* ── Deco positioning (phone) ── */
@media (max-width: 575px) {
    .page-rust #plans .section-deco { --deco-x: -32px; --deco-y: 246px; }
    .page-rust #hardware .section-deco { --deco-x: 13px; --deco-y: 465px; }
    .page-rust #faq .section-deco { --deco-x: 0px; --deco-y: 135px; }
}

/* ── Responsive (Rust-specific overrides) ── */

@media (max-width: 960px) {
    .page-rust .orbs-background {
        opacity: 0.4;
    }
}