.-ycwt-about_showcase {
	--abt-accent:var(--uicolor2);
	--abt-bg:var(--background);
	--abt-muted:var(--secondarytext);
	background:linear-gradient(339deg,var(--abt-bg),transparent);
}

.-ycwt-about_showcase .-ycw-row,
.-ycwt-about_showcase .abt-sec {
	width:100%;
}

.-ycwt-about_showcase .abt-in {
	width:min(1280px,100%);
	min-height:740px;
	margin-inline:auto;
	display:flex;
	align-items:flex-start;
	gap:54px;
}

.-ycwt-about_showcase .abt-med {
	width:50%;
	min-width:0;
	height:740px;
	position:relative;
	flex:0 0 50%;
}

.-ycwt-about_showcase .abt-img {
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	background:var(--media-placeholder);
	border-radius:18px;
}

.-ycwt-about_showcase .abt-img > img {
	width:100%;
	height:100%;
	max-width:100%;
	object-fit:cover;
	display:block;
}

.-ycwt-about_showcase .abt-ph {
	width:100%;
	height:100%;
	display:block;
	background:var(--media-placeholder);
}

.-ycwt-about_showcase .abt-left {
	width:74%;
	height:625px;
	inset-inline-start:0;
	top:0;
	z-index:1;
}

.-ycwt-about_showcase .abt-over {
	width:58.5%;
	height:412px;
	inset-inline-end:3.5%;
	bottom:0;
	z-index:3;
	box-shadow:0 0 0 7px var(--abt-bg);
}

.-ycwt-about_showcase .abt-exp {
	width:262px;
	min-height:116px;
	position:absolute;
	top:70px;
	inset-inline-end:8%;
	z-index:5;
	display:flex;
	align-items:center;
	gap:16px;
	padding:24px;
	border-radius:12px;
	background:var(--surface-color);
	box-shadow:0 7px 24px rgb(var(--primary-text-code) / 3%);
	animation:Movestylestone 2s infinite alternate linear;
}

.-ycwt-about_showcase .abt-exp-ico {
	width:50px;
	height:50px;
	flex:0 0 50px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:var(--abt-accent);
	color:var(--primary-text);
}

.-ycwt-about_showcase .abt-exp-ico svg {
	width:24px;
	height:24px;
	display:block;
}

.-ycwt-about_showcase .abt-exp-ico i {
	font-size:21px;
}

.-ycwt-about_showcase .abt-exp-copy {
	min-width:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}

.-ycwt-about_showcase .abt-exp-copy strong {
	color:var(--primary-text);
	font-family:var(--f-number),var(--ffamilyen),sans-serif;
	font-size:42px;
	font-weight:600;
	line-height:.92;
	letter-spacing:-.04em;
	white-space:nowrap;
}

.-ycwt-about_showcase .abt-exp-copy span {
	margin-top:7px;
	color:var(--primary-text);
	font-size:15px;
	font-weight:500;
	line-height:1.15;
	white-space:nowrap;
}

.-ycwt-about_showcase .abt-copy {
	width:50%;
	min-width:0;
	flex:1;
	padding-top:15px;
	direction:ltr;
}

.-ycwt-about_showcase .abt-head {
	max-width:650px;
	margin:0;
	padding-inline:0;
	align-items:flex-start;
	text-align:start;
}

html[dir="rtl"] .-ycwt-about_showcase .abt-copy {
	direction:rtl;
	text-align:right;
}

.-ycwt-about_showcase .abt-kick > span {
	width:5px;
	height:6px;
	flex:0 0 5px;
	border-radius:50%;
	background:var(--abt-accent);
}

html[dir="rtl"] .-ycwt-about_showcase .abt-title {
	font-family:var(--family);
	letter-spacing:0;
	text-align:start;
}

@keyframes Movestylestone {
	50% {
		transform:translateX(-15px);
	}
}

.-ycwt-about_showcase .abt-desc p {
	margin:0;
}

.-ycwt-about_showcase .abt-qc {
	width:100%;
	margin-top:38px;
	padding:26px 25px 22px;
	border-radius:20px;
	background:var(--surface-color);
}

.-ycwt-about_showcase .abt-qc-top {
	display:flex;
	align-items:flex-start;
	gap:20px;
}

.-ycwt-about_showcase .abt-qc-ico {
	width:50px;
	height:50px;
	flex:0 0 50px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:var(--abt-accent);
	color:var(--primary-text);
}

.-ycwt-about_showcase .abt-qc-ico svg {
	width:25px;
	height:25px;
	display:block;
}

