@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:auto;font-size:12px}html::-webkit-scrollbar{display:none}body{margin:0;padding:0;background-color:rgb(17,17,18);color:rgb(255,255,255);font-family:Inter,sans-serif;font-size:12px;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}.portfolio-container{width:100%;min-height:100vh}.portfolio-main{justify-content:center;padding:clamp(120px,20vw,254px) clamp(20px,4vw,36px) clamp(60px,10vw,120px)}.portfolio-header,.portfolio-main{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.portfolio-header{max-width:1368px;gap:clamp(20px,4vw,40px);margin-bottom:clamp(40px,8vw,80px)}.portfolio-header-title-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;max-width:800px;padding:0 20px}.portfolio-header-title{display:block;width:100%;font-size:clamp(36px,8vw,92px);font-weight:500;line-height:.96;letter-spacing:-.07em;text-align:center;color:rgb(255,255,255);margin:0}.portfolio-header-subtitle-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;max-width:800px;margin-top:clamp(20px,4vw,40px);padding:0 20px}.portfolio-header-subtitle{display:block;width:100%;font-size:clamp(18px,2.5vw,26px);font-weight:500;line-height:1.2;letter-spacing:-.05em;text-align:center;color:rgba(255,255,255,.7);margin:0}.portfolio-section{gap:clamp(40px,8vw,80px);max-width:1368px}.portfolio-items-container,.portfolio-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative}.portfolio-items-container{gap:clamp(20px,3vw,36px);z-index:1}.portfolio-link{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;aspect-ratio:1368/909.562;position:relative;cursor:none;overflow:visible;will-change:transform;z-index:1}.portfolio-image-container{position:relative;display:flex;width:100%;height:100%;overflow:hidden;background-color:rgb(17,17,18);z-index:0;border-radius:clamp(12px,2vw,20px)}.portfolio-image-overlay{right:0;bottom:0;background-color:rgba(0,0,0,0);opacity:.8;z-index:1;pointer-events:none}.portfolio-image,.portfolio-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.portfolio-image{object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s ease;will-change:transform,opacity}.portfolio-corner{position:absolute;width:13px;height:13px;z-index:3}.portfolio-corner:after{content:"";position:absolute;top:0;left:0;width:13px;height:13px;display:block}.portfolio-corner-top-left{top:36px;left:36px}.portfolio-corner-top-left:after{border-left:1px solid rgb(255,255,255);border-top:1px solid rgb(255,255,255)}.portfolio-corner-top-right{top:36px;right:36px}.portfolio-corner-top-right:after{border-right:1px solid rgb(255,255,255);border-top:1px solid rgb(255,255,255)}.portfolio-corner-bottom-left{bottom:36px;left:36px}.portfolio-corner-bottom-left:after{border-left:1px solid rgb(255,255,255);border-bottom:1px solid rgb(255,255,255)}.portfolio-corner-bottom-right{bottom:36px;right:36px}.portfolio-corner-bottom-right:after{border-right:1px solid rgb(255,255,255);border-bottom:1px solid rgb(255,255,255)}.portfolio-text-overlay{position:absolute;bottom:43%;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:clamp(12px,2vw,20px);z-index:2;background:transparent;padding:0 20px}.portfolio-info-row{gap:clamp(15px,3vw,30px);height:auto}.portfolio-date-wrapper,.portfolio-info-row{display:flex;flex-direction:row;align-items:center;justify-content:center}.portfolio-date-wrapper{padding-right:clamp(15px,3vw,30px);border-right:1px solid rgba(255,255,255,.2)}.portfolio-date{font-size:clamp(20px,3vw,30px);font-weight:600;line-height:1;letter-spacing:-.07em;color:rgba(255,255,255,.7);margin:0}.portfolio-category{font-size:clamp(14px,1.5vw,16px);font-weight:500;line-height:1.4;letter-spacing:-.05em;color:rgba(255,255,255,.7);margin:0}.portfolio-title-row{display:flex;width:100%;justify-content:center}.portfolio-title{font-size:clamp(36px,6vw,68px);font-weight:500;line-height:1;letter-spacing:-.07em;color:rgb(255,255,255);text-align:center;margin:0}.custom-cursor{position:fixed;width:24px;height:24px;background:rgba(255,255,255,.8);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:all .1s ease;z-index:9999;mix-blend-mode:difference}.portfolio-link{transition:transform .4s cubic-bezier(.4,0,.2,1)}.portfolio-link:hover{transform:translateY(-8px)}.portfolio-link:hover .portfolio-image{transform:scale(1.05)}.portfolio-link:hover .portfolio-image-overlay{background-color:rgba(0,0,0,.4);opacity:1}.portfolio-link:hover .portfolio-corner:after{border-color:rgba(255,255,255,1);transform:scale(1.2)}.portfolio-corner:after{transition:all .3s ease;transform-origin:center}.portfolio-link:hover .portfolio-text-overlay{transform:translateY(-10px)}.portfolio-text-overlay{transition:transform .4s cubic-bezier(.4,0,.2,1)}@media (max-width:1024px){.portfolio-link{position:relative;top:0}.custom-cursor{display:none}.portfolio-link{cursor:pointer}}@media (max-width:768px){.portfolio-link{aspect-ratio:1/1.2}.portfolio-corner,.portfolio-corner:after{width:10px;height:10px}.portfolio-corner-top-left,.portfolio-corner-top-right{top:20px}.portfolio-corner-top-left{left:20px}.portfolio-corner-top-right{right:20px}.portfolio-corner-bottom-left,.portfolio-corner-bottom-right{bottom:20px}.portfolio-corner-bottom-left{left:20px}.portfolio-corner-bottom-right{right:20px}.portfolio-text-overlay{bottom:50%;transform:translateY(50%)}.portfolio-info-row{flex-direction:column;gap:10px}.portfolio-date-wrapper{padding-right:0;border-right:none}}::selection{background-color:rgba(255,255,255,.2);color:rgb(255,255,255)}.portfolio-link:focus{outline:none}.portfolio-link:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:4px}@media (prefers-contrast:high){.portfolio-category,.portfolio-date{color:rgba(255,255,255,.9)}}.portfolio-view-all-wrapper{display:flex;justify-content:center;margin-top:60px;margin-bottom:40px}.portfolio-view-all-link{color:#ffffff;text-decoration:none;font-size:16px;font-weight:500;padding:12px 24px;border:1px solid rgba(255,255,255,.2);border-radius:8px;transition:all .3s ease;background-color:rgba(255,255,255,.05)}.portfolio-view-all-link:hover{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);transform:translateX(4px)}.portfolio-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#1a1a1a,#252525 50%,#1a1a1a);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:inherit;z-index:0}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@media print{.custom-cursor{display:none}.portfolio-link{position:relative!important}}