.work-header{position:relative;width:100vw;height:100vh;padding:2em;display:flex;justify-content:center;align-items:center;text-align:center}.work-header .work-profile-icon{position:relative;width:100px;height:100px;border-radius:1em;margin-bottom:1em;outline:.25rem solid var(--accent1);border:.25rem solid var(--fg);overflow:hidden}.work-header .work-header-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.work-header .work-header-title{margin-bottom:6em}.work-header .work-footer{position:absolute;width:100%;bottom:0;padding:2em;display:flex;justify-content:space-between}.work-header .work-footer .work-footer-scroll-down{position:absolute;left:50%;transform:translate(-50%)}.work-header .work-footer .work-footer-symbols{height:1rem}.work-items{position:relative;width:100%;height:100%;min-height:100%;padding:2em;overflow-x:hidden;display:flex;flex-direction:column;gap:4em;margin-bottom:8em}.work-items .row{display:flex;gap:2em}.work-items .row .work-item{position:relative;flex:1;cursor:pointer;transition:transform .6s cubic-bezier(.16,1,.3,1)}.work-items .row .work-item .work-item-img{position:relative;aspect-ratio:16/10;border-radius:1.5em;overflow:hidden;margin-bottom:1.5em;background-color:var(--bg2);border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #0000004d}.work-items .row .work-item .work-item-img img{transition:transform 1.2s cubic-bezier(.16,1,.3,1);transform:scale(1.05)}.work-items .row .work-item:hover .work-item-img img{transform:scale(1.15)}.work-items .row .work-item .work-item-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(15,15,19,.4),transparent);opacity:0;transition:opacity .6s ease}.work-items .row .work-item:hover .work-item-img:after{opacity:1}.work-items .row .work-item .work-item-content{display:flex;flex-direction:column;gap:.25em;transition:transform .6s cubic-bezier(.16,1,.3,1)}.work-items .row .work-item:hover .work-item-content{transform:translate(10px)}.work-item-content p.mn:first-child{font-size:1.1rem;color:var(--fg);letter-spacing:-.02em}.work-item-content p.mn:last-child{opacity:.4;font-size:.75rem}.work-header-content p,.work-header-title h1{line-height:1.1}.work-header-content p>div,.work-header-title h1>div{position:relative;padding:0 .25em}@media (max-width: 1000px){.work-header .work-footer .work-footer-symbols{display:none}.work-header .work-footer{display:flex;justify-content:flex-end}.work-header .work-footer .work-footer-scroll-down{left:2em;transform:translate(0)}.work-items .row{flex-direction:column}}