/* Home page specific */
.hero{display:flex;border-bottom:8px solid var(--ink);}
.hero-left{
  width:800px;flex:none;background:var(--pink);
  border-right:8px solid var(--ink);
  padding:90px 70px 70px;
}
.hero-left h1{
  font-family:'Archivo Black',sans-serif;font-size:128px;line-height:.9;
  letter-spacing:-4px;color:var(--ink);
}
.hero-left p{
  font-family:'Archivo',sans-serif;font-weight:600;font-size:22px;line-height:1.5;
  max-width:382px;margin:42px 0 38px;
}
.hero-right{flex:1;background:var(--blue);display:flex;align-items:center;justify-content:center;padding:77px 60px;}
.hero-frame{
  width:520px;max-width:100%;height:646px;
  border:8px solid var(--ink);background-size:cover;background-position:center;
  box-shadow:16px 16px 0 var(--yellow);
}

/* The wall preview */
.wall-band{padding-top:70px;padding-bottom:90px;}
.wall-head{
  display:flex;justify-content:space-between;align-items:flex-end;
  border-bottom:8px solid var(--ink);padding-bottom:14px;margin-bottom:58px;
}
.wall-head h2{font-family:'Archivo Black',sans-serif;font-size:64px;letter-spacing:-2px;}
.wall-head p{font-family:'Archivo',sans-serif;font-weight:700;font-size:20px;}
.wall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;}
.wall-card{
  background:#fff;border:8px solid var(--ink);padding:8px;cursor:pointer;position:relative;
}
.wall-art{width:100%;aspect-ratio:1/1;}
.wall-rule{height:8px;background:var(--ink);margin:8px 0;}
.wall-foot{display:flex;justify-content:space-between;align-items:center;padding:4px 14px 10px;}
.wall-foot strong{font-family:'Archivo',sans-serif;font-weight:800;font-size:24px;}
.chip{background:var(--ink);color:var(--yellow);font-family:'Archivo Black',sans-serif;font-size:20px;padding:4px 14px;}
.wall-add{
  text-align:center;background:var(--yellow);border-top:8px solid var(--ink);
  font-family:'Archivo Black',sans-serif;font-size:18px;padding:14px;
  margin:0 -8px -8px;
}

/* $20 band */
.price-band{background:var(--ink);border-top:8px solid var(--ink);border-bottom:8px solid var(--ink);}
.price-inner{display:flex;align-items:center;gap:40px;padding-top:108px;padding-bottom:108px;}
.big20{
  font-family:'Archivo Black',sans-serif;font-size:240px;line-height:.8;
  letter-spacing:-8px;color:var(--yellow);flex:none;
}
.price-copy h2{font-family:'Archivo Black',sans-serif;font-size:56px;line-height:.95;color:#fff;}
.price-copy p{font-family:'Archivo',sans-serif;font-weight:600;font-size:21px;line-height:1.55;color:#fff;max-width:510px;margin-top:24px;}

@media(max-width:1100px){
  .hero{flex-direction:column;}
  .hero-left{width:100%;border-right:none;border-bottom:8px solid var(--ink);}
  .hero-left h1{font-size:88px;}
  .wall-grid{grid-template-columns:repeat(2,1fr);}
  .price-inner{flex-direction:column;align-items:flex-start;gap:24px;}
  .big20{font-size:160px;}
}
@media(max-width:680px){
  .hero-left{padding:50px 24px;}
  .hero-left h1{font-size:60px;}
  .wall-band{padding-left:24px;padding-right:24px;}
  .wall-grid{grid-template-columns:1fr;}
  .wall-head h2{font-size:42px;}
  .price-inner{padding-left:24px;padding-right:24px;}
  .price-copy h2{font-size:38px;}
}