* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

body:after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg.webp") url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg2.webp") url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg3.webp") url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg4.webp") url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg5.webp") url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg_mob.webp") url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg2_mob.webp") url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg3_mob.webp") url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg4_mob.webp") url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg5_mob.webp");
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; /* Removes default top and bottom margins */
  padding: 0; /* Removes default padding */
  font-weight: normal; /* Removes default bolding */
  /* You might also consider resetting line-height or text-decoration if needed */
  line-height: inherit; /* Inherits line-height from parent or body */
  text-decoration: none; /* Removes any default underlines, especially if links are within headings */
  color: var(--white-color);
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

main {
  max-width: 100vw;
}

button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

#root,
#__next {
  isolation: isolate;
}

:root {
  --black-color: #171717;
  --white-color: #fff;
  --yellow-color: #ffda2a;
  --light-grey-color: #ececec;
  /* Glass/Transparency Effects */
  --glass-surface: #0000000d; /* 5% black */
  --glass-border: #ffffff99; /* 60% white */
}

header {
  display: none;
}

footer {
  display: none;
}

html {
  font-size: 16px;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
@media (min-width: 1920px) {
  html {
    font-size: clamp(1rem, 1rem + (100vw - 1920px) * 0.0083333333, 2rem);
  }
}

html body {
  direction: ltr;
  background-color: var(--black-color);
  font-size: 16px;
  font-family: "Artlist Sans";
  padding: 0;
  margin: 0;
  color: var(--light-grey-color);
  min-height: 100vh;
  text-wrap: balance;
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw;
}
@media (min-width: 1920px) {
  html body {
    font-size: clamp(1rem, 1rem + (100vw - 1920px) * 0.008333, 2rem);
  }
}

.container {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  min-height: 100vh;
  width: 100%;
  max-width: 100vw;
  box-sizing: border-box;
  position: relative;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.container::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  z-index: -1;
}
.container.transitioning::before {
  opacity: 1;
}
.container:has(.fold-button-wrapper--visible) .container-content {
  padding-bottom: 4rem;
}
@supports (-webkit-touch-callout: none) {
  .container {
    padding-bottom: calc(7rem + env(safe-area-inset-bottom) + 1rem);
  }
}
@media (min-width: 1024px) {
  .container {
    place-items: center;
  }
}

.button-new {
  text-decoration: none;
}

.fold-button {
  margin-bottom: 1.5rem;
  width: calc(100% - 2rem) !important;
  margin-inline: auto;
}
.fold-button .button-text {
  font-weight: 500;
}

.fold-button-wrapper {
  position: fixed;
  width: 100%;
  bottom: 0;
  padding-inline: 1rem;
  padding-block: 1.125rem;
  display: flex;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  z-index: 50;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  will-change: transform, opacity;
}
@media (min-width: 1024px) {
  .fold-button-wrapper {
    display: none;
  }
}
.fold-button-wrapper--visible {
  transform: translateX(-50%) translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.fold-button-backdrop {
  position: absolute;
  inset: 0;
  pointer-events: none;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background-color: rgba(38, 38, 38, 0.2);
  z-index: 1;
}

.fold-button-container {
  position: relative;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.4px;
  width: 100%;
}
.fold-button-container a {
  text-decoration: none;
}

.fold-button-cta {
  position: relative;
  z-index: 1;
  border-radius: 9999px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 2.2);
  transition: all 0.3s;
  padding-block: 0.875rem;
  padding-inline: 1.875rem;
  font-size: 1.125rem;
  letter-spacing: 0.36px;
  line-height: 1;
  width: 100%;
  max-width: 30rem;
  margin-inline: auto;
  border: 1px solid transparent;
  background: transparent;
  color: var(--black-color);
}
@media (min-width: 1024px) {
  .fold-button-cta {
    display: none;
  }
}
.fold-button-cta:disabled {
  cursor: not-allowed;
  color: var(--white-color);
  background-color: #d1d5db;
  border-color: #d1d5db;
}

.fold-button-blur-layer {
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
  isolation: isolate;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 9999px;
}

.fold-button-overlay {
  position: absolute;
  z-index: 1;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.05);
  border: 0.5px solid rgba(255, 255, 255, 0.6);
}

.fold-button-shadow {
  position: absolute;
  z-index: 2;
  inset: 0;
  border-radius: 9999px;
  box-shadow: rgba(255, 218, 42, 0.1) -1.996px 2.391px 18.109px -2.622px inset, rgba(255, 218, 42, 0.4) -5.73px -4px 3.36px -2.73px inset, rgba(255, 255, 255, 0.3) 6.671px 6.671px 3.363px -6.214px inset, rgba(255, 237, 154, 0.5) 0px 1px 12.2px -5px inset, rgba(255, 218, 42, 0.4) -6.727px -6.727px 3.363px -6.727px inset, rgba(255, 255, 255, 0.3) 6.671px 6.671px 3.363px -6.214px inset;
}

