.portfolio-page { overflow-x:hidden; background:#facb26; color:#080806; }
.portfolio-page-header { position:relative; z-index:10; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:48px; padding:3.5vw 5.7vw; border-bottom:0; background:#050505; }
.portfolio-page-header .brand img { width:clamp(145px,10.5vw,190px); height:auto; }

.portfolio-page-main { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 clamp(2rem,5vw,6rem); padding:clamp(6rem,9vw,9rem) 2.8vw 8rem; background:#facb26; color:#080806; }
.portfolio-heading { align-self:end; max-width:900px; margin:0; text-align:left; }
.portfolio-heading .portfolio-kicker { display:none; }
.portfolio-page-main .portfolio-heading h1 { margin:1.1rem 0 .85rem; color:#080806; font-size:clamp(4.5rem,9vw,9.2rem); font-weight:400; line-height:.84; letter-spacing:-.07em; text-align:left; }
.portfolio-heading p { max-width:610px; margin:0; color:rgba(8,8,6,.68); font-size:.82rem; line-height:1.6; }

.portfolio-browser { display:contents; }
.portfolio-filters { min-width:0; max-width:100%; align-self:end; margin:0 0 .4rem; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.filter-label { display:none; }
.filter-buttons { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.5rem; padding:0; }
.filter-buttons button { display:inline-flex; align-items:center; justify-content:center; width:auto; min-height:42px; padding:.68rem 1rem; border:1px solid rgba(8,8,6,.3); border-radius:999px; background:transparent; color:#080806; font:inherit; font-size:.66rem; cursor:pointer; transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease; }
.filter-buttons button b { display:none; }
.filter-buttons button:hover,.filter-buttons button:focus-visible,.filter-buttons button.active { border-color:#080806; background:#080806; color:#fff; box-shadow:0 0 18px rgba(8,8,6,.2); transform:translateY(-1px); }
.filter-buttons button:focus-visible { outline:2px solid #fff; outline-offset:2px; }

.portfolio-browser .portfolio-list { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(2.5rem,4vw,4.5rem) clamp(1rem,2vw,2.25rem); width:100%; margin-top:clamp(5rem,8vw,8rem); }
.portfolio-card { overflow:visible; padding:0; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; backdrop-filter:none!important; }
.portfolio-card::after { display:none!important; }
.portfolio-card:hover { transform:none!important; }
.portfolio-card.is-hidden { display:none; }
.portfolio-visual { position:relative; display:block; width:100%; height:auto!important; aspect-ratio:3/2; overflow:hidden; border:0!important; border-radius:18px!important; box-shadow:none!important; transition:transform .35s ease,filter .35s ease; }
.portfolio-visual::before { border-radius:inherit!important; }
.portfolio-card:hover .portfolio-visual { transform:translateY(-4px); filter:brightness(1.035); }
.portfolio-visual b,.portfolio-visual span { display:none!important; }
.portfolio-visual-one{background-image:url('assets/projects/spring-sauce/cover.webp')!important}
.portfolio-visual-two{background-image:url('assets/projects/de-azi/showcase-250.webp')!important}
.portfolio-visual-three{background-image:url('assets/projects/bunatati-topoloveni/cover.webp')!important}
.portfolio-visual-four{background-image:url('assets/projects/369-studio/primary-logo.webp')!important}
.portfolio-visual-five{background-image:url('assets/projects/the-north-films/cover.webp')!important}
.portfolio-visual-six{background-image:url('assets/projects/tulipi-sweets/cover.webp')!important}
.portfolio-visual-seven{background-image:url('assets/projects/onn-time/cover.webp')!important}
.portfolio-visual-eight{background-image:url('assets/projects/meraki-olive-oil/cover.webp')!important}
.portfolio-visual-nine{background-image:url('assets/projects/beauty-art/cover.webp')!important}
.portfolio-visual-ten{background-image:url('assets/projects/blues-caffe/cover.webp')!important}
.portfolio-visual-eleven{background-image:url('assets/projects/take-me-where/cover.webp')!important}
.portfolio-visual-twelve{background-image:url('assets/projects/notes-from-a-narcissist/cover.webp')!important}
.portfolio-visual-thirteen{background-image:url('assets/projects/olivara/cover.webp')!important}
.portfolio-visual-fourteen{background-image:url('assets/projects/marani/cover.webp')!important}
.portfolio-visual-fifteen{background-image:url('assets/projects/ak-deco/cover.webp')!important}
.portfolio-visual-sixteen{background-image:url('assets/projects/saad-group/cover.webp')!important}
.portfolio-visual-seventeen{background-image:url('assets/projects/aminti/cover.webp')!important}
.portfolio-visual-eighteen{background-image:url('assets/projects/marani-photography/cover.webp')!important}
.portfolio-visual-one,.portfolio-visual-two,.portfolio-visual-three,.portfolio-visual-four,.portfolio-visual-five,.portfolio-visual-six,.portfolio-visual-seven,.portfolio-visual-eight,.portfolio-visual-nine,.portfolio-visual-ten,.portfolio-visual-eleven,.portfolio-visual-twelve,.portfolio-visual-thirteen,.portfolio-visual-fourteen,.portfolio-visual-fifteen,.portfolio-visual-sixteen,.portfolio-visual-seventeen,.portfolio-visual-eighteen{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}
.portfolio-details { display:block!important; min-height:0!important; padding:1.25rem 0 0!important; border:0!important; background:transparent!important; color:#080806!important; }
.portfolio-project-name span { display:none; }
.portfolio-project-name h3 { margin:0 0 .35rem; color:#080806; font-size:clamp(1rem,1.25vw,1.3rem); font-weight:500; line-height:1.18; letter-spacing:-.025em; }
.portfolio-project-name h3 br { display:inline; content:' '; }
.portfolio-project-name h3 br::after { content:' '; }
.portfolio-meta { margin:0; }
.portfolio-details>.portfolio-meta:not(:nth-child(2)) { display:none; }
.portfolio-meta small { display:none; }
.portfolio-meta p { max-width:95%; margin:0; color:rgba(8,8,6,.7)!important; font-size:.68rem; line-height:1.45; }

.portfolio-page-cta { grid-column:1/-1; display:flex; flex-direction:column; align-items:center; gap:1rem; margin-top:7rem; color:#080806; }
.portfolio-page-cta p { margin:0; font-size:clamp(1.8rem,3vw,3rem); letter-spacing:-.045em; }
.portfolio-page-cta a { padding:1rem 1.5rem; border-radius:999px; background:#080806; color:#facb26; font-size:.78rem; font-weight:600; text-decoration:none; transition:transform .25s ease,box-shadow .25s ease; }
.portfolio-page-cta a:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(0,0,0,.25); }
.portfolio-page-footer { margin-top:0; }

@media(max-width:1100px){
  .portfolio-page-header{grid-template-columns:1fr auto}.portfolio-page-header .nav{display:none}
  .portfolio-page-main{grid-template-columns:1fr;padding-inline:4vw}.portfolio-filters{margin-top:2.5rem}.filter-buttons{justify-content:flex-start}
  .portfolio-browser .portfolio-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .portfolio-page-header{min-height:82px;width:100%;padding:1.1rem 16px;grid-template-columns:minmax(0,1fr) auto auto!important;column-gap:.65rem}.portfolio-page-header .brand{min-width:0}.portfolio-page-header .brand img{display:block;width:min(145px,100%);max-width:145px}.portfolio-page-header .menu{flex:0 0 auto;min-width:max-content;padding:.65rem .82rem;font-size:.66rem;line-height:1;white-space:nowrap}.portfolio-page-header .mobile-menu-toggle{flex:0 0 30px;width:30px;height:34px}
  .portfolio-page-main{min-width:0;padding:4.5rem 20px 6rem}.portfolio-page-main>*{min-width:0}.portfolio-page-main .portfolio-heading h1{font-size:clamp(3.7rem,18vw,5.2rem);line-height:.9}.portfolio-heading p{max-width:100%;font-size:.74rem}
  .portfolio-filters{width:100%;overflow:visible}.filter-buttons{display:flex;width:100%;max-width:100%;flex-wrap:wrap;justify-content:flex-start;gap:.55rem;overflow:visible;padding-bottom:0}.filter-buttons button{flex:0 0 auto;min-height:40px;max-width:100%;white-space:normal;text-align:center}
  .portfolio-browser .portfolio-list{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;gap:3.5rem;margin-top:4rem;overflow:visible}.portfolio-card{width:100%;max-width:100%;min-width:0}.portfolio-visual{width:100%!important;max-width:100%;height:clamp(190px,62vw,250px)!important;aspect-ratio:auto!important;border-radius:16px!important}.portfolio-visual img{width:100%!important;height:100%!important;max-width:100%;object-fit:cover!important;object-position:center!important}.portfolio-details{width:100%;max-width:100%;padding-top:1rem!important}
}
@media(prefers-reduced-motion:reduce){.filter-buttons button,.portfolio-visual,.portfolio-page-cta a{transition:none}}