.oh-collection-page .page-copy {
	--ohc-rule: #c8c3b6;
	--ohc-ink: #20292d;
	--ohc-muted: #514e46;
	max-width: 1320px;
	color: var(--ohc-ink);
}
.oh-collection-page .page-copy > h1 {
	max-width: 19ch;
	margin: 0 0 .28em;
	font: 400 clamp(2.85rem, 6.4vw, 6rem)/.99 var(--serif);
	letter-spacing: -.045em;
	text-wrap: balance;
}
.oh-collection-page .page-copy > p,
.oh-collection-page .page-copy > ul {max-width: 70ch; line-height: 1.65; margin: .6em 0 1em;}
.oh-collection-page .page-copy > h2 {font: 400 clamp(1.8rem, 3.4vw, 3rem)/1.12 var(--serif); margin: 1.2em 0 .35em;}
.oh-collection-page .page-copy > .ohc-gallery {max-width: none; margin: clamp(26px, 4vw, 60px) 0;}
.ohc-gallery :is(h2,h3,p,ul) {margin: 0;}
.ohc-gallery h2,.ohc-gallery h3 {color: var(--ohc-ink); font-family: var(--serif); font-weight: 400; letter-spacing: -.035em; text-wrap: balance;}
.ohc-gallery h2 {font-size: clamp(2rem, 3.8vw, 3.6rem); line-height: 1.05;}
.ohc-gallery h3 {font-size: clamp(1.8rem, 2.8vw, 2.65rem); line-height: 1.08;}
.ohc-gallery p {max-width: 65ch; font-size: 1rem; line-height: 1.55;}
.ohc-gallery a:focus-visible {outline: 3px solid #4f6a86; outline-offset: 3px;}
.ohc-styles,.ohc-looks {display: grid; gap: clamp(30px, 4vw, 58px) clamp(20px, 3vw, 44px);}
.ohc-style,.ohc-look {min-width: 0;}
.ohc-pair {display: grid; grid-template-columns: 1fr 1fr; gap: 3px;}
.ohc-pair > div {aspect-ratio: 4/5; background: #e8e5dc; min-width: 0;}
.ohc-pair img {display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply;}
.ohc-info {display: grid; justify-items: start; align-content: start; gap: .65rem; padding: 18px 0 0;}
.ohc-info p.ohc-spec {color: var(--ohc-muted); font-size: .74rem; text-transform: uppercase; letter-spacing: .09em; font-weight: 650;}
.ohc-info p.ohc-price {font-weight: 650; line-height: 1.55;}
.ohc-price span {display: inline-block; color: var(--ohc-muted); font-size: .875rem; font-weight: 400; margin-left: .45em;}
.ohc-colors {display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; max-width: 100%;}
.ohc-colors a,.ohc-build {display: inline-flex; align-items: center; min-height: 44px; line-height: 1.25; text-underline-offset: .25em; text-decoration-thickness: 1px;}
.ohc-colors a {gap: .45rem; padding: 7px 10px; border: 1px solid #c2c1b8; border-radius: 2rem; font-size: .83rem; text-decoration: none; color: var(--ohc-ink); background: #f7f5ef;}
.ohc-colors a:hover {border-color: #777e78;}
.ohc-colors a[data-selected="true"] {border-color: #34454b; box-shadow: inset 0 0 0 1px #34454b; background: #e8ece7;}
.ohc-chip {width: 1rem; height: 1rem; border-radius: 50%; flex: none; border: 1px solid rgba(28,38,38,.3); background: var(--ohc-color);}
.ohc-style .ohc-build {max-width: 100%; text-align: left;}
.ohc-gallery a.ohc-build {padding: 10px 18px; gap: 12px; background: #27343b; color: #fff; text-decoration: none; font-size: .92rem; font-weight: 600;}
.ohc-build:hover,.ohc-build:focus-visible {background: #394d55;}
.ohc-compare,.ohc-set-group {margin-top: clamp(40px, 6vw, 82px); border-top: 1px solid var(--ohc-rule); padding-top: clamp(24px, 3vw, 46px);}
.ohc-set-group:first-child {margin-top: 0;}
.ohc-set-group > p {margin: .8rem 0 1.6rem;}
.ohc-campaign {aspect-ratio: 4/5; background: #ded9cf; overflow: hidden;}
.ohc-campaign img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 35%;}
.ohc-compare table {border-collapse: collapse; width: 100%; margin: 1.2rem 0; font-size: clamp(.875rem, 1.5vw, 1rem); line-height: 1.45;}
.ohc-compare caption {text-align: left; font-size: .88rem; color: var(--ohc-muted); margin-bottom: .5rem;}
.ohc-compare th,.ohc-compare td {padding: .8em .55em; border-bottom: 1px solid var(--ohc-rule); text-align: left; vertical-align: top; overflow-wrap: break-word;}
.ohc-compare thead {background: #e6e5dd;}
.ohc-related {display: flex; gap: 20px; justify-content: space-between; align-items: center; border-block: 1px solid var(--ohc-rule); margin-top: clamp(32px, 4vw, 56px); padding: 18px 0; font-weight: 600; text-underline-offset: .22em;}
.oh-shop-intro {color: #26333a; font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.6; max-width: 72ch; margin: 0 0 clamp(24px, 4vw, 52px);}
.oh-shop-intro.frame {width: min(92%, 92rem); max-width: none; margin: 3rem auto 0;}
.oh-shop-intro h1 {font: 400 clamp(2.6rem, 5vw, 5rem)/1.05 var(--serif); letter-spacing: -.045em; margin: 0 0 .3em;}
.oh-shop-intro p {max-width: 66ch; margin: 0 0 .8em;}
.oh-shop-intro a,.oh-fabric-guide p a,.oh-fabric-guide li a {color: #274853; text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px;}
.oh-shop-intro a:hover,.oh-fabric-guide a:hover {text-decoration-thickness: 2px;}
.oh-shop-intro a:focus-visible,.oh-fabric-guide a:focus-visible {outline: 3px solid #4f6a86; outline-offset: 3px;}
.oh-fabric-guide.page-copy {max-width: 84ch; padding-block: clamp(32px, 6vw, 86px); color: #263036; overflow-wrap: break-word;}
.oh-fabric-guide.page-copy h1 {font: 400 clamp(2.7rem, 5.9vw, 5.1rem)/1.02 var(--serif); letter-spacing: -.046em; text-wrap: balance; margin: 0 0 .45em;}
.oh-fabric-guide.page-copy :is(h2,h3) {font-family: var(--serif); font-weight: 400; letter-spacing: -.025em; line-height: 1.14; margin: 1.4em 0 .45em; text-wrap: balance;}
.oh-fabric-guide.page-copy h2 {font-size: clamp(1.8rem, 3.2vw, 2.85rem);}
.oh-fabric-guide.page-copy h3 {font-size: clamp(1.45rem, 2.25vw, 2rem);}
.oh-fabric-guide.page-copy :is(p,ul,ol) {max-width: 67ch; font-size: 1.04rem; line-height: 1.72; margin: 0 0 1.05em;}
.oh-fabric-guide.page-copy :is(ul,ol) {padding-inline-start: 1.45em;}
.oh-fabric-guide.page-copy li + li {margin-top: .4em;}
@media (min-width:750px) {
	.ohc-styles,.ohc-looks {grid-template-columns: repeat(2, minmax(0,1fr));}
	.ohc-feature {grid-column: 1/-1;}
	.ohc-feature .ohc-pair > div {aspect-ratio: 1;}
}
@media (min-width:950px) {
	.ohc-feature {display: grid; grid-template-columns: minmax(0,1.75fr) minmax(0,1fr); gap: clamp(28px, 4vw, 72px); align-items: center;}
	.ohc-feature .ohc-info {padding: 0;}
}