/* Overlapping cards: fixed horizontal layout, vertical proximity response. */
.palette .section-head{margin-bottom:0}.palette-group{height:clamp(180px,20vh,220px);margin:0;border-bottom:1px solid #c6d3dc;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;position:relative;overflow:clip}.palette-group h3{margin:0;flex:none;pointer-events:none}.fan,.fan.grey{height:70px;display:block;position:relative;flex:none;isolation:auto}.fan .color-card,.fan .color-card:last-child,.fan .color-card:hover,.fan .color-card:focus-visible,.fan .color-card.selected{position:absolute;left:var(--left);top:0;width:var(--width);height:calc(2 * clamp(180px,20vh,220px) - 172px);padding:24px;margin:0;border-radius:20px 20px 0 0;display:block;flex:none;transform-origin:50% 60%;transform:translateY(var(--lift,0%)) rotate(var(--tilt,0deg));transition:transform .4s cubic-bezier(.15,.5,.05,1);will-change:transform;overflow:hidden;z-index:auto;box-shadow:none}.fan .color-card:focus-visible{outline-offset:-4px;z-index:2}.fan .color-card b,.fan .color-card span{position:absolute;top:25px;opacity:0;transition:opacity .15s ease-in-out;white-space:nowrap;font-size:14px;letter-spacing:0;pointer-events:none}.fan .color-card b{left:24px}.fan .color-card span{right:24px;font:11px Arial,sans-serif}.fan .color-card.lift-active b,.fan .color-card.lift-active span{opacity:1}.fan .color-card.entering{transition:transform 1.1s cubic-bezier(.29,1.59,.1,1);transition-delay:var(--delay)}.palette-help{margin-top:32px}.palette-group:has(.color-card:focus-visible){outline:none}
@media(max-width:600px){.palette-group{height:190px}.fan .color-card,.fan .color-card:last-child,.fan .color-card:hover,.fan .color-card:focus-visible{height:208px;padding:16px}.fan .color-card b{left:15px;top:20px;font-size:12px}.fan .color-card span{right:15px;top:45px;font-size:10px}.fan .color-card:not(.lift-active) b,.fan .color-card:not(.lift-active) span{opacity:0}.fan .color-card.lift-active b,.fan .color-card.lift-active span{opacity:1}.fan.grey{display:block;height:70px}.fan.grey .color-card{min-height:0;border-radius:16px 16px 0 0;margin:0!important}.palette-group h3{font-size:13px}.palette-help{font-size:10px}}
@media(prefers-reduced-motion:reduce){.fan .color-card,.fan .color-card.entering{transition:none!important;will-change:auto}.fan .color-card b,.fan .color-card span{transition:none}}