.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--s-4);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.modal-overlay.is-open{opacity:1;pointer-events:all}.modal{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:920px;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(24px) scale(.97);transition:transform var(--dur-base) var(--ease-out);scrollbar-width:thin;scrollbar-color:var(--surface-4) transparent}.modal-overlay.is-open .modal{transform:translateY(0) scale(1)}.modal__close{position:absolute;top:var(--s-4);right:var(--s-4);width:40px;height:40px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--dur-fast),transform var(--dur-fast);z-index:1;color:var(--text-muted)}.modal__close:hover{background:var(--surface-3);color:var(--paper);transform:rotate(90deg)}.modal__close svg{width:18px;height:18px}.modal__gallery{aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-3)}.modal__gallery-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal__body{padding:var(--s-5) var(--s-6)}.modal__tags{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-3)}.modal__title{font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-snug);margin-bottom:var(--s-4)}.modal__section-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--violet);margin-bottom:var(--s-2)}.modal__text{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--s-5)}.modal__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3);margin-bottom:var(--s-5)}.modal__metric{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--s-3) var(--s-4);text-align:center}.modal__metric-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;line-height:1;margin-bottom:var(--s-1)}.modal__metric-label{font-size:var(--text-xs);color:var(--text-dim)}.modal__actions{display:flex;gap:var(--s-3);flex-wrap:wrap;padding-top:var(--s-4);border-top:1px solid var(--border-subtle)}@media (max-width: 600px){.modal__body{padding:var(--s-4)}.modal__metrics{grid-template-columns:repeat(2,1fr)}.modal{border-radius:var(--radius-md)}}.portfolio-filter{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-6)}.portfolio-filter__btn{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:var(--s-2) var(--s-4);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.portfolio-filter__btn:hover{color:var(--paper);border-color:var(--border-muted)}.portfolio-filter__btn.is-active{color:var(--paper);background:linear-gradient(135deg,#a96bb933,#c4617233);border-color:#a96bb966}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.portfolio-grid .portfolio-card{display:flex;flex-direction:column}.portfolio-card{cursor:pointer}.portfolio-card:focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:var(--radius-md)}.portfolio-card__placeholder{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:transform var(--dur-slow) var(--ease-out)}.portfolio-card:hover .portfolio-card__placeholder{transform:scale(1.02)}.portfolio-card__placeholder-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:#ffffff4d;letter-spacing:var(--tracking-snug)}.portfolio-card[hidden]{display:none}.portfolio-empty{text-align:center;color:var(--text-dim);font-size:var(--text-base);padding:var(--s-8);grid-column:1 / -1}.serv-cta__inner{text-align:center;padding:var(--s-8);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);position:relative;overflow:hidden}.serv-cta__inner:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient)}.modal__gallery-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-3)}.reveal-item{opacity:0;transform:translateY(24px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.reveal-item.is-revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal-item{opacity:1!important;transform:none!important;transition:none!important}}@media (max-width: 1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.portfolio-grid{grid-template-columns:1fr}}