.portfolio-project-wrapper{--navigationTextColor:0, 0, 0;--navigationTextActiveColor:153, 110, 0;--textParagraphColor:0, 0, 0, .9;--textLinksAndHashtagsColor:153, 110, 0;--textH1Color:0, 0, 0;--postBorderColor:232, 230, 230, .75;--postBackgroundColor:255, 255, 255;--categoryBadgeColor:153, 110, 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:940px;margin:0 auto 15px;font-family:Proxima N W01 Reg,sans-serif}.portfolio-project-wrapper .project-header{background-color:rgb(var(--postBackgroundColor))}.portfolio-project-wrapper .project-nav-link{color:rgb(var(--navigationTextColor));align-items:center;height:80px;font-family:Proxima N W01 Reg,sans-serif;font-size:16px;line-height:1.6em;display:flex}.portfolio-project-wrapper .project-nav-link:hover{color:rgb(var(--navigationTextActiveColor))}.portfolio-project-wrapper .project-content{background-color:rgb(var(--postBackgroundColor));max-width:940px;margin:0 auto}.portfolio-project-wrapper .project-article{background-color:rgb(var(--postBackgroundColor));color:rgb(var(--textParagraphColor));overflow-wrap:break-word}.portfolio-project-wrapper .project-header-content{text-align:start;max-width:740px;margin:0 auto}.portfolio-project-wrapper .project-title{color:rgb(var(--textH1Color));overflow-wrap:break-word;word-break:break-word;text-align:center;margin-bottom:20px;font-family:Space Grotesk,sans-serif;font-size:40px;font-weight:400;line-height:50px}.portfolio-project-wrapper .project-categories{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:15px;display:flex}.portfolio-project-wrapper .category-badge{background-color:rgba(var(--categoryBadgeColor), .1);border:1px solid rgba(var(--categoryBadgeColor), .3);color:rgb(var(--categoryBadgeColor));border-radius:20px;padding:2px 9px;font-size:14px;font-weight:500;transition:all .3s;display:inline-block}.portfolio-project-wrapper .category-badge:hover{background-color:rgba(var(--categoryBadgeColor), .2);border-color:rgba(var(--categoryBadgeColor), .5)}.portfolio-project-wrapper .project-metadata{justify-content:center;align-items:center;margin-bottom:10px;font-size:14px;line-height:1.5;display:flex}.portfolio-project-wrapper .project-meta-list li:before{content:"·";margin:0 6px;text-decoration:none}.portfolio-project-wrapper .project-meta-list li:first-child:before{display:none}.portfolio-project-wrapper .project-media-section{max-width:740px;margin:0 auto}.portfolio-project-wrapper .project-media-wrapper{flex-direction:column;gap:40px;display:flex}.portfolio-project-wrapper .media-item-container{flex-direction:column;gap:7px;display:flex}.portfolio-project-wrapper .media-preview{cursor:pointer;border-radius:8px;width:max-content;margin:0 auto;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.portfolio-project-wrapper .media-preview:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.portfolio-project-wrapper .media-preview:hover .expand-icon{opacity:1}.portfolio-project-wrapper .media-preview:hover .play-overlay{opacity:.9}.portfolio-project-wrapper .media-thumbnail{object-fit:cover;max-width:740px;height:auto;margin:0 auto;display:block}.portfolio-project-wrapper .video-preview{width:100%;max-width:740px;position:relative}.portfolio-project-wrapper .play-overlay{opacity:.7;pointer-events:none;background-color:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-project-wrapper .expand-icon{opacity:0;pointer-events:none;background-color:#0009;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .3s;display:flex;position:absolute;top:16px;right:16px}.portfolio-project-wrapper .media-description{text-align:center;color:#0009;margin-bottom:0;padding:0 10px;font-family:Proxima N W01 Reg,sans-serif;font-size:16px;line-height:27px}.portfolio-project-wrapper .project-paragraphs-container{margin-top:20px;margin-bottom:30px}.portfolio-project-wrapper .project-paragraph{color:rgb(var(--textParagraphColor));max-width:740px;margin:0 auto;font-family:Proxima N W01 Reg,sans-serif;font-size:18px;line-height:27px}.portfolio-project-wrapper .media-modal{z-index:9999;background-color:#000000f2;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.portfolio-project-wrapper .modal-content{flex-direction:column;gap:20px;max-width:90vw;max-height:90vh;display:flex;position:relative}.portfolio-project-wrapper .modal-close{cursor:pointer;z-index:10000;background:0 0;border:none;padding:8px;transition:transform .2s;position:absolute;top:-50px;right:0}.portfolio-project-wrapper .modal-close:hover{transform:scale(1.1)}.portfolio-project-wrapper .modal-media-container{justify-content:center;align-items:center;max-height:calc(90vh - 100px);display:flex}.portfolio-project-wrapper .modal-video,.portfolio-project-wrapper .modal-image{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:calc(90vh - 100px)}.portfolio-project-wrapper .modal-description{background-color:#fffffff2;border-radius:8px;max-width:800px;margin:0 auto;padding:10px 20px}.portfolio-project-wrapper .modal-description p{color:#000000e6;margin:0;font-family:Proxima N W01 Reg,sans-serif;font-size:16px;line-height:24px}@media (max-width:820px){.portfolio-project-wrapper .project-article{border:none}.portfolio-project-wrapper .project-body{padding-left:5px;padding-right:5px}.portfolio-project-wrapper .project-title{padding-left:20px;padding-right:20px;font-size:31px;line-height:44px}.portfolio-project-wrapper .project-paragraph{font-size:18px;line-height:27px}.portfolio-project-wrapper .project-media-wrapper .media-item-container .media-preview{max-width:100%}.portfolio-project-wrapper .media-thumbnail{max-width:100%!important}.portfolio-project-wrapper .category-badge{padding:5px 12px;font-size:12px}.portfolio-project-wrapper .modal-content{max-width:95vw;max-height:95vh}.portfolio-project-wrapper .modal-close{top:-40px;right:0}.portfolio-project-wrapper .modal-media-container,.portfolio-project-wrapper .modal-video,.portfolio-project-wrapper .modal-image{max-height:calc(95vh - 80px)}.portfolio-project-wrapper .play-overlay{width:60px;height:60px}.portfolio-project-wrapper .play-overlay svg{width:48px;height:48px}}@media (max-width:480px){.portfolio-project-wrapper .project-title{font-size:26px;line-height:36px}.portfolio-project-wrapper .media-item-container{gap:15px}.portfolio-project-wrapper .project-media-wrapper{gap:30px}.portfolio-project-wrapper .modal-description{padding:15px}.portfolio-project-wrapper .modal-description p{font-size:14px;line-height:20px}}