.-ycwt-about_showcase .abt-qc-ico i {
	font-size:22px;
}

.-ycwt-about_showcase .abt-qc-copy {
	min-width:0;
	padding-top:1px;
}

.-ycwt-about_showcase .abt-qc-copy strong {
	display:block;
	color:var(--primary-text);
	font-size:20px;
	font-weight:600;
	line-height:1.25;
}

.-ycwt-about_showcase .abt-qc-copy > div {
	margin-top:9px;
	color:var(--abt-muted);
	font-size:16px;
	line-height:1.55;
	font-weight:500;
}

.-ycwt-about_showcase .abt-qc-copy p {
	margin:0;
}

.-ycwt-about_showcase .abt-qc-note {
	margin-top:22px;
	padding-top:18px;
	display:flex;
	align-items:flex-start;
	gap:12px;
	border-top:1px solid var(--diver);
}

.-ycwt-about_showcase .abt-qc-note:first-child {
	margin-top:0;
	padding-top:0;
	border-top:0;
}

.-ycwt-about_showcase .abt-qc-note > span {
	width:5px;
	height:5px;
	flex:0 0 5px;
	margin-top:8px;
	border-radius:50%;
	background:var(--abt-accent);
}

.-ycwt-about_showcase .abt-qc-note p {
	margin:0;
	color:var(--abt-muted);
	font-size:15px;
	line-height:1.45;
	font-weight:500;
}

.-ycwt-about_showcase .abt-foot {
	margin-top:39px;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:30px;
}

.-ycwt-about_showcase .abt-actions {
	min-width:0;
	flex:1;
}

.-ycwt-about_showcase .abt-feats {
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:16px;
	list-style:none;
}

.-ycwt-about_showcase .abt-feats li {
	display:flex;
	align-items:center;
	gap:9px;
	color:var(--abt-muted);
	font-size:15px;
	line-height:1.35;
}

.-ycwt-about_showcase .abt-feats li > span {
	width:18px;
	height:18px;
	flex:0 0 18px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:var(--abt-accent);
	color:var(--primary-text);
	font-size:8px;
}

.-ycwt-about_showcase .abt-feats em {
	font-style:normal;
	font-weight:500;
}

.-ycwt-about_showcase .abt-btn {
	margin-top:34px;
}

.-ycwt-about_showcase .abt-small {
	width:46%;
	height:197px;
	position:relative;
	flex:0 0 46%;
	inset:auto;
}

/* =========================
   Compact Desktop
========================= */

@media only screen and (max-width:1240px) {
	.-ycwt-about_showcase .abt-sec {
		padding-top:80px;
	}

	.-ycwt-about_showcase .abt-in {
		gap:38px;
	}

	.-ycwt-about_showcase .abt-med {
		height:680px;
	}

	.-ycwt-about_showcase .abt-left {
		height:575px;
	}

	.-ycwt-about_showcase .abt-over {
		height:380px;
	}

	.-ycwt-about_showcase .abt-exp {
		inset-inline-end:5%;
	}

	.-ycwt-about_showcase .abt-title {
		font-size:44px;
	}

	.-ycwt-about_showcase .abt-qc {
		margin-top:30px;
	}

	.-ycwt-about_showcase .abt-foot {
		margin-top:30px;
	}
}

/* =========================
   Tablet Responsive
========================= */

@media only screen and (max-width:1024px) {
	.-ycwt-about_showcase .abt-sec {
		padding:68px 20px;
	}

	.-ycwt-about_showcase .abt-in {
		min-height:0;
		flex-direction:column;
		gap:48px;
	}

	.-ycwt-about_showcase .abt-med,
	.-ycwt-about_showcase .abt-copy {
		width:100%;
		max-width:760px;
		margin-inline:auto;
		flex:none;
	}

	.-ycwt-about_showcase .abt-med {
		height:auto;
		min-height:560px;
		max-height:620px;
		aspect-ratio:760 / 620;
	}

	.-ycwt-about_showcase .abt-left {
		width:72%;
		height:86%;
	}

	.-ycwt-about_showcase .abt-over {
		width:58%;
		height:56%;
	}

	.-ycwt-about_showcase .abt-exp {
		top:clamp(46px,6vw,62px);
		inset-inline-end:8%;
	}

	.-ycwt-about_showcase .abt-copy {
		padding-top:0;
	}

	.-ycwt-about_showcase .abt-title,
	.-ycwt-about_showcase .abt-desc,
	.-ycwt-about_showcase .abt-head {
		max-width:100%;
	}

	.-ycwt-about_showcase .abt-title,
	.-ycwt-about_showcase .abt-desc,
	.-ycwt-about_showcase .abt-qc-copy,
	.-ycwt-about_showcase .abt-feats em {
		overflow-wrap:anywhere;
	}

	.-ycwt-about_showcase .abt-small {
		height:auto;
		aspect-ratio:2.3 / 1;
	}
}

