#portfolioPage{background-color:#0a0912;flex-direction:column;justify-content:center;align-items:center;gap:0;padding-top:0;display:flex}#portfolioPage .portfolio-background{background:radial-gradient(at 75% 20%,#8b5cf62e,#0000 55%),radial-gradient(at 90% 60%,#e08a3c1f,#0000 50%),linear-gradient(135deg,#0a0912 45%,#14101c 55%,#1a0f14 100%);flex-direction:column;width:100%;padding-top:8rem;display:flex;position:relative;overflow:hidden}#portfolioPage .portfolio-background .portfolio-projects #project-filters{display:none}#portfolioPage .portfolio-background:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(115deg,#0000,#0000 60px,#ff783c0a 61px,#0000 62px);position:absolute;inset:0}#portfolioPage .portfolio-introduction{flex-direction:column;padding:2rem;display:flex}#portfolioPage .portfolio-introduction .intro-title{text-transform:uppercase;text-align:center;letter-spacing:.6rem;word-spacing:.5rem;width:fit-content;color:var(--color-heading);font-size:1rem;font-weight:700;line-height:26px}#portfolioPage .portfolio-introduction .intro-heading{text-align:center;letter-spacing:.1rem;word-spacing:.5rem;color:#ffffffe0;width:fit-content;font-family:changa one;font-size:7rem;font-weight:700}#portfolioPage .portfolio-introduction .intro-text{color:#ffffffe0;letter-spacing:1px;width:fit-content;max-width:30rem;font-size:1.2rem;line-height:28px}#portfolioPage .portfolio-projects{flex-direction:column;width:100%;max-width:1600px;padding:44px 48px 20px;display:flex}#portfolioPage .portfolio-projects .project-types{flex-wrap:wrap;gap:2rem;display:flex}#portfolioPage .portfolio-projects .project-types .project-type{text-transform:uppercase;text-align:center;letter-spacing:.25rem;word-spacing:.2rem;cursor:pointer;color:#b5b2c2;width:fit-content;padding:.5rem 1rem;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;line-height:26px}#portfolioPage .portfolio-projects .project-types .project-type.active{color:#e8c14c;pointer-events:none;cursor:default;border:1px solid #e8c14c;border-radius:4px}#portfolioPage .portfolio-projects #project-filters{align-self:center;align-items:center;gap:.5rem;min-width:240px;font-family:arima,sans-serif;display:flex}#portfolioPage .portfolio-projects #project-filters #project-filter-label{color:var(--color-real-white);font-size:1rem;font-weight:600}#portfolioPage .portfolio-projects #project-filters #project-filter-select{appearance:base-select;border:1px solid var(--color-real-white);cursor:pointer;width:fit-content;color:var(--color-heading);border:none;border-radius:4px;outline:none;align-items:center;font-family:arima,sans-serif;font-size:1rem}#portfolioPage .portfolio-projects #project-filters ::picker(select){appearance:base-select;border:1px solid var(--color-real-white);cursor:pointer;width:fit-content;color:var(--color-heading);border:none;border-radius:4px;outline:none;align-items:center;font-family:arima,sans-serif;font-size:1rem}#portfolioPage .portfolio-projects #project-filters ::picker(select) .project-filter-select__options{background-color:#101010;border:1px solid #fff;border-radius:4px;box-shadow:0 7px 29px #64646f33}#portfolioPage .portfolio-projects #project-filters #project-filter-select .project-filter-select__options{background-color:#101010;border:1px solid #fff;border-radius:4px;box-shadow:0 7px 29px #64646f33}#portfolioPage .portfolio-projects #project-filters option{color:#fff;flex-direction:row-reverse;justify-content:space-between;width:100%;padding-left:.5rem;padding-right:.5rem;display:flex}#portfolioPage .portfolio-projects #project-filters option:checked{background-color:#000;border-radius:4px}#portfolioPage .portfolio-projects #project-filters option:focus-visible{outline:none}#portfolioPage .portfolio-projects #project-filters option::checkmark{color:green;font-size:1.5rem}@-moz-document url-prefix(){#portfolioPage .portfolio-projects #project-filters #project-filter-select{color:var(--color-heading);appearance:none;background-color:#0000}#portfolioPage .portfolio-projects #project-filters ::picker(select){color:var(--color-heading);appearance:none;background-color:#0000}}#portfolioPage .project-list{flex-wrap:wrap;gap:1.5rem;width:100%;padding:3rem 5rem;display:flex}@media (max-width:1000px){#portfolioPage .portfolio-background .portfolio-projects .project-types{display:none}#portfolioPage .portfolio-background .portfolio-projects #project-filters{justify-content:center;align-self:center;display:flex}}@media (max-width:600px){#portfolioPage .portfolio-background .portfolio-introduction{padding:1rem}#portfolioPage .portfolio-background .portfolio-introduction .intro-heading{font-size:5rem}#portfolioPage .project-list{justify-content:center;padding:3rem 1rem}}@media (max-width:400px){#portfolioPage .portfolio-background .portfolio-introduction .intro-title{letter-spacing:.5rem;font-size:.7rem}#portfolioPage .portfolio-background .portfolio-introduction .intro-heading{font-size:4rem}}