#writing .section__body{justify-items:stretch}.writing__shelf{gap:var(--space-6);width:100%;min-width:0;padding-block:var(--space-2);display:grid}.wc{--rot:0deg;--from:0deg;min-width:0}.wc--lav{--wc-bg:var(--color-lavender)}.wc--pink{--wc-bg:var(--color-pink)}.wc--yel{--wc-bg:var(--color-yellow)}.wc[data-deal=out]{opacity:0;transform:translateY(44px)}.wc[data-deal=out] .wc__frame{transform:rotate(var(--from))}.wc[data-deal=in]{animation:wc-deal .8s var(--ease-pop) var(--d) both}.wc[data-deal=in] .wc__frame{animation:wc-frame .8s var(--ease-pop) var(--d) backwards}@keyframes wc-deal{0%{opacity:0;transform:translateY(44px)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes wc-frame{0%{transform:rotate(var(--from))}to{transform:rotate(var(--rot))}}.wc__link{isolation:isolate;gap:var(--space-3);height:100%;padding:var(--space-4);color:var(--color-night);transition:transform var(--dur-base) var(--ease-out);text-decoration:none;display:grid;position:relative}.wc__frame{z-index:-1;border:var(--stroke) solid var(--color-line);border-radius:var(--radius-l);background:var(--wc-bg);transform:rotate(var(--rot));transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);position:absolute;inset:0;overflow:hidden}.wc__frame:after{content:"";background:radial-gradient(circle, var(--color-night) 1.4px, transparent 1.8px) 0 0 / 9px 9px;opacity:.3;clip-path:polygon(100% 0,100% 100%,0 100%);width:72px;height:72px;position:absolute;bottom:0;right:0}.wc__link:hover,.wc__link:focus-visible{transform:translateY(-6px)}.wc__link:hover .wc__frame,.wc__link:focus-visible .wc__frame{box-shadow:var(--shadow-press-hover);transform:rotate(0)}.wc__link:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-l)}.wc__stage{min-width:0;padding-bottom:var(--space-2);transform:rotate(calc(var(--rot) * -2));align-self:start}.wc-art{width:100%;height:auto;max-height:150px;transition:transform var(--dur-base) var(--ease-pop);margin-inline:auto;display:block;overflow:visible}.wc__link:hover .wc-art,.wc__link:focus-visible .wc-art{transform:scale(1.04)rotate(-1.5deg)}.wc__text{background:var(--wc-bg);gap:var(--space-3);align-content:start;min-width:0;display:grid}.wc__meta{align-items:center;gap:var(--space-2) var(--space-3);font-size:var(--step--1);flex-wrap:wrap;margin:0;font-weight:700;display:flex}.wc__tag{background:var(--color-cream);border:var(--stroke) solid var(--color-night);border-radius:var(--radius-s) 2px var(--radius-s) 2px;padding:2px 10px}.wc h3{font-size:var(--step-2);line-height:var(--leading-tight);text-wrap:balance;color:var(--color-night)}.wc__quote{font-size:var(--step-0);margin:0;font-weight:700}.wc__summary{font-size:var(--step--1);max-width:36rem;margin:0}.wc__read{justify-self:start;align-items:center;gap:var(--space-2);padding:var(--space-2) 22px var(--space-2) var(--space-4);margin-top:var(--space-1);background:var(--color-night);color:var(--color-cream);font-weight:700;font-size:var(--step--1);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);transition:padding var(--dur-base) var(--ease-out);display:inline-flex}.wc__link:hover .wc__read,.wc__link:focus-visible .wc__read{padding-right:30px}.wc-edge *{stroke-width:11px;stroke-linejoin:round;fill:var(--color-cream)!important;stroke:var(--color-cream)!important}.wc-edge .d{display:none}.wc-fg *{stroke:var(--color-night);stroke-width:var(--stroke);stroke-linejoin:round;stroke-linecap:round;fill:none}.wc-fg .f-cream{fill:var(--color-cream)}.wc-fg .f-lav{fill:var(--color-lavender)}.wc-fg .f-pink{fill:var(--color-pink)}.wc-fg .f-yel{fill:var(--color-yellow)}.wc-fg .f-tan{fill:var(--color-tangerine)}.wc-shade circle{fill:var(--color-night);opacity:.55}[class*=a-lift],[class*=a-beat],[class*=a-stamp],[class*=a-week]{transform-box:fill-box;transform-origin:50%}.wc[data-deal=in] .a-lift{animation:a-lift .9s var(--ease-pop) calc(var(--d) + .5s) both}.wc[data-deal=in] .a-beat{animation:a-beat 1.1s ease-in-out calc(var(--d) + 1.2s) 1 both}.wc[data-deal=in] .a-strike{stroke-dasharray:1;animation:a-draw .6s ease-out calc(var(--d) + .6s) both}.wc[data-deal=in] .a-stamp{animation:a-stamp .52s var(--ease-pop) calc(var(--d) + 1.3s) both}.wc[data-deal=in] .a-week{animation:a-week .42s var(--ease-pop) both}.wc[data-deal=in] .a-week-0{animation-delay:calc(var(--d) + .6s)}.wc[data-deal=in] .a-week-1{animation-delay:calc(var(--d) + .9s)}.wc[data-deal=in] .a-week-2{animation-delay:calc(var(--d) + 1.2s)}.wc[data-deal=in] .a-week-3{animation-delay:calc(var(--d) + 1.5s)}.a-tick{stroke-dasharray:1}.wc[data-deal=in] .a-tick{animation:.3s ease-out both a-draw}.wc[data-deal=in] .a-week-0 .a-tick{animation-delay:calc(var(--d) + .8s)}.wc[data-deal=in] .a-week-1 .a-tick{animation-delay:calc(var(--d) + 1.1s)}.wc[data-deal=in] .a-week-2 .a-tick{animation-delay:calc(var(--d) + 1.4s)}.wc[data-deal=in] .a-week-3 .a-tick{animation-delay:calc(var(--d) + 1.7s)}@keyframes a-lift{0%{transform:translateY(26px)}to{transform:none}}@keyframes a-beat{0%,to{transform:scale(1)}25%,60%{transform:scale(1.3)}45%{transform:scale(1)}}@keyframes a-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes a-stamp{0%{opacity:0;transform:scale(1.3)rotate(-18deg)}to{opacity:1;transform:none}}@keyframes a-week{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@media (width<=719px){.wc:not(.wc--lead) .wc__summary{display:none}}@media (width>=720px){.wc-art{max-height:none}.writing__shelf{gap:var(--space-7) var(--space-6)}.wc:not(.wc--lead) .wc__link{padding:var(--space-5);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}.wc:not(.wc--lead) h3{font-size:var(--step-1)}.wc--lead .wc__link{padding:var(--space-5)}.wc--lead h3{font-size:var(--step-3)}}@media (width>=960px){.writing__shelf{grid-template-columns:repeat(12,minmax(0,1fr))}.wc--lead{grid-area:1/1/span 2/7}.wc:not(.wc--lead){grid-column:7/13}.wc:not(.wc--lead) .wc__link{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.wc:not(.wc--lead) .wc__summary{display:none}.wc--lead .wc__link{padding:var(--space-6)}.wc--lead .wc-art{max-height:300px}}@media (prefers-reduced-motion:reduce){.wc,.wc[data-deal],.wc[data-deal] .wc__frame{opacity:1;transform:none;animation:none!important}.wc[data-deal] .wc__frame{transform:rotate(var(--rot))}.wc-art *,.wc__link,.wc__read{transition:none;animation:none!important}.a-tick,.a-strike{stroke-dasharray:none}}