/* Premium blur preview portfolio - realne projekty z katalogu clients/img */
#portfolio.portfolio-preview-section{
    position:relative;
    min-height:88vh;
    padding:0 !important;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#030405 !important;
    isolation:isolate;
}
.portfolio-preview-grid{
    position:absolute;
    inset:0;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    grid-auto-rows:minmax(215px, 1fr);
    gap:6px;
    padding:74px 22px 28px;
    transform:scale(1.02);
    filter:blur(6px) saturate(.92) brightness(.56) contrast(1.08);
    opacity:.86;
    z-index:0;
    pointer-events:none;
}
.portfolio-preview-grid figure{
    position:relative;
    margin:0;
    overflow:hidden;
    border-radius: 8px;
    background:#111;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), 0 22px 60px rgba(0,0,0,.55);
}
.portfolio-preview-grid figure::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.48));
}
.portfolio-preview-grid img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.portfolio-preview-shade{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        radial-gradient(circle at 50% 45%, rgba(0,0,0,.06) 0%, rgba(0,0,0,.24) 34%, rgba(0,0,0,.66) 82%),
        linear-gradient(180deg, rgba(0,0,0,.74) 0%, rgba(0,0,0,.12) 36%, rgba(0,0,0,.78) 100%),
        radial-gradient(circle at 42% 55%, rgba(240,95,64,.13), rgba(240,95,64,0) 34%);
}
.portfolio-preview-content{
    position:relative;
    z-index:2;
    width:min(610px, calc(100% - 36px));
    margin:0 auto;
    padding:108px 0 72px;
}
.portfolio-lock-card{
    width:100%;
    margin:0 auto;
    padding:36px 42px 32px;
    color:#fff;
    background:linear-gradient(145deg, rgba(10,11,13,.70), rgba(5,6,8,.58));
    border:1px solid rgba(255,255,255,.16);
    border-radius: 8px;
    box-shadow:0 46px 120px rgba(0,0,0,.68), inset 0 1px 0 rgba(255,255,255,.08);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
}
.portfolio-lock-icon{
    width:58px;
    height:58px;
    margin:0 auto 16px;
    display:grid;
    place-items:center;
    color:rgba(255,255,255,.92);
}
.portfolio-lock-icon svg{
    width:58px;
    height:58px;
    fill:none;
    stroke:currentColor;
    stroke-width:3.6;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(0 12px 28px rgba(0,0,0,.55));
}
.portfolio-lock-kicker{
    margin:0 0 14px;
    color:#ff6b4a;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.24em;
	text-align: center;
}
.portfolio-lock-title{
    margin:0;
    color:#fff;
    font-size:clamp(28px, 3vw, 44px);
    font-weight:900;
    line-height:1.05;
    text-transform:uppercase;
    letter-spacing:.15em;
    text-shadow:0 18px 44px rgba(0,0,0,.55);
	text-align: center;
}
.portfolio-lock-text{
    max-width:470px;
    margin:20px auto 26px;
    color:rgba(255,255,255,.84);
    font-size:16px;
    line-height:1.75;
    text-align:justify;
    text-align-last:center;
    hyphens:auto;
    -webkit-hyphens:auto;
}
.portfolio-lock-form{
    max-width:460px !important;
    margin:0 auto !important;
}
.portfolio-lock-form input[type="password"]{
    border-radius:8px !important;
    background:rgba(255,255,255,.08) !important;
    border-color:rgba(255,255,255,.22) !important;
}
.portfolio-lock-form .btn{
    border-radius:8px !important;
    background:linear-gradient(135deg, #ff6b4a, #c83222) !important;
    border:0 !important;
}
.portfolio-access-message{min-height:24px;text-align-last: center;}
.portfolio-access-small{position:relative;text-align-last: center;}
.portfolio-access-small::before,
.portfolio-access-small::after{
    content:"";
    display:inline-block;
    width:62px;
    height:1px;
    margin:0 18px 4px;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.32));
}
.portfolio-access-small::after{background:linear-gradient(90deg, rgba(255,255,255,.32), transparent);}

