.pal-in{display:grid;gap:var(--s5);grid-template-areas:"tx" "mx" "x"}.pal-l{display:contents}.pal-tx{grid-area:tx}.mx{grid-area:mx}.pal-x{grid-area:x}@media(min-width:900px){.pal-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"l mx";gap:var(--s7);align-items:start}.pal-l{grid-area:l;display:grid;gap:var(--s5);position:sticky;top:calc(var(--bar) + 40px)}.pal-l>.pal-tx,.pal-l>.pal-x{grid-area:auto}}.mx{padding:clamp(16px,2.6vw,32px);border-radius:var(--r);background:#ffffff9e;box-shadow:var(--shadow),inset 0 0 0 1px #ffffffb3}.mx-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mx-k{font:600 var(--fs-5)/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--coral-ink)}.mx-rnd{min-height:44px;padding:0 18px;font-size:.9375rem}.mx-rnd .ic{width:18px;height:18px;transition:transform .6s var(--spring)}.mx-rnd:hover .ic{transform:rotate(72deg)}.mx-cloth{display:flex;height:clamp(230px,34vw,400px);border-radius:var(--r-s);overflow:hidden;box-shadow:0 1px #fff9 inset,0 24px 50px -28px #1e171473}.mx-b{position:relative;display:block;background:var(--c);transition:background-color .8s var(--ease)}.mx-b[data-r=base]{flex:60 1 0}.mx-b[data-r=support]{flex:30 1 0}.mx-b[data-r=accent]{flex:10 1 0}.mx-b:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00000012,#fff0 14%,#fff3,#fff0 40%,#0000000f 55%,#ffffff24 71%,#fff0 84%,#00000014),linear-gradient(180deg,#ffffff29,#fff0 30%,#0000000d)}.mx-b+.mx-b{box-shadow:-6px 0 14px -8px #00000047}.mx-b span{position:absolute;left:50%;bottom:12px;transform:translate(-50%);font:500 clamp(.9375rem,.7rem + 1vw,1.75rem)/1 var(--serif);color:var(--t, var(--ink));opacity:.86;white-space:nowrap}.mx-b[data-r=base] span{left:18px;transform:none;font-size:clamp(2.5rem,1.8rem + 3vw,4.5rem);bottom:8px}.mx-b.flash:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgb(255 255 255 / .45) 50%,transparent 70%);animation:mx-sheen .9s var(--ease) both}@keyframes mx-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mx-name{margin:18px 0 4px;font:italic 400 clamp(1.5rem,1.25rem + 1vw,2.125rem)/1.15 var(--serif);max-width:none;text-wrap:balance}.mx-rows{display:grid;gap:0;margin-top:14px}.mx-r{padding:14px 0 12px;border-top:1px solid var(--line)}.mx-rh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;margin-bottom:10px}.mx-rh>span:first-child{font:600 var(--fs-5)/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.mx-rh .term{letter-spacing:inherit}.mx-rh b{font:500 1.25rem/1.2 var(--serif)}.mx-sw{display:flex;flex-wrap:wrap;gap:10px}.mx-sw button{position:relative;width:44px;height:44px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #0000001a;transition:transform .4s var(--spring),box-shadow .25s}.mx-sw button:hover{transform:scale(1.08)}.mx-sw button[aria-pressed=true]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink)}.mx-where{margin:10px 0 0;font-size:var(--fs-cap);color:var(--ink-2)}@media(min-width:900px){.mx-sw button{width:48px;height:48px}}.pal-wow{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding-bottom:var(--s4);border-bottom:1px solid var(--ln)}.pal-wow>i{width:72px;height:72px;border-radius:50%;background:var(--c);box-shadow:0 0 0 6px #ffffff8c,0 18px 34px -16px var(--c)}.pal-wow .kicker{margin-bottom:4px}.pal-wow b{display:block;font:500 var(--fs-3)/1.1 var(--serif);margin-bottom:6px}.pal-wow p{margin:0}.pal-no{padding-top:var(--s4)}.pal-no-l{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pal-no-l button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 6px;border-radius:99px;background:#ffffff8c;box-shadow:inset 0 0 0 1px var(--line-2);font-size:.9375rem;transition:background .2s}.pal-no-l button:hover{background:#fff}.pal-no-l i{position:relative;width:32px;height:32px;border-radius:50%;background:var(--c);overflow:hidden}.pal-no-l i:after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:#fff;transform:rotate(45deg)}.pal-no .small{margin:0}.pal-sh-c{height:120px;margin:0 calc(-1 * var(--gut)) var(--s3);background:var(--c)}@media(min-width:900px){.pal-sh-c{margin:0 -36px var(--s3)}}
