*{
margin:0;
padding:0;
box-sizing:border-box;
scroll-behavior:smooth;
}

body{
font-family:'Montserrat',sans-serif;
background:black;
color:white;
overflow-x:hidden;
}

/* CURSOR GLOW */

.cursor-glow{
position:fixed;
width:350px;
height:350px;
border-radius:50%;
background:radial-gradient(circle, rgba(212,160,23,0.18) 0%, rgba(0,0,0,0) 70%);
pointer-events:none;
transform:translate(-50%,-50%);
z-index:0;
mix-blend-mode:screen;
}

/* NAVBAR */

.navbar{
position:fixed;
top:0;
left:0;
width:100%;
padding:20px 50px;
display:flex;
justify-content:space-between;
align-items:center;
background:rgba(0,0,0,0.75);
backdrop-filter:blur(10px);
border-bottom:1px solid rgba(212,160,23,0.2);
z-index:999;
}

.nav-links{
display:flex;
gap:40px;
list-style:none;
}

.nav-links a{
text-decoration:none;
color:white;
font-weight:700;
transition:0.4s;
}

.nav-links a:hover{
color:#d4a017;
text-shadow:0 0 10px rgba(212,160,23,0.8);
}

.insta-btn{
padding:14px 28px;
border:2px solid #d4a017;
text-decoration:none;
color:#d4a017;
font-weight:800;
display:flex;
align-items:center;
gap:10px;
transition:0.4s;
}

.insta-btn:hover{
background:#d4a017;
color:black;
box-shadow:0 0 25px rgba(212,160,23,0.8);
}

/* HERO */

.hero{
position:relative;
height:80vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
overflow:hidden;
background:
linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.85)),
url('https://images.unsplash.com/photo-1514565131-fce0801e5785?q=80&w=2070');
background-size:cover;
background-position:center;
}

.hero-overlay{
position:absolute;
width:100%;
height:100%;
background:
radial-gradient(circle at center, rgba(212,160,23,0.15), transparent 60%);
animation:pulseBg 5s infinite alternate;
}

@keyframes particlesMove{

0%{
transform:
translateY(0px)
translateX(0px)
scale(1);
}

25%{
transform:
translateY(-40px)
translateX(20px)
scale(1.05);
}

50%{
transform:
translateY(-80px)
translateX(-20px)
scale(1.1);
}

75%{
transform:
translateY(-40px)
translateX(15px)
scale(1.05);
}

100%{
transform:
translateY(0px)
translateX(0px)
scale(1);
}

}

.hero-content{
align-items:center;

text-align:center;

position:relative;

z-index:2;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

width:100%;

margin:0 auto;

}

/* MAIN TITLE */

.main-title{
font-size:7rem;
font-weight:900;
background:linear-gradient(to bottom,#ffe27a,#d4a017);

-webkit-background-clip:text;
background-clip:text;

-webkit-text-fill-color:transparent;

text-shadow:
0 0 10px rgba(255,215,0,0.9),
0 0 30px rgba(255,215,0,0.9),
0 0 60px rgba(255,215,0,0.9),
0 0 120px rgba(255,215,0,0.7);

animation:pulseGlow 2s infinite alternate;
}

@keyframes pulseGlow{

0%{
transform:scale(1);
filter:brightness(1);
}

100%{
transform:scale(1.02);
filter:brightness(1.3);
}

}

/* SUBTITLE */

.hero h2{
font-size:5rem;
font-weight:900;
margin-top:10px;

text-shadow:
0 0 10px rgba(255,255,255,0.9),
0 0 30px rgba(255,255,255,0.9),
0 0 60px rgba(255,255,255,0.8);
}

/* DESCRIPTION */

.hero p{

margin-top:25px;

font-size:1rem;

letter-spacing:4px;

color:#cfcfcf;

width:100%;

text-align:center;

display:flex;

justify-content:center;

align-items:center;

}

/* BUTTONS */

.hero-buttons{
display:flex;
gap:25px;
justify-content:center;
margin-top:50px;
}

.view-btn{

padding:18px 40px;

background:transparent;

border:2px solid #d4a017;

color:white;

font-weight:800;
text-decoration:none;

display:inline-block;

transition:0.4s ease;

box-shadow:
0 0 10px rgba(212,160,23,0.2);

}

.view-btn:hover{

background:#d4a017;
color:black;

transform:
translateY(-5px)
scale(1.05);

box-shadow:
0 0 25px rgba(212,160,23,0.8),
0 0 60px rgba(212,160,23,0.5);

}
.contact-btn{

padding:18px 40px;

background:transparent;

border:2px solid #d4a017;

color:white;

font-weight:800;
text-decoration:none;

display:inline-block;

transition:0.4s ease;

box-shadow:
0 0 10px rgba(212,160,23,0.2);

}
.contact-btn:hover{

background:#d4a017;
color:black;

transform:
translateY(-5px)
scale(1.05);

box-shadow:
0 0 25px rgba(212,160,23,0.8),
0 0 60px rgba(212,160,23,0.5);
}

/* TAKING RAP COVERS 2 A WHOLE NEW LEVEL */

.latest-work{
padding:60px 10%;
background:black;
}

.latest-work h2{

font-size:3.2rem;

font-weight:900;

margin-bottom:60px;

text-align:center;

letter-spacing:4px;

}

.work-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:55px;
}

