.color-preview-figure[data-astro-cid-t2ywmnwq]{margin:0;justify-self:center;width:340px;max-width:100%}.color-preview-phone[data-astro-cid-t2ywmnwq]{position:relative;overflow:hidden;border:6px solid var(--ink);border-radius:var(--radius-phone);background:var(--paper);box-shadow:var(--shadow-phone)}.color-preview-phone[data-astro-cid-t2ywmnwq] img[data-astro-cid-t2ywmnwq]{display:block;width:100%;height:auto}.animated-drape[data-astro-cid-t2ywmnwq]{position:absolute;left:5.455%;top:74.85%;width:89.09%;height:9.35%;pointer-events:none}.animated-drape[data-astro-cid-t2ywmnwq] path[data-astro-cid-t2ywmnwq]{fill:#a55335;animation:preview-colors 16s infinite paused}.selection-track[data-astro-cid-t2ywmnwq]{position:absolute;top:89.48%;left:0;width:100%;height:.7%;background:var(--paper)}.selection-track[data-astro-cid-t2ywmnwq] span[data-astro-cid-t2ywmnwq]{position:absolute;top:0;left:62.75%;width:10%;height:30%;background:var(--terracotta);border-radius:var(--radius-pill);animation:preview-selection 16s infinite paused}.color-preview-figure[data-astro-cid-t2ywmnwq] figcaption[data-astro-cid-t2ywmnwq]{display:grid;gap:14px;justify-items:center;text-align:center;margin-top:22px}.preview-motion-control[data-astro-cid-t2ywmnwq]{background:none;border:0;border-bottom:1px solid currentColor;padding:3px 0;color:var(--terracotta);font:var(--type-body-small);cursor:pointer}.preview-paused[data-astro-cid-t2ywmnwq] .animated-drape[data-astro-cid-t2ywmnwq] path[data-astro-cid-t2ywmnwq],.preview-paused[data-astro-cid-t2ywmnwq] .selection-track[data-astro-cid-t2ywmnwq] span[data-astro-cid-t2ywmnwq]{animation-play-state:paused}.preview-motion-control[data-astro-cid-t2ywmnwq][hidden]{display:none}.preview-playing[data-astro-cid-t2ywmnwq] .animated-drape[data-astro-cid-t2ywmnwq] path[data-astro-cid-t2ywmnwq],.preview-playing[data-astro-cid-t2ywmnwq] .selection-track[data-astro-cid-t2ywmnwq] span[data-astro-cid-t2ywmnwq]{animation-play-state:running}@media(prefers-reduced-motion:reduce){.animated-drape[data-astro-cid-t2ywmnwq] path[data-astro-cid-t2ywmnwq],.selection-track[data-astro-cid-t2ywmnwq] span[data-astro-cid-t2ywmnwq]{animation-play-state:paused}.preview-playing[data-astro-cid-t2ywmnwq] .animated-drape[data-astro-cid-t2ywmnwq] path[data-astro-cid-t2ywmnwq],.preview-playing[data-astro-cid-t2ywmnwq] .selection-track[data-astro-cid-t2ywmnwq] span[data-astro-cid-t2ywmnwq]{animation-play-state:running}}@keyframes preview-colors{0%,19%{fill:#a55335}25%,44%{fill:#777e48}50%,69%{fill:#b58c2c}75%,94%{fill:#467c7a}to{fill:#a55335}}@keyframes preview-selection{0%,19%{left:62.75%}25%,44%{left:51.85%}50%,69%{left:84.6%}75%,94%{left:30.05%}to{left:62.75%}}@media(max-width:620px){.color-preview-figure[data-astro-cid-t2ywmnwq]{width:280px}}.sr-only[data-astro-cid-t2ywmnwq]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.preview-swatches[data-astro-cid-t2ywmnwq]{border:0;padding:0;display:flex;gap:10px;justify-content:center;margin-top:18px}.preview-swatches[data-astro-cid-t2ywmnwq][hidden]{display:none}.preview-swatches[data-astro-cid-t2ywmnwq] button[data-astro-cid-t2ywmnwq]{font:var(--type-caption);border:0;border-bottom:3px solid var(--choice);color:var(--ink);background:var(--paper);padding:7px 10px;cursor:pointer}.preview-swatches[data-astro-cid-t2ywmnwq] button[data-astro-cid-t2ywmnwq][aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.dark[data-astro-cid-t2ywmnwq] figcaption[data-astro-cid-t2ywmnwq] .caption[data-astro-cid-t2ywmnwq]{color:var(--body-dark-bg)}.dark[data-astro-cid-t2ywmnwq] .preview-motion-control[data-astro-cid-t2ywmnwq]{color:var(--paper)}.result-colors h4{font:var(--type-body-small);margin-bottom:12px}.result-colors ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:12px;padding:0}.result-colors li{min-width:0;font:var(--type-caption)}.result-colors li>span:first-child{display:block;height:56px;border-radius:var(--radius-swatch);margin-bottom:8px;box-shadow:inset 0 0 0 1px var(--rule-warm)}.quiz-layout[data-astro-cid-bp25qm4w]{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--gap-columns);align-items:start}.quiz-intro[data-astro-cid-bp25qm4w]{display:grid;gap:24px}.quiz-intro[data-astro-cid-bp25qm4w] h2[data-astro-cid-bp25qm4w]{font:var(--type-h2)}.quiz-intro[data-astro-cid-bp25qm4w] p[data-astro-cid-bp25qm4w]:not(.lead){color:var(--muted);font:var(--type-body-small)}.quiz[data-astro-cid-bp25qm4w]{min-width:0;scroll-margin-top:24px}.quiz[data-astro-cid-bp25qm4w] [data-astro-cid-bp25qm4w][hidden]{display:none!important}fieldset[data-astro-cid-bp25qm4w]{border:0;padding:0;min-width:0}legend[data-astro-cid-bp25qm4w],[data-astro-cid-bp25qm4w][data-result-title]{font:var(--type-h3);padding:0;margin-bottom:16px}.progress[data-astro-cid-bp25qm4w]{font:var(--type-caption);color:var(--muted);margin-bottom:12px}.helper[data-astro-cid-bp25qm4w],.privacy-note[data-astro-cid-bp25qm4w]{font:var(--type-body-small);color:var(--muted);margin-bottom:24px}.privacy-note[data-astro-cid-bp25qm4w]{margin-top:20px;margin-bottom:0}.quiz-options[data-astro-cid-bp25qm4w],.wardrobe-options[data-astro-cid-bp25qm4w]{display:grid;gap:16px}.wardrobe-options[data-astro-cid-bp25qm4w]{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.wardrobe-choice[data-astro-cid-bp25qm4w],.quiz-option[data-astro-cid-bp25qm4w]{cursor:pointer;position:relative;min-width:0}input[data-astro-cid-bp25qm4w]{position:absolute;width:1px;height:1px;opacity:0}.wardrobe-choice[data-astro-cid-bp25qm4w]>span[data-astro-cid-bp25qm4w],.option-content[data-astro-cid-bp25qm4w]{display:block;border:1px solid var(--rule-warm);border-radius:var(--radius-panel);overflow:hidden;background:var(--paper-warm)}.wardrobe-choice[data-astro-cid-bp25qm4w]>span[data-astro-cid-bp25qm4w]{padding:24px;font:var(--type-nav);text-align:center}input[data-astro-cid-bp25qm4w]:checked+span[data-astro-cid-bp25qm4w]{outline:2px solid var(--terracotta);outline-offset:2px}input[data-astro-cid-bp25qm4w]:focus-visible+span[data-astro-cid-bp25qm4w]{outline:3px solid var(--ink);outline-offset:4px}label[data-astro-cid-bp25qm4w]:hover .option-content[data-astro-cid-bp25qm4w],.wardrobe-choice[data-astro-cid-bp25qm4w]:hover>span[data-astro-cid-bp25qm4w]{border-color:var(--terracotta)}.option-image[data-astro-cid-bp25qm4w]{display:block;overflow:hidden;position:relative;width:100%}.option-image[data-astro-cid-bp25qm4w] img[data-astro-cid-bp25qm4w]{position:absolute;top:var(--crop-top);left:0;width:100%;height:auto;max-width:none}.option-label[data-astro-cid-bp25qm4w]{display:grid;gap:6px;padding:16px 20px;font:var(--type-body-small)}.option-label[data-astro-cid-bp25qm4w] strong[data-astro-cid-bp25qm4w]{font:var(--type-nav)}.option-label[data-astro-cid-bp25qm4w]>span[data-astro-cid-bp25qm4w]{color:var(--muted)}.quiz-actions[data-astro-cid-bp25qm4w]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px}button[data-astro-cid-bp25qm4w]{cursor:pointer;font:var(--type-nav);padding:14px 24px;min-height:48px;border-radius:var(--radius-pill);border:1px solid var(--rule-warm);background:var(--paper);color:var(--ink)}.quiz-primary[data-astro-cid-bp25qm4w]{display:inline-flex;justify-content:center;padding:14px 24px;min-height:48px;align-items:center;font:var(--type-nav);border-radius:var(--radius-pill);background:var(--terracotta);color:var(--paper);border:1px solid transparent;text-decoration:none}.quiz-primary[data-astro-cid-bp25qm4w]:hover{background:var(--ink);color:var(--paper)}button[data-astro-cid-bp25qm4w]:disabled{background:var(--linen);color:var(--muted);cursor:not-allowed}.quiz-error[data-astro-cid-bp25qm4w]{color:var(--red);margin-top:20px}[data-astro-cid-bp25qm4w][data-result-summary]{font:var(--type-lead);margin-bottom:20px}.result-colors[data-astro-cid-bp25qm4w]{display:grid;gap:24px;margin-block:28px}.result-link[data-astro-cid-bp25qm4w]{margin-bottom:20px}.app-link[data-astro-cid-bp25qm4w]{display:block}@media(max-width:900px){.quiz-layout[data-astro-cid-bp25qm4w]{grid-template-columns:minmax(0,1fr)}.quiz-intro[data-astro-cid-bp25qm4w] h2[data-astro-cid-bp25qm4w] br[data-astro-cid-bp25qm4w]{display:none}}.colors-page{background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--font-ui);-webkit-font-smoothing:antialiased}.colors-page *{box-sizing:border-box}.colors-page :is(h1,h2,h3,p,figure){margin:0}.colors-page :is(h1,h2,h3){font-family:var(--font-display);font-weight:400;text-wrap:balance}.colors-page em{font-style:normal}.colors-page h2{font-size:clamp(38px,4.3vw,60px);line-height:1.04;letter-spacing:-1.4px}.colors-page h2 em{color:var(--terracotta)}.colors-page h3{font-size:29px;line-height:1.12;letter-spacing:-.5px}.colors-page a{color:inherit}.colors-page img{display:block;max-width:100%;height:auto}.colors-page :is(a,button,input,summary):focus-visible{outline:2px solid var(--terracotta);outline-offset:5px}.colors-page .cc-wrap{width:min(1320px,100%);padding-inline:56px;margin-inline:auto}.colors-page .cc-section{padding-block:82px}.colors-page .cc-eyebrow{font-size:11px;font-weight:500;line-height:1.4;letter-spacing:2.4px;text-transform:uppercase}.colors-page .cc-ruled:after{content:"";display:block;width:48px;height:1px;background:var(--terracotta);margin-top:21px}.colors-page .cc-small{font-size:12px;line-height:1.65;color:var(--muted)}.colors-page .cc-lead{font-size:19px;line-height:1.55}.colors-page .cc-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:49px;padding:13px 25px;border-radius:7px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s}.colors-page .cc-button:hover{transform:translateY(-2px)}.colors-page .cc-primary{background:var(--terracotta);color:var(--paper)}.colors-page .cc-primary:hover{background:var(--ink)}.colors-page .cc-dark{background:var(--ink);color:var(--paper)}.colors-page .cc-dark:hover{background:var(--olive-text)}.colors-page .cc-text-link{display:inline-flex;align-items:center;gap:13px;text-decoration:none;border-bottom:1px solid var(--terracotta);padding-bottom:4px;font-size:14px}.colors-page .cc-text-link:hover{color:var(--terracotta)}.colors-page .cc-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.colors-page .cc-centered{text-align:center}.colors-page .cc-centered>p,.colors-page .cc-closing p{margin-inline:auto}.colors-page .cc-centered .cc-eyebrow{margin-bottom:21px}.colors-page .cc-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--paper-warm)}.colors-page .cc-hero-scene{position:absolute;inset:0 0 0 47%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:30px 0}.colors-page .cc-scene-photo{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:35% center;z-index:-2}.colors-page .cc-hero-scene:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--paper-warm),rgba(253,249,242,.1) 55%,rgba(253,249,242,0))}.colors-page .cc-hero-inner{position:relative;pointer-events:none;min-height:780px;display:flex;align-items:center}.colors-page .cc-hero-copy{width:47%;padding-block:55px;pointer-events:auto}.colors-page .cc-hero-copy .cc-eyebrow{color:var(--olive-text)}body[data-look][data-theme=editorial][data-page="/how-to-create-your-color-palette"] main h1{font-family:var(--font-display);font-size:clamp(60px,5.5vw,80px);font-weight:400;line-height:.98;letter-spacing:-2.6px;max-width:none;margin:24px 0}.colors-page .cc-hero-copy h1 em{color:var(--terracotta)}.colors-page .cc-hero-copy .cc-lead{max-width:25em;margin-bottom:27px}.colors-page .cc-hero-copy .cc-small{margin-top:21px}.colors-page .cc-answer{font-size:12px;color:var(--muted);max-width:34em;margin-top:25px}.colors-page .cc-demo{position:relative;z-index:1;transform:rotate(2deg);margin-right:25px}.colors-page .cc-demo .color-preview-figure{width:245px}.colors-page .cc-demo .color-preview-phone{box-shadow:12px 24px 45px #22202033;border-radius:35px;border-width:5px}.colors-page .cc-demo .preview-swatches{gap:5px;margin-top:13px}.colors-page .cc-demo .preview-swatches button{padding:5px 8px;font-size:11px;background:var(--paper)}.colors-page .cc-demo figcaption{gap:8px;margin-top:12px;padding:9px 13px;background:var(--paper-warm);border-radius:9px}.colors-page .cc-demo .preview-motion-control{font-size:11px}.colors-page .cc-demo .caption{font-size:10px;line-height:1.4}.colors-page .cc-palette-note{position:absolute;right:20px;bottom:155px;width:175px;padding:17px;background:var(--paper);box-shadow:0 12px 32px #22202021;transform:rotate(-8deg);z-index:2;pointer-events:none}.colors-page .cc-palette-note p{font:400 21px/1.15 var(--font-display)}.colors-page .cc-palette-note>div{display:flex;gap:7px;margin-block:13px}.colors-page .cc-palette-note>div span{width:29px;height:29px;border-radius:50%;background:var(--swatch)}.colors-page .cc-palette-note>span{font-size:10px;color:var(--muted)}.colors-page .cc-intro h2 span{color:var(--terracotta)}.colors-page .cc-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:49px}.colors-page .cc-benefits>div{border-top:1px solid var(--rule-warm);padding-top:24px}.colors-page .cc-number{display:block;font-size:11px;letter-spacing:2px;color:var(--olive-text);margin-bottom:17px}.colors-page .cc-benefits h3{margin-bottom:12px}.colors-page .cc-benefits p{font-size:15px;color:var(--muted);max-width:25em}.colors-page .cc-app-story{padding-block:66px;background:var(--linen)}.colors-page .cc-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:75px;align-items:center}.colors-page .cc-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%;max-width:440px;margin-inline:auto}.colors-page .cc-screens figure{min-width:0}.colors-page .cc-screens figure:first-child{transform:rotate(-4deg);margin-top:38px}.colors-page .cc-screens figure:last-child{transform:rotate(4deg);margin-bottom:38px}.colors-page .cc-screen-device{border:5px solid var(--ink);border-radius:30px;overflow:hidden;box-shadow:0 15px 35px #22202021}.colors-page .cc-screen-device img{width:100%}.colors-page .cc-screens figcaption{text-align:center;font-size:12px;margin-top:18px}.colors-page .cc-story-copy .cc-eyebrow{margin-bottom:24px}.colors-page .cc-story-copy .cc-lead{margin-top:24px}.colors-page .cc-story-copy>p:not(.cc-eyebrow):not(.cc-lead){color:var(--muted);margin-top:18px;font-size:15px}.colors-page .cc-story-copy .cc-button{margin-top:27px}.colors-page .cc-quiz{padding:72px 0;background:var(--paper-warm)}.colors-page .cc-quiz-eyebrow{margin-bottom:30px}.colors-page .cc-quiz #color-quiz{padding-block:0;background:none}.colors-page .cc-quiz .quiz-layout{gap:70px}.colors-page .cc-quiz .quiz{background:var(--paper);padding:32px;border:1px solid var(--rule-warm);border-radius:20px}.colors-page .cc-quiz h2{font-size:clamp(38px,4.2vw,58px);line-height:1.05;letter-spacing:-1.4px}.colors-page .cc-quiz .quiz-intro .lead{font-size:18px;line-height:1.5}.colors-page .cc-quiz .quiz-intro>p:not(.lead){font-size:14px}.colors-page .cc-quiz .wardrobe-choice span{border-radius:8px}.colors-page .cc-quiz .quiz-primary{border-radius:7px}.colors-page .cc-section-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:60px;align-items:end;margin-bottom:40px}.colors-page .cc-section-heading .cc-eyebrow{margin-bottom:22px}.colors-page .cc-section-heading>p{color:var(--muted);font-size:17px;padding-bottom:5px}.colors-page .cc-season-tabs{border:0;padding:0;display:flex;gap:10px;margin:0;border-bottom:1px solid var(--rule-warm)}.colors-page .cc-season-tabs label{position:relative;cursor:pointer;flex:1}.colors-page .cc-season-tabs input{position:absolute;opacity:0;width:1px;height:1px}.colors-page .cc-season-tabs span{display:block;text-align:center;padding:15px 12px;border-bottom:2px solid transparent;font-size:15px}.colors-page .cc-season-tabs input:checked+span{color:var(--olive-text);border-color:var(--olive-text);font-weight:500}.colors-page .cc-season-tabs input:focus-visible+span{outline:2px solid var(--terracotta);outline-offset:-4px}.colors-page .cc-season-panel{display:none}.colors-page .cc-explore:has(#season-0:checked) #family-0,.colors-page .cc-explore:has(#season-1:checked) #family-1,.colors-page .cc-explore:has(#season-2:checked) #family-2,.colors-page .cc-explore:has(#season-3:checked) #family-3{display:block}.colors-page .cc-family-description{color:var(--muted);font-size:14px;margin:24px 0}.colors-page .cc-palette-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.colors-page .cc-palette-list a{display:block;text-decoration:none}.colors-page .cc-mini-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.colors-page .cc-mini-palette span{aspect-ratio:1;border-radius:3px;box-shadow:inset 0 0 0 1px #22202014}.colors-page .cc-palette-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 9px}.colors-page .cc-palette-title svg{width:20px}.colors-page .cc-palette-list a>p{font-size:13px;color:var(--muted)}.colors-page .cc-explore-label{display:inline-block;font-size:12px;border-bottom:1px solid var(--terracotta);margin-top:16px;padding-bottom:4px}.colors-page .cc-explore>.cc-wrap>.cc-small{margin-top:28px}.colors-page .cc-wardrobe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--linen);align-items:center}.colors-page .cc-wardrobe-photo{align-self:stretch;min-height:590px}.colors-page .cc-wardrobe-photo img{width:100%;height:100%;object-fit:cover;object-position:25% center}.colors-page .cc-wardrobe-copy{padding:65px 56px;max-width:660px}.colors-page .cc-wardrobe-copy .cc-eyebrow{margin-bottom:26px}.colors-page .cc-wardrobe-copy .cc-lead{margin:24px 0 18px}.colors-page .cc-wardrobe-copy>p:not(.cc-eyebrow):not(.cc-lead){font-size:15px;color:var(--muted)}.colors-page .cc-wardrobe-copy .cc-text-link{margin-top:26px}.colors-page .cc-outfit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.colors-page .cc-formula{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.colors-page .cc-formula-color{display:block;aspect-ratio:1/1.1;border-radius:4px;margin-bottom:16px}.colors-page .cc-formula p{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);margin-bottom:6px}.colors-page .cc-formula strong{font-size:14px;font-weight:500;line-height:1.4;display:block}.colors-page .cc-formula>div>span:last-child{font-size:12px;color:var(--muted)}.colors-page .cc-outfit-caption{border-top:1px solid var(--rule-warm);padding-top:22px;margin-top:24px;display:flex;gap:20px;justify-content:space-between;align-items:center}.colors-page .cc-outfit-caption h3{font-size:25px;max-width:10em}.colors-page .cc-outfit-caption .cc-text-link{font-size:12px;white-space:nowrap}.colors-page .cc-outfits>.cc-small{margin-top:35px}.colors-page .cc-guide{background:var(--paper-warm)}.colors-page .cc-guide-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}.colors-page .cc-guide .cc-eyebrow{margin-bottom:24px}.colors-page .cc-guide-grid>div>p:last-child{color:var(--muted);font-size:16px;margin-top:24px;max-width:27em}.colors-page .cc-guide ol{padding:0;margin:0;list-style:none;counter-reset:cc-steps;display:grid;gap:25px}.colors-page .cc-guide li{padding:0 0 25px 45px;border-bottom:1px solid var(--rule-warm);position:relative;counter-increment:cc-steps}.colors-page .cc-guide li:before{content:"0" counter(cc-steps);position:absolute;left:0;top:4px;color:var(--olive-text);font-size:12px;letter-spacing:1px}.colors-page .cc-guide li h3{font-size:25px;margin-bottom:12px}.colors-page .cc-guide li p{font-size:14px;color:var(--muted)}.colors-page .cc-research{padding-block:40px;border-bottom:1px solid var(--rule-warm)}.colors-page .cc-research>p:nth-child(2){font-size:14px;max-width:65em;margin-top:17px}.colors-page .cc-research>.cc-text-link{font-size:12px;margin:15px 0 10px}.colors-page .cc-research>.cc-small{max-width:68em}.colors-page .cc-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:80px}.colors-page .cc-faq .cc-eyebrow{margin-bottom:24px}.colors-page .cc-faq details{border-bottom:1px solid var(--rule-warm);padding:21px 0}.colors-page .cc-faq details:first-child{padding-top:0}.colors-page .cc-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:16px;cursor:pointer}.colors-page .cc-faq summary::-webkit-details-marker{display:none}.colors-page .cc-faq summary span{font-size:25px;font-weight:300}.colors-page .cc-faq details[open] summary span{transform:rotate(45deg)}.colors-page .cc-faq details p{font-size:14px;color:var(--muted);margin-top:16px;max-width:43em}.colors-page .cc-closing{text-align:center;background:var(--linen);padding:85px 0}.colors-page .cc-closing h2{font-size:clamp(46px,5.7vw,80px);margin:24px 0}.colors-page .cc-closing p:not(.cc-eyebrow){font-size:18px;margin-bottom:28px}.colors-page .cc-closing .cc-small{display:block;margin-top:23px}.colors-page .cc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:1500px){.colors-page .cc-hero-scene{inset-inline-start:45%}.colors-page .cc-demo{margin-right:90px}.colors-page .cc-palette-note{right:calc((100vw - 1320px)/3)}}@media(max-width:1080px){.colors-page .cc-palette-note{right:12px;bottom:170px;width:146px;padding:13px}.colors-page .cc-palette-note>div span{width:24px;height:24px}.colors-page .cc-palette-note p{font-size:19px}.colors-page .cc-demo{margin-right:35px}.colors-page .cc-demo .color-preview-figure{width:230px}.colors-page .cc-story-grid{gap:45px}.colors-page .cc-screens{gap:15px}.colors-page .cc-screen-device{border-radius:25px}.colors-page .cc-outfit-caption{display:grid;gap:12px;justify-content:start}}@media(max-width:760px){.colors-page .cc-wrap{padding-inline:23px}.colors-page .cc-section{padding-block:55px}.colors-page h2{font-size:39px;letter-spacing:-1px}.colors-page h3{font-size:27px}.colors-page .cc-eyebrow{font-size:10px;letter-spacing:2px}.colors-page .cc-hero{display:flex;flex-direction:column}.colors-page .cc-hero-scene{position:relative;inset:auto;order:2;min-height:690px;padding:30px 0 25px}.colors-page .cc-hero-scene:after{background:linear-gradient(180deg,var(--paper-warm),rgba(253,249,242,.05) 35%)}.colors-page .cc-scene-photo{object-position:45% center}.colors-page .cc-hero-inner{min-height:0;order:1}.colors-page .cc-hero-copy{width:100%;padding:45px 0 25px}body[data-look][data-theme=editorial][data-page="/how-to-create-your-color-palette"] main h1{font-size:clamp(46px,12vw,58px);line-height:1.01;letter-spacing:-1.8px;max-width:none;margin:23px 0}.colors-page .cc-hero-copy .cc-lead{font-size:18px;max-width:30em}.colors-page .cc-actions{gap:19px}.colors-page .cc-hero-copy .cc-small{font-size:11px}.colors-page .cc-answer{font-size:11px;max-width:42em;margin-top:17px}.colors-page .cc-demo{margin-right:30px}.colors-page .cc-demo .color-preview-figure{width:235px}.colors-page .cc-palette-note{right:16px;bottom:155px;width:147px}.colors-page .cc-benefits{grid-template-columns:minmax(0,1fr);gap:27px;margin-top:34px}.colors-page .cc-benefits>div{padding-top:20px}.colors-page .cc-benefits p{max-width:35em}.colors-page .cc-benefits h3{margin-bottom:9px}.colors-page .cc-number{margin-bottom:12px}.colors-page .cc-app-story{padding-block:52px}.colors-page .cc-story-grid{grid-template-columns:minmax(0,1fr);gap:40px}.colors-page .cc-screens{max-width:365px;order:2;gap:17px;padding-inline:9px}.colors-page .cc-story-copy{order:1}.colors-page .cc-screens figure:first-child{margin-top:25px}.colors-page .cc-screens figure:last-child{margin-bottom:25px}.colors-page .cc-screen-device{border-width:4px;border-radius:24px}.colors-page .cc-story-copy .cc-lead{font-size:18px}.colors-page .cc-story-copy>p:not(.cc-eyebrow):not(.cc-lead){font-size:15px}.colors-page .cc-quiz{padding-block:51px}.colors-page .cc-quiz .quiz-layout{grid-template-columns:minmax(0,1fr);gap:30px}.colors-page .cc-quiz .quiz{padding:23px;border-radius:15px}.colors-page .cc-quiz h2{font-size:39px}.colors-page .cc-quiz-eyebrow{margin-bottom:22px}.colors-page .cc-section-heading{grid-template-columns:minmax(0,1fr);gap:23px;margin-bottom:28px}.colors-page .cc-section-heading>p{font-size:16px}.colors-page .cc-season-tabs{gap:0}.colors-page .cc-season-tabs span{font-size:14px;padding:13px 7px}.colors-page .cc-palette-list{grid-template-columns:minmax(0,1fr);gap:35px}.colors-page .cc-mini-palette span{aspect-ratio:1.3}.colors-page .cc-palette-title{margin-top:15px}.colors-page .cc-wardrobe{grid-template-columns:minmax(0,1fr)}.colors-page .cc-wardrobe-photo{min-height:0;height:350px}.colors-page .cc-wardrobe-photo img{object-position:25% 35%}.colors-page .cc-wardrobe-copy{padding:45px 23px 51px}.colors-page .cc-wardrobe-copy .cc-lead{font-size:18px}.colors-page .cc-outfit-grid{grid-template-columns:minmax(0,1fr);gap:38px}.colors-page .cc-formula{gap:12px}.colors-page .cc-formula strong{font-size:13px}.colors-page .cc-formula-color{aspect-ratio:1/1.3}.colors-page .cc-outfit-caption{display:flex;gap:20px}.colors-page .cc-outfit-caption h3{font-size:24px}.colors-page .cc-outfit-caption .cc-text-link{white-space:normal}.colors-page .cc-guide-grid{grid-template-columns:minmax(0,1fr);gap:35px}.colors-page .cc-guide li{padding-left:36px}.colors-page .cc-research{padding-block:31px}.colors-page .cc-faq{grid-template-columns:minmax(0,1fr);gap:35px}.colors-page .cc-faq summary{font-size:15px}.colors-page .cc-closing{padding-block:60px}.colors-page .cc-closing h2{font-size:47px}.colors-page .cc-closing p:not(.cc-eyebrow){font-size:17px}}@media(prefers-reduced-motion:reduce){.colors-page .cc-button{transition:none}.colors-page .cc-button:hover{transform:none}}@media(max-width:480px){.colors-page .cc-palette-note{display:none}.colors-page .cc-demo{margin-right:0}}