/* Start custom CSS for html, class: .elementor-element-f2e70e3 *//* =========================
STICKY HEADER
========================= */

.sticky-header{
position:fixed;
top:0;
left:0;
width:100%;
background:#000000;
z-index:9999;
box-shadow:0 10px 30px rgba(0,0,0,0.25);
}

.sticky-inner{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 30px;
}

.sticky-logo{
font-weight:900;
font-size:18px;
letter-spacing:1px;
color:#ffffff;
}

.sticky-button{
background:#ff3b8d;
color:#ffffff;
padding:12px 30px;
border-radius:50px;
text-decoration:none;
font-weight:700;
transition:0.3s ease;
}

.sticky-button:hover{
background:#e63278;
transform:translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b041d3 *//* =========================
COLLAGE MICRO PAGE
========================= */

.collage-hero{
background:#ffffff;
padding:160px 30px;
text-align:center;
}

/* Eyebrow */

.collage-eyebrow{
font-size:14px;
letter-spacing:2px;
text-transform:uppercase;
font-weight:700;
margin-bottom:18px;
color:#666;
}

/* Title */

.collage-title{
font-family:Inter,sans-serif;
font-size:clamp(46px,7vw,90px);
font-weight:900;
letter-spacing:-1px;
margin-bottom:60px;
color:#000;
}

/* Panel */

.collage-panel{
max-width:1200px;
margin:0 auto 70px;
background:#111;
border-radius:36px;
padding:20px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
box-shadow:0 40px 90px rgba(0,0,0,0.25);
}

/* Images */

.collage-panel img{
width:100%;
height:260px;
object-fit:cover;
border-radius:22px;
transition:transform 0.4s ease;
}

.collage-panel img:hover{
transform:scale(1.05);
}

/* Text */

.collage-sub{
max-width:760px;
margin:0 auto 24px;
font-size:22px;
line-height:1.6;
color:#222;
}

.collage-sub.strong{
font-weight:700;
color:#000;
}

/* Button spacing only */

.collage-hero .hero-cta{
margin-top:40px;
}

/* Responsive */

@media(max-width:1000px){
.collage-panel{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.collage-panel{
grid-template-columns:1fr;
}

.collage-panel img{
height:220px;
}
}
/* =========================
GLOBAL CTA BUTTON (PAGE LOCAL)
========================= */

.hero-cta{
display:inline-block;
background:#ff3b8d;
color:#ffffff;
padding:16px 44px;
border-radius:50px;
text-decoration:none;
font-weight:700;
font-size:16px;
transition:0.3s ease;
}

.hero-cta:hover{
background:#e63278;
transform:translateY(-3px);
}


/* =========================
COLLAGE MICRO PAGE
========================= */

.collage-hero{
background:#ffffff;
padding:160px 30px;
text-align:center;
}

/* Eyebrow */

.collage-eyebrow{
font-size:14px;
letter-spacing:2px;
text-transform:uppercase;
font-weight:700;
margin-bottom:18px;
color:#666;
}

/* Title */

.collage-title{
font-family:Inter,sans-serif;
font-size:clamp(46px,7vw,90px);
font-weight:900;
letter-spacing:-1px;
margin-bottom:60px;
color:#000;
}

/* Panel */

.collage-panel{
max-width:1200px;
margin:0 auto 70px;
background:#111;
border-radius:36px;
padding:20px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
box-shadow:0 40px 90px rgba(0,0,0,0.25);
}

/* Images */

.collage-panel img{
width:100%;
height:260px;
object-fit:cover;
border-radius:22px;
transition:transform 0.4s ease;
}

.collage-panel img:hover{
transform:scale(1.05);
}

/* Text */

.collage-sub{
max-width:760px;
margin:0 auto 24px;
font-size:22px;
line-height:1.6;
color:#222;
}

.collage-sub.strong{
font-weight:700;
color:#000;
}

/* Button spacing */

.collage-hero .hero-cta{
margin-top:40px;
}

/* Responsive */

@media(max-width:1000px){
.collage-panel{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.collage-panel{
grid-template-columns:1fr;
}

.collage-panel img{
height:220px;
}
}/* End custom CSS */