.work-card img,
.work-card video{
width:100%;
height:280px;
object-fit:cover;

transition:
transform 0.6s ease,
filter 0.6s ease;

border-radius:20px;
}

.work-card:hover img{
transform:scale(1.08);

filter:
brightness(1.15)
contrast(1.1)
drop-shadow(0 0 25px rgba(255,215,0,0.35));
}

.work-card img{
width:100%;
height:320px;
object-fit:cover;
transition:0.5s;
}

.work-card:hover img{
transform:scale(1.05);
}

/* OVERLAY */

.work-overlay{
position:absolute;
bottom:20px;
left:20px;

padding:14px 24px;

background:rgba(0,0,0,0.45);

font-weight:800;
letter-spacing:2px;

border-radius:14px;

backdrop-filter:blur(6px);

border:1px solid rgba(255,215,0,0.2);

box-shadow:
0 0 20px rgba(255,215,0,0.15);

color:white;

transition:0.4s ease;
}

/* RESPONSIVE */

@media(max-width:1100px){

.main-title{

font-size:7rem;
font-weight:900;

background:linear-gradient(to bottom,#ffe27a,#d4a017);

background:linear-gradient(to bottom,#ffe27a,#d4a017);

background-clip:text;
-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

text-shadow:
0 0 10px rgba(255,215,0,0.9),
0 0 30px rgba(255,215,0,0.9),
0 0 60px rgba(255,215,0,0.9),
0 0 120px rgba(255,215,0,0.7);

animation:
pulseGlow 2s infinite alternate,
floatTitle 6s ease-in-out infinite;

}

.hero h2{
font-size:3rem;
}

.work-grid{
grid-template-columns:1fr;
}

.nav-links{
display:none;
}

}

@media(max-width:700px){

.main-title{
font-size:2.7rem;
}

.hero h2{
font-size:2rem;
}

.hero-buttons{
flex-direction:column;
}

.navbar{
padding:20px;
}

}

/* ========================= */
/* GOLD PARTICLES BACKGROUND */
/* ========================= */

.hero::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

background-image:
radial-gradient(rgba(255,215,0,1) 3px, transparent 3px),
radial-gradient(rgba(255,255,255,0.9) 2px, transparent 2px),
radial-gradient(rgba(212,160,23,0.8) 4px, transparent 4px);

background-size:
180px 180px,
260px 260px,
320px 320px;

background-position:
0 0,
80px 80px,
140px 140px;

animation:particlesMove 18s ease-in-out infinite;

opacity:0.7;

filter:

drop-shadow(0 0 10px gold)

drop-shadow(0 0 25px #d4a017)

drop-shadow(0 0 50px rgba(255,215,0,0.9));

z-index:1;
pointer-events:none;
}
/* ================================= */
/* LOGO STYLE */
/* ================================= */

/* =============================== */
/* LOGO STYLE */
/* =============================== */

.logo{

font-family:Impact, sans-serif;

font-size:3.3rem;

font-weight:900;

letter-spacing:3px;

text-transform:uppercase;

display:flex;

align-items:center;

gap:10px;

text-decoration:none;

filter:none;

opacity:1;

text-shadow:none;

}

/* HOVER EFFECT */

.logo:hover{

transform:scale(1.05);

text-shadow:
0 0 12px rgba(255,215,0,0.7),
0 0 35px rgba(255,215,0,0.9);

}/* =============================== */
/* INGRAFIX EXTRA STYLE */
/* =============================== */

.ingrafix{

font-family:'Impact',sans-serif;

letter-spacing:4px;

font-size:3.5rem;

background:linear-gradient(to right,#fff4b0,#d4a017);

-webkit-background-clip:text;
background-clip:text;

-webkit-text-fill-color:transparent;

text-shadow:
0 0 6px rgba(255,215,0,0.55),
0 0 18px rgba(255,215,0,0.25);
}

/* =============================== */
/* DESIGN STYLE */
/* =============================== */

.design{

font-family:'Orbitron',sans-serif;

font-size:3rem;

font-weight:800;

color:white;

margin-left:10px;

text-shadow:
0 0 8px rgba(255,255,255,0.3);

}.work-card{
position:relative;
overflow:hidden;

border-radius:20px;

transition:
transform 0.5s ease,
box-shadow 0.5s ease;
}

.work-card:hover{
transform:translateY(-10px);

box-shadow:
0 0 40px rgba(255,215,0,0.18);
}/* ========================= */
/* NEXT LEVEL WORK CARDS */
/* ========================= */

.work-card{
position:relative;

overflow:hidden;

border-radius:28px;

transform-style:preserve-3d;

transition:
transform 0.7s ease,
box-shadow 0.7s ease;

background:#111;

box-shadow:
0 0 40px rgba(255,215,0,0.08);

}

.work-card::before{

content:"";

position:absolute;
top:-50%;
left:-60%;

width:40%;
height:200%;

background:linear-gradient(
to right,
transparent,
rgba(255,215,0,0.18),
transparent
);

transform:rotate(25deg);

animation:shineMove 5s linear infinite;

z-index:2;

pointer-events:none;

}

.work-card:hover::before{
opacity:1;
}

.work-card:hover{

transform:
translateY(-15px)
scale(1.02);

box-shadow:
0 0 60px rgba(255,215,0,0.25),
0 0 120px rgba(255,215,0,0.12);

}

/* IMAGE */

.work-card img{

width:100%;

height:340px;

object-fit:cover;

transition:
transform 0.8s ease,
filter 0.8s ease;

border-radius:28px;

filter:
brightness(0.88)
contrast(1.05);

}

.work-card:hover img{

transform:scale(1.12);

filter:
brightness(1)
contrast(1.15)
saturate(1.1);

}

/* OVERLAY */

.work-overlay{

position:absolute;

left:25px;
bottom:25px;

padding:16px 28px;

background:
rgba(0,0,0,0.45);

backdrop-filter:blur(12px);

border-radius:18px;

border:
1px solid rgba(255,215,0,0.25);

color:white;

font-weight:800;

letter-spacing:2px;

font-size:0.95rem;

z-index:5;

box-shadow:
0 0 25px rgba(255,215,0,0.18);

transition:0.5s ease;

}

.work-card:hover .work-overlay{

transform:translateY(-5px);

box-shadow:
0 0 35px rgba(255,215,0,0.35);

}/* ================================= */
/* CINEMATIC HERO BACKGROUND */
/* ================================= */

.hero{

position:relative;

overflow:hidden;

background-size:cover;

background-position:center;

animation:
heroMove 18s ease-in-out infinite alternate;

}

/* HERO MOVEMENT */

@keyframes heroMove{

0%{
background-position:center top;
transform:scale(1);
}

100%{
background-position:center bottom;
transform:scale(1.04);
}

}

/* DARK CINEMATIC OVERLAY */

.hero::after{

content:"";

position:absolute;

inset:0;

background:

linear-gradient(
to bottom,
rgba(0,0,0,0.35),
rgba(0,0,0,0.55),
rgba(0,0,0,0.75)
);

z-index:1;

pointer-events:none;

}

/* ================================= */
/* PREMIUM PARTICLES */
/* ================================= */

.hero::before{

content:"";

position:absolute;

inset:0;

background-image:

radial-gradient(circle, rgba(255,215,0,0.95) 2px, transparent 2px),
radial-gradient(circle, rgba(255,255,255,0.7) 1px, transparent 1px),
radial-gradient(circle, rgba(255,215,0,0.5) 3px, transparent 3px);

background-size:

140px 140px,
180px 180px,
260px 260px;

animation:
particlesFloat 25s linear infinite;

opacity:0.9;

filter:
blur(0.3px)
drop-shadow(0 0 10px gold)
drop-shadow(0 0 25px rgba(255,215,0,0.8));

z-index:1;

pointer-events:none;

}

/* PARTICLE MOVEMENT */

@keyframes particlesFloat{

0%{
transform:translateY(0px) translateX(0px);
}

25%{
transform:translateY(-20px) translateX(10px);
}

50%{
transform:translateY(-40px) translateX(-10px);
}

75%{
transform:translateY(-20px) translateX(15px);
}

100%{
transform:translateY(0px) translateX(0px);
}

}@keyframes floatTitle{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-12px);
}

100%{
transform:translateY(0px);
}

}@keyframes shineMove{

0%{
left:-60%;
}

100%{
left:140%;
}

}.services-page{
padding:180px 10%;
background:black;
min-height:100vh;
}

.services-title{
font-size:5rem;
font-weight:900;
text-align:center;
margin-bottom:80px;
color:white;

text-shadow:
0 0 10px rgba(255,215,0,0.8),
0 0 30px rgba(255,215,0,0.8),
0 0 80px rgba(255,215,0,0.6);
}

.service-box{

background: rgba(255,255,255,0.03);

border:1px solid rgba(255,215,0,0.15);

padding:10px;

max-width:1600px;

margin:0 auto 10px auto;

border-radius:30px;

backdrop-filter:blur(10px);

transition:0.5s ease;

}

.service-box:hover{
transform:translateY(-10px);

box-shadow:
0 0 40px rgba(255,215,0,0.25);
}

.service-box h2{
font-size:2rem;
margin-bottom:20px;
color:white;
}

.service-box p{
font-size:1.1rem;
line-height:1.8;
color:#ccc;
}
/* ========================= */
/* SERVICES HERO */
/* ========================= */

.services-hero{
    position:relative;
    width:100%;
    height:50vh;

    background:url("images/work1.jpg");
    background-size:cover;
    background-position:center;

    display:flex;
    justify-content:center;
    align-items:center;

    overflow:hidden;
}

/* DUNKLER OVERLAY */

.services-overlay{
    position:absolute;
    width:100%;
    height:100%;

    background:rgba(0,0,0,0.72);
    backdrop-filter:blur(2px);
}

/* CONTENT */

.services-content{
    position:relative;
    z-index:2;

    text-align:center;

    max-width:900px;
    padding:20px;
}

.services-content h1{
    font-size:7rem;
    font-weight:900;

    color:rgb(253, 188, 48);

    letter-spacing:4px;

    text-shadow:
    0 0 10px rgba(255,215,0,0.8),
    0 0 25px rgba(212,160,23,0.8),
    0 0 50px rgba(255,215,0,0.7),
    0 0 90px rgba(212,160,23,0.5);
    animation: pulseGlow 2.5s infinite alternate;

    margin-bottom:20px;
}

.services-content p{
    font-size:1.4rem;
    color:#d8d8d8;

    line-height:1.7;
}

/* MOBILE */

@media(max-width:900px){

.services-content h1{
    font-size:4rem;
}

.services-content p{
    font-size:1rem;
}

}/* ========================= */
/* SERVICE SECTIONS */
/* ========================= */

.service-section{
    padding:30px 10%;
}

.service-box{
    display:flex;
    align-items:center;
    gap:60px;

    background:#080808;

    border:1px solid rgba(255,215,0,0.15);

    border-radius:30px;

    overflow:hidden;

    transition:0.5s ease;
}

.service-box:hover{
    transform:translateY(-10px);

    box-shadow:
    0 0 30px rgba(255,215,0,0.15);
}

.service-box img{
    width:50%;
    height:450px;

    object-fit:cover;
}

.service-text{
    padding:40px;
}

.service-text h2{
    font-size:3rem;
    color:white;

    margin-bottom:20px;
}

.service-text p{
    font-size:1.2rem;
    color:#bdbdbd;

    line-height:1.8;
}

/* MOBILE */

@media(max-width:1000px){

.service-box{
    flex-direction:column;
}

.service-box img{
    width:100%;
}
@media(max-width:900px){

  @media(max-width:900px){

.navbar{

padding:15px 15px;

flex-direction:column;

gap:15px;

}

.nav-links{

display:flex;

gap:18px;

flex-wrap:wrap;

justify-content:center;

}

.nav-links a{

font-size:0.9rem;

}

.logo{

font-size:1.7rem;

text-align:center;

}

.ingrafix{

font-size:1.8rem;

}

.design{

font-size:1.5rem;

}

}  
.navbar{
padding:15px 20px;
}

.logo{
font-size:2rem;
}

.ingrafix{
font-size:2rem;
}

.design{
font-size:1.7rem;
}

.main-title{
font-size:3rem !important;
line-height:1.1;
}

.hero h2{
font-size:1.8rem !important;
}

.hero p{
font-size:0.8rem;
letter-spacing:2px;
padding:0 10px;
}

.portfolio-grid{
grid-template-columns:1fr;
padding:30px 20px;
}

.portfolio-card{
height:260px;
}

.service-box{
flex-direction:column;
}

.service-image img{
height:300px;
}

.service-text{
padding:30px;
}

.service-text h2{
font-size:2rem;
}

}

}/* ========================= */
/* PREMIUM SERVICE BOX */
/* ========================= */

.service-image{
    flex:1;
}

.service-image img{
    width:100%;
    height:100%;

    object-fit:cover;

    display:block;
}

.service-text{
    flex:1;

    padding:60px;
}

.service-tag{

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

    margin-bottom:25px;

    background:
    rgba(255,215,0,0.12);

    border:
    1px solid rgba(255,215,0,0.3);

    color:#ffd700;

    font-size:0.9rem;

    letter-spacing:2px;

    font-weight:700;
}

.service-text h2{

    font-size:3.2rem;

    line-height:1.2;

    margin-bottom:25px;

    color:white;
}

.service-text p{

    font-size:1.15rem;

    line-height:1.9;

    color:#bdbdbd;

    margin-bottom:35px;
}

.service-features{

    display:flex;

    flex-direction:column;

    gap:18px;

    margin-bottom:40px;
}

.feature{

    color:white;

    font-size:1rem;

    letter-spacing:1px;
}

.service-contact-btn{

    display:inline-block;

    padding:18px 38px;

    border-radius:50px;

    text-decoration:none;

    color:white;

    font-weight:700;

    background:
    linear-gradient(
    45deg,
    #3a2500,
    #d4a017
    );

    transition:0.4s ease;
}

.service-contact-btn:hover{

    transform:translateY(-5px);

    box-shadow:
    0 0 30px rgba(255,215,0,0.45);
}
@keyframes pulseGlow {

0%{
text-shadow:
0 0 10px rgba(255,215,0,0.6),
0 0 25px rgba(212,160,23,0.5),
0 0 50px rgba(255,215,0,0.4);
}

100%{
text-shadow:
0 0 15px rgba(255,215,0,1),
0 0 35px rgba(212,160,23,0.9),
0 0 70px rgba(255,215,0,0.8),
0 0 120px rgba(212,160,23,0.6)
}

}

/* VIDEO SERVICE */

.service-box video{

width:100%;

height:100%;

object-fit:cover;

display:block;
}
.work-card video{
    pointer-events: none;
}

/* ========================= */
/* PORTFOLIO PAGE */
/* ========================= */

.portfolio-hero{

    margin-top:-20px;

    position:relative;

    height:45vh;

    display:flex;

    justify-content:center;

    align-items:center;

    background:url("images/work1.jpg");

    background-size:cover;

    background-position:center;
}

.portfolio-overlay{

position:absolute;

width:100%;
height:100%;

background:rgba(0,0,0,0.72);

backdrop-filter:blur(2px);
}

.portfolio-content{

position:relative;

z-index:2;

text-align:center;

max-width:900px;

padding:20px;
}

.portfolio-content h1{

font-size:7rem;

font-weight:900;

color:#ffe27a;

letter-spacing:4px;

margin-bottom:25px;

text-shadow:
0 0 10px rgba(255,215,0,0.9),
0 0 30px rgba(212,160,23,0.8),
0 0 60px rgba(255,215,0,0.7),
0 0 100px rgba(212,160,23,0.5);

animation:pulseGlow 2.5s infinite alternate;
}

.portfolio-content p{

font-size:1.3rem;

line-height:1.8;

color:#d8d8d8;
}



/* GRID */

.portfolio-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:55px;
padding:60px 10%;
}


