@media (max-width:1000px){.work-card-container,.wrapper{height:auto!important}.work-card-container{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-gap:20px!important}label.work-label{grid-column:span 3!important;margin:0 20px!important;height:80px!important;width:auto!important;opacity:1!important;transform:translateY(0)!important}input.work-input:checked+label.work-label{height:300px!important}.work-label>.row>.description{width:auto!important;opacity:1!important}label.work-label .vertical-text{opacity:0!important}}@media (max-width:500px){.work-label>.row>.description{font-size:2.5vw!important}}h2.work-header{color:#ffffff;text-shadow:#5f5f5f 1px 0 10px;margin:0 auto 0 0;padding:20px 15px}.third-layer{flex:1;transition:all .2s ease-in-out}.third-layer,.wrapper{height:100%;display:flex;justify-content:center;align-items:center}.wrapper{position:relative;border-radius:20px;border:3px solid #111111;background:linear-gradient(to bottom right,#292929,#0a0a0a);padding:0 0 4vh;width:100%;flex-direction:column}.light-mode .wrapper{border:none;background:rgba(0,0,0,.1);backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);box-shadow:0 0 80px rgba(0,0,0,.5)}.work-card-container{z-index:0;width:100%;height:350px;display:flex;flex-wrap:nowrap;justify-content:center}.blur-overlay{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(8px);transition:backdrop-filter .3s ease}.work-label{z-index:-1;background-size:cover;background-position:50%;position:relative;width:80px;cursor:pointer;overflow:hidden;border-radius:2rem;margin:0 10px;display:flex;align-items:flex-end;transition:all .6s cubic-bezier(.28,-.03,0,.99);box-shadow:0 10px 30px -5px rgba(0,0,0,.8)}input.work-input:checked+label.work-label .vertical-text{opacity:0}.vertical-text{bottom:80px;left:35%;z-index:1;position:absolute;opacity:1;writing-mode:vertical-lr;text-orientation:mixed;text-align:right;font-size:large;font-weight:900;transition:opacity .2s ease-in-out}.work-label>.row{z-index:1;color:white;display:flex;flex-wrap:nowrap}.work-label>.row>.icon{background:#292929;box-shadow:0 10px 30px -5px rgba(0,0,0,.8);color:white;border-radius:50%;min-width:50px;min-height:50px;display:flex;justify-content:center;align-items:center;margin:15px}.work-label>.row>.description{font-size:smaller;display:flex;justify-content:center;flex-direction:column;overflow:hidden;height:80px;width:520px;opacity:0;transition-delay:.3s;transition:all .3s ease;text-shadow:#313131 1px 0 5px}.description p{margin:0 10px 0 0;font-weight:500}.description a:visited{color:inherit}.description h4{margin:0;text-transform:uppercase;text-decoration:underline}input.work-input{display:none}input.work-input:checked+label.work-label{width:600px}input.work-input:checked+label.work-label .description{opacity:1!important;transform:translateY(0)!important}input.work-input:checked+label.work-label .blur-overlay{backdrop-filter:blur(0)!important}.hyperlink-svg{margin:0 5px}