.pattern-box{background:#000;width:100%;height:400px;position:relative;overflow:hidden}.pattern-box:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(#ffffff12 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.pattern-box-top{color:#fff;text-transform:uppercase;font-size:1rem;font-weight:500;position:absolute;top:1.5rem;left:2rem}.pattern-box-bottom{letter-spacing:-1px;color:#fff;text-transform:uppercase;font-size:2rem;font-weight:400;position:absolute;bottom:1.5rem;right:2rem}.pattern-icons{grid-template-columns:repeat(4,1fr);gap:12px;display:grid;position:absolute}.pattern-icons.top-right{top:1.5rem;right:1.5rem}.pattern-icons.bottom-left{bottom:1.5rem;left:1.5rem}.pattern-icon{color:#ff4d4d;justify-content:center;align-items:center;width:24px;height:24px;display:flex}@media (max-width:768px){.pattern-box{height:220px}.pattern-icons{grid-template-columns:repeat(3,1fr);gap:8px}.pattern-icon{width:18px;height:18px}.pattern-box-top{font-size:.8rem;top:1rem;left:1rem}.pattern-box-bottom{font-size:1.4rem;bottom:1rem;right:1rem}.pattern-icons.top-right{top:1rem;right:1rem}.pattern-icons.bottom-left{bottom:1rem;left:1rem}}@media (max-width:480px){.pattern-box{height:300px}.pattern-box-top{font-size:.7rem}.pattern-box-bottom{font-size:1rem}.pattern-icons{grid-template-columns:repeat(3,1fr);gap:6px}.pattern-icon{width:20px;height:20px}}