.portfolio-card{
position:relative;
overflow:hidden;

border-radius:28px;

transform-style:preserve-3d;

transition:
transform 0.7s ease,
box-shadow 0.7s ease;

background:#111;

box-shadow:
0 0 40px rgba(255,215,0,0.08);
}

.portfolio-card::before{

content:"";

position:absolute;
top:-50%;
left:-60%;

width:40%;
height:200%;

background:linear-gradient(
to right,
transparent,
rgba(255,215,0,0.18),
transparent
);

transform:rotate(25deg);

animation:shineMove 5s linear infinite;

z-index:2;

pointer-events:none;
}

.portfolio-card:hover{

transform:
translateY(-15px)
scale(1.02);

box-shadow:
0 0 60px rgba(255,215,0,0.25),
0 0 120px rgba(255,215,0,0.12);
}

.portfolio-card img,
.portfolio-card video{

width:100%;
height:340px;

object-fit:cover;

display:block;

pointer-events:none;

transition:
transform 0.8s ease,
filter 0.8s ease;

border-radius:28px;

filter:
brightness(0.88)
contrast(1.05);
}

.portfolio-card:hover img,
.portfolio-card:hover video{

transform:scale(1.12);

filter:
brightness(1)
contrast(1.15)
saturate(1.1);
}