/* =========================
   Mobile App Experience
========================= */

@media only screen and (max-width:767px) {
	.-ycwt-about_showcase .abt-sec {
		padding:48px 16px 52px;
	}

	.-ycwt-about_showcase .abt-in {
		gap:34px;
	}

	.-ycwt-about_showcase .abt-copy {
		order:1;
		max-width:640px;
	}

	.-ycwt-about_showcase .abt-med {
		order:2;
		max-width:640px;
		min-height:0;
		max-height:none;
		height:auto;
		aspect-ratio:auto;
		display:grid;
		grid-template-columns:minmax(0,1.1fr) minmax(138px,.9fr);
		grid-template-rows:auto 1fr;
		gap:12px;
	}

	.-ycwt-about_showcase .abt-left,
	.-ycwt-about_showcase .abt-over,
	.-ycwt-about_showcase .abt-exp {
		position:relative;
		top:auto;
		bottom:auto;
		inset-inline-start:auto;
		inset-inline-end:auto;
	}

	.-ycwt-about_showcase .abt-left {
		grid-column:1;
		grid-row:1 / span 2;
		width:100%;
		height:auto;
		aspect-ratio:4 / 5;
	}

	.-ycwt-about_showcase .abt-exp {
		grid-column:2;
		grid-row:1;
		width:100%;
		min-width:0;
		min-height:78px;
		z-index:2;
		gap:8px;
		padding:12px;
		border-radius:16px;
		animation:none;
	}

	.-ycwt-about_showcase .abt-over {
		grid-column:2;
		grid-row:2;
		width:100%;
		height:100%;
		min-height:0;
		z-index:1;
		border-radius:16px;
		box-shadow:none;
	}

	.-ycwt-about_showcase .abt-exp-ico {
		width:38px;
		height:38px;
		flex-basis:38px;
	}

	.-ycwt-about_showcase .abt-exp-ico svg {
		width:20px;
		height:20px;
	}

	.-ycwt-about_showcase .abt-exp-ico i {
		font-size:18px;
	}

	.-ycwt-about_showcase .abt-exp-copy strong {
		font-size:30px;
	}

	.-ycwt-about_showcase .abt-exp-copy span {
		margin-top:5px;
		font-size:12px;
		line-height:1.25;
		white-space:normal;
		overflow-wrap:anywhere;
	}

	.-ycwt-about_showcase .abt-head {
		margin-bottom:0;
	}

	.-ycwt-about_showcase .abt-kick {
		align-self:flex-start;
		max-width:100%;
		margin-bottom:12px;
		white-space:normal;
	}

	.-ycwt-about_showcase .abt-title {
		font-size:clamp(30px,6.5vw,38px);
		line-height:1.2;
	}

	.-ycwt-about_showcase .abt-desc {
		margin-top:16px;
		font-size:15px;
		line-height:1.65;
	}

	.-ycwt-about_showcase .abt-qc {
		margin-top:24px;
		padding:20px 18px 18px;
		border-radius:18px;
	}

	.-ycwt-about_showcase .abt-qc-top {
		gap:14px;
	}

	.-ycwt-about_showcase .abt-qc-ico {
		width:44px;
		height:44px;
		flex-basis:44px;
	}

	.-ycwt-about_showcase .abt-qc-ico svg {
		width:22px;
		height:22px;
	}

	.-ycwt-about_showcase .abt-qc-copy strong {
		font-size:18px;
		line-height:1.3;
	}

	.-ycwt-about_showcase .abt-qc-copy > div {
		margin-top:7px;
		font-size:14px;
		line-height:1.6;
	}

	.-ycwt-about_showcase .abt-qc-note {
		margin-top:18px;
		padding-top:16px;
		gap:10px;
	}

	.-ycwt-about_showcase .abt-qc-note p {
		font-size:14px;
		line-height:1.55;
	}

	.-ycwt-about_showcase .abt-foot {
		margin-top:24px;
		display:grid;
		grid-template-columns:minmax(0,1.08fr) minmax(180px,.92fr);
		align-items:stretch;
		gap:18px;
	}

	.-ycwt-about_showcase .abt-actions {
		min-width:0;
	}

	.-ycwt-about_showcase .abt-feats {
		gap:12px;
	}

	.-ycwt-about_showcase .abt-feats li {
		align-items:flex-start;
		gap:9px;
		font-size:14px;
		line-height:1.45;
	}

	.-ycwt-about_showcase .abt-feats li > span {
		width:20px;
		height:20px;
		flex-basis:20px;
		margin-top:1px;
	}

	.-ycwt-about_showcase .abt-btn {
		margin-top:24px;
	}

	.-ycwt-about_showcase .abt-btn-link {
		min-height:48px;
		padding:12px 18px;
		touch-action:manipulation;
	}

	.-ycwt-about_showcase .abt-small {
		width:100%;
		height:auto;
		aspect-ratio:4 / 3;
		align-self:stretch;
		border-radius:16px;
	}
}

