.wp-block-html:has(.em-fixed-hero) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.em-fixed-hero,
.em-fixed-hero * {
  box-sizing: border-box;
}


/* =========================================
   HERO SECTION
========================================= */

.em-fixed-hero {
  position: relative;
  isolation: isolate;

  width: 100%;
  max-width: none;

  height: 100vh;
  min-height: 100dvh;

  margin: 0px 0px;
  padding: 0;

  overflow: hidden;
  background-color: #24211e;
}


/* =========================================
   SLIDER BACKGROUND
========================================= */

.em-fixed-hero .em-fixed-hero__background {
  position: absolute;
  inset: 0;
  z-index: 0;

  width: 100%;
  height: 100%;

  overflow: hidden;
  pointer-events: none;
}


/* Individual slides */

.em-fixed-hero .em-fixed-hero__slide {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  background-image: var(--hero-image);
  background-size: cover;
  background-position: center 40%;
  background-repeat: no-repeat;
  background-attachment: scroll;

  opacity: 0;
  transform: scale(1.035);

  transition:
    opacity 1.2s ease-in-out,
    transform 7s ease-out;

  will-change: opacity, transform;
}


/* Active slide */

.em-fixed-hero .em-fixed-hero__slide.is-active {
  opacity: 1;
  transform: scale(1);
}


/* =========================================
   DARK OVERLAY
========================================= */

.em-fixed-hero .em-fixed-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;

  background: rgba(0, 0, 0, 0.2);

  pointer-events: none;
}


/* =========================================
   NAVIGATION ARROWS
========================================= */
/* =========================================
   MINIMAL HERO NAVIGATION ARROWS
========================================= */

.em-fixed-hero__arrow {
  position: absolute;
  top: 50%;
  z-index: 5;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;
  padding: 0;

  border: none;
  border-radius: 0;
  outline: none;

  background: transparent;
  color: #ffffff;

  cursor: pointer;
  transform: translateY(-50%);

  transition: color .3s ease;
}

/* Arrow positioning */
.em-fixed-hero__arrow--prev {
  left: clamp(18px, 3vw, 48px);
}

.em-fixed-hero__arrow--next {
  right: clamp(18px, 3vw, 48px);
}

/* Icon */
.em-fixed-hero__arrow svg {
  display: block;
  width: 24px;
  height: 24px;
}

/* Hover: colour change only */
.em-fixed-hero__arrow:hover {
  color: #A77C5B;
  background: transparent;
  border: none;
  transform: translateY(-50%);
}



/* Left arrow */

.em-fixed-hero__arrow--prev {
  left: clamp(18px, 3vw, 48px);
}


/* Right arrow */

.em-fixed-hero__arrow--next {
  right: clamp(18px, 3vw, 48px);
}


/* Arrow icon */

.em-fixed-hero__arrow svg {
  display: block;
  width: 21px;
  height: 21px;
}


/* Hover */




/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

  .em-fixed-hero {
    min-height: 600px;
  }

  .em-fixed-hero .em-fixed-hero__slide {
    background-position: 79% center;
  }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

  .em-fixed-hero {
    margin: 0;
    padding: 0;
    height: 100vh;
    height: 100svh;
    min-height: 100vh;
    min-height: 100svh;
  }

  .em-fixed-hero .em-fixed-hero__slide {
    background-position: 95% center;
  }

  .em-fixed-hero__arrow {
    width: 39px;
    height: 39px;
  }

  .em-fixed-hero__arrow svg {
    width: 18px;
    height: 18px;
  }

  .em-fixed-hero__arrow--prev {
    left: 13px;
  }

  .em-fixed-hero__arrow--next {
    right: 13px;
  }

}


/* =========================================
   ACCESSIBILITY
========================================= */

@media (prefers-reduced-motion: reduce) {

  .em-fixed-hero__slide {
    transition: none !important;
    transform: none !important;
  }

}

/* Mobile */
@media (max-width: 600px) {
  .em-fixed-hero__arrow {
    width: 40px;
    height: 40px;
  }

  .em-fixed-hero__arrow svg {
    width: 21px;
    height: 21px;
  }

  .em-fixed-hero__arrow--prev {
    left: 13px;
  }

  .em-fixed-hero__arrow--next {
    right: 13px;
  }
}

/* =========================================
   HERO BOTTOM-CENTRE MOTTO
========================================= */

