.only-home .remix-modal-overlay,
.only-home .lightbox-overlay {
  display:none;
}

.home-mobile.div-35 {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
}

.home-mobile .upper-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
  padding: 0px 0px 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 2;
  background-color: #000000;
}

.home-mobile .hero-wrapper-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 200px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-image: url(https://c.animaapp.com/2SoN795z/img/hero---wrapper-5.png);
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
}

.home-mobile .hero-wrapper-2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
  pointer-events: none;
  display: none;
}

.home-mobile.home-small-desktop .hero-wrapper-2::after {
  display: block;
}

/* Hero Video Styles for Desktop Breakpoints */
.home-mobile .hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  display: none; /* Hidden by default */
}

/* Show video only on Small Desktop and Desktop breakpoints */
.home-mobile.home-small-desktop .hero-video,
.home-mobile.home-desktop .hero-video {
  display: block;
}

/* 30% Black Overlay on Hero Video */
.home-mobile .hero-wrapper-2::after,
.home-mobile .hero-wrapper-3::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
  pointer-events: none;
  display: none;
}

/* Show overlay only when video is present */
.home-mobile.home-small-desktop .hero-wrapper-2::after,
.home-mobile.home-desktop .hero-wrapper-3::after {
  display: block;
}

/* Ensure content sits above video and overlay */
.home-mobile.home-small-desktop .wrapper-20,
.home-mobile.home-desktop .wrapper-23 {
  position: relative;
  z-index: 2;
}

.home-mobile .wrapper-16 {
  flex-direction: column;
  align-items: flex-start;
  gap: 200px;
  flex: 0 0 auto;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.93) 84.58%, #000 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.93) 0.65%, rgba(0, 0, 0, 0.00) 45.27%);
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.home-mobile .header-5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 30px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
}

.home-mobile .logo-5 {
  position: relative;
  width: 100px;
  height: 48px;
  aspect-ratio: 2.09;
}

.home-mobile .nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .magnifying-glass-3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-mobile .div-36 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .div-37 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .title-summ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding: 0px 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .stories-shape-our {
  position: relative;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 33px;
  letter-spacing: -0.50px;
  line-height: 39.6px;
}

.home-mobile .text-wrapper-41 {
  color: #ffffff;
  letter-spacing: -0.17px;
  text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
}

.home-mobile .text-wrapper-42 {
  color: #fc7c52;
  letter-spacing: -0.17px;
  text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
}

.home-mobile .at-storidocs-we-re {
  position: relative;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.6px;
}

.home-mobile .text-wrapper-43 {
  font-weight: 300;
}

.home-mobile .text-wrapper-44 {
  font-weight: 700;
}

