/* ==========================================================================
   V6 Inside page — scoped to .inside-page
========================================================================== */

.inside-page {
	--inside-intro-copy-width: min(100%, 520px);
	--inside-intro-title-gap: 12px;
	--inside-intro-title-fs: clamp(72px, 7.29vw, var(--fs-display-brand));
	--inside-intro-title-lh: 1.07;
	--inside-intro-title-ls: var(--ls-normal);
	--inside-intro-desc-fs: var(--sub-heading-fs);
	--inside-intro-desc-lh: var(--sub-heading-lh);
	--inside-intro-desc-ls: var(--ls-tight);
	--inside-intro-desc-fw: var(--sub-heading-fw);
	--inside-intro-composition-height: min(83.333vw, 1600px);
	--inside-intro-section-pb: clamp(48px, 6vh, 68px);
	--inside-intro-copy-top: clamp(120px, 14vh, 220px);
	--inside-intro-photo-scale-near: 1;
	--inside-intro-photo-scale-outer: 1;
	--inside-intro-photo-scale-accent: 1;
	--inside-intro-track-height: auto;
	--inside-intro-stage-height: 100vh;
	--inside-intro-stage-height: 100svh;
	--inside-intro-scroll-scrub: 125vh;
	--inside-intro-entrance-delay: 0.4s;
	--inside-intro-entrance-y: 16px;
	--inside-intro-entrance-blur: 12px;
	--inside-intro-entrance-duration: 1.15s;
	--inside-intro-entrance-stagger: 0.26s;
	--inside-intro-photo-entrance-count: 2;
	--inside-intro-photo-scroll-hint-opacity: 0.42;
	--inside-intro-photo-entrance-delay: 0.15s;
	--inside-intro-photo-entrance-duration: 0.9s;
	--inside-intro-photo-entrance-stagger: 0.22s;
	--inside-intro-photo-entrance-y: 14px;
	--inside-intro-scroll-scrub-smooth: 0.65;
}

/* --------------------------------------------------------------------------
   Section 1 — Intro (blur reveal → scroll photo rise)
-------------------------------------------------------------------------- */

.inside-intro {
	--section-pt: 0;
	--section-pb: 0;
	position: relative;
	overflow: visible;
}

.inside-intro::after {
	content: "";
	display: block;
	height: var(--inside-intro-section-pb);
	background-color: var(--color-brand-10);
}

.inside-intro__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-color: var(--color-brand-10);
	opacity: 1;
	pointer-events: none;
}

.inside-intro__track {
	position: relative;
	height: var(--inside-intro-track-height);
	overflow: visible;
}

.inside-page .inside-intro + .inside-slide.section {
	margin-top: 0;
	overflow: visible;
}

/* sub.css `.lydian-v6-sub > .section:last-child { --section-pb: 0 }` 보다 우선 */
.inside-page.inside-page--ko > .inside-intro + .inside-slide.section {
	--section-pt: var(--section-pt-sub-lead);
	padding-top: var(--section-pt-sub-lead);
}

.inside-page.inside-page--ko > .inside-slide.section:last-child {
	--section-pb: var(--section-pb-sub);
	padding-bottom: var(--section-pb-sub);
}

.inside-page .inside-intro + .inside-slide.section .inside-slide__head-area {
	overflow: visible;
}

.inside-intro__stage {
	position: relative;
	height: var(--inside-intro-stage-height);
	overflow: visible;
	isolation: isolate;
}

.inside-intro:not(.is-intro-init) [data-intro-line],
.inside-intro:not(.is-intro-init) [data-intro-desc] {
	opacity: 0;
	filter: blur(var(--inside-intro-entrance-blur));
}

.inside-intro:not(.is-scroll-ready) [data-intro-photo] {
	opacity: 0;
}

.inside-intro.is-scroll-ready [data-intro-photo] {
	visibility: visible;
}

