/* About Us */

html,
body.page-template-page-about-us {
	background-color: #ffffff;
}

.sanang-about-page {
	background: #ffffff;
	overflow-x: clip;
}

/* Shared: flush sections */
.sanang-about-page .sanang-about-join-seller,
.sanang-about-page .sanang-about-selling-story,
.sanang-about-page .sanang-about-start-selling {
	padding: 0;
}

/* Shared: absolute cover media */
.sanang-about-page .sanang-about-story__bg,
.sanang-about-page .sanang-about-promise__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

/* Shared: section eyebrow */
.sanang-about-page .sanang-about-dashboard__eyebrow,
.sanang-about-page .sanang-about-promise__eyebrow,
.sanang-about-page .sanang-about-start-selling__eyebrow {
	margin: 0 0 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 1;
	color: #2d2d2d;
}

/* The start-selling intro is a flex column with its own 16px gap, so the
   eyebrow doesn't need a bottom margin (matches the dashboard 16px rhythm). */
.sanang-about-page .sanang-about-start-selling__eyebrow {
	margin: 0;
	letter-spacing: 0;
	will-change: transform, opacity;
}

/* Shared: large body copy with grey emphasis */
.sanang-about-page .sanang-about-dashboard__desc,
.sanang-about-page .sanang-about-promise__desc {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 34px;
	color: #2d2d2d;
}

.sanang-about-page .sanang-about-dashboard__desc p,
.sanang-about-page .sanang-about-promise__desc p {
	margin: 0;
}

.sanang-about-page .sanang-about-dashboard__desc strong,
.sanang-about-page .sanang-about-dashboard__desc b,
.sanang-about-page .sanang-about-promise__desc strong,
.sanang-about-page .sanang-about-promise__desc b {
	color: #969696;
	font-weight: 700;
}

/* Shared: constrained inner containers */
.sanang-about-page .sanang-about-join-seller__inner,
.sanang-about-page .sanang-about-story__inner,
.sanang-about-page .sanang-about-dashboard__inner,
.sanang-about-page .sanang-about-promise__inner {
	max-width: 1350px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
}

/* Hero section — animated "Hello Brunei" stage */

.sanang-about-page .sanang-about-hero {
	--sanang-dark: #2d2d2d;
	--sanang-blue: #123282;
	--sanang-muted: #c0c0c0;
	--sanang-orange: #ffb52b;
	box-sizing: border-box;
}

.sanang-about-page .sanang-about-hero *,
.sanang-about-page .sanang-about-hero *::before,
.sanang-about-page .sanang-about-hero *::after {
	box-sizing: border-box;
}

/* Anti-FOUC: hide stage until JS reveals it */
.sanang-about-page.is-about-pending .sanang-about-hero .sanang-hero__stage,
.sanang-about-page.is-about-pending .sanang-about-hero .sanang-hero__bottom {
	visibility: hidden;
}

.sanang-about-page .sanang-about-hero.sanang-about-section {
	position: relative;
	width: 100%;
	height: 80vh;
	max-width: 1289px;
	margin: 0 auto;
	overflow: hidden;
}

.sanang-about-page .sanang-about-hero .sanang-hero__stage {
	position: absolute;
	left: 0;
	top: 50%;
	width: 1289px;
	height: 600px;
	transform: translateY(-50%);
	overflow: hidden;
}

.sanang-about-page .sanang-about-hero .sanang-hero__hello,
.sanang-about-page .sanang-about-hero .sanang-hero__icons,
.sanang-about-page .sanang-about-hero .sanang-hero__word {
	position: absolute;
	inset: 0;
}

.sanang-about-page .sanang-about-hero .sanang-hero__letter {
	position: absolute;
	display: block;
	margin: 0;
	color: var(--sanang-dark);
	font-family: 'Nunito', sans-serif;
	font-size: 150px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
}

.sanang-about-page .sanang-about-hero .sanang-hero__letter-frame {
	position: absolute;
	display: block;
	overflow: hidden;
}

.sanang-about-page .sanang-about-hero .sanang-hero__image-frame {
	position: absolute;
	display: block;
	overflow: hidden;
}

.sanang-about-page .sanang-about-hero .sanang-hero__image-frame img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: fill;
}

/* Hello — H */
.sanang-about-page .sanang-about-hero .sanang-hero__letter-frame--hello-h {
	left: 295px;
	top: 137px;
	width: 99px;
	height: 124px;
}

.sanang-about-page .sanang-about-hero .sanang-hero__letter--hello-h {
	left: -8px;
	top: -28px;
	width: 116px;
	height: 200px;
}

/* Hello — e */
.sanang-about-page .sanang-about-hero .sanang-hero__letter-frame--hello-e {
	left: 405px;
	top: 160px;
	width: 78px;
	height: 96px;
}

.sanang-about-page .sanang-about-hero .sanang-hero__image-frame--hello-e-sun {
	left: 3px;
	top: 100px;
	width: 72px;
	height: 69px;
}

.sanang-about-page .sanang-about-hero .sanang-hero__letter--hello-e {
	left: -2.5px;
	top: -51px;
	width: 83px;
	height: 200px;
	opacity: 0;
}

/* Hello — l (first) */
.sanang-about-page .sanang-about-hero .sanang-hero__letter-frame--hello-l {
	left: 471px;
	top: 137px;
	width: 78px;
	height: 124px;
}

.sanang-about-page .sanang-about-hero .sanang-hero__letter--hello-l {
	left: -108px;
	top: -28px;
	width: 52px;
	height: 200px;
	opacity: 0;
	rotate: -39deg;
}

/* Hello — l (second) */
.sanang-about-page .sanang-about-hero .sanang-hero__letter-frame--hello-l-alt {
	left: 520px;
	top: 137px;
	width: 78px;
	height: 124px;
}

.sanang-about-page .sanang-about-hero .sanang-hero__letter--hello-l-alt {
	left: -91px;
	top: -28px;
	width: 52px;
	height: 200px;
	opacity: 0;
	rotate: -18deg;
}

/* Sunburst */
.sanang-about-page .sanang-about-hero .sanang-hero__image-frame--sun {
	left: 822px;
	top: 58px;
	width: 267px;
	height: 285px;
	overflow: visible;
}

