/* Unpublished paint study. Photos and core layouts stay in the current homepage. */
.homepage-wall-preview .sheep-hero .direction-title>span:last-child{
  position:relative;
  width:max-content;
  max-width:100%;
  margin-inline:auto;
}
.homepage-wall-preview .sheep-hero .direction-title>span:last-child::after{
  content:"";
  position:absolute;
  left:-2%;
  bottom:-.19em;
  width:104%;
  height:.25em;
  background:url("assets/home-paint-underline.svg") center/100% 100% no-repeat;
  pointer-events:none;
}
/* A full-width stretch of the rulebook wall, with readable sentence-case paint. */
.homepage-wall-preview .question-chapter{padding-top:0}
.homepage-wall-preview .question-heading{
  position:relative;
  isolation:isolate;
  margin-inline:calc(-1 * var(--pad));
  padding:clamp(3.5rem,7vw,7rem) var(--pad);
  background:#0c1231 url("assets/challenger-navy-brick-wall.webp") center/auto 100%;
  color:#fff;
}
.homepage-wall-preview .question-heading::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:url("assets/challenger-navy-brick-wall.webp") center/auto 100%;
  mix-blend-mode:multiply;
  opacity:.08;
  pointer-events:none;
}
.homepage-wall-preview #questions-title{
  color:#fff;
  filter:url(#home-painted-ink);
}
.homepage-wall-preview #questions-title>span{
  display:inline-block;
  position:relative;
  color:#ff4c88;
  margin-top:.12em;
  white-space:nowrap;
}
.homepage-wall-preview #questions-title>span::after{
  content:"";
  position:absolute;
  left:1%;
  bottom:-.17em;
  width:99%;
  height:.09em;
  background:currentColor;
  transform:rotate(-1deg);
  clip-path:polygon(0 40%,16% 18%,15% 24%,63% 2%,100% 0,98% 75%,44% 80%,42% 95%,0 100%);
}
/* A little paper grain on pale panels, with the text above the texture. */
.homepage-wall-preview :is(.attention-chapter,.question-chapter,.direction-fees,.direction-experience){
  position:relative;
  isolation:isolate;
}
.homepage-wall-preview :is(.attention-chapter,.question-chapter,.direction-fees,.direction-experience)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.045;
  background:url("assets/challenger-grain.svg") repeat;
  mix-blend-mode:multiply;
  pointer-events:none;
}
/* Two torn-paper joins; the photographs themselves retain clean edges. */
.homepage-wall-preview :is(.attention-chapter,.direction-fees)::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:100%;
  height:clamp(10px,1.2vw,19px);
  background:var(--direction-navy);
  clip-path:polygon(0 33%,2% 46%,4% 20%,7% 40%,9% 26%,12% 51%,15% 30%,18% 47%,21% 20%,24% 45%,27% 28%,30% 54%,33% 26%,36% 38%,39% 15%,42% 45%,45% 30%,48% 54%,51% 22%,54% 42%,57% 17%,60% 38%,63% 58%,66% 31%,69% 48%,72% 24%,75% 44%,78% 28%,81% 53%,84% 26%,87% 39%,90% 18%,93% 46%,96% 29%,98% 41%,100% 25%,100% 100%,0 100%);
  pointer-events:none;
}
.homepage-wall-preview .direction-fees::after{background:#fff}
.homepage-wall-preview .direction-contact-action{flex-basis:22rem;width:22rem}
.homepage-wall-preview .direction-contact-top .contact-cheeky-button{
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:100%;
  height:auto;
  min-height:64px;
  padding:1rem 1.5rem;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--direction-navy);
  font:800 1.1rem/1.4 var(--display);
  text-align:center;
  text-decoration:none;
  transform:none;
}
.homepage-wall-preview .contact-cheeky-button::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:url("assets/home-roller-paint.svg") center/100% 100% no-repeat;
  transform:rotate(-2deg);
  pointer-events:none;
}
.homepage-wall-preview .contact-cheeky-button:hover{transform:translateY(-3px);background:transparent}
.homepage-wall-preview .contact-cheeky-button:focus-visible{outline:3px solid #fff;outline-offset:8px}
.homepage-wall-preview .contact-scribble-arrow{width:7rem;height:6.25rem;top:-.3rem;left:calc(50% + 2.25rem);color:#ff4c88}
.homepage-wall-preview .contact-handwritten{padding-top:5rem}
@media(max-width:760px){
  .homepage-wall-preview .sheep-hero .direction-title>span:last-child{margin-top:.08em}
  .homepage-wall-preview .question-heading{padding-block:3.5rem 4rem}
  .homepage-wall-preview .direction-contact-action{flex-basis:auto;width:min(100%,20rem)}
  .homepage-wall-preview .direction-contact-top .contact-cheeky-button{font-size:1rem;min-height:60px;padding:1rem 1.2rem}
}
@media(prefers-reduced-motion:reduce){
  .homepage-wall-preview .contact-cheeky-button:hover{transform:none}
}
@media print{
  .homepage-wall-preview .question-heading{background:#0c1231}
  .homepage-wall-preview :is(.attention-chapter,.question-chapter,.direction-fees,.direction-experience)::before,
  .homepage-wall-preview :is(.attention-chapter,.direction-fees)::after{display:none}
}
