body { overflow-x: clip; }
.lp-heading h1,
.lp-feature h1 { margin-bottom: 3.2vw; }

.lp-heading h2,
.lp-feature h2 { margin-bottom: 1vw; }

.lp-look::after { content: none; }

.lp-look__icon { width: 2vw; height: 2vw; position: absolute; right: .8vw; bottom: .8vw; pointer-events: none; }
.lp-look__icon::before,
.lp-look__icon::after { content: ""; position: absolute; left: 50%; top: 50%; background: #fff; transform: translate(-50%, -50%); }
.lp-look__icon::before { width: 100%; height: 1px; }
.lp-look__icon::after { width: 1px; height: 100%; }
.lp-visual__photo picture,
.lp-visual__photo picture img { display: block; width: 100%; height: auto; }


@media screen and (min-width: 769px) {
	.lp-look__icon { width: 25px; height: 25px; }
	.lp-heading h1, .lp-feature h1 { margin-bottom: 1.6vw; }
	.lp-visual { padding: 2.5vw; box-sizing: border-box; display: flex; flex-direction: column; background: #343333; }
	.lp-visual { top: 0; }
	.lp-visual__photo { width: 50%; height: auto; }
	.lp-visual__photo picture, .lp-visual__photo picture img { display: block; width: 100%; height: auto; }
	.lp-visual__title { width: 100%; position: static; margin-top: 3.3125vw; }
	.lp-visual__title img { width: 99.68%; }
	.lp-visual__meta { width: 100%; position: static; margin-top: 2vw; font-size: 1vw; }
	.look-modal__close { width: 50px; height: 50px; }
}

.lp-color__label { position: absolute; left: 0; z-index: 2; color: #000; font-family: "helvetica-neue-lt-pro", sans-serif; font-size: 1.02vw; font-weight: 700; letter-spacing: .04em; line-height: 1; white-space: nowrap; pointer-events: none; }
.lp-color__label--after { top: calc(100% + 1.3vw); }
.lp-color__label--before { bottom: calc(100% + 1.3vw); }

.lp-heading--compact p { margin-bottom: .1vw; }
.lp-heading--compact h1 { margin-bottom: 0; }
.lp-heading--compact + .lp-section__hero { margin-bottom: 1.2vw; }
.lp-section--trend .lp-feature { margin-bottom: 1.2vw; }
.lp-section--trend .lp-section__main-credit { margin-bottom: 1.2vw; }
.lp-shoes__photo,
.lp-shoes__photo .lp-look { display: block; width: 100%; }
.lp-shoes__photo .lp-photo { aspect-ratio: 2 / 3; }
.lp-scroll__item { flex: 0 0 36%; }
.lp-scroll__item .lp-photo { display: block; width: 100%; aspect-ratio: 2 / 3; }

.lp-preview { width: 100%; margin-left: 0; padding: 0 2.5vw 4vw; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 2.5vw; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif; }
.lp-preview__heading { width: 100%; text-align: center; font-family: "helvetica-neue-lt-pro", sans-serif; font-weight: 700; }
.lp-preview__heading h2 { margin: 0; font-size: 3vw; line-height: .9; letter-spacing: -.04em; }
.lp-preview__heading p { margin: 0; font-size: 2.2vw; line-height: .9; letter-spacing: -.04em; }
.lp-preview__embed { width: 100%; aspect-ratio: 350 / 197; background: #bdbdbd; }
.lp-preview__embed iframe { display: block; width: 100%; height: 100%; border: 0; }
.lp-preview__intro, .lp-preview__info { width: 100%; font-size: .94vw; line-height: 1.8; }
.lp-preview__intro p { margin: 0 0 .8vw; }
.lp-preview__intro p:last-child { margin-bottom: 0; }
.lp-preview__info h3 { margin: 0 0 .625vw; font-size: 1.1vw; line-height: 1.8; }
.lp-preview__info dl, .lp-preview__info dd { margin: 0; }
.lp-preview__info dl > div { margin-bottom: .625vw; }
.lp-preview__info dl > div:last-child { margin-bottom: 0; }
.lp-preview__info dt { font-weight: 700; }

/* Footer added to the Figma PC frame (640 × 229). */
footer {
	width: 100%;
	margin-left: 0;
	padding: 1.875vw;
	border-top: 0;
	background: #343333;
	color: #fff;
	display: flex;
	align-items: flex-end;
	position: relative;
}
footer a { color: #fff; text-decoration: none; }
footer .infoot { width: 53.44%; display: flex; flex-direction: column; gap: 6.25vw; }
footer .infoot > div { width: 100%; position: static; }
footer .infoot ul { display: block; margin: 0; padding: 0; }
footer .infoot li { margin: 0 0 1vw; font-family: "helvetica-neue-lt-pro", sans-serif; font-size: .8vw; font-weight: 400; line-height: 1; letter-spacing: .06vw; }
footer .infoot li:last-child { margin-bottom: 0; }
footer .pgtop { display: block; position: absolute; right: 1.875vw; bottom: 1.875vw; font-family: "helvetica-neue-lt-pro", sans-serif; font-size: .8vw; font-weight: 400; line-height: 1; letter-spacing: .06vw; white-space: nowrap; }
footer .copy { margin: 0; font-family: "helvetica-neue-lt-pro", sans-serif; font-size: .6vw; font-weight: 400; line-height: 1; letter-spacing: .06vw; white-space: nowrap; }

@media screen and (max-width: 768px) {
	footer { min-height: 0; padding: 24px; }
	.lp-preview { width: 100%; margin-left: 0; padding: 0 5.128vw 10vw; gap: 8.205vw; }
	.lp-preview__heading h2 { font-size: 9.744vw; }
	.lp-preview__heading p { font-size: 7.179vw; }
	.lp-preview__intro, .lp-preview__info { font-size: 3.077vw; }
	.lp-preview__intro p { margin-bottom: 2.564vw; }
	.lp-preview__info h3 { margin-bottom: 2.05vw; font-size: 3.59vw; }
	.lp-preview__info dl > div { margin-bottom: 2.05vw; }
	footer .infoot { width: 100%; gap: 48px; }
	footer .infoot li { margin-bottom: 12px; font-size: 2.5vw; letter-spacing: .2vw; }
	footer .pgtop { right: 24px; bottom: 24px; font-size: 2.5vw; letter-spacing: .2vw; }
	footer .copy { font-size: 2.3vw; letter-spacing: .23vw; }
}

.lp-credit a,
.look-detail__credits a {
	display: inline-block;
	padding-bottom: 0;
	border-bottom: 0;
	text-decoration: none;
}
.look-detail__credits p { margin-bottom: 1.5vw; }

/* The product description starts at the top of each DENIM pair on both breakpoints. */
.lp-denim-row .lp-credit { align-self: flex-start; }
.lp-credit__title { display: block; margin-bottom: .5vw; font-family: "helvetica-neue-lt-pro", sans-serif; font-size: 1.25vw; line-height: 1; }
.lp-denim-row .lp-credit span,
.lp-denim-row .lp-credit a { display: block; }
.lp-denim-row .lp-credit a { margin-top: .5vw; }
.lp-denim-row .lp-credit span:not(:first-of-type) { margin-top: 1.5vw; }

@media screen and (max-width: 768px) {
	.lp-look__icon { width: 4vw; height: 4vw; right: 2vw; bottom: 2vw; }
	.lp-color__label { font-size: 2.3vw; }.lp-color__label--after { top: calc(100% + 2.6vw); }.lp-color__label--before { bottom: calc(100% + 2.6vw); }
}

@media screen and (min-width: 769px) {
	/* PLAYFUL: staggered columns stay in normal flow, so image height determines the section height. */
	.lp-color__grid { display: flex; align-items: flex-start; height: auto; padding: 2.56vw; gap: 5.04%; }
	.lp-color__column { flex: 0 0 calc((100% - 5.04%) / 2); }
	.lp-color__grid .lp-look { width: 100%; position: relative; transform: none !important; }
	.lp-color__grid .lp-look + .lp-look { margin-top: 2.56vw; }
	.lp-color__grid .lp-look .lp-photo { aspect-ratio: 2 / 3; }
	.lp-color__grid--three .lp-color__column--right { padding-top: 17.43vw; }
	.lp-color__grid--five .lp-color__column--left { padding-top: 18.33vw; }
	.lp-color__grid--five .lp-color__column--right, .lp-color__grid--four .lp-color__column--right { padding-top: 0; }
	.lp-color:nth-child(3) .lp-color__column--left, .lp-color:nth-child(4) .lp-color__column--left { padding-top: 17.43vw; }
	.lp-color:nth-child(3) .lp-color__column--right { padding-top: 0; }

	/* OUTER: each Figma row contains a 364×546 main image and a 243×364 sub image. */
	.lp-outer-list { padding-top: 2.56vw; }
	.lp-outer-row { height: 42.69vw; position: relative; margin-bottom: 2.56vw; }
	.lp-outer-row__main { width: 56.92%; position: absolute; top: 0; left: 0; }
	.lp-outer-row__main .lp-photo { aspect-ratio: 2 / 3; }
	.lp-outer-row__sub { width: 37.95%; aspect-ratio: 2 / 3; position: absolute; top: 14.23vw; right: 0; }
	.lp-outer-row:nth-child(even) .lp-outer-row__main { left: auto; right: 0; }
	.lp-outer-row:nth-child(even) .lp-outer-row__sub { right: auto; left: 0; }
	.lp-outer-row--4 .lp-outer-row__sub { top: 0; }
	.lp-outer-row--4 .lp-outer-row__main { left: auto; right: 0; }
	.lp-outer-row--4 .lp-outer-row__sub { left: 0; right: auto; }
	.lp-outer-row--5 .lp-outer-row__main { left: auto; right: 0; }
	.lp-outer-row--5 .lp-outer-row__sub { left: 0; right: auto; }
	.lp-outer-row--6 { height: 33.33vw; }.lp-outer-row--6 .lp-outer-row__main { width: 100%; }.lp-outer-row--6 .lp-outer-row__main .lp-photo { aspect-ratio: 3 / 2; }.lp-outer-row--6 .lp-outer-row__sub { display: none; }
	.lp-outer-row--9 { width: 56.92%; }.lp-outer-row--9 .lp-outer-row__main { width: 100%; left: 0; right: auto; }.lp-outer-row--9 .lp-outer-row__sub { display: none; }
	.lp-outer-row__copy { position: absolute; inset: 0; z-index: 2; color: #fff; pointer-events: none; }
	.lp-outer-row__copy strong, .lp-outer-row__copy small { display: block; position: absolute; font-family: "helvetica-neue-lt-pro", sans-serif; font-weight: 700; line-height: 1; letter-spacing: .03em; white-space: nowrap; }
	.lp-outer-row__copy strong { font-size: 3.125vw; }.lp-outer-row__copy small { font-size: 1.25vw; }
	/* Copy is positioned against .lp-outer-row__main (the main photo), not the full row. */
	.lp-outer-row--1 .lp-outer-row__copy strong { left: 4.5%; top: 42.94%; right: auto; text-align: left !important; transform: none !important; }.lp-outer-row--1 .lp-outer-row__copy small { left: 4.96%; top: 58.44%; right: auto; text-align: left !important; transform: none !important; }
	.lp-outer-row--2 .lp-outer-row__copy strong { left: 49.7%; top: 41.18%; text-align: center; transform: translateX(-50%); }.lp-outer-row--2 .lp-outer-row__copy small { left: 50.1%; top: 56.76%; text-align: center; transform: translateX(-50%); }
	.lp-outer-row--3 .lp-outer-row__copy strong { left: 50%; top: 47.16%; text-align: center; transform: translateX(-50%); }.lp-outer-row--3 .lp-outer-row__copy small { left: 50.2%; top: 55.4%; text-align: center; transform: translateX(-50%); }
	.lp-outer-row--4 .lp-outer-row__copy strong { left: 50%; top: 70.16%; text-align: center; transform: translateX(-50%); }.lp-outer-row--4 .lp-outer-row__copy small { left: 50.3%; top: 78.39%; text-align: center; transform: translateX(-50%); }
	.lp-outer-row--5 .lp-outer-row__copy strong { left: 4.5%; top: 44.14%; text-align: left !important; transform: none !important; }
	.lp-outer-row--6 .lp-outer-row__copy strong { left: 18.44%; top: 4.66%; text-align: center; transform: translateX(-50%); }.lp-outer-row--6 .lp-outer-row__copy small { left: 3.15%; top: 15.21%; }
	.lp-outer-row--8 .lp-outer-row__copy strong { left: 4.5%; top: 38.74%; text-align: left !important; transform: none !important; }.lp-outer-row--8 .lp-outer-row__copy small { left: 4.96%; top: 54.37%; text-align: left !important; transform: none !important; }
	.lp-outer-row--9 .lp-outer-row__copy strong { left: 4.5%; top: 39.94%; text-align: left !important; transform: none !important; }.lp-outer-row--9 .lp-outer-row__copy small { left: 4.96%; top: 55.57%; text-align: left !important; transform: none !important; }

	.lp-section--chic .lp-feature__copy { text-align: center; }
	.lp-section--chic .lp-feature__copy h1, .lp-section--chic .lp-feature__copy h2, .lp-section--chic .lp-feature__copy p { margin-left: auto; margin-right: auto; }
	.lp-section--chic .lp-feature__copy { padding-top: 4.38vw; }
	.lp-section--red .lp-feature__copy, .lp-section--trend .lp-feature__copy { min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: transparent; }
	.lp-section--red .lp-feature__copy h1, .lp-section--red .lp-feature__copy h2, .lp-section--red .lp-feature__copy p, .lp-section--trend .lp-feature__copy h1, .lp-section--trend .lp-feature__copy h2, .lp-section--trend .lp-feature__copy p { margin-left: auto; margin-right: auto; }
	.lp-section--chic .lp-feature { margin-bottom: .63vw; }
	.lp-section--chic .lp-chic-grid { gap: .63vw; }
	.lp-heading--center { text-align: center; padding-top: 4.1vw; padding-bottom: 4.1vw; }
	.lp-section__hero { width: 100%; aspect-ratio: 2 / 3; }
	.lp-denim-list { padding: 2.56vw; }
	.lp-denim-row { min-height: 36.22vw; display: flex; align-items: flex-start; padding-bottom: 2.56vw; margin-bottom: 2.56vw; border-bottom: 1px solid #000; }
	.lp-denim-row__photo { width: 50%; margin-left: auto; aspect-ratio: 2 / 3; }
	.lp-denim-row .lp-credit { width: 50%; align-self: flex-start; }.lp-denim-row:nth-child(even) { flex-direction: row-reverse; }.lp-denim-row:nth-child(even) .lp-denim-row__photo { margin-left: 0; }.lp-denim-row:nth-child(even) .lp-credit { text-align: right; }
	.lp-denim-row:nth-child(even) { flex-direction: row; }.lp-denim-row:nth-child(even) .lp-denim-row__photo { margin-left: auto; }.lp-denim-row:nth-child(even) .lp-credit { text-align: left; }
	.lp-look-grid--two { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.56vw 2.05vw; padding: 2.56vw 0; }.lp-card__photo, .lp-card__photo .lp-look { display: block; width: 100%; }.lp-card__photo .lp-photo { aspect-ratio: 2 / 3; }
	.lp-bag-list { padding-top: 0; }.lp-bag-row { min-height: 36.73vw; display: flex; align-items: flex-end; }.lp-bag-row .lp-look { width: 48.97%; }.lp-bag-row .lp-look .lp-photo { aspect-ratio: 2 / 3; }.lp-bag-row__credits { width: 51.03%; padding: 2.56vw; display: flex; flex-direction: column; align-self: stretch; justify-content: flex-end; gap: 1vw; }.lp-bag-row__credits .lp-credit { width: 100%; padding: 0; }.lp-bag-row:nth-child(even) { flex-direction: row-reverse; }.lp-bag-row:nth-child(even) .lp-bag-row__credits { text-align: right; }
}

@media screen and (max-width: 768px) {
	.lp-visual__title { bottom: 6.4%; }
	.lp-color__grid { display: flex; align-items: flex-start; height: auto; padding: 5.13vw; gap: 5.04%; }
	.lp-color__column { flex: 0 0 calc((100% - 5.04%) / 2); }
	.lp-color__grid .lp-look { width: 100%; position: relative; transform: none !important; }
	.lp-color__grid .lp-look + .lp-look { margin-top: 5.13vw; }
	.lp-color__grid--three .lp-color__column--right { padding-top: 34.87vw; }
	.lp-color__grid--five .lp-color__column--left { padding-top: 36.67vw; }
	.lp-color__grid--five .lp-color__column--right, .lp-color__grid--four .lp-color__column--right { padding-top: 0; }
	.lp-color:nth-child(3) .lp-color__column--left, .lp-color:nth-child(4) .lp-color__column--left { padding-top: 34.87vw; }
	.lp-color:nth-child(3) .lp-color__column--right { padding-top: 0; }

	/* OUTER uses the PC composition at SP scale: 222×333 main / 148×222 sub. */
	.lp-outer-list { padding-top: 5.13vw; }
	.lp-outer-row { height: 85.38vw; position: relative; margin-bottom: 5.13vw; }
	.lp-outer-row__main { width: 56.92%; position: absolute; top: 0; left: 0; }
	.lp-outer-row__main .lp-photo { aspect-ratio: 2 / 3; }
	.lp-outer-row__sub { width: 37.95%; aspect-ratio: 2 / 3; position: absolute; top: 28.46vw; right: 0; }
	.lp-outer-row:nth-child(even) .lp-outer-row__main { left: auto; right: 0; }
	.lp-outer-row:nth-child(even) .lp-outer-row__sub { right: auto; left: 0; }
	.lp-outer-row--4 .lp-outer-row__main { left: auto; right: 0; }.lp-outer-row--4 .lp-outer-row__sub { left: 0; right: auto; top: 0; }
	.lp-outer-row--5 .lp-outer-row__main { left: auto; right: 0; }.lp-outer-row--5 .lp-outer-row__sub { left: 0; right: auto; }
	.lp-outer-row--6 { height: 66.67vw; }.lp-outer-row--6 .lp-outer-row__main { width: 100%; }.lp-outer-row--6 .lp-outer-row__main .lp-photo { aspect-ratio: 3 / 2; }.lp-outer-row--6 .lp-outer-row__sub { display: none; }
	.lp-outer-row--9 { width: 56.92%; }.lp-outer-row--9 .lp-outer-row__main { width: 100%; left: 0; right: auto; }.lp-outer-row--9 .lp-outer-row__sub { display: none; }
	.lp-outer-row__copy { position: absolute; inset: 0; z-index: 2; color: #fff; pointer-events: none; }.lp-outer-row__copy strong, .lp-outer-row__copy small { display: block; position: absolute; font-family: "helvetica-neue-lt-pro", sans-serif; font-weight: 700; line-height: 1; letter-spacing: .03em; white-space: nowrap; }.lp-outer-row__copy strong { font-size: 7.18vw; }.lp-outer-row__copy small { font-size: 3.08vw; }
	.lp-outer-row--1 .lp-outer-row__copy strong { left: 4.5%; top: 42.94%; right: auto; text-align: left !important; transform: none !important; }.lp-outer-row--1 .lp-outer-row__copy small { left: 4.95%; top: 60.36%; right: auto; text-align: left !important; transform: none !important; }
	.lp-outer-row--2 .lp-outer-row__copy strong { left: 49.77%; top: 39.94%; text-align: center; transform: translateX(-50%); }.lp-outer-row--2 .lp-outer-row__copy small { left: 50%; top: 57.36%; text-align: center; transform: translateX(-50%); }
	.lp-outer-row--3 .lp-outer-row__copy strong { left: 49.77%; top: 44.14%; text-align: center; transform: translateX(-50%); }.lp-outer-row--3 .lp-outer-row__copy small { left: 50.23%; top: 53.15%; text-align: center; transform: translateX(-50%); }
	.lp-outer-row--4 .lp-outer-row__copy strong { left: 49.77%; top: 44.14%; text-align: center; transform: translateX(-50%); }.lp-outer-row--4 .lp-outer-row__copy small { left: 50%; top: 53.15%; text-align: center; transform: translateX(-50%); }
	.lp-outer-row--5 .lp-outer-row__copy strong { left: 4.5%; top: 44.14%; text-align: left !important; transform: none !important; }
	.lp-outer-row--6 .lp-outer-row__copy strong { left: 22.69%; top: 7.69%; text-align: center; transform: translateX(-50%); }.lp-outer-row--6 .lp-outer-row__copy small { left: 5.38%; top: 19.23%; }
	.lp-outer-row--8 .lp-outer-row__copy strong { left: 4.5%; top: 38.74%; text-align: left !important; transform: none !important; }.lp-outer-row--8 .lp-outer-row__copy small { left: 4.95%; top: 56.15%; text-align: left !important; transform: none !important; }
	.lp-outer-row--9 .lp-outer-row__copy strong { left: 4.5%; top: 39.94%; text-align: left !important; transform: none !important; }.lp-outer-row--9 .lp-outer-row__copy small { left: 4.95%; top: 57.36%; text-align: left !important; transform: none !important; }
	.lp-section--chic .lp-feature { margin-bottom: 2vw; }.lp-section--chic .lp-feature__copy { text-align: center; padding-top: 11vw; }.lp-section--chic .lp-feature__copy h1, .lp-section--chic .lp-feature__copy h2, .lp-section--chic .lp-feature__copy p { margin-left: auto; margin-right: auto; }
	.lp-section--red .lp-feature__copy, .lp-section--trend .lp-feature__copy { min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: transparent; }.lp-section--red .lp-feature__copy h1, .lp-section--red .lp-feature__copy h2, .lp-section--red .lp-feature__copy p, .lp-section--trend .lp-feature__copy h1, .lp-section--trend .lp-feature__copy h2, .lp-section--trend .lp-feature__copy p { margin-left: auto; margin-right: auto; }
	.lp-heading--center { text-align: center; padding-top: 8vw; padding-bottom: 8vw; }.lp-section__hero { aspect-ratio: 2 / 3; }
	/* DENIM: text and image always sit side-by-side, with their top edges aligned. */
	.lp-denim-list { padding: 5.13vw; }.lp-denim-row { min-height: 72.44vw; display: flex; align-items: flex-start; padding-bottom: 5.13vw; margin-bottom: 5.13vw; border-bottom: 1px solid #000; }.lp-denim-row__photo { width: 50%; margin-left: auto; aspect-ratio: 2 / 3; }.lp-denim-row .lp-credit { width: 50%; align-self: flex-start; }
	.lp-denim-row:nth-child(even) { flex-direction: row; }.lp-denim-row:nth-child(even) .lp-denim-row__photo { margin-left: auto; }.lp-denim-row:nth-child(even) .lp-credit { text-align: left; }
	.lp-credit__title { display: block; margin-bottom: .5vw; font-size: 4.1vw; line-height: 1; }.lp-denim-row .lp-credit span, .lp-denim-row .lp-credit a { display: block; }.lp-denim-row .lp-credit a { margin-top: .5vw; }.lp-denim-row .lp-credit span:not(:first-of-type) { margin-top: 1.5vw; }
	/* Figma SP: two-column product cards are 191px wide with 8px columns / 24px rows. */
	.lp-look-grid--two { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6.15vw 2.05vw; padding: 5.13vw 0; }
	.lp-card__photo, .lp-card__photo .lp-look { display: block; width: 100%; }
	.lp-card__photo .lp-photo { aspect-ratio: 2 / 3; }

	/* TREND ESSENCE starts flush to the viewport and uses 150px cards. */
	.lp-section--trend .lp-feature { margin-bottom: 2.05vw; }
	.lp-section--trend .lp-scroll { gap: 2.05vw; padding: 0 0 2.05vw; }
	.lp-section--trend .lp-scroll__item { flex-basis: 38.36%; }

	/* IT BAG: equal image/copy columns separated by the 8px Figma gutter. */
	.lp-bag-row { min-height: 73.46vw; display: flex; align-items: flex-end; gap: 2.05vw; }
	.lp-bag-row .lp-look { width: 48.97%; }
	.lp-bag-row__credits { width: 48.97%; padding: 2.05vw; display: flex; flex-direction: column; align-self: stretch; justify-content: flex-end; gap: 2.05vw; }
	.lp-bag-row__credits .lp-credit { width: 100%; padding: 0; }
	.lp-bag-row:nth-child(even) { flex-direction: row-reverse; }.lp-bag-row:nth-child(even) .lp-bag-row__credits { text-align: right; }

	/* IT SHOES: section and horizontal rails match the 390px SP frame. */
	.lp-shoes { padding: 10.26vw 0; }
	.lp-shoes__group { margin-bottom: 12.3vw; }
	.lp-shoes__title { margin: 0 6.15vw 4.1vw; font-size: 7.18vw; }
	.lp-shoes__scroll { gap: 2.05vw; padding: 0 0 2.05vw; }
	.lp-shoes__item { flex-basis: 38.36%; }
	.lp-shoes__item .lp-credit { padding: 2.05vw; font-size: 3.08vw; }
}

/* Product assets define their own proportions. */
.lp-section__hero,
.lp-shoes__hero,
.lp-card__photo .lp-photo,
.lp-scroll__item .lp-photo,
.lp-shoes__photo .lp-photo,
.lp-bag-row .lp-look .lp-photo { aspect-ratio: auto; }

.lp-card .lp-look,
.lp-bag-row .lp-look,
.lp-shoes__item .lp-look,
.lp-denim-row .lp-look { cursor: default; }
.lp-look--static { cursor: default; }

/* DENIM: each row uses its natural image height; the copy and slider align at the top. */
.lp-denim-row { min-height: 0; align-items: flex-start; }
.lp-denim-slider { width: 50%; margin-left: auto; aspect-ratio: auto; position: relative; display: grid; }
.lp-denim-slider__slide { display: block; grid-area: 1 / 1; width: 100%; height: auto; opacity: 0; pointer-events: none; transition: opacity .35s ease; }
.lp-denim-slider__slide.is-active { opacity: 1; }
.lp-denim-slider__slide[hidden] { display: none !important; }
.lp-denim-slider__dots { display: flex; justify-content: flex-end; gap: 6px; position: absolute; right: 10px; bottom: 10px; z-index: 1; }
.lp-denim-slider__dot { width: 8px; height: 8px; padding: 0; border: 1px solid #fff; border-radius: 50%; background: transparent; cursor: pointer; }
.lp-denim-slider__dot.is-active { background: #fff; }

.look-slider { position: relative; }
.look-slider__slides { display: grid; }
.look-slider__slide { display: block; grid-area: 1 / 1; width: 100%; height: auto; opacity: 0; transition: opacity .35s ease; }
.look-slider__slide.is-active { opacity: 1; }
.look-slider__arrow { width: 26px; height: 46px; padding: 0; border: 0; background: transparent; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }
.look-slider__arrow--prev { left: 16px; }
.look-slider__arrow--next { right: 16px; }
.look-slider__arrow img { display: block; width: 60%; height: auto; margin: 0 auto; }
.look-detail__credits p { margin-bottom: .5vw; }
.look-detail__credit { display: flex; align-items: baseline; gap: .4em; margin-bottom: .5vw; white-space: nowrap; }
.look-detail__credit > div { flex: 0 0 auto; }
.lp-credit > div { display: block; }
.item-d-none { display: none !important; }
.lp-restock { display: none; }
.item-d-none + .lp-restock { display: inline; }
.lp-denim-row .lp-credit span.lp-restock { margin-top: .5vw; }
.lp-denim-row .item-d-none + .lp-restock { display: block; }
.lp-denim-row .lp-restock a { margin-top: 0; }

@media screen and (max-width: 768px) {
	.look-slider__arrow--prev { left: 1vw; }
	.look-slider__arrow--next { right: 1vw; }
}


.has-title-reveal .lp-section .lp-heading, .has-title-reveal .lp-section .lp-feature__copy { opacity: 0; transform: translateY(12px); transition: opacity .8s ease, transform .8s ease; }
.has-title-reveal .lp-section .is-title-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
	.has-title-reveal .lp-section .lp-heading, .has-title-reveal .lp-section .lp-feature__copy { opacity: 1; transform: none; transition: none; }
}

.lp-section-stack { position: relative; }
.is-section-stack-ready .lp-content { overflow: visible; }
.is-section-stack-ready .lp-section-stack > .lp-section { position: sticky; top: calc(100svh - var(--lp-section-height)); z-index: var(--lp-section-z-index); background: #fff; padding-bottom: calc(5vw + 8svh); }
.is-section-stack-ready .lp-section-stack > .lp-section:last-child { padding-bottom: 5vw; }
@media screen and (max-width: 768px) {
	.is-section-stack-ready .lp-section-stack > .lp-section { padding-bottom: calc(10vw + 8svh); }
	.is-section-stack-ready .lp-section-stack > .lp-section:last-child { padding-bottom: 10vw; }
}