.sanang-about-page .sanang-about-hero .sanang-hero__image-frame--sun img {
	position: absolute;
	left: 34.03px;
	top: 46.75px;
	width: 199px;
	height: 192px;
}

/* Hello — o (flower) */
.sanang-about-page .sanang-about-hero .sanang-hero__image-frame--hello-o {
	left: 588.91px;
	top: 173px;
	width: 68.17px;
	height: 79px;
}

/* Hello — o (text) */
.sanang-about-page .sanang-about-hero .sanang-hero__letter-frame--hello-o-text {
	left: 584px;
	top: 173px;
	width: 78px;
	height: 79px;
	overflow: hidden;
}

.sanang-about-page .sanang-about-hero .sanang-hero__letter--hello-o-text {
	left: -4px;
	top: -1px;
	width: 86px;
	height: 81px;
	line-height: 0.38;
	opacity: 0;
	transform-style: preserve-3d;
	backface-visibility: visible;
	will-change: transform;
}

/* Spark */
.sanang-about-page .sanang-about-hero .sanang-hero__image-frame--spark {
	left: 651.91px;
	top: 137px;
	width: 50.19px;
	height: 49px;
}

/* Shop icons */
.sanang-about-page .sanang-about-hero .sanang-hero__image-frame--shop {
	left: 208px;
	top: 299px;
	width: 142px;
	height: 141px;
}

.sanang-about-page .sanang-about-hero .sanang-hero__image-frame--shop-bag {
	left: 359px;
	top: 355px;
	width: 84.5px;
	height: 84px;
}

/* Brunei letters */
.sanang-about-page .sanang-about-hero .sanang-hero__letter--b {
	left: 546.4px;
	top: 299px;
	width: 103px;
	height: 180px;
}

.sanang-about-page .sanang-about-hero .sanang-hero__letter-frame--r {
	left: 625px;
	top: 327px;
	width: 108px;
	height: 124px;
}

.sanang-about-page .sanang-about-hero .sanang-hero__letter--r {
	left: 6px;
	top: -30px;
	width: 96px;
	height: 200px;
	line-height: 1.2;
	text-align: center;
}

.sanang-about-page .sanang-about-hero .sanang-hero__letter--u {
	left: 707px;
	top: 299px;
	width: 87px;
	height: 180px;
}

.sanang-about-page .sanang-about-hero .sanang-hero__letter--n {
	left: 793px;
	top: 299px;
	width: 88px;
	height: 180px;
}

.sanang-about-page .sanang-about-hero .sanang-hero__letter--e {
	left: 881px;
	top: 363px;
	width: 77px;
	height: 77px;
	line-height: 52px;
}

.sanang-about-page .sanang-about-hero .sanang-hero__letter--i {
	left: 963.88px;
	top: 299px;
	width: 38px;
	height: 180px;
}

/* Bottom: copy + button */
.sanang-about-page .sanang-about-hero .sanang-hero__bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: auto;
	min-height: 96px;
	overflow: visible;
}

.sanang-about-page .sanang-about-hero .sanang-hero__copy {
	width: 740px;
	margin: 0;
	color: var(--sanang-dark);
	font-family: 'Roboto', sans-serif;
	font-size: 34px;
	font-weight: 700;
	line-height: 48px;
	letter-spacing: 0;
}

.sanang-about-page .sanang-about-hero .sanang-hero__copy-word {
	display: inline-block;
	will-change: transform, filter, opacity;
}

.sanang-about-page .sanang-about-hero .sanang-hero__copy-muted {
	color: rgb(150, 150, 150);
}

.sanang-about-page .sanang-about-hero .sanang-hero__copy-light {
	color: var(--sanang-muted);
}

.sanang-about-page .sanang-about-hero .sanang-hero__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 274px;
	height: 61px;
	padding: 16px 64px;
	color: var(--sanang-blue);
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	background: #ffffff;
	border: 1px solid var(--sanang-blue);
	border-radius: 75px;
	transition:
		gap 0.4s cubic-bezier(0.34, 1.2, 0.64, 1),
		padding 0.4s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.sanang-about-page .sanang-about-hero .sanang-hero__button:hover,
.sanang-about-page .sanang-about-hero .sanang-hero__button:focus-visible {
	gap: 64px;
	padding: 16px 36px;
}

/* Reduced-motion: show final state without animation */
.reduced-motion .sanang-about-page .sanang-about-hero .sanang-hero__letter,
.reduced-motion .sanang-about-page .sanang-about-hero .sanang-hero__letter-frame,
.reduced-motion .sanang-about-page .sanang-about-hero .sanang-hero__image-frame,
.reduced-motion .sanang-about-page .sanang-about-hero .sanang-hero__bottom,
.reduced-motion .sanang-about-page .sanang-about-hero .sanang-hero__copy span,
.reduced-motion .sanang-about-page .sanang-about-hero .sanang-hero__button {
	opacity: 1;
	visibility: visible;
	filter: none;
	transform: none;
}

#sanang-about-page.reduced-motion .sanang-about-hero .sanang-hero__letter,
#sanang-about-page.reduced-motion .sanang-about-hero .sanang-hero__letter-frame,
#sanang-about-page.reduced-motion .sanang-about-hero .sanang-hero__image-frame,
#sanang-about-page.reduced-motion .sanang-about-hero .sanang-hero__bottom,
#sanang-about-page.reduced-motion .sanang-about-hero .sanang-hero__copy span,
#sanang-about-page.reduced-motion .sanang-about-hero .sanang-hero__button {
	opacity: 1;
	visibility: visible;
	filter: none;
	transform: none;
}

/* Join / Seller Story — video scales on scroll; overlay text/button stay static */
.sanang-about-page .sanang-about-join-seller {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	margin-bottom: 0;
	padding: 0;
	overflow: hidden;
}

.sanang-about-page .sanang-about-join-seller__media {
	position: relative;
	width: 100vw;
	height: 534px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.sanang-about-page .sanang-about-join-seller__video-scaler {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	border-radius: 20px;
	transform-origin: 50% 100%;
	will-change: transform, border-radius;
}

.sanang-about-page .sanang-about-join-seller__video,
.sanang-about-page .sanang-about-join-seller__fallback {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	pointer-events: none;
	margin: 0;
	padding: 0;
	border: 0;
	transform: none;
}

.sanang-about-page .sanang-about-join-seller__fallback {
	background: #ffffff;
}

.sanang-about-page .sanang-about-join-seller__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	height: 100%;
	pointer-events: none;
}

