#Design{flex-direction:column;gap:1.875rem;width:100vw;max-width:100%;padding-block:2.5rem;padding-inline:4vw;display:flex}@media screen and (min-width:64.0625em){#Design{padding-inline:12vw}}@media screen and (min-width:127.5em){#Design{padding-inline:20vw}}#Design .designs{gap:1.25rem;display:grid}@media screen and (min-width:51.25em){#Design .designs{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:64.0625em){#Design .designs{grid-template-columns:repeat(4,1fr)}}#Design .designs .brans_card{border:.0625rem solid #131314;flex-direction:column;gap:.9375rem;width:100%;padding:1.25rem;display:flex}#Design .designs .brans_card .img_container{aspect-ratio:16/9;border-radius:.625rem;width:100%;position:relative;overflow:hidden}#Design .designs .brans_card .img_container img{object-fit:cover;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}#Design .designs .brans_card h3{font-weight:400}#Design .designs .brans_card p{font-size:1rem;font-weight:300}#Design .designs .brans_card a{color:#db2f27;border:.0625rem solid #131314;place-content:center;width:100%;margin-top:auto;padding-block:.625rem;font-weight:400;display:grid;position:relative;overflow:hidden}@media screen and (min-width:64.0625em){#Design .designs .brans_card a{transition:color .3s cubic-bezier(.45,0,.55,1),border-color .3s cubic-bezier(.45,0,.55,1)}#Design .designs .brans_card a:before{content:"";z-index:-1;background-color:#db2f27;width:100%;height:100%;transition:top .3s cubic-bezier(.45,0,.55,1);position:absolute;top:100%;left:0}#Design .designs .brans_card a:hover{color:#f5f5f7;border-color:#db2f27}#Design .designs .brans_card a:hover:before{top:0%}}
