.portfolio-item-container{width:100%;min-height:100vh;max-width:100vw;gap:8rem;background-image:url(/bg/portfolio.png);background-position:0 0;background-repeat:no-repeat;background-size:auto}.project-header{min-width:96%}.jrny-span{color:#ff5b00;background-color:transparent!important}.portfolio-item-header-container{min-width:90%;display:flex;justify-content:space-between}.portfolio-item-hero-container{display:flex;flex-direction:column;gap:1rem;max-width:90vw;min-width:90vw;padding-left:6rem}.project-box{gap:4rem;margin-bottom:3rem}.project-box,.project-header{display:flex;flex-direction:column}.project-header{gap:2rem;max-width:30vw}.project-name{font-family:Armstrong,sans-serif;font-weight:400;font-size:72px;line-height:100%;letter-spacing:0;color:white}.project-name,.project-second-header{font-size:48px;font-family:Armstrong,sans-serif;color:white}.project-second-box{display:flex;flex-direction:column;gap:20px}.project-description,.project-second-description{text-align:left;max-width:32vw;font-size:14px;color:white}.project-second-description{max-width:43vw}.portfolio-item-tag-container{display:flex;width:60%;gap:.2rem}.portfolio-item-middle-list{display:flex;flex-direction:column;gap:3rem;align-items:flex-start;padding-left:6rem;width:90svw;max-width:90svw}.might-like{font-family:Armstrong,sans-serif;font-weight:400;font-size:48px;line-height:100%;letter-spacing:0;color:white;display:inline-block}.item-date-company{display:flex;flex-direction:column;gap:20px}.item-date{font-family:Armstrong,sans-serif;font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;color:#808186}.item-company{font-family:Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:32px;line-height:40px;color:#808186}.portfolio-item-images-container{display:grid;grid-gap:15px;gap:15px;width:100%;box-sizing:border-box;max-width:1800px;grid-template-columns:repeat(3,1fr)}.portfolio-item-image-box{width:100%;max-width:100%;min-width:0;position:relative;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:.3rem .2rem;transition:transform .3s ease;justify-self:center;background-color:rgba(255,255,255,.17)}.portfolio-item-image-box:hover{transform:scale(1.02)}.portfolio-item-image-box:before{content:"+";position:absolute;top:0;left:0;transform:translate(-50%,-50%);color:#007bff;font-size:1rem;color:white;font-weight:700;border-radius:50%;pointer-events:none;z-index:100}.portfolio-item-image-box:hover:before{opacity:1}.portfolio-item-images{width:94%;height:auto;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:filter .3s ease,transform .3s ease}.portfolio-item-image-box:hover .portfolio-item-images{filter:brightness(.8)}.video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px}.video-error{display:flex;align-items:center;justify-content:center;height:200px;background-color:#f8f9fa;border-radius:8px;color:#6c757d;font-size:16px}.show-more-container{text-align:center;margin-top:20px}.show-more-btn{padding:12px 24px;background-color:#007bff;color:white;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,123,255,.2)}.show-more-btn:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,123,255,.3)}.show-more-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,123,255,.2)}.portfolio-item-show-more-button{background-color:transparent;color:#808186;font-family:Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:500;border:none;cursor:pointer;transition:color .3s ease}.portfolio-item-show-more-button:hover{color:#ff5b00}.portfolio-item-footer{padding-left:6rem}@media (max-width:1000px){.portfolio-item-hero-container{padding:0;margin:0 auto}.portfolio-item-images-container{max-width:100%;grid-template-columns:repeat(2,1fr)}.portfolio-item-middle-list{padding:0;margin:0 auto;width:90%}.portfolio-item-footer{padding:0;margin:0 auto}.might-like{display:inline-block}.project-description{width:90%;max-width:92vw}.project-second-description{max-width:92vw;width:92vw}.project-header{max-width:90vw}}@media (max-width:360px){.portfolio-item-hero-container{padding-left:1rem;min-width:95vw;max-width:95vw}.project-name{font-size:48px}.project-second-header{font-size:36px}}