.em-fixed-hero__motto {
  position: absolute;
  left: 50%;
  bottom: clamp(28px, 4vh, 48px);
  z-index: 4;

  width: max-content;
  max-width: 90%;

  color: #ffffff;
  font-family: 'Bodoni Moda', Georgia, serif;
  font-size: clamp(25px, 3vw, 38px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .025em;
  text-align: center;
  white-space: nowrap;

  transform: translateX(-50%);
  pointer-events: none;

  text-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

/* Mobile */
@media (max-width: 600px) {
  .em-fixed-hero__motto {
    bottom: 70px;
    font-size: clamp(24px, 10vw, 30px);
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

*,*::before,*::after{box-sizing:border-box}
html{scrollbar-gutter:stable;scroll-behavior:smooth}
.custom-transparent-header{position:fixed;top:0;left:0;width:100%;height:100px;display:flex;align-items:center;justify-content:center;padding:0 40px;background:transparent;z-index:1000;transition:background-color .4s ease,box-shadow .4s ease}
.custom-transparent-header a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:400;letter-spacing:1.7px;transition:color .3s ease}
.custom-transparent-header.scrolled{height:100px;background-color:#F2E9E1;box-shadow:0 4px 20px rgba(93,91,92,.12)}
.custom-transparent-header.scrolled a{color:#5D5B5C}
.custom-transparent-header.scrolled a:hover{color:#A77C5B}
 .header-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;height:100%;z-index:1011}
.header-logo img{grid-area:1/1;display:block;width:auto;max-height:70px;object-fit:contain;transition:opacity .35s ease,visibility .35s ease}
.header-logo .logo-transparent{opacity:1;visibility:visible}
.header-logo .logo-scrolled{opacity:0;visibility:hidden}
.custom-transparent-header.scrolled .header-logo .logo-transparent{opacity:0;visibility:hidden}
.custom-transparent-header.scrolled .header-logo .logo-scrolled{opacity:1;visibility:visible}
.nav-group{display:flex;align-items:center;gap:clamp(16px,2.2vw,34px);list-style:none;margin:0;padding:0;z-index:5}
.nav-group-left{margin-right:auto}
.nav-group-right{margin-left:auto}
.nav-group a:hover{color:rgba(255,255,255,.7)}
.custom-transparent-header.scrolled .nav-group a:hover{color:#A77C5B}
/* Highlighted Let's Talk link */
.nav-group a.nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid rgba(255,255,255,.8);color:#fff;transition:background-color .3s ease,color .3s ease,border-color .3s ease}
.nav-group a.nav-cta:hover{background:#F2E9E1;border-color:#F2E9E1;color:#5D5B5C}
.custom-transparent-header.scrolled .nav-group a.nav-cta{border-color:#A77C5B;background:#A77C5B;color:#F2E9E1}
.custom-transparent-header.scrolled .nav-group a.nav-cta:hover{border-color:#5D5B5C;background:#5D5B5C;color:#F2E9E1}
.mobile-nav-toggle{display:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:42px;height:42px;padding:8px!important;align-items:center;justify-content:center;flex-direction:column;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;z-index:1012;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}
.mobile-nav-toggle:hover,.mobile-nav-toggle:focus,.mobile-nav-toggle:focus-visible,.mobile-nav-toggle:active{background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important}
.mobile-nav-toggle span{display:block;width:25px;height:2px;margin:3px 0;flex-shrink:0;background:#fff;border-radius:2px;transition:transform .3s ease,opacity .3s ease,background-color .3s ease}
.custom-transparent-header.scrolled .mobile-nav-toggle span,.custom-transparent-header .mobile-nav-toggle.active span{background:#5D5B5C}
.mobile-nav-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.mobile-nav-toggle.active span:nth-child(2){opacity:0}
.mobile-nav-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mobile-nav-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;inset:0;width:100%;height:100vh;height:100dvh;padding:100px 24px 40px;background:#F2E9E1;z-index:1005;overflow-y:auto;overscroll-behavior:contain;transform:translateY(-100%);visibility:hidden;pointer-events:none;transition:transform .4s ease-in-out,visibility .4s ease-in-out}
.mobile-nav-overlay.active{transform:translateY(0);visibility:visible;pointer-events:auto}
.mobile-nav-overlay ul{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;list-style:none!important;padding:0!important;margin:0!important;gap:0;text-align:center}
.mobile-nav-overlay li{display:block;width:100%;list-style:none!important;margin:0!important;padding:0!important}
.mobile-nav-overlay li a{display:block;width:100%;padding:13px 0;margin:0;font-family:inherit;font-size:clamp(25px,6vw,38px);font-weight:400;letter-spacing:1.8px;line-height:1.3;color:#5D5B5C!important;text-align:center;text-decoration:none;text-transform:uppercase;background:transparent!important;transition:color .25s ease}
.mobile-nav-overlay li a:hover,.mobile-nav-overlay li a:focus,.mobile-nav-overlay li a:active{color:#A77C5B!important;background:transparent!important}
.mobile-nav-overlay li a.nav-cta{color:#A77C5B!important;font-weight:500;letter-spacing:2px}
.mobile-nav-overlay li a.nav-cta:hover{color:#5D5B5C!important}
/* Keeps anchor destinations visible below the fixed header */
:where(#home,#about,#our-elegance-works,#wedding-films,#celebrity-clients,#contact){scroll-margin-top:100px}
@media(max-width:1200px) and (min-width:992px){.custom-transparent-header{padding:0 24px}.nav-group{gap:16px}.custom-transparent-header a{font-size:11px;letter-spacing:1.2px}.header-logo img{max-height:62px}}
@media(max-width:991px){.custom-transparent-header{height:80px;padding:0 20px;justify-content:center}.custom-transparent-header.scrolled{height:80px;background-color:#F2E9E1!important}.header-logo{left:50%;top:50%;transform:translate(-50%,-50%)}.header-logo img,.custom-transparent-header.scrolled .header-logo img{max-height:55px}.nav-group{display:none}.mobile-nav-toggle{display:flex}.mobile-nav-toggle.active{position:fixed;top:40px;right:20px;transform:translateY(-50%)}:where(#home,#about,#our-elegance-works,#wedding-films,#celebrity-clients,#contact){scroll-margin-top:80px}}
@media(max-width:480px){.mobile-nav-overlay{padding:85px 20px 30px}.mobile-nav-overlay li a{font-size:clamp(23px,7vw,31px);letter-spacing:1.4px;padding:11px 0}}
@media(max-height:500px) and (max-width:991px){.mobile-nav-overlay{justify-content:flex-start;padding-top:75px;padding-bottom:20px}.mobile-nav-overlay li a{padding:7px 0;font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.custom-transparent-header,.mobile-nav-toggle span,.mobile-nav-overlay,.mobile-nav-overlay li a{transition:none!important}}

/* Desktop logo size */
.header-logo img {
  max-height: 160px !important;
  width: auto !important;
  height: auto !important;
  margin-top: -10%;
}

/* Scrolled header logo */
.custom-transparent-header.scrolled .header-logo img {
  max-height: 160px !important;
   margin-top: -10%;
}

/* Tablet and mobile */
@media (max-width: 991px) {
  .header-logo img,
  .custom-transparent-header.scrolled .header-logo img {
    max-height: 160px !important;
     margin-top: -15%;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

*, *::before, *::after { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; width: 100%; }
  body { color: #5D5B5C; background: #fff; }

  .em-about-crew {
    --em-card: #F2E9E1;
    --em-text: #5D5B5C;
    --em-ink: #292728;
    --em-muted: #898285;
    width: 100%;
    margin: 0;
    padding: 76px 0 62px;
    overflow: hidden;
    background: #F2E9E1;
    color: var(--em-text);
    font-family: 'Bodoni Moda', Georgia, serif;
  }

  .em-about-crew img,
  .em-about-crew video { display: block; max-width: 100%; }

  .em-about-heading {
    width: min(1240px, 100%);
    margin: 0 auto 24px;
    padding: 0 3.2%;
  }
  .em-about-heading h2 {
    margin: 0;
    color: #9A8B83;
    font-family: 'Bodoni Moda', Georgia, serif;
    font-size: clamp(1.1em, 5vw, 5em);
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
  }

  /* Founder introduction */
  .em-founder {
    width: min(1240px, 100%);
    margin: 0 auto;
    padding: 0 3.2%;
    display: grid;
    grid-template-columns: minmax(280px, .92fr) minmax(390px, 1.08fr);
    align-items: center;
    gap: clamp(28px, 5vw, 76px);
  }

  .em-founder-copy { max-width: 470px; }
  .em-founder-kicker {
    display: block;
    margin: 0 0 16px;
    color: #9A8B83;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
  }
  .em-founder-copy h1 {
    margin: 0 0 18px;
    color: var(--em-ink);
    font-family: 'Bodoni Moda', Georgia, serif;
    font-size: clamp(34px, 4.2vw, 54px);
    font-weight: 400;
    line-height: 1.08;
  }
  .em-founder-copy p {
    margin: 0;
    color: var(--em-text);
    font-family: 'Bodoni Moda', Georgia, serif;
    font-size: clamp(17px, 1.55vw, 20px);
    font-weight: 500;
    line-height: 1.42;
  }

  .em-founder-media {
    display: grid;
    grid-template-columns: .98fr 1fr;
    align-items: start;
    gap: clamp(4px, 1.3vw, 13px);
    min-width: 0;
  }
  .em-founder-frame {
    position: relative;
    height: clamp(250px, 31vw, 390px);
    min-width: 0;
    overflow: hidden;
    background: #dedbd8;
  }
  .em-founder-frame video,
  .em-founder-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .em-founder-frame video { position: absolute; inset: 0; }
  .em-founder-frame:first-child { margin-top: 0; }
  .em-founder-frame:last-child { margin-top: 0; }

  /* Evidence Crew heading */
  .em-crew-heading {
    margin: 42px auto 26px;
    padding: 0 18px;
    text-align: center;
  }
  .em-crew-heading h2 {
    margin: 0;
    color: var(--em-ink);
    font-family: 'Bodoni Moda', Georgia, serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 400;
    line-height: 1.15;
  }
  .em-crew-heading p {
    max-width: 570px;
    margin: 10px auto 0;
    color: var(--em-muted);
    font-size: 12px;
    line-height: 1.7;
  }

  /* Full-width crew film */
  .em-crew-film {
    position: relative;
    width: 100%;
    height: clamp(230px, 34vw, 410px);
    overflow: hidden;
    background: #252323;
  }
  .em-crew-film video,
  .em-crew-film img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .em-crew-film video { z-index: 1; }
  .em-crew-film::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(0,0,0,.12), transparent 50%, rgba(0,0,0,.12));
  }

 
/* =========================================
   EVIDENCE CREW â€” PREMIUM CARD SECTION
========================================= */

.em-team-area {
  --em-card: #F2E9E1;
  --em-text: #5D5B5C;
  --em-ink: #292728;

  width: 100%;
  padding: 55px 0 65px;
  font-family: 'Bodoni Moda', Georgia, serif;
  color: var(--em-text);
}


/* SECTION HEADER */

.em-team-intro {
  width: min(1450px, 100%);
  margin: 0 auto 28px;
  padding: 0 4%;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.em-team-intro h3 {
  margin: 0;
  color: var(--em-ink);
  font-family: 'Bodoni Moda', Georgia, serif;
  font-size: clamp(30px, 3.2vw, 40px);
  font-weight: 400;
  line-height: 1.2;
}


/* NAVIGATION ARROW */

.em-team-arrow {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0;
  border: 1px solid rgba(93, 91, 92, .35);
  border-radius: 50%;

  background: transparent;
  color: var(--em-text);
  cursor: pointer;

  transition: background .25s ease,
              color .25s ease,
              transform .25s ease;
}

.em-team-arrow:hover {
  background: var(--em-ink);
  color: #fff;
  transform: translateX(3px);
}

.em-team-arrow svg {
  display: block;
  width: 20px;
  height: 20px;
}

.em-team-arrow:focus-visible {
  outline: 2px solid var(--em-ink);
  outline-offset: 4px;
}


/* HORIZONTAL SCROLL CONTAINER */

.em-team-rail {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;

  padding: 0 4% 14px;

  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;

  scrollbar-width: thin;
  scrollbar-color: #c8bbb2 transparent;
}

.em-team-rail::-webkit-scrollbar {
  height: 4px;
}

.em-team-rail::-webkit-scrollbar-track {
  background: transparent;
}

.em-team-rail::-webkit-scrollbar-thumb {
  background: #c8bbb2;
  border-radius: 10px;
}


/* CARD TRACK */

.em-team-track {
  display: flex;
  align-items: stretch;
  width: max-content;
  gap: 12px;
}


/* PREMIUM CARD DIMENSIONS */

.em-team-card {
  display: grid;
  grid-template-columns: 155px minmax(0, 1fr);
  gap: 6px;

  width: 430px;
  min-height: 245px;
  padding: 11px;

  background: var(--em-card);
  color: var(--em-text);

  scroll-snap-align: start;
}


/* CREW PHOTOGRAPH */

.em-team-photo {
  min-width: 0;
  min-height: 221px;
  overflow: hidden;
  background: #d8d1cb;
}

.em-team-photo img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 221px;

  object-fit: cover;
  object-position: center;

  transition: transform .6s ease;
}

@media (hover: hover) {
  .em-team-card:hover .em-team-photo img {
    transform: scale(1.04);
  }
}


/* CARD INFORMATION */

.em-team-info {
  min-width: 0;
  padding: 12px 8px 10px 0;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


/* ROLE */

.em-team-role {
  margin: 0 0 10px;

  color: #9A8174;
  font-family: 'Bodoni Moda', Georgia, serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.5;
  text-transform: uppercase;
}


/* NAME */

.em-team-info h4 {
  margin: 0 0 12px;

  color: var(--em-ink);
  font-family: 'Bodoni Moda', Georgia, serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.15;
}


/* EXPERIENCE */

.em-team-experience {
  margin: 0 0 10px;

  color: var(--em-text);
  font-family: 'Bodoni Moda', Georgia, serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
}


/* DESCRIPTION */

.em-team-bio {
  margin: 0;

  color: #777174;
  font-family: 'Bodoni Moda', Georgia, serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

  .em-team-card {
    width: 640px;
    min-height: 230px;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 7px;
  }

  .em-team-photo,
  .em-team-photo img {
    min-height: 206px;
  }

  .em-team-info h4 {
    font-size: 23px;
  }

  .em-team-bio {
    font-size: 14px;
  }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 760px) {

  .em-team-area {
    padding: 38px 0 48px;
  }

  .em-team-intro {
    padding: 0 18px;
    margin-bottom: 20px;
    gap: 12px;
  }

  .em-team-intro h3 {
    font-size: 27px;
  }

  .em-team-arrow {
    width: 38px;
    height: 38px;
  }

  .em-team-arrow svg {
    width: 17px;
    height: 17px;
  }

  .em-team-rail {
    padding: 0 14px 12px;
  }

  .em-team-track {
    gap: 14px;
  }

  .em-team-card {
    width: 610px;
    min-height: 215px;

    grid-template-columns: 132px minmax(0, 1fr);
    gap: 12px;

    padding: 9px;
  }

  .em-team-photo,
  .em-team-photo img {
    min-height: 197px;
  }

  .em-team-info {
    padding: 8px 5px 7px 0;
  }

  .em-team-role {
    font-size: 9px;
  }

  .em-team-info h4 {
    font-size: 21px;
    margin-bottom: 10px;
  }

  .em-team-experience {
    font-size: 10px;
  }

  .em-team-bio {
    font-size: 13px;
    line-height: 1.35;
  }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 360px) {

  .em-team-intro h3 {
    font-size: 24px;
  }

  .em-team-card {
    width: 315px;
    min-height: 200px;
    grid-template-columns: 115px minmax(0, 1fr);
    gap: 10px;
  }

  .em-team-photo,
  .em-team-photo img {
    min-height: 182px;
  }

  .em-team-info h4 {
    font-size: 19px;
  }

  .em-team-bio {
    font-size: 12px;
  }

}


/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
  .em-team-rail,
  .em-team-photo img,
  .em-team-arrow {
    scroll-behavior: auto;
    transition: none;
  }
}


  @media (max-width: 760px) {
    .em-about-crew { padding: 64px 0 48px; }
    .em-about-heading { margin-bottom: 18px; padding: 0 2.5%; }
    .em-founder {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 27px;
      padding: 0 2.5%;
    }
    .em-founder-copy { max-width: none; }
    .em-founder-kicker { margin-bottom: 11px; }
    .em-founder-copy h1 { font-size: 38px; margin-bottom: 14px; }
    .em-founder-copy p { font-size: 17px; line-height: 1.42; }
    .em-founder-media {
      grid-template-columns: .9fr 1fr;
      align-items: end;
      gap: 8px;
    }
    .em-founder-frame { height: 242px; }
    .em-founder-frame:last-child { height: 306px; }

    .em-crew-heading { margin: 24px auto 20px; }
    .em-crew-heading h2 { font-size: 37px; }
    .em-crew-heading p { max-width: 330px; font-size: 11px; }
    .em-crew-film { height: 230px; }

   
  }

  @media (max-width: 360px) {
    .em-founder { padding: 0 3%; }
    .em-founder-copy h1 { font-size: 34px; }
    .em-founder-copy p { font-size: 16px; }
    .em-founder-frame { height: 215px; }
    .em-founder-frame:last-child { height: 270px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .em-about-crew video { display: none; }
  }
  
  
  
  .em-team-controls {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
  }

  .em-team-arrow {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(93, 91, 92, .35);
    border-radius: 50%;
    background: transparent;
    color: var(--em-text);
    cursor: pointer;
    transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
  }

  .em-team-arrow:hover {
    background: var(--em-ink);
    border-color: var(--em-ink);
    color: #fff;
  }

  .em-team-arrow--prev:hover { transform: translateX(-2px); }
  .em-team-arrow--next:hover { transform: translateX(2px); }

  .em-team-arrow svg {
    width: 19px;
    height: 19px;
    display: block;
  }

  .em-team-arrow:focus-visible {
    outline: 2px solid var(--em-ink);
    outline-offset: 4px;
  }

  .em-team-rail {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px clamp(8px, vw, 8px) 4px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
  }

  .em-team-rail::-webkit-scrollbar { display: none; }

  .em-team-track {
    display: flex;
    width: max-content;
    gap: clamp(1px, .2vw, 24px);
  }

  .em-team-card {
    position: relative;
    flex: 0 0 clamp(280px, 27vw, 360px);
    width: clamp(280px, 27vw, 360px);
    aspect-ratio: 3 / 4;
    overflow: hidden;
    isolation: isolate;
    background: var(--em-card);
    color: #fff;
    scroll-snap-align: start;
  }

  .em-team-photo {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    background: #d8d1cb;
  }

  .em-team-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .7s cubic-bezier(.2,.65,.3,1);
  }

  .em-team-card:hover .em-team-photo img {
    transform: scale(1.035);
  }

  /* Subtle contrast only behind the name and three-line caption */
  .em-team-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
      180deg,
      rgba(18, 16, 16, .42) 0%,
      rgba(18, 16, 16, .08) 24%,
      rgba(18, 16, 16, .02) 46%,
      rgba(18, 16, 16, .72) 100%
    );
  }

  .em-team-info {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: clamp(18px, 2vw, 27px);
    min-width: 0;
    color: #fff;
  }

  .em-team-info h4 {
    max-width: 100%;
    margin: 0;
    color: #fff;
    font-family: 'Bodoni Moda', Georgia, serif;
    font-size: clamp(27px, 2.5vw, 36px);
    font-weight: 400;
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  .em-team-bio {
    display: -webkit-box;
    max-width: 94%;
    margin: 0;
    overflow: hidden;
    color: rgba(255,255,255,.94);
    font-family: 'Bodoni Moda', Georgia, serif;
    font-size: clamp(15px, 1.35vw, 18px);
    font-weight: 400;
    line-height: 1.42;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  @media (max-width: 760px) {
    .em-about-crew { padding: 64px 0 48px; }
    .em-founder {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 27px;
      padding: 0 3.5%;
    }
    .em-founder-copy { max-width: none; }
    .em-founder-kicker { margin-bottom: 11px; }
    .em-founder-copy h1 { font-size: 38px; margin-bottom: 14px; }
    .em-founder-copy p { font-size: 17px; line-height: 1.42; }
    .em-founder-media {
      grid-template-columns: .9fr 1fr;
      align-items: end;
      gap: 5px;
    }
    .em-founder-frame { height: 242px; }
    .em-founder-frame:last-child { height: 306px; }

    .em-crew-heading { margin: 24px auto 20px; }
    .em-crew-heading h2 { font-size: 37px; }
    .em-crew-heading p { max-width: 330px; font-size: 11px; }
    .em-crew-film { height: 230px; }

    .em-team-area { padding-top: 32px; }
    .em-team-intro { padding: 0 18px; margin-bottom: 18px; align-items: center; }
    .em-team-intro h3 { font-size: 27px; }
    .em-team-controls { gap: 7px; }
    .em-team-arrow { width: 38px; height: 38px; }
    .em-team-arrow svg { width: 17px; height: 17px; }
    .em-team-rail { padding: 0 8px 12px; }
    .em-team-track { gap: 2px; }
    .em-team-card { flex-basis: min(78vw, 330px); width: min(78vw, 330px); aspect-ratio: 3 / 4; }
    .em-team-info { padding: 18px; }
    .em-team-info h4 { font-size: clamp(25px, 7vw, 32px); }
    .em-team-bio { max-width: 100%; font-size: 15px; line-height: 1.4; }
  }

  @media (max-width: 360px) {
    .em-founder { padding: 0 7%; }
    .em-founder-copy h1 { font-size: 34px; }
    .em-founder-copy p { font-size: 16px; }
    .em-founder-frame { height: 215px; }
    .em-founder-frame:last-child { height: 270px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .em-about-crew video { display: none; }
  }
  
  /* CREW CARD RAIL â€” DESKTOP */
.em-team-area .em-team-rail {
  width: 100%;
  padding: 10px 0 14px clamp(20px, 4vw, 56px);
  scroll-padding-left: clamp(20px, 4vw, 56px);
  box-sizing: border-box;
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600&family=Allura&display=swap');

.em-about-feature,.em-about-feature *{box-sizing:border-box}
.em-about-feature{--em-bg:#F2E9E1;--em-text:#5D5B5C;--em-heading:#494647;--em-accent:#A77C5B;--em-line:rgba(93,91,92,.20);width:100%;margin:0;padding:clamp(56px,6.5vw,96px) 5.5%;background:var(--em-bg);color:var(--em-text);font-family:'Bodoni Moda',Georgia,serif}

/* WHY / US editorial heading */
.em-about-feature .em-about-header{position:relative;width:100%;max-width:1450px;margin:0 auto 42px;padding:0 0 92px;text-align:center}
.em-about-feature .em-about-header h2{display:flex;flex-direction:column;align-items:center;gap:0;margin:0;color:var(--em-heading);font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(50px,7vw,92px);font-weight:400;line-height:.82;letter-spacing:-.055em}
.em-about-feature .em-about-header h2 span{display:block;font-weight:400}
.em-about-feature .em-about-why{transform:translateX(-28px)}
.em-about-feature .em-about-us{transform:translateX(28px)}
@font-face{font-family:'Sacramento';src:url('/assets/fonts/Sacramento-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}

/* Existing quote artwork */
.em-about-feature .em-about-script-wrap{position:absolute;right:3.5%;bottom:7px;width:min(650px,90%);min-height:70px;padding:0 0 0 72px}
.em-about-feature .em-about-quotemarks{position:absolute;top:-3.2em;left:3em;display:block;width:clamp(58px,6.5vw,92px);height:auto;object-fit:contain;z-index:2;pointer-events:none}
.em-about-feature .em-about-script{position:relative;right:-10%;bottom:auto;max-width:none;margin:0;color:var(--em-accent);font-family:'Sacramento',cursive;font-size:clamp(28px,3.2vw,44px);font-weight:400;line-height:1.15;text-align:right}

/* Shared vertical sequence: stats first, gallery second, story last */
.em-about-feature .em-about-composition{display:flex;flex-direction:column;align-items:center;gap:clamp(28px,3.5vw,46px);width:100%;}
.em-about-feature .em-about-stats{order:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(16px,3vw,42px);width:min(900px,100%);min-width:0}
.em-about-feature .em-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;padding:8px 4px;border:0;border-radius:0;background:transparent;text-align:center}
.em-about-feature .em-stat-number{display:block;margin:0 0 7px;color:var(--em-accent);font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(34px,4vw,54px);font-weight:400;line-height:.98;letter-spacing:-.055em;white-space:nowrap}
.em-about-feature .em-stat-value,.em-about-feature .em-stat-suffix{display:inline}
.em-about-feature .em-stat-suffix{margin-left:1px;font-size:.58em;vertical-align:top}
.em-about-feature .em-stat-label{display:block;max-width:190px;color:var(--em-text);font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(12px,1.1vw,16px);font-weight:400;line-height:1.4}

/* Desktop: all four images in one centered row */
.em-about-feature .em-about-gallery{order:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:clamp(9px,1.2vw,17px);width:100%;max-width:1320px;min-width:0;margin:0 auto}
.em-about-feature .em-about-image{position:relative;width:100%;min-width:0;aspect-ratio:3/4;margin:0;overflow:hidden;background:rgba(93,91,92,.12)}
.em-about-feature .em-about-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s ease}
@media(hover:hover){.em-about-feature .em-about-image:hover img{transform:scale(1.035)}}

/* Story always sits below the gallery */
.em-about-feature .em-about-story{order:3;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:1050px;min-width:0;margin:0 auto}
.em-about-feature .em-story-eyebrow{display:block;margin:0 0 15px;color:var(--em-accent);font-size:10px;font-weight:500;letter-spacing:.22em}
.em-about-feature .em-about-story h3{margin:0 0 20px;color:var(--em-heading);font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.16;letter-spacing:-.025em}
.em-about-feature .em-about-story h3 i{color:var(--em-accent);font-weight:400}
.em-about-feature .em-story-copy{width:100%}
.em-about-feature .em-story-copy p{margin:0 0 14px;color:var(--em-text);font-size:clamp(13px,1.05vw,15px);font-weight:400;line-height:1.75}
.em-about-feature .em-story-copy p:last-child{margin-bottom:0}
.em-about-feature .em-about-link{display:inline-flex;align-items:center;gap:14px;margin-top:24px;padding:0 0 8px;border:0;border-bottom:1px solid var(--em-line);color:var(--em-heading);font-size:10px;font-weight:500;letter-spacing:.16em;text-decoration:none;transition:gap .3s ease,color .3s ease}

/* Tablet: stats across top, three images then one centered, story below */
@media(max-width:1091px) and (min-width:701px){
 .em-about-feature{padding-left:clamp(24px,4vw,56px);padding-right:clamp(24px,4vw,56px)}
 .em-about-feature .em-about-header{margin-bottom:32px;padding-bottom:82px}
 .em-about-feature .em-about-composition{gap:30px}
 .em-about-feature .em-about-stats{width:100%;gap:clamp(12px,2vw,24px)}
 .em-about-feature .em-stat-number{font-size:clamp(32px,4.8vw,56px)}
 .em-about-feature .em-stat-label{font-size:clamp(10px,1.25vw,14px)}
 .em-about-feature .em-about-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(4px,1.2vw,16px);max-width:850px}
 .em-about-feature .em-about-image-four{grid-column:2}
 .em-about-feature .em-about-story{max-width:850px}
 .em-about-feature .em-about-quotemarks{width:clamp(50px,6vw,72px)}
}



/* Mobile: stats across top, two images, then one + one, story below */
@media(max-width:700px){
 .em-about-feature{padding:30px 18px 48px}
 .em-about-feature .em-about-header{margin-bottom:22px;padding-bottom:82px}
 .em-about-feature .em-about-header h2{font-size:clamp(46px,12vw,66px);line-height:.84}
 .em-about-feature .em-about-why{transform:translateX(-20px)}
 .em-about-feature .em-about-us{transform:translateX(20px)}
 .em-about-feature .em-about-script-wrap{right:0;bottom:0;width:100%;min-height:58px;padding-left:42px}
 .em-about-feature .em-about-quotemarks{top:-19px;width:clamp(42px,11vw,58px)}
 .em-about-feature .em-about-script{max-width:100%;font-size:clamp(24px,6.5vw,34px);line-height:1.15;text-align:right}
 .em-about-feature .em-about-composition{gap:24px}
 .em-about-feature .em-about-stats{width:100%;gap:6px}
 .em-about-feature .em-stat{padding:8px 2px}
 .em-about-feature .em-stat-number{margin-bottom:5px;font-size:clamp(24px,7.5vw,39px)}
 .em-about-feature .em-stat-label{max-width:none;font-size:clamp(8px,2.5vw,11px);line-height:1.25}
 .em-about-feature .em-about-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%}
 .em-about-feature .em-about-image,.em-about-feature .em-about-image-one,.em-about-feature .em-about-image-two{grid-column:auto;width:100%;max-width:none;aspect-ratio:3/4;margin:0}
 .em-about-feature .em-about-image-three,.em-about-feature .em-about-image-four{grid-column:1/-1;justify-self:center;width:72%;max-width:none;aspect-ratio:3/4;margin:0}
 .em-about-feature .em-about-story{width:100%;max-width:none}
 .em-about-feature .em-about-story h3{font-size:clamp(30px,8vw,42px);margin-bottom:16px}
 .em-about-feature .em-story-copy p{font-size:15px;line-height:1.75}
 .em-about-feature .em-about-image-three,
  .em-about-feature .em-about-image-four {
    grid-column: 1 / -1;
    justify-self: stretch; /* Stretches to fill full container width */
    width: 100% !important; /* Forces full width */
    max-width: 100% !important;
    aspect-ratio: 4 / 5; /* Optional: gives them a cinematic landscape look when full-width */
    border-radius: 0; /* Remove rounded corners if you want edge-to-edge look */
  }
  .em-about-feature .em-about-script {
    position: relative;
    right: 0%;
    bottom: auto;
    max-width: none;
    margin: 0;
    color: var(--em-accent);
    font-family: 'Sacramento', cursive;
    font-size: clamp(28px, 3.2vw, 44px);
    font-weight: 400;
    line-height: 1.15;
    text-align: right;
}
}
@media(max-width:380px){
 .em-about-feature{padding-left:15px;padding-right:15px}
 .em-about-feature .em-about-header h2{font-size:43px}
 .em-about-feature .em-about-script{font-size:23px}
 .em-about-feature .em-about-gallery{gap:4px}
 .em-about-feature .em-about-image-three,.em-about-feature .em-about-image-four{width:78%}
 .em-about-feature .em-stat-number{font-size:clamp(21px,7vw,28px)}
 .em-about-feature .em-stat-label{font-size:8px}
 .em-about-feature .em-about-story h3{font-size:29px}
 .em-about-feature .em-story-copy p{font-size:14px}
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* ========================================
   EVIDENCE MAKERS â€” TESTIMONIALS
======================================== */

.em-reviews,
.em-reviews * {
    box-sizing: border-box;
}

.em-reviews {
    --panel: #eeece9;
    --ink: #403f3b;
    --muted: #66645f;
    --line: rgba(64, 63, 59, 0.14);

    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0; /* Keep the outer section flush to both edges. */

    background: transparent;
    color: var(--ink);
    font-family: "Cormorant Garamond", Georgia, serif;
}

/* HEADER â€” CENTERED TITLE, ARROWS AT TOP */
/* TITLE + ARROWS HEADER (Aligned Left) */
.em-reviews__header {
    display: flex;
    justify-content: space-between; /* Pushes title to the left, arrows to the right */
    align-items: center;
    width: auto;
    margin: 0 clamp(20px, 5.5vw, 84px) 38px;
    padding: 34px 0 0;
    position: relative;
}

.em-reviews__eyebrow {
    margin: 0;
    text-align: left; /* Align title text to the left */
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(23px, 2.2vw, 30px);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 6px;
    text-transform: uppercase;
}

/* NAVIGATION ARROWS (Keeps them nicely positioned on the right) */
.em-reviews__controls {
    position: static; /* Removes absolute positioning so it flows naturally in flex */
    transform: none;
    display: flex;
    align-items: center;
    gap: 12px;
}

.em-reviews__arrow {
    display: grid;
    place-items: center;

    width: 40px;
    height: 40px;
    padding: 0;

    background: #ffffff;
    color: var(--ink);
    border: 1px solid rgba(64, 63, 59, 0.10);
    border-radius: 50%;

    cursor: pointer;
    transition: background .25s ease,
                color .25s ease,
                transform .25s ease;
}

.em-reviews__arrow:hover {
    background: var(--ink);
    color: #ffffff;
    transform: translateY(-2px);
}

.em-reviews__arrow:focus-visible {
    outline: 2px solid var(--ink);
    outline-offset: 4px;
}

.em-reviews__arrow svg {
    display: block;
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.25;
    stroke-linecap: square;
    stroke-linejoin: miter;
}

/* THREE-COLUMN GRID */

.em-reviews__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    column-gap: clamp(28px, 5vw, 76px);
    row-gap: 48px;
    width: 100%;
    padding: 0 clamp(20px, 5.5vw, 84px);
}

/* TESTIMONIAL CARD */

.em-review {
    display: flex;
    flex-direction: column;
    align-items: stretch;

    min-width: 0;
    min-height: 300px;
    height: 100%;
    padding: 8px 14px 20px;
}

/* COMPLETE REVIEW â€” NO TEXT CLAMPING */

.em-review__text {
    display: block;
    margin: 0;
    padding: 0 2px;

    color: var(--muted);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(18px, 1.35vw, 21px);
    font-weight: 400;
    line-height: 1.65;

    overflow-wrap: anywhere;
    white-space: normal;
}

/* STAR RATINGS */

.em-review__rating {
    margin-top: 18px;
    color: #8b7956;
    font-family: "Inter", Arial, sans-serif;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 3px;
}

/* AUTHOR PINNED TO CARD BOTTOM */

.em-review__footer {
    width: 100%;
    margin-top: auto;
    padding-top: 32px;
}

.em-review__name {
    margin: 0;

    color: var(--ink);
    font-family: "Inter", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 2.5px;
    text-transform: uppercase;

    overflow-wrap: anywhere;
}

/* TABLET */

@media (max-width: 1000px) {
    .em-reviews__header {
        margin-bottom: 42px;
    }

    .em-reviews__grid {
        column-gap: 28px;
        row-gap: 40px;
    }

    .em-review {
        min-height: 320px;
    }

    .em-review__text {
        font-size: 18px;
    }

    .em-review__name {
        font-size: 11px;
        letter-spacing: 2px;
    }
}

/* MOBILE */

@media (max-width: 700px) {
    .em-reviews__header {
        min-height: 40px;
        margin-bottom: 34px;
    }

    .em-reviews__eyebrow {
        font-size: 22px;
        letter-spacing: 3px;
    }

    .em-reviews__controls {
        position: static;
        transform: none;
        margin-left: auto;
        gap: 8px;
    }

    .em-reviews__header {
        justify-content: space-between;
    }

    .em-reviews__arrow {
        width: 34px;
        height: 34px;
    }

    .em-reviews__arrow svg {
        width: 19px;
        height: 19px;
    }

    .em-reviews__grid {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 0;
    }

    .em-review {
        min-height: 0;
        height: auto;
        padding: 0 0 28px;
        margin-bottom: 28px;
        border-bottom: 1px solid var(--line);
    }

    .em-review:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .em-review__text {
        font-size: 19px;
        line-height: 1.6;
    }

    .em-review__rating {
        margin-top: 16px;
    }

    .em-review__footer {
        padding-top: 22px;
    }

    .em-review__name {
        font-size: 11px;
        letter-spacing: 2px;
    }
}



/* ========================================
   TWO DIRECT-CDN VIDEO LAYERS â€” 16:9
======================================== */

.em-reviews__videos {
    display: flex;
    align-items: flex-start;
    gap: clamp(2px, .1vw, 2px);
    width: 100%;
    padding:1.2em .6em;
    
}

.em-reviews__video-item {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
}

.em-direct-video-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    overflow: hidden;
    background: #000;
    cursor: pointer;
    isolation: isolate;
}

.em-hosted-video {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
    pointer-events: none;
}

.em-video-control-badge {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    background: rgba(0,0,0,.58);
    color: #fff;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

.em-video-control-badge:hover {
    background: rgba(0,0,0,.82);
    transform: scale(1.05);
}

.em-video-control-badge:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.em-video-control-badge svg {
    display: block;
    width: 18px;
    height: 18px;
}

@media (max-width: 700px) {
    .em-reviews__header {
        margin: 0 20px 30px;
        padding-top: 28px;
    }

    .em-reviews__grid {
        padding: 0 20px;
    }

    .em-review {
        padding: 4px 8px 26px;
    }

    .em-review__text {
        padding: 0;
    }

    .em-reviews__videos {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        margin-top: 30px;
        
    }

    .em-reviews__video-item {
        flex: 0 0 auto;
        min-width: 0;
        width: 100%;
    }

    .em-video-control-badge {
        right: 12px;
        bottom: 12px;
        width: 38px;
        height: 38px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .em-reviews * {
        transition: none !important;
    }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

* { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; width: 100%; }
    body { background: #F2E9E1; color: #5D5B5C; font-family: 'Bodoni Moda', Georgia, serif; }

    .em-consultation {
      --em-bg: #F2E9E1;
      --em-text: #5D5B5C;
      --em-soft-text: rgba(93, 91, 92, .78);
      --em-line: rgba(93, 91, 92, .22);
      width: 100%;
      margin: 0;
      padding: clamp(42px, 6vw, 84px) 0;
      background: var(--em-bg);
      color: var(--em-text);
      font-family: 'Bodoni Moda', Georgia, serif;
    }

    .em-consultation *,
    .em-consultation *::before,
    .em-consultation *::after { box-sizing: border-box; }

    .em-consultation__inner {
      width: min(1320px, 100%);
      margin: 0 auto;
      padding: 0 clamp(22px, 4.2vw, 64px);
      display: grid;
      grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
      align-items: center;
      gap: clamp(38px, 6vw, 96px);
    }

    /* LEFT: THE INVITATION */
    .em-consultation__copy { max-width: 540px; }

    .em-consultation__eyebrow {
      display: block;
      margin: 0 0 28px;
      color: var(--em-soft-text);
      font-size: 14px;
      font-style: italic;
      font-weight: 400;
      letter-spacing: .035em;
    }

    .em-consultation__title {
      max-width: 560px;
      margin: 0 0 22px;
      color: var(--em-text);
      font-size: clamp(36px, 4.1vw, 58px);
      font-weight: 400;
      line-height: 1.12;
      letter-spacing: -.025em;
    }

    .em-consultation__description {
      max-width: 520px;
      margin: 0;
      color: var(--em-soft-text);
      font-size: clamp(17px, 1.45vw, 21px);
      font-weight: 400;
      line-height: 1.65;
    }

    .em-consultation__points {
      display: grid;
      gap: 17px;
      margin: 34px 0 0;
      padding: 0;
      list-style: none;
    }

    .em-consultation__points li {
      display: grid;
      grid-template-columns: 18px minmax(0, 1fr);
      align-items: start;
      gap: 11px;
      color: var(--em-text);
      font-size: 16px;
      line-height: 1.5;
    }

    .em-consultation__check {
      width: 15px;
      height: 15px;
      margin-top: 3px;
      display: block;
      color: var(--em-text);
    }

    .em-consultation__note {
      margin: 34px 0 0;
      padding-top: 18px;
      border-top: 1px solid var(--em-line);
      color: var(--em-soft-text);
      font-size: 14px;
      font-style: italic;
      line-height: 1.6;
    }

    /* RIGHT: BOOKING PANEL */
    .em-consultation__booking {
      min-width: 0;
      padding: clamp(24px, 3vw, 42px);
      background: rgba(255, 255, 255, .34);
      border: 1px solid var(--em-line);
    }

    .em-consultation__booking-title {
      margin: 0 0 8px;
      color: var(--em-text);
      font-size: clamp(27px, 2.5vw, 35px);
      font-weight: 500;
      line-height: 1.2;
    }

    .em-consultation__booking-description {
      max-width: 480px;
      margin: 0 0 22px;
      color: var(--em-soft-text);
      font-size: 15px;
      line-height: 1.6;
    }

    .em-consultation__calendar {
      width: 100%;
      min-height: 650px;
      overflow: hidden;
      background: #fff;
      border: 1px solid rgba(93, 91, 92, .13);
    }

    #em-cal-inline {
      width: 100%;
      height: 650px;
      min-height: 650px;
      overflow: auto;
    }

    .em-consultation__fallback {
      padding: 18px 4px 0;
      color: var(--em-soft-text);
      font-size: 13px;
      line-height: 1.5;
    }

    .em-consultation__fallback a {
      color: var(--em-text);
      text-decoration-thickness: 1px;
      text-underline-offset: 3px;
    }

    @media (max-width: 900px) {
      .em-consultation__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 38px;
      }
      .em-consultation__copy { max-width: 680px; }
      .em-consultation__booking { width: 100%; }
    }

    @media (max-width: 600px) {
      .em-consultation { padding: 42px 0; }
      .em-consultation__inner { padding: 0 18px; gap: 30px; }
      .em-consultation__eyebrow { margin-bottom: 17px; }
      .em-consultation__title { font-size: clamp(34px, 10vw, 46px); }
      .em-consultation__description { font-size: 17px; line-height: 1.58; }
      .em-consultation__points { gap: 13px; margin-top: 25px; }
      .em-consultation__points li { font-size: 15px; }
      .em-consultation__note { margin-top: 25px; }
      .em-consultation__booking { padding: 20px 14px 14px; }
      .em-consultation__booking-title { font-size: 28px; }
      .em-consultation__booking-description { font-size: 14px; }
      .em-consultation__calendar,
      #em-cal-inline { min-height: 680px; height: 680px; }
    }

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500&display=swap');

.em-celebrity,
.em-celebrity *,
.em-celebrity__dialog,
.em-celebrity__dialog * {
  box-sizing: border-box;
}

.em-celebrity {
  --em-bg: #F2E9E1;
  --em-ink: #5D5B5C;
  --em-accent: #A77C5B;
  --em-gap: 2px;

  width: 100%;
  margin: 0;
  padding: 28px 0 42px;
  overflow: hidden;
  background: var(--em-bg);
  color: var(--em-ink);
  font-family: 'Bodoni Moda', Georgia, serif;
}

.em-celebrity__heading {
  display: flex;
  align-items: center;
  min-height: 34px;
  margin: 0 12px 10px;
}

/* No arrow or navigation control beside the heading. */
.em-celebrity__heading h2 {
  margin: 0;
  color: var(--em-ink);
  font-family: 'Bodoni Moda', Georgia, serif;
  font-size: clamp(23px, 2.7vw, 30px);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.em-celebrity__category-link {
  margin-left: auto;
}

.em-celebrity__carousel {
  position: relative;
  width: 100%;
}

.em-celebrity__nav {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  color: #fff;
  background: rgba(35, 31, 29, .68);
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 50%;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background .2s ease, opacity .2s ease, transform .2s ease;
  -webkit-tap-highlight-color: transparent;
}

.em-celebrity__nav:hover:not(:disabled) {
  background: rgba(35, 31, 29, .92);
  transform: translateY(-50%) scale(1.06);
}

.em-celebrity__nav:disabled {
  opacity: .28;
  cursor: default;
}

.em-celebrity__nav svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.em-celebrity__nav--prev { left: 20px; }
.em-celebrity__nav--next { right: 20px; }

.em-celebrity__nav:focus-visible {
  outline: 2px solid var(--em-accent);
  outline-offset: 4px;
}

.em-celebrity__rail {
  width: 100%;
  margin: 0;
  padding: 0 12px 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.em-celebrity__rail::-webkit-scrollbar {
  display: none;
}

.em-celebrity__track {
  display: flex;
  width: max-content;
  gap: var(--em-gap);
}

.em-celebrity__card {
  position: relative;
  flex: 0 0 calc((100vw - 30px) / 4);
  width: calc((100vw - 30px) / 4);
  aspect-ratio: .70;
  overflow: hidden;
  background: #D8CEC6;
  scroll-snap-align: start;
}

.em-celebrity__card > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .7s cubic-bezier(.2,.65,.25,1);
}

@media (hover: hover) {
  .em-celebrity__card:hover > img {
    transform: scale(1.04);
  }
}

.em-celebrity__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  padding: 0 0 0 3px;
  color: #fff;
  background: rgba(0,0,0,.58);
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
  transition: background .2s ease, transform .2s ease;
  -webkit-tap-highlight-color: transparent;
}

.em-celebrity__play:hover {
  background: rgba(0,0,0,.86);
  transform: translate(-50%, -50%) scale(1.07);
}

.em-celebrity__play svg {
  display: block;
  width: 25px;
  height: 25px;
  fill: currentColor;
}

.em-celebrity__play:focus-visible,
.em-celebrity__close:focus-visible {
  outline: 2px solid var(--em-accent);
  outline-offset: 4px;
}

/* Modal player */
.em-celebrity__dialog {
  position: fixed;
  inset: 0;
  width: min(420px, calc(100% - 32px));
  max-width: none;
  max-height: none;
  height: fit-content;
  margin: auto;
  padding: 0;
  overflow: visible;
  color: #fff;
  background: transparent;
  border: 0;
}

.em-celebrity__dialog::backdrop {
  background: rgba(15, 13, 12, .88);
  backdrop-filter: blur(5px);
}

.em-celebrity__dialog-inner {
  position: relative;
  width: 100%;
  padding-top: 48px;
}

.em-celebrity__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  color: #fff;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 50%;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.em-celebrity__close:hover {
  background: rgba(255,255,255,.25);
  transform: rotate(90deg);
}

.em-celebrity__close svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}



/* Clipped layout to push native top title/avatar overlays out of view */
.em-celebrity__player iframe {
  position: absolute;
  top: -4px;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 900px) {
  .em-celebrity__card {
    flex-basis: 31vw;
    width: 31vw;
  }
}

@media (max-width: 600px) {
  .em-celebrity {
    padding: 18px 0 28px;
  }

  .em-celebrity__heading {
    min-height: 24px;
    margin: 0 12px 8px;
  }

  .em-celebrity__heading h2 {
    font-size: 18px;
    letter-spacing: -.025em;
  }

  .em-celebrity__rail {
    padding: 0 12px 8px;
  }

  .em-celebrity__nav {
    width: 36px;
    height: 36px;
  }

  .em-celebrity__nav--prev { left: 16px; }
  .em-celebrity__nav--next { right: 16px; }

  .em-celebrity__card {
    flex-basis: 215px;
    width: 215px;
  }

  .em-celebrity__play {
    width: 52px;
    height: 52px;
  }

  .em-celebrity__dialog {
    width: calc(100% - 24px);
  }

  .em-celebrity__dialog-inner {
    padding-top: 48px;
  }

  .em-celebrity__close {
    width: 38px;
    height: 38px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .em-celebrity__rail,
  .em-celebrity__card > img,
  .em-celebrity__play,
  .em-celebrity__close,
  .em-celebrity__nav {
    scroll-behavior: auto;
    transition: none;
  }
}


/* SHARED CAROUSEL ARROWS */

.em-rail-controls,
.em-team-controls {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-shrink: 0;
}

.em-rail-arrow,
.em-team-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(93, 91, 92, .35);
  border-radius: 50%;
  background: transparent;
  color: #5D5B5C;
  cursor: pointer;
  transition: background .25s ease, color .25s ease,
              border-color .25s ease, transform .25s ease;
}

.em-rail-arrow svg,
.em-team-arrow svg {
  width: 19px;
  height: 19px;
  display: block;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.em-rail-arrow:hover,
.em-team-arrow:hover {
  background: #5D5B5C;
  border-color: #5D5B5C;
  color: #fff;
}

.em-rail-arrow:disabled,
.em-team-arrow:disabled {
  opacity: .3;
  cursor: default;
}

.em-rail-arrow:focus-visible,
.em-team-arrow:focus-visible {
  outline: 2px solid #A77C5B;
  outline-offset: 4px;
}

/* Category heading layout */
.em-category-heading {
  display: flex;
  align-items: left;
  justify-content: start;
  gap: 12px;
}

.em-category-heading h2 {
  margin-right: auto;
}

/* Mobile */
@media (max-width: 600px) {
  .em-rail-controls,
  .em-team-controls {
    gap: 6px;
  }

  .em-rail-arrow,
  .em-team-arrow {
    width: 34px;
    height: 34px;
  }

  .em-rail-arrow svg,
  .em-team-arrow svg {
    width: 16px;
    height: 16px;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

.em-category-heading {
  display: flex;
  align-items: left;
  justify-content: start;
  gap: 14px;
}

.em-category-heading h2 {
  margin-right: auto;
}

.em-category-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.em-category-arrow {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(93, 91, 92, .35);
  border-radius: 50%;
  background: transparent;
  color: #5D5B5C;
  cursor: pointer;
  transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.em-category-arrow svg {
  width: 19px;
  height: 19px;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.em-category-arrow:hover:not(:disabled) {
  background: #5D5B5C;
  border-color: #5D5B5C;
  color: #fff;
}

.em-category-arrow:disabled,
.em-celebrity__nav:disabled {
  opacity: .3;
  cursor: default;
}

.em-category-arrow:focus-visible {
  outline: 2px solid #A77C5B;
  outline-offset: 4px;
}

@media(max-width:600px) {
  .em-category-controls {
    gap: 5px;
  }

  .em-category-arrow {
    width: 32px;
    height: 32px;
  }

  .em-category-arrow svg {
    width: 16px;
    height: 16px;
  }
}

.em-celebrity__player {
    position: relative;
    width: auto;
    max-width: min(420px, calc(100vw - 32px));
    height: min(740px, calc(100dvh - 72px));
    aspect-ratio: 9 / 16;
    margin: 0 auto;         /* Centers the player horizontally */
    overflow: hidden;
    background: #000;
    box-shadow: 0 24px 80px rgba(0,0,0,.35);
    border-radius: 12px;    /* Optional: adds a smooth modern curve */
}

.em-celebrity__player iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.em-elegance {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 40px 20px;
}

.em-elegance h2 {
  margin: 0;
  padding: 0;
  color: #A77C5B;
  font-family: "Bodoni Moda", serif;
  font-size: clamp(5.2em, 7vw, 3em);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1100px) {
  .em-elegance {
    padding: 30px 16px;
  }

  .em-elegance h2 {
    font-size: clamp(3.2em, 7vw, 3em);
    
  }
}
@media (max-width: 700px) {
  .em-elegance {
    padding: 30px 16px;
  }

  .em-elegance h2 {
    font-size: clamp(2.4em, 7vw, 3em);
   
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Evidence Crew remains visible above the Sathish cinematic film. */

    .em-site-footer,
    .em-site-footer * {
      box-sizing: border-box;
      font-family: 'Bodoni Moda', Georgia, serif;
    }
    .em-site-footer {
      padding: 32px clamp(22px, 4vw, 60px) 24px;
      color: #403B3D;
      background: #F2E9E1;
    }
    .em-site-footer__nav {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: clamp(18px, 4vw, 56px);
      max-width: 1440px;
      margin: 0 auto 38px;
      padding: 0 0 22px;
      border-bottom: 1px solid rgba(85, 76, 80, .2);
    }
    .em-site-footer__nav a,
    .em-site-footer__nav summary {
      color: #554C50;
      font-size: 13px;
      letter-spacing: .12em;
      text-decoration: none;
      text-transform: uppercase;
    }
    .em-site-footer__nav a:hover,
    .em-site-footer__nav summary:hover { color: #A77C5B; }
    .em-site-footer__nav-item { position: relative; }
    .em-site-footer__nav-item > a { display: inline-block; }
    .em-site-footer__nav-item > a:focus-visible { outline: 2px solid #A77C5B; outline-offset: 5px; }
    .em-site-footer__nav-submenu {
      position: absolute;
      z-index: 10;
      left: 50%;
      bottom: calc(100% + 12px);
      display: none;
      min-width: 250px;
      margin: 0;
      padding: 16px 18px;
      transform: translateX(-50%);
      background: #fff;
      box-shadow: 0 8px 28px rgba(55, 43, 43, .16);
      list-style: none;
    }
    .em-site-footer__nav-item:hover .em-site-footer__nav-submenu,
    .em-site-footer__nav-item:focus-within .em-site-footer__nav-submenu { display: grid; }
    .em-site-footer__nav-submenu li + li { margin-top: 12px; }
    .em-site-footer__content {
      display: grid;
      grid-template-columns: minmax(0, 1.4fr) minmax(320px, .9fr);
      align-items: start;
      gap: clamp(36px, 7vw, 100px);
      max-width: 1440px;
      margin: 0 auto;
    }
    .em-site-footer__details { display: grid; gap: 28px; }
    .em-site-footer__label {
      display: block;
      margin: 0 0 16px;
      color: #363236;
      font-family: 'Bodoni Moda', Georgia, serif;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .28em;
      text-transform: uppercase;
    }
    .em-site-footer__contact-link,
    .em-site-footer__address {
      color: #554C50;
      font-size: clamp(17px, 1.55vw, 21px);
      line-height: 1.65;
      text-decoration: none;
    }
    .em-site-footer__contact-link--phone {
      font-family: Inter, Arial, sans-serif;
      font-size: clamp(16px, 1.35vw, 18px);
      letter-spacing: .01em;
    }
    .em-site-footer__contact-link:hover,
    .em-site-footer__socials a:hover { color: #A77C5B; }
    .em-site-footer__address { max-width: 620px; margin: 0; }
    .em-site-footer__socials {
      display: flex;
      align-items: center;
      gap: 24px;
      margin-top: 46px;
    }
    .em-site-footer__socials a {
      display: inline-flex;
      color: #262326;
      text-decoration: none;
    }
    .em-site-footer__socials svg { width: 19px; height: 19px; fill: currentColor; }
    .em-site-footer__copyright {
      margin: 34px 0 0;
      color: #554C50;
      font-size: 15px;
    }
    .em-site-footer__portfolio { min-width: 0; }
    .em-site-footer__portfolio .em-site-footer__label {
      margin-bottom: 14px;
    }
    .em-site-footer__submenu {
      display: grid;
      grid-auto-columns: clamp(92px, 11vw, 145px);
      grid-auto-flow: column;
      grid-template-rows: repeat(2, clamp(92px, 11vw, 145px));
      gap: 9px;
      overflow-x: auto;
      overscroll-behavior-inline: contain;
      scroll-snap-type: x mandatory;
      scrollbar-width: thin;
      margin: 0;
      padding: 0 0 6px;
      list-style: none;
    }
    .em-site-footer__submenu li { scroll-snap-align: start; }
    .em-site-footer__submenu a {
      display: block;
      overflow: hidden;
      width: clamp(92px, 11vw, 145px);
      aspect-ratio: 1 / 1;
      background: #eee9e5;
    }
    .em-site-footer__submenu img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .35s ease;
    }
    .em-site-footer__submenu a:hover img { transform: scale(1.05); }
    .em-site-footer a:focus-visible { outline: 2px solid #A77C5B; outline-offset: 4px; }
    @media (max-width: 600px) {
      .em-site-footer { padding: 40px 22px 22px; }
      .em-site-footer__nav { justify-content: flex-start; gap: 18px 22px; margin-bottom: 30px; }
      .em-site-footer__nav a,
      .em-site-footer__nav summary { font-size: 11px; }
      .em-site-footer__nav-submenu { left: 0; transform: none; }
      .em-site-footer__content { grid-template-columns: 1fr; gap: 38px; }
      .em-site-footer__details { gap: 26px; }
      .em-site-footer__socials { margin-top: 32px; }
      .em-site-footer__submenu { grid-auto-columns: 112px; grid-template-rows: repeat(2, 112px); }
      .em-site-footer__submenu a { width: 112px; }
      .em-site-footer__copyright { margin-top: 28px; }
    }

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Portfolio controls: show only directions that have more cards to reveal. */
.em-category-arrow[hidden],
.em-celebrity__nav[hidden] { display: none !important; }
.em-category-controls,
.em-celebrity__heading-controls { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.em-celebrity__heading { display: flex; align-items: center; gap: 12px; }
.em-celebrity__heading h2 { margin-right: auto; }
.em-celebrity__heading .em-celebrity__nav {
  position: static; width: 40px; height: 40px; transform: none;
  color: #5D5B5C; background: transparent; border: 1px solid rgba(93,91,92,.35);
}
.em-celebrity__heading .em-celebrity__nav:hover:not(:disabled) {
  transform: none; background: #5D5B5C; color: #fff;
}
.em-category-arrow:disabled,
.em-celebrity__heading .em-celebrity__nav:disabled { opacity: 1; }
.em-category-rail, .em-celebrity__rail { scroll-behavior: smooth; }
.em-portfolio-video-card { cursor: pointer; }
.em-portfolio-video-card:focus-visible,
.em-portfolio-image-card:focus-visible { outline: 2px solid #A77C5B; outline-offset: -3px; }
@media (max-width: 600px) {
  .em-celebrity__heading .em-celebrity__nav { width: 32px; height: 32px; }
  .em-celebrity__heading-controls { gap: 5px; }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Per-video orientation for the shared portfolio player. */
.em-celebrity__dialog.is-horizontal {
  width: min(1100px, calc(100vw - 40px));
  max-width: calc(100vw - 40px);
  height: auto;
  max-height: calc(100dvh - 40px);
  overflow: visible;
}
.em-celebrity__dialog.is-horizontal .em-celebrity__dialog-inner {
  width: 100%;
}
.em-celebrity__dialog.is-horizontal .em-celebrity__player {
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
  overflow: hidden;
}
.em-celebrity__dialog.is-vertical {
  width: min(430px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  height: auto;
  max-height: calc(100dvh - 32px);
  overflow: visible;
}
.em-celebrity__dialog.is-vertical .em-celebrity__player {
  width: 100%;
  max-width: 100%;
  height: min(740px, calc(100dvh - 100px));
  aspect-ratio: 9 / 16;
  margin: 0 auto;
  overflow: hidden;
}
.em-celebrity__dialog .em-celebrity__player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.em-celebrity__dialog.is-horizontal .em-celebrity__player iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 600px) {
  .em-celebrity__dialog.is-horizontal { width: calc(100vw - 24px); max-width: calc(100vw - 24px); }
  .em-celebrity__dialog.is-vertical { width: min(430px, calc(100vw - 24px)); max-width: calc(100vw - 24px); }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

html { scroll-behavior:smooth; }
#home,#about,#our-elegance-works,#wedding-films,#celebrity-clients,#contact { scroll-margin-top:108px; }
@media(max-width:991px){#home,#about,#our-elegance-works,#wedding-films,#celebrity-clients,#contact{scroll-margin-top:88px}}
.em-youtube-teaser{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;overflow:hidden;background:#171514;cursor:pointer}
.em-youtube-teaser img{display:block;width:100%;height:100%;object-fit:cover}
 .em-reviews .em-youtube-player{position:absolute;inset:0;overflow:hidden;background:#000}
.em-reviews .em-youtube-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
.em-celebrity__player iframe{pointer-events:none}
.em-custom-video-control{position:absolute;z-index:5;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(0,0,0,.58);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}
.em-custom-video-control:hover{background:rgba(0,0,0,.82)}
.em-custom-video-control:focus-visible{outline:2px solid #fff;outline-offset:3px}
.em-custom-video-control--toggle{left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);font:25px/1 Arial,sans-serif}
.em-custom-video-control--mute{right:14px;bottom:14px;width:42px;height:42px;font:17px/1 Arial,sans-serif}
.em-custom-video-control--toggle span{pointer-events:none}
.em-custom-video-control--mute svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.em-custom-video-control--toggle{opacity:1;transition:opacity .35s ease,background .2s ease}
.em-custom-video-control--toggle.is-faded{opacity:0;pointer-events:none}
.em-celebrity__player .em-custom-video-control--toggle{width:64px;height:64px}
.em-celebrity__player .em-custom-video-control--mute{right:16px;bottom:16px}
.em-youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:46px;border-radius:12px;background:rgba(0,0,0,.78);color:#fff;font:22px/1 Arial,sans-serif;padding-left:4px;pointer-events:none}
.em-youtube-teaser:focus-visible{outline:2px solid #A77C5B;outline-offset:4px}
.em-reviews__videos .em-youtube-teaser img{object-position:center;transition:transform .45s ease}
.em-reviews__videos .em-youtube-play{display:none!important}
.em-youtube-player .em-custom-video-control--toggle{opacity:0;pointer-events:none;transition:opacity .22s ease,background .2s ease}
.em-youtube-player .em-custom-video-control--toggle.is-visible{opacity:1;pointer-events:auto}
.em-youtube-player .em-custom-video-control--toggle.is-faded{opacity:0;pointer-events:none}
.em-youtube-player .em-custom-video-control--mute{opacity:1;pointer-events:auto}
@media(hover:hover){.em-reviews__videos .em-youtube-teaser:hover img{transform:scale(1.025)}}
.em-reviews__videos .em-testimonial-hosted-video{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:#171514;}\n.em-reviews__videos .em-youtube-player iframe{display:block;background:#000}

.em-crew-film--youtube{position:relative;width:100%;height:clamp(230px,45vw,620px);overflow:hidden;background:#171514}
.em-crew-film--youtube .em-crew-film__thumbnail,.em-crew-film--youtube .em-crew-film__player{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;object-fit:cover;object-position:center}
.em-crew-film--youtube .em-crew-film__thumbnail{z-index:1;transition:opacity .35s ease}
.em-crew-film--youtube .em-crew-film__player{z-index:2}
.em-crew-film--youtube.is-playing .em-crew-film__thumbnail{opacity:0}
.em-crew-film--youtube::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.1),transparent 50%,rgba(0,0,0,.1))}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Hide only play controls/overlays rendered inside the hero slider. */
  .em-fixed-hero :is(
    .em-play-icon,
    .em-youtube-play,
    .em-custom-video-control--toggle,
    .elementor-custom-embed-play,
    .elementor-video-play-icon,
    .wp-video-play-button,
    .mejs-overlay-button,
    [class*="play-button"],
    [class*="play-icon"],
    [class*="video-play"],
    [aria-label*="play" i]
  ),
  .em-fixed-hero button:not(.em-fixed-hero__arrow),
  .em-fixed-hero [role="button"]:not(.em-fixed-hero__arrow) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Suppress native browser play overlays if a video is ever placed in the hero. */
  .em-fixed-hero video::-webkit-media-controls-start-playback-button,
  .em-fixed-hero video::-webkit-media-controls-overlay-play-button {
    display: none !important;
    -webkit-appearance: none;
  }
  
  /* =====================================================
   REDUCE TESTIMONIAL VIDEO SIZE ON DESKTOP
===================================================== */

/* Desktop testimonial width is controlled by the final full-width layout rules below. */

/* Responsive fullscreen visual: <picture> selects one GIF source by viewport. */
/* =========================================
   FULL-WIDTH RESPONSIVE GIF SECTION
========================================= */

.em-fullscreen-gif,
.em-fullscreen-gif * {
    box-sizing: border-box;
}

.em-fullscreen-gif {
    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 100%;

    height: 100vh;
    height: 100svh;
    min-height: 500px;

    margin: 0;
    padding: 0;

    overflow: hidden;
    background-color: #F2E9E1;

    --gif-zoom: 100%;
    --gif-position: center center;
}

/* =========================================
   INNER CONTAINER
========================================= */

.em-fullscreen-gif__container {
    position: relative;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

/* =========================================
   GIF / IMAGE WRAPPER
========================================= */

.em-fullscreen-gif__picture {
    display: block;

    width: var(--gif-zoom);
    height: var(--gif-zoom);

    max-width: none;
    max-height: none;

    flex: 0 0 auto;
    overflow: hidden;
}

/* =========================================
   GIF MEDIA
========================================= */

.em-fullscreen-gif__media {
    display: block;

    width: 100%;
    height: 100%;

    max-width: none;

    object-fit: cover;
    object-position: var(--gif-position);

    border: 0;
}

/* =========================================
   LARGE DESKTOP â€” 1440px+
========================================= */

@media (min-width: 1440px) {
    .em-fullscreen-gif {
        height: 100vh;
        height: 100svh;
        min-height: 650px;
    }

    .em-fullscreen-gif__picture {
        width: 100%;
        height: 100%;
    }
}

/* =========================================
   STANDARD LAPTOP â€” 1025px to 1439px
========================================= */

@media (min-width: 1025px) and (max-width: 1439px) {
    .em-fullscreen-gif {
        height: 90vh;
        height: 90svh;
        min-height: 550px;
    }

    .em-fullscreen-gif__picture {
        width: 100%;
        height: 100%;
    }
}

/* =========================================
   TABLET LANDSCAPE â€” 761px to 1024px
========================================= */

@media (min-width: 761px) and (max-width: 1024px) {
    .em-fullscreen-gif {
        height: 72vh;
        height: 72svh;
        min-height: 420px;
    }

    .em-fullscreen-gif__picture {
        width: 100%;
        height: 100%;
    }

    .em-fullscreen-gif__media {
        object-position: center center;
    }
}

/* =========================================
   MOBILE â€” 481px to 760px
========================================= */

@media (min-width: 481px) and (max-width: 760px) {
    .em-fullscreen-gif {
        width: 100%;
        height: 48vh;
        height: 48svh;
        min-height: 260px;
        max-height: 430px;

        --gif-zoom: 100%;
        --gif-position: center center;
    }

    .em-fullscreen-gif__picture {
        width: 100%;
        height: 100%;
    }

    .em-fullscreen-gif__media {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* =========================================
   SMALL MOBILE â€” 320px to 480px
========================================= */

@media (max-width: 480px) {
    .em-fullscreen-gif {
        width: 100%;
        height: 42vh;
        height: 42svh;
        min-height: 220px;
        max-height: 340px;

        --gif-zoom: 100%;
        --gif-position: center center;
    }

    .em-fullscreen-gif__container {
        width: 100%;
        height: 100%;
    }

    .em-fullscreen-gif__picture {
        width: 100%;
        height: 100%;
    }

    .em-fullscreen-gif__media {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}

/* =========================================
   VERY SMALL MOBILE â€” 320px
========================================= */

@media (max-width: 360px) {
    .em-fullscreen-gif {
        height: 38vh;
        height: 38svh;
        min-height: 210px;
    }
}

/* =========================================
   MOBILE LANDSCAPE
========================================= */

@media (max-height: 500px) and (orientation: landscape) {
    .em-fullscreen-gif {
        height: 100vh;
        height: 100svh;
        min-height: 300px;
    }

    .em-fullscreen-gif__picture {
        width: 100%;
        height: 100%;
    }
}

/* =========================================
   ACCESSIBILITY
========================================= */

@media (prefers-reduced-motion: reduce) {
    .em-fullscreen-gif__media {
        animation: none;
    }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

.em-shorts,
.em-shorts * { box-sizing: border-box; }

.em-shorts {
  width: 100%;
  margin: 0;
  padding: 0 clamp(18px, 4vw, 58px) clamp(48px, 6vw, 76px);
  color: #5D5B5C;
  background: #F2E9E1;
  font-family: 'Bodoni Moda', Georgia, serif;
}

.em-shorts__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 22px;
}

.em-shorts__eyebrow {
  display: block;
  margin: 0 0 8px;
  color: #A77C5B;
  font-family: 'Bodoni Moda', Georgia, serif;
  font-size: 2em;
  font-weight: 500;
  letter-spacing: .2em;
  line-height: 1.4;
  text-transform: uppercase;
}

.em-shorts__heading-copy h2 {
  margin: 0;
  color: #494647;
  font-family: 'Bodoni Moda', Georgia, serif;
  font-size: clamp(2.8em, 3.2vw, 42px);
  font-weight: 400;
  line-height: 1.1;
}

.em-shorts__controls {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.em-shorts__arrow {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(93,91,92,.35);
  border-radius: 50%;
  color: #5D5B5C;
  background: transparent;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.em-shorts__arrow:hover {
  color: #fff;
  background: #5D5B5C;
  border-color: #5D5B5C;
}

.em-shorts__arrow svg {
  display: block;
  width: 19px;
  height: 19px;
}

.em-shorts__arrow:focus-visible,
.em-shorts__poster:focus-visible,
.em-shorts__viewport:focus-visible {
  outline: 2px solid #A77C5B;
  outline-offset: 4px;
}

.em-shorts__viewport {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

.em-shorts__viewport::-webkit-scrollbar { display: none; }

.em-shorts__track {
  display: flex;
  align-items: stretch;
  width: max-content;
  gap: clamp(10px, 1.2vw, 18px);
}

.em-shorts__item {
  flex: 0 0 clamp(170px, 17vw, 235px);
  width: clamp(170px, 17vw, 235px);
  aspect-ratio: 9 / 16;
  margin: 0;
  overflow: hidden;
  background: #211f1e;
  scroll-snap-align: start;
}

.em-shorts__poster,
.em-shorts__player {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  background: #211f1e;
}

.em-shorts__poster {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.em-shorts__poster img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .55s ease;
}

@media (hover: hover) {
  .em-shorts__poster:hover img { transform: scale(1.035); }
}

.em-shorts__play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.18));
  pointer-events: none;
}

.em-shorts__play svg {
  width: 48px;
  height: 48px;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 50%;
  background: rgba(0,0,0,.28);
  backdrop-filter: blur(5px);
}

.em-shorts__player iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 760px) {
  .em-shorts {
    padding: 0 16px 48px;
  }
  .em-shorts__header {
    margin-bottom: 17px;
    align-items: center;
    gap: 12px;
  }
  .em-shorts__heading-copy h2 {
    font-size: clamp(26px, 7vw, 34px);
  }
  .em-shorts__eyebrow {
    font-size: 9px;
    letter-spacing: .16em;
  }
  .em-shorts__arrow {
    width: 36px;
    height: 36px;
  }
  .em-shorts__arrow svg {
    width: 17px;
    height: 17px;
  }
  .em-shorts__track { gap: 12px; }
  .em-shorts__item {
    flex-basis: min(68vw, 245px);
    width: min(68vw, 245px);
  }
}

@media (max-width: 380px) {
  .em-shorts { padding-inline: 12px; }
  .em-shorts__item {
    flex-basis: 70vw;
    width: 70vw;
  }
}

@media (prefers-reduced-motion: reduce) {
  .em-shorts__viewport { scroll-behavior: auto; }
  .em-shorts__poster img,
  .em-shorts__arrow { transition: none; }
}


/* =========================================
   EVIDENCE MAKERS â€” CONSISTENT SHORTS CARDS
========================================= */

.em-shorts,
.em-shorts * {
  box-sizing: border-box;
}

.em-shorts__viewport {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
}

.em-shorts__viewport::-webkit-scrollbar {
  display: none;
}

.em-shorts__track {
  display: flex;
  align-items: stretch;
  gap: 18px;
  width: max-content;
}

.em-shorts__item {
  position: relative;
  flex: 0 0 235px !important;
  width: 235px !important;
  height: 418px !important;
  aspect-ratio: 9 / 16;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #211f1e;
  scroll-snap-align: start;
}

.em-shorts__poster {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #211f1e;
}

.em-shorts__poster img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center;
}

.em-shorts__player,
.em-shorts__player iframe {
  display: none !important;
}

.em-shorts__play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}

@media (max-width: 760px) {
  .em-shorts__track {
    gap: 12px;
  }

  .em-shorts__item {
    flex: 0 0 min(68vw, 220px) !important;
    width: min(68vw, 220px) !important;
    height: auto !important;
    aspect-ratio: 9 / 16;
  }
}

@media (max-width: 380px) {
  .em-shorts__item {
    flex-basis: 72vw !important;
    width: 72vw !important;
  }
}

/* =========================================
   SATHISH CINEMATIC FILM
   VIEWPORT-BASED YOUTUBE AUTOPLAY
========================================= */

.em-sathish-film,
.em-sathish-film * {
    box-sizing: border-box;
}

.em-sathish-film {
    position: relative;
    isolation: isolate;

    width: 100vw;
    max-width: 100vw;

    height: 100vh;
    height: 100svh;
    min-height: 100svh;

    margin: 0;
    padding: 0;
    overflow: hidden;

    background: #171514;
}

/* Thumbnail stays above the iframe until YouTube confirms playback. */
.em-sathish-film__thumbnail {
    position: absolute;
    inset: 0;
    z-index: 3;

    display: block;
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    opacity: 1;
    visibility: visible;
    transition: opacity .35s ease, visibility .35s ease;
}

/* Keep the iframe underneath the thumbnail while it loads. */
.em-sathish-film__player,
.em-sathish-film__player iframe,
.em-sathish-film iframe.em-sathish-film__player {
    position: absolute;
    inset: 0;
    z-index: 2;

    display: block;
    width: 100%;
    height: 100%;

    padding: 0;
    border: 0;
    background: transparent;

    opacity: 1;
    visibility: visible;
    pointer-events: none;
}

/* Hide the thumbnail only after YouTube reports that playback has started. */
.em-sathish-film.is-playing .em-sathish-film__thumbnail {
    opacity: 0;
    visibility: hidden;
}

/* Cinematic subtle overlay */

.em-sathish-film::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 3;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(0,0,0,.10),
        transparent 50%,
        rgba(0,0,0,.10)
    );
}

/* Keep the film section at the full visible device height on every screen size. */

/* Reduced motion accessibility */

@media (prefers-reduced-motion: reduce) {
    .em-sathish-film__thumbnail {
        transition: none;
    }
}

.em-sathish-film__thumbnail,
.em-sathish-film__player,
.em-sathish-film__player iframe,
.em-sathish-film iframe {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;
}

.em-sathish-film__thumbnail {
    z-index: 3;
    object-fit: cover;
    object-position: center;
}

.em-sathish-film__player,
.em-sathish-film__player iframe,
.em-sathish-film iframe {
    z-index: 2;
}



/* Sathish film: full visible viewport height on desktop, tablet, and mobile. */
.em-sathish-film {
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    height: 100svh;
    min-height: 100svh;
    max-height: none !important;
    aspect-ratio: auto !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.em-sathish-film__thumbnail,
.em-sathish-film__player,
.em-sathish-film__player iframe,
.em-sathish-film iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* =========================================
   SATHISH VIDEO â€” RESPONSIVE FRAME + PRELOADER
   Desktop: existing layout | Tablet / Mobile: full-width 16:9
========================================= */

.em-sathish-film {
    position: relative;
    isolation: isolate;
    width: min(100%, 1100px);
    max-width: 1100px;
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 0;
    max-height: none !important;
    margin: clamp(28px, 4vw, 54px) auto;
    padding: 0;
    overflow: hidden;
    background: #171514;
    border-radius: 2px;
    contain: layout paint;
}

.em-sathish-film__thumbnail,
.em-sathish-film__player,
.em-sathish-film__player iframe,
.em-sathish-film iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.em-sathish-film__thumbnail {
    z-index: 3;
    object-fit: cover;
    object-position: center;
    opacity: 1;
    visibility: visible;
    transform: scale(1.015);
    transition: opacity 700ms cubic-bezier(.22,.61,.36,1),
                transform 1200ms cubic-bezier(.22,.61,.36,1),
                visibility 700ms;
    will-change: opacity, transform;
}

.em-sathish-film__player,
.em-sathish-film__player iframe,
.em-sathish-film iframe {
    z-index: 2;
    background: #171514;
    pointer-events: none;
}

.em-sathish-film.is-playing .em-sathish-film__thumbnail {
    opacity: 0;
    visibility: hidden;
    transform: scale(1);
}

.em-sathish-film__preloader {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 13px;
    color: #F2E9E1;
    background: rgba(23, 21, 20, .22);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 350ms ease, visibility 350ms ease;
}

.em-sathish-film.is-loading:not(.is-playing) .em-sathish-film__preloader {
    opacity: 1;
    visibility: visible;
}

.em-sathish-film__spinner {
    width: 34px;
    height: 34px;
    border: 2px solid rgba(242, 233, 225, .28);
    border-top-color: #F2E9E1;
    border-radius: 50%;
    animation: emSathishSpin 850ms linear infinite;
}

.em-sathish-film__loading-text {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
}

@keyframes emSathishSpin {
    to { transform: rotate(360deg); }
}

.em-sathish-film::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(0,0,0,.08), transparent 50%, rgba(0,0,0,.08));
}

/* Tablet and mobile: edge-to-edge horizontal 16:9 film.
   Break out of any theme/content column so no side padding or margins remain. */
@media (max-width: 1024px) {
    .em-sathish-film {
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 16 / 9 !important;
        margin: 0 0 0 calc(50% - 50vw) !important;
        padding: 0 !important;
        border-radius: 0 !important;
        overflow: hidden;
    }

    .em-sathish-film__thumbnail,
    .em-sathish-film__player,
    .em-sathish-film__player iframe,
    .em-sathish-film iframe {
        width: 100% !important;
        height: 100% !important;
        inset: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .em-sathish-film__thumbnail,
    .em-sathish-film__preloader { transition: none !important; }
    .em-sathish-film__spinner { animation-duration: 1800ms; }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Horizontal videos: preserve the original video scale; size only the iframe to its 16:9 frame. */
.em-celebrity__dialog.is-horizontal .em-celebrity__player iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  pointer-events: none !important;
}
/* Keep the 16:9 viewport and custom controls above the embedded player. */
.em-celebrity__dialog.is-horizontal .em-celebrity__player {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.em-celebrity__dialog .em-custom-video-control { z-index: 8; }
.em-reviews .em-youtube-player .em-custom-video-control { z-index: 8; }

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

.em-custom-video-control--toggle,
  .em-reviews .em-youtube-player .em-custom-video-control--toggle,
  .em-celebrity__player [data-video-toggle] {
    display: none !important;
  }

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* HERO: retain the slider arrows; suppress every other play/control overlay. */
  .em-fixed-hero button:not(.em-fixed-hero__arrow),
  .em-fixed-hero [role="button"]:not(.em-fixed-hero__arrow),
  .em-fixed-hero .elementor-custom-embed-play,
  .em-fixed-hero .elementor-video-play-icon,
  .em-fixed-hero .wp-video-play-button,
  .em-fixed-hero .mejs-overlay-button,
  .em-fixed-hero .em-play-icon,
  .em-fixed-hero .em-youtube-play,
  .em-fixed-hero .em-custom-video-control--toggle,
  .em-fixed-hero [class*="play-button"],
  .em-fixed-hero [class*="play-icon"],
  .em-fixed-hero [class*="video-play"],
  .em-fixed-hero [aria-label*="play" i] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .em-fixed-hero video::-webkit-media-controls,
  .em-fixed-hero video::-webkit-media-controls-start-playback-button,
  .em-fixed-hero video::-webkit-media-controls-overlay-play-button {
    display: none !important;
    -webkit-appearance: none;
  }

  .em-fixed-hero__arrow {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* PORTFOLIO: consistent gutters, card proportions and category spacing. */
  .em-portfolio-categories {
    width: 100%;
    padding: clamp(22px, 3vw, 42px) 0 clamp(34px, 4vw, 58px);
    overflow: hidden;
  }

  .em-portfolio-categories .em-category {
    width: 100%;
    margin: 0 0 clamp(28px, 3.4vw, 46px);
  }

  .em-portfolio-categories .em-category-heading {
    min-height: 42px;
    margin: 0 3vw 12px;
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 16px;
  }

  .em-portfolio-categories .em-category-heading h2 {
    display: flex;
    align-items: left;
    gap: 10px;
    min-width: 0;
    font-size: clamp(21px, 2.2vw, 30px);
    line-height: 1.15;
  }

  .em-portfolio-categories .em-category-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
  }

  .em-portfolio-categories .em-category-rail {
    width: 100%;
    padding: 0 3vw 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 3vw;
    -webkit-overflow-scrolling: touch;
  }

  .em-portfolio-categories .em-category-track {
    display: flex;
    align-items: stretch;
    width: max-content;
    gap: 8px;
  }

  .em-portfolio-categories .em-gallery-card {
    position: relative;
    display: block;
    flex: 0 0 calc((94vw - 24px) / 4);
    width: calc((94vw - 24px) / 4);
    min-width: 0;
    aspect-ratio: 0.76;
    overflow: hidden;
    background: #ded3ca;
    scroll-snap-align: start;
  }

  .em-portfolio-categories .em-gallery-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .em-portfolio-categories .em-gallery-card:focus-visible {
    outline: 2px solid #A77C5B;
    outline-offset: -3px;
  }

  @media (max-width: 1024px) {
    .em-portfolio-categories .em-category-rail {
      padding-inline: 24px;
      scroll-padding-inline: 24px;
    }

    .em-portfolio-categories .em-gallery-card {
      flex-basis: calc((100vw - 48px - 16px) / 3);
      width: calc((100vw - 48px - 16px) / 3);
    }
  }

  @media (max-width: 600px) {
    .em-portfolio-categories {
      padding: 22px 0 30px;
    }

    .em-portfolio-categories .em-category {
      margin-bottom: 25px;
    }

    .em-portfolio-categories .em-category-heading {
      min-height: 34px;
      margin: 0 18px 10px;
      gap: 8px;
    }

    .em-portfolio-categories .em-category-heading h2 {
      font-size: clamp(16px, 4.4vw, 20px);
      letter-spacing: -.02em;
    }

    .em-portfolio-categories .em-category-link {
      width: 26px;
      height: 24px;
    }

    .em-portfolio-categories .em-category-link svg {
      width: 25px;
      height: 17px;
    }

    .em-portfolio-categories .em-category-controls {
      gap: 5px;
    }

    .em-portfolio-categories .em-category-arrow {
      width: 34px;
      height: 34px;
    }

    .em-portfolio-categories .em-category-rail {
      padding: 0 18px 7px;
      scroll-padding-inline: 18px;
    }

    .em-portfolio-categories .em-category-track {
      gap: 8px;
    }

    .em-portfolio-categories .em-gallery-card {
      flex-basis: min(72vw, 300px);
      width: min(72vw, 300px);
      aspect-ratio: .76;
    }
  }

  @media (max-width: 360px) {
    .em-portfolio-categories .em-gallery-card {
      flex-basis: 76vw;
      width: 76vw;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .em-portfolio-categories .em-category-rail {
      scroll-behavior: auto;
    }
  }

/* Testimonial layout stability and responsive refinements */
.em-review { height: 330px; min-height: 330px; overflow: hidden; }
.em-review__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    min-height: 7.8em;
}
.em-review__rating-row {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 20px;
    margin-top: 18px;
}
.em-review__rating { margin-top: 0; }
.em-google-g {
    display: inline-block;
    flex: 0 0 auto;
    font: 700 19px/1 Arial, sans-serif;
    background: conic-gradient(from -45deg, #4285F4 0 25%, #34A853 25% 50%, #FBBC05 50% 75%, #EA4335 75% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.em-reviews__videos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: clamp(12px, 1.5vw, 22px);
}
.em-reviews__video-item { width: 100%; min-width: 0;  border-radius:.53em;}
.em-reviews__video-item video {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
    background: #171514;
   
}
.em-testimonial-shorts {
    width: min(1200px, calc(100% - 32px));
    margin: 0 auto 48px;
    overflow: hidden;
}
.em-testimonial-shorts__track {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}
.em-testimonial-shorts__card {
    flex: 0 0 clamp(150px, 19vw, 220px);
    aspect-ratio: 9 / 16;
    overflow: hidden;
    scroll-snap-align: start;
}
.em-testimonial-shorts__card img,
.em-testimonial-shorts__card video,
.em-testimonial-shorts__card iframe {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
}
@media (max-width: 700px) {
    .em-review { height: 300px; min-height: 300px; padding-bottom: 12px; margin-bottom: 18px; }
    .em-review__text {
        min-height: 7.2em;
        -webkit-line-clamp: 4;
        font-size: 19px;
        line-height: 1.5;
    }
    .em-review__rating-row { margin-top: 12px; }
    .em-review__footer { margin-top: 0; padding-top: 14px; }
    .em-reviews__videos {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-top: 1.4em;
    }
    .em-reviews__video-item { width: 100%; }
    .em-testimonial-shorts { width: 100%; padding: 0 18px; margin-bottom: 34px; }
    .em-testimonial-shorts__card { flex-basis: 42vw; max-width: 190px; }
}
@media (prefers-reduced-motion: reduce) {
    .em-testimonial-shorts__track { scroll-behavior: auto; }
}


@media (min-width: 761px) and (hover: hover) and (prefers-reduced-motion: no-preference) {
  .em-portfolio-categories .em-category-rail {
    scroll-snap-type: none;
    scroll-behavior: auto;
  }
  .em-portfolio-categories .em-gallery-card { scroll-snap-align: none; }
}
@media (max-width: 760px) {
  .em-portfolio-categories .em-category-rail {
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

@media (min-width: 761px) and (prefers-reduced-motion: no-preference) {
  .em-portfolio-categories .em-category-rail {
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    overflow-x: auto !important;
  }
  .em-portfolio-categories .em-gallery-card {
    scroll-snap-align: none !important;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* GOOGLE REVIEW MARK: supplied Google SVG on a white rounded tile */
.em-review__rating-row {
  display: flex;
  align-items: center;
  gap: 9px;
}
.em-google-logo-wrap {
  display: inline-flex;
  flex: 0 0 26px;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 5px;
  overflow: hidden;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 1px 3px rgba(30, 25, 20, .10);
}
.em-google-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* CELEBRITY CLIENTS: align exactly with the Weddings & Receptions rail. */
.em-portfolio-categories .em-celebrity {
  width: 100%;
  margin: 0 0 clamp(28px, 3.4vw, 46px);
  padding: 0 0 clamp(22px, 3vw, 42px);
  overflow: hidden;
}
.em-portfolio-categories .em-celebrity__heading {
  min-height: 42px;
  margin: 0 3vw 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.em-portfolio-categories .em-celebrity__heading h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-size: clamp(21px, 2.2vw, 30px);
  line-height: 1.15;
}
.em-portfolio-categories .em-celebrity__carousel {
  width: 100%;
  position: relative;
}
.em-portfolio-categories .em-celebrity__rail {
  width: 100%;
  margin: 0;
  padding: 0 3vw 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 3vw;
  scroll-behavior: auto;
  -webkit-overflow-scrolling: touch;
}
.em-portfolio-categories .em-celebrity__track {
  display: flex;
  align-items: stretch;
  width: max-content;
  gap: 8px;
}
.em-portfolio-categories .em-celebrity .em-gallery-card {
  position: relative;
  display: block;
  flex: 0 0 calc((94vw - 24px) / 4);
  width: calc((94vw - 24px) / 4);
  min-width: 0;
  aspect-ratio: .76;
  overflow: hidden;
  scroll-snap-align: start;
}
.em-portfolio-categories .em-celebrity .em-gallery-card > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1024px) {
  .em-portfolio-categories .em-celebrity__heading {
    margin-inline: 24px;
  }
  .em-portfolio-categories .em-celebrity__rail {
    padding-inline: 24px;
    scroll-padding-inline: 24px;
  }
  .em-portfolio-categories .em-celebrity .em-gallery-card {
    flex-basis: calc((100vw - 48px - 16px) / 3);
    width: calc((100vw - 48px - 16px) / 3);
  }
}
@media (max-width: 600px) {
  .em-portfolio-categories .em-celebrity {
    padding: 22px 0 30px;
    margin-bottom: 25px;
  }
  .em-portfolio-categories .em-celebrity__heading {
    min-height: 34px;
    margin: 0 18px 10px;
    gap: 8px;
  }
  .em-portfolio-categories .em-celebrity__heading h2 {
    font-size: clamp(16px, 4.4vw, 20px);
    letter-spacing: -.02em;
  }
  .em-portfolio-categories .em-celebrity__rail {
    padding: 0 18px 7px;
    scroll-padding-inline: 18px;
  }
  .em-portfolio-categories .em-celebrity .em-gallery-card {
    flex-basis: min(72vw, 300px);
    width: min(72vw, 300px);
    aspect-ratio: .76;
  }
}
@media (max-width: 360px) {
  .em-portfolio-categories .em-celebrity .em-gallery-card {
    flex-basis: 76vw;
    width: 76vw;
  }
}

/* Testimonial videos: each frame fills its available column at a stable 16:9 ratio.
   Desktop retains the requested two-column arrangement; mobile becomes full-width. */
.em-reviews__videos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  width: 100%;
  gap: clamp(12px, 1.5vw, 22px);
}
.em-reviews__video-item {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  aspect-ratio: 16 / 9;
  margin: 0;
  overflow: hidden;
  background: #171514;
}
.em-reviews__video-item .em-youtube-teaser,
.em-reviews__video-item .em-testimonial-hosted-video,
.em-reviews__video-item .em-youtube-player {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  aspect-ratio: auto;
  border: 0;
}
.em-reviews__video-item .em-youtube-teaser {
  padding: 0;
  overflow: hidden;
  cursor: pointer;
}
.em-reviews__video-item .em-youtube-teaser img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.em-reviews__video-item .em-testimonial-hosted-video {
  object-fit: cover;
  background: #000;
}
.em-reviews__video-item .em-youtube-player iframe {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 700px) {
  .em-reviews__videos {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    gap: 16px;
   
  }
  .em-reviews__video-item {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
}
@media (prefers-reduced-motion: reduce) {
  .em-portfolio-categories .em-celebrity__rail {
    scroll-behavior: auto;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Our Elegance Works portfolio: arrow controls and scroll-driven rails */
.em-portfolio-categories .em-category-heading h2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.em-portfolio-categories .em-category-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.em-portfolio-categories .em-category-arrow,
.em-portfolio-categories .em-celebrity__nav {
  flex: 0 0 auto;
  min-width: 40px;
  min-height: 40px;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.em-portfolio-categories .em-category-rail,
.em-portfolio-categories .em-celebrity__rail {
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
}
@media (max-width: 760px) {
  .em-portfolio-categories .em-category-heading {
    margin-inline: 18px;
    gap: 8px;
  }
  .em-portfolio-categories .em-category-controls {
    gap: 5px;
  }
  .em-portfolio-categories .em-category-arrow,
  .em-portfolio-categories .em-celebrity__heading .em-celebrity__nav {
    min-width: 34px;
    min-height: 34px;
    width: 34px;
    height: 34px;
  }
}

/* Testimonials: two equal, full-width columns on desktop; stacked full-width on mobile. */
.em-reviews__videos {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: clamp(10px, 1.4vw, 20px) !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  
}
.em-reviews__video-item {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.em-reviews__video-item > *,
.em-reviews__video-item .em-youtube-teaser,
.em-reviews__video-item .em-youtube-player,
.em-reviews__video-item .em-testimonial-hosted-video,
.em-reviews__video-item video,
.em-reviews__video-item iframe {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  aspect-ratio: 16 / 9;
  border: 0;
}
.em-reviews__video-item .em-youtube-teaser,
.em-reviews__video-item .em-youtube-player {
  position: relative;
  overflow: hidden;
}
.em-reviews__video-item .em-youtube-teaser img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.em-reviews__video-item .em-testimonial-hosted-video,
.em-reviews__video-item video {
  object-fit: cover;
  background: #171514;
}
@media (max-width: 700px) {
  .em-reviews__videos {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    width: 100% !important;
  
  }
  .em-reviews__video-item {
    width: 100% !important;
    aspect-ratio: 16 / 9;
  }
}
@media (prefers-reduced-motion: reduce) {
  .em-portfolio-categories .em-category-rail,
  .em-portfolio-categories .em-celebrity__rail {
    scroll-behavior: auto !important;
  }
}

/* =========================================
   EVIDENCE MAKERS TEAM VIDEO â€” SEPARATE PLAYER
========================================= */
.em-crew-film--youtube {
  position: relative;
  isolation: isolate;
  width: min(100%, 1200px);
  aspect-ratio: 16 / 9;
  height: auto;
  margin: clamp(28px, 5vw, 64px) auto;
  overflow: hidden;
  background: #171514;
}
.em-crew-film--youtube .em-crew-film__thumbnail,
.em-crew-film--youtube .em-crew-film__player {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.em-crew-film--youtube .em-crew-film__thumbnail {
  z-index: 1;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  transition: opacity .4s ease;
}
.em-crew-film--youtube .em-crew-film__player {
  z-index: 2;
}
.em-crew-film--youtube .em-crew-film__player iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.em-crew-film--youtube.is-playing .em-crew-film__thumbnail {
  opacity: 0;
}
.em-crew-film--youtube .em-crew-film__preloader {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  color: #fff;
  background: rgba(15, 14, 14, .34);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
  pointer-events: none;
}
.em-crew-film--youtube.is-loading .em-crew-film__preloader {
  opacity: 1;
  visibility: visible;
}
.em-crew-film__spinner {
  width: 34px;
  height: 34px;
  border: 2px solid rgba(255,255,255,.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: emCrewSpin .8s linear infinite;
}
.em-crew-film__loading-text {
  font: 500 11px/1.4 Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
@keyframes emCrewSpin { to { transform: rotate(360deg); } }
@media (max-width: 600px) {
  .em-crew-film--youtube {
    width: min(88vw, calc(85svh * 9 / 16));
    aspect-ratio: 9 / 16;
    margin: 30px auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .em-crew-film__spinner { animation: none; }
  .em-crew-film--youtube .em-crew-film__thumbnail,
  .em-crew-film--youtube .em-crew-film__preloader { transition: none; }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Hide only the "The people behind every frame" heading and crew-member cards. */
  .em-team-area {
    display: none !important;
  }

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Alternating two-row portfolio carousel */
.em-portfolio-categories .em-category-controls,
.em-portfolio-categories .em-celebrity__heading-controls {
  display: none !important;
}

.em-portfolio-categories .em-alt-carousel {
  display: grid;
  gap: 10px;
  width: 100%;
  overflow: hidden;
}

.em-portfolio-categories .em-alt-row {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.em-portfolio-categories .em-alt-row__viewport {
  width: 100%;
  overflow: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overscroll-behavior: contain;
  touch-action: pan-y;
}

.em-portfolio-categories .em-alt-row__viewport::-webkit-scrollbar {
  display: none;
}

.em-portfolio-categories .em-alt-row__track {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: max-content;
  gap: 8px;
  will-change: transform;
  animation: none !important;
  transform: translate3d(0, 0, 0);
}

.em-portfolio-categories .em-alt-row--videos .em-alt-row__track,
.em-portfolio-categories .em-alt-row--images .em-alt-row__track {
  animation: none !important;
}

.em-portfolio-categories .em-alt-row:hover .em-alt-row__track,
.em-portfolio-categories .em-alt-row:focus-within .em-alt-row__track,
.em-portfolio-categories .em-alt-row__viewport:active .em-alt-row__track {
  animation-play-state: paused;
}

.em-portfolio-categories .em-alt-row .em-gallery-card {
  position: relative;
  display: block;
  flex: 0 0 clamp(220px, 22.5vw, 330px);
  width: clamp(220px, 22.5vw, 330px);
  min-width: 0;
  aspect-ratio: .76;
  overflow: hidden;
  scroll-snap-align: none;
}

.em-portfolio-categories .em-alt-row .em-gallery-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.em-portfolio-categories .em-alt-row__duplicate {
  pointer-events: auto;
  user-select: none;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .em-portfolio-categories .em-alt-row .em-gallery-card {
    flex-basis: clamp(220px, 29vw, 310px);
    width: clamp(220px, 29vw, 310px);
  }
}

@media (max-width: 600px) {
  .em-portfolio-categories .em-alt-carousel {
    gap: 8px;
  }

  .em-portfolio-categories .em-alt-row__track {
    gap: 7px;
    animation-duration: var(--em-marquee-duration-mobile, 42s);
  }

  .em-portfolio-categories .em-alt-row .em-gallery-card {
    flex-basis: min(68vw, 270px);
    width: min(68vw, 270px);
    aspect-ratio: .76;
  }
}

@media (prefers-reduced-motion: reduce) {
  .em-portfolio-categories .em-alt-row__track {
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }

  .em-portfolio-categories .em-alt-row__viewport {
    overflow-x: auto;
    scroll-behavior: auto;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* =========================================
   1. ABOUT US TITLE: centered + new color
========================================= */
.em-about-heading { text-align: center !important; }
.em-about-heading h2 {
  color: #A77C5B !important;
  text-align: center !important;
}

/* =========================================
   2. PORTFOLIO CATEGORY ARROW: brown / 20
========================================= */
.em-portfolio-categories .em-category-link,
.em-portfolio-categories .em-celebrity__category-link,
.em-celebrity__category-link {
  color: rgba(167, 124, 91, 0.35) !important;
  transition: color .3s ease !important;
}
.em-portfolio-categories .em-category-link:hover,
.em-portfolio-categories .em-celebrity__category-link:hover,
.em-celebrity__category-link:hover {
  color: rgba(167, 124, 91, 0.75) !important;
}

/* =========================================
   3. PORTFOLIO CAROUSEL SWIPE FIX
   Allow vertical page scroll to pass
   through the marquee tracks on touch.
========================================= */
.em-portfolio-categories .em-alt-carousel,
.em-portfolio-categories .em-alt-row,
.em-portfolio-categories .em-alt-row__viewport,
.em-portfolio-categories .em-alt-row__track {
  touch-action: auto !important;
  overscroll-behavior: auto !important;
}

/* =========================================
   4. GLOBAL VIDEO PLAY MARK (smaller, tighter)
========================================= */
.em-video-corner-mark,
.em-shorts__item .em-video-corner-mark,
.em-portfolio-categories .em-portfolio-video-card > .em-video-corner-mark {
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border-radius: 5px !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.22) !important;
}
.em-video-corner-mark svg,
.em-shorts__item .em-video-corner-mark svg,
.em-portfolio-categories .em-portfolio-video-card > .em-video-corner-mark svg {
  width: 8px !important;
  height: 10px !important;
  margin-left: 1px !important;
  display: block !important;
}
@media (max-width: 600px) {
  .em-video-corner-mark,
  .em-shorts__item .em-video-corner-mark,
  .em-portfolio-categories .em-portfolio-video-card > .em-video-corner-mark {
    width: 20px !important;
    height: 20px !important;
    border-radius: 4px !important;
    top: 6px !important;
    right: 6px !important;
  }
  .em-video-corner-mark svg,
  .em-shorts__item .em-video-corner-mark svg,
  .em-portfolio-categories .em-portfolio-video-card > .em-video-corner-mark svg {
    width: 7px !important;
    height: 9px !important;
  }
}

/* =========================================
   5. TESTIMONIAL SHORTS: 4:5, tighter gap
========================================= */
.em-shorts__track {
  gap: 6px !important;
  padding-bottom: 0 !important;
}
.em-shorts__item {
  flex: 0 0 200px !important;
  width: 200px !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden;
}
.em-shorts__viewport { order: 1 !important; }

@media (max-width: 760px) {
  .em-shorts__track { gap: 5px !important; }
  .em-shorts__item {
    flex: 0 0 min(55vw, 190px) !important;
    width: min(55vw, 190px) !important;
    aspect-ratio: 4 / 5 !important;
  }
}
@media (max-width: 380px) {
  .em-shorts__item {
    flex: 0 0 60vw !important;
    width: 60vw !important;
  }
}

/* =========================================
   6. SHORTS ARROWS: removed from top,
   placed centred below the carousel
========================================= */
.em-shorts {
  display: flex !important;
  flex-direction: column !important;
}
.em-shorts__header { display: none !important; }
.em-shorts__nav-below {
  order: 2 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 20px !important;
  padding: 0 18px !important;
}
.em-shorts__nav-below .em-shorts__arrow {
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(93, 91, 92, .35) !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #5D5B5C !important;
  cursor: pointer !important;
  transition: background .25s ease, color .25s ease, border-color .25s ease !important;
}
.em-shorts__nav-below .em-shorts__arrow:hover {
  background: #5D5B5C !important;
  color: #fff !important;
  border-color: #5D5B5C !important;
}
.em-shorts__nav-below .em-shorts__arrow svg {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
}
@media (max-width: 700px) {
  .em-shorts__nav-below { margin-top: 14px !important; gap: 9px !important; }
  .em-shorts__nav-below .em-shorts__arrow { width: 34px !important; height: 34px !important; }
  .em-shorts__nav-below .em-shorts__arrow svg { width: 14px !important; height: 14px !important; }
}

/* =========================================
   7. FOOTER: infinite 4:5 marquee, no gap
========================================= */
.em-site-footer__portfolio { overflow: hidden !important; }
.em-site-footer__submenu { display: none !important; }
.em-footer-marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 16px;
}
.em-footer-marquee__track {
  display: flex;
  width: max-content;
  gap: 0;
  animation: emFooterMarquee 45s linear infinite;
  will-change: transform;
  --marquee-distance: -50%;
}
.em-footer-marquee__item {
  flex: 0 0 auto;
  display: block;
  width: clamp(140px, 12vw, 260px);
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #eee9e5;
  text-decoration: none;
}
.em-footer-marquee__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .5s ease;
}
@media (hover: hover) {
  .em-footer-marquee__item:hover img { transform: scale(1); }
}
.em-footer-marquee:hover .em-footer-marquee__track,
.em-footer-marquee:focus-within .em-footer-marquee__track {
  animation-play-state: paused;
}
@keyframes emFooterMarquee {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(var(--marquee-distance), 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .em-footer-marquee__track { animation: none; }
  .em-footer-marquee { overflow-x: auto; }
}

/* =========================================
   8. PORTFOLIO IMAGE CARDS: show full image
========================================= */
.em-portfolio-categories .em-portfolio-image-card {
  display: block !important;
  position: relative !important;
  background: #211f1e !important;
  overflow: hidden !important;
}
.em-portfolio-categories .em-portfolio-image-card img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

/* =========================================
   9. IMAGE PREVIEW DIALOG: full image within device
========================================= */
#em-image-preview.em-image-preview {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
}


/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

dialog.em-celebrity__dialog[open] {
    display: block !important;
    z-index: 2147483000 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  dialog.em-celebrity__dialog[open] .em-celebrity__dialog-inner,
  dialog.em-celebrity__dialog[open] .em-celebrity__player {
    visibility: visible !important;
    opacity: 1 !important;
  }
  dialog.em-celebrity__dialog .em-celebrity__player iframe {
    pointer-events: auto !important;
  }
  body.em-celebrity-video-open { overflow: hidden !important; }

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* WHY US â€” preserve the original four-image desktop row */
    @media (max-width: 1091px) and (min-width: 701px) {
      .em-about-feature .em-about-gallery {
        width: 100%;
        max-width: 850px;
        margin: 0 auto;
        padding: 0;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: auto auto;
        align-items: start;
        gap: clamp(6px, 1vw, 12px);
      }

      .em-about-feature .em-about-image-one,
      .em-about-feature .em-about-image-two,
      .em-about-feature .em-about-image-three {
        grid-column: auto;
        grid-row: 1;
      }

      .em-about-feature .em-about-image-four {
        grid-column: 1 / -1 !important;
        grid-row: 2;
        justify-self: stretch;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        aspect-ratio: auto !important;
      }

      .em-about-feature .em-about-image-four img {
        display: block;
        width: 100%;
        height: auto !important;
        max-height: none;
        object-fit: contain;
      }
    }

    /* Mobile: two images on the first row, then two full-width images */
    @media (max-width: 700px) {
      .em-about-feature .em-about-gallery {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
        align-items: start;
        gap: 5px;
      }

      .em-about-feature .em-about-image-one,
      .em-about-feature .em-about-image-two {
        grid-column: auto;
        grid-row: 1;
        width: 100%;
        aspect-ratio: 3 / 4;
      }

      .em-about-feature .em-about-image-three,
      .em-about-feature .em-about-image-four {
        grid-column: 1 / -1 !important;
        grid-row: auto;
        justify-self: stretch;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        aspect-ratio: auto !important;
      }

      .em-about-feature .em-about-image-three img,
      .em-about-feature .em-about-image-four img {
        display: block;
        width: 100%;
        height: auto !important;
        max-height: none;
        object-fit: contain;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .em-about-feature .em-about-gallery .em-about-image img {
        transition: none !important;
      }
    }

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Header CTA â€” retain the existing label with stronger visual presence. */
    .custom-transparent-header .nav-group a.nav-cta {
      font-size: clamp(15px, 1.15vw, 17px) !important;
      font-weight: 500;
      letter-spacing: 1.45px;
    }

    .mobile-nav-overlay li a.nav-cta {
      font-size: clamp(25px, 6.3vw, 37px) !important;
      font-weight: 500;
    }

    /* Consultation heading â€” one unified editorial heading. */
    .em-consultation .em-consultation__copy > .em-consultation__title {
      display: flex !important;
      flex-direction: column;
      align-items: flex-start;
      gap: .06em;
      max-width: 680px;
      margin: 0 0 28px;
      font-size: clamp(35px, 3.8vw, 55px);
      line-height: 1.08;
      letter-spacing: -.035em;
    }

    .em-consultation__title-line {
      display: block;
    }
    /* "Let's Talk" matches the Our Elegance Works section title. */
    .em-consultation__section-title {
      width: 100%;
      margin: 0 0 34px;
      padding: 0 20px;
      color: #A77C5B;
      font-family: "Bodoni Moda", Georgia, serif;
      font-size: clamp(2.4em, 7vw, 5.2em);
      font-weight: 500;
      line-height: 1.2;
      text-align: center;
      text-transform: uppercase;
    }


    /* Sacramento handwritten treatment for the appointment line. */
    .em-consultation .em-consultation__title-accent {
      margin: .04em 0 .02em;
      color: #A77C5B !important;
      font-family: 'Sacramento', cursive !important;
      font-size: clamp(1.1em, 5.6vw, 1.1em) !important;
      font-weight: 400 !important;
      font-style: normal !important;
      text-transform: none !important;
    }

    @media (max-width: 1100px) {
      .em-consultation__section-title {
        font-size: clamp(3.2em, 7vw, 3.8em);
        margin-bottom: 28px;
      }
    }

    @media (max-width: 700px) {
      .em-consultation__section-title {
        font-size: clamp(2.4em, 7vw, 3em);
        margin-bottom: 24px;
      }
    }

    @media (max-width: 600px) {
      .em-consultation .em-consultation__copy > .em-consultation__title {
        gap: .08em;
        margin-bottom: 22px;
        font-size: clamp(33px, 9.2vw, 45px);
        line-height: 1.1;
      }

      .em-consultation .em-consultation__title-accent {
        font-size: clamp(43px, 11.5vw, 62px) !important;
        line-height: 1.2 !important;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .em-consultation__title-line {
        transition: none !important;
      }
    }

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* One consistent compact square play mark for every video card. */
.em-shorts__item,
.em-testimonial-shorts__card,
.em-reviews__video-item,
.em-portfolio-categories .em-video-card,
.em-portfolio-categories .em-gallery-card,
.em-portfolio-categories .em-youtube-teaser {
  position: relative !important;
}

/* Remove the oversized centre play overlay from Watch Our Shorts. */
.em-shorts__play {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Remove legacy decorative play overlays, without hiding video controls/buttons. */
.em-shorts__item .em-play-icon,
.em-shorts__item .em-youtube-play,
.em-testimonial-shorts__card .em-play-icon,
.em-testimonial-shorts__card .em-youtube-play,
.em-reviews__video-item .em-play-icon,
.em-reviews__video-item .em-youtube-play,
.em-portfolio-categories .em-video-card > .em-play-icon,
.em-portfolio-categories .em-video-card > .em-youtube-play,
.em-portfolio-categories .em-gallery-card > .em-play-icon,
.em-portfolio-categories .em-gallery-card > .em-youtube-play,
.em-portfolio-categories .em-youtube-teaser > .em-play-icon,
.em-portfolio-categories .em-youtube-teaser > .em-youtube-play {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.em-video-corner-mark {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 80 !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.2) !important;
  pointer-events: none !important;
}
.em-video-corner-mark svg {
  display: block !important;
  width: 12px !important;
  height: 14px !important;
  margin: 0 0 0 2px !important;
  fill: #252321 !important;
}
@media (max-width: 600px) {
  .em-video-corner-mark {
    top: 8px !important;
    right: 8px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 7px !important;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* OUR ELEGANCE WORKS: replace the large centred play button with the testimonial-style corner mark. */
.em-portfolio-categories .em-portfolio-video-card {
  position: relative !important;
}
.em-portfolio-categories .em-portfolio-video-card > .em-celebrity__play {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.em-portfolio-categories .em-portfolio-video-card > .em-video-corner-mark {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 80 !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.2) !important;
  pointer-events: none !important;
}
.em-portfolio-categories .em-portfolio-video-card > .em-video-corner-mark svg {
  display: block !important;
  width: 12px !important;
  height: 14px !important;
  margin-left: 2px !important;
  fill: #252321 !important;
}
@media (max-width: 600px) {
  .em-portfolio-categories .em-portfolio-video-card > .em-video-corner-mark {
    top: 8px !important;
    right: 8px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 7px !important;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Preserve the existing desktop cover film; use one full-bleed landscape frame on mobile. */
.em-sathish-film__preloader { display: none !important; }

@media (max-width: 760px) {
  .em-sathish-film {
    position: relative !important;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw !important;
    max-width: 100vw !important;
    height: 56.25vw !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
    margin: 0 !important;
    overflow: hidden;
  }

  .em-sathish-film__thumbnail,
  .em-sathish-film__player,
  .em-sathish-film__player iframe,
  .em-sathish-film iframe {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Evidence Crew film: keep the existing YouTube film visible and responsive. */
.em-about-crew .em-sathish-film {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  width: min(100%, 1100px) !important;
  max-width: 1100px !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: clamp(28px, 4vw, 54px) auto !important;
  overflow: hidden !important;
  background: #171514;
}

.em-about-crew .em-sathish-film__thumbnail,
.em-about-crew .em-sathish-film__player,
.em-about-crew .em-sathish-film__player iframe {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

@media (max-width: 1024px) {
  .em-about-crew .em-sathish-film {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 0 0 calc(50% - 50vw) !important;
    border-radius: 0 !important;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* OUR ELEGANCE WORKS â€” stable, endless alternating rows */
.em-portfolio-categories .em-alt-carousel {
  display: grid !important;
  gap: 10px !important;
  width: 100% !important;
  overflow: hidden !important;
}
.em-portfolio-categories .em-alt-row,
.em-portfolio-categories .em-alt-row__viewport {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.em-portfolio-categories .em-alt-row__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  gap: 8px !important;
  animation: none !important;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}
.em-portfolio-categories .em-alt-row .em-gallery-card {
  flex: 0 0 clamp(220px, 22.5vw, 330px) !important;
  width: clamp(220px, 22.5vw, 330px) !important;
}
.em-portfolio-categories .em-alt-row__duplicate {
  pointer-events: auto !important;
  user-select: none !important;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .em-portfolio-categories .em-alt-row .em-gallery-card {
    flex-basis: clamp(220px, 29vw, 310px) !important;
    width: clamp(220px, 29vw, 310px) !important;
  }
}
@media (max-width: 600px) {
  .em-portfolio-categories .em-alt-row__track { gap: 7px !important; }
  .em-portfolio-categories .em-alt-row .em-gallery-card {
    flex-basis: min(68vw, 270px) !important;
    width: min(68vw, 270px) !important;
  }
}


@media (prefers-reduced-motion: reduce) {
  .em-portfolio-categories .em-alt-row__track {
    transform: none !important;
    will-change: auto;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Testimonial vertical Shorts: compact spacing and play mark centred at the bottom */
.em-shorts__track {gap:8px!important}
.em-shorts__item {margin:0!important}
.em-shorts__item .em-video-corner-mark {
  top:auto!important;
  right:auto!important;
  left:50%!important;
  bottom:12px!important;
  transform:translateX(-50%)!important;
}
.em-shorts__viewport {scroll-padding-left:8px}
@media (max-width:700px) {
  .em-shorts__track {gap:6px!important}
  .em-shorts__item .em-video-corner-mark {bottom:9px!important}
}

/* MATCH ALL PORTFOLIO CATEGORY HEADINGS TO CELEBRITY CLIENTS */
.em-portfolio-categories .em-category-heading h2,
.em-portfolio-categories .em-celebrity__heading h2 {
  font-family: 'Bodoni Moda', Georgia, serif !important;
  font-size: clamp(21px, 2.2vw, 30px) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  text-transform: uppercase !important;
  font-style: normal !important;
}

/* MOBILE TYPOGRAPHY */
@media (max-width: 600px) {
  .em-portfolio-categories .em-category-heading h2,
  .em-portfolio-categories .em-celebrity__heading h2 {
    font-size: clamp(16px, 4.4vw, 20px) !important;
    letter-spacing: -.02em !important;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Keep complete still photographs visible inside portfolio cards.
   Video thumbnails retain their existing object-fit: cover treatment. */
.em-portfolio-categories .em-portfolio-image-card {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #211f1e;
}

.em-portfolio-categories .em-portfolio-image-card img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Full-screen image preview constrained to the visible device viewport. */
#em-image-preview.em-image-preview.is-portfolio-category-preview {
  position: fixed;
  inset: 0;
  width: 100vw;
  max-width: none;
  height: 100vh;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 24px;
  border: 0;
  overflow: hidden;
  background: rgba(15, 13, 12, .96);
  color: #fff;
}

#em-image-preview.em-image-preview.is-portfolio-category-preview::backdrop {
  background: rgba(15, 13, 12, .96);
}

#em-image-preview.is-portfolio-category-preview .em-image-preview__content {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

#em-image-preview.is-portfolio-category-preview .em-image-preview__content img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center;
}

#em-image-preview.is-portfolio-category-preview .em-image-preview__close {
  position: absolute;
  top: max(8px, env(safe-area-inset-top));
  right: max(8px, env(safe-area-inset-right));
  z-index: 5;
}

@media (max-width: 600px) {
  #em-image-preview.em-image-preview.is-portfolio-category-preview {
    padding: max(12px, env(safe-area-inset-top))
             max(12px, env(safe-area-inset-right))
             max(12px, env(safe-area-inset-bottom))
             max(12px, env(safe-area-inset-left));
  }

  #em-image-preview.is-portfolio-category-preview .em-image-preview__content img {
    max-width: 100% !important;
    max-height: 100% !important;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* ABOUT US â€” centred editorial heading */
.em-about-crew .em-about-heading {
  text-align: center !important;
}
.em-about-crew .em-about-heading h2 {
  width: 100%;
  color: #A77C5B !important;
  text-align: center !important;
}

/* PORTFOLIO CATEGORY IMAGE ITEMS ONLY â€” preserve the entire photograph */
.em-portfolio-categories .em-alt-row .em-portfolio-image-card {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #211f1e;
}
.em-portfolio-categories .em-alt-row .em-portfolio-image-card > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Category title's small view-all arrow: warm brown at 20% opacity */
.em-portfolio-categories .em-category-heading .em-category-link {
  color: rgba(167, 124, 91, .20) !important;
  opacity: 1 !important;
}
.em-portfolio-categories .em-category-heading .em-category-link svg {
  stroke: currentColor !important;
}

/* Let users drag either alternating portfolio row horizontally on touch or pointer devices. */
.em-portfolio-categories .em-alt-row__viewport {
  touch-action: pan-y !important;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}
.em-portfolio-categories .em-alt-row__viewport.is-dragging {
  cursor: grabbing;
}
.em-portfolio-categories .em-alt-row__viewport img {
  -webkit-user-drag: none;
  user-select: none;
}

/* Shorts carousel â€” compact 4:5 cards and tighter spacing */
.em-shorts__track {
  gap: 6px !important;
}
.em-shorts__item {
  flex: 0 0 clamp(170px, 18vw, 225px) !important;
  width: clamp(170px, 18vw, 225px) !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  margin: 0 !important;
}
.em-shorts__poster {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.em-shorts__controls {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100%;
  margin: 18px auto 0 !important;
  gap: 12px !important;
}
.em-shorts__arrow {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
}
.em-shorts__arrow svg {
  width: 16px !important;
  height: 16px !important;
}
@media (max-width: 760px) {
  .em-shorts__track { gap: 6px !important; }
  .em-shorts__item {
    flex-basis: min(43vw, 190px) !important;
    width: min(43vw, 190px) !important;
    aspect-ratio: 4 / 5 !important;
  }
  .em-shorts__controls { margin-top: 14px !important; }
}

/* One restrained, consistent play mark across video thumbnails */
.em-video-corner-mark {
  top: 9px !important;
  right: 9px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 25px !important;
  height: 25px !important;
  padding: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 5px rgba(0,0,0,.16) !important;
}
.em-video-corner-mark svg {
  width: 10px !important;
  height: 12px !important;
  margin: 0 0 0 1px !important;
}
.em-custom-video-control--toggle,
.em-celebrity__player .em-custom-video-control--toggle {
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  font-size: 18px !important;
}

/* Footer Instagram strip â€” seamless, gapless, 4:5 infinite carousel */
.em-site-footer__portfolio {
  min-width: 0;
  overflow: hidden;
}
.em-site-footer__submenu {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  width: max-content !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  list-style: none !important;
  animation: emFooterInstagramMarquee 38s linear infinite;
  will-change: transform;
}
.em-site-footer__submenu li {
  flex: 0 0 clamp(130px, 16.66vw, 230px) !important;
  width: clamp(130px, 16.66vw, 230px) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.em-site-footer__submenu a {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden;
  margin: 0 !important;
}
.em-site-footer__submenu img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.em-site-footer__submenu:hover {
  animation-play-state: paused;
}
@keyframes emFooterInstagramMarquee {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(var(--marquee-distance, -50%),0,0); }
}
@media (max-width: 600px) {
  .em-footer-marquee__item {
    flex-basis: 42vw !important;
    width: 42vw !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .em-footer-marquee__track { animation: none !important; }
}

/* Keep the full-screen fit dialog scoped to portfolio category still images. */
#em-image-preview.em-image-preview.is-portfolio-category-preview {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: max(12px, env(safe-area-inset-top))
           max(12px, env(safe-area-inset-right))
           max(12px, env(safe-area-inset-bottom))
           max(12px, env(safe-area-inset-left)) !important;
  border: 0 !important;
  overflow: hidden !important;
  background: rgba(15,13,12,.96) !important;
}
#em-image-preview.is-portfolio-category-preview::backdrop {
  background: rgba(15,13,12,.96);
}
#em-image-preview.is-portfolio-category-preview .em-image-preview__content {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
#em-image-preview.is-portfolio-category-preview .em-image-preview__content img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}
#em-image-preview.is-portfolio-category-preview .em-image-preview__close {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 5;
}

/* FINAL RESPONSIVE CAROUSEL REFINEMENTS */
.em-about-crew .em-about-heading,
.em-about-crew .em-about-heading h2 {
  text-align: center !important;
}
.em-about-crew .em-about-heading h2 { color: #A77C5B !important; }

.em-portfolio-categories .em-category-heading .em-category-link {
  color: rgba(167,124,91,.35) !important;
  transition: color .3s ease !important;
}
.em-portfolio-categories .em-category-heading .em-category-link:hover {
  color: rgba(167,124,91,.75) !important;
}

/* Shorts: true 4:5 layout, compact cards, centred arrows below the rail. */
.em-shorts {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0;
}
.em-shorts__header { display: none !important; }
.em-shorts__viewport {
  order: 1;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  touch-action: pan-y;
  cursor: grab;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.em-shorts__viewport::-webkit-scrollbar { display: none; }
.em-shorts__viewport.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
  user-select: none;
}
.em-shorts__track {
  display: flex !important;
  width: max-content;
  gap: 6px !important;
  padding: 0 !important;
}
.em-shorts__item {
  flex: 0 0 clamp(170px, 18vw, 220px) !important;
  width: clamp(170px, 18vw, 220px) !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  margin: 0 !important;
  scroll-snap-align: start;
}
.em-shorts__poster,
.em-shorts__player {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.em-shorts__poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.em-shorts__nav-below {
  order: 2 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100%;
  margin: 18px auto 0 !important;
  padding: 0 12px !important;
}
.em-shorts__nav-below .em-shorts__arrow {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 1px solid rgba(93,91,92,.35) !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #5D5B5C !important;
  touch-action: manipulation;
}
.em-shorts__nav-below .em-shorts__arrow svg {
  display: block;
  width: 15px !important;
  height: 15px !important;
}
.em-shorts__nav-below .em-shorts__arrow:hover {
  background: #5D5B5C !important;
  border-color: #5D5B5C !important;
  color: #fff !important;
}

/* Consistent small top-right play marker. */
.em-video-corner-mark {
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border-radius: 5px !important;
}
.em-video-corner-mark svg {
  width: 8px !important;
  height: 10px !important;
  margin: 0 0 0 1px !important;
}
.em-shorts__item .em-video-corner-mark {
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
}
.em-custom-video-control--toggle {
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  font-size: 18px !important;
}

/* Footer: measured pixel loop distance, no seam or empty area. */
.em-site-footer__portfolio { min-width: 0; overflow: hidden !important; }
.em-footer-marquee {
  position: relative;
  width: 100%;
  min-width: 0;
  margin-top: 16px;
  overflow: hidden;
}
.em-footer-marquee__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  width: max-content !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  --marquee-distance: -50%;
  animation: emFooterInstagramMarquee 45s linear infinite;
  will-change: transform;
}
.em-footer-marquee__item {
  display: block !important;
  flex: 0 0 clamp(130px, 16.66vw, 230px) !important;
  width: clamp(130px, 16.66vw, 230px) !important;
  aspect-ratio: 4 / 5 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  text-decoration: none;
  background: #eee9e5;
}
.em-footer-marquee__item img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center;
  transition: transform .5s ease;
}
@media (hover: hover) {
  .em-footer-marquee__item:hover img { transform: scale(1); }
}
.em-footer-marquee:hover .em-footer-marquee__track,
.em-footer-marquee:focus-within .em-footer-marquee__track {
  animation-play-state: paused;
}
.em-footer-marquee__track.is-loop-ready {
  animation-name: emFooterInstagramMarquee;
}
@keyframes emFooterInstagramMarquee {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(var(--marquee-distance),0,0); }
}

/* Drag feedback and responsive card sizing for the alternating portfolio rows. */
.em-portfolio-categories .em-alt-row__viewport {
  touch-action: pan-y !important;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}
.em-portfolio-categories .em-alt-row__viewport.is-dragging {
  cursor: grabbing;
}
.em-portfolio-categories .em-alt-row__viewport img {
  -webkit-user-drag: none;
  user-select: none;
}
.em-portfolio-categories .em-alt-row .em-portfolio-image-card {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #211f1e !important;
}
.em-portfolio-categories .em-alt-row .em-portfolio-image-card > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Image dialog respects the visible viewport and mobile safe areas. */
#em-image-preview.em-image-preview.is-portfolio-category-preview {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: max(12px, env(safe-area-inset-top))
           max(12px, env(safe-area-inset-right))
           max(12px, env(safe-area-inset-bottom))
           max(12px, env(safe-area-inset-left)) !important;
  border: 0 !important;
  overflow: hidden !important;
  background: rgba(15,13,12,.96) !important;
}
#em-image-preview.is-portfolio-category-preview .em-image-preview__content {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
#em-image-preview.is-portfolio-category-preview .em-image-preview__content img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}
#em-image-preview.is-portfolio-category-preview .em-image-preview__close {
  position: absolute !important;
  top: max(8px, env(safe-area-inset-top)) !important;
  right: max(8px, env(safe-area-inset-right)) !important;
  z-index: 5 !important;
}

@media (max-width: 760px) {
  .em-shorts { padding: 0 14px 44px !important; }
  .em-shorts__track { gap: 5px !important; }
  .em-shorts__item {
    flex-basis: min(55vw, 190px) !important;
    width: min(55vw, 190px) !important;
  }
  .em-shorts__nav-below { margin-top: 14px !important; gap: 9px !important; }
  .em-shorts__nav-below .em-shorts__arrow {
    width: 34px !important;
    height: 34px !important;
  }
  .em-shorts__nav-below .em-shorts__arrow svg {
    width: 14px !important;
    height: 14px !important;
  }
  .em-video-corner-mark {
    top: 6px !important;
    right: 6px !important;
    width: 20px !important;
    height: 20px !important;
  }
  .em-video-corner-mark svg {
    width: 7px !important;
    height: 9px !important;
  }
  .em-site-footer__submenu li {
    flex-basis: 42vw !important;
    width: 42vw !important;
  }
}
@media (max-width: 380px) {
  .em-shorts__item {
    flex-basis: 60vw !important;
    width: 60vw !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .em-shorts__viewport { scroll-behavior: auto !important; }
  .em-shorts__poster img,
  .em-shorts__arrow { transition: none !important; }
  .em-site-footer__submenu { animation: none !important; }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Sacramento subheadings for every dynamically split portfolio category. */
.em-portfolio-categories .em-alt-row__subheading {
  
  padding: 0 clamp(14px, 3.2vw, 46px);
  color: #A77C5B;
  font-family: 'Sacramento', cursive;
  font-size: clamp(1.2em, 1.6em, 1.1em);
  font-weight: 400;


}
.em-portfolio-categories .em-alt-row--videos .em-alt-row__subheading {
  width:100%;
  margin:.8em 0em;
  display:flex;
  justify-content:center;
}
.em-portfolio-categories .em-alt-row--images .em-alt-row__subheading {
  width:100%;
  margin:.8em 0em;
  display:flex;
  justify-content:center;
}

/* Video dialog adapts to each source's declared 16:9 or 9:16 ratio
   and stays completely inside the visible device viewport. */
.em-celebrity__dialog {
  position: fixed !important;
  inset: 0 !important;
  margin: auto !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  max-height: 100dvh !important;
}
.em-celebrity__dialog::backdrop {
  background: rgba(12, 10, 9, .92) !important;
  backdrop-filter: blur(7px);
}
.em-celebrity__dialog-inner {
  position: relative !important;
  width: 100% !important;
  padding: 48px 0 0 !important;
}
.em-celebrity__dialog .em-celebrity__close {
  top: 0 !important;
  right: 0 !important;
  width: 40px !important;
  height: 40px !important;
  z-index: 20 !important;
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.58) !important;
}
.em-celebrity__dialog .em-celebrity__player {
  position: relative !important;
  display: block !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  background: #000 !important;
}
.em-celebrity__dialog.is-horizontal {
  width: min(1100px, calc(100vw - 32px), calc((100dvh - 76px) * 16 / 9)) !important;
  max-width: min(1100px, calc(100vw - 32px), calc((100dvh - 76px) * 16 / 9)) !important;
  height: auto !important;
}
.em-celebrity__dialog.is-horizontal .em-celebrity__player {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  max-height: calc(100dvh - 76px) !important;
}
.em-celebrity__dialog.is-vertical {
  width: min(430px, calc(100vw - 28px), calc((100dvh - 76px) * 9 / 16)) !important;
  max-width: min(430px, calc(100vw - 28px), calc((100dvh - 76px) * 9 / 16)) !important;
  height: auto !important;
}
.em-celebrity__dialog.is-vertical .em-celebrity__player {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 9 / 16 !important;
  max-height: calc(100dvh - 76px) !important;
}
.em-celebrity__dialog .em-celebrity__player iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}
@media (max-width: 600px) {
  .em-celebrity__dialog-inner { padding-top: 46px !important; }
  .em-celebrity__dialog.is-horizontal {
    width: min(calc(100vw - 20px), calc((100dvh - 68px) * 16 / 9)) !important;
    max-width: min(calc(100vw - 20px), calc((100dvh - 68px) * 16 / 9)) !important;
  }
  .em-celebrity__dialog.is-vertical {
    width: min(calc(100vw - 20px), calc((100dvh - 68px) * 9 / 16)) !important;
    max-width: min(calc(100vw - 20px), calc((100dvh - 68px) * 9 / 16)) !important;
  }
  .em-celebrity__dialog .em-celebrity__close {
    width: 36px !important;
    height: 36px !important;
  }
}

/* Testimonial Shorts: restore true portrait 9:16 cards on every breakpoint. */
.em-shorts__track { align-items: flex-start !important; gap: 6px !important; }
.em-shorts__item {
  flex: 0 0 clamp(150px, 15.5vw, 218px) !important;
  width: clamp(150px, 15.5vw, 218px) !important;
  height: auto !important;
  aspect-ratio: 9 / 16 !important;
  transform-origin: center center;
  transition: transform .42s cubic-bezier(.22,.72,.22,1),
              opacity .32s ease !important;
}
.em-shorts__poster, .em-shorts__player { aspect-ratio: 9 / 16 !important; }
@media (max-width: 760px) {
  .em-shorts__item {
    flex: 0 0 min(58vw, 205px) !important;
    width: min(58vw, 205px) !important;
    aspect-ratio: 9 / 16 !important;
  }
}
@media (max-width: 380px) {
  .em-shorts__item {
    flex: 0 0 62vw !important;
    width: 62vw !important;
    aspect-ratio: 9 / 16 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .em-shorts__item { transition: none !important; }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Portfolio IMAGE cards: fill the whole card (cover), matching video thumbnails.
   The full-screen image preview dialog keeps its own `contain` rule below. */
.em-portfolio-categories .em-alt-row .em-portfolio-image-card,
.em-portfolio-categories .em-portfolio-image-card {
  display: block !important;           /* not flex, so image can fill */
  align-items: stretch !important;
  justify-content: stretch !important;
  background: #211f1e !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.em-portfolio-categories .em-alt-row .em-portfolio-image-card > img,
.em-portfolio-categories .em-portfolio-image-card > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;        /* â† key change */
  object-position: center center !important;
}

/* DO NOT change this â€” the modal must still show the full photo. */
#em-image-preview.is-portfolio-category-preview .em-image-preview__content img {
  object-fit: contain !important;
}

/* Unified portfolio image/video dialog reliability fix. */
#em-image-preview[open] {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 2147483000 !important;
}
#em-image-preview[open]::backdrop {
  background: rgba(15, 13, 12, .96) !important;
}
#em-image-preview[open] .em-image-preview__content,
#em-image-preview[open] .em-image-preview__content img {
  visibility: visible !important;
  opacity: 1 !important;
}
#em-image-preview[open] .em-image-preview__close {
  z-index: 2147483001 !important;
  pointer-events: auto !important;
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Desktop: make every portfolio card an obvious draggable surface. */
@media (hover: hover) and (pointer: fine) {
  .em-portfolio-categories .em-alt-row__viewport {
    cursor: grab !important;
    user-select: none !important;
    -webkit-user-select: none !important;
  }
  .em-portfolio-categories .em-alt-row__viewport.is-dragging {
    cursor: grabbing !important;
  }
  .em-portfolio-categories .em-alt-row__viewport .em-gallery-card {
    cursor: grab !important;
    -webkit-user-drag: none !important;
  }
  .em-portfolio-categories .em-alt-row__viewport.is-dragging .em-gallery-card {
    cursor: grabbing !important;
  }
}

/* A clean standalone X: no bulky circle, border, or decorative treatment. */
.em-celebrity__dialog .em-celebrity__close,
#em-image-preview.is-portfolio-category-preview .em-image-preview__close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  color: #fff !important;
  background: rgba(0, 0, 0, .22) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: .92 !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .18s ease, transform .18s ease !important;
}
.em-celebrity__dialog .em-celebrity__close svg,
#em-image-preview.is-portfolio-category-preview .em-image-preview__close svg {
  display: block !important;
  width: 23px !important;
  height: 23px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.65 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.em-celebrity__dialog .em-celebrity__close:hover,
#em-image-preview.is-portfolio-category-preview .em-image-preview__close:hover {
  opacity: 1 !important;
  background: rgba(0, 0, 0, .38) !important;
  transform: scale(1.06) !important;
}
.em-celebrity__dialog .em-celebrity__close:focus-visible,
#em-image-preview.is-portfolio-category-preview .em-image-preview__close:focus-visible {
  outline: 2px solid rgba(255, 255, 255, .9) !important;
  outline-offset: 2px !important;
}
@media (max-width: 600px) {
  .em-celebrity__dialog .em-celebrity__close,
  #em-image-preview.is-portfolio-category-preview .em-image-preview__close {
    width: 38px !important;
    height: 38px !important;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Testimonial Shorts â€” centered editorial coverflow inspired by the supplied desktop/mobile references. */
.em-shorts {
  overflow: hidden !important;
  padding: 0 0 clamp(34px, 4vw, 54px) !important;
}
.em-shorts__viewport {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  overscroll-behavior-x: contain;
  cursor: grab;
  touch-action: pan-x pan-y;
}
.em-shorts__viewport::-webkit-scrollbar { display: none !important; }
.em-shorts__viewport.is-dragging {
  cursor: grabbing !important;
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
  user-select: none;
}
.em-shorts__track {
  display: flex !important;
  align-items: center !important;
  width: max-content !important;
  gap: clamp(10px, 1vw, 18px) !important;
  padding: 42px max(20px, calc((100vw - 254px) / 2)) 36px !important;
}
.em-shorts__item {
  position: relative !important;
  flex: 0 0 clamp(210px, 17vw, 254px) !important;
  width: clamp(210px, 17vw, 254px) !important;
  height: auto !important;
  aspect-ratio: 2 / 3 !important;
  overflow: hidden !important;
  opacity: .68;
  transform: scale(.78);
  transform-origin: center center;
  transition: transform .48s cubic-bezier(.22,.61,.36,1), opacity .4s ease, filter .4s ease !important;
  scroll-snap-align: center !important;
  filter: saturate(.88);
  will-change: transform;
}
.em-shorts__item.is-active {
  z-index: 2;
  opacity: 1;
  transform: scale(1);
  filter: none;
}
.em-shorts__item.is-nearby {
  opacity: .78;
  transform: scale(.86);
}
.em-shorts__poster,
.em-shorts__player {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.em-shorts__poster img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
.em-shorts__nav-below {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 2px auto 0 !important;
  padding: 0 12px !important;
}
.em-shorts__nav-below .em-shorts__arrow {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: #292827 !important;
  transition: transform .2s ease, background .2s ease !important;
}
.em-shorts__nav-below .em-shorts__arrow:hover {
  color: #fff !important;
  background: #A77C5B !important;
  transform: scale(1.06);
}
.em-shorts__nav-below .em-shorts__arrow svg {
  width: 20px !important;
  height: 20px !important;
}
@media (max-width: 760px) {
  .em-shorts { padding: 0 0 38px !important; }
  .em-shorts__track {
    gap: 8px !important;
    padding: 58px max(12px, calc((100vw - min(72vw, 327px)) / 2)) 42px !important;
  }
  .em-shorts__item {
    flex-basis: min(72vw, 327px) !important;
    width: min(72vw, 327px) !important;
    aspect-ratio: 2 / 3 !important;
    opacity: .62;
    transform: scale(.64);
  }
  .em-shorts__item.is-nearby {
    opacity: .76;
    transform: scale(.78);
  }
  .em-shorts__item.is-active {
    opacity: 1;
    transform: scale(1);
  }
  .em-shorts__nav-below {
    margin-top: 0 !important;
    gap: 12px !important;
  }
  .em-shorts__nav-below .em-shorts__arrow {
    width: 42px !important;
    height: 42px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .em-shorts__item,
  .em-shorts__nav-below .em-shorts__arrow { transition: none !important; }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Testimonial Shorts: editorial reviewer panel + five-card desktop rail. */
.em-shorts {
  display: grid !important;
  grid-template-columns: minmax(190px, .22fr) minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: clamp(22px, 2.5vw, 42px) !important;
  row-gap: 18px !important;
  width: min(1720px, calc(100% - 40px)) !important;
  max-width: 1720px !important;
  margin: clamp(34px, 5vw, 72px) auto !important;
  padding: 18px 0 34px !important;
  overflow: hidden !important;
}
.em-shorts__reviewer {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
  min-width: 0;
  padding: 10px 0 10px clamp(2px, .6vw, 10px);
  color: #5D5B5C;
}
.em-shorts__reviewer-kicker {
  display: block;
  margin: 0 0 15px;
  color: #A77C5B;
  font: 500 10px/1.4 'Inter', Arial, sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.em-shorts__reviewer-name {
  margin: 0;
  color: #494647;
  font: 400 clamp(28px, 3vw, 46px)/1.08 'Bodoni Moda', Georgia, serif;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
.em-shorts__reviewer-role {
  margin: 12px 0 0;
  color: #8A7A70;
  font: 400 clamp(13px, 1.15vw, 16px)/1.5 'Cormorant Garamond', Georgia, serif;
  letter-spacing: .035em;
}
.em-shorts__reviewer-rule {
  display: block;
  width: 48px;
  height: 1px;
  margin-top: 24px;
  background: #A77C5B;
}
.em-shorts__viewport {
  grid-column: 2;
  grid-row: 1;
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 8px 0 12px !important;
  scrollbar-width: none !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  cursor: grab;
  touch-action: pan-x pan-y;
}
.em-shorts__viewport::-webkit-scrollbar { display: none !important; }
.em-shorts__viewport.is-dragging {
  cursor: grabbing !important;
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
}
.em-shorts__track {
  display: flex !important;
  align-items: stretch !important;
  width: max-content !important;
  gap: 10px !important;
  padding: 0 !important;
}
.em-shorts__item {
  position: relative !important;
  flex: 0 0 var(--em-shorts-card-width, 180px) !important;
  width: var(--em-shorts-card-width, 180px) !important;
  height: auto !important;
  aspect-ratio: 9 / 16 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  scroll-snap-align: start !important;
  transition: box-shadow .3s ease, transform .3s ease !important;
  background: #ded6cf !important;
}
.em-shorts__item.is-active { z-index: 1; }
.em-shorts__poster,
.em-shorts__player {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: inherit !important;
}
.em-shorts__poster img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: inherit !important;
}
.em-shorts__item:hover { transform: translateY(-3px) !important; }
.em-shorts__nav-below {
  grid-column: 2;
  grid-row: 2;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.em-shorts__nav-below .em-shorts__arrow {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 1px solid rgba(93,91,92,.24) !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: #292827 !important;
  cursor: pointer !important;
  transition: background .2s ease, transform .2s ease !important;
}
.em-shorts__nav-below .em-shorts__arrow:hover {
  background: #A77C5B !important;
  transform: translateY(-2px);
}
.em-shorts__nav-below .em-shorts__arrow:focus-visible {
  outline: 2px solid #A77C5B !important;
  outline-offset: 3px;
}
.em-shorts__nav-below .em-shorts__arrow svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
}
@media (max-width: 1099px) {
  .em-shorts {
    grid-template-columns: minmax(160px, .22fr) minmax(0, 1fr) !important;
    width: calc(100% - 36px) !important;
    column-gap: 18px !important;
  }
  .em-shorts__track { gap: 9px !important; }
}
@media (max-width: 700px) {
  .em-shorts {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 15px !important;
    width: 100% !important;
    margin: 30px auto 38px !important;
    padding: 0 16px 24px !important;
  }
  .em-shorts__reviewer {
    order: 0;
    width: 100%;
    padding: 0 2px;
  }
  .em-shorts__reviewer-kicker { margin-bottom: 7px; font-size: 9px; }
  .em-shorts__reviewer-name { font-size: clamp(26px, 7vw, 34px); }
  .em-shorts__reviewer-role { margin-top: 5px; font-size: 15px; }
  .em-shorts__reviewer-rule { width: 34px; margin-top: 12px; }
  .em-shorts__viewport { order: 1; padding: 0 0 8px !important; }
  .em-shorts__track { gap: 8px !important; }
  .em-shorts__item { border-radius: 10px !important; }
  .em-shorts__nav-below { order: 2; margin-top: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
  .em-shorts__viewport { scroll-behavior: auto !important; }
  .em-shorts__item, .em-shorts__nav-below .em-shorts__arrow { transition: none !important; }
}

/* Our Elegance Works dialogs: fit the entire source image/video inside desktop viewport. */
#em-image-preview.em-image-preview.is-portfolio-category-preview[open] {
  position: fixed !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: 100vw !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 28px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
#em-image-preview.is-portfolio-category-preview .em-image-preview__content {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
#em-image-preview.is-portfolio-category-preview .em-image-preview__content img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: calc(100vw - 56px) !important;
  max-height: calc(100dvh - 56px) !important;
  object-fit: contain !important;
  object-position: center !important;
}
.em-celebrity__dialog[open] {
  position: fixed !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: 100vw !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 24px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.em-celebrity__dialog[open] .em-celebrity__dialog-inner {
  width: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 46px 0 0 !important;
  overflow: visible !important;
}
.em-celebrity__dialog.is-horizontal[open] .em-celebrity__dialog-inner {
  width: min(1100px, calc(100vw - 48px), calc((100dvh - 94px) * 16 / 9)) !important;
}
.em-celebrity__dialog.is-horizontal[open] .em-celebrity__player {
  width: 100% !important;
  height: auto !important;
  max-height: calc(100dvh - 94px) !important;
  aspect-ratio: 16 / 9 !important;
}
.em-celebrity__dialog.is-vertical[open] .em-celebrity__dialog-inner {
  width: min(430px, calc(100vw - 48px), calc((100dvh - 94px) * 9 / 16)) !important;
}
.em-celebrity__dialog.is-vertical[open] .em-celebrity__player {
  width: 100% !important;
  height: auto !important;
  max-height: calc(100dvh - 94px) !important;
  aspect-ratio: 9 / 16 !important;
}
.em-celebrity__dialog[open] .em-celebrity__player iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.em-celebrity__dialog[open] .em-celebrity__close {
  top: 0 !important;
  right: 0 !important;
}
@media (max-width: 600px) {
  #em-image-preview.em-image-preview.is-portfolio-category-preview[open] { padding: 14px !important; }
  #em-image-preview.is-portfolio-category-preview .em-image-preview__content img {
    max-width: calc(100vw - 28px) !important;
    max-height: calc(100dvh - 28px) !important;
  }
  .em-celebrity__dialog[open] { padding: 10px !important; }
  .em-celebrity__dialog.is-horizontal[open] .em-celebrity__dialog-inner {
    width: min(calc(100vw - 20px), calc((100dvh - 78px) * 16 / 9)) !important;
  }
  .em-celebrity__dialog.is-vertical[open] .em-celebrity__dialog-inner {
    width: min(calc(100vw - 20px), calc((100dvh - 78px) * 9 / 16)) !important;
  }
  .em-celebrity__dialog.is-horizontal[open] .em-celebrity__player,
  .em-celebrity__dialog.is-vertical[open] .em-celebrity__player {
    max-height: calc(100dvh - 78px) !important;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Full-width Shorts section: no inset outer frame or reviewer side column. */
.em-shorts {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  margin: 28px 0 36px !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
}
.em-shorts__reviewer { display: none !important; }
.em-shorts__viewport {
  width: 100% !important;
  padding: 10px clamp(12px, 2vw, 28px) 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  touch-action: pan-y !important;
}
.em-shorts__track {
  display: flex !important;
  width: max-content !important;
  gap: clamp(10px, 1vw, 16px) !important;
  padding: 0 !important;
}
.em-shorts__item {
  position: relative !important;
  flex: 0 0 var(--em-shorts-card-width, 190px) !important;
  width: var(--em-shorts-card-width, 190px) !important;
  aspect-ratio: 9 / 16 !important;
  height: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: #211f1e !important;
  scroll-snap-align: start !important;
}
.em-shorts__poster, .em-shorts__player {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  overflow: hidden !important;
}
.em-shorts__poster img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
}
.em-shorts__review-label {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 16px 14px 26px;
  color: #fff;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(17,15,14,.76), rgba(17,15,14,.28) 62%, transparent);
}
.em-shorts__review-kicker {
  color: rgba(255,255,255,.88);
  font: 600 .71em 'Inter', Arial, sans-serif;
  
}
.em-shorts__review-name {
  max-width: 100%;
  color: #fff;
  font: 500 clamp(1.3em, 1.1vw, 16px)/1.25 'Bodoni Moda', Georgia, serif;
  letter-spacing: .015em;
  overflow-wrap: anywhere;
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
}
.em-shorts__nav-below {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 8px auto 0 !important;
  padding: 0 !important;
}
.em-shorts__nav-below .em-shorts__arrow {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
}
.em-shorts__viewport.is-dragging { scroll-snap-type: none !important; scroll-behavior: auto !important; }
.em-shorts__item.is-active { z-index: 2; }
@media (max-width: 700px) {
  .em-shorts { margin: 22px 0 30px !important; }
  .em-shorts__viewport { padding: 8px 12px 12px !important; }
  .em-shorts__item { border-radius: 13px !important; }
  .em-shorts__review-label { padding: 13px 11px 22px; }
  .em-shorts__review-name { font-size: 14px; }
}

/* Full-screen category gallery: one mixed-media sequence per portfolio category. */
#em-portfolio-gallery-dialog.em-portfolio-gallery {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 22px !important;
  border: 0 !important;
  overflow: hidden !important;
  color: #fff;
  background: rgba(15,13,12,.97) !important;
}
#em-portfolio-gallery-dialog::backdrop { background: rgba(15,13,12,.97); backdrop-filter: blur(8px); }
.em-portfolio-gallery__shell {
  position: relative;
  display: grid;
  grid-template-columns: 54px minmax(0,1fr) 54px;
  align-items: center;
  gap: clamp(10px, 2vw, 28px);
  width: 100%;
  height: 100%;
  padding: 48px 0 28px;
}
.em-portfolio-gallery__stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
.em-portfolio-gallery__media {
  display: grid;
  place-items: center;
  width: 100%;
  height: calc(100% - 42px);
  min-height: 0;
  overflow: hidden;
}
.em-portfolio-gallery__slide {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateX(34px) scale(.985);
  transition: opacity .48s cubic-bezier(.22,1,.36,1), transform .62s cubic-bezier(.22,1,.36,1);
}
.em-portfolio-gallery__slide[data-direction="prev"] { transform: translateX(-34px) scale(.985); }
.em-portfolio-gallery__slide.is-visible { opacity: 1; transform: translateX(0) scale(1); }
.em-portfolio-gallery__slide img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.em-portfolio-gallery__slide.is-horizontal { width: min(100%, calc((100dvh - 150px) * 16 / 9)); }
.em-portfolio-gallery__slide.is-vertical { width: min(100%, calc((100dvh - 150px) * 9 / 16)); }
.em-portfolio-gallery__slide iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
}
.em-portfolio-gallery__slide.is-video-poster { position: relative; }
.em-portfolio-gallery__unavailable {
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  padding: 8px 12px;
  color: #fff;
  background: rgba(0,0,0,.7);
  font: 11px/1.4 'Inter', Arial, sans-serif;
}
.em-portfolio-gallery__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 1100px;
  padding-top: 12px;
  color: rgba(255,255,255,.8);
  font: 500 10px/1.3 'Inter', Arial, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.em-portfolio-gallery__count { white-space: nowrap; }
.em-portfolio-gallery__close,
.em-portfolio-gallery__arrow {
  display: grid;
  place-items: center;
  color: #fff;
  border: 1px solid rgba(255,255,255,.42);
  background: rgba(255,255,255,.09);
  cursor: pointer;
  transition: background .25s ease, transform .25s ease;
}
.em-portfolio-gallery__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font: 300 28px/1 Arial, sans-serif;
}
.em-portfolio-gallery__arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font: 300 34px/1 Arial, sans-serif;
}
.em-portfolio-gallery__close:hover,
.em-portfolio-gallery__arrow:hover:not(:disabled) {
  background: #A77C5B;
  border-color: #A77C5B;
}
.em-portfolio-gallery__arrow:disabled { opacity: .3; cursor: default; }
.em-portfolio-gallery__close:focus-visible,
.em-portfolio-gallery__arrow:focus-visible { outline: 2px solid #A77C5B; outline-offset: 4px; }
@media (max-width: 700px) {
  #em-portfolio-gallery-dialog.em-portfolio-gallery { padding: 12px !important; }
  .em-portfolio-gallery__shell {
    grid-template-columns: 36px minmax(0,1fr) 36px;
    gap: 5px;
    padding: 48px 0 20px;
  }
  .em-portfolio-gallery__arrow { width: 34px; height: 34px; font-size: 26px; }
  .em-portfolio-gallery__close { width: 36px; height: 36px; }
  .em-portfolio-gallery__media { height: calc(100% - 38px); }
  .em-portfolio-gallery__slide.is-horizontal { width: 100%; }
  .em-portfolio-gallery__slide.is-vertical { width: min(100%, calc((100dvh - 140px) * 9 / 16)); }
  .em-portfolio-gallery__meta { font-size: 8px; letter-spacing: .1em; }
}
@media (prefers-reduced-motion: reduce) {
  .em-portfolio-gallery__slide { transition: none !important; transform: none !important; }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* EPIC IMAGES â€” keep the complete original photograph visible in the dialog.
   Natural image dimensions determine the displayed ratio; no fixed crop. */
#em-portfolio-gallery-dialog.em-portfolio-gallery {
  box-sizing: border-box !important;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__shell {
  min-width: 0 !important;
  min-height: 0 !important;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__stage {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__media {
  height: min(100%, calc(100dvh - 150px)) !important;
  min-height: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__slide {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__slide img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(100%, calc(100vw - 190px)) !important;
  max-height: calc(100dvh - 190px) !important;
  object-fit: contain !important;
  object-position: center !important;
}
@media (max-width: 700px) {
  #em-portfolio-gallery-dialog.em-portfolio-gallery {
    padding: max(12px, env(safe-area-inset-top)) 8px
             max(12px, env(safe-area-inset-bottom)) 8px !important;
  }
  #em-portfolio-gallery-dialog .em-portfolio-gallery__shell {
    grid-template-columns: 32px minmax(0,1fr) 32px !important;
    gap: 5px !important;
    padding: 42px 0 18px !important;
  }
  #em-portfolio-gallery-dialog .em-portfolio-gallery__media {
    height: calc(100dvh - 125px) !important;
  }
  #em-portfolio-gallery-dialog .em-portfolio-gallery__slide img {
    max-width: calc(100vw - 90px) !important;
    max-height: calc(100dvh - 150px) !important;
  }
}

/* WHY US â€” larger edge-to-edge editorial image composition on desktop.
   First three frames share 55%; the fourth frame receives 45%. */
@media (min-width: 1092px) {
  .em-about-feature .em-about-gallery {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,2.455fr) !important;
    width: 100% !important;
    max-width: none !important;
    gap: clamp(8px, 1vw, 16px) !important;
  }
  .em-about-feature .em-about-image {
    width: 100% !important;
    min-height: clamp(270px, 29vw, 440px) !important;
    aspect-ratio: 4 / 5 !important;
  }
  .em-about-feature .em-about-image-four {
    grid-column: auto !important;
  }
  .em-about-feature .em-about-script-wrap {
    right: 3.5% !important;
    left: auto !important;
    width: min(650px, 58%) !important;
  }
  .em-about-feature .em-about-script {
    text-align: right !important;
  }
}

/* Our Elegance Works category titles sit at the horizontal centre of each row.
   Carousel controls remain anchored to the right edge. */
.em-portfolio-categories .em-category-heading {
  position: relative !important;
  display: flex !important;
  align-items: left !important;
  justify-content: left !important;
  min-height: 44px;
}
.em-portfolio-categories .em-category-heading h2 {

  justify-content: left !important;
  text-align: left !important;
}
.em-portfolio-categories .em-category-heading .em-category-controls {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
@media (max-width: 760px) {
  .em-portfolio-categories .em-category-heading {
    min-height: 36px !important;
  }
  .em-portfolio-categories .em-category-heading .em-category-controls {
    right: 0 !important;
  }
}

/* Shorts reviewer overlay â€” show the reviewer's role beneath their name. */
.em-shorts__review-label {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 3px !important;
}
.em-shorts__review-kicker {
  margin-bottom: 2px !important;
}
.em-shorts__review-role {
  display: block !important;
  color: rgba(255,255,255,1) !important;
  font: 400 clamp(.71em, 1vw, 14px) 'Cormorant Garamond', Georgia, serif !important;
  
  letter-spacing: .035em !important;

}

@media (prefers-reduced-motion: reduce) {
  .em-about-feature .em-about-image img {
    transition: none !important;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Epic Images dialog: larger, quiet chevrons with no circular button treatment. */
#em-portfolio-gallery-dialog .em-portfolio-gallery__shell {
  grid-template-columns: 68px minmax(0, 1fr) 68px !important;
  gap: clamp(8px, 1.4vw, 22px) !important;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__arrow {
  display: grid !important;
  place-items: center !important;
  width: 68px !important;
  height: 68px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(255,255,255,.9) !important;
  box-shadow: none !important;
  font-size: 0 !important;
  transition: color .2s ease, opacity .2s ease !important;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__arrow svg {
  display: block !important;
  width: 38px !important;
  height: 38px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.35 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__arrow:hover:not(:disabled) {
  color: #D8B89F !important;
  background: transparent !important;
  border: 0 !important;
  transform: none !important;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__arrow:disabled {
  opacity: .25 !important;
}
@media (max-width: 700px) {
  #em-portfolio-gallery-dialog .em-portfolio-gallery__shell {
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    gap: 2px !important;
  }
  #em-portfolio-gallery-dialog .em-portfolio-gallery__arrow {
    width: 42px !important;
    height: 54px !important;
  }
  #em-portfolio-gallery-dialog .em-portfolio-gallery__arrow svg {
    width: 29px !important;
    height: 29px !important;
  }
}

/* Footer: the Elegance Works submenu is click/tap controlled, not hover controlled. */
.em-site-footer__nav-item--elegance .em-site-footer__nav-link-wrap {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.em-site-footer__nav-item--elegance .em-site-footer__submenu-toggle {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: currentColor;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.em-site-footer__nav-item--elegance .em-site-footer__submenu-toggle svg {
  width: 19px;
  height: 19px;
  transition: transform .22s ease;
}
.em-site-footer__nav-item--elegance.is-open .em-site-footer__submenu-toggle svg {
  transform: rotate(180deg);
}
.em-site-footer__nav-item--elegance .em-site-footer__submenu-toggle:hover,
.em-site-footer__nav-item--elegance .em-site-footer__submenu-toggle:focus {
  color: #A77C5B;
  background: transparent;
  outline-offset: 3px;
}
.em-site-footer__nav-item--elegance .em-site-footer__nav-submenu {
  display: none !important;
}
.em-site-footer__nav-item--elegance.is-open .em-site-footer__nav-submenu {
  display: grid !important;
}
.em-site-footer__nav-item--elegance:hover .em-site-footer__nav-submenu {
  display: none !important;
}
.em-site-footer__nav-item--elegance.is-open:hover .em-site-footer__nav-submenu {
  display: grid !important;
}

/* Tablet: place the Why Us quote and quote artwork below the title, with clear separation. */
@media (min-width: 701px) and (max-width: 1091px) {
  .em-about-feature .em-about-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-bottom: 0 !important;
    margin-bottom: 32px !important;
  }
  .em-about-feature .em-about-header h2 {
    width: 100%;
  }
  .em-about-feature .em-about-script-wrap {
    position: relative !important;
    inset: auto !important;
    align-self: flex-end !important;
    width: min(650px, 88%) !important;
    min-height: 66px !important;
    margin: 28px 0 0 !important;
    padding: 0 0 0 58px !important;
  }
  .em-about-feature .em-about-quotemarks {
    top: -12px !important;
    width: clamp(48px, 6vw, 70px) !important;
  }
  .em-about-feature .em-about-script {
    right: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
  }
}

/* Testimonial Shorts: remove the excess top gap above the carousel. */
.em-shorts {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.em-shorts__viewport {
  padding-top: 0 !important;
}
@media (max-width: 700px) {
  .em-shorts {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .em-shorts__viewport {
    padding-top: 0 !important;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Full-viewport dialog: account for browser chrome and device safe areas. */
#em-portfolio-gallery-dialog.em-portfolio-gallery[open] {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__shell {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  grid-template-columns: clamp(42px, 5vw, 68px) minmax(0,1fr) clamp(42px, 5vw, 68px) !important;
  gap: clamp(4px, 1vw, 18px) !important;
  padding: 48px 0 12px !important;
  box-sizing: border-box !important;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__stage { touch-action: pan-y; }
#em-portfolio-gallery-dialog .em-portfolio-gallery__media { height: calc(100% - 42px) !important; }
#em-portfolio-gallery-dialog .em-portfolio-gallery__slide {
  position: relative;
  overflow: hidden;
  perspective: 1000px;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__slide img {
  opacity: 0;
  filter: blur(12px);
  transform: scale(1.045) translate3d(0, 8px, 0);
  transition: opacity .55s ease, filter .7s ease, transform .9s cubic-bezier(.2,.75,.2,1);
  will-change: opacity, filter, transform;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__slide img.is-loaded {
  opacity: 1;
  filter: blur(0);
  transform: scale(1) translate3d(0,0,0);
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__loader {
  position: absolute;
  inset: 12% 8%;
  z-index: 0;
  border-radius: 3px;
  background: linear-gradient(105deg, rgba(255,255,255,.035) 25%, rgba(255,255,255,.12) 42%, rgba(255,255,255,.035) 62%);
  background-size: 220% 100%;
  animation: em-gallery-shimmer 1.35s ease-in-out infinite;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__loader.is-error { display:none; }
#em-portfolio-gallery-dialog .em-portfolio-gallery__slide img { position:relative; z-index:1; }
@keyframes em-gallery-shimmer { to { background-position-x: -220%; } }
@media (max-width: 760px) {
  #em-portfolio-gallery-dialog.em-portfolio-gallery[open] {
    padding: max(10px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left)) !important;
  }
  #em-portfolio-gallery-dialog .em-portfolio-gallery__shell {
    grid-template-columns: 34px minmax(0,1fr) 34px !important;
    gap: 3px !important;
    padding-top: 44px !important;
    padding-bottom: 8px !important;
  }
  #em-portfolio-gallery-dialog .em-portfolio-gallery__arrow { width:34px !important; height:48px !important; }
  #em-portfolio-gallery-dialog .em-portfolio-gallery__media { height:calc(100% - 36px) !important; }
  #em-portfolio-gallery-dialog .em-portfolio-gallery__slide img {
    max-width:calc(100vw - 82px) !important;
    max-height:calc(100dvh - 145px) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #em-portfolio-gallery-dialog .em-portfolio-gallery__loader { animation:none; }
  #em-portfolio-gallery-dialog .em-portfolio-gallery__slide img { transition:none; filter:none; transform:none; }
}

/* Consistent category identity across Pre-wedding, Weddings, Celebrity and Brand Ads. */
.em-portfolio-categories .em-category-heading,
.em-portfolio-categories .em-celebrity__heading {
  display:flex !important;
  align-items:left !important;
  justify-content:left !important;
  position:relative !important;
  min-height:clamp(48px,5vw,64px) !important;
  
}
.em-portfolio-categories .em-category-heading h2,
.em-portfolio-categories .em-celebrity__heading h2 {
  display:flex !important;
  align-items:left !important;
  justify-content:left !important;
  gap:12px !important;
  width:100% !important;
  margin:0 !important;
  font-family:'Bodoni Moda', Georgia, serif !important;
  font-size:clamp(2.5em,2.8vw,38px) !important;
  font-weight:400 !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
  text-align:center !important;
  text-transform:uppercase !important;
}
.em-portfolio-categories .em-category-link,
.em-portfolio-categories .em-celebrity__category-link {
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:30px !important;
  opacity:1 !important;
  visibility:visible !important;
  color:#A77C5B !important;
}
.em-portfolio-categories .em-category-link svg,
.em-portfolio-categories .em-celebrity__category-link svg {
  display:block !important;
  width:30px !important;
  height:20px !important;
  overflow:visible;
  animation:em-category-arrow-nudge 1.8s ease-in-out infinite;
  transform-origin:center;
}
.em-portfolio-categories .em-category-link:hover svg,
.em-portfolio-categories .em-celebrity__category-link:hover svg { animation-play-state:paused; }
@keyframes em-category-arrow-nudge {
  0%,100% { transform:translateX(0); }
  50% { transform:translateX(6px); }
}
/* The category rails and heading treatment share one visual system. */
.em-portfolio-categories .em-celebrity__carousel { width:100%; }
.em-portfolio-categories .em-celebrity__rail { width:100%; }
@media (max-width:700px) {
  .em-portfolio-categories .em-category-heading,
  .em-portfolio-categories .em-celebrity__heading { min-height:42px !important; margin-bottom:12px !important; }
  .em-portfolio-categories .em-category-heading h2,
  .em-portfolio-categories .em-celebrity__heading h2 {
    font-size:clamp(20px,5.2vw,27px) !important;
    gap:7px !important;
    letter-spacing:-.025em !important;
  }
  .em-portfolio-categories .em-category-link,
  .em-portfolio-categories .em-celebrity__category-link { width:27px !important; height:25px !important; }
  .em-portfolio-categories .em-category-link svg,
  .em-portfolio-categories .em-celebrity__category-link svg { width:25px !important; height:17px !important; }
}

/* WHY US: quote centred-right on mobile/tablet; desktop quote and artwork sit right. */
@media (max-width:1091px) {
  .em-about-feature .em-about-script-wrap {
    align-self:center !important;
    width:min(760px,94%) !important;
    margin:24px auto 0 !important;
    padding:0 0 0 clamp(44px,7vw,70px) !important;
    text-align:right !important;
  }
  .em-about-feature .em-about-script { text-align:right !important; }
}
@media (min-width:1092px) {
  .em-about-feature .em-about-script-wrap {
    right:3.5% !important;
    left:auto !important;
    margin-left:auto !important;
    text-align:right !important;
  }
  .em-about-feature .em-about-script { text-align:right !important; }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* One shared title system for Pre-Wedding, Weddings & Receptions,
   Celebrity Clients, and Brand Ads & Cinema Events. */
.em-portfolio-categories .em-category-heading,
.em-portfolio-categories .em-celebrity__heading {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-height: clamp(48px, 5vw, 64px) !important;
  margin: 0 3vw clamp(14px, 2vw, 24px) !important;
  padding: 0 !important;
  gap: 12px !important;
}

.em-portfolio-categories .em-category-heading h2,
.em-portfolio-categories .em-celebrity__heading h2 {
  display: inline-flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #494647 !important;
  font-family: 'Bodoni Moda', Georgia, serif !important;
  font-size: clamp(25px, 2.8vw, 38px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.em-portfolio-categories .em-category-heading .em-category-link,
.em-portfolio-categories .em-celebrity__heading .em-category-link {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #A77C5B !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.em-portfolio-categories .em-category-heading .em-category-link svg,
.em-portfolio-categories .em-celebrity__heading .em-category-link svg {
  display: block !important;
  width: 30px !important;
  height: 20px !important;
  overflow: visible !important;
  animation: em-category-arrow-nudge 1.8s ease-in-out infinite !important;
  transform-origin: center !important;
}

.em-portfolio-categories .em-category-heading .em-category-controls,
.em-portfolio-categories .em-celebrity__heading .em-category-controls {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

@media (max-width: 700px) {
  .em-portfolio-categories .em-category-heading,
  .em-portfolio-categories .em-celebrity__heading {
    min-height: 42px !important;
    margin: 0 18px 12px !important;
    gap: 8px !important;
  }

  .em-portfolio-categories .em-category-heading h2,
  .em-portfolio-categories .em-celebrity__heading h2 {
    font-size: clamp(20px, 5.2vw, 27px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
    gap: 7px !important;
  }

  .em-portfolio-categories .em-category-heading .em-category-link,
  .em-portfolio-categories .em-celebrity__heading .em-category-link {
    width: 27px !important;
    height: 25px !important;
  }

  .em-portfolio-categories .em-category-heading .em-category-link svg,
  .em-portfolio-categories .em-celebrity__heading .em-category-link svg {
    width: 25px !important;
    height: 17px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .em-portfolio-categories .em-category-heading .em-category-link svg,
  .em-portfolio-categories .em-celebrity__heading .em-category-link svg {
    animation: none !important;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Epic Images: retain the shimmer only while the actual image is loading.
   Reveal the photo with a restrained directional parallax â€” never blur it. */
#em-portfolio-gallery-dialog .em-portfolio-gallery__slide img {
  opacity: 0;
  filter: none !important;
  transform: translate3d(22px, 0, 0) scale(1.012);
  transition: opacity .38s ease, transform .62s cubic-bezier(.2,.75,.2,1);
  will-change: opacity, transform;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__slide[data-direction="prev"] img {
  transform: translate3d(-22px, 0, 0) scale(1.012);
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__slide img.is-loaded {
  opacity: 1;
  filter: none !important;
  transform: translate3d(0,0,0) scale(1);
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__loader {
  z-index: 0;
  transition: opacity .2s ease;
}
#em-portfolio-gallery-dialog .em-portfolio-gallery__slide img.is-load-error {
  display: none;
}

/* Founder role sits immediately beneath Sathish's name. */
.em-founder-title {
  margin: -8px 0 18px !important;
  color: #A77C5B !important;
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: clamp(10px, 1vw, 12px) !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase;
}

/* Full-width GIF title overlay, centered above the moving visual. */
.em-fullscreen-gif__container { position: relative; }
.em-fullscreen-gif__title {
  position: absolute;
  z-index: 5;
  top: clamp(2px, 1.5vh, 3em);
  left: 50%;
  width: min(94%, 1500px);
  margin: 0;
  padding: 0 12px;
  transform: translateX(-50%);
  background: linear-gradient(105deg, #B88B67 0%, #D2A56F 42%, #E2C078 68%, #A97843 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-family: 'Sacramento', cursive !important;
  font-size: clamp(25px, 3.15vw, 48px);
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: .025em;
  text-align: center;
  text-wrap: balance;
 
  pointer-events: none;
}
@media (min-width: 761px) {
  .em-fullscreen-gif__title { white-space: nowrap; }
}
@media (max-width: 760px) {
  .em-fullscreen-gif__title {
    top: clamp(2px, 1.5vh, 3em);
    width: 96%;
    font-size: clamp(20px, 5.2vw, 30px);
    line-height: 1.2;
  }
}
@media (max-width: 420px) {
  .em-fullscreen-gif__title {
    top: clamp(2px, 1.5vh, 3em);
    font-size: clamp(18px, 5.4vw, 23px);
    letter-spacing: .01em;
  }
}
@media (prefers-reduced-motion: reduce) {
  #em-portfolio-gallery-dialog .em-portfolio-gallery__slide img { transition: none !important; }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* WHY US â€” desktop editorial split:
   three photographs sit above their story on the left; the fourth remains tall on the right. */
@media (min-width: 1092px) {
  .em-about-feature .em-about-composition {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 2.455fr) !important;
    grid-template-rows: auto auto auto !important;
    align-items: start !important;
    column-gap: clamp(8px, 1vw, 16px) !important;
    row-gap: clamp(22px, 2.4vw, 34px) !important;
  }
  .em-about-feature .em-about-stats {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
  }
  .em-about-feature .em-about-gallery {
    display: contents !important;
  }
  .em-about-feature .em-about-image-one,
  .em-about-feature .em-about-image-two,
  .em-about-feature .em-about-image-three {
    grid-row: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: clamp(230px, 25vw, 360px) !important;
    aspect-ratio: 4 / 5 !important;
  }
  .em-about-feature .em-about-image-one { grid-column: 1 !important; }
  .em-about-feature .em-about-image-two { grid-column: 2 !important; }
  .em-about-feature .em-about-image-three { grid-column: 3 !important; }
  .em-about-feature .em-about-image-four {
    grid-column: 4 !important;
    grid-row: 2 / 4 !important;
    align-self: stretch !important;
    width: 100% !important;
    min-height: clamp(500px, 53vw, 760px) !important;
    height: 100% !important;
    aspect-ratio: auto !important;
  }
  .em-about-feature .em-about-image-four img {
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
  }
  .em-about-feature .em-about-story {
    grid-column: 1 / 4 !important;
    grid-row: 3 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    align-self: start !important;
  }
}

/* TABLET WHY US â€” all four photographs in one uninterrupted row. */
@media (min-width: 701px) and (max-width: 1091px) {
  .em-about-feature .em-about-gallery {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    max-width: none !important;
    gap: clamp(6px, 1vw, 12px) !important;
  }
  .em-about-feature .em-about-image,
  .em-about-feature .em-about-image-one,
  .em-about-feature .em-about-image-two,
  .em-about-feature .em-about-image-three,
  .em-about-feature .em-about-image-four {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 3 / 4 !important;
  }
  .em-about-feature .em-about-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .em-about-feature .em-about-story {
    width: 100% !important;
    max-width: none !important;
  }
}

/* ABOUT US â€” tablet: full-width founder story first, portrait and film below. */
@media (min-width: 701px) and (max-width: 1024px) {
  .em-founder {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 26px !important;
  }
  .em-founder-copy {
    width: 100% !important;
    max-width: none !important;
  }
  .em-founder-media {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: clamp(10px, 2vw, 18px) !important;
  }
  .em-founder-frame,
  .em-founder-frame:last-child {
    width: 100% !important;
    height: clamp(280px, 42vw, 430px) !important;
    margin: 0 !important;
  }
}

/* ABOUT US â€” mobile: stack founder portrait and video vertically. */
@media (max-width: 700px) {
  .em-founder {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .em-founder-copy {
    width: 100% !important;
    max-width: none !important;
  }
  .em-founder-media {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    gap: 10px !important;
  }
  .em-founder-frame,
  .em-founder-frame:last-child {
    width: 100% !important;
    height: clamp(250px, 78vw, 390px) !important;
    margin: 0 !important;
  }
}

/* TESTIMONIAL SHORTS â€” keep REVIEW BY in its original top position;
   centre the larger reviewer name and warm-gold role at the bottom. */
.em-shorts__review-label {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  padding: 15px 12px 18px !important;
  text-align: center !important;
  background: linear-gradient(
    180deg,
    rgba(17,15,14,.74) 0%,
    rgba(17,15,14,.18) 23%,
    transparent 43%,
    rgba(17,15,14,.08) 58%,
    rgba(17,15,14,.78) 100%
  ) !important;
}
.em-shorts__review-kicker {
  align-self: flex-start !important;
  margin: 0 !important;
  text-align: left !important;
  font-size: clamp(9px, .78vw, 11px) !important;
  letter-spacing: .16em !important;
}
.em-shorts__review-name {
  width: 100% !important;
  max-width: 100% !important;
  margin: auto 0 3px !important;
  color: #fff !important;
  font-family: 'Bodoni Moda', Georgia, serif !important;
  font-size: clamp(19px, 1.75vw, 27px) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  text-align: center !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.55) !important;
}
.em-shorts__review-role {
  width: 100% !important;
  margin: 0 !important;
  color: #D8B58B !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(13px, 1.05vw, 16px) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: .045em !important;
  text-align: center !important;
}
@media (max-width: 700px) {
  .em-shorts__review-label { padding: 12px 10px 14px !important; }
  .em-shorts__review-name { font-size: clamp(17px, 5vw, 22px) !important; }
  .em-shorts__review-role { font-size: 13px !important; }
}

/* MOBILE NAV â€” taller closed header bar only.
   The expanded full-screen navigation panel is deliberately unchanged. */
@media (max-width: 991px) {
  .custom-transparent-header,
  .custom-transparent-header.scrolled {
    height: 92px !important;
    min-height: 92px !important;
  }
  .mobile-nav-toggle.active {
    top: 46px !important;
  }
  :where(#home,#about,#our-elegance-works,#wedding-films,#celebrity-clients,#contact) {
    scroll-margin-top: 92px !important;
  }
}

/* SUBTLE CINEMATIC SCROLL PARALLAX â€” background layers only.
   Foreground controls and text remain stable and readable. */
.em-fixed-hero .em-fixed-hero__background {
  top: -7% !important;
  bottom: auto !important;
  height: 114% !important;
  transform: translate3d(0, var(--em-hero-parallax, 0px), 0) scale(1.025);
  transform-origin: center center;
  will-change: transform;
}
.em-fullscreen-gif__picture {
  transform: translate3d(0, var(--em-gif-parallax, 0px), 0) scale(1.035);
  transform-origin: center center;
  will-change: transform;
}
.em-fullscreen-gif__container { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  .em-fixed-hero .em-fixed-hero__background,
  .em-fullscreen-gif__picture {
    transform: none !important;
    will-change: auto !important;
  }
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/*
    Fast word-by-word reveal.
    Inline word spans preserve normal text wrapping and paragraph alignment.
  */
  .em-blur-reveal .em-blur-copy {
    display: block;
    min-width: 0;
    grid-column: 2;
    line-height: inherit;
  }

  .em-blur-reveal .em-blur-word {
    display: inline;
    opacity: 0;
    filter: blur(4px);
    transition:
      opacity 260ms ease-out,
      filter 260ms ease-out;
    transition-delay: var(--em-word-delay, 0ms);
  }

  .em-blur-reveal.is-revealed .em-blur-word {
    opacity: 1;
    filter: blur(0);
  }

  @media (max-width: 700px) {
    .em-blur-reveal .em-blur-word {
      filter: blur(2px);
      transition-duration: 220ms;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .em-blur-reveal .em-blur-word,
    .em-blur-reveal.is-revealed .em-blur-word {
      opacity: 1 !important;
      filter: none !important;
      transition: none !important;
    }
  }

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* Both Films and Epic Images share one pointer-drag surface. */
.em-portfolio-categories .em-alt-row__viewport {
  touch-action: pan-y !important;
  cursor: grab !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent;
}
.em-portfolio-categories .em-alt-row__viewport.is-dragging {
  cursor: grabbing !important;
}
.em-portfolio-categories .em-alt-row__viewport img,
.em-portfolio-categories .em-alt-row__viewport video {
  -webkit-user-drag: none !important;
  user-select: none !important;
  pointer-events: none;
}
.em-portfolio-categories .em-alt-row__viewport .em-gallery-card {
  -webkit-user-select: none !important;
  user-select: none !important;
}
/* Keep the source-specific 16:9 / 9:16 dialog sizing intact on every device. */
.em-celebrity__dialog.is-horizontal .em-celebrity__player {
  aspect-ratio: 16 / 9 !important;
}
.em-celebrity__dialog.is-vertical .em-celebrity__player {
  aspect-ratio: 9 / 16 !important;
}

/* Films and Epic Images â€” warm champagne-to-golden-brown gradient text. */
.em-portfolio-categories .em-alt-row__subheading {
  background: linear-gradient(105deg, #B88B67 0%, #D2A56F 42%, #E2C078 68%, #A97843 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: flex;
  justify-content: center;
  width: 100%;
  font-weight: 400;
}

/* =====================================================
   NEXT INLINE STYLE BLOCK
===================================================== */

/* WHY US â€” quote artwork: upper-left of the script area, with a deliberate inset. */
.em-about-feature .em-about-script-wrap {
  position: absolute !important;
  right: 3.5% !important;
  left: auto !important;
  bottom: 7px !important;
  width: min(650px, 58%) !important;
  min-height: 82px !important;
  padding: 0 0 0 clamp(76px, 8vw, 112px) !important;
}
.em-about-feature .em-about-quotemarks {
  position: absolute !important;
  top: clamp(-12px, -1vw, -4px) !important;
  left: clamp(10px, 1.5vw, 22px) !important;
  right: auto !important;
  width: clamp(72px, 7.2vw, 108px) !important;
  height: auto !important;
  object-fit: contain !important;
  z-index: 2 !important;
}
.em-about-feature .em-about-script {
  position: relative !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: right !important;
}

/* WHY US â€” deliberate two-line headline: first line spans the full text measure;
   second line is smaller and aligned to the right for an editorial finish. */
.em-about-feature .em-about-story-heading {
  display: block !important;
  width: 100% !important;
  margin: 0 0 22px !important;
  color: var(--em-heading) !important;
  font-size: clamp(34px, 4.15vw, 56px) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}
.em-about-feature .em-about-story-heading__first {
  display: block !important;
  width: 100% !important;
  font-size: 1em !important;
  line-height: 1.08 !important;
}
.em-about-feature .em-about-story-heading__second {
  display: block !important;
  width: 100% !important;
  margin-top: .12em !important;
  color: var(--em-accent) !important;
  font-size: .78em !important;
  font-style: italic !important;
  line-height: 1.12 !important;
 
}
.em-about-feature .em-story-copy p {
  font-size: clamp(16px, 1.25vw, 18px) !important;
  line-height: 1.78 !important;
}

/* Films / Epic Images â€” stronger, legible champagne-bronze treatment and scale. */
.em-portfolio-categories .em-alt-row__subheading {
  width: 100% !important;
  padding: 0 clamp(12px, 2.5vw, 32px) !important;
  
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-family: 'Sacramento', cursive !important;
  font-size: clamp(1.3em, 3.1vw, 1.2em) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: .01em !important;
  background: linear-gradient(105deg, #95623F 0%, #BD8A5B 34%, #D8B477 62%, #9B6A43 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

@media (max-width: 1091px) {
  .em-about-feature .em-about-header {
    padding-bottom: 0 !important;
  }
  .em-about-feature .em-about-script-wrap {
    position: relative !important;
    inset: auto !important;
    align-self: center !important;
    width: min(760px, 94%) !important;
    min-height: 72px !important;
    margin: 26px auto 0 !important;
    padding: 0 0 0 clamp(60px, 9vw, 88px) !important;
  }
  .em-about-feature .em-about-quotemarks {
    top: -6px !important;
    left: clamp(8px, 1.5vw, 16px) !important;
    width: clamp(58px, 7vw, 82px) !important;
  }
  .em-about-feature .em-about-script {
    text-align: right !important;
  }
}

@media (max-width: 700px) {
  .em-about-feature .em-about-header {
    margin-bottom: 22px !important;
  }
  .em-about-feature .em-about-script-wrap {
    width: 100% !important;
    min-height: 62px !important;
    margin-top: 22px !important;
    padding-left: 48px !important;
  }
  .em-about-feature .em-about-quotemarks {
    top: -5px !important;
    left: 5px !important;
    width: clamp(42px, 12vw, 58px) !important;
  }
  .em-about-feature .em-about-script {
    font-size: clamp(24px, 6.2vw, 32px) !important;
    line-height: 1.12 !important;
  }
  .em-about-feature .em-about-story-heading {
    margin-bottom: 16px !important;
    font-size: clamp(30px, 7.5vw, 42px) !important;
    line-height: 1.1 !important;
  }
 
  .em-about-feature .em-about-story-heading__second {
    margin-top: .16em !important;
    font-size: .82em !important;
  }
  .em-about-feature .em-story-copy p {
    font-size: 16px !important;
    line-height: 1.72 !important;
  }
  .em-portfolio-categories .em-alt-row__subheading {
    font-size: clamp(27px, 7vw, 34px) !important;
  }
}

@media (max-width: 380px) {
  .em-about-feature .em-about-story-heading {
    font-size: 29px !important;
  }
  .em-about-feature .em-about-script-wrap {
    padding-left: 42px !important;
  }
  .em-about-feature .em-about-quotemarks {
    left: 3px !important;
    width: 40px !important;
  }
  .em-about-feature .em-story-copy p {
    font-size: 15px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .em-about-feature .em-about-quotemarks,
  .em-portfolio-categories .em-alt-row__subheading {
    transition: none !important;
  }
}