/* JAPTAP home page. Extends series.css; only what the home page adds lives here. */
.hero{padding:3.5rem 0 0}
.hero .kicker{font:700 .7rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-d);margin:0 0 1.4rem}
.hero h1{font:700 2.45rem/1.22 var(--serif);letter-spacing:-.015em;margin:0 0 1.75rem;max-width:34rem}
.hero h1 em{font-style:normal}
.hero p{font:400 1.14rem/1.62 var(--serif);margin:0 0 1.15rem}

.dates{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:2.75rem 0 2.5rem;border-top:2px solid var(--gold);border-bottom:1px solid var(--rule)}
.dates>div{padding:1.5rem 1.5rem 1.6rem}
.dates>div+div{border-left:1px solid var(--rule)}
.dates .d{font:700 .68rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--flag);margin:0 0 .7rem}
.dates .n{font:700 1.85rem/1.1 var(--serif);color:var(--navy-d);margin:0 0 .5rem;letter-spacing:-.01em}
.dates .t{font:400 .97rem/1.5 var(--serif);color:var(--ink2);margin:0}
@media (max-width:40rem){
  .dates{grid-template-columns:1fr}
  .dates>div+div{border-left:0;border-top:1px solid var(--rule)}
  .hero h1{font-size:1.85rem}
}

blockquote.pull{margin:2.75rem 0;padding:.35rem 0 .35rem 1.5rem;border-left:5px solid var(--gold)}
blockquote.pull p{font:italic 400 1.4rem/1.45 var(--serif);color:var(--ink);margin:0;letter-spacing:-.005em}
@media (max-width:40rem){blockquote.pull p{font-size:1.15rem}}

.turn{margin:3.25rem 0 1.5rem;padding-top:1.75rem;border-top:1px solid var(--rule)}
.turn h2{font:700 1.6rem/1.3 var(--serif);margin:0 0 1.1rem;max-width:32rem}
@media (max-width:40rem){.turn h2{font-size:1.3rem}}

h2.sec{font:700 .72rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-d);
  margin:3.5rem 0 1.25rem;padding-top:1.75rem;border-top:1px solid var(--rule)}

ol.points{list-style:none;margin:0;padding:0;counter-reset:pt}
ol.points li{counter-increment:pt;display:grid;grid-template-columns:2.6rem 1fr;gap:1rem;
  padding:1.15rem 0;border-bottom:1px solid var(--rule)}
ol.points li::before{content:counter(pt);font:700 1.5rem/1 var(--serif);color:var(--gold);padding-top:.1rem}
ol.points h3{font:700 1.06rem/1.35 var(--serif);margin:0 0 .3rem}
ol.points p{margin:0;font-size:.99rem;color:var(--ink2);line-height:1.55}

.cta{display:block;margin:2.75rem 0 0;padding:1.6rem 1.75rem;background:var(--paper);
  border:2px solid var(--gold);text-decoration:none;color:var(--ink)}
.cta:hover{background:var(--box)}
.cta .l{font:700 .68rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);margin:0 0 .6rem}
.cta .h{font:700 1.35rem/1.3 var(--serif);margin:0 0 .5rem}
.cta .s{font:400 .99rem/1.55 var(--serif);color:var(--ink2);margin:0}

.note{margin:3rem 0 0;padding:1.35rem 1.5rem;background:#f4f2ec;border-left:4px solid var(--ink3)}
.note p{margin:0;font:400 .93rem/1.6 var(--sans);color:var(--ink2)}
.note strong{color:var(--ink)}