@font-face{font-family:Millimetre Regular;font-style:normal;font-weight:400;src:local("Millimetre Regular"),url(/fonts/millimetre/Millimetre-Regular.woff) format("woff");font-display:swap}@font-face{font-family:Millimetre Bold;font-style:normal;font-weight:400;src:local("Millimetre Bold"),url(/fonts/millimetre/Millimetre-Bold.woff) format("woff");font-display:swap}@font-face{font-family:Monument Ultra Light;font-style:normal;font-weight:400;src:local("Monument Ultra Light"),url(/fonts/monument/MonumentExtended-Ultralight.otf) format("opentype");font-display:swap}@font-face{font-family:Monument Light;font-style:normal;font-weight:400;src:local("Monument Light"),url(/fonts/monument/MonumentExtended-Light.otf) format("opentype");font-display:swap}@font-face{font-family:Monument Regular;font-style:normal;font-weight:400;src:local("Monument Regular"),url(/fonts/monument/MonumentExtended-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:Monument Bold;font-style:normal;font-weight:400;src:local("Monument Bold"),url(/fonts/monument/MonumentExtended-Ultrabold.otf) format("opentype");font-display:swap}@font-face{font-family:A2G;font-style:normal;font-weight:400;src:local("A2GothicCondensed-Regular"),url(/fonts/A2GothicCondensed-Regular.woff) format("woff");font-display:swap}main{padding:0}main .container-fluid{padding:0}main .container-fluid.portfolio{background:#0e1c19;color:#fff;min-height:100vh}main .container-fluid.portfolio .section.portfolio{position:relative;display:flex;background:#0e1c19;color:#fff;width:100%;height:100%;flex-direction:column}main .container-fluid.portfolio .section.portfolio>.row{width:100%;position:relative;margin:2rem auto;padding:0}@media (min-width: 768px){main .container-fluid.portfolio .section.portfolio>.row{padding:0}}main .container-fluid.portfolio .section.portfolio .welcome{position:relative;left:0;top:0;width:100%;display:flex;flex-flow:column;align-items:center;padding:0;margin-top:8rem;background:#0e1c19;color:#fff;z-index:2}@media (min-width: 768px){main .container-fluid.portfolio .section.portfolio .welcome{margin-top:4rem}}main .container-fluid.portfolio .section.portfolio .welcome h2{display:block;position:relative;font-size:var(--hp-font-h2);line-height:var(--hp-font-h2);font-family:Monument Regular,sans-serif;font-weight:100;text-transform:uppercase;letter-spacing:.15rem;color:#fff;margin:0;transform-origin:left;transform:scaleX(.84)}main .container-fluid.portfolio .section.portfolio .welcome .page-subtitle{margin-top:4rem;max-width:800px;text-align:center}main .container-fluid.portfolio .section.portfolio .welcome .page-subtitle p{font-family:Monument Ultra Light,sans-serif;font-weight:100;font-size:clamp(1rem,3vw,1.2rem);line-height:clamp(1.4rem,4vw,1.8rem);color:#fffc;margin:0;text-align:left;border-bottom:3px solid rgba(5,104,99,.3137254902);width:-moz-fit-content;width:fit-content}main .container-fluid.portfolio .section.portfolio-list{background:#0e1c19;color:#fff;padding:0}main .portfolio-index>.row{padding:0rem 9.625rem 0}main .portfolio-index{color:#fff;font-family:Poppins;display:flex;flex-flow:column;margin-top:-1rem;padding-top:2rem}@media (min-width: 768px){main .portfolio-index{padding-top:unset}}main .portfolio-index.hp>.row{padding:0 .8125rem}main .portfolio-index.hp .portfolio-list{margin-top:0}main .portfolio-index.nhp .portfolio-link{position:absolute;left:-3.5rem;margin-top:-10rem;width:98.7vw;height:600px;overflow:hidden}main .portfolio-index>.row{padding:0 1.8125rem}@media (min-width: 768px){main .portfolio-index>.row{padding:0 2rem}}main .portfolio-index .gatsby-image-wrapper{height:100%}main .portfolio-index .gatsby-image-wrapper img{width:100%;max-width:100%;-o-object-position:top left;object-position:top left}main .portfolio-index h1{font-family:Monument Ultra Light;font-weight:100;letter-spacing:2px;font-size:clamp(1.2rem,8vw - 1rem,1.8rem);line-height:1.6;margin-top:2vh;text-align:center}main .portfolio-index .portfolio-list article{display:flex;flex-flow:column;position:relative;align-items:center;min-height:-moz-fit-content;min-height:fit-content}@media (min-width: 768px){main .portfolio-index .portfolio-list article{align-items:flex-start;flex-flow:row;min-height:560px;height:64vh}}main .portfolio-index .portfolio-list article:nth-child(2n){flex-flow:column}@media (min-width: 768px){main .portfolio-index .portfolio-list article:nth-child(2n){flex-flow:row-reverse}}main .portfolio-index .portfolio-list article:nth-child(2n) .portfolio-list-meta{left:unset;right:0;margin-left:unset;margin-right:0;text-align:left}@media (min-width: 768px){main .portfolio-index .portfolio-list article:nth-child(2n) .portfolio-list-meta{position:absolute;right:56%;margin-right:4rem;text-align:right}}main .portfolio-index .portfolio-list article:nth-child(2n) .portfolio-list-meta p{margin-left:unset;margin-right:0}main .portfolio-index .portfolio-list .diamonds{position:absolute;top:0;height:100%;width:100%}main .portfolio-index .portfolio-list-img{width:100%;height:300px;overflow:hidden}@media (min-width: 768px){main .portfolio-index .portfolio-list-img{width:53%;height:490px}}main .portfolio-index .portfolio-list-img-inner{height:116%;animation:slide-in-bottom-4 2s cubic-bezier(.04,.51,.04,.99)}main .portfolio-index .portfolio-list-img video{-o-object-fit:cover;object-fit:cover;transform:scale(1.3);transform-origin:top left}main .portfolio-index .portfolio-list-meta{position:relative;left:0;margin-left:0;margin-top:2rem;overflow:hidden}@media (min-width: 768px){main .portfolio-index .portfolio-list-meta{position:absolute;left:56%;margin-left:4rem;margin-top:unset}}main .portfolio-index .portfolio-list-meta h2{margin-top:unset;margin:0;transform:unset;display:block;position:relative;font-size:var(--hp-font-h2);line-height:var(--hp-font-h2);font-family:Monument Regular,sans-serif;font-weight:100;text-transform:uppercase;letter-spacing:.15rem;color:#fff;transform-origin:left}@media (min-width: 320px){main .portfolio-index .portfolio-list-meta h2{transform:scaleX(.84)}}@media (min-width: 768px){main .portfolio-index .portfolio-list-meta h2{transform:scaleX(1)}}main .portfolio-index .portfolio-list-meta p{text-transform:uppercase;margin-top:2rem;margin-left:0;font-size:clamp(12px,1.25vw,21px);line-height:2}@media (min-width: 768px){main .portfolio-index .portfolio-list-meta p{font-size:1.2rem;line-height:1.5}}main .portfolio-index .portfolio-list-meta p .date{color:#d3fff084;margin-right:42px}main .portfolio-index .portfolio-list-meta p .desc{color:#d3fff084}main .portfolio-wrapper{padding:7vh 3.5vw 10vh;color:#fff;margin:0 auto;font-family:Monument Ultra Light;letter-spacing:1px;line-height:2}main .portfolio-wrapper .portfolio-content{margin-top:2rem}main .portfolio-wrapper .portfolio-content p{margin-bottom:1.5rem;line-height:1.8}main .portfolio-wrapper .portfolio-content img{max-width:100%;height:auto;margin:2rem auto;display:block;border-radius:8px;box-shadow:0 4px 20px #ffffff1a}main .portfolio-wrapper .portfolio-content hr{display:none}main .portfolio-wrapper .portfolio-content ul{margin:1rem 0;padding-left:2rem}main .portfolio-wrapper .portfolio-content ul li{margin-bottom:.5rem}main .portfolio-wrapper .back-to-portfolio{margin-top:3rem;padding:.75rem 1.5rem;background:transparent;border:2px solid #fff;color:#fff;font-family:Monument Regular;font-size:.9rem;letter-spacing:.1rem;text-transform:uppercase;cursor:pointer;transition:all .3s ease}main .portfolio-wrapper .back-to-portfolio:hover{background:#fff;color:#0e1c19}main .portfolio-wrapper-inner p,main .portfolio-wrapper-inner figure{min-width:80vw;height:100%}main .portfolio-wrapper-inner .recommended-header{margin:10rem 0 4rem;font-size:2rem}@media (min-width: 768px){main .portfolio-wrapper-inner .recommended-header{font-size:4rem}}main .portfolio-wrapper-inner .recommended-header:after{content:none}main .portfolio-wrapper-inner .recommended .next-portfolio{min-height:560px}@media (min-width: 768px){main .portfolio-wrapper-inner .recommended .next-portfolio{min-height:740px}}main .portfolio-wrapper-inner .recommended .next-portfolio-img{height:420px;overflow:hidden}main .portfolio-wrapper-inner .recommended .next-portfolio-img .gatsby-image-wrapper{height:100%}main .portfolio-wrapper-inner .recommended .next-portfolio-img img{height:100%;width:auto;max-width:100%;-o-object-position:top left;object-position:top left}main .portfolio-wrapper-inner .recommended .link{display:inline-flex;margin:1rem auto 0;color:#fff;background:unset;padding:.5rem;font-size:1rem}main .portfolio-wrapper-inner .recommended .link i{font-style:normal}main .portfolio-wrapper-inner figure{margin:4rem auto 1rem}main .portfolio-wrapper-inner figcaption{display:none}main .portfolio-wrapper-inner .link{color:#fff;font-size:1.5rem;line-height:2.5rem;position:relative;margin:0 .4375rem;background:#fff0;padding:.475rem .625rem .275rem;border-radius:.125rem;border-bottom-right-radius:0;border-bottom-left-radius:0;text-decoration:none}main .portfolio-wrapper-inner .link:hover:after{height:100%;z-index:-1;bottom:0;border-radius:.125rem;border-bottom-right-radius:0;border-bottom-left-radius:0;transition:height .3s cubic-bezier(.04,.51,.04,.99)}main .portfolio-wrapper-inner .link:after{content:none;position:absolute;height:.1875rem;width:100%;left:0;bottom:0;background:#ba4b2d;background-image:linear-gradient(65deg,#fb9d84 25%,#d9729a),linear-gradient(65deg,#fb9d84 25%,#b2e477);animation:hue 20s infinite;background-blend-mode:hard-light;transition:height .2s cubic-bezier(.04,.51,.04,.99)}main .portfolio-wrapper-inner a:after{content:none}main .portfolio-wrapper h1{font-family:Monument Ultra Light;font-weight:700;font-size:2rem;line-height:1.3;margin:3rem 0 2rem}@media (min-width: 768px){main .portfolio-wrapper h1{font-size:5rem}}main .portfolio-wrapper .scroll{display:flex;left:0;font-size:14px;margin-left:12px;color:#199f98;animation:blink 2.8s 1s ease infinite}main .portfolio-wrapper p{margin:3rem auto}main .portfolio-wrapper h2{font-size:2rem;margin:5rem 0 2rem}main .portfolio-wrapper .meta-data{display:flex;position:relative;font-size:14px;align-items:center;padding:14px 10px 10px 2px;margin-bottom:4rem;text-transform:capitalize}main .portfolio-wrapper .meta-data:after{content:"";position:absolute;top:0;left:0;height:1px;width:100%}main .portfolio-wrapper .p-hero{overflow:hidden}main .portfolio-wrapper .content-wrapper .media{display:flex}main .portfolio-wrapper .content-wrapper .media img{max-width:100%;width:100%;height:auto;margin:0 auto}main h1{font-size:3rem;line-height:1.4;font-family:Monument Ultra Light;font-weight:100}.portfolio-wrapper:not(.enhanced) .portfolio-wrapper-inner>*:nth-child(n){animation-delay:.195s}.portfolio-wrapper:not(.enhanced) .portfolio-wrapper-inner>*:nth-child(2n){animation-delay:.39s}.portfolio-wrapper:not(.enhanced) .portfolio-wrapper-inner>*:nth-child(3n){animation-delay:.585s}.portfolio-wrapper:not(.enhanced) .portfolio-wrapper-inner>*:nth-child(4n){animation-delay:.78s}.portfolio-wrapper:not(.enhanced) .portfolio-wrapper-inner>*:nth-child(5n){animation-delay:.975s}.portfolio-wrapper:not(.enhanced) .portfolio-wrapper-inner>*:nth-child(6n){animation-delay:1.17s}.portfolio-wrapper:not(.enhanced) .portfolio-wrapper-inner>*:nth-child(7n){animation-delay:1.365s}.portfolio-wrapper:not(.enhanced) .portfolio-wrapper-inner>*:nth-child(8n){animation-delay:1.56s}.portfolio-wrapper:not(.enhanced) .portfolio-wrapper-inner>*:nth-child(9n){animation-delay:1.755s}.portfolio-wrapper:not(.enhanced) .portfolio-wrapper-inner>*{animation:fade-in-bottom2 1.5s cubic-bezier(.25,.46,.45,.94) both}.portfolio-wrapper:not(.enhanced) .portfolio-wrapper-inner>*:nth-child(10n){animation-delay:1.95s}.portfolio-list.grid-layout{padding:0!important;margin:0!important;display:grid!important;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(400px,auto);gap:2rem;grid-auto-flow:row dense}.portfolio-list.grid-layout article{display:block!important;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease;position:relative}.portfolio-list.grid-layout article.span-two{grid-column:span 2}.portfolio-list.grid-layout article:hover{border-color:#18b9b34d;transform:translateY(-4px);box-shadow:0 8px 24px #0003}.portfolio-list.grid-layout article:hover .portfolio-hover-overlay{opacity:1;visibility:visible}.portfolio-list.grid-layout article:hover .portfolio-list-img img,.portfolio-list.grid-layout article:hover .portfolio-list-img video{transform:scale(1.05);filter:brightness(.7)}.portfolio-list.grid-layout article .portfolio-article-link{display:block!important;width:100%!important;height:100%!important;text-decoration:none!important;color:inherit!important}.portfolio-list.grid-layout article .portfolio-article-link:hover{text-decoration:none!important;color:inherit!important}.portfolio-list.grid-layout article .portfolio-list-img{width:100%!important;height:100%!important;overflow:hidden;position:relative}.portfolio-list.grid-layout article .portfolio-list-img .portfolio-list-img-inner{height:100%!important;width:100%!important;position:relative}.portfolio-list.grid-layout article .portfolio-list-img img,.portfolio-list.grid-layout article .portfolio-list-img video{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:top center!important;object-position:top center!important;transition:all .3s ease}.portfolio-list.grid-layout article .portfolio-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000c,#0e1c19e6,#18b9b34d);display:flex;align-items:center;justify-content:center;text-align:center;opacity:0;visibility:hidden;transition:all .3s ease;z-index:2}.portfolio-list.grid-layout article .portfolio-hover-overlay .portfolio-overlay-content{padding:2rem;max-width:90%}.portfolio-list.grid-layout article .portfolio-hover-overlay .portfolio-overlay-content .portfolio-overlay-title{font-family:Monument Regular,sans-serif;font-size:clamp(1.125rem,2.5vw,1.75rem);font-weight:400;color:#fff;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;transform:scaleX(.9)}.portfolio-list.grid-layout article .portfolio-hover-overlay .portfolio-overlay-content .portfolio-overlay-meta{display:flex;flex-direction:column;gap:.75rem}.portfolio-list.grid-layout article .portfolio-hover-overlay .portfolio-overlay-content .portfolio-overlay-meta .portfolio-overlay-date{font-family:Monument Ultra Light,sans-serif;font-size:clamp(15px,1.25vw,24px);color:#18b9b3e6;text-transform:uppercase;letter-spacing:.05em}.portfolio-list.grid-layout article .portfolio-hover-overlay .portfolio-overlay-content .portfolio-overlay-meta .portfolio-overlay-tags{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.portfolio-list.grid-layout article .portfolio-hover-overlay .portfolio-overlay-content .portfolio-overlay-meta .portfolio-overlay-tags .portfolio-overlay-tag{background:#18b9b333;color:#18b9b3e6;padding:.25rem .75rem;border-radius:12px;font-family:Monument Ultra Light,sans-serif;font-size:.75rem;border:1px solid rgba(24,185,179,.4);letter-spacing:.02em;text-transform:uppercase}@media (min-width: 768px){.portfolio-list.grid-layout{grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:minmax(350px,auto)!important;gap:1.5rem!important;min-height:70vh!important}.portfolio-list.grid-layout article.span-two{grid-column:span 2}}@media (min-width: 320px){.portfolio-list.grid-layout{grid-template-columns:repeat(2,1fr)!important;grid-auto-rows:minmax(250px,auto)!important;gap:1rem!important;min-height:50vh!important}.portfolio-list.grid-layout article.span-two{grid-column:span 2}.portfolio-list.grid-layout article .portfolio-hover-overlay .portfolio-overlay-content{padding:1rem}.portfolio-list.grid-layout article .portfolio-hover-overlay .portfolio-overlay-content .portfolio-overlay-title{font-size:.9rem;margin-bottom:.5rem;line-height:1.1}.portfolio-list.grid-layout article .portfolio-hover-overlay .portfolio-overlay-content .portfolio-overlay-meta{gap:.4rem}.portfolio-list.grid-layout article .portfolio-hover-overlay .portfolio-overlay-content .portfolio-overlay-meta .portfolio-overlay-date{font-size:clamp(15px,1.25vw,24px)}.portfolio-list.grid-layout article .portfolio-hover-overlay .portfolio-overlay-content .portfolio-overlay-meta .portfolio-overlay-tags{gap:.3rem}.portfolio-list.grid-layout article .portfolio-hover-overlay .portfolio-overlay-content .portfolio-overlay-meta .portfolio-overlay-tags .portfolio-overlay-tag{font-size:.6rem;padding:.15rem .5rem}}.portfolio-pagination{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:4rem;padding:2rem;border-top:1px solid rgba(255,255,255,.1)}@media (min-width: 320px){.portfolio-pagination{margin-top:3rem;padding:1.5rem;gap:1.5rem}}.portfolio-pagination .pagination-info{color:#ffffffb3;font-family:Monument Ultra Light,sans-serif;font-size:clamp(13px,1.125vw,21px);text-transform:uppercase;letter-spacing:.05em;text-align:center}.portfolio-pagination .pagination-controls{display:flex;align-items:center;gap:1rem}@media (min-width: 320px){.portfolio-pagination .pagination-controls{flex-wrap:wrap;justify-content:center;gap:.75rem}}.portfolio-pagination .pagination-controls .pagination-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;padding:.75rem 1.5rem;border-radius:25px;font-family:Monument Regular,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease}.portfolio-pagination .pagination-controls .pagination-btn:hover:not(.disabled){background:#ffffff14;border-color:#18b9b380;color:#18b9b3;transform:translateY(-2px)}.portfolio-pagination .pagination-controls .pagination-btn.disabled{opacity:.4;cursor:not-allowed;transform:none}@media (min-width: 320px){.portfolio-pagination .pagination-controls .pagination-btn{padding:.625rem .25rem .4rem;font-size:clamp(12px,1.25vw,21px)}}.portfolio-pagination .pagination-controls .pagination-numbers{display:flex;gap:.5rem}@media (min-width: 320px){.portfolio-pagination .pagination-controls .pagination-numbers{flex-wrap:wrap;justify-content:center}}.portfolio-pagination .pagination-number{background:#ffffff08;border:1px solid rgba(255,255,255,.15);color:#fffc;width:40px;height:40px;border-radius:50%;font-family:Monument Regular,sans-serif;font-size:.75rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.portfolio-pagination .pagination-number:hover{background:#ffffff14;border-color:#18b9b34d;color:#ffffffe6;transform:translateY(-1px)}.portfolio-pagination .pagination-number.active{background:linear-gradient(135deg,#18b9b3,#0f7a75);border-color:#18b9b3;color:#fff;transform:scale(1.1)}@media (min-width: 320px){.portfolio-pagination .pagination-number{width:36px;height:36px;font-size:clamp(11px,1.25vw,20px)}}.portfolio-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:300px}.portfolio-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #18b9b3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.portfolio-loading p{color:#ffffffb3;font-family:Monument Ultra Light,sans-serif;font-size:clamp(15px,1.25vw,24px);text-transform:uppercase;letter-spacing:.05em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
