@media (max-width:999px){.pg-join .hero .join-card{margin-top:6px}}
@media (min-width:1000px){.pg-join .hero-line{max-width:22em;text-wrap:balance}}

.jn-get{background:var(--paper);color:var(--ink);padding:44px 0 50px}
.jn-pic{margin:0 0 22px}
.jn-pic img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 60%;background:#2a2c30;
  clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
.jn-words .ticks{margin-top:16px}
.jn-fine{margin-top:16px;font-size:13px;line-height:1.45;color:var(--graphite)}

@media (min-width:1000px){
  .jn-get{padding:96px 0}
  .jn-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:72px;align-items:center}

  .jn-words h2{font-size:min(64px,4.6vw)}
  .jn-pic{margin:0}
  .jn-pic img{aspect-ratio:5/4;object-position:50% 50%;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}
  .jn-words .ticks{margin-top:22px}
  .jn-words .ticks li{font-size:19px}
  .jn-fine{margin-top:20px;font-size:14px;max-width:36em}
}
@media (min-width:1280px){.jn-grid{grid-template-columns:minmax(0,560px) minmax(0,1fr)}}