@media (min-width:1400px){
    .portfolio-preview-grid{grid-auto-rows:minmax(245px, 1fr); padding-top:82px;}
}
@media (max-width:991px){
    #portfolio.portfolio-preview-section{min-height:82vh;}
    .portfolio-preview-grid{grid-template-columns:repeat(3, 1fr); gap:6px; padding:70px 12px 24px; filter:blur(6px) brightness(.50);}
    .portfolio-preview-content{padding:98px 0 66px; width:min(560px, calc(100% - 28px));}
    .portfolio-lock-card{padding:34px 26px 30px; border-radius: 8px;}
    .portfolio-lock-title{letter-spacing:.12em;}
}
@media (max-width:640px){
    #portfolio.portfolio-preview-section{min-height:auto;}
    .portfolio-preview-grid{grid-template-columns:repeat(2, 1fr); grid-auto-rows:158px; padding:66px 8px 18px; filter:blur(5px) brightness(.44); opacity:.82;}
    .portfolio-preview-grid figure:nth-child(n+9){display:none;}
    .portfolio-preview-content{width:calc(100% - 24px); padding:86px 0 54px;}
    .portfolio-lock-card{padding:28px 18px 24px; border-radius: 8px;}
    .portfolio-lock-icon, .portfolio-lock-icon svg{width:50px; height:50px;}
    .portfolio-lock-kicker{font-size:10px; letter-spacing:.20em; text-align-last: center;}
    .portfolio-lock-title{font-size:24px; letter-spacing:.07em; line-height:1.18;text-align-last: center;}
    .portfolio-lock-text{font-size:14px; margin:16px auto 22pxtext-align-last: center;; line-height:1.65; text-align:justify; text-align-last:center;}
    .portfolio-access-small::before,.portfolio-access-small::after{display:none;}
}


/* FORCE PORTFOLIO CARDS RADIUS 8PX */
.portfolio-box,
.portfolio-item,
.portfolio-card,
.portfolio-box img,
.portfolio-item img,
.portfolio-card img,
#portfolio img,
#portfolio .portfolio-box,
#portfolio .portfolio-item,
#portfolio .portfolio-card,
.clients-portfolio img,
.clients-portfolio .portfolio-box,
.clients-portfolio .portfolio-item,
.clients-portfolio .portfolio-card {
    border-radius: 8px !important;
}


/* FORCE THUMBNAILS RADIUS 2PX */
.thumbnail,
.thumbnails img,
.gallery-thumb,
.gallery-thumbnails img,
.thumb,
.thumb img,
.portfolio-thumbnails img,
.portfolio-thumb img,
.swiper-slide img,
.gallery-nav img {
    border-radius: 2px !important;
}


/* FINAL GALLERY THUMB FIX */
.gallery-thumb,
.gallery-thumb img,
.gallery-thumbnails img,
.thumb,
.thumb img,
.swiper-slide,
.swiper-slide img,
.slick-slide img,
.portfolio-gallery-thumb,
.portfolio-gallery-thumb img {
    border-radius: 2px !important;
    overflow: hidden !important;
}

/* thin gray border same as gallery */
.gallery-thumb,
.thumb,
.swiper-slide,
.slick-slide,
.portfolio-gallery-thumb {
    border: 1px solid rgba(120,120,120,0.55) !important;
    box-shadow: none !important;
}

/* remove orange/red border */
.gallery-thumb.active,
.thumb.active,
.swiper-slide-active,
.slick-current,
.slick-active {
    border: 1px solid rgba(120,120,120,0.55) !important;
    box-shadow: none !important;
}


/* portfolio-btn-spacing-fix */
.hero-buttons,
.cta-buttons,
.about-buttons{
display:flex;
gap:24px;
flex-wrap:wrap;
}

@media(max-width:768px){
.hero-buttons,
.cta-buttons,
.about-buttons{
gap:14px;
}
}