.mw-grid{gap:clamp(1rem,.5rem + 1.2vw,1.5rem);list-style:none;display:grid}.mw-slot{min-width:0;scroll-margin-block:calc(var(--header-h) + 1rem) 1rem;display:flex}@media (max-width:47.999rem){.mw-grid{margin-inline:calc(-1 * var(--gutter));padding:.25rem var(--gutter) 1.25rem;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:.75rem;display:flex;overflow-x:auto}.mw-grid::-webkit-scrollbar{display:none}.mw-slot{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 min(84%,22rem)}.mw-slot:last-child{margin-inline-end:calc(100% - min(84%,22rem))}}@media (min-width:48rem){.mw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.mw-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.mw-slot{grid-column:span 5}.mw-slot[data-wide]{grid-column:span 7}@media (prefers-reduced-motion:no-preference){.mw-slot[data-scatter=armed]>.mw-card{transform:translate(var(--sx), var(--sy)) rotate(var(--sr)) scale(.92);will-change:transform}.mw-slot[data-scatter=settle]>.mw-card{transition:transform .9s cubic-bezier(.22, 1, .36, 1) var(--sd,0s), translate var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out)}}}.mw-card{border-radius:var(--radius-card);background:var(--pastel);width:100%;color:var(--pastel-ink);box-shadow:var(--shadow-soft);transition:translate var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);flex-direction:column;display:flex;position:relative}@media (hover:hover) and (prefers-reduced-motion:no-preference){.mw-card:hover{box-shadow:var(--shadow-lift);translate:0 -6px}}.mw-card:has(.mw-link:focus-visible){outline:2px solid var(--gold);outline-offset:4px}.mw-link:focus-visible{outline:none}.mw-link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.mw-art{height:clamp(10.5rem,6rem + 10vw,16rem);margin:var(--inset-card) var(--inset-card) 0;border-radius:calc(var(--radius-card) - .5rem);background:radial-gradient(60% 70% at 50% 55%,var(--lightningcss-light,#ffffff8c)var(--lightningcss-dark,#ffffff12),#0000 72%);background:radial-gradient(60% 70% at 50% 55%,var(--lightningcss-light,lab(100% 0 0/.55))var(--lightningcss-dark,lab(100% 0 0/.07)),#0000 72%);place-items:center;display:grid;position:relative}.mw-art-ink{max-width:92%;height:88%;color:var(--pastel-ink)}.mw-body{padding:var(--inset-card);flex-direction:column;flex:1;gap:.75rem;display:flex}.mw-meta{font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;line-height:1.4;display:flex}.mw-chip{border:1px solid color-mix(in oklch, var(--pastel-ink) 22%, transparent);border-radius:999px;align-items:center;min-height:1.75rem;padding-inline:.75rem;display:inline-flex}.mw-status{white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.mw-dot{border:1px solid;border-radius:999px;width:.4rem;height:.4rem}.mw-dot[data-live]{border-color:var(--gold);background:var(--gold);box-shadow:0 0 0 3px color-mix(in oklch, var(--gold) 28%, transparent)}.mw-year{white-space:nowrap}@media (min-width:48rem){.mw-year{margin-inline-start:auto}}.mw-name{font-size:var(--text-xl);letter-spacing:-.035em;margin-top:.25rem;font-weight:600;line-height:1.1}:lang(th) .mw-name{line-height:1.3}.mw-tagline{text-wrap:balance;max-width:46ch;font-size:var(--text-sm);color:color-mix(in oklch, var(--pastel-ink) 80%, var(--pastel))}.mw-go{font-size:var(--text-sm);text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--pastel-ink) 30%, transparent);text-decoration-color:color-mix(in oklch, var(--pastel-ink) 30%, transparent);text-underline-offset:.3em;transition:text-decoration-color var(--dur-2) var(--ease-out);margin-top:auto;padding-top:.5rem;font-weight:600;text-decoration-thickness:1px}.mw-arrow{transition:translate var(--dur-2) var(--ease-out);margin-inline-start:.35em;display:inline-block}.mw-card:hover .mw-go{-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.mw-card:hover .mw-arrow{translate:4px}.mw-dots{justify-content:center;gap:.25rem;margin-top:.25rem;display:flex}@media (min-width:48rem){.mw-dots{display:none}}.mw-dot-btn{cursor:pointer;border-radius:999px;place-items:center;width:2.75rem;height:2.75rem;display:grid}.mw-dot-btn>span{background:var(--ink-3);border-radius:999px;width:.5rem;height:.5rem}.mw-dot-btn[aria-current]>span{background:var(--gold);width:1.5rem}.mw-head{grid-template-columns:minmax(0,1fr);align-items:end;gap:1rem 1.5rem;padding-bottom:clamp(1.5rem,1rem + 2vw,2.5rem);display:grid}@media (min-width:48rem){.mw-head{grid-template-columns:minmax(0,1fr) auto}}.mw-title{font-size:var(--text-xl);font-weight:600;line-height:var(--text-xl--line-height);letter-spacing:-.035em}.mw-intro{max-width:46ch;color:var(--ink-2);margin-top:.75rem}.mw-all-wrap{justify-items:start;gap:.5rem;display:grid}@media (min-width:48rem){.mw-all-wrap{text-align:end;justify-items:end}}.mw-all{min-height:2.75rem;padding-inline:var(--inset-btn);border:1px solid var(--rule-strong);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);border-radius:999px;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.mw-all:hover{border-color:var(--ink);background:var(--ink);color:var(--ground)}.mw-all .mw-arrow{color:var(--gold);margin-inline-start:0}.mw-all:hover .mw-arrow{translate:4px}.wi-head{border-top:1px solid var(--rule-strong);grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-block:1.25rem clamp(2rem,1rem + 3vw,3.5rem);display:grid}@media (min-width:48rem){.wi-head{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem}.wi-title-col{grid-column:span 7}.wi-intro{grid-column:8/span 5;align-self:end}}.wi-title{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);letter-spacing:-.045em}:lang(th) .wi-title{letter-spacing:-.02em;line-height:1.25}.wi-title-word{padding-bottom:.18em;display:inline-block;position:relative}.wi-underline{width:100%;height:.24em;color:var(--gold);position:absolute;inset:auto 0 -.06em;overflow:visible}.wi-areas{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;list-style:none;display:flex}.wi-area{min-height:2.25rem;padding:.4rem var(--inset-pill);background:var(--pastel);color:var(--pastel-ink);font-size:var(--text-sm);white-space:nowrap;border-radius:999px;align-items:baseline;gap:.5rem;line-height:1.4;display:inline-flex}.wi-area-count{font-size:var(--text-xs);opacity:.75}.wi-intro{max-width:46ch;color:var(--ink-2)}