.sanang-about-page .sanang-about-join-seller__inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
	padding: 32px 30px;
	pointer-events: auto;
}

.sanang-about-page .sanang-about-join-seller__btn {
	display: inline-flex;
	align-items: center;
	min-height: 47px;
	padding: 9px 18px;
	border-radius: 30px;
	background: #ffffff33;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 19px;
	line-height: 29px;
	color: #ffffff;
	text-decoration: none;
}

.sanang-about-page .sanang-about-join-seller__title {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 80px;
	line-height: 1;
	letter-spacing: -0.01em;
	color: #ffffff;
}

/* Seller / Buyer Story — stacked crossfade (desktop, debug-safe: no sticky for now) */
.sanang-about-page .sanang-about-selling-story {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	height: 500px;
	min-height: 500px;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0;
	overflow: hidden;
	background: transparent;
}

.sanang-about-page .sanang-about-selling-story__track {
	position: relative;
	width: 100%;
	height: 500px;
	min-height: 500px;
	overflow: hidden;
	background: transparent;
}

.sanang-about-page .sanang-about-selling-story__sticky {
	position: relative;
	top: auto;
	width: 100%;
	height: 500px;
	overflow: hidden;
	background: #000;
}

.sanang-about-page .sanang-about-selling-story__panel {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
}

.sanang-about-page .sanang-about-selling-story__panel--seller {
	z-index: 1;
	opacity: 1;
	visibility: visible;
}

.sanang-about-page .sanang-about-selling-story__panel--buyer {
	z-index: 2;
	opacity: 0;
	visibility: visible;
	pointer-events: none;
}

.sanang-about-page .sanang-about-selling-story .sanang-about-story__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/* Mobile background hidden by default; desktop wins on larger screens. */
.sanang-about-page .sanang-about-selling-story .sanang-about-story__bg--mobile {
	display: none;
}

@media (max-width: 992px) {
	.sanang-about-page .sanang-about-selling-story .sanang-about-story__bg--mobile {
		display: block;
	}

	/* When a dedicated mobile image exists, never show the desktop one on mobile. */
	.sanang-about-page .sanang-about-selling-story .sanang-about-story__panel:has(.sanang-about-story__bg--mobile) .sanang-about-story__bg--desktop {
		display: none;
	}
}

.sanang-about-page .sanang-about-story__panel {
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.sanang-about-page .sanang-about-story__bg--fallback {
	background: linear-gradient(135deg, #8f9bb0 0%, #5f6d82 100%);
}

.sanang-about-page .sanang-about-story__bg--fallback-buyer {
	background: linear-gradient(135deg, #c8b6a8 0%, #6f5f55 100%);
}

.sanang-about-page .sanang-about-story__overlay {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: stretch;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0.45) 100%);
}

.sanang-about-page .sanang-about-story__panel--seller .sanang-about-story__overlay {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.2) 100%);
}

.sanang-about-page .sanang-about-story__panel--buyer .sanang-about-story__overlay {
	background: linear-gradient(270deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0.1) 100%);
}

.sanang-about-page .sanang-about-story__inner {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-top: 32px;
	padding-bottom: 32px;
}

.sanang-about-page .sanang-about-story__content {
	display: flex;
	flex-direction: column;
	max-width: 546px;
}

.sanang-about-page .sanang-about-story__content--left {
	margin-right: auto;
}

.sanang-about-page .sanang-about-story__content--right {
	margin-left: auto;
}

.sanang-about-page .sanang-about-story__content--left,
.sanang-about-page .sanang-about-story__content--right {
	gap: 16px;
}

.sanang-about-page .sanang-about-story__toggle {
	display: flex;
	gap: 20px;
}

.sanang-about-page .sanang-about-story__tab {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 40px;
	padding: 12px 15px;
	border-radius: 6px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
}

.sanang-about-page .sanang-about-story__tab--active {
	background: #123282;
	border: 1px solid #123282;
	color: #ffffff;
}

.sanang-about-page .sanang-about-story__tab--inactive {
	background: #ffffff;
	border: 1px solid #ffffff;
	color: #c0c0c0;
}

.sanang-about-page .sanang-about-story__tab-icon {
	display: block;
	width: auto;
	height: 14px;
}

.sanang-about-page .sanang-about-story__line {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 34px;
	line-height: 1.2;
	color: #c0c0c0;
}

.sanang-about-page .sanang-about-story__line p {
	margin: 0;
	font: inherit;
	color: inherit;
}

.sanang-about-page .sanang-about-story__line strong,
.sanang-about-page .sanang-about-story__line b {
	font-weight: 700;
	color: #ffffff;
}

.sanang-about-page .sanang-about-story__buyer-copy {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 546px;
}

.sanang-about-page .sanang-about-story__buyer-mid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.sanang-about-page .sanang-about-story__content--right .sanang-about-story__buyer-mid {
	gap: 16px;
}

.sanang-about-page .sanang-about-story__line--after-spg {
	margin: 0;
}

.sanang-about-page .sanang-about-story__spg-tag {
	display: block;
	width: 100%;
	max-width: 204px;
	height: auto;
}

/* Anyone Can Start Selling */
.sanang-about-page .sanang-about-start-selling__inner {
	max-width: 1350px;
	margin: 0 auto;
	padding: 128px 30px;
}

.sanang-about-page .sanang-about-start-selling__intro {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 32px;
}

.sanang-about-page .sanang-about-start-selling__intro--no-cards {
	margin-bottom: 0;
}

.sanang-about-page .sanang-about-start-selling__heading {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 81px;
	line-height: 1;
	letter-spacing: -0.01em;
	color: #2d2d2d;
	will-change: transform, opacity;
}

.sanang-about-page.is-about-pending .sanang-about-start-selling__eyebrow,
.sanang-about-page.is-about-pending .sanang-about-start-selling__heading {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50px);
}