.fold-button-glow {
  background-color: var(--yellow-color);
  width: 100%;
  position: absolute;
  padding: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  filter: blur(16px);
  transition: all 0.3s;
  height: 200%;
}
@media (min-width: 1024px) {
  .fold-button-glow {
    top: 100%;
  }
}
@media (min-width: 1440px) {
  .fold-button-container:hover .fold-button-glow {
    background: radial-gradient(#ffff5e 30%, #ffda2a, transparent);
  }
}

.fold-button-glow-hover {
  background-color: var(--yellow-color);
  background: radial-gradient(#ffff5e 30%, #ffda2a, transparent);
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  filter: blur(16px);
  transition: opacity 0.3s;
  z-index: 0;
  opacity: 0;
}
@media (min-width: 1024px) {
  .fold-button-glow-hover {
    top: 50%;
  }
}
@media (min-width: 1440px) {
  .fold-button-container:hover .fold-button-glow-hover {
    opacity: 1;
  }
}

.fold-button-content {
  position: relative;
  display: flex;
  min-height: 1.25rem;
  align-items: center;
  justify-content: center;
  gap: 0.7725rem;
}

.fold-button-text {
  white-space: nowrap;
  font-weight: 500;
}

@media (hover: none) and (pointer: coarse) {
  .container {
    background-attachment: scroll;
  }
}
.container-header {
  padding-block: clamp(1rem, 1rem + (100vw - 380px) * 0.020754717, 2.375rem);
  padding-inline-start: clamp(1rem, 1rem + (100vw - 380px) * 0.020754717, 2.375rem);
  display: block;
  z-index: 1;
}

.section-inner {
  padding-top: clamp(4.5rem, 4.5rem + (100vw - 1024px) * 0.0600961538, 6.0625rem);
  color: var(--white-color);
  padding: unset;
}

.hero-title {
  text-transform: uppercase;
  font-family: "Artlist Sans" !important;
  font-size: clamp(0.75rem, 0.75rem + (100vw - 380px) * 0.0056603774, 1.125rem);
  font-weight: 400;
  letter-spacing: clamp(0.04rem, 0.04rem + (100vw - 1024px) * 0.0030769231, 0.12rem);
  line-height: 140%;
  color: #d9d9d9;
  text-wrap: balance;
  margin-block-start: 0;
}

.hero-main-title {
  font-size: clamp(3.5rem, 3.5rem + (100vw - 1024px) * 0.0769230769, 5.5rem);
  letter-spacing: clamp(-0.165rem, -0.105rem - (100vw - 1024px) * 0.0023076923, -0.105rem);
  font-family: "Publico Banner" !important;
  font-weight: 300;
  line-height: 1;
  text-wrap: balance;
  margin-top: 1rem;
}

.hero-text {
  font-size: clamp(1rem, 1rem + (100vw - 1024px) * 0.0048076923, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.3rem, 1.3rem + (100vw - 1024px) * 0.0070913462, 1.484375rem);
  text-wrap: pretty;
  color: #d9d9d9;
  margin-top: clamp(1rem, 1rem + (100vw - 1024px) * 0.0192307692, 1.5rem);
  line-height: clamp(1.3rem, 1.3rem + (100vw - 1024px) * 0.0071153846, 1.485rem);
}

.buttons-view {
  margin-top: clamp(2.5rem, 2.5rem + (100vw - 1024px) * 0.0192307692, 3rem);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 1rem + (100vw - 380px) * 0.0037735849, 1.25rem);
}
.buttons-view .button-new .button-text {
  font-weight: 500;
}

/*--- New button styles ---*/
.button-wrapper {
  position: relative;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.4px;
  width: 100%;
  display: block;
}
.button-wrapper a {
  text-decoration: none;
}

.button-new {
  position: relative;
  z-index: 1;
  border-radius: 9999px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 2.2);
  padding-block: 0.875rem;
  padding-inline: 2rem;
  width: 100%;
  color: var(--black-color);
  border: none;
  cursor: pointer;
}
.button-new:disabled {
  cursor: not-allowed;
  color: var(--white-color);
  background-color: #d1d5db;
  border-color: #d1d5db;
}
.button-new.white .button-text {
  color: var(--white-color);
}
.button-new:hover .button-text {
  color: var(--black-color);
}

.button-overlay-dark {
  position: absolute;
  z-index: 1;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.05);
  border: 0.5px solid rgba(255, 255, 255, 0.6);
}

.button-overlay-glow {
  position: absolute;
  z-index: 2;
  inset: 0;
  border-radius: 9999px;
  box-shadow: inset -1.996px 2.391px 18.109px -2.622px rgba(255, 218, 42, 0.1), inset -5.73px -4px 3.36px -2.73px rgba(255, 218, 42, 0.4), inset 6.671px 6.671px 3.363px -6.214px rgba(255, 255, 255, 0.3), inset 0 1px 12.2px -5px rgba(255, 237, 154, 0.5), inset -6.727px -6.727px 3.363px -6.727px rgba(255, 218, 42, 0.4), inset 6.671px 6.671px 3.363px -6.214px rgba(255, 255, 255, 0.3);
}

.button-bg-blur {
  width: 100%;
  position: absolute;
  padding: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  filter: blur(16px);
  transition: all 0.3s;
  height: 200%;
}
.button-bg-blur.yellow {
  background-color: var(--yellow-color);
}

