.explore { box-sizing: border-box; width: 100%; max-width: 1420px; margin: 0 auto; padding: 24px 16px 120px; color: var(--color-text, #fdfdfd); } .ex-hero { padding: 32px 8px 20px; text-align: center; position: relative; } .ex-hero__title { font-size: clamp(32px, 5vw, 56px); margin: 0 0 8px; letter-spacing: -0.02em; background: linear-gradient(135deg, #fff 0%, #ff5e62 60%, #ff9966 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; font-weight: 800; } .ex-hero__sub { color: var(--color-text-muted, #c4c4c4); margin: 0 0 20px; font-size: clamp(14px, 1.2vw, 16px); } .ex-hero__stats { display: inline-flex; flex-wrap: wrap; gap: 10px; justify-content: center; } .ex-stat { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; background: linear-gradient(145deg, #2a2a2a, #1c1c1c); border: 1px solid #3a3a3a; font-size: 14px; color: var(--color-text-muted, #c4c4c4); box-shadow: 0 2px 6px rgba(0, 0, 0, .35); } .ex-stat strong { color: #fff; font-weight: 700; } .ex-stat i { width: 16px; height: 16px; color: #ff5e62; } .explore--hub { max-width: 1240px; min-height: 70vh; padding-top: 46px; } .ex-hub-hero { position: relative; max-width: 820px; margin: 0 auto 38px; text-align: center; } .ex-hub-hero::before { content: ''; position: absolute; z-index: -1; width: 420px; height: 220px; left: 50%; top: -72px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle, rgba(255, 94, 98, .18), rgba(255, 94, 98, 0) 70%); pointer-events: none; } .ex-hub-hero__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 15px; color: #ff898c; font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; } .ex-hub-hero__eyebrow i { width: 17px; height: 17px; } .ex-hub-hero__title { margin: 0; color: #fff; font-size: clamp(38px, 6vw, 68px); font-weight: 850; letter-spacing: -.045em; line-height: 1.02; } .ex-hub-hero__intro { max-width: 620px; margin: 17px auto 0; color: #aaa; font-size: clamp(15px, 1.6vw, 18px); line-height: 1.65; } .ex-hub-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .ex-hub-card { --hub-accent: #ff5e62; --hub-rgb: 255, 94, 98; position: relative; isolation: isolate; display: flex; min-height: 300px; box-sizing: border-box; flex-direction: column; overflow: hidden; padding: 28px; color: #fff !important; text-decoration: none !important; border: 1px solid #303030; border-radius: 20px; background: linear-gradient(145deg, rgba(var(--hub-rgb), .09), transparent 46%), linear-gradient(160deg, #202020, #151515 72%); box-shadow: 0 12px 32px rgba(0, 0, 0, .24); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .ex-hub-card--characters { --hub-accent: #a985ff; --hub-rgb: 169, 133, 255; } .ex-hub-card--categories { --hub-accent: #ffad5e; --hub-rgb: 255, 173, 94; } .ex-hub-card--tags { --hub-accent: #5edbc4; --hub-rgb: 94, 219, 196; } .ex-hub-card:hover { transform: translateY(-4px); border-color: rgba(var(--hub-rgb), .62); box-shadow: 0 20px 44px rgba(0, 0, 0, .36), 0 0 0 1px rgba(var(--hub-rgb), .12); } .ex-hub-card:focus-visible { outline: 3px solid var(--hub-accent); outline-offset: 3px; } .ex-hub-card__glow { position: absolute; z-index: -1; width: 240px; height: 240px; right: -95px; top: -95px; border-radius: 50%; background: radial-gradient(circle, rgba(var(--hub-rgb), .28), rgba(var(--hub-rgb), 0) 70%); transition: transform 220ms ease; } .ex-hub-card:hover .ex-hub-card__glow { transform: scale(1.18); } .ex-hub-card__icon { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; margin-bottom: 23px; color: var(--hub-accent); border: 1px solid rgba(var(--hub-rgb), .34); border-radius: 15px; background: rgba(var(--hub-rgb), .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07); } .ex-hub-card__icon i { width: 25px; height: 25px; } .ex-hub-card__kicker { margin-bottom: 6px; color: var(--hub-accent); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .ex-hub-card__title { color: #fff; font-size: clamp(23px, 2.8vw, 31px); letter-spacing: -.025em; line-height: 1.15; } .ex-hub-card__description { max-width: 470px; margin-top: 10px; color: #aaa; font-size: 14px; line-height: 1.58; } .ex-hub-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: auto; padding-top: 23px; } .ex-hub-card__count { color: #929292; font-size: 13px; } .ex-hub-card__count strong { color: #ddd; font-size: 15px; } .ex-hub-card__action { display: inline-flex; align-items: center; gap: 8px; color: var(--hub-accent); font-size: 13px; font-weight: 750; } .ex-hub-card__action i { width: 16px; height: 16px; transition: transform 180ms ease; } .ex-hub-card:hover .ex-hub-card__action i { transform: translateX(4px); } .ex-hub-find { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; align-items: center; margin-top: 18px; padding: 22px 24px; border: 1px solid #303030; border-radius: 18px; background: linear-gradient(100deg, #1d1d1d, #181818); } .ex-hub-find__icon { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; color: #ff777b; border-radius: 13px; background: rgba(255, 94, 98, .11); } .ex-hub-find__icon i { width: 21px; height: 21px; } .ex-hub-find__copy h2 { margin: 0 0 3px; color: #f5f5f5; font-size: 17px; } .ex-hub-find__copy p { margin: 0; color: #919191; font-size: 13px; line-height: 1.5; } .ex-hub-find__button { display: inline-flex; min-height: 42px; align-items: center; gap: 9px; box-sizing: border-box; padding: 10px 17px; color: #fff !important; text-decoration: none !important; font-size: 13px; font-weight: 750; white-space: nowrap; border-radius: 11px; background: linear-gradient(135deg, #ff5e62, #e84a4f); box-shadow: 0 7px 20px rgba(255, 94, 98, .2); transition: transform 160ms ease, box-shadow 160ms ease; } .ex-hub-find__button:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(255, 94, 98, .3); } .ex-hub-find__button i { width: 16px; height: 16px; } @media (max-width: 680px) { .explore--hub { padding-top: 26px; } .ex-hub-hero { margin-bottom: 27px; } .ex-hub-grid { grid-template-columns: 1fr; gap: 13px; } .ex-hub-card { min-height: 260px; padding: 23px; border-radius: 17px; } .ex-hub-card__icon { width: 46px; height: 46px; margin-bottom: 18px; } .ex-hub-find { grid-template-columns: auto minmax(0, 1fr); padding: 18px; } .ex-hub-find__button { grid-column: 1 / -1; justify-content: center; } } @media (prefers-reduced-motion: reduce) { .ex-hub-card, .ex-hub-card__glow, .ex-hub-card__action i, .ex-hub-find__button { transition: none; } } .ex-subnav { position: static; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; padding: 10px 8px; margin: 12px 0 20px; background: #131313; border-top: 1px solid #2a2a2a; border-bottom: 1px solid #2a2a2a; } .ex-subnav__tabs { display: flex; gap: 4px; flex-wrap: wrap; } .ex-tab { display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; border-radius: 10px; color: var(--color-text-muted, #c4c4c4) !important; text-decoration: none !important; font-weight: 600; font-size: 14px; transition: background 150ms ease, color 150ms ease, transform 150ms ease; border: 1px solid transparent; } .ex-tab i { width: 16px; height: 16px; } .ex-tab:hover { color: #fff !important; background: #1f1f1f; } .ex-tab.is-active { color: #fff !important; background: linear-gradient(135deg, #ff5e62, #e04448); border-color: #ff5e62; box-shadow: 0 4px 14px rgba(255, 94, 98, .35); } .ex-tab:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } .ex-subnav__tools { display: flex; gap: 8px; flex: 1 1 280px; min-width: 0; justify-content: flex-end; } .ex-search { flex: 1 1 260px; max-width: 420px; display: flex; align-items: center; gap: 8px; padding: 0 12px; background: #1c1c1c; border: 1px solid #333; border-radius: 10px; transition: border-color 150ms ease, box-shadow 150ms ease; } .ex-search:focus-within { border-color: #ff5e62; box-shadow: 0 0 0 3px rgba(255, 94, 98, .18); } .ex-search i { width: 18px; height: 18px; color: #888; } .ex-search input { flex: 1; background: transparent; border: 0; color: #fff; padding: 11px 0; font-size: 14px; outline: none; min-width: 0; } .ex-sort-menu { position: relative; z-index: 5; flex: 0 0 auto; } .ex-sort-menu__toggle { min-height: 42px; display: inline-flex; align-items: center; gap: 9px; padding: 9px 12px; border: 1px solid #3a3a3a; border-radius: 10px; background: linear-gradient(145deg, #252525, #191919); color: #ddd; font: inherit; font-size: 13px; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, .25); transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease; } .ex-sort-menu__toggle:hover, .ex-sort-menu.is-open .ex-sort-menu__toggle { border-color: #ff5e62; background: #262020; box-shadow: 0 0 0 3px rgba(255, 94, 98, .12); } .ex-sort-menu__toggle:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } .ex-sort-menu__toggle > i { width: 16px; height: 16px; color: #ff7b7f; } .ex-sort-menu__toggle strong { color: #fff; font-weight: 700; } .ex-sort-menu__chevron { margin-left: 2px; transition: transform 150ms ease; } .ex-sort-menu.is-open .ex-sort-menu__chevron { transform: rotate(180deg); } .ex-sort-menu__options { position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; width: 210px; padding: 6px; border: 1px solid #3b3b3b; border-radius: 12px; background: #181818; box-shadow: 0 18px 44px rgba(0, 0, 0, .65); } .ex-sort-menu__options[hidden] { display: none; } .ex-sort-menu__options button { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px 11px; border: 0; border-radius: 8px; background: transparent; color: #ddd; font: inherit; font-size: 14px; text-align: left; cursor: pointer; } .ex-sort-menu__options button i { width: 17px; height: 17px; color: #999; } .ex-sort-menu__options button:hover, .ex-sort-menu__options button[aria-selected="true"] { background: rgba(255, 94, 98, .14); color: #fff; } .ex-sort-menu__options button[aria-selected="true"] i { color: #ff7478; } .ex-section { margin: 20px 0 12px; min-height: 240px; } .ex-section[hidden] { display: none !important; } .ex-section:focus { outline: none; } .ex-section-head { display: flex; align-items: center; justify-content: space-between; margin: 0 8px 14px; } .ex-section-title { display: inline-flex; align-items: center; gap: 10px; font-size: clamp(20px, 2.2vw, 28px); margin: 0; font-weight: 700; color: #fff; } .ex-section-title i { width: 22px; height: 22px; color: #ff5e62; } .ex-count-badge { display: inline-flex; align-items: center; min-width: 32px; padding: 4px 10px; border-radius: 999px; background: rgba(255, 94, 98, .15); color: #ff8b8e; font-size: 13px; font-weight: 700; margin-left: 6px; } .ex-featured-wrap { margin: 8px 0 36px; } .ex-section-head--trending > div { min-width: 0; } .ex-trending-note { margin: 5px 0 0 32px; color: var(--color-text-muted, #c4c4c4); font-size: 12px; } .ex-featured { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 1fr); gap: 12px; overflow-x: auto; padding: 4px 8px 16px; scroll-snap-type: x mandatory; scrollbar-width: thin; cursor: grab; overscroll-behavior-inline: contain; } .ex-featured.is-drag-scrolling { cursor: grabbing; scroll-snap-type: none; user-select: none; } .ex-featured.is-drag-scrolling .ex-featured__card { pointer-events: none; } .ex-featured::-webkit-scrollbar { height: 8px; } .ex-featured::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; } .ex-featured__card { scroll-snap-align: start; background: linear-gradient(145deg, #303030 0%, #252525 100%); border: 1px solid #3a3a3a; border-radius: 14px; overflow: hidden; user-select: none; text-decoration: none !important; color: #fff !important; display: flex; flex-direction: column; transition: transform 280ms cubic-bezier(.5, 0, .1, 1), border-color 200ms, box-shadow 200ms; position: relative; box-shadow: 0 2px 6px rgba(0, 0, 0, .4); } .ex-featured__card:hover { transform: translateY(-4px); border-color: #ff5e62; box-shadow: 0 12px 28px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 94, 98, .3); } .ex-featured__img { aspect-ratio: 16/9; overflow: hidden; position: relative; background: #111; } .ex-featured__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 500ms ease; } .ex-featured__card:hover .ex-featured__img img { transform: scale(1.06); } .ex-featured__badge { position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(0, 0, 0, .7); color: #fff; } .ex-featured__badge i { width: 18px; height: 18px; } .ex-featured__meta { padding: 10px 12px 14px; display: flex; flex-direction: column; gap: 4px; } .ex-featured__avatar { position: relative; width: 48px; height: 48px; margin: -34px 0 3px 1px; border: 3px solid #292929; border-radius: 50%; background: #151515; object-fit: cover; box-shadow: 0 4px 12px rgba(0, 0, 0, .55); } .ex-featured__name { font-weight: 700; color: #fff; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ex-featured__sub { font-size: 12px; color: var(--color-text-muted, #c4c4c4); } .ex-alpha { display: flex; flex-wrap: wrap; gap: 4px; padding: 8px; margin: 0 8px 16px; background: #141414; border: 1px solid #262626; border-radius: 12px; position: static; } .ex-alpha__letter { min-width: 28px; padding: 6px 10px; text-align: center; border-radius: 6px; border: 0; background: transparent; font-weight: 700; font-size: 13px; font-family: inherit; color: #ddd !important; text-decoration: none !important; cursor: pointer; transition: background 120ms ease, color 120ms ease; } .ex-alpha__letter:hover { background: #ff5e62; color: #fff !important; } .ex-alpha__letter.is-active { background: #ff5e62; color: #fff !important; box-shadow: 0 3px 10px rgba(255, 94, 98, .3); } .ex-alpha__letter:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } .ex-alpha__letter.is-empty { color: #555 !important; pointer-events: none; opacity: .5; } .ex-studio-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; padding: 0 8px; } @media (max-width: 768px) { .ex-studio-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; } } .ex-studio { display: flex; flex-direction: column; background: linear-gradient(145deg, #303030 0%, #252525 100%); border: 1px solid #3a3a3a; border-radius: 14px; overflow: hidden; text-decoration: none !important; color: #fff !important; transition: transform 280ms cubic-bezier(.5, 0, .1, 1), border-color 200ms, box-shadow 200ms; position: relative; box-shadow: 0 2px 6px rgba(0, 0, 0, .4); scroll-margin-top: 160px; } .ex-studio:hover { transform: translateY(-6px) scale(1.015); border-color: #ff5e62; box-shadow: 0 18px 38px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 94, 98, .35); } .ex-studio__mosaic { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 2px; aspect-ratio: 16/9; background: #111; position: relative; overflow: hidden; } .ex-studio__mosaic--1 { grid-template-columns: 1fr; grid-template-rows: 1fr; gap: 0; } .ex-studio__mosaic--2 { grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; } .ex-studio__mosaic--3 .ex-studio__tile:first-child { grid-row: 1 / span 2; } .ex-studio__tile { overflow: hidden; background: #0d0d0d; } .ex-studio__tile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 500ms ease, opacity 200ms ease; } .ex-studio:hover .ex-studio__tile img { transform: scale(1.05); } .ex-studio__meta { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 4px; } .ex-studio__avatar { position: relative; width: 62px; height: 62px; margin: -45px 0 5px 1px; border: 4px solid #292929; border-radius: 50%; background: #151515; object-fit: cover; box-shadow: 0 5px 16px rgba(0, 0, 0, .6); } .ex-studio__name { font-size: 16px; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ex-studio__sub { display: inline-flex; align-items: center; gap: 6px; color: var(--color-text-muted, #c4c4c4); font-size: 13px; } .ex-studio__sub i { width: 14px; height: 14px; color: #ff5e62; } .ex-studio__sub .ex-dot { opacity: .5; padding: 0 2px; } .ex-cat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; padding: 0 8px; } .ex-cat { background: linear-gradient(145deg, #2a2a2a 0%, #202020 100%); border: 1px solid #333; border-radius: 12px; overflow: hidden; text-decoration: none !important; color: #fff !important; display: flex; flex-direction: column; transition: transform 240ms ease, border-color 200ms, box-shadow 200ms; box-shadow: 0 2px 6px rgba(0, 0, 0, .35); } .ex-cat:hover { transform: translateY(-4px); border-color: #ff5e62; box-shadow: 0 12px 26px rgba(0, 0, 0, .55); } .ex-cat__img { aspect-ratio: 16/9; overflow: hidden; background: #111; position: relative; } .ex-cat__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 500ms ease; } .ex-cat:hover .ex-cat__img img { transform: scale(1.06); } .ex-cat__meta { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 2px; } .ex-cat__name { font-weight: 700; font-size: 15px; } .ex-cat__count { font-size: 12px; color: var(--color-text-muted, #c4c4c4); } .ex-tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 8px; } .ex-tag-pill { display: inline-flex; align-items: stretch; overflow: hidden; border-radius: 999px; background: linear-gradient(145deg, #2a2a2a, #1e1e1e); border: 1px solid #333; text-decoration: none !important; color: #fff !important; font-size: 14px; font-weight: 500; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); } .ex-tag-pill:hover { transform: translateY(-2px); border-color: #ff5e62; box-shadow: 0 6px 14px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 94, 98, .35); } .ex-tag-pill__name { padding: 8px 14px; } .ex-tag-pill__count { padding: 8px 12px; background: rgba(255, 94, 98, .18); color: #ff8b8e; font-weight: 700; font-size: 12px; display: inline-flex; align-items: center; } .ex-loadmore-wrap { padding: 18px 8px 0; text-align: center; } .ex-loadmore { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border-radius: 10px; background: linear-gradient(135deg, #ff5e62, #e04448); color: #fff; border: 0; font-weight: 700; font-size: 14px; cursor: pointer; transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease; box-shadow: 0 6px 18px rgba(255, 94, 98, .35); } .ex-loadmore i { width: 16px; height: 16px; } .ex-loadmore:hover { transform: translateY(-2px); filter: brightness(1.05); } .ex-loadmore:disabled { opacity: .55; cursor: not-allowed; } .ex-empty { display: none; text-align: center; color: var(--color-text-dim, #999); padding: 28px 12px; margin: 12px 8px 0; border: 1px dashed #333; border-radius: 12px; } .ex-section.is-empty .ex-empty { display: block; } .is-hidden { display: none !important; } .ex-page-status { margin: 0 0 0 auto; color: var(--color-text-muted, #c4c4c4); font-size: 13px; } .ex-pagination { display: flex; justify-content: center; padding: 30px 8px 6px; } .ex-pagination ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 7px; margin: 0; padding: 0; list-style: none; } .ex-pagination a, .ex-pagination .is-current, .ex-pagination__ellipsis { display: inline-flex; min-width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid #3c3c3c; border-radius: 10px; background: #252525; color: #e8e8e8; font-weight: 700; text-decoration: none; } .ex-pagination a:hover { border-color: #ff5e62; background: rgba(255, 94, 98, .13); color: #fff; } .ex-pagination .is-current { border-color: #ff5e62; background: linear-gradient(135deg, #ff5e62, #d9484c); color: #fff; box-shadow: 0 5px 16px rgba(255, 94, 98, .28); } .ex-pagination__ellipsis { min-width: 24px; border-color: transparent; background: transparent; color: #777; } .ex-pagination__arrow svg, .ex-pagination__arrow i { width: 18px; height: 18px; } @media (max-width: 640px) { .explore { padding: 16px 10px 90px; } .ex-subnav { position: static; } .ex-subnav__tabs { width: 100%; flex-wrap: nowrap; } .ex-tab { flex: 1 1 0; justify-content: center; padding: 10px 8px; min-width: 0; } .ex-subnav__tools { flex-basis: 100%; } .ex-alpha { position: static; gap: 2px; padding: 6px; margin: 0 4px 14px; } .ex-alpha__letter { min-width: 24px; padding: 6px 7px; font-size: 12px; } .ex-section-head { margin: 0 4px 12px; } .ex-studio__name { font-size: 15px; } .ex-hero { padding: 20px 4px 10px; } .ex-sort-menu { flex: 0 0 auto; } .ex-sort-menu__toggle > span { display: none; } .ex-sort-menu__toggle { width: 42px; justify-content: center; padding: 9px; } .ex-sort-menu__chevron { display: none; } .ex-featured { gap: 10px; padding-inline: 6px; } .ex-studio-grid, .ex-tag-cloud { padding: 0 4px; } .ex-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0 4px; } .ex-page-status { width: 100%; margin: 4px 0 0; } .ex-pagination { padding-top: 24px; } .ex-pagination a, .ex-pagination .is-current { min-width: 36px; height: 36px; } } @media (prefers-reduced-motion: reduce) { .ex-studio, .ex-featured__card, .ex-cat, .ex-tag-pill, .ex-loadmore, .ex-studio__tile img, .ex-featured__img img, .ex-cat__img img { transition: none !important; } .ex-studio:hover, .ex-featured__card:hover, .ex-cat:hover, .ex-tag-pill:hover { transform: none; } } .ex-studio__desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 5px; color: #9a9a9a; font-size: 12.5px; line-height: 1.4; text-align: left; }