.portfolio-hero{position:relative;overflow:hidden}.portfolio-mascot-left,.portfolio-mascot-right{pointer-events:none;width:clamp(100px,14vw,220px);position:absolute;bottom:0}.portfolio-mascot-left{width:clamp(100px,30vw,500px);left:0}.portfolio-mascot-right{right:0}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:clamp(1rem,4vw,3rem);padding:2rem clamp(1rem,6vw,5rem) 3rem;display:flex}.pf-circle{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;width:clamp(150px,18vw,280px);padding:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.pf-circle:hover{transform:scale(1.04)}.pf-circle--active{box-shadow:0 0 0 5px var(--papa-red)}.pf-circle__img{object-fit:cover;filter:brightness(.55);width:100%;height:100%;transition:filter .2s;display:block}.pf-circle:hover .pf-circle__img,.pf-circle--active .pf-circle__img{filter:brightness(.45)}.pf-circle__label{letter-spacing:.06em;text-transform:uppercase;color:#fff;text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:1rem;font-family:Helvetica Neue,Roboto Condensed,Helvetica,Arial,sans-serif;font-size:clamp(1.2rem,2.6vw,2.2rem);font-weight:900;font-stretch:75%;line-height:1.1;display:flex;position:absolute;inset:0}.portfolio-divider{border:none;border-top:1px solid #d0d0d0;margin:1.5rem clamp(1rem,6vw,5rem) 2rem}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:2rem clamp(2rem,8vw,6rem);display:grid}.pg-card{aspect-ratio:4/3;background:#222;border-radius:18px;position:relative;overflow:hidden}.pg-card--clickable{cursor:pointer}.pg-card__img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.pg-card:hover .pg-card__img{transform:scale(1.04)}.pg-card__overlay{background:linear-gradient(#0000 0%,#0000002e 50%,#000000b8 100%);flex-direction:column;justify-content:flex-end;padding:1.25rem 1.5rem;display:flex;position:absolute;inset:0}.pg-card__title{text-transform:uppercase;color:#fff;letter-spacing:-.01em;margin:0 0 .25rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(1rem,2vw,1.5rem);font-weight:900;line-height:1.15}.pg-card__desc{color:#fffc;margin:0;font-size:clamp(.75rem,1.2vw,.9rem);line-height:1.3}.portfolio-pagination{justify-content:center;align-items:center;gap:.5rem;padding:2rem 0 1rem;display:flex}.pp-btn{color:#36342c;cursor:pointer;background:0 0;border:none;border-radius:50%;width:2.25rem;height:2.25rem;font-size:1rem;font-weight:600;transition:background .15s,color .15s}.pp-btn:hover:not(:disabled){background:#00000014}.pp-btn--active{background:var(--papa-red);color:#fff}.pp-btn:disabled{opacity:.35;cursor:default}@media (width<=768px){.portfolio-hero{padding-bottom:280px}.portfolio-mascot-left{width:auto;height:245px;bottom:-1rem;left:-2rem}.portfolio-mascot-right{width:100px;bottom:10rem;right:-.5rem}.portfolio-grid{grid-template-columns:1fr}.portfolio-filters-section.curve-top-container{padding-top:3rem}.portfolio-filters{flex-wrap:nowrap;gap:.5rem;padding:0 1rem 2rem}.pf-circle{flex:1 1 0;width:auto;min-width:0}.pf-circle__label{letter-spacing:.02em;padding:.25rem;font-size:clamp(.7rem,3vw,1rem)}}