.button-content {
  position: relative;
  display: flex;
  gap: 0.87725rem;
  min-height: 1.25rem;
  align-items: center;
  justify-content: center;
}

.button-content img {
  width: 0.875rem;
  height: auto;
}

.button-text {
  white-space: nowrap;
}

.button-bg-hover {
  background-color: var(--yellow-color);
  background-image: radial-gradient(#ffff5e 30%, #ffda2a, transparent);
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  filter: blur(16px);
  transition: opacity 0.3s;
  z-index: 0;
  opacity: 0;
  border-radius: 9999px;
}

/*--- End of button styles ---*/
/*--- Explore AI Button styles (converted from Tailwind) ---*/
.explore-ai-button-wrapper {
  position: relative;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.4px;
  width: 100%;
}
@media (min-width: 1024px) {
  .explore-ai-button-wrapper {
    width: auto;
  }
}
@media (min-width: 1440px) {
  .explore-ai-button-wrapper {
    width: 14.375rem;
  }
}

.explore-ai-button {
  position: relative;
  z-index: 1;
  border-radius: 9999px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  font-weight: 500;
  transition: none;
  border: 1px solid var(--white-color);
  background-color: transparent;
  color: var(--white-color);
  padding-block: 0.875rem;
  padding-inline: 3.25rem;
  width: 100%;
  height: 3.125rem;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .explore-ai-button {
    width: auto;
    padding-inline: 2rem;
  }
}
.explore-ai-button:disabled {
  cursor: not-allowed;
  border-color: #d1d5db;
  color: #d1d5db;
  background-color: transparent;
}
@media (min-width: 1024px) {
  .explore-ai-button:hover:not(:disabled) {
    background-color: var(--white-color);
    color: var(--black-color);
    box-shadow: inset 5px 0 10px 2px #ffff5e, inset 0 3px 10px 2px #ffff5e, inset -5px 0 10px 2px #ffff5e, inset 0 -2px 10px 2px #ffff5e, inset 0 20px 20px 20px #ffda2a;
  }
}

.explore-ai-blur-layer {
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
  isolation: isolate;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 9999px;
}

.explore-ai-overlay {
  position: absolute;
  z-index: 1;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.05);
  border: 0.5px solid rgba(255, 255, 255, 0.6);
  transition: opacity 0s;
}
@media (min-width: 1024px) {
  .explore-ai-button-wrapper:hover .explore-ai-overlay {
    opacity: 0;
  }
}

.explore-ai-shadow {
  position: absolute;
  z-index: 2;
  border-radius: 9999px;
  inset: 0;
  box-shadow: inset -1.996px 2.391px 18.109px -2.622px rgba(255, 218, 42, 0.1), inset -5.73px -4px 3.36px -2.73px rgba(255, 218, 42, 0.4), inset 6.671px 6.671px 3.363px -6.214px rgba(255, 255, 255, 0.3), inset 0 1px 12.2px -5px rgba(255, 237, 154, 0.5), inset -6.727px -6.727px 3.363px -6.727px rgba(255, 218, 42, 0.4), inset 6.671px 6.671px 3.363px -6.214px rgba(255, 255, 255, 0.3);
}

.explore-ai-glow {
  height: 200%;
  width: 100%;
  position: absolute;
  padding: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  filter: blur(16px);
  transition: all 0.3s;
  background-color: transparent;
}
@media (min-width: 1024px) {
  .explore-ai-glow {
    top: 100%;
  }
}

