/* Coming soon marketing pages for /emunah/ and /smicha/ (served by the Worker to anyone without study access).
   Paper, ink and brass, in the same family as the study pages, on top of the site header and footer.
   The hero breaks out of main.wrap so the painting can run full width. */
.study-soon{
  --soon-paper:#F7F1E4;
  --soon-ink:#1C2A3A;
  --soon-brass:#9A6B2A;
  width:100vw;
  margin:0 0 2.2rem;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:var(--soon-paper);
  color:var(--soon-ink);
}
.study-soon-hero{
  position:relative;
  background:#1C2A3A;
}
.study-soon-hero picture,
.study-soon-hero img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}
.study-soon-hero-emunah img{object-position:42% 60%}
.study-soon-hero-smicha img{object-position:48% 58%}
.study-soon-hero-copy{
  position:relative;
  z-index:1;
  margin:-2.5rem 1.15rem 0;
  max-width:28rem;
  padding:1.1rem 1.2rem 1.15rem;
  background:var(--soon-paper);
  color:var(--soon-ink);
  border:1px solid var(--soon-brass);
  border-radius:14px;
  box-shadow:0 14px 32px -18px rgba(28,42,58,.5);
}
.study-soon-badge{
  display:inline-block;
  margin:0 0 .55rem;
  padding:.18rem .7rem;
  border:1px solid var(--soon-brass);
  border-radius:999px;
  color:var(--soon-brass);
  font:700 .82rem/1.3 var(--serif);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.study-soon h1{margin:0;color:var(--soon-ink);font-size:clamp(2rem,5.4vw,3.1rem);line-height:1.08}
.study-soon-body{
  max-width:var(--max);
  margin:0 auto;
  padding:1.5rem 1.15rem 2.3rem;
}
.study-soon .lede{margin:0 0 1.5rem;color:var(--soon-ink);font-size:1.14rem;max-width:40rem}
.study-soon-highlights h2{
  margin:0 0 .9rem;
  color:var(--soon-ink);
  font-size:clamp(1.4rem,3vw,1.85rem);
}
.study-soon-tiles{
  list-style:none;
  margin:0 0 1.6rem;
  padding:0;
  display:grid;
  gap:1rem;
}
.study-soon-tile{
  margin:0;
  min-width:0;
  padding:1rem 1.05rem 1.15rem;
  background:var(--soon-paper);
  border:1px solid var(--soon-brass);
  border-radius:14px;
}
.study-soon-tile h3{margin:0 0 .35rem;color:var(--soon-ink);font-size:1.2rem;line-height:1.2}
.study-soon-tile p{margin:0;color:var(--soon-ink);font-size:1.02rem;line-height:1.45}
.study-soon-actions{
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}
.study-soon-actions .btn{border-bottom:1.5px solid var(--gold)}
.study-soon-actions a.btn.study-soon-signin{background:var(--navy);color:#fff;border-color:var(--gold)}
.study-soon-actions a.btn.study-soon-signin:hover{background:var(--navy-2);color:#fff;border-color:var(--gold-l)}
@media (min-width:720px){
  .study-soon-tiles{grid-template-columns:repeat(3,1fr);gap:1.15rem}
}
@media (min-width:800px){
  .study-soon-hero{min-height:0}
  .study-soon-hero-copy{
    position:absolute;
    left:max(1.35rem, calc((100vw - var(--max)) / 2 + 1.15rem));
    bottom:1.5rem;
    margin:0;
    padding:1.25rem 1.45rem 1.35rem;
  }
  .study-soon-body{padding:1.7rem 1.15rem 2.4rem}
}
@media (max-width:719px){
  .study-soon-hero img{aspect-ratio:5/3}
}