.sanang-about-page .sanang-about-start-selling__description {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 34px;
	line-height: 1;
	letter-spacing: 0;
	color: #2d2d2d;
	will-change: transform, opacity;
}

.sanang-about-page.is-about-pending .sanang-about-start-selling__description {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50px);
}

.sanang-about-page .sanang-about-start-selling__description p {
	margin: 0;
	font: inherit;
	color: inherit;
}

.sanang-about-page .sanang-about-start-selling__description strong,
.sanang-about-page .sanang-about-start-selling__description b {
	font-weight: 700;
	color: #969696;
}

.sanang-about-page .sanang-about-start-selling__cards {
	display: flex;
	gap: 32px;
	align-items: stretch;
}

.sanang-about-page .sanang-about-start-selling__card {
	margin: 0;
	flex: 1 1 0;
	min-width: 0;
	overflow: hidden;
	border-radius: 20px;
	will-change: transform, opacity;
}

.sanang-about-page.is-about-pending .sanang-about-start-selling__card {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-100px);
}

.sanang-about-page .sanang-about-start-selling__card--1 {
	flex: 409 1 0;
	max-width: 31.705%;
}

.sanang-about-page .sanang-about-start-selling__card--2 {
	flex: 500 1 0;
	max-width: 38.76%;
}

.sanang-about-page .sanang-about-start-selling__card--3 {
	flex: 317 1 0;
	max-width: 24.535%;
}

.sanang-about-page .sanang-about-start-selling__img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 409px;
	object-fit: cover;
	border-radius: 20px;
}

/* Benefits / Product Upload — scroll-driven product scroll */
.sanang-about-page .sanang-product-scroll {
	position: relative;
	width: 100%;
	height: 200vh;
	max-width: 1600px;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 30px;
	overflow: visible;
}

.sanang-about-page .sanang-product-scroll__sticky {
	position: sticky;
	top: 100px;
	width: 100%;
	height: 100vh;
	min-height: 560px;
	overflow: visible;
}

.sanang-about-page .sanang-product-scroll__copy {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 32px;
	width: min(1000px, calc(100% - 48px));
	transform: translate(-50%, calc(-50% - 40px));
	pointer-events: none;
}

.sanang-about-page .sanang-product-scroll__row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	width: 100%;
	min-height: 105px;
	margin: 0;
	color: var(--sanang-dark, #2d2d2d);
	font-family: 'Roboto', sans-serif;
	font-size: 64px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	white-space: nowrap;
}

.sanang-about-page .sanang-product-scroll__accent,
.sanang-about-page .sanang-product-scroll__highlight-group {
	color: #ffb52b;
	font-size: 90px;
	font-weight: 700;
	line-height: 1.2;
}

.sanang-about-page .sanang-product-scroll__accent--infinity {
	font-size: 90px;
	line-height: 1.2;
}

.sanang-about-page .sanang-product-scroll__highlight-group {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.sanang-about-page .sanang-product-scroll__cards {
	position: absolute;
	inset: 0;
	z-index: 1;
	transform: translateY(-40px);
	pointer-events: none;
}

.sanang-about-page .sanang-product-scroll__card {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 256px;
	height: 188px;
	margin: 0;
	opacity: 0;
	transform: translate(-50%, -50%) scale(0.2);
	transform-origin: 50% 50%;
	will-change: transform, opacity;
}

.sanang-about-page .sanang-product-scroll__card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.sanang-about-page.reduced-motion .sanang-product-scroll {
	height: auto;
	min-height: 80vh;
}

.sanang-about-page.reduced-motion .sanang-product-scroll__sticky {
	position: relative;
	top: auto;
}

.sanang-about-page.reduced-motion .sanang-product-scroll__row,
.sanang-about-page.reduced-motion .sanang-product-scroll__card {
	opacity: 1;
	transform: none;
}



/* Dashboard / Control */
.sanang-about-page .sanang-about-dashboard {
	padding: 128px 0;
	overflow-x: hidden;
}

.sanang-about-page .sanang-about-dashboard__inner {
	padding-top: 0;
	padding-bottom: 0;
	will-change: transform;
}

.sanang-about-page .sanang-about-dashboard__header {
	margin-bottom: 32px;
}

.sanang-about-page .sanang-about-dashboard__eyebrow {
	letter-spacing: 0;
}

.sanang-about-page .sanang-about-dashboard__title {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0 0 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 81px;
	line-height: 1;
	letter-spacing: -0.01em;
	color: #2d2d2d;
}

.sanang-about-page .sanang-about-dashboard__desc {
	display: flex;
	flex-direction: column;
	gap: 16px;
	line-height: 1.2;
}

.sanang-about-page .sanang-about-dashboard__cards {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.sanang-about-page .sanang-about-dashboard__row {
	display: flex;
	align-items: stretch;
	gap: 32px;
	width: 100%;
}

.sanang-about-page .sanang-about-dashboard-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	height: 600px;
	border: 1px solid #c0c0c0;
	border-radius: 20px;
	background: rgba(234, 234, 234, 0.5);
	color: #2d2d2d;
}

.sanang-about-page .sanang-about-dashboard-card--dark {
	background: #2d2d2d;
	color: #ffffff;
}

/* Row widths: 600px + 313px + 313px = 1226px content, 32px gap × 2 = 64px (1290px total) */
.sanang-about-page .sanang-about-dashboard-card--payments,
.sanang-about-page .sanang-about-dashboard-card--promote {
	flex: 0 0 calc((100% - 64px) * 600 / 1226);
	max-width: calc((100% - 64px) * 600 / 1226);
}

.sanang-about-page .sanang-about-dashboard-card--track,
.sanang-about-page .sanang-about-dashboard-card--reputation,
.sanang-about-page .sanang-about-dashboard-card--stand-out,
.sanang-about-page .sanang-about-dashboard-card--deliver {
	flex: 0 0 calc((100% - 64px) * 313 / 1226);
	max-width: calc((100% - 64px) * 313 / 1226);
}

.sanang-about-page .sanang-about-dashboard-card__copy {
	padding: 30px 40px 0;
}

.sanang-about-page .sanang-about-dashboard-card--track .sanang-about-dashboard-card__copy {
	padding: 30px 30px 0;
}

.sanang-about-page .sanang-about-dashboard-card--stand-out .sanang-about-dashboard-card__copy {
	padding: 30px 40px;
}

.sanang-about-page .sanang-about-dashboard-card__title {
	margin: 0 0 8px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 34px;
	line-height: 1.1;
	letter-spacing: 0;
	color: inherit;
}

.sanang-about-page .sanang-about-dashboard-card__text {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: inherit;
}

.sanang-about-page .sanang-about-dashboard-card__media {
	background: #ffffff;
	overflow: hidden;
}

.sanang-about-page .sanang-about-dashboard-card__video,
.sanang-about-page .sanang-about-dashboard-card__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top left;
}

