.wx{--wx-ink:#0f0f10;--wx-paper:#fffdf8;--wx-cream:#efe5d5;--wx-orange:#ff5a00;--wx-coral:#ff6a4d;--wx-pink:#ff20d0;--wx-ease:cubic-bezier(0.2,0.7,0.2,1);background:var(--stone);padding:clamp(72px,9vw,120px) 0}.wx-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 64px;align-items:end;margin-bottom:clamp(32px,4vw,52px)}.wx-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(32px,5vw,72px);align-items:start}.wx-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(15,15,16,.18)}.wx-item{border-bottom:1px solid rgba(15,15,16,.18)}.wx-h3{margin:0}.wx-btn{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) 24px;gap:18px;align-items:center;padding:14px 0}.wx-btn:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:6px}.wx-ico{display:block;width:52px;height:52px}.wx-ico .wx-art{width:100%;height:100%}.wx-label{display:block;min-width:0}.wx-title{display:block;font-family:var(--font-archivo),Helvetica,Arial,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1.05;font-size:clamp(1.3rem,1.9vw,1.7rem);color:var(--ink)}.wx-title .lh-serif{letter-spacing:-.015em}.wx-line{display:block;margin-top:4px;font-size:15px;line-height:1.45;color:#5a554f}.wx-sign{position:relative;width:24px;height:24px;border-radius:999px;border:1px solid rgba(15,15,16,.4)}.wx-sign:after,.wx-sign:before{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;margin:-.75px 0 0 -5px;background:var(--ink);transition:transform .18s var(--wx-ease)}.wx-sign:after{transform:rotate(90deg)}.wx-item[data-open] .wx-sign{background:var(--ink);border-color:var(--ink)}.wx-item[data-open] .wx-sign:after,.wx-item[data-open] .wx-sign:before{background:var(--paper)}.wx-item[data-open] .wx-sign:after{transform:rotate(0deg)}@media (hover:hover) and (pointer:fine){.wx-btn:hover .wx-sign{border-color:var(--ink)}}.wx-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--wx-ease)}.wx-item[data-open] .wx-panel{grid-template-rows:1fr}.wx-panel-in{overflow:hidden;min-height:0;padding-left:70px}.wx-item[data-open] .wx-panel-in{padding-bottom:18px}.wx-panel-art{display:none}.wx-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px}.wx-items li{position:relative;padding:4px 0 4px 16px;font-size:15.5px;line-height:1.45;color:var(--ink)}.wx-items li:before{content:"";position:absolute;left:0;top:.78em;width:7px;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--orange),var(--pink))}.wx-canvas{position:relative;aspect-ratio:1/1;border-radius:18px;background:var(--paper);border:1px solid rgba(15,15,16,.1);overflow:hidden}.wx-stage{position:absolute;inset:0;margin:0;display:grid;place-items:center;padding:11% 11% 18%}.wx-stage .wx-art{width:100%;height:100%;max-width:360px}.wx-stage figcaption{position:absolute;left:24px;bottom:20px;font-family:var(--font-archivo),Helvetica,Arial,sans-serif;font-weight:800;letter-spacing:-.03em;font-size:1.15rem}.wx-overview{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6%;padding:12%;align-items:center}.wx-overview .wx-art{width:100%;height:auto}@media (max-width:899px){.wx-grid,.wx-head{grid-template-columns:1fr}.wx-canvas{display:none}.wx-btn{grid-template-columns:44px minmax(0,1fr) 24px;gap:14px;padding:12px 0}.wx-ico{width:44px;height:44px}.wx-panel-in{padding-left:0}.wx-panel-art{display:block;width:min(64vw,240px);margin:4px auto 14px;padding:14px;border-radius:14px;background:var(--paper)}.wx-panel-art .wx-art{display:block;width:100%;height:auto}}@media (max-width:420px){.wx-items{grid-template-columns:1fr}}.wx-o{opacity:.28}.wx-o-deep{opacity:.16}@media (prefers-reduced-motion:no-preference){.wx-art[data-play] .wx-d{stroke-dasharray:1;animation:wx-draw var(--t,.3s) var(--wx-ease) var(--d,0s) both}.wx-art[data-play] .wx-p{transform-box:fill-box;transform-origin:center;animation:wx-pop .26s cubic-bezier(.3,1.45,.5,1) var(--d,0s) both}.wx-art[data-play] .wx-m{transform-box:fill-box;transform-origin:center;animation:wx-move .36s cubic-bezier(.2,.9,.25,1) var(--d,0s) both}.wx-art[data-play] .wx-g{transform-box:fill-box;transform-origin:center bottom;animation:wx-grow .3s var(--wx-ease) var(--d,0s) both}.wx-art[data-play] .wx-o{animation:wx-dim .22s ease var(--d,0s) both}.wx-art[data-play] .wx-o-deep{animation-name:wx-dim-deep}}@media (prefers-reduced-motion:reduce){.wx-panel,.wx-sign:after,.wx-sign:before{transition:none}}@keyframes wx-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes wx-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes wx-move{0%{opacity:.25;transform:translate(var(--fx,0),var(--fy,0)) rotate(var(--fr,0deg))}to{opacity:1;transform:none}}@keyframes wx-grow{0%{transform:scaleY(0)}to{transform:none}}@keyframes wx-dim{0%{opacity:1}to{opacity:.28}}@keyframes wx-dim-deep{0%{opacity:1}to{opacity:.16}}