.wn{--wn-max:960px;--wn-ease:cubic-bezier(.22,1,.36,1);--wn-sand:#f3efe5;--wn-paper:#fdfcf8;--wn-txt:rgba(21,21,21,.88);--wn-dt:rgba(21,21,21,.64);--wn-date:200px;--wn-pic:132px;--wn-col:36px}.wn-top{padding:clamp(112px,14svh,150px) var(--gutter) 0}.wn-ill{height:calc(var(--fig) * .78)}.wn-parcel{display:block;height:100%;width:auto;max-width:100%;overflow:visible}.wn-top .pg-sub{margin-top:26px}.wn-top .pg-h .v-hand{padding-bottom:0}.wn-top .pg-h .v-hand>.mg-mark{translate:0 -.03em}.wn-bar{transform-box:fill-box;transform-origin:50% 50%}.js .wn-parcel{animation:pgBreathe 6s ease-in-out 1.6s infinite alternate}.wn-wrap{max-width:var(--wn-max);margin:0 auto;padding:0 var(--gutter);box-sizing:content-box}.wn-date{font:500 18px/1.3 "Figtree",system-ui,sans-serif;color:var(--wn-dt);white-space:nowrap;font-variant-numeric:tabular-nums}.wn-dot{margin:0 .45em}.wn-log{margin-top:clamp(48px,5.8svh,88px)}.wn-row{position:relative;display:grid;grid-template-columns:var(--wn-date) var(--wn-pic) minmax(0,1fr);column-gap:var(--wn-col);grid-template-areas:"date pic title" "date pic text";grid-template-rows:auto 1fr;align-items:start;padding:52px 0;scroll-margin-top:128px}.wn-row:first-child{padding-top:0}.wn-row+.wn-row{border-top:1px solid var(--line)}.wn-row>.wn-date{grid-area:date;padding-top:6px}.wn-pic{grid-area:pic;width:var(--wn-pic);aspect-ratio:132/100;margin-top:-4px}.wn-art{display:block;width:100%;height:100%;overflow:visible}.wn-t{grid-area:title;font:400 clamp(26px,2.2vw,32px)/1.16 var(--v-serif);letter-spacing:-.014em;color:var(--ink);text-wrap:balance}.wn-x{grid-area:text;margin-top:12px}.wn-x p{max-width:29em;font:400 20px/1.5 "Figtree",system-ui,sans-serif;color:var(--wn-txt);text-wrap:pretty}.wn-go{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font:500 18px/1.4 "Figtree",system-ui,sans-serif;color:var(--ink);text-decoration:underline 1px rgba(21,21,21,.3);text-underline-offset:5px;transition:text-decoration-color .15s}.wn-go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--wn-ease)}.wn-go:hover{text-decoration-color:currentColor}.wn-go:hover svg{transform:translateX(3px)}.wn-go:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:6px}.wn-mk{z-index:1}.wn-ruler{margin:clamp(64px,8svh,104px) 0 0}.wn-rcap{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:16px;row-gap:4px;font:400 18px/1.4 "Figtree",system-ui,sans-serif}.wn-rh{font-weight:500;color:var(--ink)}.wn-rs{color:var(--wn-dt)}.wn-rl{display:block;width:100%;height:44px;margin-top:20px;overflow:visible}.wn-rl path{fill:none;stroke:var(--ink);vector-effect:non-scaling-stroke;stroke-linecap:butt}.wn-rt{stroke-width:1.5;stroke-opacity:.34}.wn-re{stroke-width:3}.wn-rends{display:flex;justify-content:space-between;margin-top:10px;font:500 18px/1.3 "Figtree",system-ui,sans-serif;color:var(--wn-dt)}.wn-earlier{margin-top:clamp(56px,7svh,88px)}.wn-eh{margin-bottom:18px;font:400 clamp(26px,2.2vw,32px)/1.16 var(--v-serif);letter-spacing:-.014em;color:var(--ink)}.wn-list{border-bottom:1px solid var(--line)}.wn-list li{position:relative;display:grid;grid-template-columns:var(--wn-date) minmax(0,1fr);column-gap:calc(var(--wn-pic) + var(--wn-col) * 2);align-items:baseline;padding:18px 0;border-top:1px solid var(--line);scroll-margin-top:128px}.wn-lt{font:400 19px/1.45 "Figtree",system-ui,sans-serif;color:var(--ink);text-wrap:balance}.wn-close{margin-top:clamp(104px,14svh,168px);display:flex;flex-direction:column;align-items:center;text-align:center}.wn-ship{display:block;width:clamp(150px,13vw,190px);height:auto;margin-bottom:clamp(22px,2.4vw,30px);overflow:visible}.js .wn-ship{opacity:0;translate:-18px 0;transition:opacity .5s var(--wn-ease),translate .7s var(--wn-ease)}.js .wn-close.in .wn-ship{opacity:1;translate:0 0}.wn-csub{margin-top:14px;font:400 clamp(18px,1.4vw,21px)/1.45 "Figtree",system-ui,sans-serif;color:rgba(21,21,21,.72)}.wn-close .pg-cta{justify-content:center;margin-top:30px}.wn-mac{margin-top:20px;font:400 18px/1.45 "Figtree",system-ui,sans-serif;color:var(--wn-txt)}.js .wn-pic .wn-m{stroke-dasharray:1 1;stroke-dashoffset:1}.js .wn-pic .wn-f{opacity:0}.js .wn-pic .wn-pre{fill-opacity:.16}.wn-on .wn-m{animation:wnDraw .55s var(--wn-ease) forwards;animation-delay:calc(var(--k) * 65ms)}.wn-on .wn-f{animation:wnFade .35s ease forwards;animation-delay:calc(var(--k) * 65ms + 220ms)}@keyframes wnDraw{to{stroke-dashoffset:0}}@keyframes wnFade{to{opacity:1}}.wn-key{transform-box:fill-box;transform-origin:50% 100%}.wn-on .wn-key{animation:wnPress 5.2s ease-in-out 1.6s infinite}.wn-on .wn-k2{animation-delay:1.78s}.wn-on .wn-k3{animation-delay:1.96s}@keyframes wnPress{0%,8%,100%{transform:none}3%,5.5%{transform:translateY(2.5px) scaleY(.97)}}.wn-still .wn-pic .wn-m{stroke-dashoffset:0;animation:none!important}.wn-still .wn-pic .wn-f{opacity:1;animation:none!important}.wn-still .wn-pic .wn-pre{fill-opacity:1}.wn-still .wn-key,.wn-still .wn-bar,.wn-still .wn-parcel{animation:none!important}.wn-still .wn-ship{opacity:1;translate:none;transition:none}@media(prefers-reduced-motion:reduce){.js .wn-pic .wn-m{stroke-dashoffset:0;animation:none!important}.js .wn-pic .wn-f{opacity:1;animation:none!important}.js .wn-pic .wn-pre{fill-opacity:1}.wn-key,.js .wn-bar,.js .wn-parcel,.wn-go svg{animation:none!important;transition:none}.js .wn-ship{opacity:1;translate:none;transition:none}}@media(max-width:900px){.wn{--wn-pic:112px;--wn-col:28px}.wn-row{grid-template-columns:var(--wn-pic) minmax(0,1fr);grid-template-areas:"date date" "pic title" "pic text";padding:44px 0;grid-template-rows:auto auto 1fr}.wn-row>.wn-date{padding-top:0;margin-bottom:20px}.wn-pic{margin-top:2px}.wn-list li{grid-template-columns:minmax(0,1fr);row-gap:6px}}@media(max-width:640px){.wn{--wn-pic:96px;--wn-col:16px}.wn-top{padding-top:var(--pg-top)}.wn-top .pg-sub{margin-top:18px}.wn-log{margin-top:72px}.wn-row{grid-template-areas:"date date" "pic title" "text text";grid-template-rows:auto auto auto;align-items:center;padding:36px 0;scroll-margin-top:104px}.wn-row>.wn-date{margin-bottom:14px}.wn-pic{width:var(--wn-pic);margin:0}.wn-t{font-size:25px}.wn-x{margin-top:16px}.wn-x p{font-size:19px}.wn-ruler{display:none}.wn-earlier{margin-top:64px}.wn-list li{scroll-margin-top:104px}.wn-close{margin-top:var(--pg-gap)}.wn-close .pg-cta{width:min(320px,100%)}}
/* 26.10. — one drawing on top, one per update; the closing line stands without a third (brief: illustrations sparse;
   Mobbin: Notion developers changelog, one drawing beside the list). The ship stays in the markup because
   whats-new-live.js clones it as the picture for a new release row.
   The sound bars over the parcel no longer talk on a loop: motion only answers scroll, pointer or click. */
.wn-close .wn-ship{display:none}