.work-archive{background-color:#0000;flex-direction:column;gap:2rem;width:100%;margin-bottom:5rem;padding:6rem 1.5rem;display:flex;position:relative;overflow-x:hidden}.work-archive__header{text-align:left;padding-bottom:2rem}.work-archive__header h1{text-transform:uppercase;font-family:Chillax,sans-serif;font-size:clamp(3rem,6vw,6rem);font-weight:700}.work-archive__grid{flex-direction:column;gap:4rem;display:flex}.work-archive__row{gap:1em;width:100%;display:flex}.work-archive__item{cursor:pointer;flex-direction:column;flex:1;gap:1.25rem;max-width:calc(50% - .5em);display:flex}.work-archive__item-img{aspect-ratio:4/3;background-color:var(--base-200);width:100%;overflow:hidden}.work-archive__item-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.work-archive__item:hover .work-archive__item-img img{transform:scale(1.05)}.work-archive__item-copy{flex-direction:column;gap:.25rem;display:flex}.work-archive__item-copy h3{text-transform:uppercase;color:var(--base-100);font-family:Chillax,sans-serif;font-size:1.5rem;font-weight:600}.work-archive__item-copy p{color:#ffffff80;font-family:Sora,sans-serif;font-size:.9rem;font-weight:500}@media (max-width:1000px){.work-archive__row{flex-direction:column;gap:4rem}.work-archive__item{max-width:100%}}.work-modal{z-index:100000;background-color:var(--base-500);visibility:hidden;pointer-events:none;clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.work-modal-close{cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(10px);background-color:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:2.5rem;right:2.5rem}.work-modal-close:hover{background-color:var(--base-300);border-color:#0000;transform:rotate(90deg)scale(1.1)}.work-modal-close span{width:1.25rem;height:1.25rem;display:block;position:relative}.work-modal-close span:before,.work-modal-close span:after{content:"";background-color:var(--base-100);width:100%;height:2px;transition:background-color .4s;position:absolute;top:50%;left:0}.work-modal-close:hover span:before,.work-modal-close:hover span:after{background-color:var(--base-500)}.work-modal-close span:before{transform:rotate(45deg)}.work-modal-close span:after{transform:rotate(-45deg)}.work-modal-content{width:100%;height:100%;display:flex}.work-modal-img{background-color:var(--base-500);flex:2;height:100%;overflow:hidden}.work-modal-img img{object-fit:cover;will-change:transform;width:100%;height:100%}.work-modal-copy{color:var(--base-100);background-color:var(--base-500);flex-direction:column;flex:.8;justify-content:center;padding:4rem;display:flex}.work-modal-copy .modal-tag{text-transform:uppercase;opacity:.6;letter-spacing:.15em;margin-bottom:2rem;font-family:Sora,sans-serif;font-size:.75rem}.work-modal-copy h2{text-transform:uppercase;letter-spacing:-.03em;margin-bottom:2rem;font-family:Chillax,sans-serif;font-size:clamp(3rem,4vw,4rem);font-weight:800;line-height:.9}.work-modal-copy .modal-desc{opacity:.8;max-width:90%;font-family:Sora,sans-serif;font-size:1.1rem;font-weight:300;line-height:1.6}.modal-visit-btn{background-color:var(--base-300);color:var(--base-500);text-transform:uppercase;letter-spacing:.12em;border-radius:100px;align-items:center;gap:.75rem;width:fit-content;margin-top:2.5rem;padding:1rem 1.5rem 1rem 2rem;font-family:Sora,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex;overflow:hidden}.modal-visit-btn__inner{flex-direction:column;height:1.1em;display:flex;overflow:hidden}.modal-visit-btn__text{line-height:1.1;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.modal-visit-btn__text--hover{color:var(--base-500)}.modal-visit-btn:hover .modal-visit-btn__text:first-child,.modal-visit-btn:hover .modal-visit-btn__text--hover{transform:translateY(-100%)}.modal-visit-btn__icon{background-color:var(--base-500);width:1.6rem;height:1.6rem;color:var(--base-300);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.22,1,.36,1),background-color .4s,color .4s;display:flex}.modal-visit-btn__icon svg{width:.9rem;height:.9rem}.modal-visit-btn:hover .modal-visit-btn__icon{background-color:var(--base-100);color:var(--base-500);transform:rotate(45deg)}@media (max-width:900px){.work-modal-content{flex-direction:column}.work-modal-img{flex:none;height:45vh}.work-modal-copy{flex:1;justify-content:flex-start;padding:2rem}.work-modal-copy h2{font-size:2.5rem}.work-modal-copy .modal-desc{max-width:100%;font-size:1rem}.work-modal-close{background-color:var(--base-400);border-radius:50%;width:3rem;height:3rem;top:1.5rem;right:1.5rem}}