.home-mobile .btns {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 0px 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .button-5 {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ce4257;
  border-radius: 5px;
}

.home-mobile .text-wrapper-45 {
  position: relative;
  width: fit-content;
  margin-top: -2.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-mobile .button-6 {
  all: unset;
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 15px;
  background-color: #ffffff;
  border-radius: 5px;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .text-wrapper-46 {
  position: relative;
  width: fit-content;
  margin-top: -2.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ce4257;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-mobile .explore-slider {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 40px;
  padding: 0px 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .frame-14 {
  align-items: flex-end;
  gap: 15px;
  z-index: 1;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .title-w-line-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  flex-grow: 1;
  position: relative;
  flex: 1;
}

.home-mobile .title-w-line {
  display: flex;
  align-items: baseline;
  gap: 15px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .div-wrapper-3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .text-wrapper-47 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 28px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-mobile .nested-line {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 1px;
  object-fit: cover;
}

.home-mobile .buttons-container-2 {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: #0f0f0f1a;
  border-radius: 12px;
}

.home-mobile .arrow-10 {
  display: flex;
  flex-direction: column;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-radius: 2px;
}

.home-mobile .arrow-right-6 {
  position: relative;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  text-align: center;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  padding:0 6px;
}

.home-mobile .arrow-11 {
  display: flex;
  flex-direction: column;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-radius: 2px;
}

.home-mobile .text-wrapper-48 {
  color: #ce4257;
  position: relative;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  padding:0 6px;
}

.home-mobile .slider {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 0;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  scroll-snap-type: x mandatory;
  padding-bottom: 10px; /* Space for hover effects if needed */
  padding-left: 30px;
  padding-right: 30px;
}

.home-mobile .slider::-webkit-scrollbar {
  display: none;
}

.home-mobile .cat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  min-width: 280px;
  border-radius: 3px;
  overflow: hidden;
  aspect-ratio: 1.32;
  background: linear-gradient(180deg, #000 0%, #270813 100%);
  scroll-snap-align: start;
  cursor: pointer;
}

/* Background Layers */
.home-mobile .bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  filter: grayscale(100%);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 0;
}

.home-mobile .label-wrapper {
  background-image: url(https://c.animaapp.com/2SoN795z/img/wrapper-14@2x.png);
}

.home-mobile .wrapper-18 {
  background-image: url(https://c.animaapp.com/2SoN795z/img/wrapper-15@2x.png);
}

.home-mobile .wrapper-21 {
  background-image: url(https://c.animaapp.com/2SoN795z/img/wrapper-16@2x.png);
}

.home-mobile .wrapper-25 {
  background-image: url(https://c.animaapp.com/2SoN795z/img/wrapper-17@2x.png);
}

.home-mobile .wrapper-26-bg {
  background-image: url(https://c.animaapp.com/2SoN795z/img/wrapper-14@2x.png); /* Reusing for 5th item */
}

.home-mobile .cat:hover .bg-layer,
.home-mobile .cat-2:hover .bg-layer {
  transform: scale(1.1);
  opacity: 0.2;
}

/* Content Layer */
.home-mobile .cat-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.home-mobile .inner-2 {
  display: inline-flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000000;
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  pointer-events: auto;
  transform: translate(0, 0);
  width: max-content;
  max-width: 100%;
}

.home-mobile .text-wrapper-49 {
  position: relative;
  width: fit-content;
  font-family: "Gotham Narrow-Bold", Helvetica;
  font-weight: 700;
  color: #ff9b54;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), font-size 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  white-space: nowrap;
}

/* Hover Effects for Label */
.home-mobile .cat:hover .inner-2,
.home-mobile .cat-2:hover .inner-2 {
  background-color: transparent;
  background: transparent;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}

.home-mobile .cat:hover .text-wrapper-49,
.home-mobile .cat-2:hover .text-wrapper-49 {
  color: #ffffff;
  font-size: 18px;
}

.home-mobile .components-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 1;
}

.home-mobile .div-38 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  padding: 50px 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--greywhite);
}

.home-mobile .div-39 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .div-40 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .title-10 {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .section-title-7 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 24px;
  letter-spacing: -0.50px;
  line-height: 28.8px;
}

.home-mobile .text-wrapper-50 {
  color: #000000;
  letter-spacing: -0.12px;
}

.home-mobile .text-wrapper-51 {
  color: #ce4257;
  letter-spacing: -0.12px;
}

.home-mobile .text-11 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 27.2px;
}

.home-mobile .card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  padding: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f8f8f8;
  border-radius: 3px;
}

.home-mobile .wrapper-17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .text-wrapper-52 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  background: linear-gradient(
    172deg,
    rgba(206, 66, 87, 1) 0%,
    rgba(255, 127, 81, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  color: transparent;
  font-size: 32px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-mobile .content-13 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .heading-3 {
  align-self: stretch;
  font-family: "Gotham Narrow-Medium", Helvetica;
  font-weight: 500;
  color: #111111;
  font-size: 18px;
  line-height: 27px;
  position: relative;
  margin-top: -1.00px;
  letter-spacing: 0;
}

.home-mobile .text-12 {
  color: #111111;
  font-size: 14px;
  line-height: 21px;
  position: relative;
  align-self: stretch;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.home-mobile .card-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f8f8f8;
  border-radius: 3px;
}

.home-mobile .heading-4 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Gotham Narrow-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 27px;
}

.home-mobile .featured-stories {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
  padding: 0px 0px 50px;
  flex: 0 0 auto;
  background-color: #000000;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.home-mobile .featured-story {
  height: 400px;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.home-mobile .caption-box-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 30px;
  margin-top: -50px;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .caption-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  padding: 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 3px;
}

.home-mobile .header-6 {
  color: #353535;
  font-size: 20px;
  line-height: 120%;
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Gotham Narrow-Bold", Helvetica;
  font-weight: 700;
  letter-spacing: -0.25px;
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.home-mobile .paragraph-2 {
  position: relative;
  align-self: stretch;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: #353535;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}

.home-mobile .paragraph-3 {
  color: #353535;
  line-height: 14px;
  position: relative;
  align-self: stretch;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
}

.home-mobile .text-wrapper-53 {
  font-weight: 800;
  line-height: 23.1px;
}

.home-mobile .text-wrapper-54 {
  font-style: italic;
  line-height: 20.3px;
}

.home-mobile .div-41 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .title-controls {
  display: flex;
  align-items: flex-end;
  gap: 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .section-title-intro-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 15px;
  padding: 0px 30px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.home-mobile .title-11 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.home-mobile .text-wrapper-55 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 28px;
  letter-spacing: -0.50px;
  line-height: 33.6px;
}

.home-mobile .slider-2 {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  padding: 20px 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.home-mobile .slider-2::-webkit-scrollbar {
  display: none;
}

.home-mobile .story {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
  background-color: #000000;
  transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  cursor: pointer;
}

.home-mobile .story:hover {
  background-color: #000000;
}

/* Mobile Featured Stories - 2 Items (Default Mobile) */
.home-mobile.div-35 .slider-2 .story-item {
  min-width: calc(50% - 15px);
  width: calc(50% - 15px);
}

/* Under 480px Breakpoint - 1 Item */
@media (max-width: 480px) {
  .home-mobile.div-35 .slider-2 .story-item {
    min-width: 100%;
    width: 100%;
  }
}

/* Tablet Featured Stories - 3 Items */
.home-mobile.home-tablet .slider-3 .story-item {
  min-width: calc(33.333% - 20px);
  width: calc(33.333% - 20px);
}

/* Small Desktop Featured Stories - 4 Items */
.home-mobile.home-small-desktop .slider-4 .story-item {
  min-width: calc(25% - 22.5px);
  width: calc(25% - 22.5px);
}

.home-mobile .story-BG {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 0.78;
  overflow: hidden;
  z-index: 1;
}
.home-mobile .story-BG::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url(https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?w=600&h=800&fit=crop);
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}

/* Mobile Lens Slider Background Images */
.home-mobile .slider-2 .story-item:nth-child(1) .story-BG::before {
  background-image: url(https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?w=600&h=800&fit=crop);
}

.home-mobile .slider-2 .story-item:nth-child(2) .story-BG::before {
  background-image: url(https://images.unsplash.com/photo-1516035069371-29a1b244cc32?w=600&h=800&fit=crop);
}

.home-mobile .slider-2 .story-item:nth-child(3) .story-BG::before {
  background-image: url(https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=600&h=800&fit=crop);
}

.home-mobile .slider-2 .story-item:nth-child(4) .story-BG::before {
  background-image: url(https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?w=600&h=800&fit=crop);
}

.home-mobile .slider-2 .story-item:nth-child(5) .story-BG::before {
  background-image: url(https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=600&h=800&fit=crop);
}

.home-mobile .slider-2 .story-item:nth-child(6) .story-BG::before {
  background-image: url(https://images.unsplash.com/photo-1488590528505-98d2b5aba04b?w=600&h=800&fit=crop);
}

.home-mobile .slider-2 .story-item:nth-child(7) .story-BG::before {
  background-image: url(https://images.unsplash.com/photo-1542038784456-1ea8e935640e?w=600&h=800&fit=crop);
}

.home-mobile .frame-15 {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 0px;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .header-7 {
  color: #ffffff;
  font-size: 20px;
  line-height: 120%;
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Gotham Narrow-Bold", Helvetica;
  font-weight: 700;
  letter-spacing: -0.25px;
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.home-mobile .paragraph-4 {
  color: #ffffff;
  line-height: 14px;
  position: relative;
  align-self: stretch;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  transition: color 0.5s ease;
}

.home-mobile .paragraph-5 {
  color: #ffffff;
  line-height: 20.3px;
  position: relative;
  align-self: stretch;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  transition: color 0.5s ease;
}

.home-mobile .text-wrapper-56 {
  color: #ffffff;
  transition: color 0.5s ease;
}

.home-mobile .text-wrapper-57 {
  color: #3d3d3d;
  transition: color 0.5s ease;
}

/* Hover effects for non-desktop lens sliders - change title to coral on image hover */
.home-mobile .story .story-BG:hover ~ .div-40 .header-7,
.home-mobile .story .story-BG-2:hover ~ .div-40 .header-7,
.home-mobile .story .story-BG-3:hover ~ .div-40 .header-7,
.home-mobile .story .story-BG-4:hover ~ .div-40 .header-7,
.home-mobile .story .story-BG-5:hover ~ .div-40 .header-7,
.home-mobile .story .story-BG-6:hover ~ .div-40 .header-7 {
  color: #ff9b54 !important;
}

.home-mobile .arrow-link {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .text-wrapper-58 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  font-weight: 400;
  color: #ff9b54;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 30px;
  white-space: nowrap;
}

.home-mobile .buttons-container-3 {
  display: flex;
  gap: 10px;
  padding: 0px 30px;
  align-self: stretch;
  width: 100%;
  background-color: #0f0f0f1a;
  border-radius: 12px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .arrow-12 {
  display: flex;
  flex-direction: column;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-radius: 2px;
}

.home-mobile .arrow-right-7 {
  position: relative;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  text-align: center;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  padding: 0 9px;
}

.home-mobile .arrow-13 {
  display: flex;
  flex-direction: column;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-radius: 2px;
}

.home-mobile .text-wrapper-59 {
  color: #ce4257;
  position: relative;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  padding: 0 9px;
}

.home-mobile .section-title-8 {
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 24px;
  letter-spacing: -0.50px;
  line-height: 28.8px;
  position: relative;
  flex: 1;
}

.home-mobile .rectangle-9 {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 0.85;
  object-fit: cover;
}

.home-mobile .div-42 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .text-wrapper-60 {
  margin-top: -1.00px;
  font-family: "Gotham Narrow-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  align-self: stretch;
}

.home-mobile .text-wrapper-61 {
  position: relative;
  align-self: stretch;
  font-family: "Gotham Narrow-BookItalic", Helvetica;
  font-weight: 400;
  font-style: italic;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18.2px;
}

.home-mobile .location-new-york-NY {
  position: relative;
  width: 202px;
  margin-top: -1.00px;
  font-family: "Gotham Narrow-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.home-mobile .text-wrapper-62 {
  font-family: "Gotham Narrow-Regular", Helvetica;
}

.home-mobile .reels-sotrys {
  position: relative;
  width: 202px;
  font-family: "Gotham Narrow-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.home-mobile .text-wrapper-63 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  font-weight: 400;
  color: #ff9b54;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.home-mobile .rectangle-10 {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 0.85;
}

.home-mobile .FAQ-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  padding: 50px 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #000000;
}

.home-mobile .section-title-9 {
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: -0.50px;
  line-height: normal;
  position: relative;
  flex: 1;
}

.home-mobile .text-13 {
  margin-top: -1.00px;
  color: #ffffff;
  font-size: 16px;
  line-height: 27.2px;
  position: relative;
  align-self: stretch;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.home-mobile .text-wrapper-64 {
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 27.2px;
}

.home-mobile .div-43 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .FAQ-item {
  display: block;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 20px;
  margin-bottom: 0;
}

.home-mobile .FAQ-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.home-mobile .FAQ-number {
  display: flex;
  flex-direction: column;
  width: 40px;
  align-items: center;
  padding: 10px 0px;
  position: relative;
  background-color: #ff9b54;
  border-radius: 3px;
}

.home-mobile .numeral {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.home-mobile .div-44 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.home-mobile .FAQ-title {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Gotham Narrow-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.home-mobile .icon-9 {
  display: flex;
  flex-direction: column;
  width: 20px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}

.home-mobile .text-wrapper-65 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  font-weight: 400;
  color: #ce4257;
  font-size: 18px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.home-mobile .line-7 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  object-fit: cover;
}

.home-mobile .sock-footer-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 0;
}

.home-mobile .sock-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 50px 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background: linear-gradient(
    135deg,
    rgba(206, 66, 87, 1) 0%,
    rgba(255, 127, 81, 1) 100%
  );
}

.home-mobile .text-wrapper-66 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: -0.50px;
  line-height: 28.8px;
}

.home-mobile .text-14 {
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  align-self: stretch;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.home-mobile .footer-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  padding: 50px 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #000000;
}

.home-mobile .upper-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .logo-6 {
  position: relative;
  width: 200px;
  height: 95px;
  aspect-ratio: 2.09;
}

.home-mobile .div-45 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .nav-main {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .main-nav-item-7 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Gotham-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
}

.home-mobile .heading-5 {
  align-self: stretch;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 18px;
  line-height: 27px;
  position: relative;
  margin-top: -1.00px;
  letter-spacing: 0;
}

.home-mobile .main-nav-item-8 {
  flex: 1;
  position: relative;
  margin-top: -1.00px;
  font-family: "Gotham-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.home-mobile .links-container-3 {
  gap: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .buttons-container-4 {
  display: inline-flex;
  gap: 14px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .button-7 {
  all: unset;
  box-sizing: border-box;
  align-items: flex-start;
  gap: 10px;
  padding: 16px;
  background-color: #1a1a1a;
  border-radius: 8px;
  border: 1px solid;
  border-color: #262626;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .text-wrapper-67 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Font Awesome 6 Brands-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-mobile .img-6 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  margin-top: -1.00px;
  object-fit: cover;
}

.home-mobile .text-15 {
  margin-top: -1.00px;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  align-self: stretch;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.home-mobile .main-nav-item-9 {
  width: fit-content;
  position: relative;
  margin-top: -1.00px;
  font-family: "Gotham-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.home-mobile.home-tablet {
  flex-direction: column;
  min-width: 800px;
  align-items: flex-start;
  background-color: #ffffff;
  display: flex;
  position: relative;
}

.home-mobile .header-8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 50px 0px;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
  position: relative;
  align-self: stretch;
}

.home-mobile .title-summ-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding: 0px 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .stories-shape-our-2 {
  position: relative;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 40px;
  letter-spacing: -0.50px;
  line-height: 48.0px;
}

.home-mobile .text-wrapper-68 {
  color: #ffffff;
  letter-spacing: -0.20px;
  text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
}

.home-mobile .text-wrapper-69 {
  color: #fc7c52;
  letter-spacing: -0.20px;
  text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
}

.home-mobile .at-storidocs-we-re-2 {
  position: relative;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}

.home-mobile .btns-2 {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 0px 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .explore-slider-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 40px;
  padding: 0px 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .wrapper-18 {
  align-items: flex-end;
  gap: 15px;
  flex: 1;
  flex-grow: 1;
  background-blend-mode: luminosity;
  background-image: url(https://c.animaapp.com/2SoN795z/img/wrapper-15@2x.png);
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.home-mobile .div-46 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  padding: 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--greywhite);
}

.home-mobile .title-12 {
  display: flex;
  max-width: 900px;
  align-items: flex-start;
  width: 100%;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .section-title-10 {
  color: transparent;
  line-height: 39.6px;
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  font-size: 33px;
  letter-spacing: -0.50px;
}

.home-mobile .text-wrapper-70 {
  color: #000000;
  letter-spacing: -0.17px;
}

.home-mobile .text-wrapper-71 {
  color: #ce4257;
  letter-spacing: -0.17px;
}

.home-mobile .intro-btn {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .text-16 {
  flex: 1;
  margin-top: -1.00px;
  color: #000000;
  font-size: 16px;
  line-height: 27.2px;
  position: relative;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.home-mobile .container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .card-3 {
  gap: 20px;
  display: flex;
  flex-direction: column;
  min-width: 300px;
  align-items: flex-start;
  padding: 30px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #f8f8f8;
  border-radius: 3px;
}

.home-mobile .wrapper-19 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.home-mobile .text-wrapper-72 {
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  background: linear-gradient(
    172deg,
    rgba(206, 66, 87, 1) 0%,
    rgba(255, 127, 81, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  color: transparent;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  position: relative;
  display: flex;
}

.home-mobile .text-17 {
  align-self: stretch;
  color: #111111;
  font-size: 15px;
  line-height: 22.5px;
  position: relative;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.home-mobile .card-4 {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  align-items: flex-start;
  padding: 30px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #f8f8f8;
  border-radius: 3px;
}

.home-mobile .featured-story-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 400px;
  background-size: cover;
  background-position: 50% 50%;
}

.home-mobile .frame-16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -50px;
}

.home-mobile .frame-17 {
  padding: 0px 50px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  gap: 15px;
  position: relative;
}

.home-mobile .text-wrapper-73 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 28px;
  letter-spacing: -0.50px;
  line-height: 33.6px;
  white-space: nowrap;
}

.home-mobile .slider-3 {
  gap: 30px;
  padding: 20px 50px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  position: relative;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}

.home-mobile .slider-3::-webkit-scrollbar {
  display: none;
}

.home-mobile .story-BG-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 0.78;
  overflow: hidden;
  z-index: 1;
}
.home-mobile .story-BG-2::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url(https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?w=600&h=800&fit=crop);
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}

.home-mobile .slider-3 .story-item:nth-child(1) .story-BG-2::before {
  background-image: url(https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?w=600&h=800&fit=crop);
}

.home-mobile .slider-3 .story-item:nth-child(2) .story-BG-3::before {
  background-image: url(https://images.unsplash.com/photo-1516035069371-29a1b244cc32?w=600&h=800&fit=crop);
}

.home-mobile .slider-3 .story-item:nth-child(3) .story-BG-2::before {
  background-image: url(https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=600&h=800&fit=crop);
}

.home-mobile .slider-3 .story-item:nth-child(4) .story-BG-3::before {
  background-image: url(https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?w=600&h=800&fit=crop);
}

.home-mobile .slider-3 .story-item:nth-child(5) .story-BG-2::before {
  background-image: url(https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=600&h=800&fit=crop);
}

.home-mobile .slider-3 .story-item:nth-child(6) .story-BG-3::before {
  background-image: url(https://images.unsplash.com/photo-1488590528505-98d2b5aba04b?w=600&h=800&fit=crop);
}

.home-mobile .slider-3 .story-item:nth-child(7) .story-BG-2::before {
  background-image: url(https://images.unsplash.com/photo-1542038784456-1ea8e935640e?w=600&h=800&fit=crop);
}


.home-mobile .story-BG-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 0.78;
  overflow: hidden;
  z-index: 1;
}
.home-mobile .story-BG-3::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url(https://images.unsplash.com/photo-1516035069371-29a1b244cc32?w=600&h=800&fit=crop);
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}

.home-mobile .slider-3 .story-item:nth-child(2) .story-BG-3::before,
.home-mobile .slider-3 .story-item:nth-child(4) .story-BG-3::before,
.home-mobile .slider-3 .story-item:nth-child(6) .story-BG-3::before {
  background-image: url(https://images.unsplash.com/photo-1516035069371-29a1b244cc32?w=600&h=800&fit=crop);
}

.home-mobile .buttons-container-5 {
  display: flex;
  gap: 10px;
  padding: 0px 50px;
  align-self: stretch;
  width: 100%;
  background-color: #0f0f0f1a;
  border-radius: 12px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .eyebrow-3 {
  max-width: 400px;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.home-mobile .eyebrow-title-3 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 13px;
  letter-spacing: 1.00px;
  line-height: 13px;
  white-space: nowrap;
}

.home-mobile .line-8 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  margin-top: -1.00px;
}

.home-mobile .section-title-11 {
  color: #000000;
  line-height: 39.6px;
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  font-size: 33px;
  letter-spacing: -0.50px;
}

.home-mobile .button-8 {
  all: unset;
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  background-color: #ce4257;
  border-radius: 5px;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .text-wrapper-74 {
  color: #ffffff;
  font-size: 16px;
  position: relative;
  width: fit-content;
  margin-top: -2.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-mobile .author-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .author {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
  position: relative;
  flex: 0 0 100%; /* Default: 1 column on mobile */
}

/* 2 columns between 420px and 990px */
@media (min-width: 420px) and (max-width: 990px) {
  .home-mobile .author {
    flex: 0 0 calc(50% - 15px);
  }
}

/* Back to default tablet layout above 990px */
@media (min-width: 991px) {
  .home-mobile .author {
    flex: 0 0 calc(50% - 15px);
  }
}

.home-mobile .FAQ-section-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  padding: 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #000000;
}

.home-mobile .section-title-12 {
  color: #ffffff;
  line-height: normal;
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  font-size: 33px;
  letter-spacing: -0.50px;
}

.home-mobile .text-18 {
  flex: 1;
  margin-top: -1.00px;
  color: #ffffff;
  font-size: 16px;
  line-height: 27.2px;
  position: relative;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.home-mobile .FAQ-title-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Gotham Narrow-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 25.2px;
}

.home-mobile .sock-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background: linear-gradient(
    135deg,
    rgba(206, 66, 87, 1) 0%,
    rgba(255, 127, 81, 1) 100%
  );
}

.home-mobile .text-wrapper-75 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 33px;
  letter-spacing: -0.50px;
  line-height: 39.6px;
}

.home-mobile.home-small-desktop {
  display: flex;
  flex-direction: column;
  min-width: 1200px;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
}

.home-mobile .upper-4 {
  flex-direction: column;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .wrapper-20 {
  flex-direction: column;
  align-items: flex-start;
  gap: 200px;
  flex: 0 0 auto;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.93) 84.58%, #000 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.93) 0.65%, rgba(0, 0, 0, 0.00) 45.27%);
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.home-mobile .header-9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px 80px 0px;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
  position: relative;
  align-self: stretch;
}

.home-mobile .logo-7 {
  width: 120px;
  height: 57px;
  position: relative;
  aspect-ratio: 2.09;
}

.home-mobile .menu-2 {
  display: inline-flex;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile  a.active {
  opacity:1;
  pointer-events: none;
}

.home-mobile a.active:hover {
  opacity:1;
}

.home-mobile  a.active .main-nav-item-10 {
  border-bottom-color: #FF7F51;
}

.home-mobile .main-nav-item-10 {
  width: fit-content;
  font-size: 16px;
  white-space: nowrap;
  position: relative;
  margin-top: -1.00px;
  font-family: "Gotham-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0;
  line-height: normal;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

.home-mobile .main-nav-item-10:hover {
  border-bottom-color: #CE4257;
}

.home-mobile .div-wrapper-3 a {
  text-decoration: none;
  display: block;
  padding-bottom: 5px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s ease;
}

.home-mobile .div-wrapper-3 a:hover {
  border-bottom-color: #CE4257;
}

.home-mobile .div-wrapper-3.active a {
  border-bottom-color: #FF7F51;
}

.home-mobile .search-alert-user-2 {
  display: inline-flex;
  align-items: center;
  gap: 23px;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .text-wrapper-76 {
  font-size: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-mobile .account {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .image-5 {
  position: relative;
  width: 40px;
  height: 40px;
  margin-top: -3.00px;
  margin-bottom: -5.00px;
  margin-left: -4.00px;
}

.home-mobile .magnifying-glass-4 {
  font-size: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-mobile .intro-buttons-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  padding: 0px 0px 280px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .title-summ-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding: 0px 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .stories-shape-our-3 {
  position: relative;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 64px;
  letter-spacing: -0.50px;
  line-height: 76.8px;
}

.home-mobile .text-wrapper-77 {
  color: #ffffff;
  letter-spacing: -0.32px;
  text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
}

.home-mobile .text-wrapper-78 {
  color: #fc7c52;
  letter-spacing: -0.32px;
  text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
}

.home-mobile .at-storidocs-we-re-3 {
  position: relative;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 32.0px;
}

.home-mobile .btns-3 {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 0px 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .explore-slider-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 40px;
  padding: 0px 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -200px;
  z-index: 10;
}

.home-mobile .text-wrapper-79 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 33px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-mobile .wrapper-21 {
  align-items: flex-end;
  gap: 15px;
  flex: 1;
  flex-grow: 1;
  background-blend-mode: luminosity;
  background-image: url(https://c.animaapp.com/2SoN795z/img/wrapper-16@2x.png);
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.home-mobile .div-47 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  padding: 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--greywhite);
}

.home-mobile .section-title-13 {
  color: transparent;
  line-height: normal;
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  font-size: 33px;
  letter-spacing: -0.50px;
}

.home-mobile .featured-stories-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 0px 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #000000;
}

.home-mobile .featured-story-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .featured-story-3 {
  display: flex;
  height: 700px;
  align-items: flex-end;
  padding: 0px 0px 80px 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
}

.home-mobile .caption-box-2 {
  display: flex;
  flex-direction: column;
  max-width: 370px;
  align-items: flex-start;
  gap: 20px;
  padding: 40px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 3px;
}

.home-mobile .header-10 {
  margin-top: -1.00px;
  font-family: "Gotham Narrow-Bold", Helvetica;
  font-weight: 700;
  color: #353535;
  font-size: 30px;
  letter-spacing: -0.25px;
  line-height: 30px;
  position: relative;
  align-self: stretch;
}

.home-mobile .paragraph-6 {
  color: #353535;
  line-height: 23.1px;
  position: relative;
  align-self: stretch;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
}

.home-mobile .lens-slider {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .frame-18 {
  padding: 0px 80px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  gap: 15px;
  position: relative;
}

.home-mobile .text-wrapper-80 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 33px;
  letter-spacing: -0.50px;
  line-height: 39.6px;
  white-space: nowrap;
}

.home-mobile .slider-4 {
  padding: 20px 80px;
  display: flex;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}

.home-mobile .slider-4::-webkit-scrollbar {
  display: none;
}

.home-mobile .story-BG-4 {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 0.78;
  overflow: hidden;
  z-index: 1;
}
.home-mobile .story-BG-4::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url(https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?w=600&h=800&fit=crop);
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}

.home-mobile .slider-4 .story-item:nth-child(1) .story-BG-4::before {
  background-image: url(https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?w=600&h=800&fit=crop);
}

.home-mobile .slider-4 .story-item:nth-child(2) .story-BG-5::before {
  background-image: url(https://images.unsplash.com/photo-1516035069371-29a1b244cc32?w=600&h=800&fit=crop);
}

.home-mobile .slider-4 .story-item:nth-child(3) .story-BG-6::before {
  background-image: url(https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=600&h=800&fit=crop);
}

.home-mobile .slider-4 .story-item:nth-child(4) .story-BG-4::before {
  background-image: url(https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?w=600&h=800&fit=crop);
}

.home-mobile .slider-4 .story-item:nth-child(5) .story-BG-5::before {
  background-image: url(https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=600&h=800&fit=crop);
}

.home-mobile .slider-4 .story-item:nth-child(6) .story-BG-6::before {
  background-image: url(https://images.unsplash.com/photo-1488590528505-98d2b5aba04b?w=600&h=800&fit=crop);
}

.home-mobile .slider-4 .story-item:nth-child(7) .story-BG-4::before {
  background-image: url(https://images.unsplash.com/photo-1542038784456-1ea8e935640e?w=600&h=800&fit=crop);
}


.home-mobile .story-BG-5 {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 0.78;
  overflow: hidden;
  z-index: 1;
}
.home-mobile .story-BG-5::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url(https://images.unsplash.com/photo-1516035069371-29a1b244cc32?w=600&h=800&fit=crop);
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}

.home-mobile .story-BG-6 {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 0.78;
  overflow: hidden;
  z-index: 1;
}
.home-mobile .story-BG-6::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url(https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=600&h=800&fit=crop);
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}

.home-mobile .div-48 {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .author-2 {
  display: flex;
  flex-direction: column;
  max-width: 440px;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
  position: relative;
  flex: 0 0 100%; /* Default: 1 column on mobile */
}

/* 2 columns between 420px and 990px */
@media (min-width: 420px) and (max-width: 990px) {
  .home-mobile .author-2 {
    flex: 0 0 calc(50% - 15px);
  }
}

/* Back to default layout above 990px */
@media (min-width: 991px) {
  .home-mobile .author-2 {
    flex: 1;
    flex-grow: 1;
  }
}

.home-mobile .FAQ-section-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
  padding: 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #000000;
}

.home-mobile .column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.home-mobile .FAQ-title-3 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Gotham Narrow-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28.0px;
}

.home-mobile .sock-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 60px 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background: linear-gradient(
    135deg,
    rgba(206, 66, 87, 1) 0%,
    rgba(255, 127, 81, 1) 100%
  );
}

.home-mobile .footer-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px;
  padding: 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #000000;
}

.home-mobile .upper-5 {
  gap: 80px;
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .info-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.home-mobile .div-49 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 30px;
  align-self: stretch;
  width: 100%;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .sub-container-3 {
  min-width: 200px;
  gap: 20px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.home-mobile .heading-6 {
  align-self: stretch;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  line-height: 30px;
  position: relative;
  margin-top: -1.00px;
  letter-spacing: 0;
}

.home-mobile .main-nav-item-11 {
  flex: 1;
  font-size: 16px;
  position: relative;
  margin-top: -1.00px;
  font-family: "Gotham-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0;
  line-height: normal;
}

.home-mobile .buttons-container-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.home-mobile .wrapper-22 {
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.home-mobile .text-19 {
  flex: 1;
  margin-top: -1.00px;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.home-mobile .links-container-4 {
  display: inline-flex;
  justify-content: flex-end;
  gap: 20px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .line-9 {
  width: 1px;
  object-fit: cover;
  position: relative;
  align-self: stretch;
}

.home-mobile.home-desktop {
  display: flex;
  flex-direction: column;
  min-width: 1440px;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
}

.home-mobile .hero-wrapper-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 350px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-image: url(https://c.animaapp.com/2SoN795z/img/hero---wrapper-5.png);
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
}

.home-mobile .hero-wrapper-3::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
  pointer-events: none;
  display: none;
}

.home-mobile.home-desktop .hero-wrapper-3::after {
  display: block;
}

.home-mobile .wrapper-23 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 250px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.93) 84.58%, #000 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.93) 0.65%, rgba(0, 0, 0, 0.00) 45.27%);
}

.home-mobile .logo-8 {
  width: 160px;
  height: 76px;
  position: relative;
  aspect-ratio: 2.09;
}

.home-mobile .div-50 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .intro-buttons-5 {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  align-items: flex-start;
  gap: 30px;
  padding: 0px 0px 370px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .title-summ-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding: 0px 335px 0px 235px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .stories-shape-our-4 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 80px;
  letter-spacing: -0.50px;
  line-height: 96.0px;
}

.home-mobile .text-wrapper-81 {
  color: #ffffff;
  letter-spacing: -0.40px;
  text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.8), 0px 2px 8px rgba(0, 0, 0, 0.6);
}

.home-mobile .text-wrapper-82 {
  color: #fc7c52;
  letter-spacing: -0.40px;
  text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.8), 0px 2px 8px rgba(0, 0, 0, 0.6);
}

.home-mobile .at-storidocs-we-re-4 {
  position: relative;
  align-self: stretch;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 32.0px;
}

.home-mobile .btns-4 {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 0px 335px 0px 235px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .button-9 {
  all: unset;
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .text-wrapper-83 {
  color: #ce4257;
  position: relative;
  width: fit-content;
  margin-top: -2.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-mobile .explore-slider-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 50px;
  padding: 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -280px;
  z-index: 10; /* Ensure it sits on top of the hero section */
}

.home-mobile .explore-slider-4 .slider {
  padding: 0px 335px 10px 235px;
  width: 100%;
  scroll-padding-left: 235px; /* For scroll snap alignment */
}

.home-mobile .frame-19 {
  justify-content: flex-start;
  padding: 0px 335px 0px 235px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  flex: 0 0 auto;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  gap: 15px;
  position: relative;
}

.home-mobile .text-wrapper-84 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 44px;
  letter-spacing: -0.5px;
  line-height: 120%;
  white-space: nowrap;
}

.home-mobile .arrow-14 {
  display: flex;
  flex-direction: column;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-radius: 2px;
}

.home-mobile .arrow-right-8 {
  color: #000000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.home-mobile .arrow-15 {
  display: flex;
  flex-direction: column;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-radius: 2px;
}

.home-mobile .text-wrapper-85 {
  color: #ce4257;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.home-mobile .wrapper-24 {
  display: inline-flex;
  align-items: center;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -105.00px;
}

.home-mobile .cat-2 {
  display: flex;
  flex-direction: column;
  width: 330px;
  height: 250px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  background: linear-gradient(180deg, #000 0%, #270813 100%);
  scroll-snap-align: start;
  cursor: pointer;
  flex: 0 0 auto;
}

.home-mobile .components-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 100px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 1;
}

.home-mobile .component-icon-grid {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  align-items: flex-start;
  gap: 50px;
  padding: 0px 135px 100px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--greywhite);
}

.home-mobile .section-title-intro-5 {
  width: 1170px;
  padding: 0px 0px 0px 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .title-13 {
  display: inline-flex;
  max-width: 900px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .section-title-14 {
  color: transparent;
  line-height: 52.8px;
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  font-size: 44px;
  letter-spacing: -0.50px;
}

.home-mobile .text-wrapper-86 {
  color: #000000;
  letter-spacing: -0.22px;
}

.home-mobile .text-wrapper-87 {
  color: #ce4257;
  letter-spacing: -0.22px;
}

.home-mobile .text-20 {
  flex: 1;
  margin-top: -1.00px;
  color: #000000;
  font-size: 18px;
  line-height: 36px;
  position: relative;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.home-mobile .card-5 {
  gap: 20px;
  display: flex;
  flex-direction: column;
  min-width: 300px;
  align-items: flex-start;
  padding: 40px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #f8f8f8;
  border-radius: 3px;
}

.home-mobile .text-wrapper-88 {
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  background: linear-gradient(
    172deg,
    rgba(206, 66, 87, 1) 0%,
    rgba(255, 127, 81, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Font Awesome 6 Sharp-Regular", Helvetica;
  color: transparent;
  font-size: 44px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  position: relative;
  display: flex;
}

.home-mobile .heading-7 {
  align-self: stretch;
  font-family: "Gotham Narrow-Medium", Helvetica;
  font-weight: 500;
  color: #111111;
  font-size: 20px;
  line-height: 30px;
  position: relative;
  margin-top: -1.00px;
  letter-spacing: 0;
}

.home-mobile .card-6 {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  align-items: flex-start;
  padding: 40px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #f8f8f8;
  border-radius: 3px;
}

.home-mobile .heading-8 {
  align-self: stretch;
  font-family: "Gotham Narrow-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 20px;
  line-height: 30px;
  position: relative;
  margin-top: -1.00px;
  letter-spacing: 0;
}

.home-mobile .card-7 {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  align-items: flex-start;
  padding: 40px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #f8f8f8;
  border-radius: 3px;
}

.home-mobile .inner-3 {
  display: flex;
  align-self: stretch;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .featured-story-4 {
  display: flex;
  height: 800px;
  align-items: flex-end;
  justify-content: center;
  padding: 0px 0px 200px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
}

.home-mobile .wrapper-26 {
  display: flex;
  width: 100%; /* Allow full width */
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0px 135px 0px 0px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.home-mobile .lens-slider-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -140px;
  padding-bottom: 0px;
}

.home-mobile .title-controls-2 {
  display: flex;
  max-width: 1440px;
  align-items: flex-end;
  gap: 50px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .frame-20 {
  padding: 0px 135px 0px 235px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  gap: 15px;
  position: relative;
}

.home-mobile .text-wrapper-89 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 44px;
  letter-spacing: -0.50px;
  line-height: 52.8px;
  white-space: nowrap;
}

.home-mobile .slider-5 {
  padding: 20px 135px 20px 235px;
  display: flex;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  max-width: 100vw; /* Prevent page overflow */
  flex: 0 0 auto;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  box-sizing: border-box;
}

.home-mobile .slider-5::-webkit-scrollbar {
  display: none;
}

.home-mobile .story-2 {
  display: flex;
  flex-direction: column;
  width: 270.2px;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  position: relative;
  background-color: #000000;
  transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  padding: 0;
  flex: 0 0 auto;
  cursor: pointer;
}

.home-mobile .story-2 .story-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 345px;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 2;
  pointer-events: none;
}
.home-mobile .story-2:hover .story-video {
  opacity: 1;
}


.home-mobile .story-2:hover .story-BG-7::before,
.home-mobile .story-2:hover .background-wrapper::before,
.home-mobile .story-2:hover .story-BG-8::before,
.home-mobile .story-2:hover .story-BG-9::before,
.home-mobile .story-2:hover .story-BG-10::before,
.home-mobile .story-2:hover .story-BG-11::before {
  opacity: 0;
}
.home-mobile .story-2 .story-BG-7,
.home-mobile .story-2 .background-wrapper,
.home-mobile .story-2 .story-BG-8,
.home-mobile .story-2 .story-BG-9,
.home-mobile .story-2 .story-BG-10,
.home-mobile .story-2 .story-BG-11 {
  position: relative;
  z-index: 1;
}
.home-mobile .story-2 .frame-15 {
  position: relative;
  z-index: 3;
}
.home-mobile .story .story-video,
.landing-tablet .story .story-video,
.landing-tablet .story-3 .story-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 2;
  pointer-events: none;
}
.home-mobile .story .story-BG:hover .story-video,
.home-mobile .story .story-BG-2:hover .story-video,
.home-mobile .story .story-BG-3:hover .story-video,
.home-mobile .story .story-BG-4:hover .story-video,
.home-mobile .story .story-BG-5:hover .story-video,
.home-mobile .story .story-BG-6:hover .story-video {
  opacity: 1;
  transition: opacity 0.8s ease-in-out;
}
.home-mobile .story .story-BG:hover::before,
.home-mobile .story .story-BG-2:hover::before,
.home-mobile .story .story-BG-3:hover::before,
.home-mobile .story .story-BG-4:hover::before,
.home-mobile .story .story-BG-5:hover::before,
.home-mobile .story .story-BG-6:hover::before {
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}
.home-mobile .story .story-BG,
.home-mobile .story .story-BG-2,
.home-mobile .story .story-BG-3,
.home-mobile .story .story-BG-4,
.home-mobile .story .story-BG-5,
.home-mobile .story .story-BG-6 {
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.home-mobile .story .frame-15,
.home-mobile .story .div-40 {
  position: relative;
  z-index: 3;
}

/* Keep card background black on hover */
.home-mobile .story-2:hover {
  background-color: #000000;
}

.home-mobile .story-BG-7 {
  position: relative;
  width: 270px;
  height: 345px;
  overflow: hidden;
}
.home-mobile .story-BG-7::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url(https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?w=600&h=800&fit=crop);
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}

.home-mobile .slider-5 .story-item:nth-child(1) .story-BG-7::before {
  background-image: url(https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?w=600&h=800&fit=crop);
}

.home-mobile .slider-5 .story-item:nth-child(2) .background-wrapper::before {
  background-image: url(https://images.unsplash.com/photo-1516035069371-29a1b244cc32?w=600&h=800&fit=crop);
}

.home-mobile .slider-5 .story-item:nth-child(3) .story-BG-8::before {
  background-image: url(https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=600&h=800&fit=crop);
}

.home-mobile .slider-5 .story-item:nth-child(4) .story-BG-9::before {
  background-image: url(https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?w=600&h=800&fit=crop);
}

.home-mobile .slider-5 .story-item:nth-child(6) .story-BG-11::before {
  background-image: url(https://images.unsplash.com/photo-1488590528505-98d2b5aba04b?w=600&h=800&fit=crop);
}

.home-mobile .slider-5 .story-item:nth-child(7) .story-BG-8::before {
  background-image: url(https://images.unsplash.com/photo-1542038784456-1ea8e935640e?w=600&h=800&fit=crop);
}

.home-mobile .story-BG-11 {
  position: relative;
  width: 270px;
  height: 345px;
  overflow: hidden;
}
.home-mobile .story-BG-11::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url(https://images.unsplash.com/photo-1488590528505-98d2b5aba04b?w=600&h=800&fit=crop);
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}


.home-mobile .text-wrapper-90 {
  color: #353535;
  transition: color 0.5s ease;
}

.home-mobile .text-wrapper-91 {
  color: #cecece;
  transition: color 0.5s ease;
}

/* Desktop Lens Slider Text Colors - Initial State White */
.home-mobile .story-2 .paragraph-3,
.home-mobile .story-2 .paragraph-5 {
  transition: color 0.5s ease;
  color: #ffffff;
}

.home-mobile .story-2 .paragraph-3 * {
  color: #ffffff !important;
}

.home-mobile .story-2 .header-6 {
  color: #ffffff;
  transition: color 0.5s ease;
}

.home-mobile .story-2 .text-wrapper-90 {
  color: #ffffff;
  transition: color 0.5s ease;
}

.home-mobile .story-2 .text-wrapper-91 {
  color: #ffffff;
  transition: color 0.5s ease;
}

/* Change text colors on card hover */
.home-mobile .story-2:hover .header-6 {
  color: #ff9b54 !important;
}

.home-mobile .story-2:hover .text-wrapper-90 {
  color: #ffffff !important;
}

.home-mobile .story-2:hover .text-wrapper-91 {
  color: #ffffff !important;
}

.home-mobile .background-wrapper {
  position: relative;
  width: 270px;
  height: 345px;
  overflow: hidden;
}
.home-mobile .background-wrapper::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url(https://images.unsplash.com/photo-1516035069371-29a1b244cc32?w=600&h=800&fit=crop);
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}

.home-mobile .background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.home-mobile .story-BG-8 {
  position: relative;
  width: 270px;
  height: 345px;
  overflow: hidden;
}
.home-mobile .story-BG-8::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url(https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=600&h=800&fit=crop);
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}

.home-mobile .story-BG-9 {
  position: relative;
  width: 270px;
  height: 345px;
  overflow: hidden;
}
.home-mobile .story-BG-9::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url(https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?w=600&h=800&fit=crop);
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}

.home-mobile .story-BG-10 {
  position: relative;
  width: 270px;
  height: 345px;
  overflow: hidden;
}
.home-mobile .story-BG-10::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url(https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=600&h=800&fit=crop);
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}

.home-mobile .slider-5 .story-item:nth-child(5) .story-BG-10::before {
  background-image: url(https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=600&h=800&fit=crop);
}

.home-mobile .breaker-line-3 {
  display: none;
}

.home-mobile .featured-stories-wrapper {
  background-color: #000000;
  padding-bottom: 100px;
}

.home-mobile .component-featured {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  align-items: center;
  gap: 50px;
  padding: 150px 135px 150px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--greywhite);
}

.home-mobile .section-title-intro-6 {
  padding: 0px 0px 0px 100px;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .line-container-3 {
  display: flex;
  flex-direction: column;
  width: 265px;
  align-items: flex-start;
  position: relative;
}

.home-mobile .section-title-15 {
  color: #000000;
  line-height: 52.8px;
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  font-size: 44px;
  letter-spacing: -0.50px;
}

.home-mobile .author-3 {
  background-image: url(https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=500&fit=crop&crop=faces);
  display: flex;
  min-width: 210.25px;
  max-width: 280px;
  min-height: 248.46px;
  max-height: 330.89px;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  overflow: hidden;
  aspect-ratio: 0.85;
  background-size: cover;
  background-position: 50% 50%;
}

.home-mobile .rectangle-11 {
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  background-blend-mode: color;
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 1) 100%
    ), linear-gradient(0deg, rgba(98, 27, 27, 1) 0%, rgba(98, 27, 27, 1) 100%);
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background: linear-gradient(194deg, rgba(228, 21, 52, 0.70) 11.45%, #000 64.76%);
  background-blend-mode: multiply;
  mix-blend-mode: normal;
}

.home-mobile .frame-21 {
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: flex-start;
  gap: 10px;
  padding: 0px 30px;
  position: absolute;
  top: 335px;
  left: 0;
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  top: auto;
  bottom: 0;
  transform: translateY(100%);
  padding-bottom: 30px;
}

.home-mobile .text-wrapper-92 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: -0.25px;
  line-height: 110%;
}

.home-mobile .text-wrapper-93 {
  position: relative;
  align-self: stretch;
  font-family: "Gotham Narrow-BookItalic", Helvetica;
  font-weight: 400;
  font-style: italic;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
}

.home-mobile .location-new-york-NY-2 {
  position: relative;
  width: 202px;
  margin-top: -1.00px;
  font-family: "Gotham Narrow-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.home-mobile .reels-sotrys-2 {
  position: relative;
  width: 202px;
  font-family: "Gotham Narrow-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.home-mobile .author-4 {
  background-image: url(https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=500&fit=crop&crop=faces);
  display: flex;
  min-width: 210.25px;
  max-width: 280px;
  min-height: 248.46px;
  max-height: 330.89px;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  overflow: hidden;
  aspect-ratio: 0.85;
  background-size: cover;
  background-position: 50% 50%;
}

.home-mobile .author-5 {
  background-image: url(https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=500&fit=crop&crop=faces);
  display: flex;
  min-width: 210.25px;
  max-width: 280px;
  min-height: 248.46px;
  max-height: 330.89px;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  overflow: hidden;
  aspect-ratio: 0.85;
  background-size: cover;
  background-position: 50% 50%;
}

.home-mobile .author-6 {
  background-image: url(https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=400&h=500&fit=crop&crop=faces);
  display: flex;
  min-width: 210.25px;
  max-width: 280px;
  min-height: 248.46px;
  max-height: 330.89px;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  overflow: hidden;
  aspect-ratio: 0.85;
  background-size: cover;
  background-position: 50% 50%;
}

/* Desktop Author Card Hover Effects */
.home-mobile .author-3,
.home-mobile .author-4,
.home-mobile .author-5,
.home-mobile .author-6 {
  cursor: pointer;
}

.home-mobile .author-3:hover .rectangle-11,
.home-mobile .author-4:hover .rectangle-11,
.home-mobile .author-5:hover .rectangle-11,
.home-mobile .author-6:hover .rectangle-11 {
  opacity: 1;
}

.home-mobile .author-3:hover .frame-21,
.home-mobile .author-4:hover .frame-21,
.home-mobile .author-5:hover .frame-21,
.home-mobile .author-6:hover .frame-21 {
  transform: translateY(0);
}

/* Small Desktop Author Card Hover Effects */
.home-mobile .author-2 {
  cursor: pointer;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.home-mobile .author-2:hover {
  transform: translateY(-12px);
}

.home-mobile .author-2 .rectangle-9,
.home-mobile .author-2 .rectangle-10 {
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  display: block;
}

.home-mobile .author-2:hover .rectangle-9,
.home-mobile .author-2:hover .rectangle-10 {
  transform: scale(1.05);
}

/* Tablet Author Card Hover Effects */
.home-mobile .author {
  cursor: pointer;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.home-mobile .author:hover {
  transform: translateY(-12px);
}

/* Mobile Author Card Hover Effects */
.home-mobile article.div-40 {
  cursor: pointer;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  flex: 0 0 calc(50% - 10px);
}

/* 2 columns between 420px and 799px for home page mobile */
@media screen and (max-width: 480px) {
  .home-mobile article.div-40 {
    flex: 0 0 100%;
  }
}

/* Arrow Animation for Mobile, Tablet, Small Desktop */
.home-mobile article.div-40:hover .arrow-link .text-wrapper-63,
.home-mobile .author:hover .arrow-link .text-wrapper-63,
.home-mobile .author-2:hover .arrow-link .text-wrapper-63 {
  color: #ce4257;
  transform: translateX(8px);
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  display: inline-block;
}

.home-mobile .arrow-link .text-wrapper-63 {
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  display: inline-block;
}

.home-mobile .FAQ-section-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #000000;
}

.home-mobile .wrapper-28 {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  align-items: flex-start;
  gap: 50px;
  padding: 150px 135px 150px 235px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .section-title-16 {
  color: #ffffff;
  line-height: normal;
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  font-size: 44px;
  letter-spacing: -0.50px;
}

.home-mobile .text-21 {
  flex: 1;
  margin-top: -1.00px;
  color: #ffffff;
  font-size: 18px;
  line-height: 36px;
  position: relative;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.home-mobile .text-wrapper-94 {
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 36px;
}

.home-mobile .sock-8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background: linear-gradient(
    135deg,
    rgba(206, 66, 87, 1) 0%,
    rgba(255, 127, 81, 1) 100%
  );
}

.home-mobile .wrapper-29 {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  align-items: flex-start;
  gap: 25px;
  padding: 0px 235px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .title-14 {
  display: flex;
  max-width: 720px;
  align-items: flex-start;
  width: 100%;
  position: relative;
  flex: 0 0 auto;
}

.home-mobile .text-wrapper-95 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 44px;
  letter-spacing: -0.50px;
  line-height: 52.8px;
}

.home-mobile .text-22 {
  color: #ffffff;
  font-size: 18px;
  line-height: 27px;
  position: relative;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.home-mobile .footer-7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  padding: 150px 0px 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #000000;
}

.home-mobile .wrapper-30 {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  align-items: flex-start;
  gap: 80px;
  padding: 0px 135px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-mobile .info-4 {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.home-mobile .sub-container-4 {
  width: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

.home-mobile .sub-container-5 {
  flex: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

@media (max-width: 799px) {
  .home-mobile.home-tablet {
    display: none !important;
  }
  .home-mobile.home-small-desktop {
    display: none !important;
  }
  .home-mobile.home-desktop {
    display: none !important;
  }
}

@media (min-width: 800px) and (max-width: 1199px) {
  .home-mobile.div-35 {
    display: none !important;
  }
  .home-mobile.home-small-desktop {
    display: none !important;
  }
  .home-mobile.home-desktop {
    display: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .home-mobile.div-35 {
    display: none !important;
  }
  .home-mobile.home-tablet {
    display: none !important;
  }
  .home-mobile.home-desktop {
    display: none !important;
  }
}

@media (min-width: 1440px) {
  .home-mobile.div-35 {
    display: none !important;
  }
  .home-mobile.home-tablet {
    display: none !important;
  }
  .home-mobile.home-small-desktop {
    display: none !important;
  }
}
/* INJECT ORIGINAL CSS CODE HERE */

/* Additional CSS for semantic improvements and accessibility */

details.FAQ-item summary {
  display: flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
  list-style: none;
  width: 100%;
}

details.FAQ-item summary::-webkit-details-marker {
  display: none;
}

/* FAQ Content Styles */
.faq-content {
  padding: 10px 0 20px 60px;
  color: #e0e0e0;
  font-family: "DM Sans", Helvetica;
  font-size: 16px;
  line-height: 1.6;
  max-width: 800px;
}

details.FAQ-item[open] .faq-content {
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* FAQ Open States */
details.FAQ-item[open] .FAQ-title,
details.FAQ-item[open] .FAQ-title-2,
details.FAQ-item[open] .FAQ-title-3 {
  color: #FF5770;
}

details.FAQ-item[open] .icon-9 .text-wrapper-65 {
  color: #ffffff;
}

details.FAQ-item[open] .FAQ-number {
  background-color: #ffffff;
}

details.FAQ-item[open] .FAQ-number .numeral {
  color: #FF5770;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}

button:disabled {
  cursor: not-allowed;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover,
a:focus {
  opacity: 0.8;
}

button:hover:not(:disabled),
button:focus:not(:disabled) {
  opacity: 0.9;
}

.nav-main a,
.main-nav-item-7,
.main-nav-item-8,
.main-nav-item-9,
.main-nav-item-10,
.main-nav-item-11 {
  display: block;
}

/* Mobile Menu Styles moved to globals.css */

/* Button Hover States */
.home-mobile .button-5:hover {
  background: linear-gradient(94deg, #7D1928 0.85%, #EE6C3D 94.91%);
  box-shadow: 5px 5px 1px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
  cursor: pointer;
}

.home-mobile .button-6:hover {
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 0 2px #CE4257;
  transition: all 0.2s ease;
  cursor: pointer;
}

.home-mobile .button-6:hover .text-wrapper-46 {
  color: #ffffff;
}

.home-mobile .button-7:hover {
  background-color: #333333;
  border-color: #444444;
  transition: all 0.2s ease;
  cursor: pointer;
}

.home-mobile .button-8:hover {
  background: linear-gradient(94deg, #7D1928 0.85%, #EE6C3D 94.91%);
  box-shadow: 5px 5px 1px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
  cursor: pointer;
}

.home-mobile .button-9:hover {
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 0 2px #CE4257;
  transition: all 0.2s ease;
  cursor: pointer;
}

.home-mobile .button-9:hover .text-wrapper-83 {
  color: #ffffff;
}

/* Slider Arrows Hover */
.home-mobile .arrow-11:hover,
.home-mobile .arrow-13:hover,
.home-mobile .arrow-15:hover {
  background-color: #e0e0e0;
  transition: background-color 0.2s ease;
  cursor: pointer;
}

/* Link Hovers */
.home-mobile .arrow-link:hover .text-wrapper-58,
.home-mobile .arrow-link:hover .text-wrapper-63 {
  color: #ce4257;
  transition: color 0.2s ease;
}

/* Global Button Transitions */
.home-mobile .button-5,
.home-mobile .button-6,
.home-mobile .button-7,
.home-mobile .button-8,
.home-mobile .button-9,
.home-mobile .arrow-10,
.home-mobile .arrow-11,
.home-mobile .arrow-12,
.home-mobile .arrow-13,
.home-mobile .arrow-14,
.home-mobile .arrow-15 {
  transition: all 0.2s ease;
}

/* Sock White Button Hover Override */
.home-mobile .sock-5 .button-6:hover,
.home-mobile .sock-6 .button-6:hover,
.home-mobile .sock-7 .button-6:hover,
.home-mobile .sock-8 .button-9:hover {
  background-color: #222222;
}