.portfolio-section{max-width:calc(var(--container-wide)*.8);margin:var(--space-8)auto var(--space-4);padding:var(--space-10);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.08);border:1px solid rgba(76,147,253,.12)}@media (max-width:768px){.portfolio-section{box-sizing:border-box;overflow-x:hidden;width:calc(100vw - 40px)!important;max-width:none!important;margin-left:20px!important;margin-right:20px!important}.portfolio-grid{box-sizing:border-box;padding-left:0;padding-right:0;width:100%!important;margin-left:0!important;margin-right:0!important}.portfolio-card{box-sizing:border-box;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.portfolio-title{box-sizing:border-box;text-align:center!important;width:100%!important;margin-left:0!important;margin-right:0!important}}@media (max-width:430px){.portfolio-section{padding:var(--space-4);border-radius:var(--radius-sm);max-width:60vw;margin-left:auto;margin-right:auto;overflow-x:hidden}.portfolio-grid{box-sizing:border-box;gap:var(--space-8);padding-left:0;padding-right:0;width:100%!important;margin-left:0!important;margin-right:0!important}.portfolio-title{font-size:var(--fs-title);margin-bottom:var(--space-6)}.portfolio-card-title{font-size:1.25rem!important}.portfolio-card-desc{font-size:1rem}.portfolio-card{padding:var(--space-6);box-sizing:border-box;width:100%!important}}@media (max-width:768px){.portfolio-section{padding:var(--space-6)var(--space-8)var(--space-8)var(--space-8);border-radius:var(--radius-md);margin-left:7vw;margin-right:0;overflow-x:hidden}.portfolio-grid{box-sizing:border-box;padding-left:0;padding-right:0;width:100%!important;margin-left:0!important;margin-right:0!important}.portfolio-card{box-sizing:border-box;width:100%!important}}.portfolio-title-centered{text-align:center;font-size:var(--fs-large);background:linear-gradient(90deg,#60a5fa 0%,#182147 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-12);letter-spacing:2px;font-weight:800;font-family:var(--font-title);cursor:pointer;-webkit-background-clip:text;border:none;outline:none;flex:1;transition:filter .2s,transform .2s;animation:1s fadeInDown}.portfolio-title-btn:hover,.portfolio-title-btn:focus{filter:brightness(1.2)drop-shadow(0 2px 8px #60a5fa);transform:scale(1.04)}.portfolio-emoji{font-size:var(--fs-large);vertical-align:middle;margin-left:0;margin-right:1.2rem}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(var(--card-min-size),1fr));gap:var(--space-14);margin-bottom:var(--space-8);display:grid}.portfolio-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,rgba(255,255,255,.7) 10%,rgba(220,252,231,.6) 100%);border:1px solid #e5e7eb;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.portfolio-card:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(120deg,rgba(76,147,253,.12) 0%,rgba(255,255,255,.08) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.animate-fade-in{animation:.8s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.portfolio-card-title{color:#22292f;margin-bottom:var(--space-2);font-weight:700;font-family:var(--font-title);letter-spacing:.01em;font-size:1.25rem!important}.portfolio-card-desc{color:#4b5563;font-size:var(--fs-body);margin-bottom:var(--space-2);font-family:var(--font-sans);letter-spacing:.01em;font-weight:400}.portfolio-author{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--fs-body);color:#2563eb;font-family:var(--font-sans);display:flex}.instagram-link{align-items:center;gap:var(--space-1);color:#fff;padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);background:linear-gradient(90deg,#60a5fa 0%,#182147 100%);font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:flex;box-shadow:0 2px 8px rgba(76,147,253,.12)}.instagram-link:hover{background:linear-gradient(90deg,#182147 0%,#60a5fa 100%);transform:scale(1.08)}.instagram-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);filter:drop-shadow(0 0 2px #fdc468);background:url(https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/instagram.svg) 50%/contain no-repeat;display:inline-block}.portfolio-images-masonry{margin-top:var(--space-6)}.masonry-grid{margin-left:calc(-1*var(--masonry-gutter));width:auto;display:flex}.masonry-grid_column{padding-left:var(--masonry-gutter);background-clip:padding-box}.masonry-grid_column>.portfolio-img-wrapper{margin-bottom:var(--masonry-gutter)}.portfolio-img-wrapper{width:100%;display:block}.portfolio-img{border-radius:var(--radius-md);cursor:pointer;object-fit:cover;background:#fff;border:1px solid #e5e7eb;width:100%;height:auto;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px rgba(76,147,253,.12)}@media (max-width:600px){.portfolio-img{border-radius:var(--radius-sm)}.portfolio-grid{gap:var(--space-4)!important;grid-template-columns:1fr!important}}.portfolio-img:hover{border-color:#2563eb;transform:scale(1.04);box-shadow:0 4px 16px rgba(76,147,253,.16)}.pos-abs{position:absolute}.left-space-8{left:var(--space-8)}.right-space-8{right:var(--space-8)}.top-1-2{top:50%}.transform-translateY{transform:translateY(-50%)}.fs-xxl{font-size:var(--fs-xlarge)}z-2{z-index:2}bottom-space-8{bottom:var(--space-8)}.left-1-2{left:50%}.transform-translateX{transform:translate(-50%)}display-flex{display:flex}gap-space-4{gap:var(--space-4)}.w-60{width:60px}h-60{height:60px}br-radius-md{border-radius:var(--radius-md)}br-2-solid-white{border:2px solid #fff}br-2-solid-blue{border:2px solid #60a5fa}box-shadow-sm{box-shadow:0 2px 8px rgba(76,147,253,.12)}cursor-pointer{cursor:pointer}opacity-70{opacity:.7}opacity-100{opacity:1}transition-thumb{transition:opacity .2s,border .2s}.portfolio-toggle-btn{font-size:1.1rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s}.portfolio-toggle-btn:hover{background:#2563eb;transform:scale(1.04);box-shadow:0 4px 16px rgba(76,147,253,.16)}.portfolio-header-row{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.portfolio-emoji{font-size:var(--fs-small);vertical-align:middle;margin-left:.3em}.portfolio-anim-container{opacity:0;height:0;transition:height .5s cubic-bezier(.4,0,.2,1),opacity .4s;overflow:hidden}.portfolio-anim-container.expanded{opacity:1;height:auto}.portfolio-section--closed{flex-direction:column;justify-content:center;align-items:center;min-height:5vh;display:flex}.portfolio-header-row{width:100%;margin-top:auto;margin-bottom:auto}.portfolio-grid{animation:.6s fadeInUp}.lightbox-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:rgba(0,0,0,.4);justify-content:center;align-items:center;animation:.5s fadeInUp;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.lightbox-info{top:var(--space-8);left:var(--space-8);z-index:2;color:#182147;background:var(--background,#fff);border-radius:var(--radius-md);padding:var(--space-8);max-width:var(--modal-max-width);border:1px solid #e5e7eb;position:absolute;box-shadow:0 4px 24px rgba(30,41,59,.16)}.lightbox-info h3{margin-bottom:var(--space-2);font-size:var(--fs-title);color:#2563eb;font-weight:700}.lightbox-info p{margin-bottom:var(--space-2);color:#22292f}.lightbox-info div{font-size:var(--fs-body);color:#4b5563}.lightbox-arrow{color:#6b7280;width:var(--icon-size-lg);height:var(--icon-size-lg);font-size:var(--fs-large,2.2rem);cursor:pointer;z-index:2;background:#fff;border:none;border-radius:50%;transition:color .2s,transform .2s;box-shadow:0 2px 8px rgba(30,41,59,.08)}.lightbox-arrow:hover{color:#171717;transform:scale(1.08)}.lightbox-thumbnails{gap:var(--space-4);z-index:2;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.lightbox-thumbnail{width:var(--thumbnail-size);height:var(--thumbnail-size);border-radius:var(--radius-sm);cursor:pointer;opacity:.7;border:2px solid #fff;transition:opacity .2s,border .2s;box-shadow:0 2px 8px rgba(76,147,253,.12)}.lightbox-thumbnail-active{opacity:1;border:2px solid #2563eb}.lightbox-img{border-radius:var(--radius-md);z-index:1;background:#fff;border:1px solid #e5e7eb;max-width:90vw;max-height:80vh;animation:.5s zoomIn;box-shadow:0 4px 24px rgba(30,41,59,.16)}.lightbox-close:hover{color:#171717}.lightbox-bg-anim{z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(76,147,253,.2) 0%,transparent 70%);animation:2.5s infinite alternate pulseBg;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes pulseBg{0%{opacity:.7}to{opacity:1}}.lightbox-img{border-radius:var(--radius-lg);z-index:1;background:#fff;max-width:90vw;max-height:80vh;animation:.5s zoomIn;box-shadow:0 8px 32px rgba(76,147,253,.18)}.zoom-in{animation:.5s zoomIn}@keyframes zoomIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.lightbox-close{top:var(--space-8);right:var(--space-8);font-size:var(--fs-xlarge);color:#fff;cursor:pointer;z-index:2;width:var(--icon-size-lg);height:var(--icon-size-lg);background:linear-gradient(120deg,#2563eb 0%,#182147 100%);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:flex;position:absolute}.lightbox-close:hover{background:rgba(253,196,104,.32);transform:scale(1.15)}