/* Start custom CSS for html, class: .elementor-element-ab9c811 *//* ============================================================
ENTERTAINMENT WORLD
ABOUT PAGE — PREMIUM EDITORIAL DESIGN
PRIMARY : #D6336C
ACCENT : #FF4081
SOFT : #FFB6C1
DARK : #090909
CREAM : #FFF8FA
HEADING : Playfair Display
BODY : DM Sans
ALL CSS IS SCOPED TO .ew-about
============================================================ */
.ew-about {
--ewa-primary: #D6336C;
--ewa-accent: #FF4081;
--ewa-soft: #FFB6C1;
--ewa-black: #090909;
--ewa-dark: #121012;
--ewa-dark-two: #191419;
--ewa-white: #FFFFFF;
--ewa-cream: #FFF8FA;
--ewa-grey: #8D8388;
--ewa-border: rgba(255,255,255,0.13);
width: 100%;
overflow: hidden;
background: var(--ewa-black);
color: #fff;
font-family:
"DM Sans",
Arial,
sans-serif;
}
.ew-about *,
.ew-about *::before,
.ew-about *::after {
box-sizing: border-box;
}
.ew-about a {
text-decoration: none;
}
.ew-about p {
margin-top: 0;
}
/* ============================================================
HERO
============================================================ */
.ewa-hero {
min-height: 720px;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
background:
radial-gradient(
circle at 82% 35%,
rgba(255,64,129,0.26),
transparent 28%
),
radial-gradient(
circle at 60% 100%,
rgba(214,51,108,0.22),
transparent 35%
),
#090909;
}
.ewa-hero::before {
content: "";
position: absolute;
width: 620px;
height: 620px;
right: -210px;
top: -170px;
border-radius: 50%;
border:
1px solid
rgba(255,182,193,0.20);
}
.ewa-hero::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(
90deg,
rgba(0,0,0,0.5),
transparent 60%
);
pointer-events: none;
}
.ewa-hero-inner {
position: relative;
z-index: 3;
width: 100%;
max-width: 1400px;
margin: auto;
padding:
100px 7%;
}
.ewa-hero-label {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 35px;
color:
var(--ewa-soft);
font-size: 9px;
font-weight: 700;
letter-spacing: 3px;
}
.ewa-hero-label span {
width: 38px;
height: 1px;
background:
var(--ewa-primary);
font-size: 0;
}
.ewa-hero h1 {
max-width: 1000px;
margin: 0;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(58px, 8vw, 116px);
font-weight: 600;
line-height: 0.91;
letter-spacing: -5px;
}
.ewa-hero h1 em {
display: block;
color:
var(--ewa-accent);
font-style: italic;
}
.ewa-hero-inner > p {
max-width: 650px;
margin:
35px 0 0;
color:
rgba(255,255,255,0.67);
font-size: 14px;
line-height: 1.9;
}
.ewa-hero-side {
position: absolute;
right: 35px;
bottom: 40px;
z-index: 4;
writing-mode: vertical-rl;
color:
rgba(255,255,255,0.28);
font-size: 8px;
font-weight: 700;
letter-spacing: 4px;
line-height: 2;
}
.ewa-hero-shape {
position: absolute;
z-index: 1;
border-radius: 50%;
pointer-events: none;
}
.ewa-shape-one {
width: 250px;
height: 250px;
right: 12%;
bottom: -150px;
background:
var(--ewa-primary);
filter:
blur(100px);
opacity: .30;
}
.ewa-shape-two {
width: 160px;
height: 160px;
right: 27%;
top: 20%;
background:
var(--ewa-accent);
filter:
blur(80px);
opacity: .20;
}
/* ============================================================
LUXURY NOTE
============================================================ */
.ewa-luxury-note {
position: relative;
padding:
90px 8%;
display: grid;
grid-template-columns:
90px 1fr 90px;
gap: 40px;
align-items: center;
background:
var(--ewa-soft);
color:
#1A1115;
}
.ewa-note-line {
width: 55px;
height: 1px;
background:
var(--ewa-primary);
}
.ewa-note-content {
max-width: 1050px;
}
.ewa-note-label {
display: block;
margin-bottom: 20px;
color:
var(--ewa-primary);
font-size: 8px;
font-weight: 800;
letter-spacing: 3px;
}
.ewa-note-content h2 {
margin: 0;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(38px, 5vw, 70px);
line-height: 1;
letter-spacing: -3px;
font-weight: 600;
}
.ewa-note-content h2 span {
color:
var(--ewa-primary);
}
.ewa-note-content p {
max-width: 850px;
margin:
22px 0 0;
color:
rgba(26,17,21,0.68);
font-size: 12px;
line-height: 1.8;
font-weight: 600;
}
.ewa-note-number {
align-self: end;
color:
rgba(26,17,21,0.45);
font-size: 8px;
font-weight: 800;
letter-spacing: 2px;
}
/* ============================================================
INTRODUCTION
============================================================ */
.ewa-introduction {
padding:
140px 8%;
display: grid;
grid-template-columns:
.85fr 1.15fr;
gap: 100px;
background:
var(--ewa-cream);
color:
#171114;
}
.ewa-section-number {
display: block;
color:
var(--ewa-primary);
font-size: 10px;
font-weight: 800;
letter-spacing: 2px;
}
.ewa-small-title {
display: block;
margin-top: 14px;
color:
#777076;
font-size: 8px;
font-weight: 800;
letter-spacing: 2.5px;
}
.ewa-intro-left h2 {
margin:
25px 0 0;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(48px, 5.5vw, 78px);
line-height: .94;
letter-spacing: -4px;
font-weight: 600;
}
.ewa-intro-left h2 em {
display: block;
color:
var(--ewa-primary);
font-style: italic;
}
.ewa-intro-right {
padding-top: 35px;
}
.ewa-intro-right p {
max-width: 780px;
color:
#696166;
font-size: 14px;
line-height: 2;
margin-bottom: 25px;
}
.ewa-intro-right .ewa-lead {
color:
#242024;
font-family:
"Playfair Display",
Georgia,
serif;
font-size: 25px;
line-height: 1.5;
}
/* ============================================================
SERVICES
============================================================ */
.ewa-services {
padding:
135px 7%;
background:
var(--ewa-black);
}
.ewa-services-heading {
max-width: 1380px;
margin:
0 auto 65px;
}
.ewa-services-heading h2 {
margin:
18px 0 0;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(50px, 6vw, 82px);
line-height: .92;
letter-spacing: -4px;
font-weight: 600;
}
.ewa-services-heading h2 em {
color:
var(--ewa-accent);
font-style: italic;
}
/* SERVICE CARDS */
.ewa-service-cards {
max-width: 1380px;
margin: auto;
display: grid;
grid-template-columns:
repeat(4, 1fr);
gap: 14px;
}
.ewa-service-card {
min-height: 410px;
position: relative;
padding: 28px;
overflow: hidden;
border:
1px solid
var(--ewa-border);
background:
linear-gradient(
145deg,
#171317,
#0C0B0C
);
transition:
transform .4s ease,
border-color .4s ease;
}
.ewa-service-card::before {
content: "";
position: absolute;
width: 170px;
height: 170px;
top: -80px;
right: -80px;
border-radius: 50%;
background:
var(--ewa-primary);
filter:
blur(55px);
opacity: 0;
transition:
opacity .4s ease;
}
.ewa-service-card:hover {
transform:
translateY(-9px);
border-color:
rgba(255,64,129,0.55);
}
.ewa-service-card:hover::before {
opacity: .25;
}
.ewa-service-card > span {
color:
var(--ewa-soft);
font-size: 8px;
font-weight: 700;
letter-spacing: 2px;
}
.ewa-service-icon {
width: 52px;
height: 52px;
margin:
70px 0 25px;
display: flex;
align-items: center;
justify-content: center;
border:
1px solid
rgba(255,182,193,0.25);
border-radius: 50%;
color:
var(--ewa-accent);
font-size: 19px;
}
.ewa-service-card h3 {
max-width: 230px;
margin:
0 0 15px;
font-family:
"Playfair Display",
Georgia,
serif;
font-size: 24px;
line-height: 1.05;
font-weight: 600;
}
.ewa-service-card p {
color:
#837980;
font-size: 11px;
line-height: 1.8;
}
.ewa-service-card > b {
position: absolute;
right: 25px;
bottom: 25px;
color:
rgba(255,255,255,0.15);
font-family:
"Playfair Display",
Georgia,
serif;
font-size: 42px;
}
/* ============================================================
DIFFERENCE
============================================================ */
.ewa-difference {
padding:
145px 8%;
display: grid;
grid-template-columns:
1fr 1fr;
gap: 110px;
align-items: center;
background:
var(--ewa-dark-two);
}
/* VISUAL */
.ewa-difference-visual {
min-height: 570px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background:
linear-gradient(
145deg,
#23151B,
#100E10
);
}
.ewa-circle {
position: absolute;
border-radius: 50%;
border:
1px solid
rgba(255,182,193,0.18);
}
.ewa-circle-one {
width: 480px;
height: 480px;
}
.ewa-circle-two {
width: 350px;
height: 350px;
}
.ewa-circle-three {
width: 220px;
height: 220px;
background:
radial-gradient(
circle,
rgba(214,51,108,.35),
transparent 70%
);
}
.ewa-visual-text {
position: relative;
z-index: 3;
text-align: center;
}
.ewa-visual-text strong {
display: block;
font-family:
"Playfair Display",
Georgia,
serif;
font-size: 130px;
line-height: .8;
color:
var(--ewa-soft);
font-weight: 500;
}
.ewa-visual-text span {
display: block;
margin-top: 25px;
color:
rgba(255,255,255,0.48);
font-size: 8px;
font-weight: 700;
letter-spacing: 3px;
line-height: 1.8;
}
/* DIFFERENCE CONTENT */
.ewa-difference-content h2 {
margin:
20px 0 25px;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(50px, 5.5vw, 76px);
line-height: .94;
letter-spacing: -4px;
font-weight: 600;
}
.ewa-difference-content h2 em {
display: block;
color:
var(--ewa-accent);
font-style: italic;
}
.ewa-difference-content > p {
max-width: 650px;
color:
#8F858A;
font-size: 13px;
line-height: 1.9;
}
/* POINTS */
.ewa-points {
margin-top: 40px;
border-top:
1px solid
var(--ewa-border);
}
.ewa-points > div {
display: grid;
grid-template-columns:
40px 1fr;
column-gap: 20px;
padding:
20px 0;
border-bottom:
1px solid
var(--ewa-border);
}
.ewa-points span {
color:
var(--ewa-primary);
font-size: 8px;
font-weight: 800;
letter-spacing: 1px;
}
.ewa-points strong {
color: #fff;
font-family:
"Playfair Display",
Georgia,
serif;
font-size: 19px;
font-weight: 600;
}
.ewa-points p {
grid-column: 2;
margin:
7px 0 0;
color:
#716970;
font-size: 10px;
line-height: 1.7;
}
/* ============================================================
USA PRESENCE
============================================================ */
.ewa-presence {
padding:
135px 7%;
background:
var(--ewa-cream);
color:
#171114;
}
.ewa-presence-header {
max-width: 1380px;
margin:
0 auto 65px;
display: grid;
grid-template-columns:
130px 1fr;
gap: 40px;
}
.ewa-presence-header h2 {
margin:
18px 0 0;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(48px, 5.5vw, 78px);
line-height: .94;
letter-spacing: -4px;
font-weight: 600;
}
.ewa-presence-header h2 em {
color:
var(--ewa-primary);
font-style: italic;
}
/* LOCATION GRID */
.ewa-presence-grid {
max-width: 1380px;
margin: auto;
display: grid;
grid-template-columns:
repeat(3,1fr);
border-top:
1px solid
rgba(0,0,0,.16);
border-left:
1px solid
rgba(0,0,0,.16);
}
.ewa-presence-grid div {
min-height: 85px;
padding:
0 22px;
display: flex;
align-items: center;
border-right:
1px solid
rgba(0,0,0,.16);
border-bottom:
1px solid
rgba(0,0,0,.16);
font-family:
"Playfair Display",
Georgia,
serif;
font-size: 20px;
transition:
.3s ease;
}
.ewa-presence-grid div:hover {
background:
var(--ewa-primary);
color: #fff;
padding-left: 30px;
}
/* ============================================================
SEO
============================================================ */
.ewa-about-seo {
padding:
125px 8%;
background:
var(--ewa-black);
}
.ewa-seo-label {
color:
var(--ewa-soft);
font-size: 8px;
font-weight: 800;
letter-spacing: 3px;
}
.ewa-about-seo h2 {
max-width: 1000px;
margin:
20px 0 35px;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(46px, 5.5vw, 75px);
line-height: .94;
letter-spacing: -4px;
font-weight: 600;
}
.ewa-about-seo p {
max-width: 950px;
margin-bottom: 20px;
color:
#898087;
font-size: 13px;
line-height: 1.95;
}
/* ============================================================
CTA
============================================================ */
.ewa-cta {
position: relative;
min-height: 560px;
padding:
100px 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
background:
linear-gradient(
135deg,
var(--ewa-primary),
var(--ewa-accent)
);
}
.ewa-cta::before {
content: "";
position: absolute;
width: 680px;
height: 680px;
border:
1px solid
rgba(255,255,255,.25);
border-radius: 50%;
}
.ewa-cta::after {
content: "";
position: absolute;
width: 450px;
height: 450px;
border:
1px solid
rgba(255,255,255,.20);
border-radius: 50%;
}
.ewa-cta-inner {
position: relative;
z-index: 3;
max-width: 900px;
}
.ewa-cta-inner > span {
color:
rgba(255,255,255,.78);
font-size: 8px;
font-weight: 800;
letter-spacing: 4px;
}
.ewa-cta h2 {
margin:
22px 0;
font-family:
"Playfair Display",
Georgia,
serif;
font-size:
clamp(52px, 7vw, 90px);
line-height: .91;
letter-spacing: -5px;
font-weight: 600;
}
.ewa-cta h2 em {
display: block;
color:
var(--ewa-soft);
font-style: italic;
}
.ewa-cta p {
max-width: 620px;
margin:
0 auto 32px;
color:
rgba(255,255,255,.82);
font-size: 13px;
line-height: 1.8;
}
.ewa-cta-buttons {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
}
.ewa-cta-buttons a {
min-height: 53px;
padding:
0 25px;
display: inline-flex;
align-items: center;
justify-content: center;
background:
#111;
color: #fff;
font-size: 9px;
font-weight: 800;
letter-spacing: 1.5px;
text-transform: uppercase;
transition:
.3s ease;
}
.ewa-cta-buttons a:first-child {
background:
var(--ewa-soft);
color:
#241419;
}
.ewa-cta-buttons a:hover {
transform:
translateY(-4px);
background: #fff;
color: #111;
}
/* ============================================================
TABLET
============================================================ */
@media (max-width: 1100px) {
.ewa-service-cards {
grid-template-columns:
repeat(2,1fr);
}
.ewa-introduction {
gap: 60px;
}
.ewa-difference {
gap: 60px;
}
.ewa-presence-grid {
grid-template-columns:
repeat(2,1fr);
}
}
/* ============================================================
MOBILE
============================================================ */
@media (max-width: 700px) {
/* HERO */
.ewa-hero {
min-height: 680px;
}
.ewa-hero-inner {
padding:
80px 22px;
}
.ewa-hero h1 {
font-size: 51px;
letter-spacing: -3px;
}
.ewa-hero-inner > p {
font-size: 12px;
}
.ewa-hero-side {
display: none;
}
/* NOTE */
.ewa-luxury-note {
display: block;
padding:
65px 22px;
}
.ewa-note-line {
margin-bottom: 30px;
}
.ewa-note-content h2 {
font-size: 39px;
letter-spacing: -2px;
}
.ewa-note-content p {
font-size: 11px;
}
.ewa-note-number {
margin-top: 25px;
}
/* INTRO */
.ewa-introduction {
display: block;
padding:
80px 22px;
}
.ewa-intro-left h2 {
font-size: 46px;
letter-spacing: -2px;
margin-bottom: 45px;
}
.ewa-intro-right {
padding-top: 0;
}
.ewa-intro-right .ewa-lead {
font-size: 21px;
}
.ewa-intro-right p {
font-size: 12px;
line-height: 1.85;
}
/* SERVICES */
.ewa-services {
padding:
80px 20px;
}
.ewa-services-heading h2 {
font-size: 46px;
letter-spacing: -2px;
}
.ewa-service-cards {
grid-template-columns: 1fr;
gap: 12px;
}
.ewa-service-card {
min-height: 360px;
}
/* DIFFERENCE */
.ewa-difference {
display: block;
padding:
80px 20px;
}
.ewa-difference-visual {
min-height: 430px;
margin-bottom: 60px;
}
.ewa-circle-one {
width: 360px;
height: 360px;
}
.ewa-circle-two {
width: 270px;
height: 270px;
}
.ewa-circle-three {
width: 170px;
height: 170px;
}
.ewa-visual-text strong {
font-size: 100px;
}
.ewa-difference-content h2 {
font-size: 48px;
letter-spacing: -2px;
}
/* PRESENCE */
.ewa-presence {
padding:
80px 20px;
}
.ewa-presence-header {
display: block;
margin-bottom: 45px;
}
.ewa-presence-header h2 {
font-size: 47px;
letter-spacing: -2px;
}
.ewa-presence-grid {
grid-template-columns: 1fr;
}
.ewa-presence-grid div {
min-height: 70px;
font-size: 18px;
}
/* SEO */
.ewa-about-seo {
padding:
80px 20px;
}
.ewa-about-seo h2 {
font-size: 43px;
letter-spacing: -2px;
}
.ewa-about-seo p {
font-size: 12px;
line-height: 1.85;
}
/* CTA */
.ewa-cta {
min-height: 520px;
padding:
70px 20px;
}
.ewa-cta h2 {
font-size: 51px;
letter-spacing: -3px;
}
.ewa-cta-buttons {
flex-direction: column;
}
.ewa-cta-buttons a {
width: 100%;
}
}
/* ============================================================
SMALL MOBILE
============================================================ */
@media (max-width: 380px) {
.ewa-hero h1 {
font-size: 44px;
}
.ewa-note-content h2 {
font-size: 35px;
}
.ewa-intro-left h2,
.ewa-services-heading h2 {
font-size: 40px;
}
.ewa-difference-content h2 {
font-size: 42px;
}
.ewa-about-seo h2 {
font-size: 38px;
}
.ewa-cta h2 {
font-size: 44px;
}
}/* End custom CSS */