.paleta-module__XSyxzW__page{color:#0d1b2a;font-family:var(--font-inter),sans-serif;background:#f7f8fa}.paleta-module__XSyxzW__header,.paleta-module__XSyxzW__section,.paleta-module__XSyxzW__synthesis{padding:clamp(2rem,6vw,6rem)}.paleta-module__XSyxzW__header{flex-direction:column;justify-content:space-between;min-height:65svh;display:flex}.paleta-module__XSyxzW__header a,.paleta-module__XSyxzW__synthesis a{width:max-content;color:inherit;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.5rem;font-size:.7rem;display:inline-flex}.paleta-module__XSyxzW__header svg,.paleta-module__XSyxzW__synthesis svg{width:1rem}.paleta-module__XSyxzW__header p{text-transform:uppercase;letter-spacing:.16em;margin:5rem 0 1rem;font-size:.65rem}.paleta-module__XSyxzW__header h1{letter-spacing:-.065em;max-width:12ch;margin:0;font-size:clamp(4rem,9vw,9rem);font-weight:500;line-height:.84}.paleta-module__XSyxzW__section{border-top:1px solid #aab4c2}.paleta-module__XSyxzW__heading{grid-template-columns:3rem minmax(0,1fr);gap:1rem;display:grid}.paleta-module__XSyxzW__heading>span{letter-spacing:.14em;font-size:.65rem}.paleta-module__XSyxzW__heading h2{letter-spacing:-.05em;max-width:17ch;margin:0;font-size:clamp(2.4rem,5vw,5rem);font-weight:500;line-height:.96}.paleta-module__XSyxzW__heading p{color:#5d6673}.paleta-module__XSyxzW__grid{background:#aab4c2;border:1px solid #aab4c2;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:4rem;display:grid}.paleta-module__XSyxzW__grid article{background:#f7f8fa;padding:1rem}.paleta-module__XSyxzW__grid article>div{border:1px solid #0d1b2a29;height:clamp(8rem,16vw,15rem)}.paleta-module__XSyxzW__grid h3{margin:1rem 0 .25rem;font-size:.9rem;font-weight:600}.paleta-module__XSyxzW__grid code{color:#5d6673;font-size:.72rem}.paleta-module__XSyxzW__grid article p{color:#707884;font-size:.7rem}.paleta-module__XSyxzW__result{max-width:50rem;margin:3rem 0 0;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.55}.paleta-module__XSyxzW__cool,.paleta-module__XSyxzW__cool .paleta-module__XSyxzW__grid article{background:#e8edf3}.paleta-module__XSyxzW__ratio{border:1px solid #aab4c2;min-height:22rem;margin-top:4rem;display:flex}.paleta-module__XSyxzW__ratio div{min-width:2.5rem;position:relative}.paleta-module__XSyxzW__ratio span{letter-spacing:.08em;white-space:nowrap;transform-origin:0 100%;font-size:.65rem;position:absolute;bottom:1rem;left:1rem;transform:rotate(-90deg)}.paleta-module__XSyxzW__ratio .paleta-module__XSyxzW__darkRatio{color:#f3f3f2}.paleta-module__XSyxzW__combinations,.paleta-module__XSyxzW__roleGrid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:4rem;display:grid}.paleta-module__XSyxzW__combinations article{background:#f3f3f2;border:1px solid #aab4c2;padding:1rem}.paleta-module__XSyxzW__comboColors{grid-template-columns:2fr 1fr 1fr;height:18rem;display:grid}.paleta-module__XSyxzW__combinations h3,.paleta-module__XSyxzW__roleGrid h3{margin:1rem 0 .25rem;font-size:1.1rem}.paleta-module__XSyxzW__combinations p,.paleta-module__XSyxzW__roleGrid p{color:#68707a;margin:0;font-size:.8rem}.paleta-module__XSyxzW__useSection{background:#dde0e2}.paleta-module__XSyxzW__roleGrid article{border-top:1px solid #aab4c2;padding:1.5rem 0}.paleta-module__XSyxzW__roleGrid article>span{border:1px solid #0d1b2a2e;width:4rem;height:4rem;margin-bottom:3rem;display:block}.paleta-module__XSyxzW__synthesis{color:#f7f8fa;background:#0d1b2a;flex-direction:column;justify-content:center;min-height:72svh;display:flex}.paleta-module__XSyxzW__synthesis>p{text-transform:uppercase;letter-spacing:.16em;font-size:.65rem}.paleta-module__XSyxzW__synthesis h2{letter-spacing:-.065em;margin:1rem 0;font-size:clamp(4rem,9vw,9rem);font-weight:500;line-height:.84}.paleta-module__XSyxzW__synthesis>span{color:#c4ccd6;max-width:38rem;margin:1.5rem 0 3rem;line-height:1.6}@media (max-width:900px){.paleta-module__XSyxzW__grid{grid-template-columns:repeat(2,1fr)}.paleta-module__XSyxzW__combinations,.paleta-module__XSyxzW__roleGrid{grid-template-columns:1fr 1fr}.paleta-module__XSyxzW__ratio{min-height:16rem}.paleta-module__XSyxzW__ratio span{font-size:.58rem}}@media (max-width:560px){.paleta-module__XSyxzW__combinations,.paleta-module__XSyxzW__roleGrid{grid-template-columns:1fr}.paleta-module__XSyxzW__ratio{overflow:hidden}.paleta-module__XSyxzW__ratio span{display:none}}.paleta-module__XSyxzW__paletteOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:4rem;display:grid}.paleta-module__XSyxzW__paletteOptions article{background:#f7f8fa;border:1px solid #aab4c2;padding:1rem}.paleta-module__XSyxzW__optionColors{grid-template-columns:repeat(5,1fr);height:18rem;display:grid}.paleta-module__XSyxzW__optionColors span{position:relative}.paleta-module__XSyxzW__optionColors code{color:#fff;letter-spacing:.04em;text-shadow:0 1px 4px #000;transform-origin:0 100%;font-size:.58rem;position:absolute;bottom:.7rem;left:.65rem;transform:rotate(-90deg)}.paleta-module__XSyxzW__paletteOptions h3{margin:1rem 0 0;font-size:.9rem;font-weight:600}@media (max-width:760px){.paleta-module__XSyxzW__paletteOptions{grid-template-columns:1fr}.paleta-module__XSyxzW__optionColors{height:14rem}}