.explore-ai-content {
  position: relative;
  display: flex;
  min-height: 1.25rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.explore-ai-content .earphones-icon-wrapper {
  position: relative;
  display: inline-block;
  width: 0.875rem;
}
.explore-ai-content img {
  width: 0.875rem;
  height: auto;
}
.explore-ai-content .earphones-icon-black {
  display: none;
}
.explore-ai-content .earphones-icon-white {
  display: block;
}

.explore-ai-text {
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .explore-ai-button-wrapper:hover .explore-ai-content .earphones-icon-black {
    display: block;
  }
  .explore-ai-button-wrapper:hover .explore-ai-content .earphones-icon-white {
    display: none;
  }
}
.explore-ai-hover-glow {
  background: radial-gradient(#ffff5e 30%, #ffda2a, transparent);
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  filter: blur(16px);
  transition: opacity 0.3s;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 1440px) {
  .explore-ai-button-wrapper:hover .explore-ai-hover-glow {
    opacity: 1;
  }
}

/*--- End of Explore AI Button styles ---*/
.carousel-view {
  position: relative;
  overflow: visible;
  width: 100%;
  isolation: isolate;
  touch-action: pan-y;
  padding: unset;
}
@media (min-width: 768px) {
  .carousel-view {
    overflow: hidden;
  }
}

.carousel-list {
  display: flex;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  transform: translateX(0);
}
@media (min-width: 1024px) {
  .carousel-list {
    transition: none;
    min-height: 412px;
  }
}
.carousel-list .counter {
  font-size: clamp(0.75rem, 0.75rem + (100vw - 380px) * 0.0076226415, 1.255rem);
  letter-spacing: clamp(0.25rem, 0.37225rem - (100vw - 380px) * 0.001845283, 0.37225rem);
}
@media (max-width: 1023px) {
  .carousel-list .counter {
    letter-spacing: 4px;
  }
}

.carousel-item {
  flex: 0 0 100%;
  flex-shrink: 0;
  flex-grow: 0;
  min-width: 0;
  position: relative;
  border-radius: clamp(0.5rem, 0.523vw + 0.373rem, 1rem);
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0.75rem;
  padding-bottom: clamp(1.25rem, 2.6875rem - (100vw - 1024px) * 0.0552884615, 2.6875rem);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .carousel-item {
    flex: 0 0 calc(92% - 0.5rem);
    width: calc(92% - 0.5rem);
    max-width: calc(92% - 0.5rem);
    margin-right: 1rem;
    padding-bottom: 1rem;
  }
  .carousel-item#card2 .card-text:nth-of-type(2), .carousel-item#card3 .card-text:nth-of-type(2), .carousel-item#card5 .card-text:nth-of-type(2) {
    text-wrap: pretty;
  }
}
@media (min-width: 768px) {
  .carousel-item {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
}
.carousel-item .card-view {
  display: flex;
  align-items: stretch;
  position: relative;
  z-index: 2;
  padding: unset;
}

.glass-effect {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  contain: layout style paint;
  z-index: 1;
}

.glass-blur {
  position: absolute;
  inset: 0;
  overflow: hidden;
  isolation: isolate;
  z-index: 0;
  border-radius: clamp(0.5rem, 0.523vw + 0.373rem, 1rem);
}

/*.glass-blur-filter {
    filter: url(#glass-distortion);
}*/
.glass-bg {
  position: absolute;
  inset: 0;
  background: var(--glass-surface);
  z-index: 1;
  border-radius: clamp(0.5rem, 0.523vw + 0.373rem, 1rem);
}

.glass-shine {
  position: absolute;
  inset: 0;
  box-shadow: inset 8px 0px 2px -8px rgba(255, 255, 255, 0.5), inset 0px 8px 2px -8px rgb(255, 255, 255), inset -8.5px 0px 1px -7px rgba(255, 255, 255, 0.45), inset 0px -9px 2px -8px rgba(255, 255, 255, 0.5);
  z-index: 2;
  border-radius: clamp(0.5rem, 0.523vw + 0.373rem, 1rem);
}

.card {
  flex: 1 1 0;
  display: flex;
  align-items: stretch;
  min-height: 0;
}

.card-content-wrapper {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.card-image {
  flex: 1 1 0;
  display: flex;
  align-items: stretch;
  min-height: 0;
}
.card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .card-image img {
    border-radius: 8px 0 0 8px;
  }
}

.carousel-item > div {
  flex: 1 1 auto;
}

.card-content {
  margin-top: clamp(2rem, 2.4375rem - (100vw - 1024px) * 0.0168269231, 2.4375rem);
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}
@media (width: 1728px) {
  .card-content {
    width: 25.625rem;
  }
}

.card-title {
  font-size: clamp(1.75rem, 1.75rem + (100vw - 380px) * 0.0150943396, 2.75rem);
  font-weight: 400;
  line-height: 1;
  text-wrap: pretty;
  letter-spacing: clamp(-0.125rem, -0.0625rem - (100vw - 1024px) * 0.0024038462, -0.0625rem);
  overflow: hidden;
}

.card-text {
  font-size: clamp(1rem, 1rem + (100vw - 1024px) * 0.0048076923, 1.125rem);
  font-weight: 400;
  line-height: 110%;
  text-wrap: balance;
  overflow: hidden;
}
.card-text:first-of-type {
  margin-bottom: 1rem;
}

@keyframes textRiseUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.card-title,
.card-text {
  display: block;
  overflow: hidden;
}
.card-title .text-line,
.card-text .text-line {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  --animation-delay: 0s;
  overflow: hidden;
  white-space: normal;
}
.card-title .text-line:not(:last-child)::after,
.card-text .text-line:not(:last-child)::after {
  content: " ";
}
@media (min-width: 1024px) {
  .card-title .text-line.text-line-animate,
  .card-text .text-line.text-line-animate {
    animation: textRiseUp 0.8s cubic-bezier(0.4, 0, 0.2, 1) both;
    animation-delay: var(--animation-delay);
    line-height: 1.01;
  }
}

.pagination-list {
  display: none;
  gap: 0.375rem;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 1.3125rem;
}

.pagination-item {
  width: 0.5625rem;
  height: 0.562rem;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid var(--white-color);
  cursor: pointer;
}
.pagination-item.active {
  background-color: var(--white-color);
}

.arrow-buttons-wrapper {
  display: none;
  gap: 1.32625rem;
  margin-top: 2.5rem;
}

.arrow-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.arrow-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(from -30deg, rgba(255, 255, 255, 0.3) 0deg, rgba(255, 255, 255, 0.4) 15deg, rgba(255, 255, 255, 0.7) 20deg, rgba(255, 255, 255, 0.9) 30deg, rgba(255, 255, 255, 0.95) 60deg, rgba(255, 255, 255, 0.9) 90deg, rgba(255, 255, 255, 0.85) 120deg, rgba(255, 255, 255, 0.8) 150deg, rgba(255, 255, 255, 0.4) 175deg, rgba(255, 255, 255, 0.3) 180deg, rgba(255, 255, 255, 0.4) 185deg, rgba(255, 255, 255, 0.8) 210deg, rgba(255, 255, 255, 0.85) 240deg, rgba(255, 255, 255, 0.9) 270deg, rgba(255, 255, 255, 0.95) 300deg, rgba(255, 255, 255, 0.7) 330deg, rgba(255, 255, 255, 0.4) 350deg, rgba(255, 255, 255, 0.3) 360deg);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask-composite: xor;
  padding: 1px;
  z-index: -1;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.arrow-button:hover::before {
  background: conic-gradient(from -30deg, rgba(255, 255, 255, 0.3) 0deg, rgba(255, 255, 255, 0.4) 15deg, rgba(255, 255, 255, 0.7) 20deg, rgba(255, 255, 255, 0.9) 30deg, rgba(255, 255, 255, 0.95) 60deg, rgba(255, 255, 255, 0.9) 90deg, rgba(255, 255, 255, 0.85) 120deg, rgba(255, 255, 255, 0.8) 150deg, rgba(255, 255, 255, 0.8) 175deg, rgba(255, 255, 255, 0.85) 180deg, rgba(255, 255, 255, 0.8) 185deg, rgba(255, 255, 255, 0.8) 210deg, rgba(255, 255, 255, 0.85) 240deg, rgba(255, 255, 255, 0.9) 270deg, rgba(255, 255, 255, 0.95) 300deg, rgba(255, 255, 255, 0.7) 330deg, rgba(255, 255, 255, 0.4) 350deg, rgba(255, 255, 255, 0.3) 360deg);
}
.arrow-button::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.15) 0%, transparent 50%);
  pointer-events: none;
}
.arrow-button img {
  position: relative;
  z-index: 1;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  filter: brightness(1);
}
.arrow-button:hover img {
  filter: brightness(1.4) drop-shadow(0 0 5px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.7)) drop-shadow(0 0 15px rgba(255, 255, 255, 0.5)) drop-shadow(0 0 20px rgba(255, 255, 255, 0.3));
}

