@font-face{font-display:swap;font-family:Urbanist;font-style:normal;font-weight:100;src:url(../fonts/urbanist-latin-100-normal.woff2) format("woff2")}@font-face{font-display:swap;font-family:Urbanist;font-style:normal;font-weight:400;src:url(../fonts/urbanist-latin-400-normal.woff2) format("woff2")}@font-face{font-display:swap;font-family:Urbanist;font-style:normal;font-weight:600;src:url(../fonts/urbanist-latin-600-normal.woff2) format("woff2")}@font-face{font-display:swap;font-family:Urbanist;font-style:normal;font-weight:900;src:url(../fonts/urbanist-latin-900-normal.woff2) format("woff2")}@font-face{font-display:swap;font-family:Urbanist;font-style:italic;font-weight:100;src:url(../fonts/urbanist-latin-100-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Urbanist;font-style:italic;font-weight:400;src:url(../fonts/urbanist-latin-400-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Urbanist;font-style:italic;font-weight:600;src:url(../fonts/urbanist-latin-600-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Urbanist;font-style:italic;font-weight:900;src:url(../fonts/urbanist-latin-900-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;src:url(../fonts/atkinson-hyperlegible-latin-400-normal.woff2) format("woff2")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;src:url(../fonts/atkinson-hyperlegible-latin-700-normal.woff2) format("woff2")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible;font-style:italic;font-weight:400;src:url(../fonts/atkinson-hyperlegible-latin-400-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible;font-style:italic;font-weight:700;src:url(../fonts/atkinson-hyperlegible-latin-700-italic.woff2) format("woff2")}.portfolio-section[data-v-a1d5eef2]{padding:4rem 1.5rem}@media (max-width:576px){.portfolio-section[data-v-a1d5eef2]{padding:3rem 1.25rem}}@media (min-width:768px){.portfolio-section[data-v-a1d5eef2]{padding:4rem 2rem}}.portfolio-section.alt-bg[data-v-a1d5eef2]{background:var(--sub-bg-color);padding:4rem 1.5rem}@media (max-width:576px){.portfolio-section.alt-bg[data-v-a1d5eef2]{padding:3rem 1.25rem}}@media (min-width:768px){.portfolio-section.alt-bg[data-v-a1d5eef2]{padding:4rem 2rem}}.section-container[data-v-a1d5eef2]{margin:0 auto;max-width:95vw}.section-title[data-v-a1d5eef2]{color:var(--text-color);font-size:clamp(2rem,5vw,3rem);font-weight:900;margin-bottom:1rem;position:relative;text-align:center}.section-title[data-v-a1d5eef2]:after{background:var(--highlight-color);border-radius:2px;bottom:-.4rem;content:"";height:4px;left:50%;position:absolute;transform:translate(-50%);width:100px}.section-description[data-v-a1d5eef2]{color:var(--text-color);font-size:clamp(1rem,2vw,1.25rem);margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.portfolio-grid[data-v-a1d5eef2]{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-top:3rem}@media (min-width:576px){.portfolio-grid[data-v-a1d5eef2]{display:flex;flex-wrap:nowrap;gap:2rem;overflow-x:auto;padding:1rem 2rem 1.5rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,transparent,#000 30px,#000 calc(100% - 30px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30px,#000 calc(100% - 30px),transparent)}.portfolio-grid.scroll-start[data-v-a1d5eef2]{mask-image:linear-gradient(90deg,#000,#000 calc(100% - 30px),transparent);-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 30px),transparent)}.portfolio-grid.scroll-end[data-v-a1d5eef2]{mask-image:linear-gradient(90deg,transparent,#000 30px,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30px,#000)}.portfolio-grid[data-v-a1d5eef2]>*{flex:0 0 min(320px,90vw);scroll-snap-align:start}.portfolio-grid[data-v-a1d5eef2]::-webkit-scrollbar{height:8px}.portfolio-grid[data-v-a1d5eef2]::-webkit-scrollbar-track{background:var(--border-color);border-radius:4px}.portfolio-grid[data-v-a1d5eef2]::-webkit-scrollbar-thumb{background:var(--highlight-color);border-radius:4px}.portfolio-grid[data-v-a1d5eef2]::-webkit-scrollbar-thumb:hover{background:var(--text-color)}}.portfolio-grid[data-v-a1d5eef2]{flex-grow:0}.grid-wrapper[data-v-a1d5eef2],.portfolio-grid.is-centered[data-v-a1d5eef2]{justify-content:center}.grid-wrapper[data-v-a1d5eef2]{align-items:center;display:flex;gap:.5rem;position:relative}@media (max-width:576px){.grid-wrapper .scroll-arrow[data-v-a1d5eef2]{display:none}}.scroll-arrow[data-v-a1d5eef2]{--scroll-arrow-bg:var(--sub-bg-color);align-items:center;background:var(--scroll-arrow-bg);border:2px solid var(--border-color);border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;width:44px}.alt-bg .scroll-arrow[data-v-a1d5eef2]{--scroll-arrow-bg:var(--bg-color)}.scroll-arrow[data-v-a1d5eef2]:hover:not(.is-hidden){border-color:var(--highlight-color);color:var(--highlight-color)}.scroll-arrow.is-hidden[data-v-a1d5eef2]{cursor:default;opacity:.3;pointer-events:none}.scroll-arrow .iconify[data-v-a1d5eef2]{font-size:1.5rem}