.portfolio-info{

position:absolute;

left:25px;
bottom:25px;

padding:16px 28px;

background:
rgba(0,0,0,0.45);

backdrop-filter:blur(12px);

border-radius:18px;

border:1px solid rgba(255,215,0,0.25);

color:white;

font-weight:800;

letter-spacing:2px;

font-size:0.95rem;

z-index:5;

box-shadow:
0 0 25px rgba(255,215,0,0.18);

transition:0.5s ease;
}

.portfolio-card:hover .portfolio-info{

transform:translateY(-5px);

box-shadow:
0 0 35px rgba(255,215,0,0.35);
}

.portfolio-info h2{

font-size:1rem;

color:white;

margin-bottom:8px;
}

.portfolio-info span{

color:#d4a017;

font-size:.9rem;
}

/* ========================= */
/* FEATURED PROJECT */
/* ========================= */

.featured-project{

position:relative;

height:90vh;

margin:20px 6%;

margin-top:-40px;

border-radius:40px;

overflow:hidden;

display:flex;

align-items:center;

padding:40px 6%;

background:url("images/work1.jpg");

background-size:cover;

background-position:center;
}

.featured-overlay{

position:absolute;

width:100%;
height:100%;

top:0;
left:0;

background:
linear-gradient(
90deg,
rgba(0,0,0,0.92),
rgba(0,0,0,0.45)
);
}