.arrow-button-right::before {
  background: conic-gradient(from 0deg, rgba(255, 255, 255, 0.95) 0deg, rgba(255, 255, 255, 0.9) 25deg, rgba(255, 255, 255, 0.6) 35deg, rgba(255, 255, 255, 0.4) 40deg, rgba(255, 255, 255, 0.3) 45deg, rgba(255, 255, 255, 0.3) 50deg, rgba(255, 255, 255, 0.3) 55deg, rgba(255, 255, 255, 0.4) 80deg, rgba(255, 255, 255, 0.6) 65deg, rgba(255, 255, 255, 0.9) 90deg, rgba(255, 255, 255, 0.95) 120deg, rgba(255, 255, 255, 0.9) 150deg, rgba(255, 255, 255, 0.85) 180deg, rgba(255, 255, 255, 0.6) 210deg, rgba(255, 255, 255, 0.4) 215deg, rgba(255, 255, 255, 0.3) 220deg, rgba(255, 255, 255, 0.3) 225deg, rgba(255, 255, 255, 0.3) 230deg, rgba(255, 255, 255, 0.4) 245deg, rgba(255, 255, 255, 0.6) 240deg, rgba(255, 255, 255, 0.85) 270deg, rgba(255, 255, 255, 0.9) 300deg, rgba(255, 255, 255, 0.95) 330deg, rgba(255, 255, 255, 0.7) 350deg, rgba(255, 255, 255, 0.9) 360deg);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask-composite: xor;
  padding: 1px;
  z-index: -1;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.arrow-button-right:hover::before {
  background: conic-gradient(from 0deg, rgba(255, 255, 255, 0.95) 0deg, rgba(255, 255, 255, 0.9) 25deg, rgba(255, 255, 255, 0.6) 35deg, rgba(255, 255, 255, 0.4) 40deg, rgba(255, 255, 255, 0.3) 45deg, rgba(255, 255, 255, 0.3) 50deg, rgba(255, 255, 255, 0.3) 55deg, rgba(255, 255, 255, 0.4) 80deg, rgba(255, 255, 255, 0.6) 65deg, rgba(255, 255, 255, 0.9) 90deg, rgba(255, 255, 255, 0.95) 120deg, rgba(255, 255, 255, 0.9) 150deg, rgba(255, 255, 255, 0.85) 180deg, rgba(255, 255, 255, 0.6) 210deg, rgba(255, 255, 255, 0.8) 215deg, rgba(255, 255, 255, 0.85) 220deg, rgba(255, 255, 255, 0.85) 225deg, rgba(255, 255, 255, 0.8) 230deg, rgba(255, 255, 255, 0.8) 245deg, rgba(255, 255, 255, 0.6) 240deg, rgba(255, 255, 255, 0.85) 270deg, rgba(255, 255, 255, 0.9) 300deg, rgba(255, 255, 255, 0.95) 330deg, rgba(255, 255, 255, 0.7) 350deg, rgba(255, 255, 255, 0.9) 360deg);
}
.arrow-button-right::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  background: radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.15) 0%, transparent 50%);
  pointer-events: none;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modal-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  z-index: -1;
}
.modal-overlay.hidden {
  display: none;
}
.modal-overlay .header {
  padding-block: clamp(1rem, 1rem + (100vw - 1024px) * 0.0384615385, 2rem);
  position: relative;
}
.modal-overlay .glass-effect {
  z-index: 0;
}
.modal-overlay .glass-effect .no-radius {
  border-radius: 0;
}
.modal-overlay .glass-blur-filter {
  filter: none;
  -webkit-backdrop-filter: blur(0.65rem);
          backdrop-filter: blur(0.65rem);
}
.modal-overlay .modal-content {
  position: relative;
  width: clamp(59.375vw, 59.375vw + (100vw - 380px) * 0.0094339623, 60vw);
  padding-inline: clamp(1rem, 1rem + (100vw - 380px) * 0.0301886792, 3rem);
  height: 50.76vh;
  margin-inline: auto;
  border-radius: clamp(0.5rem, 0.523vw + 0.373rem, 1rem);
  display: block;
  overflow: hidden;
  background: transparent;
  border: none;
  z-index: 1;
}
@media (min-width: 380px) and (max-width: 1023px) {
  .modal-overlay .modal-content {
    width: 91.8vw;
  }
  .modal-overlay .modal-content .button-wrapper {
    width: 80%;
    margin-inline: auto;
  }
}
@media (min-width: 380px) and (max-width: 767px) {
  .modal-overlay .modal-content {
    height: 22.375rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .modal-overlay .modal-content {
    width: 37.75rem;
    height: 27.125rem;
  }
  .modal-overlay .modal-content .button-wrapper {
    width: 13.125rem;
  }
}
@media (min-width: 1440px) {
  .modal-overlay .modal-content {
    width: 49.5vw;
  }
}
.modal-overlay .modal-content .glass-blur {
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
}
.modal-overlay .modal-content-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modal-overlay .modal-content .modal-title {
  font-family: "Publico Banner", sans-serif;
  font-weight: 300;
  font-size: clamp(3.5rem, 3.5rem + (100vw - 380px) * 0.0301886792, 5.5rem);
  letter-spacing: clamp(-0.165rem, -0.135rem - (100vw - 1024px) * 0.0011538462, -0.135rem);
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.5), 0 0 6px rgba(255, 255, 255, 0.4), 0 0 9px rgba(255, 255, 255, 0.3), 0 0 12px rgba(255, 255, 255, 0.2);
}
.modal-overlay .modal-content .modal-body {
  text-align: center;
}
.modal-overlay .modal-content .modal-body .text {
  font-size: clamp(1.125rem, 1.125rem + (100vw - 1024px) * 0.0048076923, 1.25rem);
  line-height: clamp(1.575rem, 1.575rem + (100vw - 1024px) * 0.0067307692, 1.75rem);
  letter-spacing: clamp(0.0225rem, 0.0225rem + (100vw - 1024px) * 0.0000961538, 0.025rem);
  font-weight: 400;
  width: 90%;
  margin-inline: auto;
  margin-block: 2rem 3.5rem;
  text-wrap: pretty;
}
@media (min-width: 1024px) and (max-width: 1919px) {
  .modal-overlay .modal-content .modal-body .text {
    width: unset;
  }
}
.modal-overlay .modal-content .glass-effect {
  z-index: 1;
}
.modal-overlay .modal-content .modal-content-inner {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
  color: #fff;
}

