/* One continuous wall; the copy is pasted up as a legible paper poster. */
.homepage-wall-preview #questions{
  padding-block:clamp(3.5rem,7vw,7rem) clamp(4.5rem,7vw,7rem);
  color:#fff;
  background:#0c1231 url("assets/challenger-navy-brick-wall.webp") center top/auto 760px repeat;
}
.homepage-wall-preview #questions::before{display:none}
.homepage-wall-preview #questions .question-heading{
  margin-inline:0;
  margin-bottom:clamp(3.5rem,6vw,6rem);
  padding:0;
  background:none;
}
.homepage-wall-preview #questions .question-heading::after{
  inset:auto 5% .2rem auto;
  width:clamp(8rem,15vw,15rem);
  height:6.5rem;
  background:url("assets/home-wall-arrow.svg") center/contain no-repeat;
  opacity:1;
  mix-blend-mode:normal;
  transform:rotate(74deg);
  filter:url(#home-painted-ink);
}
.homepage-wall-preview #questions-title{
  font-size:clamp(3rem,7.8vw,8.75rem);
  line-height:1.04;
}
.homepage-wall-preview #questions .question-explorer{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
  gap:clamp(3rem,7vw,8rem);
}
.homepage-wall-preview #questions .question-tabs{gap:1.25rem;padding-block:1.25rem}
.homepage-wall-preview #questions .question-tabs button{
  isolation:isolate;
  grid-template-columns:3.8rem minmax(0,1fr) 3rem;
  gap:clamp(.7rem,1.4vw,1.5rem);
  padding:1.2rem 1.1rem;
  min-height:112px;
  color:#fff;
  border:0;
  background:transparent;
  transform:rotate(-1.2deg);
  transition:color .2s ease;
}
.homepage-wall-preview #questions .question-tabs button:nth-child(2){transform:rotate(.8deg)}
.homepage-wall-preview #questions .question-tabs button:nth-child(3){transform:rotate(-.6deg)}
.homepage-wall-preview #questions .question-tabs button::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:url("assets/home-roller-paint.svg") center/100% 100% no-repeat;
  opacity:0;
  transition:opacity .2s ease;
  pointer-events:none;
}
.homepage-wall-preview #questions .question-tabs button::after{display:none}
.homepage-wall-preview #questions .question-tabs button[aria-selected="true"]{color:#0c1231}
.homepage-wall-preview #questions .question-tabs button[aria-selected="true"]::before{opacity:1}
.homepage-wall-preview #questions .question-tabs button:not(:disabled):hover{color:#ff82ae}
.homepage-wall-preview #questions .question-tabs button[aria-selected="true"]:hover{color:#0c1231}
.homepage-wall-preview #questions .question-tabs button:focus-visible{outline:3px dashed #fff;outline-offset:6px}
.homepage-wall-preview #questions .question-number{
  color:#ff4c88;
  font:400 clamp(2.6rem,4vw,4rem)/1 RogueWallMarker,Impact,sans-serif;
  letter-spacing:-.06em;
  filter:url(#home-painted-ink);
}
.homepage-wall-preview #questions .question-label{
  font-size:clamp(1.35rem,2.2vw,2.5rem);
  font-weight:800;
  line-height:1.15;
  filter:url(#home-painted-ink);
}
.homepage-wall-preview #questions .question-arrow{
  width:3rem;
  border:0;
  border-radius:0;
  color:#ff4c88;
  background:none;
  font-size:0;
  animation:none!important;
  transform:none;
}
.homepage-wall-preview #questions .question-arrow::before{
  content:"";
  display:block;
  width:100%;
  height:2rem;
  background:currentColor;
  -webkit-mask:url("assets/home-wall-arrow.svg") center/contain no-repeat;
  mask:url("assets/home-wall-arrow.svg") center/contain no-repeat;
}
.homepage-wall-preview #questions [aria-selected="true"] :is(.question-arrow,.question-number){color:#0c1231}
.homepage-wall-preview #questions .question-panel{
  --poster-edge:polygon(0 1%,12% .2%,29% .8%,48% 0,71% .7%,88% 0,100% .6%,99.5% 22%,100% 46%,99.3% 70%,100% 98.7%,94% 99.5%,88% 98.7%,82% 99.7%,76% 99%,70% 100%,64% 99%,58% 99.8%,52% 99%,46% 99.8%,40% 99%,34% 100%,28% 99.2%,22% 99.8%,16% 98.9%,10% 100%,4% 99%,0 99.5%,.6% 78%,0 56%,.5% 29%);
  position:relative;
  isolation:isolate;
  min-height:27rem;
  padding:clamp(1.75rem,3.2vw,3.5rem);
  color:#0c1231;
  background:none;
  rotate:.7deg;
}
.homepage-wall-preview #questions .question-panel::before,
.homepage-wall-preview #questions .question-panel::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  clip-path:var(--poster-edge);
  pointer-events:none;
}
.homepage-wall-preview #questions .question-panel::before{background:#f3f0e7}
.homepage-wall-preview #questions .question-panel::after{background:url("assets/challenger-grain.svg") repeat;opacity:.07;mix-blend-mode:multiply}
.homepage-wall-preview #questions .question-panel h3{
  font-size:clamp(2rem,2.7vw,3.25rem);
  font-weight:800;
  letter-spacing:-.045em;
  text-wrap:initial;
}
.homepage-wall-preview #questions .question-panel p{font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.7}
.homepage-wall-preview #questions .question-panel:focus-visible{outline:3px solid #ff82ae;outline-offset:8px}
.homepage-wall-preview #questions .question-cta{
  position:relative;
  isolation:isolate;
  gap:1rem;
  border:0;
  border-radius:0;
  min-height:52px;
  background:transparent;
  color:#0c1231;
  font-weight:800;
  transform:rotate(-1.5deg);
}
.homepage-wall-preview #questions .question-cta::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:url("assets/home-roller-paint.svg") center/100% 100% no-repeat;
  pointer-events:none;
}
.homepage-wall-preview #questions .question-cta::after{content:"↗";font-size:1.25rem}
.homepage-wall-preview #questions .question-cta:hover{color:#0c1231;background:transparent;text-decoration:underline}
.homepage-wall-preview #questions .question-cta:focus-visible{outline:3px solid #0c1231;outline-offset:5px}
@media(max-width:1000px){
  .homepage-wall-preview #questions .question-explorer{gap:2rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
  .homepage-wall-preview #questions .question-tabs button{grid-template-columns:2.7rem minmax(0,1fr) 2rem;padding:1.1rem .65rem;gap:.65rem}
  .homepage-wall-preview #questions .question-arrow{width:2rem}
}
@media(max-width:760px){
  .homepage-wall-preview #questions{padding-block:3.5rem 4rem;background-size:auto 650px}
  .homepage-wall-preview #questions-title{font-size:clamp(2.4rem,10.2vw,4.25rem)}
  .homepage-wall-preview #questions .question-heading{margin-bottom:2.5rem}
  .homepage-wall-preview #questions .question-heading::after{display:none}
  .homepage-wall-preview #questions .question-explorer{grid-template-columns:minmax(0,1fr);gap:2rem}
  .homepage-wall-preview #questions .question-tabs{gap:.7rem;padding:0}
  .homepage-wall-preview #questions .question-tabs button{min-height:90px}
  .homepage-wall-preview #questions .question-number{font-size:2.6rem}
  .homepage-wall-preview #questions .question-label{font-size:clamp(1.25rem,5vw,1.65rem)}
  .homepage-wall-preview #questions .question-panel{grid-column:1;min-height:0;padding:1.8rem 1.5rem 2.3rem;rotate:.4deg}
}
@media(prefers-reduced-motion:reduce){
  .homepage-wall-preview #questions .question-tabs button,
  .homepage-wall-preview #questions .question-tabs button::before{transition:none}
}
@media print{
  .homepage-wall-preview #questions{background:#fff;color:#0c1231}
  .homepage-wall-preview #questions-title{color:#0c1231;filter:none}
  .homepage-wall-preview #questions .question-tabs button{color:#0c1231;transform:none}
  .homepage-wall-preview #questions .question-panel{rotate:none}
}