.portfolio-page{flex-direction:column;justify-content:center;align-items:flex-start;gap:48px;width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding:48px clamp(20px,4vw,48px) clamp(64px,8vw,120px);display:flex}@media screen and (max-width:600px){.portfolio-page{gap:32px;padding-top:24px}}.portfolio-page-header{flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;display:flex}.portfolio-page-header h1{font-size:clamp(1.75rem,1.4rem + 1.5vw,2.75rem)}.portfolio-page-header .portfolio-page-subtitle{color:#757575;max-width:560px;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem)}.portfolio-page-filters{flex-wrap:wrap;gap:8px;display:flex}.portfolio-page-filter{font-family:var(--font-roboto),"Roboto",sans-serif;color:#757575;cursor:pointer;background:0 0;border:1px solid #c2c2c2;border-radius:25px;padding:8px 20px;font-size:.875rem;font-weight:500;transition:all .2s}@media (hover:hover){.portfolio-page-filter:hover{color:#1f7460;border-color:#1f7460}}.portfolio-page-filter.active{color:#fff;background:#1f7460;border-color:#1f7460}.portfolio-page-featured,.portfolio-page-card{color:inherit;cursor:pointer;background:#f5f3f1;border-radius:12px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);overflow:hidden}.portfolio-page-featured h2,.portfolio-page-featured h3,.portfolio-page-card h2,.portfolio-page-card h3{cursor:pointer}@media (hover:hover){.portfolio-page-featured:hover,.portfolio-page-card:hover{box-shadow:0 12px 32px #1f74601f;transform:translateY(-4px)!important}}.portfolio-page-featured:focus-visible,.portfolio-page-card:focus-visible{outline-offset:4px;outline:2px solid #1f7460}.portfolio-page-featured{grid-template-columns:3fr 2fr;width:100%;display:grid}@media screen and (max-width:900px){.portfolio-page-featured{grid-template-columns:1fr}}.portfolio-page-featured-image{aspect-ratio:16/10;background:#efefef;position:relative;overflow:hidden}.portfolio-page-featured-image img{transition:transform .4s}.portfolio-page-featured:hover .portfolio-page-featured-image img{transform:scale(1.03)}.portfolio-page-featured-overlay{opacity:0;background:#1f7460bf;flex-direction:column;justify-content:space-between;padding:24px;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-page-featured:hover .portfolio-page-featured-overlay{opacity:1}.portfolio-page-featured-overlay-tags{flex-wrap:wrap;gap:8px;display:flex}.portfolio-page-featured-overlay-tags span{color:#fff;border:1px solid #ffffff80;border-radius:25px;padding:4px 12px;font-size:.75rem}.portfolio-page-featured-overlay-cta{color:#fff;align-items:center;gap:8px;font-size:.875rem;font-weight:700;display:flex}.portfolio-page-featured-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;padding:48px 32px;display:flex}@media screen and (max-width:600px){.portfolio-page-featured-content{padding:24px clamp(20px,2vw,28px)}}.portfolio-page-featured-label{letter-spacing:.1em;text-transform:uppercase;color:#1f7460;font-size:.75rem;font-weight:700}.portfolio-page-featured h2{font-size:clamp(1.5rem,1.35rem + .5vw,1.75rem)}.portfolio-page-featured-subtitle{color:#3d3d3d;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);font-weight:500}.portfolio-page-featured-desc{color:#757575;font-size:clamp(1rem,.96rem + .18vw,1.125rem)}.portfolio-page-featured-range{flex-direction:column;gap:8px;display:flex}.portfolio-page-featured-range li{color:#757575;align-items:center;gap:8px;font-size:.875rem;display:flex}.portfolio-page-featured-range li svg{color:#1f7460;flex-shrink:0}.portfolio-page-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}@media screen and (max-width:900px){.portfolio-page-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.portfolio-page-grid{grid-template-columns:1fr}}.portfolio-page-card{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.portfolio-page-card-image{aspect-ratio:4/3;background:#efefef;width:100%;position:relative;overflow:hidden}.portfolio-page-card-image img{transition:transform .35s}.portfolio-page-card:hover .portfolio-page-card-image img{transform:scale(1.04)}.portfolio-page-card-overlay{opacity:0;background:#1f7460b8;flex-direction:column;justify-content:space-between;padding:16px;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-page-card:hover .portfolio-page-card-overlay{opacity:1}.portfolio-page-card-overlay-tags{flex-wrap:wrap;gap:6px;display:flex}.portfolio-page-card-overlay-tags span{color:#fff;border:1px solid #ffffff80;border-radius:25px;padding:3px 10px;font-size:.75rem}.portfolio-page-card-overlay-cta{color:#fff;align-items:center;gap:6px;font-size:.875rem;font-weight:700;display:flex}.portfolio-page-card-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;width:100%;padding:clamp(20px,2vw,28px);display:flex}.portfolio-page-card-label{letter-spacing:.1em;text-transform:uppercase;color:#1f7460;font-size:.75rem;font-weight:700}.portfolio-page-card h3{font-size:clamp(1.125rem,1.05rem + .3vw,1.25rem)}.portfolio-page-card-subtitle{color:#757575;font-size:clamp(1rem,.96rem + .18vw,1.125rem)}