.featured-content{

position:relative;

z-index:2;

max-width:700px;
}

.featured-tag{

display:inline-block;

padding:10px 24px;

border-radius:50px;

margin-bottom:30px;

background:
rgba(255,215,0,0.12);

border:
1px solid rgba(255,215,0,0.3);

color:#ffd700;

font-size:0.9rem;

letter-spacing:2px;

font-weight:700;
}

.featured-content h2{

font-size:6rem;

line-height:1.1;

margin-bottom:30px;

color:white;

text-shadow:
0 0 15px rgba(255,215,0,0.8),
0 0 40px rgba(255,215,0,0.6);
}

.featured-content p{

font-size:1.2rem;

line-height:1.9;

color:#d0d0d0;

margin-bottom:40px;
}

.featured-btn{

display:inline-block;

padding:18px 42px;

border-radius:60px;

text-decoration:none;

font-weight:700;

font-size:1rem;

color:white;

background:
linear-gradient(
45deg,
#3a2500,
#d4a017
);

transition:0.4s ease;
}

.featured-btn:hover{

transform:translateY(-5px);

box-shadow:
0 0 35px rgba(255,215,0,0.45);
}
.contact-section{
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
padding:140px 8% !important;
gap:80px !important;
background:black !important;
min-height:100vh !important;
}

