.color-card,.pairings-strip-card,.context-card,.recipe-card,.mix-details-card,.primary-color-card,.temperature-card,.similar-card,.category-card{max-width:800px;margin:2rem auto;padding:48px;border-radius:24px;font-family:Sora,sans-serif}.color-card{color:#fff}.color-card .subtitle,.color-card .hero-hex,.color-card .profile-meta,.color-card .profile-codes,.color-card .profile-copy-actions,.color-card .copy-status{transition:opacity .2s ease,max-height .2s ease,margin .2s ease,transform .2s ease}.subtitle{font-size:24px;font-weight:400;margin-bottom:8px;opacity:.8}.color-title{margin:0;font-weight:400}.color-card .color-name{font-size:72px;font-weight:600;margin:0;line-height:1;display:inline-block}.hero-hex{font-size:24px;opacity:.85;margin:18px 0 0}.profile-meta{margin:10px 0 0;font-size:20px;opacity:.9}.profile-codes{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.28);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile-code{font-size:15px;line-height:1.45;opacity:.95}.profile-code strong{display:block;letter-spacing:.06em;font-size:12px;margin-bottom:2px}.profile-copy-actions{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.copy-button{border:1px solid rgba(255,255,255,.42);background:#ffffff1f;color:inherit;border-radius:10px;padding:8px 12px;font-size:14px;font-family:Sora,sans-serif;font-weight:600;width:auto;cursor:pointer}.profile-copy-button{min-width:0}.copy-button:hover,.copy-button:focus-visible{background:#ffffff38;outline:none}.copy-status{min-height:24px;margin-top:12px;font-size:14px;opacity:.9}.pairings-strip-card,.context-card,.similar-card{background:#fff;border:1px solid rgba(0,0,0,.08)}.mix-details-card,.category-card{background:#fff;border:10px solid #00000010}.pairings-strip-card h2,.similar-card h2,.category-card h2,.mix-details-title{font-size:32px;line-height:1.15;margin:0 0 22px}.pairings-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.pairing-item{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:9px}.pairing-item,.similar-item,.category-item{--swatch-text-inset: 4px}.pairing-swatch{width:100%;height:122px;border-radius:8px}.pairing-name{font-size:19px;font-weight:700;line-height:1.1;padding-left:var(--swatch-text-inset)}.pairing-hex{font-size:14px;color:#000000b3;padding-left:var(--swatch-text-inset)}.context-section{margin-bottom:56px}.context-section h2{font-size:27px;line-height:1.15}.context-section:last-child{margin-bottom:0}.context-text{font-size:20px;line-height:1.6;margin:0;color:#000000db}.recipe-card{margin-top:3rem;background:#f2f2f2;border:1px solid rgba(0,0,0,.1)}.recipe-subtitle{color:#666;font-size:24px;margin-bottom:1rem}.recipe-title{font-size:48px;font-weight:900;margin:0 0 2.5rem}.mix-bar{height:180px;display:flex;margin:0 -48px;overflow:hidden}.mix-segment{height:100%}.mix-labels{display:flex;justify-content:space-between;margin-top:1rem}.mix-label span{font-size:16px;color:#000}.primary-color-card{color:#fff}.primary-color-title{font-size:42px;font-weight:600;margin:0 0 12px}.primary-color-description{font-size:20px;opacity:.95;margin:0}.cmyk-card{max-width:800px;margin:3rem auto;padding:48px;border-radius:24px;font-family:Sora,sans-serif;background:#f7f7f7;border:1px solid rgba(0,0,0,.1)}.cmyk-subtitle{font-size:20px;color:#666;margin-bottom:8px;font-weight:500}.cmyk-title{font-size:48px;font-weight:900;line-height:1}.cmyk-description{font-size:20px;line-height:1.45;margin:14px 0 34px;max-width:680px}.cmyk-bars{margin-top:26px}.cmyk-bar{display:grid;grid-template-columns:96px 1fr 52px;align-items:center;gap:14px;margin-bottom:18px}.bar-label{font-weight:700;font-size:16px}.bar-container{width:100%;height:22px;background:#e6e6e6;border-radius:4px;overflow:hidden}.bar-fill{height:100%}.bar-fill.cyan{background-color:#1ad7de}.bar-fill.magenta{background-color:#f0f}.bar-fill.yellow{background-color:#e8f200}.bar-fill.black{background-color:#000}.bar-value{text-align:right;font-size:16px}.cmyk-footer{margin-top:30px;font-size:20px;color:#666}.mix-details-content{margin-top:8px}.mix-details-text{margin:0 0 18px;font-size:20px;line-height:1.68;font-weight:400}.mix-details-lead{font-weight:700}.color-shades-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:15px;margin:22px auto 28px;max-width:700px}.shade-circle{aspect-ratio:1;border-radius:50%;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease;position:relative}.shade-circle[data-original=true]:after{content:"";position:absolute;inset:-10px;border:10px solid #00000010;border-radius:50%}.shade-circle:hover{transform:scale(1.08)}.temperature-card{background-color:var(--color-hex)}.temperature-header{font-size:22px;opacity:.85}.temperature-value{font-size:66px;font-weight:700;line-height:1.05;margin-top:10px}.similar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.similar-item{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px}.similar-swatch{aspect-ratio:1;border-radius:10px}.similar-name{font-size:18px;font-weight:700;padding-left:var(--swatch-text-inset)}.similar-hex{font-size:14px;color:#000000b8;padding-left:var(--swatch-text-inset)}.category-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-item{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px}.category-swatch{aspect-ratio:1;border-radius:10px}.category-meta{padding:0 0 0 var(--swatch-text-inset);display:flex;flex-direction:column;align-items:flex-start;gap:4px}.category-name{font-size:18px;font-weight:700}.category-hex{font-size:14px;color:#000000b3}.more-colors-card{max-width:800px;margin:5rem auto 6rem;padding:0 52px;font-family:Sora,sans-serif}.more-colors-subtitle{margin:0 0 10px;color:#7a7a7a;font-size:30px;line-height:1.2}.more-colors-link{display:inline-block;font-size:70px;font-weight:900;line-height:1.05;color:#000;text-decoration:none;border-bottom:5px solid #000;padding-bottom:3px}.more-colors-link:hover,.more-colors-link:focus-visible{opacity:.8;outline:none}@media (max-width: 900px){.mix-details-text{font-size:19px}}@media (max-width: 700px){.color-card,.pairings-strip-card,.context-card,.recipe-card,.mix-details-card,.cmyk-card,.primary-color-card,.temperature-card,.similar-card,.category-card{padding:32px}.color-card .color-name{font-size:52px}.profile-meta{font-size:17px}.profile-codes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.profile-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-code{font-size:14px}.pairings-strip{grid-template-columns:repeat(5,minmax(140px,1fr));overflow-x:auto;padding-bottom:6px}.similar-grid,.category-row{grid-template-columns:1fr}.color-shades-grid{grid-template-columns:repeat(4,1fr)}.mix-details-text{font-size:18px}.more-colors-card{margin:4rem auto 5rem;padding:0 36px}.more-colors-subtitle{font-size:26px}.more-colors-link{font-size:52px;border-bottom-width:4px}}@media (max-width: 480px){.profile-codes,.profile-copy-actions{grid-template-columns:1fr}.more-colors-card{padding:0 24px}.more-colors-subtitle{font-size:22px}.more-colors-link{font-size:44px}}:root{--color-hex: var(--selectedHex);--color-rgb: var(--selectedRgb);--color-hex-10: color-mix(in srgb, var(--selectedHex) 23%, transparent)}.color-card[data-astro-cid-yvbahnfj]{background-color:var(--selectedHex);color:var(--textColor)}.color-card[data-astro-cid-yvbahnfj] .color-name[data-astro-cid-yvbahnfj]{background:linear-gradient(to bottom right,var(--textColor),var(--gradientColor));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}