/* Cupping: a visual completion route separated from the working map. */
.cup-next{padding:118px 0 132px!important;background:#20211f!important;color:#f7f3ea}
.cup-next-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(350px,.58fr);
  gap:clamp(60px,8vw,130px);
  align-items:end;
  margin-bottom:52px;
}
.cup-next-head h2{
  margin:14px 0 0;
  color:#fff;
  font-size:clamp(52px,5.3vw,78px);
  font-weight:500;
  letter-spacing:-.045em;
  line-height:1.01;
}
.cup-next-head>div:last-child>p{max-width:540px;margin:0;color:rgba(247,243,234,.72);font-size:18px;line-height:1.72}
.cup-next-map{display:inline-flex;align-items:center;gap:28px;margin-top:28px;padding:11px 0 8px;border-bottom:1px solid rgba(255,255,255,.58);color:#fff;font-family:var(--ed-serif);font-size:18px}
.cup-next-map span{font-family:var(--ed-sans);font-size:15px}
.cup-next-visuals{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(410px,.72fr);grid-template-rows:660px 510px 470px;gap:18px;min-height:0}
.cup-next-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.cup-next-card{
  position:relative;
  display:block;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.23);
  background:#1a1c1a;
  color:#fff;
  isolation:isolate;
}
.cup-next-card img{
  position:absolute;
  inset:0;
  z-index:-2;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.76) contrast(1.04);
  transition:transform .8s cubic-bezier(.2,.72,.24,1),filter .5s ease;
}
.cup-next-card--feature img{object-position:center}
.cup-next-card--errors{grid-column:1/-1;min-height:470px}
.cup-next-card--errors img{object-position:center 54%}
.cup-next-card--errors .cup-next-card__shade{background:linear-gradient(90deg,rgba(6,8,7,.94) 0%,rgba(6,8,7,.72) 44%,rgba(6,8,7,.12) 100%),linear-gradient(180deg,transparent 45%,rgba(6,8,7,.5) 100%)}
.cup-next-card--errors .cup-next-card__copy{right:auto;max-width:760px}
.cup-next-card--errors .cup-next-card__copy strong{font-size:clamp(42px,4.7vw,69px)}
.cup-next-card--moxa{grid-column:1/-1;min-height:510px}
.cup-next-card--moxa img{object-position:center 52%}
.cup-next-card--moxa .cup-next-card__shade{background:linear-gradient(90deg,rgba(6,8,7,.94) 0%,rgba(6,8,7,.75) 46%,rgba(6,8,7,.08) 100%),linear-gradient(180deg,transparent 42%,rgba(6,8,7,.46) 100%)}
.cup-next-card--moxa .cup-next-card__copy{right:auto;max-width:800px}
.cup-next-card--moxa .cup-next-card__copy strong{font-size:clamp(42px,4.7vw,69px)}
.cup-next-side .cup-next-card:first-child img{object-position:58% center}
.cup-next-side .cup-next-card:last-child img{object-position:center}
.cup-next-card__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,8,7,.08) 18%,rgba(6,8,7,.3) 52%,rgba(6,8,7,.94) 100%)}
.cup-next-card__index{position:absolute;top:27px;left:29px;color:rgba(255,255,255,.86);font-size:13px;font-weight:650}
.cup-next-card__copy{position:absolute;right:0;bottom:0;left:0;display:grid;gap:9px;padding:31px 31px 29px}
.cup-next-card__copy strong{
  max-width:690px;
  color:#fff;
  font-family:var(--ed-serif);
  font-size:clamp(35px,3.5vw,56px);
  font-weight:500;
  letter-spacing:-.04em;
  line-height:1;
}
.cup-next-side .cup-next-card__copy strong{font-size:clamp(30px,2.55vw,41px)}
.cup-next-card__copy small{max-width:620px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.5}
.cup-next-card__copy>b{justify-self:start;margin-top:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.58);color:#fff;font-size:14px;font-weight:550}
.cup-next-card__copy>b i{margin-left:18px;font-style:normal}
.cup-next-card:hover img{transform:scale(1.035);filter:saturate(.9) contrast(1.06)}

@media(max-width:960px){
  .cup-next-head{grid-template-columns:1fr;gap:24px}
  .cup-next-visuals{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}
  .cup-next-card--feature{min-height:560px}
  .cup-next-side{grid-template-columns:1fr 1fr;grid-template-rows:430px}
  .cup-next-card--errors{min-height:460px}
  .cup-next-card--moxa{min-height:480px}
}

@media(max-width:760px){
  .cup-next{padding:82px 0 92px!important}
  .cup-next-head{margin-bottom:36px}
  .cup-next-head h2{font-size:44px}
  .cup-next-head>div:last-child>p{font-size:17px}
  .cup-next-card--feature{min-height:460px}
  .cup-next-side{grid-template-columns:1fr;grid-template-rows:410px 410px;gap:14px}
  .cup-next-card--errors{min-height:440px}
  .cup-next-card--moxa{min-height:440px}
  .cup-next-card--moxa .cup-next-card__shade{background:linear-gradient(180deg,rgba(6,8,7,.05) 12%,rgba(6,8,7,.4) 50%,rgba(6,8,7,.96) 100%)}
  .cup-next-card--moxa .cup-next-card__copy{right:0;max-width:none}
  .cup-next-card--errors .cup-next-card__shade{background:linear-gradient(180deg,rgba(6,8,7,.06) 14%,rgba(6,8,7,.36) 52%,rgba(6,8,7,.95) 100%)}
  .cup-next-card--errors .cup-next-card__copy{right:0;max-width:none}
  .cup-next-card__index{top:23px;left:23px}
  .cup-next-card__copy{padding:27px 23px 24px}
  .cup-next-card__copy strong,.cup-next-side .cup-next-card__copy strong{font-size:36px}
}

@media(max-width:420px){
  .cup-next-head h2{font-size:42px}
  .cup-next-card--feature{min-height:430px}
  .cup-next-side{grid-template-rows:390px 390px}
  .cup-next-card--errors{min-height:430px}
  .cup-next-card--moxa{min-height:430px}
  .cup-next-card--errors .cup-next-card__copy strong{font-size:34px}
  .cup-next-card--moxa .cup-next-card__copy strong{font-size:34px}
  .cup-next-card__copy strong,.cup-next-side .cup-next-card__copy strong{font-size:34px}
}
