.palette-field{width:100vw;margin-top:3rem;margin-left:calc(50% - 50vw)}.palette-field-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:88rem;margin:0 auto;padding:clamp(1rem,3vw,1.75rem) clamp(1.5rem,5vw,3rem) .85rem;display:flex}.palette-field-eyebrow{margin:0}.palette-field-blocks{width:100%;display:flex}.palette-field-block{flex:1;align-items:flex-end;min-width:0;min-height:clamp(160px,26vw,280px);transition:flex .32s cubic-bezier(.16,1,.3,1);display:flex;position:relative}@media (min-width:768px){.palette-field-block:hover{flex:1.35}}.palette-field-caption{color:#ffffffeb;flex-direction:column;gap:2px;padding:clamp(.75rem,2vw,1.1rem);display:flex}.palette-field-block[data-light="1"] .palette-field-caption{color:#1a1a1ad9}.palette-field-name{letter-spacing:-.01em;font-size:clamp(.95rem,1.8vw,1.35rem);font-weight:500;line-height:1.05}.palette-field-hex{letter-spacing:.18em;opacity:.85;font-size:10px}@media (max-width:639px){.palette-field-caption{overflow-wrap:anywhere;min-width:0;max-width:100%;padding:.5rem}.palette-field-name{font-size:.75rem}.palette-field-hex{letter-spacing:0;font-size:8px}}.palette-gradient{flex-direction:column;gap:clamp(.75rem,2vw,1.1rem);display:flex}.palette-gradient-ribbon{border:1px solid #ffffff14;width:100%;height:clamp(64px,9vw,104px);box-shadow:inset 0 0 0 1px #00000040}.palette-gradient-ticks{flex-wrap:wrap;gap:clamp(.75rem,2.5vw,1.75rem);margin:0;padding:0;list-style:none;display:flex}.palette-gradient-tick{align-items:center;gap:.5rem;min-width:0;display:flex}.palette-gradient-dot{border:1px solid #ffffff40;flex-shrink:0;width:12px;height:12px}.palette-gradient-name{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark-3);white-space:nowrap;font-size:10px}.palette-gradient-foot{margin-top:.35rem}.palette-stack{background:var(--paper);color:var(--charcoal);grid-template-columns:1fr;max-width:56rem;display:grid;overflow:hidden;box-shadow:0 1px #ffffff0a,0 24px 60px -28px #000000a6}@media (min-width:760px){.palette-stack[data-has-photo="1"]{grid-template-columns:1fr 1fr;align-items:stretch}}.palette-stack-content{padding:clamp(1.25rem,3vw,2rem)}.palette-stack-photo{aspect-ratio:4/5;background:#000;margin:0;position:relative;overflow:hidden}@media (min-width:760px){.palette-stack-photo{aspect-ratio:auto;align-self:stretch;height:100%;min-height:100%}}.palette-stack .eyebrow-red{color:var(--accent-red)}.palette-stack-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.palette-stack-row{border-top:1px solid #1a1a1a1f;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.7rem 0;display:grid}.palette-stack-row:first-child{border-top:none}.palette-stack-chip{border:1px solid #1a1a1a24;flex-shrink:0;width:30px;height:30px}.palette-stack-name{font-family:var(--font-fonseca);color:var(--charcoal);font-size:clamp(1rem,1.8vw,1.2rem);font-weight:500;line-height:1.1}.palette-stack-hex{color:#1a1a1a8c;justify-self:end}.palette-stack-foot{border-top:1px solid #1a1a1a1f;margin-top:1.1rem;padding-top:1rem}.palette-stack-foot .chip{color:#1a1a1ab3;border-color:#1a1a1a40}.palette-stack-foot .chip:hover{color:var(--charcoal);border-color:#1a1a1a80}@media (prefers-reduced-motion:reduce){.palette-field-block{transition:none}}