.elementor-203 .elementor-element.elementor-element-75040dd{--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;}.elementor-203 .elementor-element.elementor-element-8944c6b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-203 .elementor-element.elementor-element-142096c{--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;}.elementor-203 .elementor-element.elementor-element-77c0e20{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-203 .elementor-element.elementor-element-b7a9bd8{--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;}.elementor-203 .elementor-element.elementor-element-3a8051e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-203 .elementor-element.elementor-element-00e9d38{--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;}.elementor-203 .elementor-element.elementor-element-3573960{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-203 .elementor-element.elementor-element-9f5c369{--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;}.elementor-203 .elementor-element.elementor-element-362c102{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-203 .elementor-element.elementor-element-845027f{--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;}.elementor-203 .elementor-element.elementor-element-07ac026{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-203 .elementor-element.elementor-element-4f911cf{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-203 .elementor-element.elementor-element-0232b3d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-203 .elementor-element.elementor-element-2170c0b{--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;}.elementor-203 .elementor-element.elementor-element-b5baf73{--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;}.elementor-203 .elementor-element.elementor-element-8c964da{--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;}.elementor-203 .elementor-element.elementor-element-9acec44{--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;}.elementor-203 .elementor-element.elementor-element-cd73088{--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;}.elementor-203 .elementor-element.elementor-element-175e6f8{--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;}@media(min-width:768px){.elementor-203 .elementor-element.elementor-element-2170c0b{--width:30%;}.elementor-203 .elementor-element.elementor-element-175e6f8{--width:70%;}}/* Start custom CSS for container, class: .elementor-element-4f911cf *//*
  NinaO Studio — CONTACT (Elementor widget skin)
  Paste this into Elementor's "Custom CSS" (Site Settings > Custom CSS, or the
  Container's own Custom CSS panel) to make the live Elementor markup match
  the 08-contact.html reference design pixel-for-pixel.

  Targets the exact element IDs from the markup you gave me:
    4f911cf  outer container            -> .nns-contact__inner
    69ede25  heading "CONTACT"          -> kicker
    76ab975  heading "Let's create..."  -> title
    35f7a1c  heading "Complete the..."  -> subtitle
    0232b3d  container                  -> two-column grid (info / form)
    2170c0b  container                  -> info column
      b5baf73 / 8c964da / 9acec44 / cd73088  -> WhatsApp / Phone / Email / Instagram rows
    aa50079  heading "NINAOSTUDIO.COM"  -> site line
    175e6f8  container                  -> form column
    a94ccf3  shortcode (CF7 form)       -> form fields

  Fonts: "Cormorant Garamond" (serif/display), "Inter" (sans) — load via 00-fonts.html.
  If a font isn't already enqueued on this page, these rules will fall back to
  the system serif/sans stacks instead of silently failing.
*/

/* ---------- outer wrapper ---------- */

.elementor-element-4f911cf.e-con {
  background-color: #FBFAF7 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  /* padding-inline centers the 1152px content column without shrinking the box itself,
     so the bone background stays full-bleed instead of leaving white strips on the sides */
  padding: 96px max(24px, calc((100% - 1152px) / 2)) !important;
  display: flex !important;
  flex-direction: column !important;
}

@media (min-width: 768px) {
  .elementor-element-4f911cf.e-con {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}

/* Fallback: if the white strips are actually coming from an ancestor Section/Container
   (a boxed content-width wrapper above this element) rather than from 4f911cf itself,
   this extends the same background up to that ancestor without needing its class/ID. */
.elementor-element-4f911cf.e-con,
*:has(> .elementor-element-4f911cf.e-con) {
  background-color: #FBFAF7 !important;
}

/* ---------- header: kicker / title / subtitle ---------- */

.elementor-element-69ede25 .elementor-heading-title {
  margin: 0 auto !important;
  max-width: 720px !important;
  font-family: "Cormorant Garamond", "Times New Roman", serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  color: #6E7276 !important;
  text-align: center !important;
  text-transform: lowercase !important;
}

.elementor-element-76ab975 .elementor-heading-title {
  margin: 20px auto 0 auto !important;
  max-width: 720px !important;
  font-family: "Cormorant Garamond", "Times New Roman", serif !important;
  font-weight: 400 !important;
  font-size: clamp(2.75rem, 5.2vw, 4.5rem) !important;
  line-height: 1.05 !important;
  color: #2F3338 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

.elementor-element-35f7a1c .elementor-heading-title {
  margin: 24px auto 0 auto !important;
  max-width: 576px !important;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.85 !important;
  color: #6E7276 !important;
  text-align: center !important;
  text-transform: none !important;
}

/* ---------- two-column grid ---------- */

.elementor-element-0232b3d.e-con {
  margin-top: 64px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 48px !important;
  width: 100% !important;
}

@media (min-width: 900px) {
  .elementor-element-0232b3d.e-con {
    grid-template-columns: 5fr 7fr !important;
    gap: 64px !important;
  }
}

.elementor-element-2170c0b.e-con,
.elementor-element-175e6f8.e-con {
  width: auto !important;
  max-width: 100% !important;
}

.elementor-element-2170c0b.e-con {
  display: flex !important;
  flex-direction: column !important;
  animation: nnsFadeUp 0.9s ease-out 0.15s both !important;
}

.elementor-element-175e6f8.e-con {
  animation: nnsFadeUp 0.9s ease-out 0.3s both !important;
}

/* ---------- info column: contact rows ---------- */

.elementor-element-b5baf73.e-con,
.elementor-element-8c964da.e-con,
.elementor-element-9acec44.e-con,
.elementor-element-cd73088.e-con {
  border-bottom: 1px solid #E0DED8 !important;
  padding-bottom: 20px !important;
  margin-bottom: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  transition: border-color 0.35s ease !important;
}

.elementor-element-b5baf73.e-con:hover,
.elementor-element-8c964da.e-con:hover,
.elementor-element-9acec44.e-con:hover,
.elementor-element-cd73088.e-con:hover {
  border-bottom-color: #2F3338 !important;
}

.elementor-element-bf98f28 .elementor-heading-title,
.elementor-element-ca57cb1 .elementor-heading-title,
.elementor-element-993b873 .elementor-heading-title,
.elementor-element-109c4c5 .elementor-heading-title {
  margin: 0 !important;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3em !important;
  color: #6E7276 !important;
  text-align: left !important;
}

.elementor-element-d09c8cd .elementor-heading-title,
.elementor-element-177576e .elementor-heading-title,
.elementor-element-1f077e5 .elementor-heading-title,
.elementor-element-fb3b767 .elementor-heading-title {
  margin: 8px 0 0 0 !important;
  text-align: left !important;
}

.elementor-element-d09c8cd .elementor-heading-title a,
.elementor-element-177576e .elementor-heading-title a,
.elementor-element-1f077e5 .elementor-heading-title a,
.elementor-element-fb3b767 .elementor-heading-title a {
  font-family: "Cormorant Garamond", "Times New Roman", serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: 24px !important;
  color: #2F3338 !important;
  text-decoration: none !important;
  transition: color 0.3s ease, letter-spacing 0.3s ease !important;
}

.elementor-element-b5baf73.e-con:hover .elementor-heading-title a,
.elementor-element-8c964da.e-con:hover .elementor-heading-title a,
.elementor-element-9acec44.e-con:hover .elementor-heading-title a,
.elementor-element-cd73088.e-con:hover .elementor-heading-title a {
  color: #14161A !important;
  letter-spacing: 0.005em !important;
}

.elementor-element-aa50079 .elementor-heading-title {
  margin-top: 40px !important;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3em !important;
  color: rgba(47, 51, 56, 0.7) !important;
  text-align: left !important;
}

/* ---------- form column (Contact Form 7) ---------- */

.elementor-element-a94ccf3 .wpcf7-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 24px !important;
  margin: 0 !important;
}

@media (min-width: 900px) {
  .elementor-element-a94ccf3 .wpcf7-form {
    grid-template-columns: 1fr 1fr !important;
  }

  /* phone, message and submit rows span both columns; name/email stay side by side */
  .elementor-element-a94ccf3 .wpcf7-form>p:nth-of-type(3),
  .elementor-element-a94ccf3 .wpcf7-form>p:nth-of-type(4),
  .elementor-element-a94ccf3 .wpcf7-form>p:nth-of-type(5) {
    grid-column: 1 / -1 !important;
  }
}

.elementor-element-a94ccf3 .wpcf7-form>p {
  margin: 0 !important;
}

.elementor-element-a94ccf3 .wpcf7-form label {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
  color: #6E7276 !important;
}

.elementor-element-a94ccf3 .wpcf7-form label br {
  display: none !important;
}

.elementor-element-a94ccf3 .wpcf7-form-control-wrap {
  display: block !important;
}

.elementor-element-a94ccf3 .wpcf7-form-control:not(.wpcf7-submit) {
  border: 0 !important;
  border-bottom: 1px solid #E0DED8 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  padding: 12px 0 !important;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: #2F3338 !important;
  outline: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
  transition: border-color 0.3s ease !important;
}

.elementor-element-a94ccf3 textarea.wpcf7-form-control {
  resize: vertical !important;
  min-height: 140px !important;
}

.elementor-element-a94ccf3 .wpcf7-form-control:not(.wpcf7-submit):focus {
  border-bottom-color: #2F3338 !important;
}

.elementor-element-a94ccf3 .wpcf7-form-control::placeholder {
  color: #6E7276 !important;
  opacity: 0.7 !important;
}

.elementor-element-a94ccf3 input.wpcf7-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  margin-top: 16px !important;
  border: 1px solid rgba(47, 51, 56, 0.7) !important;
  border-radius: 2px !important;
  background-color: transparent !important;
  padding: 14px 40px !important;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3em !important;
  color: #2F3338 !important;
  cursor: pointer !important;
  transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease !important;
}

.elementor-element-a94ccf3 input.wpcf7-submit:hover {
  background-color: #2F3338 !important;
  border-color: #2F3338 !important;
  color: #FBFAF7 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(47, 51, 56, 0.18) !important;
}

@keyframes nnsFadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* End custom CSS */