.plm{--plm-gap:.7rem;--plm-tile-radius:.6rem;--plm-ease:cubic-bezier(.16, 1, .3, 1);flex-direction:column;align-items:center;display:flex}.plm-title{text-align:center;letter-spacing:-.01em;color:oklch(95.5% .012 80);font-size:1.35rem;line-height:1.05;transition:color .4s}@media (width>=640px){.plm-title{font-size:1.7rem}}.plm-frame{isolation:isolate;aspect-ratio:1;background:oklch(12% .014 35);border-radius:1.25rem;width:100%;max-width:32rem;margin-top:1.1rem;position:relative;overflow:hidden}.plm-grid{gap:var(--plm-gap);height:100%;transition:gap .78s var(--plm-ease);grid-template-rows:1.636fr 1fr;grid-template-columns:repeat(3,1fr);display:grid}.plm-tile:first-child,.plm-tile:nth-child(4){grid-column:span 2}.plm-tile{border-radius:var(--plm-tile-radius);transition:border-radius .78s var(--plm-ease), filter .62s ease;position:relative;overflow:hidden}.plm-tile img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--plm-ease)}.plm:is(:hover,:focus-within,[data-open=true]) .plm-grid{gap:0}.plm:is(:hover,:focus-within,[data-open=true]) .plm-tile{filter:brightness(.13)saturate(.35);border-radius:0}.plm:is(:hover,:focus-within,[data-open=true]) .plm-tile img{transform:scale(1.05)}.plm-panel{z-index:1;text-align:left;opacity:0;pointer-events:none;transition:opacity .38s ease, transform .62s var(--plm-ease);background:linear-gradient(oklch(8.5% .01 35/.7),oklch(8.5% .01 35/.86));flex-direction:column;justify-content:flex-end;padding:1.75rem;display:flex;position:absolute;inset:0;transform:translateY(14px)}@media (width>=640px){.plm-panel{padding:2.5rem}}.plm:is(:hover,:focus-within,[data-open=true]) .plm-panel{opacity:1;pointer-events:auto;transition-delay:.22s;transform:none}.plm-panel-title{letter-spacing:-.01em;color:oklch(98.5% .006 80);font-size:1.45rem;line-height:1.05}@media (width>=640px){.plm-panel-title{font-size:1.9rem}}.plm-panel-body{color:oklch(95.5% .012 80/.78);max-width:46ch;margin-top:1rem;font-size:.92rem;line-height:1.6}@media (width>=640px){.plm-panel-body{font-size:.98rem}}.plm-panel-cta{letter-spacing:.18em;text-transform:uppercase;color:oklch(98.5% .006 80);border-bottom:1px solid oklch(95.5% .012 80/.5);width:fit-content;margin-top:1.6rem;padding-bottom:.25rem;font-size:.74rem;transition:border-color .3s}.plm-panel-cta:hover{border-bottom-color:oklch(98.5% .006 80)}@media (width<=639px){.plm-panel-cta{position:relative}.plm-panel-cta:after{content:"";position:absolute;inset:-.75rem -.5rem}.plm-panel-title{display:none}.plm-panel{text-align:center;justify-content:center;align-items:center;padding:1.25rem}.plm-panel-body{margin-top:0;font-size:.85rem;line-height:1.5}.plm-panel-cta{margin-top:1.25rem}.plm:is(:hover,:focus-within,[data-open=true]) .plm-tile{filter:brightness(.3)saturate(.5)}}.plm-hint{text-align:center;letter-spacing:.24em;text-transform:uppercase;color:oklch(95.5% .012 80/.55);margin-top:1.1rem;font-size:.68rem;transition:color .4s,opacity .4s}@media (width<=639px){.plm-hint{display:none}}.plm:is(:hover,:focus-within,[data-open=true]) .plm-hint{color:oklch(95.5% .012 80/.28)}@media (prefers-reduced-motion:reduce){.plm-grid,.plm-tile,.plm-tile img,.plm-panel,.plm-hint,.plm-title{transition-duration:1ms;transition-delay:0s}.plm:is(:hover,:focus-within,[data-open=true]) .plm-tile img{transform:none}}@media (prefers-reduced-motion:no-preference){.plm{view-timeline-name:--plm-view}.plm-title,.plm-tile,.plm-hint{animation:1s cubic-bezier(.16,1,.3,1) both plm-enter;animation-timeline:--plm-view}.plm-title{animation-range:entry 8% cover 18%}.plm-tile:first-child{animation-range:entry 14% cover 26%}.plm-tile:nth-child(2){animation-range:entry 19% cover 31%}.plm-tile:nth-child(3){animation-range:entry 24% cover 36%}.plm-tile:nth-child(4){animation-range:entry 29% cover 41%}.plm-hint{animation-range:entry 34% cover 46%}}@keyframes plm-enter{0%{opacity:0;transform:translateY(26px)scale(.95)}to{opacity:1;transform:none}}