.inner-width{max-width:1100px;margin:auto}.lower-header h1{color:var(--secondary-color);font-weight:600;margin-bottom:15px}.lower-header h4{margin-bottom:15px;color:#4f4f4f;text-align:center;font-family:Poppins;font-size:26px;font-style:normal;font-weight:500;line-height:54px}.port-wrap{width:auto;position:relative}.port-wrap:before{content:'';width:1px;height:100%;background:#d9d9d9;position:absolute;left:-35px;top:50%;transform:translateY(-50%)}.portfolio-cats{text-align:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.portfolio-cats button{background:0 0;border:2px solid var(--Stream-Orange);padding:12px 25px;cursor:pointer;transition:all .1s ease-out;white-space:nowrap;border-radius:0;color:var(--Stream-Orange,#f67a3e);font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:11px}.portfolio-cats button.filtering,.portfolio-cats button:hover{background:var(--Stream-Orange);color:#fff;font-weight:700}.portfolio{padding:50px 20px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px}.portfolio article{height:400px;position:relative;overflow:hidden;box-shadow:1px 1px 15px 5px rgba(0,0,0,.1);opacity:0;transform:translateY(50px);transition:opacity .5s ease-out,transform .5s ease-out;grid-column:span 1}.portfolio article.visible{opacity:1;transform:translateY(0)}.portfolio a{text-decoration:none}.portfolio .front{width:100%;height:100%;background-size:cover;background-position:top center}.portfolio .back{opacity:0;position:absolute;background:var(--Dark-Gray,#242324);width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);padding:35px 25px;z-index:1;transition:opacity .2s ease-out}.portfolio .back h3{margin-bottom:20px;color:var(--White,#fff);font-family:Poppins;font-size:30px;font-style:normal;font-weight:700;line-height:37px}.portfolio .back p{color:#fff;font-family:Poppins;font-size:20px;font-style:normal;font-weight:400;line-height:22px;display:flex;flex-wrap:wrap;flex-direction:column}.portfolio .back .open-project{cursor:pointer;color:var(--Stream-Orange,#f67a3e) !important;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:22px;position:relative;display:flex;gap:10px}.portfolio .back .open-project span{display:flex;align-items:center;font-weight:700}.portfolio .back .open-project:after{content:" ";background:url(/wp-content/uploads/2024/08/Underline-Stroke-Orange.svg);height:10px;display:flex;background-repeat:no-repeat;position:absolute;top:20px;margin:0 auto;width:100%;left:0;transition:width .25s ease-out;background-size:120px 15px}.portfolio .back .open-project:hover:after{width:0}.portfolio .cats{display:flex;gap:10px;position:absolute;bottom:10%;align-items:center;flex-wrap:wrap}.portfolio .cats span{display:flex;padding:10px 20px;align-items:center;gap:10px;border:1px solid #8c8c8c;color:#8c8c8c;font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;line-height:8px}.portfolio article:hover .back,.portfolio article:active .back{opacity:1}.portfolio article.inactive{animation:fadeOut .25s ease-out;display:none}@keyframes fadeOut{from{display:block}to{transform:scale(0);display:block}}.portfolio-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,42,62,.95);width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:99}.inner-modal{position:relative;background:#fff;border-radius:20px;max-width:1200px;width:90%;max-height:85%;overflow:auto;text-underline-offset:3px}.inner-modal h3{color:#000;font-family:Poppins;font-size:38px;font-style:normal;font-weight:700;line-height:22px;padding-bottom:15px}.inner-modal .copy{padding:35px 25px 10px;max-width:850px;margin:auto}.inner-modal .copy h5{margin:0;margin-bottom:10px;color:#4f4f4f;font-family:Poppins;font-size:20px;font-style:normal;font-weight:400;line-height:22px}.inner-modal .copy p{font-size:14px}.inner-modal .gallery{padding:20px;background:#fff}.inner-modal .gallery .wrap{max-width:800px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;justify-items:center}.inner-modal .gallery .wrap a{width:150px;height:100px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background-color:#4f4f4f;color:#fff}.inner-modal .gallery .wrap a img{min-height:100px;width:100%;object-fit:cover}.inner-modal .gallery .wrap a.video-thumbnail img{min-height:100px;width:100%;object-fit:cover}.youtube-iframe{min-height:400px}.inner-modal .preview{text-align:center}.inner-modal .preview img{width:auto;height:100%;display:inline-block;max-height:350px;border:1px solid #ccc}.inner-modal .preview-caption{display:block;margin-top:10px}.inner-modal .video-thumbnail{position:relative;z-index:0}.inner-modal .video-thumbnail:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;opacity:.9;z-index:2;border-radius:2px}.inner-modal .video-thumbnail:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;padding:25px;border-radius:100%;opacity:.9;z-index:1;background:rgba(246,122,62,.8);transition:background .25s ease-in-out}.inner-modal .video-thumbnail:hover:after{background:rgba(246,122,62,.35)}.inner-modal .external-link a{color:var(--Stream-Orange);font-weight:700;font-size:18px}.inner-modal .close{position:absolute;top:15px;right:15px}.inner-modal .close svg:nth-child(2){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(max-width:1100px){.portfolio article{grid-column:span 1 !important}.portfolio{grid-template-columns:repeat(2,1fr)}.inner-width{padding-left:20px !important;padding-right:20px !important}}@media(max-width:960px){.inner-modal .gallery .wrap{grid-template-columns:repeat(3,1fr)}.inner-modal .preview img{height:auto;max-width:100%}.lower-header .inner-width{flex-direction:column}.port-wrap{width:100%}.port-wrap:before{content:none}.portfolio-cats{grid-template-columns:repeat(3,1fr)}.inner-modal h3{line-height:1em}}@media(max-width:850px){.upper-header .inner-width{flex-direction:column;text-align:center}}@media(max-width:680px){.portfolio{grid-template-columns:repeat(1,1fr)}.portfolio-cats{grid-template-columns:repeat(2,1fr)}}@media(max-width:590px){.inner-modal .gallery .wrap{grid-template-columns:repeat(2,1fr)}}@media(max-width:390px){.inner-modal .gallery .wrap{grid-template-columns:repeat(1,1fr)}.portfolio-cats{grid-template-columns:repeat(1,1fr)}}