/* Origin Thread — Featured Drops Option 1: Quiet Luxury Editorial
 * Refined luxury pass. No background asset/color change from approved Option 1.
 */

@media (min-width: 1025px) {
	body.page-id-2562 .otfd-rebuild.otfd-style-quiet {
		padding: 104px 44px 54px;
		background-image:
			linear-gradient(rgba(246,240,230,.92), rgba(246,240,230,.92)),
			url('https://shoporiginthread.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-21-2026-09_35_35-PM.png');
		box-shadow: inset 0 -1px 0 rgba(201,166,107,.30);
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-shell {
		width: min(100%, 1420px);
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-intro {
		position: relative;
		display: grid;
		grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
		column-gap: 96px;
		align-items: end;
		max-width: none;
		margin-bottom: 68px;
		padding-bottom: 31px;
		border-bottom: 1px solid rgba(201,166,107,.52);
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-intro::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: -1px;
		width: 92px;
		height: 2px;
		background: #C9A66B;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-eyebrow {
		grid-column: 1;
		margin-bottom: 16px;
		font-size: 10px;
		font-weight: 600;
		letter-spacing: .22em;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-intro h2 {
		grid-column: 1;
		margin-bottom: 0;
		font-size: clamp(62px, 5.15vw, 80px);
		line-height: .94;
		letter-spacing: -.018em;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-copy {
		grid-column: 2;
		grid-row: 1 / span 2;
		align-self: end;
		max-width: 510px;
		padding-bottom: 3px;
		font-size: 15px;
		line-height: 1.78;
		letter-spacing: .005em;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-group {
		position: relative;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-group + .otfd-group {
		margin-top: 92px;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-group-head {
		align-items: baseline;
		margin-bottom: 28px;
		padding-bottom: 17px;
		border-bottom-color: rgba(31,27,23,.16);
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-group-head::before {
		flex: 0 0 auto;
		margin-right: 7px;
		color: #B58A4D;
		font: 600 10px/1 Outfit, sans-serif;
		letter-spacing: .16em;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-group:nth-of-type(1) .otfd-group-head::before { content: '01 /'; }
	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-group:nth-of-type(2) .otfd-group-head::before { content: '02 /'; }
	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-group:nth-of-type(3) .otfd-group-head::before { content: '03 /'; }

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-group-head h3 {
		margin-right: auto;
		font-size: 32px;
		line-height: 1.04;
		letter-spacing: -.008em;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-group-head a {
		padding-bottom: 3px;
		border-bottom: 1px solid rgba(165,78,43,.32);
		font-size: 9.5px;
		letter-spacing: .14em;
		transition: color .2s ease, border-color .2s ease;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-group-head a:hover,
	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-group-head a:focus {
		border-bottom-color: #173B29;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-grid {
		gap: 40px 28px;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-image-link {
		position: relative;
		aspect-ratio: 3 / 4;
		border: 1px solid rgba(181,138,77,.20);
		border-radius: 3px;
		background: #EEE5D7;
		box-shadow: 0 20px 48px rgba(31,27,23,.045);
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-image-link::after {
		content: '';
		position: absolute;
		inset: 0;
		pointer-events: none;
		box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-card-image {
		transition: transform .5s cubic-bezier(.2,.65,.3,1), filter .35s ease;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-card:hover .otfd-card-image {
		transform: scale(1.025);
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-card-body {
		padding: 19px 2px 0;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-product-name {
		margin-bottom: 7px;
		font-family: "DM Serif Display", serif;
		font-size: 17px;
		font-weight: 400;
		line-height: 1.22;
		letter-spacing: -.006em;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-price {
		margin-bottom: 13px;
		font-size: 12.5px;
		font-weight: 500;
		letter-spacing: .015em;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-swatches {
		gap: 8px;
		margin-bottom: 16px;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-swatch {
		width: 13px;
		height: 13px;
		border-color: rgba(31,27,23,.22);
		box-shadow: 0 0 0 2px #F6F0E6, 0 0 0 3px rgba(181,138,77,.16);
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-product-link {
		gap: 7px;
		padding-bottom: 4px;
		border-bottom: 1px solid rgba(23,59,41,.26);
		font-size: 9.5px;
		letter-spacing: .12em;
		transition: color .2s ease, border-color .2s ease, gap .2s ease;
	}

	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-product-link:hover,
	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-product-link:focus {
		gap: 10px;
		border-bottom-color: #A54E2B;
	}

	/* A deliberate closing ornament so Custom Apparel starts as a new chapter. */
	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-shell::after {
		content: '◆';
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 14px;
		margin: 46px 0 -16px;
		color: #B58A4D;
		font-size: 7px;
		line-height: 1;
		background:
			linear-gradient(to right, transparent, rgba(201,166,107,.58)) left center / calc(50% - 18px) 1px no-repeat,
			linear-gradient(to left, transparent, rgba(201,166,107,.58)) right center / calc(50% - 18px) 1px no-repeat;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-shell::after {
		content: '◆';
		display: flex;
		align-items: center;
		justify-content: center;
		height: 12px;
		margin: 64px 0 -8px;
		color: #B58A4D;
		font-size: 6px;
		background:
			linear-gradient(to right, transparent, rgba(201,166,107,.48)) left center / calc(50% - 16px) 1px no-repeat,
			linear-gradient(to left, transparent, rgba(201,166,107,.48)) right center / calc(50% - 16px) 1px no-repeat;
	}
}

@media (max-width: 767px) {
	body.page-id-2562 .otfd-rebuild.otfd-style-quiet .otfd-shell::after {
		content: '◆';
		display: flex;
		align-items: center;
		justify-content: center;
		height: 10px;
		margin: 50px 0 -2px;
		color: #B58A4D;
		font-size: 6px;
		background:
			linear-gradient(to right, transparent, rgba(201,166,107,.42)) left center / calc(50% - 14px) 1px no-repeat,
			linear-gradient(to left, transparent, rgba(201,166,107,.42)) right center / calc(50% - 14px) 1px no-repeat;
	}
}