@starting-style {
  .modal-overlay {
    opacity: 0;
    transform: scale(0.9);
  }
}
.close-x {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 1.75rem;
  height: 1.75rem;
  cursor: pointer;
  position: absolute;
  inset-inline-end: 1rem;
  inset-block-start: 1rem;
  background: transparent;
  border: none;
  padding: 0;
  z-index: 10;
}
.close-x::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(255, 255, 255, 0.95) 0deg, rgba(255, 255, 255, 0.9) 25deg, rgba(255, 255, 255, 0.6) 35deg, rgba(255, 255, 255, 0.4) 40deg, rgba(255, 255, 255, 0.3) 45deg, rgba(255, 255, 255, 0.3) 50deg, rgba(255, 255, 255, 0.3) 55deg, rgba(255, 255, 255, 0.4) 80deg, rgba(255, 255, 255, 0.6) 65deg, rgba(255, 255, 255, 0.9) 90deg, rgba(255, 255, 255, 0.95) 120deg, rgba(255, 255, 255, 0.9) 150deg, rgba(255, 255, 255, 0.85) 180deg, rgba(255, 255, 255, 0.6) 210deg, rgba(255, 255, 255, 0.4) 215deg, rgba(255, 255, 255, 0.3) 220deg, rgba(255, 255, 255, 0.3) 225deg, rgba(255, 255, 255, 0.3) 230deg, rgba(255, 255, 255, 0.4) 245deg, rgba(255, 255, 255, 0.6) 240deg, rgba(255, 255, 255, 0.85) 270deg, rgba(255, 255, 255, 0.9) 300deg, rgba(255, 255, 255, 0.95) 330deg, rgba(255, 255, 255, 0.7) 350deg, rgba(255, 255, 255, 0.9) 360deg);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask-composite: xor;
  padding: 1px;
  z-index: 0;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.close-x:hover::before {
  background: conic-gradient(from 0deg, rgba(255, 255, 255, 0.95) 0deg, rgba(255, 255, 255, 0.9) 25deg, rgba(255, 255, 255, 0.6) 35deg, rgba(255, 255, 255, 0.4) 40deg, rgba(255, 255, 255, 0.3) 45deg, rgba(255, 255, 255, 0.3) 50deg, rgba(255, 255, 255, 0.3) 55deg, rgba(255, 255, 255, 0.4) 80deg, rgba(255, 255, 255, 0.6) 65deg, rgba(255, 255, 255, 0.9) 90deg, rgba(255, 255, 255, 0.95) 120deg, rgba(255, 255, 255, 0.9) 150deg, rgba(255, 255, 255, 0.85) 180deg, rgba(255, 255, 255, 0.6) 210deg, rgba(255, 255, 255, 0.8) 215deg, rgba(255, 255, 255, 0.85) 220deg, rgba(255, 255, 255, 0.85) 225deg, rgba(255, 255, 255, 0.8) 230deg, rgba(255, 255, 255, 0.8) 245deg, rgba(255, 255, 255, 0.6) 240deg, rgba(255, 255, 255, 0.85) 270deg, rgba(255, 255, 255, 0.9) 300deg, rgba(255, 255, 255, 0.95) 330deg, rgba(255, 255, 255, 0.7) 350deg, rgba(255, 255, 255, 0.9) 360deg);
}
.close-x .close-x-icon {
  position: relative;
  z-index: 1;
  width: 90%;
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.close-x .close-x-icon:before, .close-x .close-x-icon:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 60%;
  background-color: var(--white-color);
  transform-origin: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.close-x .close-x-icon:before {
  transform: rotate(45deg);
}
.close-x .close-x-icon:after {
  transform: rotate(-45deg);
}
.close-x:hover .close-x-icon {
  filter: brightness(1.4) drop-shadow(0 0 5px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.7)) drop-shadow(0 0 15px rgba(255, 255, 255, 0.5)) drop-shadow(0 0 20px rgba(255, 255, 255, 0.3));
}

