/* Scoped color book: cream cards, photographed professional hair, brown binding. */
.color-book-section{padding-top:56px;padding-bottom:56px;scroll-margin-top:115px}
.color-book-section .cb-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.color-book-section .cb-heading h2{margin:0 0 14px;font-size:clamp(40px,5vw,66px)}
.color-book-section .cb-heading p{margin:0;max-width:580px}.color-book-section .cb-count{font-size:12px;letter-spacing:.06em;color:var(--muted);margin-top:12px}
.color-book-section button{cursor:pointer}.color-book-section [hidden]{display:none!important}
.color-book-section .cb-favorites{background:transparent;border:1px solid #947349;color:#3d291c;padding:12px 16px;min-height:48px;white-space:nowrap;border-radius:3px;font-size:13px}
.cb-cover{max-width:900px;margin:0 auto;padding:46px 26px 34px;color:#f8efd9;text-align:center;border:1px solid #9d7849;border-left:18px solid #23170f;border-radius:5px 12px 12px 5px;background:linear-gradient(100deg,#291a10,#543623 48%,#332015);box-shadow:0 16px 28px #39271920,8px 8px 0 -2px #e4d7c0,11px 11px 0 -2px #513725;position:relative}
.cb-cover:before{content:'';position:absolute;inset:16px;border:1px solid #bb975b70;pointer-events:none;border-radius:3px}
.cb-cover .eyebrow{color:#d0b580;margin-bottom:16px}.cb-cover h3{font-size:clamp(40px,5vw,62px);color:#f7ecda;margin:0 0 10px}.cb-cover p{margin:0 auto 20px;font-size:14px;max-width:420px}.cb-cover .button{background:#f3e4c8;border-color:#d2af71;color:#382517;position:relative}.cb-cover-samples{display:flex;justify-content:center;gap:14px;min-height:70px;margin:22px auto}.cb-cover-samples img{width:70px;height:70px;object-fit:cover;border:5px solid #eee9df;border-radius:2px;box-shadow:0 4px 10px #0004;transform:rotate(-6deg)}.cb-cover-samples img:nth-child(2){transform:rotate(3deg)}.cb-cover-samples img:nth-child(3){transform:rotate(9deg)}
.cb-tools{margin:0 0 18px}.cb-search-label{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--muted)}.cb-search-label input{width:min(420px,100%);min-height:48px;padding:12px 16px;background:#fffbf4;border:1px solid var(--line);border-radius:3px;font:inherit;color:var(--ink)}.cb-search-label input:focus-visible{outline:2px solid #947349;outline-offset:3px}
.cb-tabs{display:flex;gap:7px;overflow-x:auto;padding:14px 2px 10px;scrollbar-width:thin}.cb-tabs button{white-space:nowrap;min-height:44px;border:1px solid var(--line);border-radius:3px;background:transparent;padding:8px 13px;color:var(--ink);font-size:12px}.cb-tabs button[aria-pressed=true]{background:#3e291b;border-color:#3e291b;color:#fff3dc}
.cb-book{padding:28px 32px 22px;background:linear-gradient(90deg,#fffdf8 0%,#f8f2e7 48.7%,#cfc0a9 50%,#f8f2e7 51.3%,#fffdf8 100%);border:1px solid #cbb794;border-bottom:7px double #d5c8b1;border-left:8px solid #4c3322;border-right:8px solid #4c3322;border-radius:5px;box-shadow:0 14px 30px #3f291b17;touch-action:pan-y;perspective:1400px;position:relative;animation:cbOpen .4s ease-out}
.cb-book-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #c9b28b80;padding-bottom:16px}.cb-book-head h3{font-size:30px;margin:0}.cb-book-head .cb-chapter-note{font-size:12px;max-width:650px;margin:10px 0 0;color:var(--muted)}.cb-book:focus-visible{outline:2px solid #98733d;outline-offset:6px}
.cb-spread{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;min-height:408px;transform-origin:left center}.cb-swatch{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;padding:10px 8px 14px;border:1px solid #d9ceb980;border-radius:2px;background:#fffcf6;text-align:center;color:var(--ink);box-shadow:0 2px 6px #6e56380b;transition:transform .2s,box-shadow .2s}.cb-swatch:hover{transform:translateY(-3px);box-shadow:0 7px 16px #6e56381f}.cb-tuft{display:block;width:100%;height:112px;margin-bottom:10px}.cb-tuft img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cb-code{font-size:21px;font-weight:600;line-height:1.3;letter-spacing:.015em}.cb-shade-name{font-size:12px;line-height:1.5;margin-top:3px;max-width:180px}.cb-range{display:block;font-size:10px;letter-spacing:.04em;color:var(--muted);margin-top:8px;line-height:1.3}.cb-saved-mark{position:absolute;right:9px;top:7px;color:#8c6130;font-size:17px}
.cb-book-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #c9b28b80;margin-top:22px;padding-top:17px}.cb-book-controls button,.cb-detail-nav button{background:transparent;border:1px solid #a58b65;min-height:46px;padding:9px 15px;border-radius:3px;color:#3f2e21;font-size:13px}.cb-book-controls button:disabled,.cb-detail-nav button:disabled{opacity:.38;cursor:default}.cb-page-label{font-size:12px;text-align:center;color:var(--muted)}.cb-hint{text-align:center;font-size:12px;color:var(--muted);margin:12px auto 0}.cb-disclaimer{font-size:12px;line-height:1.65;max-width:850px;color:var(--muted);margin:24px auto 0;text-align:center}.cb-consult{text-align:center;margin:26px auto 0}.cb-consult p{font-family:'Italiana',Georgia,serif;font-size:28px;margin:0 auto 12px}.cb-consult small{display:block;font-size:11px;color:var(--muted);margin-top:10px}.cb-provenance{text-align:center;margin:14px auto 0;font-size:11px;color:var(--muted)}.cb-provenance a{text-decoration:underline;text-underline-offset:3px}
.cb-turn-next{animation:cbNext .32s ease-out}.cb-turn-prev{animation:cbPrev .32s ease-out}@keyframes cbNext{from{opacity:.3;transform:rotateY(-9deg) translateX(10px)}to{opacity:1;transform:none}}@keyframes cbPrev{from{opacity:.3;transform:rotateY(9deg) translateX(-10px)}to{opacity:1;transform:none}}
.cb-empty{grid-column:1/-1;text-align:center;align-self:center;padding:30px}.cb-empty p{margin:15px auto}.cb-dialog{width:min(850px,calc(100% - 28px));max-height:calc(100dvh - 36px);padding:0;border:1px solid #b39970;border-radius:5px;background:#faf5ec;color:var(--ink);box-shadow:0 24px 80px #20150c60;overscroll-behavior:contain}.cb-dialog::backdrop{background:#23170edf;backdrop-filter:blur(4px)}.cb-dialog-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#faf5ec;border-bottom:1px solid var(--line)}.cb-dialog-bar button{min-height:44px;background:transparent;border:1px solid var(--line);padding:8px 14px;border-radius:3px;color:var(--ink);font-size:13px}.cb-close{min-width:44px;font-size:24px!important;padding:3px!important}.cb-detail{padding:28px}.cb-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.cb-large-tuft{padding:18px;background:#fffcf6;box-shadow:0 4px 18px #6e563810}.cb-large-tuft img{width:100%;height:300px;object-fit:contain;mix-blend-mode:normal}.cb-detail h3{font-size:44px;margin-bottom:12px}.cb-detail .eyebrow{font-size:10px;margin-bottom:12px}.cb-detail-name{font-size:20px;line-height:1.4;margin:0 0 10px}.cb-detail-family{font-size:13px;color:#80613d;margin:0 0 22px}.cb-advisory{font-size:13px;background:#eee3cd;padding:13px;border-left:2px solid #aa844c;line-height:1.6}.cb-small,.cb-source{font-size:12px;line-height:1.6;color:var(--muted)}.cb-source{text-decoration:underline}.cb-formula{font-size:13px;line-height:1.7}.cb-detail-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:22px 0 0;font-size:12px}.cb-example{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.cb-example h4{font-family:'Italiana',Georgia,serif;font-size:26px;font-weight:400;margin:0 0 15px}.cb-example button{display:flex;align-items:center;gap:18px;text-align:left;width:100%;border:1px solid var(--line);background:#fffcf6;color:var(--ink);padding:12px}.cb-example img{width:110px;height:130px;object-fit:cover}.cb-example span{font-size:13px}.cb-favorite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.cb-remove{display:block;width:100%;min-height:44px;font-size:12px;background:transparent;color:var(--muted);border:0;text-decoration:underline}.cb-empty-favorites{grid-column:1/-1}.cb-client-large{display:block;max-height:65dvh;max-width:100%;margin:auto;object-fit:contain}.cb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:850px){.cb-heading{align-items:start!important}.cb-heading .cb-favorites{white-space:normal}.cb-book{padding:22px 20px}.cb-spread{gap:14px}.cb-tuft{height:95px}.cb-code{font-size:19px}}
@media(max-width:650px){.color-book-section{padding-top:36px;padding-bottom:36px}.color-book-section .cb-heading{display:block}.cb-heading .cb-favorites{margin-top:18px;width:100%}.cb-cover{padding:34px 20px 28px;border-left-width:12px}.cb-cover h3{font-size:42px}.cb-search-label{display:block}.cb-search-label input{display:block;width:100%;margin-top:7px}.cb-book{padding:20px 14px 16px;background:linear-gradient(90deg,#f2eadc,#fffdf7 6%,#fffdf7 94%,#f2eadc);border-left-width:5px;border-right-width:5px}.cb-book-head h3{font-size:29px}.cb-spread{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:402px}.cb-tuft{height:110px}.cb-swatch{padding:10px 5px 12px}.cb-code{font-size:21px}.cb-shade-name{font-size:12px}.cb-book-controls button{padding:9px 10px;min-height:46px;font-size:12px}.cb-book-controls{gap:6px}.cb-page-label{font-size:10px}.cb-hint{font-size:11px}.cb-disclaimer{text-align:left}.cb-consult .button{max-width:100%;padding:12px 16px;font-size:12px}.cb-detail{padding:20px}.cb-detail-layout{grid-template-columns:1fr;gap:22px}.cb-large-tuft img{height:220px}.cb-detail h3{font-size:39px}.cb-detail-nav button{font-size:11px;padding:9px}.cb-favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cb-dialog-bar{padding:10px 12px}.cb-client-large{max-height:55dvh}.cb-example img{width:90px;height:110px}}
@media(prefers-reduced-motion:reduce){.cb-turn-next,.cb-turn-prev{animation:none}.cb-swatch{transition:none}.cb-swatch:hover{transform:none}}

@keyframes cbOpen{from{opacity:.25;transform:rotateY(-8deg);transform-origin:left center}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cb-book{animation:none}}

/* Hide printed lettering at the bottom of these two original swatches. */
.cb-photo-crop{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.cb-photo-crop img{position:absolute;inset:0;width:100%;height:112%!important;object-fit:cover;object-position:center top}
.cb-cover-samples .cc-cover-sample{position:relative;display:block;width:70px;height:70px;transform:rotate(-6deg)}
.cb-cover-samples .cc-cover-sample:nth-child(2){transform:rotate(3deg)}
.cb-cover-samples .cc-cover-sample:nth-child(3){transform:rotate(9deg)}
.cb-cover-samples .cc-cover-sample img{position:absolute;inset:0;transform:none;opacity:0;transition:opacity .9s ease-in-out}
.cb-cover-samples .cc-cover-sample img.cc-visible{opacity:1}
@media(prefers-reduced-motion:reduce){.cb-cover-samples .cc-cover-sample img{transition:none}}
.cb-large-tuft .cb-photo-crop{height:300px}
@media(max-width:650px){.cb-large-tuft .cb-photo-crop{height:220px}}