.yarn-guide-module__DdcdFa__page{background:var(--cream)}.yarn-guide-module__DdcdFa__hero{background:#f4eddf;border-bottom:1px solid #d7cfc2;overflow:hidden}.yarn-guide-module__DdcdFa__heroInner{grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;width:min(1280px,100% - 64px);margin:0 auto;padding:38px 0 42px;display:grid}.yarn-guide-module__DdcdFa__eyebrow{letter-spacing:.15em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:800}.yarn-guide-module__DdcdFa__heroCopy h1{letter-spacing:-.055em;max-width:650px;font-size:clamp(44px,4.5vw,60px);font-weight:850;line-height:1.02}.yarn-guide-module__DdcdFa__heroCopy h1 span{color:#7140e5}.yarn-guide-module__DdcdFa__heroCopy>p:not(.yarn-guide-module__DdcdFa__eyebrow){color:#5c535b;max-width:510px;margin:20px 0;font-size:16px;line-height:1.6}.yarn-guide-module__DdcdFa__heroLink{border-bottom:2px solid var(--ink);align-items:center;gap:26px;padding:0 0 7px;font-size:14px;font-weight:800;display:inline-flex}.yarn-guide-module__DdcdFa__heroLink span{color:#7140e5;font-size:22px}.yarn-guide-module__DdcdFa__heroArt{justify-self:end;width:100%;max-width:380px;padding:15px 35px 30px 10px;position:relative}.yarn-guide-module__DdcdFa__artCaption{letter-spacing:.02em;margin-bottom:22px;font-size:11px;font-weight:700;display:block;transform:rotate(-4deg)}.yarn-guide-module__DdcdFa__sampleBook{border:1.5px solid var(--ink);background:#fff;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:13px;display:grid;transform:rotate(-5deg);box-shadow:10px 12px #ddd1be}.yarn-guide-module__DdcdFa__sampleBook>div{border:1px solid #e2dcd3;border-radius:2px;overflow:hidden}.yarn-guide-module__DdcdFa__sampleBook span{height:60px;display:block}.yarn-guide-module__DdcdFa__sampleBook b{padding:9px 5px;font-size:10px;display:block}.yarn-guide-module__DdcdFa__artSticker{border:2px solid var(--ink);background:var(--yellow);width:125px;height:125px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:42px;font-weight:900;line-height:1;display:flex;position:absolute;bottom:0;right:0;transform:rotate(9deg)}.yarn-guide-module__DdcdFa__artSticker small{text-transform:uppercase;letter-spacing:.06em;text-align:center;margin-top:6px;font-size:10px;line-height:1.3}.yarn-guide-module__DdcdFa__content{width:min(1280px,100% - 64px);margin:0 auto}.yarn-guide-module__DdcdFa__howTo{border-bottom:1px solid #d7cfc2;justify-content:space-between;gap:24px;padding:20px 0;display:flex}.yarn-guide-module__DdcdFa__howTo p{align-items:center;gap:12px;margin:0;font-size:13px;font-weight:600;display:flex}.yarn-guide-module__DdcdFa__howTo b{color:#7140e5;font-size:11px}.yarn-guide-module__DdcdFa__library{padding:38px 0 0;scroll-margin-top:120px}.yarn-guide-module__DdcdFa__libraryHeading{justify-content:space-between;align-items:center;gap:30px;margin-bottom:24px;display:flex}.yarn-guide-module__DdcdFa__libraryHeading .yarn-guide-module__DdcdFa__eyebrow{color:#7140e5;margin-bottom:12px}.yarn-guide-module__DdcdFa__libraryHeading h2{letter-spacing:-.04em;margin:0 0 13px;font-size:clamp(28px,3vw,40px);line-height:1.12}.yarn-guide-module__DdcdFa__libraryHeading p:not(.yarn-guide-module__DdcdFa__eyebrow){color:#5c535b;max-width:620px;margin:0;font-size:14px;line-height:1.65}.yarn-guide-module__DdcdFa__totalBadge{letter-spacing:-.04em;border-left:1px solid #d7cfc2;flex:none;padding:0 0 0 36px;font-size:40px;font-weight:800;line-height:1}.yarn-guide-module__DdcdFa__totalBadge small{letter-spacing:.04em;margin-top:8px;font-size:11px;font-weight:500;display:block}.yarn-guide-module__DdcdFa__toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.yarn-guide-module__DdcdFa__search{background:#fff;border:1.5px solid #bfb6ab;border-radius:10px;flex:1;align-items:center;gap:12px;max-width:540px;padding:0 16px;display:flex}.yarn-guide-module__DdcdFa__search svg{color:#6a606a;flex-shrink:0}.yarn-guide-module__DdcdFa__search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:16px 0;font-size:15px}.yarn-guide-module__DdcdFa__search:focus-within{border-color:#7140e5;outline:3px solid #c6afff}.yarn-guide-module__DdcdFa__sort{color:#5c535b;flex-shrink:0;align-items:center;gap:10px;font-size:12px;display:flex}.yarn-guide-module__DdcdFa__sort select{color:var(--ink);background:#fff;border:1px solid #bfb6ab;border-radius:8px;min-height:46px;padding:13px 12px;font-size:13px}.yarn-guide-module__DdcdFa__filters{flex-wrap:wrap;gap:8px;display:flex}.yarn-guide-module__DdcdFa__filters button{cursor:pointer;background:0 0;border:1px solid #d7cfc2;border-radius:100px;align-items:center;gap:7px;min-height:42px;padding:9px 13px;font-size:12px;font-weight:600;display:inline-flex}.yarn-guide-module__DdcdFa__filters button>span{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000012}.yarn-guide-module__DdcdFa__rainbowDot{background:conic-gradient(#db3e38,#f3c143,#3eb77e,#387bc4,#9059bb,#db3e38)}.yarn-guide-module__DdcdFa__filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.yarn-guide-module__DdcdFa__filters button:hover{border-color:var(--ink)}.yarn-guide-module__DdcdFa__results{color:#645b61;align-items:center;gap:14px;padding:22px 0 16px;font-size:12px;display:flex}.yarn-guide-module__DdcdFa__results p{margin:0}.yarn-guide-module__DdcdFa__results strong{color:var(--ink)}.yarn-guide-module__DdcdFa__results>span{margin-left:auto;font-size:11px}.yarn-guide-module__DdcdFa__results button,.yarn-guide-module__DdcdFa__paletteTop button{text-underline-offset:3px;cursor:pointer;color:#6632ca;background:0 0;border:0;padding:5px 0;font-size:12px;text-decoration:underline}.yarn-guide-module__DdcdFa__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:17px;display:grid}.yarn-guide-module__DdcdFa__card{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #d2cbc1;border-radius:12px;min-width:0;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden}.yarn-guide-module__DdcdFa__card:hover{border-color:#9a8e9e;transform:translateY(-3px);box-shadow:0 7px 14px #18141c12}.yarn-guide-module__DdcdFa__card[aria-pressed=true]{border-color:#7140e5;box-shadow:0 0 0 2px #7140e5}.yarn-guide-module__DdcdFa__swatch{border-bottom:1px solid #0000000c;height:112px;display:block;position:relative}.yarn-guide-module__DdcdFa__selectionMark{width:28px;height:28px;color:var(--ink);background:#fff;border:1px solid #18141c3b;border-radius:50%;place-items:center;font-size:19px;line-height:1;display:grid;position:absolute;top:10px;right:10px}.yarn-guide-module__DdcdFa__card[aria-pressed=true] .yarn-guide-module__DdcdFa__selectionMark{color:#fff;background:#7140e5;border-color:#fff;font-size:16px}.yarn-guide-module__DdcdFa__cardDetails{flex-direction:column;align-items:flex-start;padding:14px 14px 15px;display:flex}.yarn-guide-module__DdcdFa__code{margin-bottom:8px;font-size:17px;font-weight:800}.yarn-guide-module__DdcdFa__code small{color:#645b61;margin-right:3px;font-size:10px;font-weight:500}.yarn-guide-module__DdcdFa__hex{color:#4c454d;letter-spacing:.03em;font-family:Consolas,monospace;font-size:12px}.yarn-guide-module__DdcdFa__rgb{color:#736872;margin-top:5px;font-size:10px}.yarn-guide-module__DdcdFa__screenNote{color:#645b61;border-left:3px solid var(--orange);margin:25px 0 0;padding-left:15px;font-size:12px;line-height:1.7}.yarn-guide-module__DdcdFa__empty{text-align:center;border:1px dashed #c7bcad;border-radius:14px;padding:70px 18px}.yarn-guide-module__DdcdFa__empty h3{margin:0 0 12px;font-size:24px}.yarn-guide-module__DdcdFa__empty p{color:#645b61;font-size:14px;line-height:1.6}.yarn-guide-module__DdcdFa__empty button{border:1px solid var(--ink);background:var(--yellow);cursor:pointer;border-radius:30px;padding:13px 20px;font-weight:700}.yarn-guide-module__DdcdFa__palette{z-index:70;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink), 0 0 40px #18141c15;background:#fffdf8;border-radius:18px;padding:17px 22px;position:fixed;bottom:22px;left:max(24px,50vw - 640px);right:max(220px,50vw - 640px)}.yarn-guide-module__DdcdFa__paletteTop{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.yarn-guide-module__DdcdFa__paletteTop strong{font-size:14px}.yarn-guide-module__DdcdFa__paletteTop strong span{color:#645b61;margin-left:8px;font-size:11px;font-weight:500}.yarn-guide-module__DdcdFa__paletteBottom{align-items:center;gap:20px;display:flex}.yarn-guide-module__DdcdFa__selectedColors{flex:1;gap:8px;min-width:0;margin:0;padding:2px 2px 7px;list-style:none;display:flex;overflow-x:auto}.yarn-guide-module__DdcdFa__selectedColors li{background:#fff;border:1px solid #ddd4c9;border-radius:30px;flex-shrink:0;align-items:center;gap:6px;padding:3px 4px 3px 7px;display:flex}.yarn-guide-module__DdcdFa__selectedColors li>span{border:1px solid #00000015;border-radius:50%;width:20px;height:20px}.yarn-guide-module__DdcdFa__selectedColors b{font-size:11px}.yarn-guide-module__DdcdFa__selectedColors button{cursor:pointer;background:0 0;border:0;border-radius:50%;min-width:32px;min-height:32px;font-size:19px}.yarn-guide-module__DdcdFa__paletteActions{flex-shrink:0;align-items:center;gap:10px;display:flex}.yarn-guide-module__DdcdFa__copyButton{cursor:pointer;background:#fff;border:1px solid #c7bcad;border-radius:30px;min-height:44px;padding:13px 16px;font-size:12px;font-weight:700}.yarn-guide-module__DdcdFa__inquiryButton{color:#fff;border:1.5px solid var(--ink);background:#7140e5;border-radius:30px;justify-content:center;align-items:center;gap:18px;min-height:46px;padding:14px 20px;font-size:13px;font-weight:700;display:inline-flex}.yarn-guide-module__DdcdFa__inquiryButton:hover{background:#5f2acb}.yarn-guide-module__DdcdFa__feedback{color:#6433b0;margin:10px 0 0;font-size:12px;line-height:1.5}.yarn-guide-module__DdcdFa__manualCopy{margin-top:12px;font-size:12px;display:block}.yarn-guide-module__DdcdFa__manualCopy input{border:1px solid #c7bcad;border-radius:5px;width:100%;margin-top:5px;padding:10px;font-size:13px;display:block}.yarn-guide-module__DdcdFa__matching{border:1.5px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#f1e8ff;border-radius:22px;grid-template-columns:1.15fr 1fr;gap:70px;margin:80px 0 100px;padding:48px;display:grid}.yarn-guide-module__DdcdFa__matching h2{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(30px,3vw,42px);line-height:1.07}.yarn-guide-module__DdcdFa__matching p:not(.yarn-guide-module__DdcdFa__eyebrow){color:#564a5e;margin:0 0 24px;font-size:14px;line-height:1.75}.yarn-guide-module__DdcdFa__matchingNotes{border-left:1px solid #bfa8d7;padding-left:40px}.yarn-guide-module__DdcdFa__matchingNotes h3{margin:0 0 23px;font-size:16px}.yarn-guide-module__DdcdFa__matchingNotes b{color:var(--ink);display:block}.yarn-guide-module__DdcdFa__matchingNotes p:last-child{margin-bottom:0}.yarn-guide-module__DdcdFa__page:has(.yarn-guide-module__DdcdFa__library[data-has-selection=true]){padding-bottom:145px}.yarn-guide-module__DdcdFa__page button:focus-visible,.yarn-guide-module__DdcdFa__page a:focus-visible,.yarn-guide-module__DdcdFa__page select:focus-visible{outline-offset:4px;outline:3px solid #956cff}.yarn-guide-module__DdcdFa__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1100px){.yarn-guide-module__DdcdFa__heroInner{gap:30px}.yarn-guide-module__DdcdFa__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.yarn-guide-module__DdcdFa__howTo{gap:16px}.yarn-guide-module__DdcdFa__howTo p{font-size:12px}.yarn-guide-module__DdcdFa__paletteBottom{flex-wrap:wrap;gap:10px}.yarn-guide-module__DdcdFa__selectedColors{flex-basis:100%}.yarn-guide-module__DdcdFa__paletteActions{margin-left:auto}.yarn-guide-module__DdcdFa__matching{gap:36px;padding:36px}}@media (max-width:850px){.yarn-guide-module__DdcdFa__heroInner,.yarn-guide-module__DdcdFa__content{width:calc(100% - 40px)}.yarn-guide-module__DdcdFa__heroInner{grid-template-columns:1.25fr .75fr;gap:25px;padding:42px 0}.yarn-guide-module__DdcdFa__heroCopy h1{font-size:46px}.yarn-guide-module__DdcdFa__heroCopy>p:not(.yarn-guide-module__DdcdFa__eyebrow){font-size:15px}.yarn-guide-module__DdcdFa__heroArt{padding:10px 10px 30px 0}.yarn-guide-module__DdcdFa__sampleBook{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}.yarn-guide-module__DdcdFa__sampleBook span{height:32px}.yarn-guide-module__DdcdFa__sampleBook b{padding:4px;font-size:8px}.yarn-guide-module__DdcdFa__artCaption{font-size:9px;line-height:1.5}.yarn-guide-module__DdcdFa__artSticker{width:85px;height:85px;font-size:28px;right:-6px}.yarn-guide-module__DdcdFa__artSticker small{font-size:7px}.yarn-guide-module__DdcdFa__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.yarn-guide-module__DdcdFa__howTo{flex-wrap:wrap;justify-content:flex-start;gap:14px 25px;padding:22px 0}.yarn-guide-module__DdcdFa__library{padding-top:38px}.yarn-guide-module__DdcdFa__results>span{display:none}.yarn-guide-module__DdcdFa__palette{padding:14px 16px;bottom:78px;left:16px;right:20px}.yarn-guide-module__DdcdFa__paletteBottom{flex-wrap:nowrap}.yarn-guide-module__DdcdFa__selectedColors{flex-basis:auto}.yarn-guide-module__DdcdFa__matching{grid-template-columns:1fr;gap:30px}.yarn-guide-module__DdcdFa__matchingNotes{border-top:1px solid #bfa8d7;border-left:0;padding:26px 0 0}.yarn-guide-module__DdcdFa__page:has(.yarn-guide-module__DdcdFa__library[data-has-selection=true]){padding-bottom:230px}}@media (max-width:600px){.yarn-guide-module__DdcdFa__heroInner{grid-template-columns:1fr;padding:36px 0}.yarn-guide-module__DdcdFa__heroArt{display:none}.yarn-guide-module__DdcdFa__heroCopy h1{font-size:clamp(42px,10vw,55px)}.yarn-guide-module__DdcdFa__heroCopy>p:not(.yarn-guide-module__DdcdFa__eyebrow){margin:20px 0}.yarn-guide-module__DdcdFa__howTo{grid-template-columns:1fr;gap:14px;display:grid}.yarn-guide-module__DdcdFa__howTo p{font-size:12px}.yarn-guide-module__DdcdFa__libraryHeading{gap:14px;margin-bottom:24px}.yarn-guide-module__DdcdFa__libraryHeading h2{font-size:28px}.yarn-guide-module__DdcdFa__libraryHeading p:not(.yarn-guide-module__DdcdFa__eyebrow){font-size:13px}.yarn-guide-module__DdcdFa__totalBadge{padding-left:16px;font-size:30px}.yarn-guide-module__DdcdFa__totalBadge small{font-size:9px}.yarn-guide-module__DdcdFa__toolbar{grid-template-columns:1fr;gap:12px;display:grid}.yarn-guide-module__DdcdFa__search{max-width:none}.yarn-guide-module__DdcdFa__search input{font-size:16px}.yarn-guide-module__DdcdFa__sort{justify-content:space-between}.yarn-guide-module__DdcdFa__sort select{padding:11px;font-size:14px}.yarn-guide-module__DdcdFa__filters{flex-wrap:nowrap;padding:2px 2px 10px;overflow-x:auto}.yarn-guide-module__DdcdFa__filters button{flex-shrink:0;min-height:44px}.yarn-guide-module__DdcdFa__results{padding-top:14px}.yarn-guide-module__DdcdFa__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.yarn-guide-module__DdcdFa__swatch{height:105px}.yarn-guide-module__DdcdFa__cardDetails{padding:13px}.yarn-guide-module__DdcdFa__code{font-size:17px}.yarn-guide-module__DdcdFa__paletteBottom{flex-wrap:wrap;gap:10px}.yarn-guide-module__DdcdFa__selectedColors{flex-basis:100%}.yarn-guide-module__DdcdFa__paletteActions{gap:8px;width:100%}.yarn-guide-module__DdcdFa__copyButton{padding:12px}.yarn-guide-module__DdcdFa__paletteActions .yarn-guide-module__DdcdFa__inquiryButton{flex:1;gap:8px;padding:12px;font-size:12px}.yarn-guide-module__DdcdFa__selectedColors button{min-width:36px;min-height:36px}.yarn-guide-module__DdcdFa__matching{border-radius:16px;margin:55px 0 70px;padding:28px 22px}.yarn-guide-module__DdcdFa__matching h2{font-size:31px}.yarn-guide-module__DdcdFa__matching .yarn-guide-module__DdcdFa__inquiryButton{padding:13px 16px;font-size:12px}}@media (prefers-reduced-motion:reduce){.yarn-guide-module__DdcdFa__card{transition:none}.yarn-guide-module__DdcdFa__card:hover{transform:none}}