/* Lesson 10,2 — Secret 10 palette (red) */
.story-grid{grid-template-columns:minmax(0,1fr) 400px !important;}
@media(max-width:1400px){.story-grid{grid-template-columns:minmax(0,1fr) 360px !important;}}
@media(max-width:1100px){.story-grid{grid-template-columns:minmax(0,1fr) 300px !important;}}
@media(max-width:900px){.story-grid{grid-template-columns:1fr !important;}
  .story-grid figure{max-width:280px;margin-left:auto;margin-right:auto;}}

.story-grid-l{grid-template-columns:380px minmax(0,1fr) !important;}
@media(max-width:1400px){.story-grid-l{grid-template-columns:340px minmax(0,1fr) !important;}}
@media(max-width:1100px){.story-grid-l{grid-template-columns:300px minmax(0,1fr) !important;}}
@media(max-width:900px){.story-grid-l{grid-template-columns:1fr !important;}
  .story-grid-l figure{max-width:280px;margin-left:auto;margin-right:auto;}}

@media(max-width:900px){
  .hero-grid2{gap:0!important;}
  .hero-grid2 figure{max-width:100%;order:4;margin:0 0 22px;}
  .hero-grid2>div:first-child>p:nth-child(1){margin-bottom:10px!important;}
  .hero-grid2>div:first-child>h1{margin-bottom:14px!important;}
  .hero-grid2>div:first-child>p:nth-child(3){margin-bottom:18px!important;}
  .hero-grid2>div:first-child{display:contents;}
  .hero-grid2>div:first-child>p:nth-child(1){order:1;}
  .hero-grid2>div:first-child>h1{order:2;}
  .hero-grid2>div:first-child>p:nth-child(3){order:3;}
  .hero-grid2>div:first-child>div{order:5;}
}
@media(max-width:767px){.hero-grid2 figure{max-width:100%;}.hero-grid2 figure figcaption{font-size:.75rem;}}