.sanang-about-page .sanang-about-dashboard-card__video {
	object-position: top center;
}

.sanang-about-page .sanang-about-dashboard-card__media--payments {
	flex: 1;
	margin: 30px 40px 0;
	border-radius: 20px 20px 0 0;
}

.sanang-about-page .sanang-about-dashboard-card__media--track {
	flex: 1;
	margin: 30px 30px 0;
	border-radius: 20px 20px 0 0;
}

.sanang-about-page .sanang-about-dashboard-card__media--reputation {
	flex: 1;
	margin-top: 38px;
	margin-left: 40px;
	border-radius: 20px 0 0 0;
	box-shadow: 0 8px 15px 0 #0000001a;
}

.sanang-about-page .sanang-about-dashboard-card__media--stand-out {
	min-height: 285px;
	margin-left: 30px;
	margin-right: 0;
	border-radius: 0 0 0 20px;
	box-shadow: 0 8px 15px 0 #0000001a;
}

.sanang-about-page .sanang-about-dashboard-card__media--promote {
	flex: 1;
	margin: 30px 40px 40px;
	border-radius: 20px;
}

.sanang-about-page .sanang-about-dashboard-card__media--deliver {
	flex: 1;
	margin-top: 30px;
	margin-left: -40px;
	margin-right: -40px;
	border-radius: 0;
}

/* Delivery / Brand Promise (shared layout) */
.sanang-about-page .sanang-about-promise {
	padding-bottom: 128px;
}

.sanang-about-page .sanang-about-promise__inner {
	padding-top: 0;
	padding-bottom: 0;
}

.sanang-about-page .sanang-about-promise[data-section='delivery'] .sanang-about-promise__inner,
.sanang-about-page .sanang-about-promise[data-section='brand-promise'] .sanang-about-promise__inner {
	will-change: transform;
}

.sanang-about-page .sanang-about-promise__eyebrow {
	letter-spacing: 0;
}

.sanang-about-page .sanang-about-promise__intro {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 32px;
}

.sanang-about-page .sanang-about-promise__title {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 81px;
	line-height: 1;
	letter-spacing: -0.01em;
	color: #2d2d2d;
}

.sanang-about-page .sanang-about-promise__desc {
	margin: 0;
	line-height: 1;
}

.sanang-about-page .sanang-about-promise__media {
	position: relative;
	overflow: hidden;
	background: #ffffff;
	border-radius: 20px;
}

.sanang-about-page .sanang-about-promise__video {
	position: static;
	inset: auto;
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
	/* Video gets its own compositing layer, so the parent's overflow:hidden
	   doesn't always clip it at the rounded corners. Round the video itself. */
	border-radius: inherit;
}

/* Mobile video hidden by default; desktop wins on larger screens. */
.sanang-about-page .sanang-about-promise__video--mobile {
	display: none;
}

@media (max-width: 767px) {
	.sanang-about-page .sanang-about-promise__video--mobile {
		display: block;
	}

	/* When a dedicated mobile video exists, never show the desktop one on mobile. */
	.sanang-about-page .sanang-about-promise__media:has(.sanang-about-promise__video--mobile) .sanang-about-promise__video--desktop {
		display: none;
	}
}

/* Scripting: none */
@media (scripting: none) {
	.sanang-about-page.is-about-pending .sanang-about-hero .sanang-hero__stage,
	.sanang-about-page.is-about-pending .sanang-about-hero .sanang-hero__bottom {
		visibility: visible;
	}
	.sanang-about-page.is-about-pending .sanang-about-start-selling__heading {
		opacity: 1;
		visibility: visible;
		transform: none;
	}
	.sanang-about-page.is-about-pending .sanang-about-start-selling__description {
		opacity: 1;
		visibility: visible;
		transform: none;
	}
	.sanang-about-page.is-about-pending .sanang-about-start-selling__card {
		opacity: 1;
		visibility: visible;
		transform: none;
	}
}

/* Media Query */
@media screen and (max-width: 1349px) {
	.sanang-about-page .sanang-about-hero .sanang-hero__bottom {
		left: 30px;
		right: 30px;
	}
}

