/* Preserve the hero's original dots; extend them to the other paper sections. */
.hero-shell{background-color:var(--paper)}
/* Tilted learning/event stickers may bleed slightly, but must not widen the page. */
#learn,#event{overflow-x:clip}
body,.host-wrap,.credibility-section{
  background-image:radial-gradient(#15151518 .8px,transparent .9px);
  background-size:9px 9px;
  background-position:0 0;
}
.dots-wrap,.statement-strip{
  background-image:
    linear-gradient(#d9dee20f 1px,transparent 1px),
    linear-gradient(90deg,#d9dee20f 1px,transparent 1px),
    linear-gradient(#d9dee20a 1px,transparent 1px),
    linear-gradient(90deg,#d9dee20a 1px,transparent 1px),
    radial-gradient(#d9dee218 .75px,transparent 1px);
  background-size:24px 24px,24px 24px,120px 120px,120px 120px,24px 24px;
}
.hero-event .event-promise{
  display:flex;justify-content:flex-start;align-items:center;gap:12px;
  margin-bottom:7px;line-height:1.35;
}
.event-promise>.promise-copy{font-size:17px;font-weight:900;margin:0;letter-spacing:-.035em}
.event-promise>.promise-duration{
  display:inline-flex;align-items:baseline;gap:2px;padding:1px 9px 4px;margin:0;
  color:var(--ink);background:var(--paper);border-bottom:5px solid var(--pink);
  font-size:23px;letter-spacing:-.06em;transform:rotate(-3deg);white-space:nowrap;
}
.promise-duration>strong{font:900 39px/1 Arial,sans-serif;letter-spacing:-.07em}
.hero-event .event-tags li{position:relative;isolation:isolate;background:var(--paper)}
.hero-event .event-tags li::before{
  content:"";position:absolute;left:9px;right:9px;bottom:8px;height:.45em;
  background:#ff3b7059;transform:rotate(-2deg);z-index:-1;
}
.hero-intro-message{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:15px;align-items:center;margin-bottom:18px}
.hero-intro-message .hero-explanation{margin:0;font-size:17px;line-height:1.8;letter-spacing:-.025em}
.hero-explanation .explanation-lesson{white-space:nowrap}
/* Unmodified jagged sticker from the original bootcamp LP. */
.hero-free-sticker{display:block;width:88px;aspect-ratio:1;transform:rotate(4deg)}
.hero-free-sticker img{display:block;width:100%;height:auto}
.statement-strip strong{font-size:33px;line-height:1.35;letter-spacing:-.055em;transform:translate(-10px,6px) rotate(-3deg)}
.statement-strip{padding-bottom:28px}
#learn .section-lead .free-marker{font-weight:900;background:linear-gradient(transparent 58%,#ff3b7059 58%,#ff3b7059 92%,transparent 92%)}
@media(max-width:1100px) and (min-width:701px){
  .event-promise>.promise-copy{font-size:14px}
  .event-promise>.promise-duration{font-size:20px;padding-inline:5px}
  .promise-duration>strong{font-size:33px}
  .hero-intro-message{grid-template-columns:minmax(0,1fr) 68px;gap:10px}
  .hero-intro-message .hero-explanation{font-size:14px}
  .hero-free-sticker{width:66px}
}
@media(max-width:700px){
  .hero-event .event-promise{justify-content:center;gap:10px;margin-bottom:4px}
  .event-promise>.promise-copy{font-size:clamp(13px,3.3vw,18px)}
  .event-promise>.promise-duration{font-size:clamp(20px,4.8vw,27px);padding:1px 7px 3px;border-bottom-width:4px}
  .promise-duration>strong{font-size:clamp(32px,7.2vw,43px)}
  .hero-intro-message{grid-template-columns:minmax(0,1fr) 82px;gap:14px;margin-bottom:20px}
  .hero-intro-message .hero-explanation{font-size:clamp(14px,4vw,16px);line-height:1.8}
  .hero-free-sticker{width:78px}
  .statement-strip{gap:12px;padding:20px 17px 26px}
  .statement-strip strong{font-size:clamp(24px,5vw,33px);transform:translate(-8px,5px) rotate(-3deg)}
}
@media(max-width:359px){
  .hero-intro-message{grid-template-columns:minmax(0,1fr) 64px;gap:10px}
  .hero-free-sticker{width:62px}
  .statement-strip{gap:7px;padding-inline:15px}
  .statement-strip>span{font-size:9px}
  .statement-strip strong{transform:translate(-3px,5px) rotate(-3deg)}
}
