.clearfix::before, .clearfix::after {
  content: '';
  display: table; }

.clearfix::after {
  clear: both; }

.heroLookbookBbanner-container .heroLookbookBbanner-content {
  position: relative;
  overflow: hidden; }
  .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 850px;
    padding: 0 20px;
    text-align: center;
    top: 70%;
    left: 50%;
    color: #fff; }
    @media (max-width: 1024.98px) {
      .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container {
        top: 70%;
        left: 50%;
        text-align: center;
        padding: 0 15px; } }
    .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container p {
      font-size: 14px;
      text-transform: uppercase;
      margin-bottom: 30px;
      letter-spacing: 0.2em;
      line-height: 12.5px; }
      @media (max-width: 1024.98px) {
        .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container p {
          margin-bottom: 20px; } }
    .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container .title-hero {
      display: block;
      font-size: 1rem;
      color: #fff;
      font-weight: 600;
      margin-bottom: 20px; }
      @media (max-width: 768.98px) {
        .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container .title-hero {
          font-size: 0.875rem; } }
    .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container .title-page-hero {
      font-size: 3.125rem; }
      @media (max-width: 768.98px) {
        .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container .title-page-hero {
          font-size: 1.875rem; } }
    .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container .subTitle-hero {
      position: relative;
      font-size: 0.625rem;
      font-weight: 600;
      display: inline-block;
      padding-bottom: 0.1875rem; }
    .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container h1, .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container h2, .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container h3 {
      text-transform: uppercase;
      font-weight: 400;
      letter-spacing: 0.05em;
      line-height: 100%;
      margin-bottom: 20px; }
      @media (max-width: 1024.98px) {
        .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container h1, .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container h2, .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container h3 {
          margin-bottom: 20px; } }
    .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container a, .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container button {
      display: -ms-inline-flexbox;
      display: inline-flex;
      line-height: 14px;
      color: var(--link-color); }
      .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container a:hover, .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container button:hover {
        text-decoration: none; }
      .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container a svg, .heroLookbookBbanner-container .heroLookbookBbanner-content .text-container button svg {
        margin-right: 7px; }

.heroLookbookBbanner-container .iframe--video {
  width: 100%;
  max-width: 100%; }
  .heroLookbookBbanner-container .iframe--video .isDesktop {
    display: block; }
    @media (max-width: 768.98px) {
      .heroLookbookBbanner-container .iframe--video .isDesktop {
        display: none; } }
    .heroLookbookBbanner-container .iframe--video .isDesktop.desktopOnly {
      display: block; }
  .heroLookbookBbanner-container .iframe--video .isMobile {
    display: none; }
    .heroLookbookBbanner-container .iframe--video .isMobile.portrait-mode {
      padding-bottom: 177.77%; }
    @media (max-width: 768.98px) {
      .heroLookbookBbanner-container .iframe--video .isMobile {
        display: block; } }

.heroLookbookBbanner-container .image-with-cta-content {
  width: 100%; }
  .heroLookbookBbanner-container .image-with-cta-content picture {
    width: 100%;
    height: 770px; }
    @media (max-width: 1024.98px) {
      .heroLookbookBbanner-container .image-with-cta-content picture {
        height: 679px; } }
    .heroLookbookBbanner-container .image-with-cta-content picture img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.heroLookbookBbanner-container-simple {
  padding-top: 2.8125rem; }
  .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container {
    width: 100%;
    max-width: 53.125rem;
    padding: 0 1.25rem;
    text-align: center;
    color: #000;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 1024.98px) {
      .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container {
        text-align: center;
        padding: 0 0.9375rem; } }
    .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container p {
      font-size: 0.875rem;
      text-transform: uppercase;
      margin-bottom: 1.875rem;
      letter-spacing: 0.2em;
      line-height: 0.78125rem; }
      @media (max-width: 1024.98px) {
        .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container p {
          margin-bottom: 1.25rem; } }
    .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container .title-hero {
      display: block;
      font-size: 1rem;
      color: #000;
      font-weight: 600;
      margin-bottom: 1.25rem; }
      @media (max-width: 768.98px) {
        .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container .title-hero {
          font-size: 0.875rem; } }
    .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container .title-page-hero {
      font-size: 3.125rem; }
      @media (max-width: 768.98px) {
        .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container .title-page-hero {
          font-size: 1.875rem; } }
    .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container .subTitle-hero {
      position: relative;
      font-size: 0.625rem;
      font-weight: 600;
      display: inline-block;
      padding-bottom: 0.1875rem; }
    .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container h1, .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container h2, .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container h3 {
      text-transform: uppercase;
      font-weight: 400;
      letter-spacing: 0.05em;
      line-height: 100%;
      margin-bottom: 1.25rem; }
      @media (max-width: 1024.98px) {
        .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container h1, .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container h2, .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container h3 {
          margin-bottom: 1.25rem; } }
    .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container a, .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container button {
      display: -ms-inline-flexbox;
      display: inline-flex;
      line-height: 0.875rem;
      color: var(--link-color); }
      .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container a:hover, .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container button:hover {
        text-decoration: none; }
      .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container a svg, .heroLookbookBbanner-container-simple .heroLookbookBbanner-content .text-container button svg {
        margin-right: 0.4375rem; }

.breadcrumb-container.breadcrumb-lookbook nav .breadcrumb__bar__list li.breadcrumb__bar__list--item:nth-child(2) a {
  pointer-events: none; }

.lookbook-container ~ .breadcrumb-container.mobile nav .breadcrumb__bar__list li.breadcrumb__bar__list--item:nth-child(2) a {
  pointer-events: none; }