.contact-left{
flex:1;
}

.contact-form{
flex:1;
}
/* ========================= */
/* CONTACT PAGE */
/* ========================= */

.contact-section{

min-height:100vh;

background:black;

padding:140px 10% 100px;

display:flex;

align-items:center;

justify-content:center;

}

.contact-container{

width:100%;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

/* LEFT */

.contact-left h1{

font-size:5rem;

font-weight:900;

color:white;

margin-bottom:20px;

font-family:'Orbitron', sans-serif;

text-shadow:
0 0 30px rgba(255,215,0,0.35);

}

.contact-text{

font-size:1.7rem;

font-weight:700;

color:white;

margin-bottom:15px;

}

.contact-subtext{

font-size:1.1rem;

line-height:1.8;

color:#bdbdbd;

margin-bottom:50px;

}

.contact-info{

display:flex;

flex-direction:column;

gap:25px;

}

.info-item{

display:flex;

align-items:center;

gap:18px;

font-size:1.2rem;

color:white;

}

.info-item i{

color:#d4a017;

font-size:1.3rem;

transition:0.4s;

}

.info-item:hover i{

transform:scale(1.2);

text-shadow:
0 0 15px rgba(212,160,23,0.8);

}

/* RIGHT */

.contact-right{

position:relative;

overflow:hidden;

background:#050505;

border:1px solid rgba(212,160,23,0.2);

border-radius:35px;

padding:50px;

box-shadow:
0 0 60px rgba(212,160,23,0.12);

}

.contact-right::before{

content:"";

position:absolute;

width:400px;
height:400px;

background:radial-gradient(circle,
rgba(212,160,23,0.15) 0%,
transparent 70%);

top:-120px;
right:-120px;

z-index:0;

}

.contact-form{

position:relative;

z-index:2;

display:flex;

flex-direction:column;

gap:25px;

}

.contact-form input,
.contact-form textarea{

width:100%;

background:#0b0b0b;

border:1px solid rgba(212,160,23,0.18);

padding:22px;

border-radius:18px;

color:white;

font-size:1rem;

font-family:'Montserrat', sans-serif;

outline:none;

transition:0.4s;

}

.contact-form input:focus,
.contact-form textarea:focus{

border:1px solid #d4a017;

box-shadow:
0 0 25px rgba(212,160,23,0.25);

}

.contact-form textarea{

height:220px;

resize:none;

}

.contact-form button{

background:transparent;

border:2px solid #d4a017;

padding:22px;

border-radius:18px;

color:white;

font-size:1rem;

font-weight:800;

letter-spacing:4px;

text-transform:uppercase;

font-family:'Orbitron', sans-serif;

cursor:pointer;

transition:0.4s;

}

.contact-form button:hover{

background:#d4a017;

color:black;

transform:translateY(-5px);

box-shadow:
0 0 40px rgba(212,160,23,0.45);

}

/* MOBILE */

@media(max-width:1000px){

.contact-container{

grid-template-columns:1fr;

gap:60px;

}

.contact-left h1{

font-size:3rem;

}

}
.portfolio-hero{
    margin-top:0;
    padding-top:90px;
}

.about-image{

margin-top:-300px;

}

.about-image img {

    width: 100%;

    max-width: 650px;

    height: auto;

    object-fit: contain;

    border-radius: 25px;

    display: block;

    margin: 0 auto;
}
/* =========================
   BLING GALLERY FINAL
========================= */

.gallery{

    display:grid;

    grid-template-columns:repeat(5, 1fr);

    gap:28px;

    width:100%;

    max-width:1900px;

    margin:0 auto;

    padding:140px 25px 80px;

    background:#000;

    justify-content:center;

    align-items:start;

}

/* CARD */

.gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    background:#0a0a0a;

    border:1px solid rgba(255,215,0,0.12);

    transition:0.45s ease;

}