@media (min-width: 901px) {
	.inside-page {
		/* 하단·pin — 모바일(≤900)과 동일 비율 */
		--inside-intro-scroll-scrub: 92vh;
		--inside-intro-stage-height: min(83.333vw, 1600px, 100svh);
		--inside-intro-section-pb: clamp(48px, 6vh, 68px);
		--inside-intro-copy-top: clamp(80px, 10.5vh, 132px);
		--inside-intro-copy-nudge-y: 80px;
		--inside-intro-orbit-lift: 6.5%;
	}

	/* bg on track — pin-spacer scroll 구간까지 기존 brand-10 유지 */
	.inside-intro__track > .inside-intro__bg {
		position: absolute;
		inset: 0;
		z-index: 0;
	}

	.inside-intro__track,
	.inside-intro__stage,
	.inside-intro__track .pin-spacer {
		overflow: visible;
	}

	.inside-intro__stage {
		position: relative;
		z-index: 1;
		height: var(--inside-intro-stage-height);
		min-height: var(--inside-intro-stage-height);
	}

	.inside-intro__composition {
		height: 100%;
		min-height: 100%;
		padding-bottom: 0;
		overflow: visible;
	}

	.inside-intro__gallery {
		inset: 0;
		overflow: visible;
	}

	.inside-intro__artboard {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		max-height: none;
		aspect-ratio: auto;
		transform: translateY(calc(-1 * var(--inside-intro-orbit-lift)));
	}

	.inside-intro__artboard .inside-intro__photo {
		height: auto;
	}

	/*
	 * Figma 114:14–17 (1920×1600) — % 좌표; accent(5번)만 시안 외 추가
	 */
	.inside-intro__photo--left-tall {
		top: 27.75%;
		left: 10.47%;
		width: 15.52%;
	}

	.inside-intro__photo--bottom-wide {
		top: 68.06%;
		left: 15.57%;
		width: 27.19%;
	}

	.inside-intro__photo--right-tall {
		top: 56.13%;
		right: 17.66%;
		left: auto;
		width: 18.23%;
	}

	.inside-intro__photo--top-wide {
		top: 19.19%;
		right: 7.08%;
		left: auto;
		width: 21.15%;
	}

	/* 5번 accent — copy 아래 중앙 (좌측 3장과 분리) */
	.inside-intro__photo--accent {
		top: 51.5%;
		left: 43.23%;
		width: 13.54%;
	}
}

.inside-intro__composition {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1920px;
	min-height: var(--inside-intro-composition-height);
	padding-bottom: 0;
	margin-inline: auto;
}

/* Orbit (901+) — stage is 100svh; do not force 83.333vw min-height (tablet gap) */
@media (min-width: 901px) {
	.inside-page {
		--inside-intro-composition-height: 100%;
	}

	.inside-intro__composition {
		height: 100%;
		min-height: 0;
	}
}

@media (min-width: 901px) and (max-width: 1023px) {
	.inside-page {
		--inside-intro-scroll-scrub: 92vh;
		--inside-intro-stage-height: min(83.333vw, 1600px, 100svh);
		--inside-intro-copy-top: clamp(112px, 17vh, 192px);
		--inside-intro-copy-nudge-y: 64px;
		--inside-intro-orbit-lift: 3.5%;
		--inside-intro-scroll-scrub-smooth: 0.75;
	}
}

.inside-intro__copy {
	position: absolute;
	top: calc(var(--inside-intro-copy-top) + var(--inside-intro-copy-nudge-y, 0px));
	left: 50%;
	z-index: 2;
	width: var(--inside-intro-copy-width);
	text-align: center;
	transform: translateX(-50%);
}

.inside-intro__title {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--inside-intro-title-fs);
	font-weight: var(--fw-display);
	line-height: var(--inside-intro-title-lh);
	letter-spacing: var(--inside-intro-title-ls);
	color: var(--color-text);
}

.inside-intro__title-line {
	display: block;
}

.inside-intro__desc {
	margin: var(--inside-intro-title-gap) 0 0;
	font-size: var(--inside-intro-desc-fs);
	font-weight: var(--inside-intro-desc-fw);
	line-height: var(--inside-intro-desc-lh);
	letter-spacing: var(--inside-intro-desc-ls);
}

/* KO intro title — one step above sub-hero scale */
.inside-page--ko {
	--inside-intro-title-fs: var(--ko-fs-inside-intro-title);
	--inside-intro-title-lh: var(--ko-lh-inside-intro-title);
	--inside-intro-title-ls: var(--ko-ls-inside-intro-title);
	--inside-intro-desc-fs: var(--ko-fs-body-m);
	--inside-intro-desc-lh: var(--ko-lh-body-m);
	--inside-intro-desc-ls: var(--ko-ls-body-m);
	--inside-intro-desc-fw: 400;
}

