.hc-editorial-intro {
  --ei-gap: clamp(20px, 4vw, 48px);
  --ei-divider-inset: clamp(12px, 2.8vw, 36px);
  --ei-divider-color: #a29b93;
  --ei-rule: 1px;
  --ei-split: minmax(0, calc((100% - var(--ei-gap)) * var(--ei-share, .67))) minmax(0, 1fr);
  box-sizing: border-box;
  container: editorial-intro / inline-size;
  padding: clamp(28px, 6vw, 76px) clamp(22px, 8vw, 104px);
  background-color: #f4f2ef;
  color: #191816;
}
.hc-editorial-intro[data-divider="no"] { --ei-rule: 0px; --ei-divider-inset: 0px; }
.hc-editorial-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: var(--ei-gap);
}
.hc-editorial-intro[data-split="yes"] > .hc-editorial-intro__grid { grid-template-columns: var(--ei-columns, var(--ei-split)); }
.hc-editorial-intro__copy {
  min-inline-size: 0;
  overflow-wrap: anywhere;
  font-size: clamp(1rem, 3.3cqi, 1.75rem);
  line-height: 1.42;
}
.hc-editorial-intro__copy > :first-child { margin-block-start: 0; }
.hc-editorial-intro__copy > :last-child { margin-block-end: 0; }
.hc-editorial-intro__copy p + p { margin-block-start: .75em; }
.hc-editorial-intro__list {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  gap: .65em 1em;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: clamp(.72rem, 1.9cqi, 1.1rem);
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.hc-editorial-intro__list li { overflow-wrap: anywhere; }
.hc-editorial-intro__list--before {
  display: var(--ei-before, none);
  padding-block-end: var(--ei-divider-inset);
  border-block-end: var(--ei-rule) solid var(--ei-divider-color);
}
.hc-editorial-intro__list--before li + li::before,
.hc-editorial-intro__list--after li + li::before { margin-inline-end: 1em; }
.hc-editorial-intro__list--before li + li::before { content: "·"; }
.hc-editorial-intro__list--after li + li::before { content: var(--ei-side-dot, none); }
.hc-editorial-intro[data-split="yes"] .hc-editorial-intro__list--after {
  display: var(--ei-after, flex);
  flex-direction: var(--ei-after-direction, column);
  justify-content: center;
  border-inline-start: var(--ei-side-rule, var(--ei-rule)) solid var(--ei-divider-color);
  padding-inline-start: var(--ei-after-inset, var(--ei-divider-inset));
  border-block-start: var(--ei-top-rule, 0px) solid var(--ei-divider-color);
  padding-block-start: var(--ei-top-inset, 0px);
}
@container editorial-intro (max-width: 430px) {
  .hc-editorial-intro[data-split="yes"] > .hc-editorial-intro__grid { grid-template-columns: minmax(0, 1fr); }
  .hc-editorial-intro[data-split="yes"] .hc-editorial-intro__list--after {
    flex-direction: row;
    justify-content: flex-start;
    border-inline-start: 0;
    padding-inline-start: 0;
    border-block-start-width: var(--ei-rule);
    padding-block-start: var(--ei-divider-inset);
  }
  .hc-editorial-intro__list li + li::before { content: none; }
}

.hc-editorial-intro__composition {
  --ei-media-size: minmax(0, calc((100% - var(--ei-media-gap, 32px)) * min(.85, var(--ei-media-fraction, .4))));
  display: grid;
  grid-template-columns: var(--ei-media-columns, var(--ei-media-size) minmax(0, 1fr));
  gap: var(--ei-media-gap, 32px);
  align-items: center;
}
.hc-editorial-intro__composition:not(:has(> .hc-editorial-intro__editorial)) {
  grid-template-columns: minmax(0, 1fr);
}
.hc-editorial-intro__editorial {
  min-inline-size: 0;
  container: editorial-intro / inline-size;
}
.hc-editorial-intro[data-split="yes"] .hc-editorial-intro__editorial > .hc-editorial-intro__grid {
  grid-template-columns: var(--ei-columns, var(--ei-split));
}
@container editorial-intro (max-width: 520px) {
  .hc-editorial-intro__composition { grid-template-columns: minmax(0, 1fr); }
}
@container editorial-intro (max-width: 430px) {
  .hc-editorial-intro[data-split="yes"] .hc-editorial-intro__editorial > .hc-editorial-intro__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.hc-editorial-intro__media {
  display: grid;
  min-inline-size: 0;
  max-inline-size: 100%;
  inline-size: var(--ei-media-frame-width, 100%);
  order: var(--ei-media-order, -1);
  align-self: var(--ei-media-align, center);
  justify-self: var(--ei-media-align, center);
  margin: 0;
  position: relative;
}
.hc-editorial-intro__frame {
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--ei-media-ratio, var(--ei-natural-ratio, 4 / 3));
}
.hc-editorial-intro__frame :is(img, video, .hc-editorial-intro__slide, .hc-editorial-intro__poster) {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  display: block;
}
.hc-editorial-intro__frame :is(img, video) {
  object-fit: var(--ei-media-fit, cover);
  object-position: var(--ei-media-position, center);
}
.hc-editorial-intro__frame img { transform-origin: var(--ei-media-position, center); }
.hc-editorial-intro__controls {
  position: absolute;
  inset-inline-end: .65rem;
  inset-block-end: .65rem;
  display: flex;
  gap: 1px;
  border-radius: 4px;
  padding: 2px;
  background: rgb(0 0 0 / .72);
}
.hc-editorial-intro__media [hidden] { display: none; }
.hc-editorial-intro__controls button {
  appearance: none;
  display: grid;
  place-items: center;
  padding: 0;
  min-inline-size: 36px;
  min-block-size: 36px;
  border: 0;
  border-radius: 2px;
  background: transparent;
  color: #fff;
  cursor: pointer;
}
.hc-editorial-intro__controls button + button { border-inline-start: 1px solid rgb(255 255 255 / .25); }
.hc-editorial-intro__controls button:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
.hc-editorial-intro__controls button:disabled { opacity: .45; cursor: default; }

@font-face {
  font-family: "Hanly Social Icons";
  src: url("../vendor/fontawesome-free-5.15.3/webfonts/fa-brands-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}
.hc-editorial-intro__player { position: relative; }
.hc-editorial-intro__copy-content > :first-child { margin-block-start: 0; }
.hc-editorial-intro__copy-content > :last-child { margin-block-end: 0; }
.hc-editorial-intro__social,
.hc-editorial-intro__social ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .2rem .85rem;
}
.hc-editorial-intro__social {
  margin-block-start: .65rem;
  font-size: .9rem;
  line-height: 1.35;
}
.hc-editorial-intro__social ul {
  margin: 0;
  padding: 0;
  min-inline-size: 0;
  gap: .2rem .55rem;
  list-style: none;
}
.hc-editorial-intro__social .hc-editorial-intro__social-link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-block-size: 44px;
  min-inline-size: 44px;
  color: inherit;
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.hc-editorial-intro__social-link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.hc-editorial-intro__social-link:hover > span:not([data-network]) { text-decoration: underline; text-underline-offset: .22em; }
.hc-editorial-intro__social-link[aria-label] { justify-content: center; }
.hc-editorial-intro__social-icon { flex: none; font: 400 1.2rem/1 "Hanly Social Icons"; }
.hc-editorial-intro__social-icon[data-network=instagram]::before { content: "\f16d"; }
.hc-editorial-intro__social-icon[data-network=facebook]::before { content: "\f39e"; }
.hc-editorial-intro__social-icon[data-network=linkedin]::before { content: "\f0e1"; }
.hc-editorial-intro__social-icon[data-network=youtube]::before { content: "\f167"; }
.hc-editorial-intro__social-icon[data-network=vimeo]::before { content: "\f27d"; }
.hc-editorial-intro__social-icon[data-network=tiktok]::before { content: "\e07b"; }