.dc-title{font-size:min(calc((100vw - 2 * var(--m)) / 8.6), 9.75rem);white-space:nowrap;line-height:.84}.dc-hung{padding-top:calc(var(--stripe) / 2 + clamp(3.5rem, 7vw, 6rem))}.dc-when{margin-top:1rem;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);font-weight:700;line-height:1.2}.dc-grid{grid-template-columns:repeat(var(--dc-cols,3), minmax(0, 1fr));gap:clamp(1.5rem,3vw,2.25rem) clamp(.875rem,2vw,1.5rem);display:grid}.dc-grid--3{--dc-cols:3}.dc-grid--4-5{--dc-cols:4}@media (min-width:640px){.dc-grid--4-5{--dc-cols:5}}.dc-grid--4-3{--dc-cols:4}@media (min-width:640px){.dc-grid--4-3{--dc-cols:5}}@media (min-width:1024px){.dc-grid--4-3{--dc-cols:3}}.dc-swatch__sample{position:relative}.dc-fabric{--t:color-mix(in srgb, var(--cv-bordeaux) 22%, transparent);filter:drop-shadow(.5px 0 0 var(--t)) drop-shadow(-.5px 0 0 var(--t)) drop-shadow(0 .5px 0 var(--t)) drop-shadow(0 -.5px 0 var(--t))}.dc-fabric__pinked{--z:clamp(8px, 1vw, 13px);-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--z) 51% round no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--z) 51% round no-repeat;-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--z) 51% round no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--z) 51% round no-repeat;mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--z) 51% round no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--z) 51% round no-repeat}.dc-fabric__cloth{aspect-ratio:3/4;-webkit-mask:conic-gradient(from 45deg at left, #0000, #000 1deg 89deg, #0000 90deg) left / 51% var(--z) no-repeat round, conic-gradient(from 225deg at right, #0000, #000 1deg 89deg, #0000 90deg) right / 51% var(--z) no-repeat round;-webkit-mask:conic-gradient(from 45deg at left, #0000, #000 1deg 89deg, #0000 90deg) left / 51% var(--z) no-repeat round, conic-gradient(from 225deg at right, #0000, #000 1deg 89deg, #0000 90deg) right / 51% var(--z) no-repeat round;mask:conic-gradient(from 45deg at left, #0000, #000 1deg 89deg, #0000 90deg) left / 51% var(--z) no-repeat round, conic-gradient(from 225deg at right, #0000, #000 1deg 89deg, #0000 90deg) right / 51% var(--z) no-repeat round;background-image:linear-gradient(165deg, color-mix(in srgb, var(--cv-creme) 18%, transparent), transparent 45%, color-mix(in srgb, var(--cv-bordeaux) 7%, transparent)), repeating-linear-gradient(45deg, color-mix(in srgb, var(--cv-bordeaux) 2.5%, transparent) 0 1px, transparent 1px 4px)}.dc-swatch__cross{pointer-events:none;background:linear-gradient(to top left, transparent calc(50% - 3px), var(--cv-creme) calc(50% - 3px) calc(50% - 1.75px), var(--cv-carmin) calc(50% - 1.75px) calc(50% + 1.75px), var(--cv-creme) calc(50% + 1.75px) calc(50% + 3px), transparent calc(50% + 3px));position:absolute;inset:-.375rem}.dc-swatch__name{margin-top:.75rem}@media (max-width:639px){.dc-grid--4-5 .dc-swatch__name,.dc-grid--4-3 .dc-swatch__name{font-size:.8125rem}}