/* Beat body .type-ko-* utilities — intro copy uses role vars only */
.inside-page--ko .inside-intro__copy .inside-intro__title.inside-intro__title--ko {
	font-family: var(--ko-font-display);
	font-size: var(--inside-intro-title-fs);
	line-height: var(--inside-intro-title-lh);
	letter-spacing: var(--inside-intro-title-ls);
}

.inside-page--ko .inside-intro__copy .inside-intro__desc.inside-intro__desc--ko {
	font-family: var(--ko-font-body);
	font-weight: var(--inside-intro-desc-fw);
	font-size: var(--inside-intro-desc-fs);
	line-height: var(--inside-intro-desc-lh);
	letter-spacing: var(--inside-intro-desc-ls);
}

.inside-page--ko .inside-intro__title-line--light {
	font-weight: var(--ko-fw-section-light);
}

.inside-page--ko .inside-intro__title-line--bold {
	font-weight: 600;
}


.inside-intro__gallery {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.inside-intro__photo {
	position: absolute;
	margin: 0;
	overflow: hidden;
	border-radius: var(--radius-lg);
	background: var(--color-placeholder);
}

.inside-intro__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inside-intro__photo--left-tall {
	z-index: 2;
	aspect-ratio: 3 / 4;
}

.inside-intro__photo--bottom-wide {
	z-index: 1;
	aspect-ratio: 5 / 3;
}

.inside-intro__photo--right-tall {
	z-index: 2;
	aspect-ratio: 3 / 4;
}

.inside-intro__photo--top-wide {
	z-index: 1;
	aspect-ratio: 16 / 9;
}

.inside-intro__photo--accent {
	z-index: 3;
	aspect-ratio: 4 / 3;
}

/* Desktop — PC photo scale (1024+) */

@media (min-width: 1024px) {
	.inside-page {
		--inside-intro-stage-height: min(83.333vw, 1600px, 100svh);
		--inside-intro-scroll-scrub: 92vh;
		--inside-intro-section-pb: clamp(48px, 6vh, 68px);
		--inside-intro-copy-top: clamp(76px, 9.5vh, 120px);
		--inside-intro-copy-nudge-y: 88px;
		--inside-intro-orbit-lift: 7%;
	}
}

/* --------------------------------------------------------------------------
   Mobile stack — overlapping editorial collage (≤900px)
-------------------------------------------------------------------------- */

@media (max-width: 900px) {
	.inside-page {
		--inside-intro-track-height: auto;
		--inside-intro-stage-height: 100svh;
		--inside-intro-scroll-scrub: 92vh;
		--inside-intro-scroll-scrub-smooth: 0.48;
		--inside-intro-composition-height: auto;
		--inside-intro-section-pb: clamp(48px, 6vh, 68px);
		--inside-intro-stack-width: 100%;
		--inside-intro-stack-height: clamp(560px, 150vw, 680px);
		--inside-intro-stack-bleed: clamp(14px, 4vw, 22px);
		--inside-intro-stack-gather: clamp(12px, 3vw, 20px);
		--inside-intro-stack-top-nudge: clamp(18px, 4.5vw, 26px);
		--inside-intro-stack-top-row-nudge: clamp(22px, 5.5vw, 28px);
		--inside-intro-photo-scale-near: 1.04;
		--inside-intro-photo-scale-outer: 1.05;
		--inside-intro-photo-scale-accent: 1.404;
		--inside-intro-gallery-shift-y: clamp(8px, 1.5vh, 16px);
	}

	.inside-intro__track,
	.inside-intro__stage {
		overflow: visible;
	}

	.inside-intro__stage {
		min-height: var(--inside-intro-stage-height);
	}

	.inside-intro__bg {
		opacity: 1;
	}

	.inside-intro__composition {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: clamp(16px, 4vw, 24px);
		height: auto;
		min-height: var(--inside-intro-stage-height);
		padding-top: clamp(56px, 8vh, 76px);
		padding-bottom: clamp(20px, 3.5vh, 32px);
	}

	.inside-intro__copy {
		position: relative;
		top: auto;
		left: auto;
		z-index: 2;
		width: 100%;
		padding-inline: clamp(16px, 3vw, 48px);
		transform: none;
	}

	/* EN intro copy only — KO uses ko-typography via --inside-intro-* role vars */
	.inside-page:not(.inside-page--ko) {
		--inside-intro-title-fs: clamp(52px, 14vw, 68px);
		--inside-intro-title-lh: 1.07;
		--inside-intro-title-ls: var(--ls-normal);
		--inside-intro-desc-fs: var(--sub-body-fs-mobile);
		--inside-intro-desc-lh: var(--sub-body-lh-mobile);
		--inside-intro-desc-ls: var(--ls-tight);
		--inside-intro-desc-fw: var(--sub-body-fw-mobile);
	}

	.inside-intro__gallery {
		position: relative;
		inset: auto;
		display: block;
		width: calc(100% + (var(--inside-intro-stack-bleed) * 2));
		max-width: none;
		height: var(--inside-intro-stack-height);
		margin-inline: calc(-1 * var(--inside-intro-stack-bleed));
		padding-inline: 0;
		overflow-x: clip;
		overflow-y: visible;
		transform: translateY(var(--inside-intro-gallery-shift-y));
	}

	.inside-intro__artboard {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		max-height: none;
		aspect-ratio: auto;
	}

	.inside-intro__photo {
		aspect-ratio: auto;
		width: auto;
		height: auto;
	}

	.inside-intro__photo img {
		width: 100%;
		height: 100%;
		min-height: 0;
	}

	/* Mobile collage — wide horizontal spread, minimal vertical overlap */
	.inside-intro__photo--left-tall {
		top: calc(var(--inside-intro-stack-top-nudge) + var(--inside-intro-stack-top-row-nudge));
		left: calc(-1 * var(--inside-intro-stack-bleed) + var(--inside-intro-stack-gather));
		z-index: 2;
		width: calc(clamp(132px, 38vw, 176px) * var(--inside-intro-photo-scale-near));
		height: calc(clamp(124px, 35vw, 164px) * var(--inside-intro-photo-scale-near));
	}

	.inside-intro__photo--top-wide {
		top: calc(clamp(8px, 2.5vw, 16px) + var(--inside-intro-stack-top-nudge) + var(--inside-intro-stack-top-row-nudge));
		right: calc(-1 * var(--inside-intro-stack-bleed) + var(--inside-intro-stack-gather));
		left: auto;
		z-index: 3;
		width: calc(clamp(172px, 52vw, 244px) * var(--inside-intro-photo-scale-near));
		height: calc(clamp(100px, 29vw, 136px) * var(--inside-intro-photo-scale-near));
	}

	.inside-intro__photo--bottom-wide {
		top: clamp(288px, 74vw, 340px);
		left: calc(-1 * var(--inside-intro-stack-bleed) + var(--inside-intro-stack-gather) + 2px);
		right: auto;
		z-index: 1;
		width: calc(clamp(188px, 56vw, 260px) * var(--inside-intro-photo-scale-outer));
		height: calc(clamp(108px, 31vw, 146px) * var(--inside-intro-photo-scale-outer));
	}

	.inside-intro__photo--right-tall {
		top: clamp(408px, 102vw, 468px);
		right: calc(-1 * var(--inside-intro-stack-bleed) + var(--inside-intro-stack-gather));
		left: auto;
		z-index: 4;
		width: calc(clamp(136px, 40vw, 188px) * var(--inside-intro-photo-scale-outer));
		height: calc(clamp(136px, 40vw, 188px) * var(--inside-intro-photo-scale-outer));
	}

	.inside-intro__photo--accent {
		top: calc(clamp(178px, 46vw, 214px) + var(--inside-intro-stack-top-nudge));
		left: 50%;
		right: auto;
		margin-left: calc(clamp(124px, 36vw, 156px) * var(--inside-intro-photo-scale-accent) * -0.5);
		z-index: 5;
		width: calc(clamp(124px, 36vw, 156px) * var(--inside-intro-photo-scale-accent));
		height: calc(clamp(92px, 27vw, 116px) * var(--inside-intro-photo-scale-accent));
	}
}

/* --------------------------------------------------------------------------
   Mobile narrow — lock stack composition (500-range balance)
-------------------------------------------------------------------------- */

@media (max-width: 430px) {
	.inside-page {
		--inside-intro-stack-width: 100%;
		--inside-intro-stack-height: 620px;
		--inside-intro-stack-bleed: 16px;
		--inside-intro-stack-gather: 18px;
		--inside-intro-stack-top-nudge: 22px;
		--inside-intro-stack-top-row-nudge: 26px;
	}

	.inside-intro__gallery {
		width: calc(100% + (var(--inside-intro-stack-bleed) * 2));
		height: var(--inside-intro-stack-height);
		margin-inline: calc(-1 * var(--inside-intro-stack-bleed));
		padding-inline: 0;
	}

	.inside-intro__photo--left-tall {
		top: 48px;
		width: 172px;
		height: 160px;
	}

	.inside-intro__photo--top-wide {
		top: 58px;
		width: 240px;
		height: 134px;
	}

	.inside-intro__photo--bottom-wide {
		top: 318px;
		left: 18px;
		width: 256px;
		height: 140px;
	}

	.inside-intro__photo--right-tall {
		top: 444px;
		right: calc(-1 * var(--inside-intro-stack-bleed) + var(--inside-intro-stack-gather));
		width: 184px;
		height: 184px;
	}

	.inside-intro__photo--accent {
		top: 214px;
		left: 50%;
		right: auto;
		margin-left: -96px;
		width: 192px;
		height: 143px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.inside-page {
		--inside-intro-track-height: auto;
		--inside-intro-stage-height: auto;
	}

	.inside-intro__track,
	.inside-intro__stage {
		height: auto;
		overflow: visible;
	}

	.inside-intro:not(.is-intro-init) [data-intro-line],
	.inside-intro:not(.is-intro-init) [data-intro-desc] {
		opacity: 1;
		filter: none;
	}

	.inside-intro__bg {
		opacity: 1;
	}
}

/* --------------------------------------------------------------------------
   Section 2 — Slide (area tabs + swiper carousel + thumbnails)
-------------------------------------------------------------------------- */

.inside-page {
	--inside-slide-card-width: 1420px;
	--inside-slide-card-height: 720px;
	--inside-slide-active-half: calc(var(--inside-slide-card-width) / 2);
	--inside-slide-content-inset: max(0px, calc((100vw - var(--inside-slide-card-width)) / 2));
	--inside-slide-arrow-size: clamp(18px, 2.4vw, 36px);
	--inside-slide-arrow-inset: clamp(16px, 2vw, 32px);
	--inside-slide-nav-size: clamp(52px, 5.5vw, 68px);
	--inside-slide-thumb-size: 100px;
	--inside-slide-thumb-gap: 10px;
}

.inside-slide {
	--section-pt: var(--section-pt-sub);
	--inside-slide-tagline-duration: 0.65s;
	--inside-slide-tagline-ease: cubic-bezier(0.22, 1, 0.36, 1);
	/* Figma slide 114:41 — tit + tab */
	--inside-slide-title-fs: var(--ko-fs-inside-slide-title);
	--inside-slide-title-lh: var(--ko-lh-inside-slide-title);
	--inside-slide-title-ls: var(--ko-ls-inside-slide-title);
	--inside-slide-desc-fs: 22px;
	--inside-slide-desc-lh: 42px;
	--inside-slide-desc-ls: -0.44px;
	--inside-slide-title-desc-gap: 6px;
	--inside-slide-head-carousel-gap: 20px;
	--inside-slide-tab-gap: var(--v6-ko-tab-gap);
	--inside-slide-tab-arrow-size: var(--v6-ko-tab-arrow-size);
	--inside-slide-tab-arrow-gap: var(--v6-ko-tab-arrow-gap);
	--inside-slide-tab-fs: var(--v6-ko-tab-fs);
	--inside-slide-tab-lh: var(--v6-ko-tab-lh);
	--inside-slide-tab-py: var(--v6-ko-tab-py);
	overflow: hidden;
	background: #fff;
}

.inside-slide__head-area {
	position: relative;
	gap: clamp(20px, 3vw, 32px);
}

.inside-slide__intro {
	box-sizing: border-box;
	padding-left: var(--inside-slide-content-inset);
	padding-right: var(--inside-slide-content-inset);
}

.inside-page--ko .inside-slide__title {
	margin: 0;
	color: var(--color-brand);
	font-family: var(--ko-font-display);
	font-size: var(--inside-slide-title-fs);
	font-weight: var(--ko-fw-section-bold);
	line-height: var(--inside-slide-title-lh);
	letter-spacing: var(--inside-slide-title-ls);
}

.inside-slide__tagline {
	position: relative;
	display: grid;
	width: 100%;
	max-width: min(100%, 560px);
	margin: var(--inside-slide-title-desc-gap) 0 0;
}

.inside-slide__tagline-line {
	grid-area: 1 / 1;
	align-self: start;
	width: 100%;
	margin: 0;
	color: var(--color-brand);
	font-family: var(--ko-font-display);
	font-size: var(--inside-slide-desc-fs);
	font-weight: var(--ko-fw-section-light);
	line-height: var(--inside-slide-desc-lh);
	letter-spacing: var(--inside-slide-desc-ls);
	opacity: 0;
	transition: opacity var(--inside-slide-tagline-duration) var(--inside-slide-tagline-ease);
}

.inside-slide__tagline-line.is-visible {
	opacity: 1;
}

.inside-slide__tabs-wrap {
	box-sizing: border-box;
	width: 100%;
	padding-left: var(--inside-slide-content-inset);
	padding-right: var(--inside-slide-content-inset);
}

.inside-slide__tabs {
	display: block;
	width: 100%;
}

.inside-slide__tabs-list {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: var(--inside-slide-tab-gap);
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.inside-slide__tabs-list li {
	flex: 1 1 0;
	min-width: 0;
	list-style: none;
}

.inside-slide__tab {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	padding: var(--inside-slide-tab-py) 0;
	border: 0;
	border-bottom: 1px solid var(--color-border, #e1dad1);
	background: transparent;
	color: var(--color-text);
	font-family: var(--ko-font-display);
	font-size: var(--inside-slide-tab-fs);
	font-weight: var(--ko-fw-section-light);
	line-height: var(--inside-slide-tab-lh);
	letter-spacing: -0.02em;
	text-align: left;
	white-space: nowrap;
	cursor: pointer;
	transition:
		color var(--transition-base),
		font-size var(--transition-base),
		line-height var(--transition-base),
		font-weight var(--transition-base),
		padding var(--transition-base);
}

.inside-slide__tab.is-active {
	color: var(--color-brand);
	font-weight: var(--ko-fw-section-bold);
}

.inside-slide__tab:focus-visible {
	outline: 1px solid var(--color-brand-10);
	outline-offset: 2px;
}

.inside-slide__tab-arrow {
	display: block;
	flex-shrink: 0;
	width: var(--inside-slide-tab-arrow-size);
	max-width: 0;
	height: calc(var(--inside-slide-tab-arrow-size) * var(--v6-ko-tab-arrow-ratio, 0.4));
	margin-right: 0;
	overflow: hidden;
	background-color: currentColor;
	opacity: 0;
	transform: translateX(-6px);
	transform-origin: left center;
	-webkit-mask: url("../ico/ico_arrow_right.svg") center /
		var(--inside-slide-tab-arrow-size)
		calc(var(--inside-slide-tab-arrow-size) * var(--v6-ko-tab-arrow-ratio, 0.4)) no-repeat;
	mask: url("../ico/ico_arrow_right.svg") center /
		var(--inside-slide-tab-arrow-size)
		calc(var(--inside-slide-tab-arrow-size) * var(--v6-ko-tab-arrow-ratio, 0.4)) no-repeat;
	transition:
		opacity var(--transition-base),
		max-width var(--transition-base),
		margin-right var(--transition-base),
		transform var(--transition-base);
}

.inside-slide__tab.is-active .inside-slide__tab-arrow {
	max-width: var(--inside-slide-tab-arrow-size);
	margin-right: var(--inside-slide-tab-arrow-gap);
	opacity: 1;
	transform: translateX(0);
}

.inside-slide__tab-label {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ≤900 — stack; 901+ — Figma row (must follow base .inside-slide__head-area) */
@media (max-width: 900px) {
	.inside-slide__head-area {
		display: flex;
		flex-direction: column;
	}
}

@media (min-width: 901px) {
	.inside-page--ko .inside-slide__head-area {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		align-items: start;
		gap: 0;
		box-sizing: border-box;
		width: 100%;
		max-width: calc(var(--inside-slide-card-width) + (2 * var(--inside-slide-content-inset)));
		margin-inline: auto;
		padding-inline: var(--inside-slide-content-inset);
	}

	.inside-page--ko .inside-slide__intro {
		padding-left: 0;
		padding-right: 0;
	}

	.inside-page--ko .inside-slide__tabs-wrap {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.inside-page--ko .inside-slide__tabs,
	.inside-page--ko .inside-slide__tabs-list {
		width: 100%;
		max-width: none;
	}
}

.inside-slide__carousel {
	position: relative;
	width: 100%;
	height: var(--inside-slide-card-height);
	margin-top: var(--inside-slide-head-carousel-gap);
	overflow: hidden;
	--inside-slide-fade-duration: 0.9s;
}

.inside-slide__track {
	align-items: flex-start;
}

.inside-slide__card {
	flex: 0 0 auto;
	width: var(--inside-slide-card-width);
	height: var(--inside-slide-card-height);
	overflow: hidden;
}

.inside-slide__image {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: var(--radius-md);
	transform: translateY(24px) scale(0.97);
	transform-origin: center top;
	opacity: 1;
	transition:
		transform var(--transition-carousel),
		opacity var(--inside-slide-fade-duration) ease;
}

.inside-slide__card.swiper-slide-active .inside-slide__image {
	transform: translateY(0) scale(1);
}

.inside-slide.is-transitioning .inside-slide__card:not(.swiper-slide-active) .inside-slide__image {
	opacity: 1;
}

.inside-slide__image-overlay {
	display: none;
}

.inside-slide__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	user-select: none;
	pointer-events: none;
	-webkit-user-drag: none;
}

.inside-slide__nav {
	position: absolute;
	top: 50%;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--inside-slide-nav-size);
	height: var(--inside-slide-nav-size);
	padding: 0;
	border: 0;
	border-radius: var(--radius-sm);
	background: transparent;
	cursor: pointer;
	isolation: isolate;
	transform: translateY(-50%);
}

.inside-slide__nav::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: var(--color-white-06);
	border: 1px solid var(--color-white-20);
	box-shadow: var(--shadow-glass-inset-soft);
	backdrop-filter: var(--blur-sm);
	-webkit-backdrop-filter: var(--blur-sm);
	opacity: 0;
	transition: opacity var(--transition-base);
	pointer-events: none;
}

.inside-slide__nav:hover::before,
.inside-slide__nav:focus-visible::before {
	opacity: 1;
}

.inside-slide__nav--prev {
	left: calc(50% - var(--inside-slide-active-half) + var(--inside-slide-arrow-inset));
}

.inside-slide__nav--next {
	right: calc(50% - var(--inside-slide-active-half) + var(--inside-slide-arrow-inset));
}

.inside-slide__nav-icon {
	position: relative;
	z-index: 1;
	display: block;
	flex-shrink: 0;
	width: var(--inside-slide-arrow-size);
	height: var(--inside-slide-arrow-size);
	user-select: none;
	pointer-events: none;
	-webkit-user-drag: none;
}

.inside-slide__nav:focus-visible {
	outline: 2px solid var(--color-brand);
	outline-offset: 4px;
}

.inside-slide__foot-wrap {
	width: 100%;
	margin-top: clamp(16px, 1.4vw, 20px);
	padding-left: var(--inside-slide-content-inset);
	box-sizing: border-box;
}

.inside-slide__foot {
	width: 100%;
	max-width: var(--inside-slide-card-width);
}

.inside-slide__thumbs-group {
	display: none;
	flex-wrap: wrap;
	gap: var(--inside-slide-thumb-gap);
}

.inside-slide__thumbs-group.is-active {
	display: flex;
}

.inside-slide__thumb {
	position: relative;
	width: var(--inside-slide-thumb-size);
	height: var(--inside-slide-thumb-size);
	padding: 0;
	border: 2px solid transparent;
	border-radius: var(--radius-md);
	overflow: hidden;
	background: var(--color-placeholder);
	cursor: pointer;
}

.inside-slide__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	user-select: none;
	pointer-events: none;
	-webkit-user-drag: none;
}

.inside-slide__thumb-overlay {
	position: absolute;
	inset: 0;
	background: var(--color-brand-20);
	opacity: 0;
	transition: opacity var(--transition-base);
	pointer-events: none;
}

.inside-slide__thumb.is-active {
	border-color: var(--color-brand);
}

.inside-slide__thumb.is-active .inside-slide__thumb-overlay {
	opacity: 1;
}

.inside-slide__thumb:focus-visible {
	outline: 2px solid var(--color-brand);
	outline-offset: 2px;
}

/* Desktop — tabs + tagline row (PC Figma) */

@media (min-width: 1024px) {
	.inside-page {
		--inside-slide-card-width: clamp(920px, 98.6vw, 1420px);
		--inside-slide-card-height: clamp(467px, 49.97vw, 720px);
	}

	.inside-slide {
		--inside-slide-title-fs: var(--ko-fs-inside-slide-title);
		--inside-slide-title-lh: var(--ko-lh-inside-slide-title);
		--inside-slide-title-ls: var(--ko-ls-inside-slide-title);
		--inside-slide-desc-fs: clamp(18px, 1.53vw, 22px);
		--inside-slide-desc-lh: clamp(32px, 2.92vw, 42px);
		--inside-slide-desc-ls: clamp(-0.36px, -0.02em, -0.44px);
		--inside-slide-head-carousel-gap: clamp(16px, 1.39vw, 20px);
	}

	.inside-slide__tagline-line {
		white-space: nowrap;
	}
}

/* Desktop scale — treatment carousel pattern (card tokens above) */

/* Tablet — treatment carousel pattern */

@media (min-width: 768px) and (max-width: 1023px) {
	.inside-page {
		--inside-slide-card-width: clamp(620px, 81vw, 920px);
		--inside-slide-card-height: clamp(315px, 41.08vw, 466px);
		--inside-slide-arrow-size: clamp(12px, 1.6vw, 22px);
		--inside-slide-arrow-inset: clamp(12px, 1.8vw, 24px);
		--inside-slide-nav-size: clamp(44px, 5vw, 56px);
		--inside-slide-thumb-size: clamp(72px, 9.4vw, 88px);
	}

	.inside-slide {
		--section-pt: var(--section-pt-sub);
	}

	.inside-slide__carousel {
		height: var(--inside-slide-card-height);
		margin-top: clamp(32px, 4.2vw, 48px);
	}

	.inside-slide__card {
		height: var(--inside-slide-card-height);
	}
}

/* Mobile — treatment carousel pattern */

@media (max-width: 767px) {
	.inside-page {
		--inside-slide-card-width: 340px;
		--inside-slide-card-height: 360px;
		--inside-slide-arrow-size: clamp(10px, 2.8vw, 14px);
		--inside-slide-arrow-inset: clamp(8px, 2.5vw, 12px);
		--inside-slide-nav-size: clamp(27px, 7.3vw, 32px);
		--inside-slide-thumb-size: clamp(64px, 17vw, 80px);
		--inside-slide-thumb-gap: 8px;
	}

	.inside-slide {
		--section-pt: var(--section-pt-sub-lead);
	}

	.inside-slide {
		--inside-slide-title-fs: var(--ko-fs-inside-slide-title);
		--inside-slide-title-lh: var(--ko-lh-inside-slide-title);
		--inside-slide-title-ls: var(--ko-ls-inside-slide-title);
		--inside-slide-desc-fs: clamp(16px, 4.2vw, 18px);
		--inside-slide-desc-lh: clamp(28px, 7.3vw, 32px);
		--inside-slide-desc-ls: -0.36px;
		--inside-slide-title-desc-gap: 8px;
		--inside-slide-head-carousel-gap: clamp(20px, 5.3vw, 28px);
	}

	.inside-slide__head-area {
		gap: clamp(20px, 5vw, 28px);
	}

	.inside-page--ko .inside-slide__tab-label {
		white-space: normal;
	}

	.inside-slide__carousel {
		height: 360px;
		margin-top: clamp(24px, 6.4vw, 36px);
	}

	.inside-slide__card {
		display: flex;
		align-items: center;
		justify-content: center;
		width: var(--inside-slide-card-width);
		height: 360px;
	}

	.inside-slide__image {
		width: 100%;
		height: 100%;
		transform: none;
		opacity: 1;
		border-radius: var(--radius-sm);
	}

	.inside-slide__card.swiper-slide-active .inside-slide__image {
		transform: none;
	}

	.inside-slide.is-transitioning .inside-slide__card:not(.swiper-slide-active) .inside-slide__image {
		opacity: 1;
	}

	.inside-slide__foot-wrap {
		margin-top: clamp(12px, 3.2vw, 16px);
	}
}