/* =========================
   Compact Mobile
========================= */

@media only screen and (max-width:575px) {
	.-ycwt-about_showcase .abt-sec {
		padding:42px 14px 46px;
	}

	.-ycwt-about_showcase .abt-in {
		gap:28px;
	}

	.-ycwt-about_showcase .abt-med {
		grid-template-columns:minmax(0,1.12fr) minmax(118px,.88fr);
		gap:10px;
	}

	.-ycwt-about_showcase .abt-exp {
		min-height:72px;
		gap:7px;
		padding:10px;
		border-radius:14px;
	}

	.-ycwt-about_showcase .abt-exp-ico {
		width:34px;
		height:34px;
		flex-basis:34px;
	}

	.-ycwt-about_showcase .abt-exp-ico svg {
		width:18px;
		height:18px;
	}

	.-ycwt-about_showcase .abt-exp-copy strong {
		font-size:26px;
	}

	.-ycwt-about_showcase .abt-exp-copy span {
		font-size:11px;
	}

	.-ycwt-about_showcase .abt-over {
		border-radius:14px;
	}

	.-ycwt-about_showcase .abt-title {
		font-size:clamp(29px,7.6vw,35px);
	}

	.-ycwt-about_showcase .abt-qc {
		padding:18px 16px 16px;
	}

	.-ycwt-about_showcase .abt-foot {
		grid-template-columns:minmax(0,1fr);
		gap:18px;
	}
 
	.-ycwt-about_showcase .abt-small {
		aspect-ratio:16 / 7;
	}
}

/* =========================
   Small Mobile Adjustments
========================= */

@media only screen and (max-width:390px) {
	.-ycwt-about_showcase .abt-sec {
		padding: 0 14px 42px;
	}

	.-ycwt-about_showcase .abt-in {
		gap:24px;
	}

	.-ycwt-about_showcase .abt-med {
		grid-template-columns:minmax(0,1.08fr) minmax(112px,.92fr);
		gap:8px;
	}

	.-ycwt-about_showcase .abt-exp {
		min-height:68px;
		padding:9px;
	}

	.-ycwt-about_showcase .abt-exp-ico {
		width:32px;
		height:32px;
		flex-basis:32px;
	}

	.-ycwt-about_showcase .abt-exp-copy strong {
		font-size:24px;
	}

	.-ycwt-about_showcase .abt-exp-copy span {
		font-size:10.5px;
		line-height:1.2;
	}

	.-ycwt-about_showcase .abt-title {
		font-size:clamp(27px,8.4vw,32px);
	}

	.-ycwt-about_showcase .abt-desc {
		font-size:14px;
	}

	.-ycwt-about_showcase .abt-qc {
		margin-top:22px;
		padding:17px 14px 15px;
	}

	.-ycwt-about_showcase .abt-qc-top {
		gap:12px;
	}

	.-ycwt-about_showcase .abt-qc-ico {
		width:40px;
		height:40px;
		flex-basis:40px;
	}

	.-ycwt-about_showcase .abt-qc-copy strong {
		font-size:17px;
	}

	.-ycwt-about_showcase .abt-qc-copy > div,
	.-ycwt-about_showcase .abt-qc-note p,
	.-ycwt-about_showcase .abt-feats li {
		font-size:13.5px;
	}

	.-ycwt-about_showcase .abt-small {
		aspect-ratio:2 / 1;
	}
}

@media (prefers-reduced-motion:reduce) {
	.-ycwt-about_showcase .abt-exp {
		animation:none;
	}

	.-ycwt-about_showcase .abt-btn-link {
		transition:none;
	}
}