[data-page=portfolio] .hero-title{letter-spacing:-.02em}[data-page=portfolio] .hero-text{max-width:65ch}.portfolio-hub-section{scroll-margin-top:92px}.portfolio-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px}.portfolio-category-card{position:relative;isolation:isolate;min-height:430px;overflow:hidden;border:1px solid rgba(199,164,77,.24);border-radius:30px;background-color:#111;background-position:50%;background-size:cover;background-repeat:no-repeat;box-shadow:0 24px 70px rgba(0,0,0,.34);color:#fff;text-decoration:none}.portfolio-category-card--wide{min-height:500px}.portfolio-category-card img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease}.portfolio-category-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,5,5,.05) 20%,rgba(5,5,5,.35) 52%,rgba(5,5,5,.94));transition:background .45s ease}.portfolio-category-index{z-index:2;position:absolute;top:24px;left:24px;display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(8,8,8,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8rem}.portfolio-category-content{z-index:2;position:absolute;right:30px;bottom:28px;left:30px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.portfolio-category-content small{color:var(--gold);font-size:.82rem;letter-spacing:.02em}.portfolio-category-content strong{font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.3}.portfolio-category-content>span{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.74);font-size:.9rem}.portfolio-category-content b{color:var(--gold);font-size:1.25rem;transition:transform .35s ease}.portfolio-category-card:hover img{transform:scale(1.055);filter:saturate(1.08)}.portfolio-category-card:hover .portfolio-category-shade{background:linear-gradient(180deg,rgba(5,5,5,0) 18%,rgba(5,5,5,.25) 48%,rgba(5,5,5,.96))}.portfolio-category-card:hover .portfolio-category-content b{transform:translate(-5px,5px)}.portfolio-category-card:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.portfolio-back-link{display:inline-flex;margin-bottom:28px;padding:10px 17px;border:1px solid rgba(199,164,77,.28);border-radius:999px;color:var(--gold);text-decoration:none;background:rgba(199,164,77,.06);transition:background .3s ease,color .3s ease}.portfolio-back-link:hover{background:var(--gold);color:#111}.portfolio-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px;margin-inline:auto}.mazar-portfolio-gallery .portfolio-card{cursor:zoom-in}.mazar-portfolio-gallery .portfolio-caption p{display:none}.mazar-portfolio-gallery .portfolio-image img{object-position:center 42%}.mazar-portfolio-gallery .portfolio-image--contain img{object-fit:contain;object-position:center;background:#08070b}@media (max-width:760px){.portfolio-category-grid,.portfolio-grid--compact{grid-template-columns:1fr}.portfolio-category-card,.portfolio-category-card--wide{min-height:390px}.portfolio-category-content{right:22px;bottom:22px;left:22px}}.portfolio-filter{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:40px}.portfolio-filter-btn{padding:10px 25px;border-radius:30px;background:rgba(255,255,255,.05);border:1px solid rgba(199,164,77,.3);color:white;cursor:pointer;transition:all .35s ease}.portfolio-filter-btn.active,.portfolio-filter-btn:hover{background:var(--gold);color:#111;border-color:var(--gold)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:26px;gap:26px}[data-page=portfolio] .portfolio-grid{direction:ltr}[data-page=portfolio] .portfolio-grid .portfolio-card,[data-page=portfolio] .portfolio-grid>*{direction:rtl;text-align:right}.portfolio-card{position:relative;height:380px;overflow:hidden;border-radius:28px;border:1px solid rgba(199,164,77,.22);background:rgba(255,255,255,.03);box-shadow:0 20px 50px rgba(0,0,0,.35);opacity:0;transform:translateY(35px);animation:portfolioReveal .8s ease forwards}.portfolio-card:first-child{animation-delay:.1s}.portfolio-card:nth-child(2){animation-delay:.2s}.portfolio-card:nth-child(3){animation-delay:.3s}.portfolio-card:nth-child(4){animation-delay:.4s}.portfolio-card:nth-child(5){animation-delay:.5s}.portfolio-card:nth-child(6){animation-delay:.6s}.portfolio-card:nth-child(7){animation-delay:.7s}.portfolio-card:nth-child(8){animation-delay:.8s}.portfolio-card:nth-child(9){animation-delay:.9s}.portfolio-card:nth-child(10){animation-delay:1s}.portfolio-card:nth-child(11){animation-delay:1.1s}.portfolio-card:nth-child(12){animation-delay:1.2s}@keyframes portfolioReveal{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.portfolio-image{width:100%;height:100%;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s ease}.portfolio-card:hover img{transform:scale(1.12);filter:brightness(1.15)}.portfolio-card:before{content:"";position:absolute;inset:-50%;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.22),transparent 60%);transform:translateX(-100%) rotate(15deg);transition:transform .8s ease;z-index:2}.portfolio-card:hover:before{transform:translateX(100%) rotate(15deg)}.portfolio-card:hover{transform:translateY(-12px) scale(1.02);border-color:rgba(224,188,99,.8);box-shadow:0 35px 80px rgba(0,0,0,.55),0 0 40px rgba(199,164,77,.15)}.portfolio-caption{position:absolute;bottom:0;right:0;left:0;padding:28px;background:linear-gradient(transparent,rgba(0,0,0,.92));transform:translateY(100%);transition:.45s ease;z-index:3}.portfolio-card:hover

.portfolio-caption{transform:translateY(0)}.portfolio-caption span{display:inline-block;padding:5px 15px;border-radius:20px;background:rgba(199,164,77,.18);color:var(--gold);font-size:.8rem;margin-bottom:10px}.portfolio-caption h3{color:white;font-size:1.25rem;margin-bottom:10px}.portfolio-caption p{color:#ddd;line-height:1.8;font-size:.9rem}.portfolio-card.hidden{display:none}.portfolio-lightbox{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:.45s;z-index:9999}.portfolio-lightbox.active{opacity:1;visibility:visible}.portfolio-lightbox-image{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:28px;box-shadow:0 40px 120px rgba(0,0,0,.85),0 0 60px rgba(199,164,77,.18);transform:scale(.82);transition:.45s ease}.portfolio-lightbox.active

.portfolio-lightbox-image{transform:scale(1)}.portfolio-lightbox-close,.portfolio-lightbox-next,.portfolio-lightbox-prev{position:absolute;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;color:white;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:.35s}.portfolio-lightbox-close{top:25px;right:35px;font-size:28px}.portfolio-lightbox-prev{right:55px;top:50%}.portfolio-lightbox-next{left:55px;top:50%}.portfolio-lightbox-close:hover,.portfolio-lightbox-next:hover,.portfolio-lightbox-prev:hover{background:var(--gold);color:#111;transform:scale(1.12)}@media (max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card{height:320px}.portfolio-lightbox-image{max-width:95vw;max-height:85vh}}.portfolio-lightbox-image{position:relative;z-index:1}.portfolio-lightbox-close,.portfolio-lightbox-next,.portfolio-lightbox-prev{z-index:2}[data-page=portfolio] .hero-side .media{position:relative;overflow:hidden;min-height:0;aspect-ratio:4/3;border-radius:36px;border:1px solid rgba(201,169,92,.38);box-shadow:0 26px 64px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);isolation:isolate}[data-page=portfolio] .hero-side .media img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1),filter .7s ease}[data-page=portfolio] .hero-side .media:hover img{transform:scale(1.1);filter:brightness(1.08) saturate(1.08)}[data-page=portfolio] .hero-side .media:before,[data-page=portfolio] .portfolio-card:before{content:"";position:absolute;inset:-35%;z-index:4;pointer-events:none;background:linear-gradient(120deg,transparent 34%,rgba(201,169,92,.07) 44%,rgba(224,188,99,.52) 50%,rgba(201,169,92,.07) 56%,transparent 66%);transform:translateX(-125%) rotate(12deg);transition:transform 1s cubic-bezier(.16,1,.3,1)}[data-page=portfolio] .hero-side .media:hover:before,[data-page=portfolio] .portfolio-card:hover:before{transform:translateX(125%) rotate(12deg)}[data-page=portfolio] .portfolio-card{opacity:1;animation:none;transform-origin:center;border-radius:30px;isolation:isolate;transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .45s ease,box-shadow .6s ease}[data-page=portfolio] .portfolio-card.is-revealed:hover{transform:translateY(-15px) scale(1.04);z-index:10;border-color:rgba(224,188,99,.84);box-shadow:0 36px 82px rgba(0,0,0,.55),0 0 42px rgba(201,169,92,.22)}[data-page=portfolio] .portfolio-image{border-radius:inherit}[data-page=portfolio] .portfolio-image img{transition:transform .95s cubic-bezier(.16,1,.3,1),filter .6s ease}[data-page=portfolio] .portfolio-card:hover .portfolio-image img{transform:scale(1.11);filter:brightness(1.1) saturate(1.06)}[data-page=portfolio] .portfolio-caption{transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .45s ease}[data-page=portfolio] .portfolio-filter-btn{transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s ease,color .3s ease,border-color .3s ease,box-shadow .35s ease}[data-page=portfolio] .portfolio-filter-btn.active,[data-page=portfolio] .portfolio-filter-btn:hover{transform:translateY(-4px) scale(1.035);box-shadow:0 12px 28px rgba(201,169,92,.18)}[data-page=portfolio] .reveal-on-scroll{--reveal-x:0px;--reveal-y:44px;--reveal-scale:.975;opacity:0;transform:translate3d(var(--reveal-x),var(--reveal-y),0) scale(var(--reveal-scale));filter:blur(8px);transition:opacity .85s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0s),transform .95s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0s),filter .8s ease var(--reveal-delay,0s)}[data-page=portfolio] .reveal-on-scroll[data-reveal=left]{--reveal-x:-44px;--reveal-y:0px}[data-page=portfolio] .reveal-on-scroll[data-reveal=right]{--reveal-x:44px;--reveal-y:0px}[data-page=portfolio] .reveal-on-scroll[data-reveal=up]{--reveal-x:0px;--reveal-y:44px}[data-page=portfolio] .reveal-on-scroll.is-revealed{opacity:1;transform:translateZ(0) scale(1);filter:none}[data-page=portfolio] .cta-banner.is-revealed:hover{transform:translateY(-9px) scale(1.012);border-color:rgba(201,169,92,.64);box-shadow:0 28px 64px rgba(0,0,0,.45),0 0 38px rgba(201,169,92,.2)}[data-page=portfolio] .portfolio-lightbox-image{border-radius:34px;border:1px solid rgba(224,188,99,.28)}@media (max-width:700px){.portfolio-lightbox-next,.portfolio-lightbox-prev{width:44px;height:44px}.portfolio-lightbox-prev{right:8px}.portfolio-lightbox-next{left:8px}[data-page=portfolio] .reveal-on-scroll{--reveal-x:0px!important;--reveal-y:28px!important;--reveal-scale:.985;filter:blur(4px)}[data-page=portfolio] .hero-side .media{border-radius:25px}[data-page=portfolio] .portfolio-card.is-revealed:hover{transform:translateY(-7px) scale(1.025)}}@media (prefers-reduced-motion:reduce){[data-page=portfolio] .reveal-on-scroll{opacity:1;transform:none;filter:none;transition:none}[data-page=portfolio] .portfolio-card.is-revealed:hover{transform:none}}[data-page=portfolio]{--portfolio-accent:#a96bff;--portfolio-copper:#d28a52;background:radial-gradient(circle at 78% 12%,rgba(122,58,190,.16),transparent 31%),radial-gradient(circle at 13% 64%,rgba(185,103,50,.1),transparent 28%),linear-gradient(145deg,#030305,#09070d 48%,#050405)}[data-page=portfolio] main{background:linear-gradient(180deg,transparent,rgba(15,8,21,.42) 52%,transparent)}[data-page=portfolio] .hero-title span,[data-page=portfolio] .section-title{color:#eadcff;text-shadow:0 0 28px rgba(169,107,255,.24)}[data-page=portfolio] .hero-side .media,[data-page=portfolio] .portfolio-card{border-color:rgba(169,107,255,.3);background:linear-gradient(150deg,rgba(22,15,29,.92),rgba(5,4,8,.96));box-shadow:0 28px 75px rgba(0,0,0,.58),inset 0 0 0 1px rgba(210,138,82,.07)}[data-page=portfolio] .portfolio-filter-btn{border-color:rgba(169,107,255,.35);background:rgba(12,8,17,.82)}[data-page=portfolio] .portfolio-filter-btn.active,[data-page=portfolio] .portfolio-filter-btn:hover{color:#08050c;border-color:#bd8bff;background:linear-gradient(135deg,#d2b2ff,#a96bff 60%,#d28a52);box-shadow:0 14px 34px rgba(169,107,255,.26)}[data-page=portfolio] .portfolio-card:hover{border-color:rgba(189,139,255,.78);box-shadow:0 34px 85px rgba(0,0,0,.68),0 0 42px rgba(169,107,255,.17)}[data-page=portfolio] .portfolio-card:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 38%,rgba(5,3,8,.92))}[data-page=portfolio] .portfolio-caption{z-index:4}.portfolio-category-card>.technical-frame-lines{z-index:3}