.drw{--serif:"Instrument Serif",Georgia,"Times New Roman",serif;--strip:clamp(14px,1.6vw,22px);height:calc(100svh + (var(--count) - 7) * var(--step,16svh));font-family:var(--f-house)}html.js body[data-work="learning-to-draw"] .mark{display:none}.drw-stage{position:sticky;top:0;height:100svh;overflow:hidden}.drw-ribbon{margin:0;padding:0;list-style:none}.drw-ribbon li{display:contents}.drw-item{position:absolute;left:0;top:0;display:block;z-index:1;width:var(--size,80px);height:var(--size,80px);transform:translate3d(var(--x,0),var(--y,0),0);opacity:var(--a,1);background:#1a1918}.drw-item[hidden]{display:none}.drw-crop{position:absolute;inset:0;overflow:hidden}.drw .drw-crop img{position:absolute;max-width:none;object-fit:fill;transition:filter .25s ease}.drw-item:hover .drw-crop img,.drw-item:focus-visible .drw-crop img{filter:invert(1)}.drw-item:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.drw-tag{position:absolute;left:0;top:100%;padding-top:.4rem;font-size:.625rem;line-height:1;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink)}.drw-title{position:absolute;left:calc((100% - var(--strip)) / 2);top:50%;z-index:2;margin:0;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;font-family:var(--f-house);font-weight:700;font-size:clamp(.9375rem,1.6vw,1.25rem);letter-spacing:.02em;text-transform:uppercase}.drw-strip{position:absolute;top:0;right:0;bottom:0;z-index:3;width:var(--strip);display:flex;flex-direction:column;cursor:pointer}.drw-strip i{flex:1 1 0;min-height:0;background:#222 center / cover no-repeat;opacity:.55}.drw-strip:hover i{opacity:.8}.drw-strip b{position:absolute;left:-4px;right:0;height:2px;background:var(--ink);top:calc(var(--at,0) * (100% - 2px));pointer-events:none}.drw-ui{position:absolute;inset:0 var(--strip) 0 0;z-index:2;pointer-events:none;font-size:.6875rem;line-height:1.3;letter-spacing:.04em;text-transform:uppercase}.drw-ui>*{position:absolute;margin:0;pointer-events:auto}.drw-ui a,.drw-ui button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;padding:.35rem 0;background:none;border:0}.drw-ui a:hover,.drw-ui button:hover,.drw-ui button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:.25em}.drw-ui a:focus-visible,.drw-ui button:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.drw-brand{top:.9rem;left:1.25rem;display:flex;gap:1.25rem}.drw-tagline{top:1.25rem;right:1.25rem;max-width:22rem;text-align:right;color:var(--dim);text-wrap:balance}.drw-now{bottom:1.25rem;left:1.25rem;font-variant-numeric:tabular-nums}.drw-years{margin-left:1rem;color:var(--dim)}.drw-nav{bottom:.9rem;right:1.25rem;display:flex;gap:1.25rem}.drw-hint{position:absolute;left:calc((100% - var(--strip)) / 2);top:calc(50% + 1.6rem);z-index:2;margin:0;transform:translateX(-50%);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);animation:drw-hint 2.4s steps(2,end) infinite}@keyframes drw-hint{50%{opacity:.25}}.drw.is-moved .drw-hint{visibility:hidden}.drw.is-index{height:auto}.drw.is-index .drw-stage{position:static;height:auto;overflow:visible;padding:4.5rem 0 6rem}.drw.is-index .drw-ui{position:fixed;inset:0;z-index:4}.drw.is-index .drw-brand,.drw.is-index .drw-nav{background:var(--paper);padding:0 .6rem;margin:0 -.6rem}.drw.is-index .drw-tagline,.drw.is-index .drw-hint,.drw.is-index .drw-now,.drw.is-index .drw-strip,.drw.is-index .drw-title{display:none}.drw.is-index .drw-ribbon,html:not(.js) .drw-ribbon{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(28vw,7.5rem),1fr));gap:2.25rem 1.25rem;padding:0 1.25rem}.drw.is-index .drw-item,html:not(.js) .drw-item{position:relative;width:auto;height:auto;transform:none;opacity:1;aspect-ratio:1}.drw.is-index .drw-item[hidden]{display:block}html:not(.js) .drw{height:auto}html:not(.js) .drw-stage{position:static;height:auto;overflow:visible;padding-bottom:4rem}html:not(.js) .drw-title{position:static;transform:none;margin:5rem 0 3rem;text-align:center}html:not(.js) .drw-ui,html:not(.js) .drw-strip,html:not(.js) .drw-hint{display:none}@media (max-width:44rem){.drw-tagline{display:none}.drw-brand,.drw-nav{gap:.9rem}.drw-now{bottom:3rem}}@media (prefers-reduced-motion:reduce){.drw-hint{animation:none}}