/* IMAGE */

.gallery-item img{

    width:100%;

    aspect-ratio:1 / 1.35;

    object-fit:cover;

    display:block;

    transition:0.6s ease;

}

/* HOVER */

.gallery-item:hover{

    transform:translateY(-10px);

    box-shadow:
    0 0 35px rgba(255,215,0,0.22);

}

.gallery-item:hover img{

    transform:scale(1.05);

}

/* OVERLAY */

.gallery-overlay{

    position:absolute;

    left:0;
    bottom:0;

    width:100%;

    padding:22px;

    background:linear-gradient(
    to top,
    rgba(0,0,0,0.96),
    rgba(0,0,0,0.02)
    );

}

.gallery-overlay h2{

    font-size:1.2rem;

    font-weight:800;

    color:white;

    margin-bottom:6px;

    text-transform:uppercase;

}

.gallery-overlay span{

    color:#d4af37;

    font-size:0.9rem;

    letter-spacing:1px;

}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:1600px){

.gallery{

    grid-template-columns:repeat(4, 1fr);

}

}

@media(max-width:1200px){

.gallery{

    grid-template-columns:repeat(3, 1fr);

}

}

@media(max-width:900px){

.gallery{

    grid-template-columns:repeat(2, 1fr);

    gap:22px;

    padding:120px 20px 60px;

}

}

@media(max-width:600px){

.gallery{

    grid-template-columns:1fr;

}