/* Five broad visual chapters: photo, paper, wall, paper, wall.
   Shared type, margins and paint replace the earlier panel-by-panel treatments. */
.homepage-wall-preview{
  --home-paper:#f3f0e7;
  --home-navy:#0c1231;
  --home-pink:#ff246a;
  --home-wall-pink:#ff4c88;
  --home-width:100rem;
  --home-gutter:clamp(1.5rem,4.5vw,5rem);
  --home-space:clamp(4rem,7vw,7rem);
  --home-heading:clamp(3rem,5.8vw,6.5rem);
  --home-body:clamp(1.0625rem,1.35vw,1.25rem);
}
.homepage-wall-preview .attention-chapter{
  display:grid;
  align-items:center;
  min-height:80svh;
  padding:var(--home-space) var(--home-gutter);
  background:var(--home-paper);
  color:var(--home-navy);
}
.homepage-wall-preview .attention-copy{width:100%;max-width:90rem}
.homepage-wall-preview .attention-chapter h2{
  font-size:var(--home-heading);
  line-height:1.08;
  letter-spacing:-.05em;
  max-width:25ch;
}
.homepage-wall-preview .attention-body{font-size:var(--home-body);line-height:1.7;gap:clamp(2rem,5vw,5rem)}
.homepage-wall-preview .attention-chapter::after{display:none}

.homepage-wall-preview .home-street-chapter,
.homepage-wall-preview #contact{
  background:var(--home-navy) url("assets/challenger-navy-brick-wall.webp") center top/auto 760px repeat;
  color:#fff;
}
.homepage-wall-preview .home-street-chapter>section{
  max-width:var(--home-width);
  margin-inline:auto;
  padding-inline:var(--home-gutter);
  background:transparent;
}
.homepage-wall-preview .home-street-chapter #herd{
  padding-block:var(--home-space) clamp(2.5rem,4vw,4rem);
  background:transparent;
}
.homepage-wall-preview .home-street-chapter #questions{
  padding:clamp(2.5rem,4vw,4rem) var(--home-gutter) var(--home-space);
  background:transparent;
}
.homepage-wall-preview .home-street-chapter .bold-ideas-layout,
.homepage-wall-preview #questions .question-explorer{gap:clamp(2.5rem,5vw,5rem)}
.homepage-wall-preview .bold-ideas-body{font-size:var(--home-body);line-height:1.7}
.homepage-wall-preview .bold-ideas-panel h2{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.15}
.homepage-wall-preview .bold-ideas-panel h2>.bold-ideas-accent{
  color:var(--home-wall-pink);
  font-size:1.4em;
  line-height:1.04;
  filter:url(#home-painted-ink);
}
.homepage-wall-preview #questions-title{font-size:var(--home-heading);line-height:1.08;letter-spacing:-.05em}
.homepage-wall-preview #questions .question-heading{margin-bottom:clamp(3rem,5vw,5rem)}
.homepage-wall-preview #questions .question-heading::after{display:none}
.homepage-wall-preview #questions .question-panel h3{font-size:clamp(2rem,2.7vw,3.25rem)}
.homepage-wall-preview #questions .question-panel p{font-size:var(--home-body);line-height:1.7}
.homepage-wall-preview #questions .question-tabs button{transform:rotate(-.7deg)}
.homepage-wall-preview #questions .question-tabs button:nth-child(2){transform:rotate(.5deg)}

/* Team, fees and experience now share one continuous paper surface. */
.homepage-wall-preview .home-paper-chapter{
  position:relative;
  isolation:isolate;
  padding-block:var(--home-space);
  background:var(--home-paper);
  color:var(--home-navy);
}
.homepage-wall-preview .home-paper-chapter::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:url("assets/challenger-grain.svg") repeat;
  opacity:.045;
  mix-blend-mode:multiply;
  pointer-events:none;
}
html .homepage-wall-preview .home-paper-chapter>:is(.leap-chapter,.direction-fees,.direction-experience){
  max-width:var(--home-width);
  margin-inline:auto;
  padding:0 var(--home-gutter);
  background:transparent;
  color:var(--home-navy);
}
.homepage-wall-preview .home-paper-chapter>:is(.direction-fees,.direction-experience)::before,
.homepage-wall-preview .home-paper-chapter .direction-fees::after{display:none}
.homepage-wall-preview .home-paper-chapter .leap-chapter{display:block;overflow:visible}
.homepage-wall-preview .home-paper-chapter .leap-copy{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
  gap:clamp(2.5rem,5vw,5rem);
}
.homepage-wall-preview .home-paper-chapter #leap-title{
  font-size:var(--home-heading);
  line-height:1.08;
  letter-spacing:-.05em;
}
.homepage-wall-preview .home-paper-chapter h2{filter:url(#home-painted-ink)}
.homepage-wall-preview .home-paper-chapter .direction-body{font-size:var(--home-body);line-height:1.7}
.homepage-wall-preview .home-paper-chapter .leap-copy .direction-body{margin:0 0 2rem}
html .homepage-wall-preview .home-paper-chapter #fees{
  padding-top:var(--home-space);
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
  gap:clamp(2.5rem,5vw,5rem);
}
.homepage-wall-preview .home-paper-chapter .study-fees-copy h2{
  max-width:17ch;
  font-size:clamp(2.25rem,3.6vw,4rem);
  line-height:1.1;
  letter-spacing:-.045em;
  margin-bottom:2rem;
}
.homepage-wall-preview .home-paper-chapter .home-wall-stage{max-width:36rem}
.homepage-wall-preview .home-rule-wall{
  aspect-ratio:auto;
  min-height:28rem;
  padding:clamp(2rem,3.5vw,3.5rem);
  gap:2rem;
  background-size:auto 760px;
}
.homepage-wall-preview .home-rule-wall::after{background-size:auto 760px}
.homepage-wall-preview .home-rule-wall .home-wall-title{font-size:clamp(3.4rem,5.2vw,6rem)}
.homepage-wall-preview .home-wall-cta>span{
  width:3rem;
  height:1.5rem;
  font-size:0;
  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;
}
html .homepage-wall-preview .home-paper-chapter #experience{padding-top:var(--home-space)}
.homepage-wall-preview .home-paper-chapter .experience-grid{gap:clamp(1.5rem,3vw,3rem)}
.homepage-wall-preview .home-paper-chapter .experience-figure{filter:url(#home-painted-ink)}
.homepage-wall-preview .home-paper-chapter .experience-stat h3{font-size:clamp(1.25rem,1.7vw,1.75rem);line-height:1.3}
.homepage-wall-preview .home-paper-chapter .experience-summary p{font-size:var(--home-body);line-height:1.7}

/* One painted invitation style for every homepage action; the live header stays intact. */
.homepage-wall-preview main .direction-button,
.homepage-wall-preview #contact .direction-button,
.homepage-wall-preview #questions .question-cta{
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:1rem;
  width:fit-content;
  height:auto;
  max-width:100%;
  min-height:54px;
  padding:.85rem 1.3rem;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--home-navy);
  font:800 1rem/1.4 var(--display);
  text-decoration:none;
  text-align:left;
  transform:rotate(-1deg);
}
.homepage-wall-preview main .direction-button::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:url("assets/home-roller-paint.svg") center/100% 100% no-repeat;
  transform:none;
  pointer-events:none;
}
.homepage-wall-preview main .direction-button::after,
.homepage-wall-preview #questions .question-cta::after{
  content:"";
  display:block;
  flex:none;
  width:2rem;
  height:1rem;
  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 main .direction-button:hover,
