.wrapper{align-items:center;display:flex;flex-direction:column}.tabs{margin-bottom:2rem}.tab{cursor:pointer;display:inline-block;margin:0 2px;padding:10px 20px}.panels{border-radius:3px;overflow:hidden;width:100%}.panel{animation:fadein .8s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.panel-title{font-size:1.5em;font-weight:700}.radio{display:none}.tabs input:checked+label{border-bottom:3px solid #000;color:#000}.panel{display:none}.panel.show{display:block}#one:checked~.tabs #one-tab,#three:checked~.tabs #three-tab,#two:checked~.tabs #two-tab{border-bottom:3px solid #000;color:#000}.card{background-clip:border-box;background-color:#fff;border:1px solid rgba(45,41,38,.125);border-radius:4px;box-shadow:0 3px 6px rgba(45,41,38,.16);cursor:pointer;width:100%}.card-header{padding:1.5rem}.work-modal{align-items:center;background-color:#000;background-color:rgba(0,0,0,.4);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:auto;padding:100px 1rem;position:fixed;top:0;transition:opacity .25s ease-in;width:100%;z-index:1031}.work-modal.hidden{opacity:0;pointer-events:none}.work-modal.show{opacity:1;pointer-events:auto}.modal-content{margin:auto;padding:20px;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.splide__arrow{background:#fff;opacity:1}.close-modal{background:#fff;border-radius:1rem;box-shadow:0 3px 2px rgba(0,0,0,.2);cursor:pointer;font-size:2rem;font-weight:700;height:2rem;line-height:2rem;position:absolute;right:-1rem;text-align:center;top:-1rem;transition:box-shadow .5s ease-in-out;user-select:none;width:2rem;z-index:9}.close-modal:hover{box-shadow:0 3px 6px rgba(0,0,0,.5)}.works-wrapper{display:flex;flex-wrap:wrap;margin-bottom:0;margin-left:-15px;margin-right:-15px}.works-wrapper .works{display:flex;flex-direction:column;padding-left:15px;padding-right:15px;width:25%}.works .card+.card{margin-top:1rem}.works-wrapper .works{flex:0 0 100%;max-width:100%}.works{margin-bottom:1rem}.splide__slide figure{display:flex;flex-direction:column;position:relative}.splide__slide figcaption{background:#000;color:#fff;font-size:1.25rem;padding:1rem;z-index:999}@media (min-width:576px){.works-wrapper .works{flex:0 0 50%;max-width:50%}}@media (min-width:992px){.works-wrapper .works{flex:0 0 25%;max-width:25%}}@media screen and (max-width:768px){.container{overflow:auto}.column{margin:10px 0;min-width:100%;width:100%}}