@font-face{font-family:RogueWallMarker;src:url("assets/challenger-marker.ttf") format("truetype");font-weight:400;font-display:swap}
/* Draft-only changes layered over the approved homepage. */
.homepage-wall-preview>.preview-bar{min-height:30px;padding:.4rem var(--pad);display:flex;justify-content:space-between;gap:1rem;color:#fff;background:#0c1231;font:600 10px/1.5 var(--display);letter-spacing:.08em;text-transform:uppercase}
.homepage-wall-preview>.preview-bar i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#ff246a}
.homepage-wall-preview>.preview-bar a{color:#fff;opacity:.8;text-decoration:underline;text-underline-offset:3px}
.homepage-wall-preview .question-heading{grid-template-columns:1fr}
.homepage-wall-preview #questions-title{font-size:clamp(2.75rem,6.8vw,7rem);line-height:1.02;letter-spacing:-.06em;max-width:none;text-transform:none}
.home-paint-filters{position:absolute;pointer-events:none}
.home-wall-stage{min-width:0;width:100%;max-width:34rem;justify-self:center}
.home-rule-wall{display:flex;flex-direction:column;justify-content:center;gap:2rem;position:relative;isolation:isolate;width:100%;aspect-ratio:1/1.08;padding:clamp(1.6rem,3vw,3rem);background:#0c1231 url("assets/challenger-navy-brick-wall.webp") center/auto 100%;color:#fff;text-decoration:none;overflow:hidden;transition:box-shadow .2s ease}
.home-rule-wall::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:url("assets/challenger-navy-brick-wall.webp") center/auto 100%;mix-blend-mode:multiply;opacity:.08}
.home-rule-wall .home-wall-title{display:block;position:relative;z-index:1;font-family:RogueWallMarker,Impact,sans-serif;font-size:clamp(3rem,5.3vw,6.5rem);font-weight:400;line-height:.97;letter-spacing:-.055em;text-transform:uppercase;transform:rotate(-4deg);filter:url(#home-painted-ink)}
.home-rule-wall .home-wall-kicker{display:block;font-size:.25em;line-height:1.3;letter-spacing:-.03em;margin-bottom:.5em;color:#fff}
.home-rule-wall .home-wall-pink{display:block;position:relative;color:#ff4c88;width:max-content;max-width:100%}
.home-rule-wall .home-wall-pink::after{content:"";position:absolute;bottom:-.12em;left:.03em;width:96%;height:.06em;background:currentColor;transform:rotate(-2deg);clip-path:polygon(0 20%,97% 0,100% 60%,1% 100%)}
.home-rule-wall .home-wall-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;z-index:3;color:#fff;margin-top:1rem;padding-top:1rem;border-top:1px solid #ffffff55;font-family:var(--display);font-size:clamp(.9rem,1.05vw,1rem);font-weight:700}
.home-wall-cta>span{font-size:1.8rem}
.home-rule-wall:hover{box-shadow:0 0 0 4px #ff246a}
.home-rule-wall:focus-visible{outline:4px solid #c00b47;outline-offset:6px}
@media(max-width:760px){
 .homepage-wall-preview>.preview-bar{font-size:8px;letter-spacing:.04em;gap:.5rem;padding-block:.45rem}
 .homepage-wall-preview #questions-title{font-size:clamp(2.4rem,10.2vw,4.25rem)}
 .home-wall-stage{max-width:25rem}
 .home-rule-wall{aspect-ratio:1.15;gap:1.5rem;padding:1.75rem}
 .home-rule-wall .home-wall-title{font-size:clamp(3rem,15vw,4.7rem)}
 .home-rule-wall .home-wall-cta{padding-top:.75rem;margin-top:.5rem;font-size:.9rem}
}
@media(prefers-reduced-motion:reduce){.home-rule-wall{transition:none}}
