/* Start custom CSS for html, class: .elementor-element-189be50 *//* ============================================================
ENTERTAINMENT WORLD
PREMIUM LUXURY EDITORIAL DESIGN
PRIMARY : #D6336C
ACCENT : #FF4081
SOFT : #FFB6C1
DARK : #090909
CREAM : #FFF8FA
FONTS
Heading : Playfair Display
Body : DM Sans
============================================================ */
.ew-premium {
--ew-primary: #D6336C;
--ew-accent: #FF4081;
--ew-soft: #FFB6C1;
--ew-black: #090909;
--ew-dark: #111111;
--ew-dark2: #181418;
--ew-white: #FFFFFF;
--ew-cream: #FFF8FA;
--ew-muted: #8F858A;
width: 100%;
overflow: hidden;
background: var(--ew-black);
color: var(--ew-white);
font-family:
"DM Sans",
Arial,
sans-serif;
}
.ew-premium *,
.ew-premium *::before,
.ew-premium *::after {
box-sizing: border-box;
}
.ew-premium a {
text-decoration: none;
}
.ew-premium img {
max-width: 100%;
display: block;
}
/* ============================================================
HERO
============================================================ */
.ew-hero {
position: relative;
height: 900px;
min-height: 100vh;
overflow: hidden;
background: #000;
}
/* VIDEO */
.ew-video-wrap {
position: absolute;
inset: 0;
overflow: hidden;
}
.ew-video-wrap iframe {
position: absolute;
top: 50%;
left: 50%;
width: 177.78vh;
min-width: 100%;
height: 56.25vw;
min-height: 100%;
transform:
translate(-50%, -50%)
scale(1.06);
border: 0;
pointer-events: none;
}
/* ============================================================
MULTI LAYER PREMIUM VIDEO COLOR
============================================================ */
.ew-video-overlay {
position: absolute;
inset: 0;
z-index: 2;
background:
linear-gradient(
105deg,
rgba(5,5,5,0.90) 0%,
rgba(5,5,5,0.62) 36%,
rgba(214,51,108,0.28) 68%,
rgba(255,64,129,0.50) 100%
);
mix-blend-mode: normal;
}
.ew-video-overlay::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(
circle at 78% 30%,
rgba(255,182,193,0.32),
transparent 25%
),
radial-gradient(
circle at 90% 80%,
rgba(255,64,129,0.32),
transparent 30%
);
}
.ew-video-vignette {
position: absolute;
inset: 0;
z-index: 3;
background:
linear-gradient(
90deg,
rgba(0,0,0,0.45),
transparent 60%,
rgba(0,0,0,0.20)
),
linear-gradient(
180deg,
rgba(0,0,0,0.42),
transparent 30%,
rgba(0,0,0,0.70)
);
}
/* HERO CONTENT */
.ew-hero-content {
position: relative;
z-index: 5;
height: 100%;
padding:
30px 6%
32px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
/* TOP */
.ew-hero-top {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 18px;
border-bottom:
1px solid
rgba(255,255,255,0.22);
}
.ew-brand-mark {
display: flex;
align-items: center;
gap: 10px;
color: #fff;
font-size: 10px;
font-weight: 700;
letter-spacing: 3px;
}
.ew-brand-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--ew-accent);
box-shadow:
0 0 20px
rgba(255,64,129,0.85);
}
.ew-hero-location {
color:
rgba(255,255,255,0.65);
font-size: 9px;
font-weight: 700;
letter-spacing: 2px;
}
/* HERO MAIN */
.ew-hero-main {
max-width: 1050px;
margin-top: 40px;
}
.ew-hero-tag {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 25px;
color: var(--ew-soft);
font-size: 9px;
font-weight: 700;
letter-spacing: 3px;
}
.ew-hero-tag span {
width: 32px;
height: 1px;
background: var(--ew-soft);
}
/* MAIN HEADING */
.ew-hero h1 {
max-width: 1000px;
margin: 0;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(60px, 8vw, 120px);
font-weight: 600;
line-height: 0.88;
letter-spacing: -5px;
color: #fff;
}
.ew-hero h1 span {
color: var(--ew-soft);
font-style: italic;
}
.ew-hero h1 i {
display: block;
color: var(--ew-accent);
font-style: italic;
}
.ew-hero-main > p {
max-width: 620px;
margin:
32px 0 0;
color:
rgba(255,255,255,0.78);
font-size: 15px;
line-height: 1.85;
}
/* BUTTONS */
.ew-hero-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 30px;
}
.ew-btn {
min-height: 54px;
padding:
0 23px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 9px;
font-weight: 700;
letter-spacing: 1.8px;
text-transform: uppercase;
transition: 0.3s ease;
}
.ew-btn-main {
gap: 28px;
background:
var(--ew-primary);
color: #fff;
box-shadow:
0 18px 45px
rgba(214,51,108,0.30);
}
.ew-btn-main span {
font-size: 18px;
font-weight: 400;
}
.ew-btn-main:hover {
background:
var(--ew-accent);
transform:
translateY(-4px);
}
.ew-btn-outline {
border:
1px solid
rgba(255,255,255,0.38);
color: #fff;
background:
rgba(0,0,0,0.12);
backdrop-filter:
blur(12px);
}
.ew-btn-outline:hover {
background:
var(--ew-soft);
color:
#171013;
border-color:
var(--ew-soft);
transform:
translateY(-4px);
}
/* HERO BOTTOM */
.ew-hero-bottom {
display: grid;
grid-template-columns:
auto 1fr auto;
align-items: center;
gap: 20px;
color:
rgba(255,255,255,0.55);
font-size: 8px;
font-weight: 700;
letter-spacing: 2.5px;
}
.ew-hero-line {
height: 1px;
background:
linear-gradient(
90deg,
var(--ew-accent),
transparent
);
}
/* ============================================================
INTRO
============================================================ */
.ew-intro {
padding:
135px 8%;
display: grid;
grid-template-columns:
0.45fr 1.55fr;
gap: 80px;
background:
var(--ew-cream);
color: #171114;
}
.ew-intro-label {
display: flex;
flex-direction: column;
gap: 28px;
color: #777;
font-size: 8px;
font-weight: 700;
letter-spacing: 2px;
}
.ew-section-no {
color:
var(--ew-primary);
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
}
.ew-intro-content {
max-width: 1000px;
}
.ew-intro-content h2 {
margin:
0 0 30px;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(50px, 6vw, 82px);
line-height: 0.98;
letter-spacing: -4px;
font-weight: 600;
}
.ew-intro-content h2 em {
color:
var(--ew-primary);
font-style: italic;
}
.ew-intro-text {
max-width: 800px;
}
.ew-intro-text p {
margin:
0 0 18px;
color: #686065;
font-size: 15px;
line-height: 1.9;
}
/* STATS */
.ew-stats {
display: grid;
grid-template-columns:
repeat(3,1fr);
margin-top: 60px;
border-top:
1px solid
rgba(0,0,0,0.18);
}
.ew-stat {
padding:
25px 20px;
border-right:
1px solid
rgba(0,0,0,0.18);
}
.ew-stat:last-child {
border-right: 0;
}
.ew-stat strong {
display: block;
font-family:
"Playfair Display",
Georgia,
serif;
font-size: 48px;
line-height: 1;
color:
var(--ew-primary);
}
.ew-stat span {
display: block;
margin-top: 8px;
color: #777;
font-size: 8px;
font-weight: 700;
letter-spacing: 2px;
}
/* ============================================================
PROFILES
============================================================ */
.ew-profiles {
padding:
135px 6%;
background:
var(--ew-black);
}
.ew-section-head {
max-width: 1380px;
margin:
0 auto 65px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 60px;
}
.ew-mini-title {
display: block;
margin-top: 15px;
color:
var(--ew-soft);
font-size: 8px;
font-weight: 700;
letter-spacing: 3px;
}
.ew-section-head h2 {
margin:
18px 0 0;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(48px, 5.5vw, 78px);
font-weight: 600;
line-height: 0.95;
letter-spacing: -4px;
}
.ew-section-head h2 em {
color:
var(--ew-accent);
font-style: italic;
}
.ew-section-head > p {
max-width: 390px;
margin: 0;
color:
#8F858A;
font-size: 13px;
line-height: 1.9;
}
/* ============================================================
PROFILE GRID
EXACTLY 3 COLUMNS × 2 ROWS
============================================================ */
.ew-profile-grid {
max-width: 1380px;
margin: auto;
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
column-gap: 22px;
row-gap: 55px;
}
/* CARD */
.ew-profile-card {
min-width: 0;
}
/* SAME IMAGE SIZE */
.ew-profile-image {
position: relative;
width: 100%;
height: 570px;
overflow: hidden;
background:
#171214;
}
.ew-profile-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition:
transform 0.8s ease,
filter 0.8s ease;
filter:
saturate(0.82);
}
.ew-profile-card:hover
.ew-profile-image img {
transform:
scale(1.055);
filter:
saturate(1);
}
/* IMAGE OVERLAY */
.ew-image-overlay {
position: absolute;
inset: 0;
background:
linear-gradient(
180deg,
transparent 42%,
rgba(0,0,0,0.78) 100%
);
}
/* NUMBER */
.ew-profile-number {
position: absolute;
top: 18px;
left: 18px;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border:
1px solid
rgba(255,255,255,0.35);
background:
rgba(0,0,0,0.25);
color: #fff;
font-size: 9px;
font-weight: 700;
backdrop-filter:
blur(12px);
}
/* CATEGORY */
.ew-profile-category {
position: absolute;
left: 18px;
bottom: 18px;
padding:
8px 12px;
background:
var(--ew-primary);
color: #fff;
font-size: 8px;
font-weight: 700;
letter-spacing: 2px;
}
/* PROFILE INFO */
.ew-profile-info {
padding-top: 17px;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 15px;
border-top:
1px solid
rgba(255,255,255,0.13);
}
.ew-profile-name h3 {
margin:
0 0 5px;
font-family:
"Playfair Display",
Georgia,
serif;
font-size: 23px;
font-weight: 600;
color: #fff;
}
.ew-profile-name span {
color:
#776F74;
font-size: 8px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
}
/* ACTIONS */
.ew-profile-actions {
display: flex;
gap: 5px;
}
.ew-call {
min-width: 125px;
padding:
8px 10px;
display: flex;
flex-direction: column;
justify-content: center;
background:
#151113;
border:
1px solid
rgba(255,255,255,0.10);
transition: 0.3s ease;
}
.ew-call small {
color:
var(--ew-soft);
font-size: 7px;
font-weight: 700;
letter-spacing: 1px;
}
.ew-call strong {
margin-top: 4px;
color: #fff;
font-size: 8px;
}
.ew-call:hover {
border-color:
var(--ew-primary);
}
.ew-whatsapp {
padding:
0 14px;
display: flex;
align-items: center;
justify-content: center;
background:
var(--ew-accent);
color: #fff;
font-size: 8px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
transition: 0.3s ease;
}
.ew-whatsapp:hover {
background:
var(--ew-soft);
color: #211318;
}
/* ============================================================
SERVICES
============================================================ */
.ew-services {
padding:
135px 6%;
background:
var(--ew-dark2);
}
.ew-services-inner {
max-width: 1380px;
margin: auto;
}
.ew-service-intro {
display: grid;
grid-template-columns:
150px 1fr;
gap: 40px;
margin-bottom: 65px;
}
.ew-service-intro h2 {
max-width: 900px;
margin:
18px 0 0;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(48px, 5.5vw, 78px);
line-height: 0.95;
letter-spacing: -4px;
font-weight: 600;
}
.ew-service-intro h2 em {
display: block;
color:
var(--ew-soft);
font-style: italic;
}
/* SERVICE LIST */
.ew-service-list {
border-top:
1px solid
rgba(255,255,255,0.13);
}
.ew-service-item {
min-height: 150px;
padding:
28px 0;
display: grid;
grid-template-columns:
70px 1fr 40px;
align-items: center;
gap: 35px;
border-bottom:
1px solid
rgba(255,255,255,0.13);
transition:
0.35s ease;
}
.ew-service-item:hover {
padding-left: 18px;
padding-right: 18px;
background:
rgba(255,64,129,0.07);
}
.ew-service-item > span {
color:
var(--ew-primary);
font-size: 9px;
font-weight: 700;
letter-spacing: 2px;
}
.ew-service-item h3 {
margin:
0 0 9px;
color: #fff;
font-family:
"Playfair Display",
Georgia,
serif;
font-size: 24px;
font-weight: 600;
}
.ew-service-item p {
max-width: 700px;
margin: 0;
color:
#8F858A;
font-size: 12px;
line-height: 1.8;
}
.ew-service-item > b {
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border:
1px solid
rgba(255,255,255,0.18);
border-radius: 50%;
color:
var(--ew-soft);
font-size: 15px;
}
/* ============================================================
LOCATIONS
============================================================ */
.ew-locations {
padding:
135px 6%;
display: grid;
grid-template-columns:
0.7fr 1.3fr;
gap: 90px;
background:
var(--ew-cream);
color: #171114;
}
.ew-location-heading {
align-self: start;
position: sticky;
top: 35px;
}
.ew-location-heading .ew-mini-title {
color:
#777;
}
.ew-location-heading h2 {
margin:
20px 0;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(50px, 5.5vw, 80px);
line-height: 0.92;
letter-spacing: -4px;
font-weight: 600;
}
.ew-location-heading h2 em {
display: block;
color:
var(--ew-primary);
font-style: italic;
}
.ew-location-heading p {
max-width: 410px;
color: #696166;
font-size: 13px;
line-height: 1.9;
}
/* LOCATION GRID */
.ew-location-grid {
display: grid;
grid-template-columns:
repeat(2,1fr);
border-top:
1px solid
rgba(0,0,0,0.18);
border-left:
1px solid
rgba(0,0,0,0.18);
}
.ew-location-grid a {
min-height: 92px;
padding:
0 20px;
display: grid;
grid-template-columns:
38px 1fr 25px;
align-items: center;
border-right:
1px solid
rgba(0,0,0,0.18);
border-bottom:
1px solid
rgba(0,0,0,0.18);
color:
#171114;
transition:
0.3s ease;
}
.ew-location-grid a span {
color:
#9A9195;
font-size: 8px;
font-weight: 700;
}
.ew-location-grid a strong {
font-family:
"Playfair Display",
Georgia,
serif;
font-size: 19px;
font-weight: 600;
transition:
0.3s ease;
}
.ew-location-grid a i {
color:
#9A9195;
font-size: 15px;
font-style: normal;
transition:
0.3s ease;
}
.ew-location-grid a:hover {
background:
var(--ew-primary);
color: #fff;
}
.ew-location-grid a:hover span,
.ew-location-grid a:hover i {
color:
rgba(255,255,255,0.65);
}
.ew-location-grid a:hover strong {
transform:
translateX(5px);
}
/* ============================================================
SEO
============================================================ */
.ew-seo {
padding:
125px 8%;
background:
var(--ew-black);
}
.ew-seo-inner {
max-width: 1050px;
margin: auto;
}
.ew-seo-label {
color:
var(--ew-soft);
font-size: 8px;
font-weight: 700;
letter-spacing: 3px;
}
.ew-seo h2 {
margin:
20px 0 35px;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(45px, 5.5vw, 75px);
line-height: 0.95;
letter-spacing: -3px;
font-weight: 600;
}
.ew-seo p {
max-width: 900px;
margin:
0 0 20px;
color:
#8F858A;
font-size: 14px;
line-height: 1.95;
}
/* ============================================================
FINAL CTA
============================================================ */
.ew-final {
position: relative;
min-height: 620px;
padding:
100px 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
background:
linear-gradient(
135deg,
var(--ew-primary),
var(--ew-accent)
);
}
.ew-final::before {
content: "";
position: absolute;
width: 700px;
height: 700px;
border:
1px solid
rgba(255,255,255,0.28);
border-radius: 50%;
}
.ew-final::after {
content: "";
position: absolute;
width: 520px;
height: 520px;
border:
1px solid
rgba(255,255,255,0.22);
border-radius: 50%;
}
.ew-final-content {
position: relative;
z-index: 3;
max-width: 950px;
}
.ew-final-content > span {
color:
rgba(255,255,255,0.80);
font-size: 9px;
font-weight: 700;
letter-spacing: 4px;
}
.ew-final h2 {
margin:
22px 0;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(55px, 7vw, 98px);
line-height: 0.90;
letter-spacing: -5px;
font-weight: 600;
color: #fff;
}
.ew-final h2 em {
display: block;
color:
var(--ew-soft);
font-style: italic;
}
.ew-final p {
max-width: 600px;
margin:
0 auto 32px;
color:
rgba(255,255,255,0.80);
font-size: 14px;
line-height: 1.8;
}
.ew-final-buttons {
display: flex;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
}
.ew-final-buttons a {
min-height: 54px;
padding:
0 25px;
display: inline-flex;
align-items: center;
justify-content: center;
background:
#111;
color: #fff;
font-size: 9px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
transition: 0.3s ease;
}
.ew-final-buttons a:first-child {
background:
var(--ew-soft);
color:
#211318;
}
.ew-final-buttons a:hover {
transform:
translateY(-4px);
background:
#fff;
color:
#111;
}
/* ============================================================
TABLET
============================================================ */
@media (max-width: 1050px) {
.ew-profile-grid {
grid-template-columns:
repeat(2, minmax(0,1fr));
}
.ew-profile-image {
height: 560px;
}
.ew-locations {
grid-template-columns: 1fr;
gap: 55px;
}
.ew-location-heading {
position: relative;
top: auto;
}
.ew-service-item {
grid-template-columns:
55px 1fr 40px;
}
}
/* ============================================================
MOBILE
============================================================ */
@media (max-width: 700px) {
/* HERO */
.ew-hero {
height: 800px;
min-height: 100svh;
}
.ew-hero-content {
padding:
22px 20px
25px;
}
.ew-hero-location {
display: none;
}
.ew-brand-mark {
font-size: 8px;
letter-spacing: 2px;
}
.ew-hero-main {
margin-top: 20px;
}
.ew-hero-tag {
font-size: 7px;
letter-spacing: 2px;
}
.ew-hero h1 {
font-size: 52px;
letter-spacing: -3px;
line-height: 0.91;
}
.ew-hero-main > p {
font-size: 12px;
line-height: 1.75;
}
.ew-btn {
min-height: 48px;
padding:
0 15px;
font-size: 8px;
}
.ew-hero-bottom {
font-size: 6px;
letter-spacing: 1.5px;
}
/* INTRO */
.ew-intro {
display: block;
padding:
80px 20px;
}
.ew-intro-label {
margin-bottom: 35px;
}
.ew-intro-content h2 {
font-size: 45px;
letter-spacing: -2px;
}
.ew-intro-text p {
font-size: 13px;
}
.ew-stats {
grid-template-columns: 1fr;
margin-top: 40px;
}
.ew-stat {
border-right: 0;
border-bottom:
1px solid
rgba(0,0,0,0.18);
}
.ew-stat:last-child {
border-bottom: 0;
}
/* PROFILES */
.ew-profiles {
padding:
80px 20px;
}
.ew-section-head {
display: block;
margin-bottom: 45px;
}
.ew-section-head h2 {
font-size: 45px;
letter-spacing: -2px;
}
.ew-section-head > p {
margin-top: 22px;
font-size: 12px;
}
.ew-profile-grid {
grid-template-columns: 1fr;
row-gap: 45px;
}
.ew-profile-image {
height: 520px;
}
.ew-profile-info {
display: block;
}
.ew-profile-actions {
margin-top: 15px;
width: 100%;
}
.ew-call,
.ew-whatsapp {
flex: 1;
}
/* SERVICES */
.ew-services {
padding:
80px 20px;
}
.ew-service-intro {
display: block;
margin-bottom: 45px;
}
.ew-service-intro > .ew-section-no {
display: block;
margin-bottom: 25px;
}
.ew-service-intro h2 {
font-size: 45px;
letter-spacing: -2px;
}
.ew-service-item {
min-height: auto;
padding:
25px 0;
grid-template-columns:
35px 1fr;
gap: 10px;
}
.ew-service-item h3 {
font-size: 20px;
}
.ew-service-item p {
font-size: 11px;
}
.ew-service-item > b {
display: none;
}
/* LOCATIONS */
.ew-locations {
display: block;
padding:
80px 20px;
}
.ew-location-heading {
margin-bottom: 45px;
}
.ew-location-heading h2 {
font-size: 48px;
letter-spacing: -2px;
}
.ew-location-heading p {
font-size: 12px;
}
.ew-location-grid {
grid-template-columns: 1fr;
}
.ew-location-grid a {
min-height: 75px;
}
/* SEO */
.ew-seo {
padding:
80px 20px;
}
.ew-seo h2 {
font-size: 42px;
letter-spacing: -2px;
}
.ew-seo p {
font-size: 12px;
line-height: 1.85;
}
/* CTA */
.ew-final {
min-height: 560px;
padding:
70px 20px;
}
.ew-final::before {
width: 470px;
height: 470px;
}
.ew-final::after {
width: 350px;
height: 350px;
}
.ew-final h2 {
font-size: 52px;
letter-spacing: -3px;
}
.ew-final-buttons {
flex-direction: column;
}
.ew-final-buttons a {
width: 100%;
}
}
/* ============================================================
SMALL MOBILE
============================================================ */
@media (max-width: 380px) {
.ew-hero h1 {
font-size: 45px;
}
.ew-profile-image {
height: 470px;
}
.ew-intro-content h2,
.ew-section-head h2,
.ew-service-intro h2 {
font-size: 39px;
}
}/* End custom CSS */