@media screen and (max-width: 1199px) {
	.sanang-about-page .sanang-about-dashboard {
		padding: 96px 0;
	}
	.sanang-about-page .sanang-about-dashboard__title {
		font-size: 60px;
	}
	.sanang-about-page .sanang-about-dashboard__eyebrow,
	.sanang-about-page .sanang-about-start-selling__eyebrow {
		font-size: 20px;
	}
	.sanang-about-page .sanang-about-dashboard__desc {
		font-size: 30px;
	}
	.sanang-about-page .sanang-about-dashboard-card__title {
		font-size: 28px;
	}
	.sanang-about-page .sanang-about-join-seller__inner,
	.sanang-about-page .sanang-about-story__inner,
	.sanang-about-page .sanang-about-dashboard__inner,
	.sanang-about-page  .sanang-about-promise__inner {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.sanang-about-page .sanang-about-promise {
		padding-bottom: 96px;
	}
	.sanang-about-page .sanang-about-promise__title {
		font-size: 60px;
	}
	.sanang-about-page .sanang-about-promise__eyebrow {
		font-size: 20px;
	}
	.sanang-about-page .sanang-about-promise__desc {
		font-size: 30px;
	}
	.sanang-about-page .sanang-about-dashboard__row {
		flex-wrap: wrap;
	}
	.sanang-about-page .sanang-about-start-selling__cards {
		gap: 20px;
	}
	.sanang-about-page .sanang-about-dashboard-card {
		flex: 1 1 calc(50% - 16px);
		max-width: none;
		height: 600px;
	}
	/* Top row: Payments full width, Track + Reputation 50/50 */
	.sanang-about-page .sanang-about-dashboard-card--payments {
		flex: 1 1 100%;
		max-width: none;
	}
	/* Bottom row: reorder to Promote (100%) → Stand Out (50%) → Deliver (50%) */
	.sanang-about-page .sanang-about-dashboard-card--promote {
		order: 1;
		flex: 1 1 100%;
		max-width: none;
	}
	.sanang-about-page .sanang-about-dashboard-card--stand-out {
		order: 2;
	}
	.sanang-about-page .sanang-about-dashboard-card--deliver {
		order: 3;
	}
	.sanang-about-page .sanang-about-story__inner {
		align-items: center;
	}
	.sanang-about-page .sanang-about-story__content--left {
		transform: scale(var(--story-scale, 1));
		transform-origin: left center;
	}
	.sanang-about-page .sanang-about-story__content--right {
		transform: scale(var(--story-scale, 1));
		transform-origin: right center;
	}
	.sanang-about-page .sanang-about-hero .sanang-hero__bottom {
		left: 50%;
		right: auto;
		width: 1289px;
		margin-left: -644.5px;
	}
	.sanang-about-page .sanang-about-hero .sanang-hero__stage {
		left: 50%;
		transform: translate(-50%, -50%) scale(var(--sanang-hero-scale, 1));
		transform-origin: center center;
	}
	.sanang-about-page .sanang-about-join-seller__media {
		height: 460px;
	}
	.sanang-about-page .sanang-about-join-seller__title {
		font-size: 64px;
	}
	.sanang-about-page .sanang-about-start-selling__inner {
		padding: 80px 20px;
	}
	.sanang-about-page .sanang-about-start-selling__heading {
		font-size: 60px;
	}
	.sanang-about-page .sanang-about-start-selling__description {
		font-size: 30px;
    	line-height: 1.2;
	}
	.sanang-about-page .sanang-about-start-selling__img {
		min-height: 350px;
	}
	.sanang-about-page .sanang-product-scroll__copy {
		transform: translate(-50%, calc(-50% - 40px)) scale(var(--product-scroll-scale, 1));
		transform-origin: center center;
	}
	.sanang-about-page .sanang-product-scroll__cards {
		transform: translateY(-40px) scale(var(--product-scroll-scale, 1));
		transform-origin: center center;
	}
}

@media screen and (max-width: 992px) {
	.sanang-about-page .sanang-about-dashboard {
		padding: 72px 0;
	}
	.sanang-about-page .sanang-about-dashboard__title {
		font-size: 50px;
	}
	.sanang-about-page .sanang-about-dashboard__eyebrow,
	.sanang-about-page .sanang-about-start-selling__eyebrow {
		font-size: 18px;
	}
	.sanang-about-page .sanang-about-dashboard__desc {
		font-size: 26px;
	}
	.sanang-about-page .sanang-about-dashboard-card__title {
		font-size: 24px;
	}
	.sanang-about-page .sanang-about-promise {
		padding-bottom: 72px;
	}
	.sanang-about-page .sanang-about-promise__title {
		font-size: 50px;
	}
	.sanang-about-page .sanang-about-promise__eyebrow {
		font-size: 18px;
	}
	.sanang-about-page .sanang-about-promise__desc {
		font-size: 26px;
	}
	.sanang-about-page .sanang-about-promise[data-section='brand-promise'] .sanang-about-promise__media {
		height: 60vh;
	}
	.sanang-about-page .sanang-about-promise[data-section='brand-promise'] .sanang-about-promise__video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.sanang-about-page .sanang-about-join-seller {
		height: 90vh;
	}
	.sanang-about-page .sanang-about-join-seller__media {
		height: 100%;
	}
	.sanang-about-page .sanang-about-join-seller__title {
		font-size: 52px;
		text-shadow: 1px 1px 8px #00000066;
	}
	.sanang-about-page .sanang-about-selling-story,
	.sanang-about-page .sanang-about-selling-story__track,
	.sanang-about-page .sanang-about-selling-story__sticky,
	.sanang-about-page .sanang-about-story__panel {
		height: 90vh;
		min-height: 0;
	}
	.sanang-about-page .sanang-about-story__content--right {
		margin-left: 0;
	}
	.sanang-about-page .sanang-about-story__line {
		font-size: 20px;
		text-shadow: 1px 1px 8px #00000066;
	}
	.sanang-about-page .sanang-about-story__inner {
		align-items: flex-start;
		padding: 16px !important;
	}
	.sanang-about-page .sanang-about-start-selling__inner {
		padding: 78px 20px;
	}
	.sanang-about-page .sanang-about-start-selling__heading {
		font-size: 50px;
	}
	.sanang-about-page .sanang-about-start-selling__description {
		font-size: 26px;
    	line-height: 1.2;
	}
	.sanang-about-page .sanang-about-start-selling__cards {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 20px;
		overflow: visible;
		margin: 0;
		padding: 0;
		scroll-snap-type: none;
	}
	.sanang-about-page .sanang-about-start-selling__card {
		flex: 0 0 auto;
		width: 100%;
		height: 409px;
		min-width: 0;
		max-width: none;
		scroll-snap-align: none;
	}
	.sanang-about-page .sanang-about-start-selling__img {
		width: 100%;
		height: 100%;
		min-height: 0;
		aspect-ratio: auto;
	}
}

/* Product scroll — tablet composition (768px–992px). */
@media screen and (min-width: 768px) and (max-width: 992px) {
	.sanang-about-page .sanang-product-scroll__copy {
		gap: 22px;
		width: min(768px, calc(100% - 24px));
		transform: translate(-50%, calc(-50% - 40px));
	}

	.sanang-about-page .sanang-product-scroll__row {
		gap: 12px;
		min-height: 60px;
		font-family: 'Roboto', sans-serif;
		font-size: 60px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: -0.01em;
		text-align: center;
	}

	.sanang-about-page .sanang-product-scroll__accent,
	.sanang-about-page .sanang-product-scroll__highlight-group,
	.sanang-about-page .sanang-product-scroll__accent--infinity {
		font-size: 60px;
		line-height: 1;
	}

	.sanang-about-page .sanang-product-scroll__highlight-group {
		gap: 0;
	}

	.sanang-about-page .sanang-product-scroll__cards {
		left: 50%;
		right: auto;
		width: 768px;
		max-width: 100%;
		transform: translate(-50%, -40px);
	}

	.sanang-about-page .sanang-product-scroll__card {
		width: 142.15px;
		height: 104.39px;
		--card-scale: 1 !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(1) {
		--card-x: 41px !important;
		--card-y: -320px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(2) {
		--card-x: 255px !important;
		--card-y: -350px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(3) {
		--card-x: 292px !important;
		--card-y: -151px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(4) {
		--card-x: 290px !important;
		--card-y: 65px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(5) {
		--card-x: 290px !important;
		--card-y: 246px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(6) {
		--card-x: 162px !important;
		--card-y: 370px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(7) {
		--card-x: -35px !important;
		--card-y: 283px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(8) {
		--card-x: -255px !important;
		--card-y: 327px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(9) {
		--card-x: -290px !important;
		--card-y: 105px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(10) {
		--card-x: -292px !important;
		--card-y: -215px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(11) {
		--card-x: -270px !important;
		--card-y: -350px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(12) {
		--card-x: -110px !important;
		--card-y: -285px !important;
	}
}

@media screen and (max-width: 767px) {
	.page-template-page-about-us footer.elementor-151 {
		display: none;
	}
	/* Hero: stack copy + button full width at the bottom */
	.sanang-about-page .sanang-about-hero .sanang-hero__bottom {
		left: 0;
		right: 0;
		width: auto;
		margin-left: 0;
		bottom: 32px;
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
		padding: 0 16px;
	}
	.sanang-about-page .sanang-about-hero .sanang-hero__copy {
		width: 100%;
		font-size: 20px;
		line-height: 30px;
	}
	.sanang-about-page .sanang-about-hero .sanang-hero__button {
		width: 100%;
		font-size: 14px;
		line-height: 1;
		padding: 15px;
		height: 44px;
        gap: 5px;
	}
	.sanang-about-page .sanang-about-join-seller__btn {
		min-height: 36px;
		font-size: 14px;
		line-height: 1;
		padding: 9px 18px;
	}
	.sanang-about-page .sanang-about-join-seller__inner, 
	.sanang-about-page .sanang-about-dashboard__inner, 
	.sanang-about-page .sanang-about-promise__inner {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	.sanang-about-page .sanang-about-join-seller__inner {
		gap: 8px;
		padding: 16px !important
	}
	.sanang-about-page .sanang-about-join-seller__title {
		font-size: 50px;
		line-height: 65px;
	}

	.sanang-about-page .sanang-about-start-selling__inner {
		padding: 64px 16px;
	}
	.sanang-about-page .sanang-about-start-selling__intro {
		gap: 8px;
		margin-bottom: 16px;
	}
	.sanang-about-page .sanang-about-start-selling__heading {
		font-size: 50px;
		line-height: 65px;
	}
	.sanang-about-page .sanang-about-start-selling__description {
		font-size: 16px;
		line-height: 24px;
	}
	.sanang-about-page .sanang-about-start-selling__card {
		height: 300px;
	}
	/* Product scroll: bump the wordmark + icons up a bit on phones. */
	.sanang-about-page .sanang-product-scroll__copy {
		transform: translate(-50%, calc(-50% - 40px)) scale(calc(var(--product-scroll-scale, 1) * 1.5));
	}
	.sanang-about-page .sanang-product-scroll__cards {
		transform: translateY(-40px) scale(calc(var(--product-scroll-scale, 1) * 1.2));
	}
	.sanang-about-page .sanang-about-dashboard {
		padding: 64px 0;
	}
	.sanang-about-page .sanang-about-dashboard__eyebrow,
	.sanang-about-page .sanang-about-start-selling__eyebrow {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 8px;
	}
	.sanang-about-page .sanang-about-start-selling__eyebrow {
		margin-bottom: 0px;
	}
	.sanang-about-page .sanang-about-dashboard__title {
		font-size: 50px;
		line-height: 65px;
		margin-bottom: 8px;
	}
	.sanang-about-page .sanang-about-dashboard__desc {
		font-size: 16px;
		line-height: 24px;
		gap: 8px;
	}
	.sanang-about-page .sanang-about-dashboard__row {
		gap: 16px;
	}
	.sanang-about-page .sanang-about-dashboard-card {
		height: 358px;
	}
	.sanang-about-page .sanang-about-dashboard-card__title {
		font-size: 20px;
		line-height: 30px;
	}
	.sanang-about-page .sanang-about-dashboard-card__text {
		font-size: 14px;
		line-height: 18px;
	}
	.sanang-about-page .sanang-about-dashboard-card__copy {
		padding: 16px 16px 0;
	}
	.sanang-about-page .sanang-about-dashboard-card__media--payments {
		margin: 16px 8px 0;
	}
	.sanang-about-page .sanang-about-dashboard-card--track .sanang-about-dashboard-card__copy {
		padding: 16px 16px 0;
	}
	.sanang-about-page .sanang-about-dashboard-card__media--track {
		margin: 16px 8px 0;
	}
	.sanang-about-page .sanang-about-dashboard-card__media--reputation {
		margin-top: 16px;
    	margin-left: 8px;
	}
	.sanang-about-page .sanang-about-dashboard-card--promote .sanang-about-dashboard-card__copy {
		padding: 16px 26px 0;
	}
	.sanang-about-page .sanang-about-dashboard-card__media--promote {
		margin: 16px 8px 8px;
	}
	.sanang-about-page .sanang-about-dashboard-card__media--stand-out {
		min-height: 175px;
    	margin-left: 16px;
	}
	.sanang-about-page .sanang-about-dashboard-card--stand-out .sanang-about-dashboard-card__copy {
		padding: 16px;
	}
	.sanang-about-page .sanang-about-dashboard-card__media--deliver {
		margin-top: 16px;
		margin-left: 0;
		margin-right: 0;
	}
	.sanang-about-page .sanang-about-promise {
		padding-bottom: 64px;
	}
	.sanang-about-page .sanang-about-promise__eyebrow {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 8px;
	}
	.sanang-about-page .sanang-about-promise__intro {
		gap: 8px;
    	margin-bottom: 16px;
	}
	.sanang-about-page .sanang-about-promise__title {
		font-size: 50px;
		line-height: 65px;
	}
	.sanang-about-page .sanang-about-promise__desc {
		font-size: 16px;
		line-height: 24px;
	}
	.sanang-about-page .sanang-about-promise__media {
		height: 215px;
	}
	.sanang-about-page .sanang-about-promise[data-section='brand-promise'] {
		padding-bottom: 400px;
	}
}

/* Product scroll — compact tablet composition (576px–767px). */
@media screen and (min-width: 576px) and (max-width: 767px) {
	.sanang-about-page .sanang-product-scroll {
		--product-scroll-compact-scale: min(
			1,
			calc((var(--product-scroll-scale, 1) * 1.875) + 0.0520833)
		);
	}

	.sanang-about-page .sanang-product-scroll__copy {
		gap: 22px;
		width: 768px;
		max-width: none;
		transform: translate(-50%, calc(-50% - 40px)) scale(var(--product-scroll-compact-scale));
		transform-origin: center center;
	}

	.sanang-about-page .sanang-product-scroll__row {
		gap: 12px;
		min-height: 60px;
		font-family: 'Roboto', sans-serif;
		font-size: 60px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: -0.01em;
		text-align: center;
	}

	.sanang-about-page .sanang-product-scroll__accent,
	.sanang-about-page .sanang-product-scroll__highlight-group,
	.sanang-about-page .sanang-product-scroll__accent--infinity {
		font-size: 60px;
		line-height: 1;
	}

	.sanang-about-page .sanang-product-scroll__highlight-group {
		gap: 0;
	}

	.sanang-about-page .sanang-product-scroll__cards {
		left: 50%;
		right: auto;
		width: 768px;
		max-width: none;
		transform: translate(-50%, -40px) scale(var(--product-scroll-compact-scale));
		transform-origin: center center;
	}

	.sanang-about-page .sanang-product-scroll__card {
		width: 142.15px;
		height: 104.39px;
		--card-scale: 1 !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(1) {
		--card-x: 41px !important;
		--card-y: -320px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(2) {
		--card-x: 255px !important;
		--card-y: -350px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(3) {
		--card-x: 292px !important;
		--card-y: -151px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(4) {
		--card-x: 290px !important;
		--card-y: 65px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(5) {
		--card-x: 290px !important;
		--card-y: 246px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(6) {
		--card-x: 160px !important;
		--card-y: 370px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(7) {
		--card-x: -35px !important;
		--card-y: 283px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(8) {
		--card-x: -255px !important;
		--card-y: 327px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(9) {
		--card-x: -290px !important;
		--card-y: 105px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(10) {
		--card-x: -292px !important;
		--card-y: -215px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(11) {
		--card-x: -270px !important;
		--card-y: -350px !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(12) {
		--card-x: -110px !important;
		--card-y: -285px !important;
	}
}

@media screen and (max-width: 575px) {
	.sanang-about-page .sanang-about-start-selling__card {
		height: 150px;
	}

	.sanang-about-page .sanang-product-scroll__copy {
		gap: clamp(24px, 9vw, 37px);
		width: calc(100% - 16px);
		transform: translate(-50%, calc(-50% - 8px));
	}

	.sanang-about-page .sanang-product-scroll__row {
		gap: clamp(6px, 2vw, 10px);
		min-height: clamp(25px, 7.82vw, 45px);
		font-family: 'Roboto', sans-serif;
		font-size: clamp(25px, 7.82vw, 45px);
		font-weight: 700;
		line-height: 1;
		letter-spacing: -0.01em;
		text-align: center;
	}

	.sanang-about-page .sanang-product-scroll__accent,
	.sanang-about-page .sanang-product-scroll__highlight-group,
	.sanang-about-page .sanang-product-scroll__accent--infinity {
		font-size: clamp(25px, 7.82vw, 45px);
		line-height: 1;
	}

	.sanang-about-page .sanang-product-scroll__highlight-group {
		gap: 0;
	}

	.sanang-about-page .sanang-product-scroll__cards {
		left: 50%;
		right: auto;
		width: 100vw;
		max-width: none;
		transform: translateX(-50%);
		transform-origin: center center;
	}

	.sanang-about-page .sanang-product-scroll__card {
		width: clamp(59px, 18.5vw, 106.61px);
		height: clamp(43px, 13.6vw, 78.29px);
		--card-scale: 1 !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(1) {
		--card-x: 9vw !important;
		--card-y: -32vh !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(2) {
		--card-x: 27.5vw !important;
		--card-y: -37.5vh !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(3) {
		--card-x: 37vw !important;
		--card-y: -22.5vh !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(4) {
		--card-x: 37vw !important;
		--card-y: 19vh !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(5) {
		--card-x: 29vw !important;
		--card-y: 30vh !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(6) {
		--card-x: 10vw !important;
		--card-y: 38vh !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(7) {
		--card-x: -7vw !important;
		--card-y: 26vh !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(8) {
		--card-x: -25vw !important;
		--card-y: 30.5vh !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(9) {
		--card-x: -37vw !important;
		--card-y: 19vh !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(10) {
		--card-x: -37vw !important;
		--card-y: -24.5vh !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(11) {
		--card-x: -25vw !important;
		--card-y: -39vh !important;
	}

	.sanang-about-page .sanang-product-scroll__card:nth-child(12) {
		--card-x: -7vw !important;
		--card-y: -27vh !important;
	}
}

@media screen and (min-width: 576px) and (max-width: 992px) {
	.sanang-about-page .sanang-about-dashboard-card--payments {
		height: 716px;
	}
	.sanang-about-page .sanang-about-dashboard-card--track,
	.sanang-about-page .sanang-about-dashboard-card--reputation {
		height: 670px;
	}
	.sanang-about-page .sanang-about-dashboard-card--promote {
		height: 681px;
	}
	.sanang-about-page .sanang-about-dashboard-card--stand-out,
	.sanang-about-page .sanang-about-dashboard-card--deliver {
		height: 656px;
	}
}