.storm-stories{container-type:inline-size;gap:clamp(1rem,3vw,3rem);grid-template-columns:repeat(auto-fit,minmax(clamp(0px,50vw,10rem),1fr));margin-bottom:5rem;margin-top:calc(clamp(0px, 4vw, 7rem)*-1 + 1.5rem)}.storm-stories__article{container-type:inline-size;gap:1cqi}.storm-stories__article__action{background-color:rgba(0,0,0,.65);background-image:radial-gradient(transparent,#000);bottom:0;left:0;opacity:0;right:0;top:0;transition:opacity 1s ease-out}.storm-stories__article__action__text{color:var(--primary);font-size:10cqi;line-height:1}.storm-stories__article__action:active,.storm-stories__article__action:focus,.storm-stories__article__action:hover{opacity:1}.storm-stories__article__action:active .underline-animation:after,.storm-stories__article__action:focus .underline-animation:after,.storm-stories__article__action:hover .underline-animation:after{transform:scaleX(1);transition:transform 1s}.storm-stories__article__img{aspect-ratio:1;border-bottom:2px solid #9a9a9a;border-left:2px solid #9a9a9a;border-left-color:var(--primary);border-right:2px solid #9a9a9a;border-top:2px solid #9a9a9a;border-top-color:var(--primary)}.storm-stories__article__title{font-size:7cqi}.storm-stories__article__subtitle{color:var(--primary);font-size:5cqi}@media (min-width:900px){.storm-stories{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.storm-stories{grid-template-columns:repeat(2,50fr)}}@media (max-width:600px){.storm-stories{grid-template-columns:repeat(1,30rem);justify-content:center}}