:root{
--brand-primary:#d4e157;
--brand-hover:#e6f27a;
} .section.projects::before{
content:"";
position:absolute;
inset:-2px;
background:
radial-gradient(700px 420px at 20% 40%, rgba(212,225,87,.16), transparent 60%),
radial-gradient(560px 380px at 78% 55%, rgba(120,180,255,.10), transparent 62%),
radial-gradient(680px 420px at 60% 15%, rgba(255,255,255,.06), transparent 62%);
filter: blur(18px) saturate(120%);
opacity:.9;
pointer-events:none;
z-index:0;
} .section.projects::after{
content:"";
position:absolute;
inset:0;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
opacity:.08;
mix-blend-mode: overlay;
pointer-events:none;
z-index:0;
}
.section.projects .container{
position:relative;
z-index:1;
} .section.projects .section-header{
margin-bottom:clamp(26px, 3vw, 44px);
}
.section.projects .section-header h2{
margin:0 0 12px;
letter-spacing:-.02em;
font-weight:800;
font-size:clamp(28px, 3.1vw, 44px);
line-height:1.05;
color:rgba(255,255,255,.92);
}
.section.projects .section-header p{
margin:0 auto;
max-width:74ch;
font-size:clamp(15px, 1.2vw, 18px);
line-height:1.55;
color:rgba(255,255,255,.68);
} .gallery-nav{
display:flex;
gap:10px;
flex-wrap:wrap;
align-items:center;
justify-content:center;
margin:0 0 18px;
padding:10px 12px;
border:1px solid rgba(255,255,255,.10);
background:rgba(255,255,255,.06);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius:999px;
}
.gallery-nav-btn{
appearance:none;
text-decoration:none;
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 14px;
border-radius:999px;
border:1px solid rgba(255,255,255,.10);
background:rgba(10,14,18,.35);
color:rgba(255,255,255,.78);
font-weight:700;
font-size:13px;
letter-spacing:.02em;
transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.gallery-nav-btn:hover{
transform: translateY(-1px);
border-color: rgba(212,225,87,.35);
background: rgba(212,225,87,.14);
color: rgba(212,225,87,.92);
}
.gallery-nav-btn:focus-visible{
outline:2px solid rgba(212,225,87,.65);
outline-offset:3px;
} .projects-wrap{}
.projects-grid{
display:grid;
grid-template-columns: repeat(12, 1fr);
gap:clamp(14px, 1.8vw, 22px);
} .projects-grid .project-card{
grid-column: span 6;
}
.projects-grid .project-card:nth-child(3n){
grid-column: span 12;
}
@media (max-width: 980px){
.projects-grid .project-card,
.projects-grid .project-card:nth-child(3n){
grid-column: span 12;
}
} .project-card{
position:relative;
overflow:hidden;
border-radius:24px;
border:1px solid rgba(255,255,255,.12);
background:
linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
box-shadow:
0 18px 60px rgba(0,0,0,.38),
inset 0 1px 0 rgba(255,255,255,.10);
display:grid;
grid-template-columns: 1fr 1.05fr;
min-height: 360px;
transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.project-card::before{
content:"";
position:absolute;
inset:-1px;
background:
radial-gradient(420px 260px at 20% 20%, rgba(212,225,87,.16), transparent 60%),
radial-gradient(520px 320px at 80% 70%, rgba(255,255,255,.08), transparent 62%);
opacity:.75;
pointer-events:none;
z-index:0;
}
.project-card:hover{
transform: translateY(-4px);
border-color: rgba(212,225,87,.28);
box-shadow:
0 22px 70px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.12);
}
@media (max-width: 980px){
.project-card{
grid-template-columns: 1fr;
min-height: auto;
}
} .project-content{
position:relative;
z-index:1;
padding:clamp(18px, 2.2vw, 28px);
display:flex;
flex-direction:column;
justify-content:center;
gap:10px;
}
.project-content h3{
margin:0;
font-size:clamp(18px, 1.7vw, 24px);
line-height:1.15;
letter-spacing:-.015em;
font-weight:800;
color:rgba(255,255,255,.92);
}
.project-content p{
margin:0;
max-width:60ch;
font-size:clamp(14px, 1.1vw, 16px);
line-height:1.55;
color:rgba(255,255,255,.68);
} .project-content h3::after{
content:"";
display:block;
width:44px;
height:2px;
margin-top:12px;
border-radius:2px;
background: linear-gradient(90deg, rgba(212,225,87,.95), rgba(212,225,87,.15));
opacity:.9;
} .project-image{
position:relative;
z-index:1;
padding:clamp(14px, 1.8vw, 18px);
display:flex;
align-items:stretch;
justify-content:stretch;
} .project-slider{
border-radius:20px;
}
.project-gallery{
position:relative;
width:100%;
border-radius:20px;
overflow:hidden;
border:1px solid rgba(255,255,255,.10);
background: rgba(10,14,18,.35);
box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.project-gallery img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transform: scale(1.03);
transition: transform .6s ease, filter .6s ease;
filter: contrast(1.05) saturate(1.05);
}
.project-card:hover .project-gallery img{
transform: scale(1.08);
filter: contrast(1.08) saturate(1.12);
} .project-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:44px;
height:44px;
border-radius:999px;
border:1px solid rgba(255,255,255,.14);
background: rgba(10,14,18,.48);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: rgba(255,255,255,.86);
font-size:26px;
line-height:1;
display:grid;
place-items:center;
cursor:pointer;
transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease;
z-index:3;
}
.project-prev{ left: 22px; }
.project-next{ right: 22px; }
.project-nav:hover{
transform: translateY(-50%) scale(1.04);
border-color: rgba(212,225,87,.35);
background: rgba(212,225,87,.14);
color: rgba(212,225,87,.95);
}
.project-nav:focus-visible{
outline:2px solid rgba(212,225,87,.65);
outline-offset:3px;
} .project-actions{
position:absolute;
left:18px;
bottom:18px;
z-index:4;
}
.project-action{
text-decoration:none;
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 12px;
border-radius:999px;
border:1px solid rgba(255,255,255,.14);
background: rgba(10,14,18,.46);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: rgba(255,255,255,.82);
font-weight:800;
font-size:13px;
transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.project-action:hover{
transform: translateY(-1px);
border-color: rgba(212,225,87,.35);
background: rgba(212,225,87,.14);
color: rgba(212,225,87,.95);
}
.project-action:focus-visible{
outline:2px solid rgba(212,225,87,.65);
outline-offset:3px;
} .projects-cta{
margin-top:clamp(18px, 2.4vw, 30px);
display:flex;
justify-content:center;
}
.btn.btn-cta{
border-radius:999px;
padding:14px 18px;
border:1px solid rgba(212,225,87,.35);
background: linear-gradient(90deg, rgba(212,225,87,.20), rgba(212,225,87,.10));
color: rgba(212,225,87,.96);
font-weight:900;
letter-spacing:.02em;
box-shadow:
0 18px 60px rgba(0,0,0,.35),
inset 0 1px 0 rgba(255,255,255,.10);
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:10px;
}
.btn.btn-cta:hover{
transform: translateY(-2px);
background: linear-gradient(90deg, rgba(212,225,87,.26), rgba(212,225,87,.14));
box-shadow:
0 22px 70px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.12);
}
.btn.btn-cta .btn-arrow{
display:inline-block;
transform: translateY(1px);
} @media (max-width: 560px){
.gallery-nav{
border-radius:18px;
padding:10px;
}
.gallery-nav-btn{
width:100%;
justify-content:center;
}
.project-image{
padding:14px;
}
.project-actions{
left:14px;
bottom:14px;
}
.project-prev{ left: 14px; }
.project-next{ right: 14px; }
} .project-card{
align-items:stretch;
}
.project-gallery{
height:100%;
min-height:320px;
}
.project-gallery img{
height:100%;
} .project-gallery{
position:relative;
overflow:hidden;
}  .project-gallery{
position:relative;
width:100%;
height:100%;
overflow:hidden;
border-radius:20px;
} .project-track{
display:flex;
height:100%;
transition:transform .45s ease;
will-change:transform;
} .project-track img{
flex:0 0 100%;
width:100%;
height:100%;
object-fit:cover; display:block;
} .project-image{
aspect-ratio:4/3;
min-height:320px;
}  .project-image{
width:100%;
overflow:hidden;
padding:0 !important; } .project-gallery{
width:100%;
height:100%;
overflow:hidden;
} .project-track{
display:flex;
width:100%;
} .project-track img{
flex:0 0 100%;
width:100%;
height:100%;
min-width:100%; object-fit:cover;
} .section.projects .gallery-nav{
display:none !important;
} .project-zoom{
width:46px;
height:46px;
padding:0;
justify-content:center;
font-size:18px;
} .vl24-lightbox,
[data-vl24-lightbox-overlay],
.lightbox,
.modal{
z-index:999999 !important;
} .site-header,
.header{
z-index:10;
}
.projects-cta .btn-cta{
display:none;
}  .section.projects .section-header{
max-width:1200px;
margin:0 auto 80px;
} .section.projects .section-header h2{
margin:0 0 22px;
font-family: var(--font-heading, Montserrat, sans-serif);
font-weight:800;
font-size:clamp(34px, 3.4vw, 52px);
line-height:1.05;
letter-spacing:-.02em;
color:#fff;
position:relative;
} .section.projects .section-header h2::after{
content:"";
display:block;
width:60px;
height:3px;
margin-top:18px;
border-radius:2px;
background:linear-gradient(
90deg,
var(--brand-primary),
rgba(212,225,87,.2)
);
} .section.projects .section-header p{
margin:0;
max-width:640px;
font-size:18px;
line-height:1.7;
color:rgba(255,255,255,.72);
} .section.projects .section-header{
display:grid;
grid-template-columns:420px 1fr;
gap:80px;
align-items:start;
} @media (max-width:900px){
.section.projects .section-header{
grid-template-columns:1fr;
gap:28px;
margin-bottom:50px;
}
.section.projects .section-header p{
max-width:100%;
}
} .project-zoom{
width:32px;
height:32px;
padding:0;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(10,14,18,.55);
border:0px solid rgba(212,225,87,.35);
backdrop-filter:blur(12px);
color:#ffffff;
transition:all .25s ease;
} .project-zoom svg{
width:20px;
height:20px;
stroke:currentColor;
stroke-width:2.2;
fill:none;
} .project-zoom:hover{
background:var(--brand-primary);
color:#111;
box-shadow:
0 0 20px rgba(212,225,87,.45),
0 8px 30px rgba(0,0,0,.35);
transform:translateY(-2px) scale(1.06);
} @media (hover:hover){
.project-zoom{
animation:vl24ZoomIdle 4s ease-in-out infinite;
}
}
@keyframes vl24ZoomIdle{
0%,100%{ box-shadow:0 0 0 rgba(212,225,87,0); }
50%{ box-shadow:0 0 12px rgba(212,225,87,.25); }
} @media (max-width:1200px){  .why-tabs{
margin-bottom:0 !important;
transform:none !important;
border-radius:20px !important;
} .why-panel.active{
padding-top:18px !important;
} .why-img{
margin:0 0 14px 0 !important;
transform:none !important;
border-radius:18px !important;
} .why-text{
margin-top:0 !important;
} .vl24-why-cards .vl24-wrap::before{
top:0 !important;
bottom:0 !important;
mask-image:none !important;
-webkit-mask-image:none !important;
} .why-tabs-wrap{
position:relative !important;
top:auto !important;
margin:0 0 16px !important;
backdrop-filter:none !important;
}
} @media (max-width:1200px){ .why-panel.active{
padding:0 !important;
overflow:hidden;
} .why-img{
margin:0 !important;
width:100%;
border-radius:22px 22px 0 0;
overflow:hidden;
} .why-img img{
width:100%;
height:100%;
display:block;
object-fit:cover;
} .why-text{
padding:20px 18px 22px !important;
}
} .vl24-why-cards .why-readmore{
display:inline-block;
margin-top:18px; } .vl24-why-cards .why-text{
padding-bottom:8px;
}  .vl24-why-cards .vl24-wrap{
position:relative;
z-index:1;
} .vl24-why-cards .vl24-wrap::before{
z-index:-1 !important; pointer-events:none;
} .why-left,
.why-right,
.why-panel,
.why-img,
.why-text{
position:relative;
z-index:2;
} @media (max-width:1200px){
.vl24-why-cards .vl24-wrap::before{
top:-140px !important; bottom:-20px !important; }
} @media (max-width:1200px){
.vl24-why-cards .why-readmore{
display:inline-block;
margin-top:24px !important; margin-left:20px; margin-bottom:20px; }
} .section.projects{
position:relative;
padding:100px 0;
overflow:hidden; background:
radial-gradient(1200px 600px at 50% -10%, rgba(255,210,140,.18), transparent 60%),
linear-gradient(
180deg,
#1b1b1f 0%,
#141418 35%,
#0f0f12 70%,
#0a0a0c 100%
);
} .section.projects::before{
content:"";
position:absolute;
width:60vw;
height:60vw;
top:25%;
left:-20vw; background:radial-gradient(
circle,
rgba(255,210,120,.9) 0%,
rgba(255,210,120,.6) 35%,
rgba(255,210,120,.3) 60%,
transparent 75%
);
filter:blur(60px);
animation:projectOrb 6s linear infinite alternate;
pointer-events:none;
z-index:0;
} .section.projects::after{
content:"";
position:absolute;
width:35vw;
height:35vw;
bottom:10%;
right:-15vw; background:radial-gradient(
circle,
rgba(255,170,60,.9) 0%,
rgba(255,170,60,.6) 40%,
rgba(255,170,60,.3) 65%,
transparent 80%
);
filter:blur(40px);
animation:projectOrbSmall 4s linear infinite alternate;
pointer-events:none;
z-index:0;
}
.section.projects > .container{
position:relative;
z-index:2;
}
@keyframes projectOrb{
0%   { transform:translate(0,0); }
100% { transform:translate(25vw,-10vw); }
}
@keyframes projectOrbSmall{
0%   { transform:translate(0,0); }
100% { transform:translate(-15vw,10vw); }
}
.section.projects .section-header h2::after{
display:none;
}
.project-content h3::after{
display:none !important;
}  :root{
--vl24-gold-metal: linear-gradient(
115deg,
#fff6d5 0%,
#f5d27a 18%,
#c89b2c 35%,
#ffecb3 50%,
#b8871a 65%,
#f5d27a 82%,
#fff4cc 100%
);
} .section.projects .section-header h2{
background:var(--vl24-gold-metal);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
text-shadow:
0 10px 40px rgba(255,210,120,.25);
} .project-card{
border:1px solid rgba(255,210,120,.35);
background:
radial-gradient(circle at 20% 10%, rgba(255,210,120,.08), transparent 60%),
linear-gradient(
180deg,
#1f1a14 0%,
#14110c 100%
);
box-shadow:
0 25px 80px rgba(0,0,0,.6),
0 0 0 1px rgba(255,210,120,.15) inset;
} .project-card:hover{
border-color:rgba(255,210,120,.6);
box-shadow:
0 40px 120px rgba(0,0,0,.75),
0 0 60px rgba(255,210,120,.35);
} .project-content h3{
color:#fff;
position:relative;
}
.project-content h3::before{
content:"";
position:absolute;
left:0;
top:-12px;
width:40px;
height:3px;
border-radius:3px;
background:var(--vl24-gold-metal);
opacity:.85;
} .project-gallery{
border:1px solid rgba(255,210,120,.3);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
0 0 40px rgba(255,210,120,.12);
} .project-nav{
border:1px solid rgba(255,210,120,.35);
background:rgba(20,16,12,.65);
color:#fff;
}
.project-nav:hover{
background:var(--vl24-gold-metal);
color:#111;
box-shadow:
0 0 25px rgba(255,210,120,.5);
} .project-zoom{
background:rgba(20,16,12,.75);
border:1px solid rgba(255,210,120,.4);
}
.project-zoom:hover{
background:var(--vl24-gold-metal);
color:#111;
box-shadow:
0 0 30px rgba(255,210,120,.45);
} .btn.btn-cta{
border:1px solid rgba(255,210,120,.5);
background:var(--vl24-gold-metal);
color:#111;
box-shadow:
0 15px 60px rgba(255,210,120,.35);
}
.btn.btn-cta:hover{
transform:translateY(-3px);
box-shadow:
0 25px 80px rgba(255,210,120,.5);
}
.section.projects{
padding:60px 0 !important;
}
@media (max-width:980px){
.section.projects{
padding:60px 0 !important;
}
}
@media (max-width:900px){
.section.projects .section-header h2{
margin-bottom:0px !important;
}
}
@media (max-width:980px){ .projects-grid .project-card{
margin:0 0 40px 0 !important;
} .projects-cta{
margin-top:0px !important;
}
} .project-card{
border-radius:18px !important;
} .project-gallery{
border-radius:18px !important;
} .section.projects .vl24-btn--dark .vl24-btn__icon::before{
content:"";
display:block; width:18px;
height:18px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
}
.section.projects::before,
.section.projects::after{
max-width:100%;
}  html,
body{
overflow-x:hidden;
}
.section.projects{
max-width:100%;
overflow-x:clip;
} .project-image{
position:relative;
}
.project-img-btn{
position:absolute;
top:16px;
right:16px;
z-index:5;
}  .section.projects{
background:linear-gradient(180deg,#f6f7f8 0%, #ffffff 60%) !important;
padding:40px 0 !important;
} .section.projects::before,
.section.projects::after{
display:none !important;
} .section.projects .section-header{
grid-template-columns:420px 1fr;
}
.section.projects .section-header h2{
color:#111 !important;
background:none !important;
-webkit-text-fill-color:unset !important;
text-shadow:none !important;
}
.section.projects .section-header p{
color:#555 !important;
} .project-card{
background:#fff !important;
border:1px solid rgba(0,0,0,.06) !important;
box-shadow:0 20px 60px rgba(0,0,0,.06) !important;
border-radius:16px !important;
} .project-card::before{
display:none !important;
}
.project-card:hover{
transform:translateY(-3px);
border-color:rgba(0,0,0,.1) !important;
box-shadow:0 24px 70px rgba(0,0,0,.08) !important;
} .project-content h3{
color:#111 !important;
}
.project-content p{
color:#555 !important;
} .project-content h3::after,
.project-content h3::before{
display:none !important;
} .project-gallery{
border:none !important;
box-shadow:none !important;
border-radius:16px !important;
} .project-nav{
background:rgba(255,255,255,.9) !important;
border:1px solid rgba(0,0,0,.08) !important;
color:#111 !important;
}
.project-nav:hover{
background:#dc2626 !important;
color:#fff !important;
border-color:#dc2626 !important;
} .project-zoom{
background:rgba(255,255,255,.9) !important;
border:1px solid rgba(0,0,0,.08) !important;
color:#111 !important;
}
.project-zoom:hover{
background:#111 !important;
color:#fff !important;
} .project-img-btn{
background:#dc2626 !important;
color:#fff !important;
border:none !important;
padding:10px 16px !important;
border-radius:8px !important;
box-shadow:0 10px 25px rgba(220,38,38,.25) !important;
} .project-img-btn .vl24-btn__icon{
display:none !important;
}
.project-img-btn:hover{
background:#991b1b !important;
} .projects-cta .vl24-btn{
background:#111 !important;
color:#fff !important;
border:none !important;
}
.projects-cta .vl24-btn:hover{
background:#dc2626 !important;
} .gallery-nav-btn{
background:#fff !important;
color:#111 !important;
border:1px solid rgba(0,0,0,.08) !important;
}
.gallery-nav-btn:hover{
background:#dc2626 !important;
color:#fff !important;
border-color:#dc2626 !important;
} .project-img-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:linear-gradient(135deg,#ef4444,#dc2626,#991b1b) !important;
color:#fff !important;
border:none !important;
border-radius:8px !important;
padding:12px 18px !important;
text-align:center !important;
font-weight:600 !important;
box-shadow:none !important;
outline:none !important;
} .project-img-btn:hover{
background:linear-gradient(135deg,#dc2626,#991b1b,#7f1d1d) !important;
color:#fff !important;
box-shadow:none !important;
} .project-img-btn:focus,
.project-img-btn:active{
background:linear-gradient(135deg,#dc2626,#991b1b,#7f1d1d) !important;
color:#fff !important;
box-shadow:none !important;
outline:none !important;
} .project-img-btn .vl24-btn__icon{
display:none !important;
} .project-img-btn.vl24-btn,
.project-img-btn.vl24-btn:hover{
box-shadow:none !important;
border:none !important;
} .projects-cta .vl24-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:linear-gradient(135deg,#ef4444,#dc2626,#991b1b) !important;
color:#fff !important;
border:none !important;
border-radius:8px !important;
padding:14px 22px !important;
text-align:center !important;
font-weight:600 !important;
box-shadow:none !important;
outline:none !important;
} .projects-cta .vl24-btn:hover{
background:linear-gradient(135deg,#dc2626,#991b1b,#7f1d1d) !important;
color:#fff !important;
box-shadow:none !important;
} .projects-cta .vl24-btn:focus,
.projects-cta .vl24-btn:active{
background:linear-gradient(135deg,#dc2626,#991b1b,#7f1d1d) !important;
color:#fff !important;
box-shadow:none !important;
outline:none !important;
} .projects-cta .vl24-btn__icon{
display:none !important;
} .projects-cta .vl24-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:linear-gradient(135deg,#ef4444,#dc2626,#991b1b) !important;
color:#fff !important;
border:none !important;
border-radius:8px !important;
padding:12px 18px !important;
text-align:center !important;
font-weight:600 !important;
box-shadow:none !important;
outline:none !important;
} .projects-cta .vl24-btn:hover{
background:linear-gradient(135deg,#dc2626,#991b1b,#7f1d1d) !important;
color:#fff !important;
box-shadow:none !important;
} .projects-cta .vl24-btn:focus,
.projects-cta .vl24-btn:active{
background:linear-gradient(135deg,#dc2626,#991b1b,#7f1d1d) !important;
color:#fff !important;
box-shadow:none !important;
outline:none !important;
} .projects-cta .vl24-btn__icon{
display:none !important;
}  .section.projects .projects-cta .vl24-btn{
background:linear-gradient(135deg,#ef4444,#dc2626,#991b1b) !important;
color:#fff !important;
} .section.projects .projects-cta .vl24-btn:hover{
background:linear-gradient(135deg,#dc2626,#991b1b,#7f1d1d) !important;
color:#fff !important;
} .section.projects .projects-cta .vl24-btn::before,
.section.projects .projects-cta .vl24-btn::after{
background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,.25), transparent
) !important;
opacity:1 !important;
}  .project-gallery{
overflow:hidden !important;
position:relative !important;
} .project-track{
display:flex !important;
width:100% !important;
height:100% !important;
} .project-track img{
flex:0 0 100% !important;
width:100% !important;
min-width:100% !important;
height:100% !important;
object-fit:cover !important;
transform:none !important; } .project-gallery img,
.project-card:hover .project-gallery img{
transform:none !important;
} .project-image{
overflow:hidden !important;
}  .section.projects .project-gallery{
border-radius:0 8px 8px 0 !important;
} .section.projects .project-gallery img{
border-radius:0 8px 8px 0 !important;
} .section.projects .project-gallery picture{
border-radius:0 8px 8px 0 !important;
display:block;
} .section.projects .project-image{
border-radius:0 8px 8px 0 !important;
overflow:hidden !important;
} @media (max-width:980px){ .section.projects .project-image{
position:relative !important;
z-index:1 !important;
} .section.projects .project-content{
position:relative !important;
z-index:2 !important;
background:#fff !important; } .section.projects .project-card{
overflow:visible !important;
}
} @media (max-width:900px){
.section.projects .section-header{
display:grid !important;
grid-template-columns:1fr !important;
gap:18px !important;
margin-bottom:36px !important;
}
.section.projects .section-header h2,
.section.projects .section-header p{
grid-column:1 / -1 !important;
max-width:100% !important;
}
.section.projects .section-header p{
display:block !important;
color:#555 !important;
opacity:1 !important;
visibility:visible !important;
}
}