.work-header{position:relative;width:100vw;height:100vh;padding:2em;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden}.work-header:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--accent1) 0%,transparent 70%);opacity:.1;animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.15}}.work-header .work-profile-icon{position:relative;width:120px;height:120px;border-radius:1em;margin-bottom:1.5em;outline:.3rem solid var(--accent1);border:.3rem solid var(--fg);overflow:hidden;box-shadow:8px 8px 0 var(--fg);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.work-header .work-profile-icon:hover{transform:rotate(5deg) scale(1.05);box-shadow:12px 12px 0 var(--accent1)}.work-header .work-header-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;z-index:2}.work-header .work-header-content>p{font-size:1.1rem;letter-spacing:.1em}.work-header .work-header-title{margin-bottom:6em}.work-header .work-header-title h1{font-size:8rem;position:relative;display:inline-block}.work-header .work-header-arrow-icon{animation:bounceArrow 2s ease-in-out infinite}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}.work-header .work-footer{position:absolute;width:100%;bottom:0;padding:2em;display:flex;justify-content:space-between;align-items:center}.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%;min-height:100vh;padding:4em 2em 8em;overflow:hidden;display:flex;flex-direction:column;gap:6em}.work-items:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(20,20,20,.02) 50px,rgba(20,20,20,.02) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(20,20,20,.02) 50px,rgba(20,20,20,.02) 51px);pointer-events:none}.work-items .row{display:flex;gap:3em;position:relative}.work-items .row .work-item{position:relative;flex:1;cursor:pointer;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.work-items .row .work-item-inner{position:relative;background:linear-gradient(135deg,var(--bg) 0%,var(--bg2) 100%);border:.25em solid var(--fg);border-radius:2em;padding:0;overflow:hidden;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.work-items .row .work-item-inner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent 0px,transparent 10px,rgba(237,106,90,.03) 10px,rgba(237,106,90,.03) 20px);opacity:0;transition:opacity .6s ease;pointer-events:none}.work-items .row .work-item:hover .work-item-inner:before{opacity:1}.work-items .row .work-item:hover .work-item-inner{transform:translateY(-16px) rotate(1deg);box-shadow:12px 12px 0 var(--fg),16px 16px 0 var(--accent1)}.work-items .row .work-item-number{position:absolute;top:1.5em;right:1.5em;font-family:rader;font-size:4rem;font-weight:700;font-style:italic;color:var(--fg);opacity:.08;z-index:1;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.work-items .row .work-item:hover .work-item-number{opacity:.15;transform:scale(1.1) rotate(-5deg);color:var(--accent1)}.work-items .row .work-item .work-item-img{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:2em 2em 0 0}.work-items .row .work-item .work-item-img img{width:100%;height:100%;object-fit:cover;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.work-items .row .work-item:hover .work-item-img img{transform:scale(1.1) rotate(2deg)}.work-items .row .work-item .img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ed6a5acc,#9cc1bccc);opacity:0;transition:opacity .6s ease;z-index:2;display:flex;justify-content:center;align-items:center}.work-items .row .work-item:hover .img-overlay{opacity:1}.work-items .row .work-item .view-project{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-family:supply-mono;font-size:1.25rem;font-weight:700;text-transform:uppercase;color:var(--bg);z-index:3;display:flex;align-items:center;gap:.5em;padding:1em 2em;background-color:var(--fg);border-radius:3em;transition:all .6s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.work-items .row .work-item:hover .view-project{transform:translate(-50%,-50%) scale(1)}.work-items .row .work-item .view-project .arrow{font-size:1.5rem;transition:transform .3s ease}.work-items .row .work-item:hover .view-project .arrow{transform:translate(8px)}.work-items .row .work-item .work-item-content{padding:2em;display:flex;flex-direction:column;gap:1em;position:relative;z-index:1}.work-items .row .work-item .work-item-header{display:flex;flex-direction:column;gap:.5em;margin-bottom:.5em}.work-items .row .work-item .work-item-content h3{font-size:2.5rem;color:var(--fg);transition:all .4s ease}.work-items .row .work-item:hover .work-item-content h3{color:var(--accent1);transform:translate(8px)}.work-items .row .work-item .work-item-content p.mn{color:var(--accent1);font-weight:700;font-size:.9rem;letter-spacing:.1em}.work-items .row .work-item .work-item-content p.ss{font-size:1rem;line-height:1.5;color:var(--fg);opacity:.75;transition:all .4s ease}.work-items .row .work-item:hover .work-item-content p.ss{opacity:1}.work-items .work-item-tags{display:flex;flex-wrap:wrap;gap:.75em;margin-top:.5em}.work-items .work-item-tags .tag{font-family:supply-mono;font-size:.75rem;font-weight:600;text-transform:uppercase;padding:.6em 1.2em;background-color:var(--fg);color:var(--bg);border-radius:2em;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.work-items .work-item-tags .tag:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100%;height:100%;background-color:var(--accent1);border-radius:2em;transition:transform .4s cubic-bezier(.34,1.56,.64,1);z-index:-1}.work-items .work-item-tags .tag:hover:before{transform:translate(-50%,-50%) scale(1)}.work-items .work-item-tags .tag:hover{color:var(--fg);transform:translateY(-4px)}.work-items .row:nth-child(odd) .work-item:first-child .work-item-inner{border-color:var(--accent1)}.work-items .row:nth-child(odd) .work-item:first-child:hover .work-item-inner{box-shadow:12px 12px 0 var(--accent1),16px 16px 0 var(--fg)}.work-items .row:nth-child(2n) .work-item:last-child .work-item-inner{border-color:var(--accent3)}.work-items .row:nth-child(2n) .work-item:last-child:hover .work-item-inner{box-shadow:12px 12px 0 var(--accent3),16px 16px 0 var(--fg)}@media (max-width: 1200px){.work-header .work-header-title h1{font-size:6rem}.work-items{gap:4em}}@media (max-width: 1000px){.work-header .work-footer .work-footer-symbols{display:none}.work-header .work-footer{justify-content:flex-end}.work-header .work-footer .work-footer-scroll-down{left:2em;transform:translate(0)}.work-header .work-header-title h1{font-size:4rem}.work-items{padding:2em 1em 4em;gap:3em}.work-items .row{flex-direction:column;gap:2em}.work-items .row .work-item-inner{padding:0}.work-items .row .work-item .work-item-content{padding:1.5em}.work-items .row .work-item .work-item-content h3{font-size:2rem}.work-items .row .work-item-number{font-size:3rem;top:1em;right:1em}.work-items .row .work-item:hover .work-item-inner{transform:translateY(-8px) rotate(0);box-shadow:8px 8px 0 var(--fg),12px 12px 0 var(--accent1)}.work-items .row:nth-child(odd) .work-item:first-child:hover .work-item-inner,.work-items .row:nth-child(2n) .work-item:last-child:hover .work-item-inner{box-shadow:8px 8px 0 var(--accent1),12px 12px 0 var(--fg)}}