@media (min-width: 380px) and (max-width: 767px) {
  .container {
    background-position: center;
    margin-top: -2.9rem;
    margin-top: calc(-2.9rem - env(safe-area-inset-top, 0px));
  }
  .container-header {
    position: relative;
  }
  .container .container-content {
    margin-top: 4.785rem;
  }
  .container-content-inner {
    padding-inline: 1rem;
  }
  .button-new {
    height: 3.125rem;
  }
  .button-new.white:hover .button-text {
    color: var(--white-color);
  }
  .carousel-view {
    margin-top: 4.5rem;
    padding-inline: 1rem;
    padding-bottom: 1.25rem;
  }
  .card-view {
    flex-direction: column;
    align-items: stretch;
  }
  .card {
    flex: none;
    min-height: auto;
    height: auto;
  }
  .card-image {
    flex: none;
    min-height: auto;
    height: auto;
    width: 18.75rem;
  }
  .card-image img {
    height: auto;
    width: 100%;
  }
  .card-content-wrapper {
    flex: none;
    min-height: auto;
    margin-top: 0.4375rem;
  }
  .card-title {
    text-wrap: balance;
  }
  .pagination-list {
    display: flex;
  }
}
@media (min-width: 380px) and (max-width: 1023px) {
  .desktop-only {
    display: none;
  }
  .container-content {
    margin-top: 3.875rem;
  }
  .container {
    background-attachment: scroll;
  }
  .container1 {
    background-image: url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg_mob.webp");
  }
  .container2 {
    background-image: url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg2_mob.webp");
  }
  .container3 {
    background-image: url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg3_mob.webp");
  }
  .container4 {
    background-image: url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg4_mob.webp");
  }
  .container5 {
    background-image: url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg5_mob.webp");
  }
  .section-inner {
    text-align: center;
  }
  .hero-text {
    max-width: 95%;
    margin-inline: auto;
  }
  .carousel-item {
    flex-direction: column;
  }
  .card-title {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 768px) {
  .card-view {
    gap: 2rem;
  }
  .arrow-buttons-wrapper {
    display: flex;
  }
  .button-new {
    width: auto;
    height: 3.125rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .button-wrapper {
    width: 13.75rem;
  }
}
@media (min-width: 1024px) {
  .modal-overlay {
    padding-inline: clamp(1rem, 1rem + (100vw - 1024px) * 0.1923076923, 6rem);
  }
  .mobile-only {
    display: none;
  }
  .container-content {
    margin-top: 6.625rem;
  }
  .container1 {
    background-image: url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg.webp");
  }
  .container2 {
    background-image: url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg2.webp");
  }
  .container3 {
    background-image: url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg3.webp");
  }
  .container4 {
    background-image: url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg4.webp");
  }
  .container5 {
    background-image: url("https://artlist-dev.imgix.net/artlist/trend-report-2025/AL_bg5.webp");
  }
  .container-content {
    display: flex;
    gap: 1.25rem;
    margin-block: auto;
  }
  .hero-title {
    font-size: clamp(0.75rem, 0.75rem + (100vw - 1024px) * 0.0066964286, 1.125rem);
  }
  .hero-main-title {
    font-size: clamp(3rem, 3rem + (100vw - 1024px) * 0.0446428571, 5.5rem);
  }
  .carousel-view-wrapper {
    position: relative;
    overflow: visible;
    width: 50vw;
    isolation: isolate;
    touch-action: pan-y;
    padding: unset;
  }
  .button-wrapper {
    font-size: 1rem;
  }
  .carousel-item {
    padding: clamp(1rem, 1rem + (100vw - 1024px) * 0.0044642857, 1.25rem);
    display: flex;
  }
  .arrow-buttons-wrapper {
    gap: 1rem;
    margin-top: 1.5rem;
  }
  .arrow-button {
    width: 2rem;
    height: 2rem;
  }
  .arrow-button img {
    width: 0.8rem;
    height: auto;
  }
  .card-view {
    gap: clamp(1rem, 1rem + (100vw - 1024px) * 0.0178571429, 2rem);
  }
  .card,
  .card-content-wrapper {
    flex: 0 0 calc((100% - 1rem) / 2);
  }
  .card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    margin-top: 1rem;
  }
  .card-text:first-of-type {
    margin-top: auto;
  }
  .card-title {
    font-size: clamp(1.75rem, 1.75rem + (100vw - 1024px) * 0.0178571429, 2.75rem);
    letter-spacing: -2px;
    max-width: clamp(11rem, 11rem + (100vw - 1024px) * 0.1607142857, 20rem);
  }
  .carousel-list .counter {
    font-size: clamp(0.875rem, 0.875rem + (100vw - 1024px) * 0.0044642857, 1.125rem);
  }
  #card2 .card-title {
    max-width: 100%;
  }
  .card-text {
    font-size: clamp(0.875rem, 0.875rem + (100vw - 1024px) * 0.0044642857, 1.125rem);
    text-wrap: pretty;
    padding-inline-end: 1rem;
  }
  .button-wrapper {
    width: 12.75rem;
  }
  .button-wrapper:hover .button-bg-hover {
    opacity: 1;
  }
  .button-wrapper:hover .button-bg-blur {
    background-color: var(--yellow-color);
    background-image: radial-gradient(#ffff5e 30%, #ffda2a, transparent);
  }
  .container-content {
    width: 83.3333333333vw;
    margin-inline: auto;
  }
  .container-header {
    position: fixed;
  }
  .button-wrapper {
    display: inline-block;
  }
  .button-bg-blur {
    top: 100%;
  }
  .button-bg-hover {
    top: 50%;
  }
  .mobile-only {
    display: none;
  }
  .container-content-inner {
    margin-block: auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .container-content {
    margin-top: 6.625rem;
  }
  .buttons-view {
    display: flex;
    justify-content: center;
  }
  .carousel-view-wrapper {
    padding-inline: 1.25rem;
    padding-bottom: 3rem;
  }
  .carousel-list .counter {
    font-size: 1rem;
    letter-spacing: 0.25rem;
  }
  .carousel-item {
    padding: 1rem;
  }
  .container-content,
  .card-content {
    flex-direction: column;
  }
  .card-content {
    display: flex;
    flex: 1;
    justify-content: space-between;
    margin-top: 1.5rem;
  }
  .section-inner {
    text-align: center;
  }
  .hero-text {
    max-width: 65vw;
    margin-inline: auto;
    font-size: 1.125rem;
    line-height: 1.485rem;
    margin-top: 1.5rem;
  }
  .hero-title {
    font-size: 1rem;
    line-height: 132%;
    letter-spacing: 1.28px;
  }
  .hero-main-title {
    font-size: 4rem;
    width: 50%;
    margin-inline: auto;
    letter-spacing: -0.12rem;
  }
  .buttons-view {
    justify-content: center;
  }
  .buttons-view {
    margin-block: 3rem 3.125rem;
  }
  .card-view {
    height: 28.75rem;
  }
  .card-title {
    font-size: 2rem;
    letter-spacing: -2px;
  }
  .arrow-buttons-wrapper {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1440px) {
  .hero-text {
    width: 98%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .hero-text {
    padding-inline-end: 2rem;
  }
}
@media (min-width: 1600px) and (max-width: 1919px) {
  .card-content {
    margin-top: 1.5rem;
  }
  .card-text {
    text-wrap: wrap;
    width: 97%;
    padding-inline-end: 0;
  }
}
@media (min-width: 1920px) {
  .hero-text {
    width: 33.375rem;
  }
  .card-text .text-line {
    text-wrap: pretty;
  }
  .card-content {
    margin-top: 2rem;
  }
  .carousel-item {
    height: 42.5rem;
  }
  .arrow-button {
    width: 3rem;
    height: 3rem;
  }
  .arrow-button img {
    width: 1.125rem;
    height: auto;
  }
}/*# sourceMappingURL=trend-report-2026-2.css.map */