.elementor-22 .elementor-element.elementor-element-eea8dfb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-75f8c9f *//* =========================
NWWC4 — Luxury Type + Hero + About
Playfair Display titles
No face-blocking overlay
========================= */

/* Load fonts (works in Elementor Custom CSS) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --nwwc4-blue: #8fc6d2;       /* set to your exact light blue if needed */
  --nwwc4-ink:  #07131a;
  --nwwc4-white:#ffffff;
  --nwwc4-muted: rgba(255,255,255,.82);
  --nwwc4-mutedDark: rgba(7,19,26,.72);
  --nwwc4-radius: 30px;
}

/* Typography */
.nwwc4-hero, .nwwc4-about{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nwwc4-hero__title,
.nwwc4-about__title{
  font-family: "Playfair Display", serif;
}

/* ---------- HERO ---------- */
.nwwc4-hero{
  position: relative;
  min-height: clamp(640px, 82vh, 900px);
  overflow: hidden;
  background: #07131a;
  padding: clamp(76px, 8vw, 120px) 18px;
  display: grid;
  align-items: center;
  isolation: isolate;
}

.nwwc4-hero__video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;
  transform: scale(1.02);
  filter: saturate(1.08) contrast(1.06);
  z-index:-2;
}

/* This is the NEW overlay: very subtle, edge vignette + bottom fade only.
   It will NOT block faces like the previous one. */
.nwwc4-hero__vignette{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(1200px 700px at 50% 45%, rgba(0,0,0,0), rgba(0,0,0,.18) 70%, rgba(0,0,0,.30) 100%),
    linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.10) 45%, rgba(0,0,0,.52) 100%);
}

.nwwc4-hero__inner{
  max-width: 1180px;
  margin: 0 auto;
  width: 100%;
}

.nwwc4-hero__content{
  max-width: 680px;
  color: var(--nwwc4-white);
}

.nwwc4-kicker{
  display:inline-block;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(255,255,255,.80);
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,.22);
}

.nwwc4-kicker--dark{
  color: rgba(7,19,26,.62);
  border-bottom: 1px solid rgba(7,19,26,.12);
}

.nwwc4-hero__title{
  margin: 18px 0 14px;
  font-weight: 600;
  font-size: clamp(52px, 5.2vw, 84px);
  line-height: 0.98;
  letter-spacing: -0.03em;
}

.nwwc4-hero__sub{
  margin: 0 0 22px;
  font-size: 18px;
  line-height: 1.75;
  color: var(--nwwc4-muted);
  max-width: 56ch;
}

.nwwc4-hero__actions{
  display:flex;
  align-items:center;
  gap: 18px;
  margin-top: 18px;
}

.nwwc4-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 650;
  text-decoration:none !important;
  color: var(--nwwc4-ink) !important;
  background: var(--nwwc4-blue);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 22px 80px rgba(0,0,0,.25);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.nwwc4-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 26px 95px rgba(0,0,0,.32);
}

.nwwc4-link{
  color: rgba(255,255,255,.86) !important;
  text-decoration: none !important;
  font-weight: 600;
  position: relative;
  padding-bottom: 4px;
}

.nwwc4-link::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:1px;
  background: rgba(255,255,255,.36);
  transform: scaleX(.65);
  transform-origin:left;
  transition: transform .15s ease;
}
.nwwc4-link:hover::after{ transform: scaleX(1); }

.nwwc4-hero__micro{
  margin-top: 16px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items:center;
  color: rgba(255,255,255,.70);
  font-size: 13px;
  letter-spacing: .02em;
}

.nwwc4-sep{ opacity: .7; }

/* scroll hint */
.nwwc4-scroll{
  position:absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  background: transparent;
  border: 0;
  color: rgba(255,255,255,.68);
  display:flex;
  flex-direction: column;
  align-items:center;
  gap: 8px;
  cursor: pointer;
}
.nwwc4-scroll__line{
  width: 1px;
  height: 34px;
  background: rgba(255,255,255,.52);
  border-radius: 99px;
  animation: nwwc4Scroll 1.6s ease-in-out infinite;
}
.nwwc4-scroll__text{
  font-size: 11px;
  letter-spacing: .20em;
  text-transform: uppercase;
}
@keyframes nwwc4Scroll{
  0%,100%{ transform: translateY(0); opacity:.7; }
  50%{ transform: translateY(7px); opacity:1; }
}

/* ---------- ABOUT ---------- */
.nwwc4-about{
  padding: clamp(76px, 7vw, 118px) 18px;
  background:
    radial-gradient(900px 520px at 20% 18%, rgba(255,255,255,.78), rgba(255,255,255,0) 62%),
    linear-gradient(180deg, rgba(143,198,210,.80), rgba(143,198,210,.28));
}

.nwwc4-about__inner{
  max-width: 1180px;
  margin: 0 auto;
  display:grid;
  grid-template-columns: 1.05fr 1fr;
  gap: clamp(24px, 4vw, 70px);
  align-items:center;
}

/* images: crisp luxury, soft corners */
.nwwc4-about__media{ display:grid; gap: 18px; }
.nwwc4-photo{
  border-radius: var(--nwwc4-radius);
  overflow:hidden;
  box-shadow: 0 34px 110px rgba(0,0,0,.16);
}
.nwwc4-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit: cover;
  transform: scale(1.01);
  filter: saturate(1.02) contrast(1.03);
}
.nwwc4-photo--tall{ aspect-ratio: 4 / 5; }
.nwwc4-photo--wide{
  aspect-ratio: 16 / 9;
  margin-left: clamp(0px, 4vw, 44px);
}

.nwwc4-about__content{ color: var(--nwwc4-ink); }

.nwwc4-about__title{
  margin: 16px 0 12px;
  font-weight: 600;
  font-size: clamp(34px, 3.6vw, 54px);
  line-height: 1.04;
  letter-spacing: -0.02em;
}

.nwwc4-about__body p{
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.85;
  color: rgba(7,19,26,.78);
}

/* Subtle “luxury emphasis” for key facts */
.nwwc4-about__body strong{
  font-weight: 650;
  color: rgba(7,19,26,.92);
}

/* Premium highlight pills */
.nwwc4-about__highlights{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.nwwc4-pill{
  padding: 12px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(255,255,255,.50);
  box-shadow: 0 18px 60px rgba(0,0,0,.10);
}

.nwwc4-pill__top{
  display:block;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(7,19,26,.60);
}

.nwwc4-pill__bottom{
  display:block;
  margin-top: 2px;
  font-size: 13px;
  font-weight: 650;
  color: rgba(7,19,26,.85);
}

.nwwc4-about__actions{
  display:flex;
  align-items:center;
  gap: 18px;
  margin-top: 18px;
}

.nwwc4-btn--dark{
  background: rgba(7,19,26,.92);
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18);
}

.nwwc4-link--dark{
  color: rgba(7,19,26,.70) !important;
}
.nwwc4-link--dark::after{
  background: rgba(7,19,26,.22);
}

/* Responsive */
@media (max-width: 980px){
  .nwwc4-about__inner{ grid-template-columns: 1fr; }
  .nwwc4-photo--wide{ margin-left: 0; }
}
@media (prefers-reduced-motion: reduce){
  .nwwc4-scroll__line{ animation: none; }
}/* End custom CSS */