.homepage-wall-preview #contact .direction-button:hover,
.homepage-wall-preview #questions .question-cta:hover{background:transparent;color:var(--home-navy);text-decoration:underline}
.homepage-wall-preview .home-paper-chapter .direction-button:focus-visible{outline:3px solid var(--home-navy);outline-offset:6px}
.homepage-wall-preview #contact{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:72svh;
  padding:var(--home-space) max(var(--home-gutter),calc((100vw - var(--home-width))/2 + var(--home-gutter)));
}
.homepage-wall-preview #contact h2{font-size:var(--home-heading);line-height:1.08;letter-spacing:-.05em;filter:url(#home-painted-ink)}
.homepage-wall-preview #contact h2>span{color:var(--home-wall-pink)}
.homepage-wall-preview #contact .direction-contact-action{flex:0 1 22rem;width:22rem}

@media(max-width:1000px){
  .homepage-wall-preview .home-paper-chapter .leap-copy,
  html .homepage-wall-preview .home-paper-chapter #fees{gap:2.5rem}
  .homepage-wall-preview .home-rule-wall{min-height:25rem}
}
@media(max-width:760px){
  .homepage-wall-preview{--home-gutter:1.5rem;--home-space:3.75rem;--home-heading:clamp(2.4rem,10.2vw,4.25rem);--home-body:1.0625rem}
  .homepage-wall-preview .attention-chapter{min-height:0}
  .homepage-wall-preview .attention-chapter h2{max-width:24ch;font-size:clamp(2.15rem,8.5vw,3.6rem)}
  .homepage-wall-preview .attention-body{gap:1.5rem}
  .homepage-wall-preview .home-street-chapter,
  .homepage-wall-preview #contact{background-size:auto 650px}
  .homepage-wall-preview .home-street-chapter #herd{padding-bottom:1.5rem}
  .homepage-wall-preview .home-street-chapter #questions{padding-top:2rem}
  .homepage-wall-preview .bold-ideas-panel h2{font-size:clamp(1.75rem,6.5vw,2.6rem)}
  .homepage-wall-preview .bold-ideas-panel h2>.bold-ideas-accent{font-size:1.5em}
  .homepage-wall-preview #questions .question-heading{margin-bottom:2.75rem}
  .homepage-wall-preview .home-paper-chapter .leap-copy,
  html .homepage-wall-preview .home-paper-chapter #fees{grid-template-columns:minmax(0,1fr);gap:2rem}
  .homepage-wall-preview .home-paper-chapter .study-fees-copy h2{font-size:clamp(2.1rem,8vw,3.4rem)}
  .homepage-wall-preview .home-rule-wall{min-height:20rem;padding:1.75rem;gap:1.5rem;background-size:auto 650px}
  .homepage-wall-preview .home-rule-wall .home-wall-title{font-size:clamp(2.8rem,13vw,4.5rem)}
  .homepage-wall-preview #contact{min-height:0}
  .homepage-wall-preview #contact .direction-contact-action{flex-basis:auto;width:min(100%,20rem)}
}
@media print{
  .homepage-wall-preview .home-street-chapter,
  .homepage-wall-preview #contact{background:var(--home-navy)}
  .homepage-wall-preview .home-paper-chapter::before{display:none}
}
