.todo,.proj [data-todo],.w-shot [data-todo]{outline-offset:4px;outline:1px dashed #d9432ebf}.w-hero{height:340vh;position:relative}.w-hero__pin{height:100svh;position:sticky;top:0;overflow:hidden}.pen{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pen__curve,.pen__glow{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round}.pen__curve{stroke-width:1.6px}.pen__glow{stroke-width:12px;opacity:.08}.pen__handles line{stroke:#e9c58f8c;stroke-width:1px}.pen__handles circle{fill:var(--accent)}.pen__anchors rect{fill:var(--bg);stroke:var(--accent);stroke-width:1.6px}.pen__spark{fill:#fff1da;opacity:0}.w-hero__copy{left:var(--pad);right:var(--pad);z-index:2;max-width:52rem;position:absolute;top:19vh}.w-title{letter-spacing:-.035em;font-size:clamp(40px,7.2vw,116px);font-weight:700;line-height:1}.w-hero__lede{margin-top:26px}.w-hero__cue{left:var(--pad);z-index:2;color:var(--muted);align-items:center;gap:14px;font-size:14px;display:flex;position:absolute;bottom:5vh}.w-hero__cue i{background:linear-gradient(var(--accent), #e9c58f00);width:1px;height:44px}.w-shot{z-index:2;aspect-ratio:16/10;width:min(60vw,1080px,160svh - 352px);color:var(--text);visibility:hidden;background:#120f0c;border-radius:6px;text-decoration:none;display:block;position:absolute;top:55%;left:50%;overflow:hidden;box-shadow:0 50px 120px -30px #000000e6,0 0 0 1px #e9c58f47}.w-shot__bar{border-bottom:1px solid var(--line);height:34px;color:var(--muted);background:#1a1511;align-items:center;gap:7px;padding:0 14px;font-size:12px;display:flex;position:absolute;inset:0 0 auto}.w-shot__bar i{background:#3a3129;border-radius:50%;width:9px;height:9px}.w-shot__bar>span{margin-left:12px}.w-shot__media{color:var(--muted);background:radial-gradient(at 30% 20%,#2a2017,#120f0c 70%);place-items:center;font-size:15px;display:grid;position:absolute;inset:34px 0 0}.w-shot__media.todo{outline-offset:-10px}.w-shot__media img{object-fit:cover;object-position:top;width:100%;height:100%}.w-shot__caption{border-top:1px solid var(--line);background:#0c0a09f2;flex-wrap:wrap;align-items:baseline;gap:6px 18px;padding:18px 28px 20px;display:flex;position:absolute;inset:auto 0 0}.w-shot__caption strong{font-family:var(--font-head);letter-spacing:-.03em;font-size:clamp(24px,2.6vw,40px);font-weight:700;line-height:1}.w-shot__caption span{color:var(--muted);justify-self:start;font-size:16px}@media (width<=768px) and (orientation:portrait){.w-hero__copy{top:15vh}.w-shot{aspect-ratio:9/16;width:min(70vw,34vh);top:63%}.w-shot__caption{padding:14px 18px 16px}.w-shot__caption span{font-size:14px}}.projects{z-index:2;padding:18vh var(--pad) 8vh;background:var(--bg);gap:20vh;display:grid;position:relative}.proj{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end;gap:40px 64px;display:grid}.proj:nth-child(2n){grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.proj:nth-child(2n) .proj__media{order:2}.proj__media{padding:0 7% 9% 0;position:relative}.proj__frame{aspect-ratio:16/10;background:#120f0c00;border-radius:6px;transition:background .8s .8s,box-shadow .8s .8s;position:relative;box-shadow:0 50px 120px -40px #0000}.proj.is-drawn .proj__frame{background:#120f0c;box-shadow:0 50px 120px -40px #000000e6}.proj__frame>.w-shot__bar{border-radius:6px 6px 0 0}.proj__frame>.proj__shot{border-radius:0 0 6px 6px;position:absolute;inset:34px 0 0}.proj__shot{color:var(--muted);opacity:0;background:radial-gradient(at 30% 20%,#2a2017,#120f0c 70%);place-items:center;font-size:15px;transition:opacity .8s .9s;display:grid;overflow:hidden}.proj__shot.todo{outline-offset:-10px}.proj__shot img{object-fit:cover;object-position:top;width:100%;height:100%}.proj__shot .proj__video,.w-shot__media video{object-fit:cover;object-position:top;width:100%;height:100%;display:block;position:absolute;inset:0}.proj__shot .proj__long{object-fit:fill;width:100%;height:auto;position:absolute;top:0;left:0}.proj__thumb{opacity:0;pointer-events:none;background:#e9c58fa6;border-radius:2px;width:3px;transition:opacity .3s;position:absolute;top:4px;right:4px}.proj__media.is-browsing .proj__thumb{opacity:1}.proj__frame>.w-shot__bar{opacity:0;transition:opacity .6s .8s}.proj__phone{aspect-ratio:9/19.2;opacity:0;background:#1b1714;border-radius:15%/7%;width:21%;transition:opacity .8s 1.1s,transform .9s cubic-bezier(.2,.7,.2,1) 1.1s;position:absolute;bottom:0;right:0;transform:translateY(30px);box-shadow:inset 0 0 0 1px #3a3129,0 0 0 1px #e9c58f40,0 40px 90px -20px #000000e6}.proj__phone .proj__shot{border-radius:12.5%/5.9%;transition-delay:1.3s;position:absolute;inset:1.9% 4%}.proj__pen{pointer-events:none;position:absolute;inset:0}.proj__pen i{background:var(--accent);transition:transform .32s linear,opacity .6s 1.5s;position:absolute}.proj__pen i:first-child{transform-origin:0;height:1px;top:0;left:0;right:0;transform:scaleX(0)}.proj__pen i:nth-child(2){transform-origin:top;width:1px;transition-delay:.32s,1.5s;top:0;bottom:0;right:0;transform:scaleY(0)}.proj__pen i:nth-child(3){transform-origin:100%;height:1px;transition-delay:.64s,1.5s;bottom:0;left:0;right:0;transform:scaleX(0)}.proj__pen i:nth-child(4){transform-origin:bottom;width:1px;transition-delay:.96s,1.5s;top:0;bottom:0;left:0;transform:scaleY(0)}.proj__pen b{background:var(--bg);border:1.5px solid var(--accent);width:10px;height:10px;margin:-5px;transition:transform .3s cubic-bezier(.3,1.8,.5,1),opacity .6s 1.6s;position:absolute;transform:scale(0)}.proj__pen b:first-of-type{top:0;left:0}.proj__pen b:nth-of-type(2){transition-delay:.3s,1.6s;top:0;left:100%}.proj__pen b:nth-of-type(3){transition-delay:.62s,1.6s;top:100%;left:100%}.proj__pen b:nth-of-type(4){transition-delay:.94s,1.6s;top:100%;left:0}.proj.is-drawn .proj__pen i,.proj.is-drawn .proj__pen b{opacity:0;transform:none}.proj.is-drawn .proj__pen i{opacity:.35}.proj.is-drawn .proj__shot,.proj.is-drawn .proj__frame>.w-shot__bar{opacity:1}.proj.is-drawn .proj__phone{opacity:1;transform:none}.proj__name{letter-spacing:-.045em;font-size:clamp(40px,5.6vw,92px);font-weight:700;line-height:.95}.proj__line{max-width:26rem;margin-top:20px;font-size:clamp(18px,1.5vw,21px);line-height:1.45}.proj__tags{color:var(--muted);margin-top:10px;font-size:15px}.proj__link{margin-top:30px;display:inline-block}.next{z-index:2;text-align:center;min-height:92vh;padding:14vh var(--pad);background:var(--bg);place-content:center;justify-items:center;gap:0;display:grid;position:relative;overflow:hidden}.next .lede{margin:20px auto 36px}.next__pen{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.next__pen path{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.7}.work .footer{min-height:70vh}@media (width<=860px){.projects{gap:14vh}.proj,.proj:nth-child(2n){grid-template-columns:minmax(0,1fr)}.proj:nth-child(2n) .proj__media{order:0}.proj__media{padding:0 9% 12% 0}.proj__phone{width:27%}.next__pen{height:30%;top:auto}}.reduced .w-hero{height:auto}.reduced .w-hero__pin{height:auto;min-height:100svh;padding:0 var(--pad) 8vh;position:relative}.reduced .pen,.reduced .w-hero__cue{display:none}.reduced .w-hero__copy{padding-top:19vh;position:relative;top:0;left:0;right:0}.reduced .w-shot{visibility:visible;margin:8vh auto 0;position:relative;top:auto;left:auto}.reduced .proj__pen{display:none}