html,body,#root{background:var(--void);width:100%;height:100%;margin:0;overflow:hidden}canvas{touch-action:none}html.phone,html.phone body,html.phone #root{overscroll-behavior:none;height:100dvh}.work-labels{z-index:10;pointer-events:none;mix-blend-mode:difference;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.work-labels.empty{visibility:hidden;mix-blend-mode:normal}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.meltdown{pointer-events:none;text-align:center;letter-spacing:.32em;text-transform:uppercase;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:1.8em;padding:0 24px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;line-height:1.8;display:flex;position:fixed;inset:0}.meltdown p{opacity:0;filter:blur(6px);margin:0;animation:1.4s ease-out forwards meltdown-line}@keyframes meltdown-line{to{opacity:1;filter:blur()}}.work-panel{color:var(--text);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;line-height:1.7}.work-panel>*{z-index:20;pointer-events:none;position:fixed}.work-panel.open>*{pointer-events:auto}.back-arrow{-webkit-text-stroke:.6px currentColor}.ink-filter{width:0;height:0;position:absolute}.work-panel p,.work-panel h1,.work-panel ul{margin:0;padding:0}.work-panel h1,.work-panel-field,.work-panel-actions,.work-panel-close{text-transform:uppercase;letter-spacing:.32em}.work-panel-close{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:32px 56px 32px 32px;top:8px;left:8px}.work-panel-close:is(:hover:not(:where(.phone *)),.pressed),.work-panel-close:focus-visible{outline:none;text-decoration:line-through}.work-panel-actions{flex-direction:column;gap:1.2em;list-style:none;display:flex;top:50%;left:clamp(40px,12vw,220px);transform:translateY(-50%)}.work-panel-click{font:inherit;color:inherit;text-transform:uppercase;letter-spacing:.32em;cursor:pointer;background:0 0;border:0;padding:8px 12px 8px 0}.work-panel>.work-panel-click.shown{pointer-events:auto}.work-panel-click:is(:hover:not(:where(.phone *)),.pressed),.work-panel-click:focus-visible{outline:none;text-decoration:line-through}.work-panel-info{text-align:right;cursor:pointer;width:min(300px,100vw - 112px);padding:40px;bottom:0;right:0}.work-panel.photo-full .work-panel-info{text-align:left;left:0;right:auto}.work-panel.photo-full .work-panel-field{justify-content:flex-start}.work-panel-read{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0}.work-panel-read:focus-visible{outline:none}.work-panel-info:is(:hover:not(:where(.phone *)),.pressed) .work-panel-read .glow,.work-panel-read:focus-visible .glow{text-decoration:line-through}.work-panel.reading-open>*{opacity:0!important;pointer-events:none!important;transition:opacity .4s!important}.work-panel h1{font-size:14px;font-weight:700;margin-bottom:1.4em!important}.work-panel-field{justify-content:flex-end;gap:2.4em;display:flex}.work-panel-label>span>span{color:color-mix(in srgb, currentColor 50%, var(--void))}.work-link{color:inherit;cursor:pointer;outline:none;text-decoration:none}.work-link .glow{text-transform:none;letter-spacing:.08em}.work-panel-field-link-0,.work-panel-field-link-1,.work-panel-field-link-2{align-items:baseline;font-size:26px;font-weight:700;line-height:1.5}.work-panel-field-link-0 .work-panel-label,.work-panel-field-link-1 .work-panel-label,.work-panel-field-link-2 .work-panel-label{letter-spacing:.32em;font-size:11px;font-weight:400}html.phone .work-panel-field-link-0,html.phone .work-panel-field-link-1,html.phone .work-panel-field-link-2{font-size:22px}.work-link:is(:hover:not(:where(.phone *)),:active,:focus-visible) .glow{text-decoration:line-through}.email-link{flex-direction:column;align-items:flex-end;display:inline-flex}.reading-fields .email-link{align-items:flex-start}.email-ask{letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;gap:1.6em;margin-top:.2em;font-size:11px;font-weight:400;line-height:1.5;animation:.35s ease-out both email-ask-in;display:flex}.email-ask-question>span{color:color-mix(in srgb, currentColor 50%, var(--void))}.email-ask-answer{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;outline:none;padding:0}.email-ask-answer:is(:hover:not(:where(.phone *)),:active,:focus-visible) .glow{text-decoration:line-through}@keyframes email-ask-in{0%{opacity:0;filter:blur(6px)}}@media (prefers-reduced-motion:reduce){.email-ask{animation:none}}.work-panel-info-about{width:min(1240px,100vw - 112px)}.work-panel-info-about h1{font-size:34px}.work-panel-info-about .work-panel-field{font-size:26px}.work-panel-info-about .work-panel-label{font-size:18px}.work-panel-info-about .work-panel-field-link-0,.work-panel-info-about .work-panel-field-link-1,.work-panel-info-about .work-panel-field-link-2{font-size:min(60px,4.1vw)}.work-panel-info-about .email-ask{font-size:15px}html.phone .work-panel-info-about h1{font-size:22px}html.phone .work-panel-info-about .work-panel-field{font-size:14px}html.phone .work-panel-info-about .work-panel-label{font-size:11px}html.phone .work-panel-info-about .work-panel-field-link-0,html.phone .work-panel-info-about .work-panel-field-link-1{font-size:32px}html.phone .work-panel-info-about .work-panel-field-link-2{font-size:15px}html.phone .work-panel-info-about .email-ask{font-size:12px}.work-panel-text-glow{margin-top:1.6em;font-size:12px;display:flow-root;position:relative}.work-panel-text{-webkit-mask-composite:source-in;touch-action:pan-y;text-align:left;letter-spacing:.02em;overscroll-behavior:contain;scrollbar-width:none;max-height:min(34vh,52vh - 150px);margin:-64px;padding:64px;font-size:12px;line-height:1.6;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 56px calc(100% - 56px),#0000),linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(#0000,#000 56px calc(100% - 56px),#0000),linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.work-panel-paragraph{white-space:pre-line;margin:0}.work-panel-paragraph+.work-panel-paragraph{margin-top:1em}.glow-area:before,.glow-area:after{content:"";z-index:-1;pointer-events:none;opacity:var(--ink,0);position:absolute}.glow-area:before{transition:opacity var(--ink-fade,0s) var(--ink-ease,ease) var(--ink-wait,0s);background:#fff;border-radius:12px;inset:-2px -6px;box-shadow:0 0 12px 10px #fff}.glow-area:after{--area-fade:44px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.2 -1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), linear-gradient(to right, transparent, #000 var(--area-fade), #000 calc(100% - var(--area-fade)), transparent), linear-gradient(transparent, #000 var(--area-fade), #000 calc(100% - var(--area-fade)), transparent);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.2 -1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), linear-gradient(to right, transparent, #000 var(--area-fade), #000 calc(100% - var(--area-fade)), transparent), linear-gradient(transparent, #000 var(--area-fade), #000 calc(100% - var(--area-fade)), transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.2 -1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), linear-gradient(to right, transparent, #000 var(--area-fade), #000 calc(100% - var(--area-fade)), transparent), linear-gradient(transparent, #000 var(--area-fade), #000 calc(100% - var(--area-fade)), transparent);-webkit-mask-composite:source-in, source-in;transition:inset .5s, opacity var(--ink-fade,.4s) var(--ink-ease,ease) var(--ink-wait,0s);background:#fff;animation:.75s step-end infinite glow-area-grain;inset:-52px -60px;-webkit-mask-size:auto,100% 100%,100% 100%;mask-size:auto,100% 100%,100% 100%;-webkit-mask-repeat:repeat,no-repeat,no-repeat;mask-repeat:repeat,no-repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes glow-area-grain{0%{-webkit-mask-position:0 0,0 0,0 0;mask-position:0 0,0 0,0 0}16.7%{-webkit-mask-position:-63px 41px,0 0,0 0;mask-position:-63px 41px,0 0,0 0}33.3%{-webkit-mask-position:97px -29px,0 0,0 0;mask-position:97px -29px,0 0,0 0}50%{-webkit-mask-position:-31px -112px,0 0,0 0;mask-position:-31px -112px,0 0,0 0}66.7%{-webkit-mask-position:54px 83px,0 0,0 0;mask-position:54px 83px,0 0,0 0}83.3%{-webkit-mask-position:-121px -57px,0 0,0 0;mask-position:-121px -57px,0 0,0 0}}.work-panel-info:is(:hover:not(:where(.phone *)),.pressed) .glow-area:after{inset:-70px -80px}.work-panel-info:has(:focus-visible) .glow-area:after{inset:-70px -80px}.glow.glow-block{display:block}.work-panel.open .work-panel-close,.work-panel.open .work-panel-actions,.work-panel-info,.work-panel-credit,.work-panel-next{color:#000}.glow{--glow-grain-speed:.75s;--glow-pad:90px;display:inline-block;position:relative}.glow:before,.glow:after{content:attr(data-glow);inset:calc(-1 * var(--glow-pad));padding:var(--glow-pad);z-index:-1;color:#0000;pointer-events:none;opacity:var(--ink,1);transition:opacity var(--ink-fade,0s) var(--ink-ease,ease) var(--ink-wait,0s);position:absolute}.glow:before{color:#fff;-webkit-text-stroke:7px #fff;filter:blur(2.5px)}.glow:after{color:#fff;-webkit-text-stroke:20px #fff;filter:blur(9px);animation:glow-grain var(--glow-grain-speed) steps(1) infinite;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.2 -1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.2 -1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes glow-grain{0%{-webkit-mask-position:0 0;mask-position:0 0}16.7%{-webkit-mask-position:-63px 41px;mask-position:-63px 41px}33.3%{-webkit-mask-position:97px -29px;mask-position:97px -29px}50%{-webkit-mask-position:-31px -112px;mask-position:-31px -112px}66.7%{-webkit-mask-position:54px 83px;mask-position:54px 83px}83.3%{-webkit-mask-position:-121px -57px;mask-position:-121px -57px}}@media (prefers-reduced-motion:reduce){.glow:after,.glow-area:after{animation:none}}.phone .glow:after,.phone .glow-area:after,.phone .hotspot:after,.phone .work-panel-side:after,.phone .work-panel-prev:after{animation:none}.phone .hotspot:before,.phone .hotspot:after,.phone .work-panel-side:before,.phone .work-panel-side:after{visibility:hidden;transition:opacity .6s,visibility 0s .6s}.phone .hotspot:is(.pressed,:focus-visible,:has(:focus-visible)):before,.phone .hotspot:is(.pressed,:focus-visible,:has(:focus-visible)):after,.phone .work-panel-side.shown.pressed:before,.phone .work-panel-side.shown.pressed:after{visibility:visible;transition:opacity .6s,visibility}.phone .work-panel:has(.work-panel-next.pressed) .work-panel-side.shown:before{visibility:visible;transition:opacity .6s,visibility}.phone .work-panel:has(.work-panel-next.pressed) .work-panel-side.shown:after{visibility:visible;transition:opacity .6s,visibility}.phone .ink-far:before,.phone .ink-far:after{display:none}.hover-glow{transition:scale .5s;scale:1}.work-panel-close,.reading-close{transform-origin:32px}.work-panel-click{transform-origin:0 0}.work-panel-photo-count{transform-origin:50%}.hover-glow .glow:after,.work-panel-info .glow:after{transition:-webkit-text-stroke-width .5s, filter .5s, opacity var(--ink-fade,.4s) var(--ink-ease,ease) var(--ink-wait,0s)}.hover-glow:is(:hover:not(:where(.phone *)),.pressed),.hover-glow:focus-visible{scale:1.12}.hover-glow:is(:hover:not(:where(.phone *)),.pressed) .glow:after,.hover-glow:focus-visible .glow:after{-webkit-text-stroke-width:34px;filter:blur(12px)}.work-panel-close:is(:hover:not(:where(.phone *)),.pressed) .glow:after,.work-panel-close:focus-visible .glow:after,.reading-close:is(:hover:not(:where(.phone *)),.pressed) .glow:after,.reading-close:focus-visible .glow:after,.work-panel-info:is(:hover:not(:where(.phone *)),.pressed) .glow:after{-webkit-text-stroke-width:44px;filter:blur(15px)}.work-panel-info:has(:focus-visible) .glow:after{-webkit-text-stroke-width:44px;filter:blur(15px)}.work-panel-close:is(:hover:not(:where(.phone *)),.pressed) .glow:before,.work-panel-close:focus-visible .glow:before,.reading-close:is(:hover:not(:where(.phone *)),.pressed) .glow:before,.reading-close:focus-visible .glow:before,.work-panel-info:is(:hover:not(:where(.phone *)),.pressed) .glow:before{-webkit-text-stroke-width:12px}.work-panel-info:has(:focus-visible) .glow:before{-webkit-text-stroke-width:12px}.work-panel-close .glow:before,.reading-close .glow:before,.work-panel-info .glow:before{transition:-webkit-text-stroke-width .5s, opacity var(--ink-fade,.4s) var(--ink-ease,ease) var(--ink-wait,0s)}.hotspot:before,.hotspot:after{content:"";inset:calc(-1 * var(--hot-inset,400px));z-index:-1;pointer-events:none;opacity:0;transition:opacity .6s;position:absolute}.hotspot:before{background:radial-gradient(circle at var(--hot-at), #ffffffd9, #fff0 var(--hot-size,220px))}.hotspot:after{background:radial-gradient(circle at var(--hot-at), #fff, #fff0 calc(var(--hot-size,220px) * 1.4));animation:.75s step-end infinite glow-grain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.2 -1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.2 -1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hotspot:is(:hover:not(:where(.phone *)),.pressed):before,.hotspot:is(:hover:not(:where(.phone *)),.pressed):after,.hotspot:focus-visible:before,.hotspot:focus-visible:after{opacity:1}.hotspot:has(:focus-visible):before{opacity:1}.hotspot:has(:focus-visible):after{opacity:1}@media (prefers-reduced-motion:reduce){.hotspot:after{animation:none}}.work-panel-close,.reading-close{--hot-at:calc(400px + 32px + 2.5em) 50%;--hot-size:300px}.work-panel-info{--hot-at:calc(100% - 400px - 120px) calc(100% - 400px - 180px);--hot-size:280px}.work-panel.photo-full .work-panel-info{--hot-at:calc(400px + 120px) calc(100% - 400px - 180px)}.glow.glow-on-hover:before,.glow.glow-on-hover:after{opacity:0;transition:-webkit-text-stroke-width .5s, filter .5s, opacity var(--ink-fade,.4s) var(--ink-ease,ease) var(--ink-wait,0s)}.hover-glow:is(:hover:not(:where(.phone *)),.pressed) .glow.glow-on-hover:before,.hover-glow:is(:hover:not(:where(.phone *)),.pressed) .glow.glow-on-hover:after,.hover-glow:focus-visible .glow.glow-on-hover:before,.hover-glow:focus-visible .glow.glow-on-hover:after{opacity:var(--ink,1)}.work-panel-action-bold{font-weight:700}.work-panel .touch-hint{left:50%;bottom:calc(var(--touch-hint-bottom) * 100dvh + env(safe-area-inset-bottom,0px));transform-origin:50%;white-space:nowrap;text-transform:uppercase;letter-spacing:.32em;touch-action:none;margin:0;padding:14px 18px 14px calc(18px + .32em);list-style:none;transform:translate(-50%)}.work-panel-close:is(:hover:not(:where(.phone *)),.pressed) .glow,.work-panel-close:focus-visible .glow,.work-panel-next:is(:hover:not(:where(.phone *)),.pressed) .glow,.work-panel-click:is(:hover:not(:where(.phone *)),.pressed) .glow,.work-panel-click:focus-visible .glow,.work-panel-photo-count:is(:hover:not(:where(.phone *)),.pressed) .glow,.work-panel-photo-count:focus-visible .glow,.work-panel-next:focus-visible .glow{text-decoration:line-through}.work-panel-next{font:inherit;text-transform:uppercase;letter-spacing:.32em;cursor:pointer;opacity:0;background:0 0;border:0;flex-direction:column;align-items:flex-end;gap:.6em;padding:14px 4px 14px 18px;font-size:12px;transition:opacity .6s,color .4s;display:flex;top:26px;right:40px}.work-panel>.work-panel-next{pointer-events:none}.work-panel.open>.work-panel-next.shown{opacity:1;pointer-events:auto;transition-delay:.5s,0s,0s}.work-panel-next{transform-origin:100% 0;transition:opacity .6s,color .4s,scale .5s}.work-panel-side:is(:hover:not(:where(.phone *)),.pressed)~.work-panel-next{scale:1.12}.work-panel-side:is(:hover:not(:where(.phone *)),.pressed)~.work-panel-next .glow:after{-webkit-text-stroke-width:34px;filter:blur(12px)}.work-panel-side{width:var(--side-width);cursor:pointer;top:0;bottom:0;right:0}.work-panel>.work-panel-side{pointer-events:none}.work-panel.open>.work-panel-side.shown{pointer-events:auto}.work-panel-side:before,.work-panel-side:after{content:"";opacity:0;pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.work-panel-side:before{background:radial-gradient(circle at calc(100% - 90px) 70px,#ffffffd9,#fff0 300px),linear-gradient(270deg,#ffffff80,#ffffff1f 55%,#fff0)}.work-panel-side:after{background:radial-gradient(circle at calc(100% - 90px) 70px,#fff,#fff0 420px),linear-gradient(270deg,#fffc,#fff0 80%);animation:.75s step-end infinite glow-grain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.2 -1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.2 -1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.work-panel-side.shown:is(:hover:not(:where(.phone *)),.pressed):before,.work-panel-side.shown:is(:hover:not(:where(.phone *)),.pressed):after{opacity:1}.work-panel:has(.work-panel-next:is(:hover:not(:where(.phone *)),.pressed)) .work-panel-side.shown:before{opacity:1}.work-panel:has(.work-panel-next:is(:hover:not(:where(.phone *)),.pressed)) .work-panel-side.shown:after{opacity:1}@media (prefers-reduced-motion:reduce){.work-panel-side:after{animation:none}}.work-panel-side{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.7C10.5 16.1 17.5 15.6 26 16.2M19.4 9.4C21.6 11.8 23.8 14.2 26 16.2C23.7 18.4 21.4 20.6 19.1 23' stroke='white' stroke-opacity='0.85' stroke-width='6'/%3E%3Cpath d='M4.5 16.7C10.5 16.1 17.5 15.6 26 16.2M19.4 9.4C21.6 11.8 23.8 14.2 26 16.2C23.7 18.4 21.4 20.6 19.1 23' stroke='black' stroke-width='2.2'/%3E%3C/g%3E%3C/svg%3E") 16 16,default}.work-panel-prev{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M27.5 15.3C21.5 15.9 14.5 16.4 6 15.8M12.6 22.6C10.4 20.2 8.2 17.8 6 15.8C8.3 13.6 10.6 11.4 12.9 9' stroke='white' stroke-opacity='0.85' stroke-width='6'/%3E%3Cpath d='M27.5 15.3C21.5 15.9 14.5 16.4 6 15.8M12.6 22.6C10.4 20.2 8.2 17.8 6 15.8C8.3 13.6 10.6 11.4 12.9 9' stroke='black' stroke-width='2.2'/%3E%3C/g%3E%3C/svg%3E") 16 16,default;width:var(--side-width);top:0;bottom:0;left:0}.work-panel>.work-panel-prev{pointer-events:none}.work-panel.open>.work-panel-prev.shown{pointer-events:auto}.work-panel-prev:before,.work-panel-prev:after{content:"";opacity:0;pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.work-panel-prev:before{background:radial-gradient(circle at 90px var(--prev-at), #ffffffd9, #fff0 300px), linear-gradient(to right, #ffffff80, #ffffff1f 55%, #fff0)}.work-panel-prev:after{background:radial-gradient(circle at 90px var(--prev-at), #fff, #fff0 420px), linear-gradient(to right, #fffc, #fff0 80%);animation:.75s step-end infinite glow-grain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.2 -1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.2 -1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.work-panel-prev.shown:is(:hover:not(:where(.phone *)),.pressed):before,.work-panel-prev.shown:is(:hover:not(:where(.phone *)),.pressed):after{opacity:1}@media (prefers-reduced-motion:reduce){.work-panel-prev:after{animation:none}}.work-panel-side.has-corner:before,.work-panel-side.has-corner:after{display:none}.work-panel-corner{right:calc(var(--corner-right) * 100vh);bottom:calc(var(--corner-bottom) * 100vh);width:calc(var(--corner-size) * 100vh);height:calc(var(--corner-size) * 100vh);cursor:grab;background:0 0;border:0;padding:0}.work-panel>.work-panel-corner{pointer-events:none}.work-panel.open>.work-panel-corner.shown{pointer-events:auto}.work-panel-corner:focus-visible{outline-offset:4px;outline:1px solid}.work-panel-next:is(:hover:not(:where(.phone *)),.pressed),.work-panel-next:focus-visible{outline:none;text-decoration:line-through}.work-panel-count{font-size:10px}.work-panel-count>span{opacity:.55}.work-panel-photo-count{font:inherit;color:#a80d00;text-transform:uppercase;letter-spacing:.32em;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:6px 4px 6px .32em;transform:translate(-50%,-50%)}.work-panel>.work-panel-photo-count{pointer-events:none}.work-panel.open>.work-panel-photo-count.shown{pointer-events:auto}.work-panel-photo-count:is(:hover:not(:where(.phone *)),.pressed),.work-panel-photo-count:focus-visible{outline:none;text-decoration:line-through}.work-panel-credit{white-space:nowrap;text-transform:uppercase;letter-spacing:.32em;bottom:40px;left:50%;transform:translate(-50%)}.work-panel-credit>*{display:inline-block}.work-panel>.work-panel-credit{pointer-events:none}@media (width<=600px){.work-panel-side{width:var(--side-width-phone)}.work-panel-next{top:2px;right:16px}.work-panel-close{transform-origin:16px;--hot-at:calc(400px + 16px + 2.5em) 50%;padding:16px 40px 16px 16px;top:0;left:0}.work-panel-actions{display:none}.work-panel-info{width:calc(100vw - 32px);padding:16px;bottom:4px;right:0}.work-panel.photo-full .work-panel-info{left:0}.work-panel-credit{top:24px;bottom:auto}.work-panel-text{max-height:22vh;margin:-36px;padding:36px;-webkit-mask-image:linear-gradient(#0000,#000 30px calc(100% - 30px),#0000),linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(#0000,#000 30px calc(100% - 30px),#0000),linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}}.reading{z-index:30;color:var(--text);pointer-events:none;visibility:hidden;transition:visibility 0s var(--reading-fog);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;position:fixed;inset:0}.reading.shown{pointer-events:auto;visibility:visible;transition:none}.reading-milk{background:radial-gradient(ellipse 140% 140% at 30% -5%, var(--void) 25%, var(--reading-far) 120%);opacity:0;transition:opacity var(--reading-fog);position:absolute;inset:0}.reading.shown .reading-milk{opacity:var(--reading-milk)}.reading-scroll{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;outline:none;position:absolute;inset:0;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0,#000 14vh 82vh,#0000 100%);mask-image:linear-gradient(#0000 0,#000 14vh 82vh,#0000 100%)}.reading-scroll::-webkit-scrollbar{display:none}.reading-column{box-sizing:content-box;max-width:var(--reading-measure);padding:var(--reading-top) 40px 30vh;font-size:var(--reading-body);line-height:var(--reading-line);margin:0 auto}.reading-title{font-size:var(--reading-title);text-transform:uppercase;letter-spacing:.24em;margin:0 0 1.1em;font-weight:700;line-height:1.3}.reading-fields{font-size:var(--reading-label);text-transform:uppercase;letter-spacing:.32em;margin:0 0 3em;line-height:1.7}.reading-fields>div{gap:2.4em;display:flex}.reading-fields dt{flex:0 0 8.5em}.reading-fields dt>span>span>span{color:color-mix(in srgb, currentColor 50%, var(--void))}.reading-fields dd{margin:0}.reading-paragraph{white-space:pre-line}.reading-paragraph+.reading-paragraph{margin-top:1em}.reading-close{font:inherit;text-transform:uppercase;letter-spacing:.32em;color:inherit;cursor:pointer;background:0 0;border:0;padding:32px 56px 32px 32px;font-size:11px;line-height:1.7;position:absolute;top:8px;left:8px}.reading-close:is(:hover:not(:where(.phone *)),.pressed) .glow,.reading-close:focus-visible .glow{text-decoration:line-through}.reading-close:focus-visible{outline:none}.reading{color:#000}.reading .reading-column .glow{--glow-pad:1.8em}.reading .reading-column .glow:before{-webkit-text-stroke:.3em #fff;filter:blur(.12em)}.reading .reading-column .glow:after{-webkit-text-stroke:.9em #fff;filter:blur(.4em)}@media (width<=600px){.reading-close{transform-origin:16px;--hot-at:calc(400px + 16px + 2.5em) 50%;padding:16px 40px 16px 16px;top:0;left:0}.reading-column{padding-left:16px;padding-right:16px}.reading-fields>div{gap:1.2em}.reading-fields dt{flex-basis:7.5em}}.reading-next{cursor:pointer;pointer-events:none;background:0 0;border:0;outline:none;width:18vw;height:50vh;padding:0;position:absolute;top:46vh;right:0}.reading-next.waiting{pointer-events:auto}@media (aspect-ratio<=4/5){.reading-next{width:76vw;height:16vh;top:auto;bottom:0;left:12vw}}@property --next-hole{syntax:"<number>";inherits:false;initial-value:0}.reading-milk{--next-hole:0;-webkit-mask-image:radial-gradient(ellipse 16vw 30vh at 90% 71%, rgb(0 0 0/calc(1 - var(--next-hole))) 30%, #000 100%);-webkit-mask-image:radial-gradient(ellipse 16vw 30vh at 90% 71%, rgb(0 0 0/calc(1 - var(--next-hole))) 30%, #000 100%);mask-image:radial-gradient(ellipse 16vw 30vh at 90% 71%, rgb(0 0 0/calc(1 - var(--next-hole))) 30%, #000 100%);transition:opacity var(--reading-fog), --next-hole .8s}.reading.next-waits .reading-milk{--next-hole:var(--next-clear)}@media (aspect-ratio<=4/5){.reading-milk{-webkit-mask-image:radial-gradient(ellipse 46vw 14vh at 50% 90%, rgb(0 0 0/calc(1 - var(--next-hole))) 30%, #000 100%);-webkit-mask-image:radial-gradient(ellipse 46vw 14vh at 50% 90%, rgb(0 0 0/calc(1 - var(--next-hole))) 30%, #000 100%);mask-image:radial-gradient(ellipse 46vw 14vh at 50% 90%, rgb(0 0 0/calc(1 - var(--next-hole))) 30%, #000 100%)}}.reading-goto{font:inherit;white-space:nowrap;text-transform:uppercase;color:inherit;text-align:right;cursor:pointer;background:0 0;border:0;margin:2.4em 0 0 auto;padding:0;font-size:.85em;font-weight:700;display:block}.reading-next-button{font:inherit;text-transform:uppercase;letter-spacing:.32em;color:inherit;cursor:pointer;background:0 0;border:0;padding:14px 4px 14px 18px;font-size:12px;line-height:1.7;position:absolute;top:26px;right:40px}.reading-goto:is(:hover:not(:where(.phone *)),.pressed) .glow,.reading-goto:focus-visible .glow,.reading-next-button:is(:hover:not(:where(.phone *)),.pressed) .glow,.reading-next-button:focus-visible .glow{text-decoration:line-through}.reading-goto:focus-visible,.reading-next-button:focus-visible{outline:none}@media (width<=600px){.reading-next-button{top:2px;right:16px}}html.phone .reading-next-button{padding:var(--thumb-edge) var(--thumb-edge) var(--thumb-edge) var(--thumb-inner);translate:calc(-1 * env(safe-area-inset-right,0px)) calc(-1 * env(safe-area-inset-bottom,0px));top:auto;bottom:0;right:0}.reading.leaving .reading-scroll,.reading.leaving .reading-close,.reading.leaving .reading-next-button{opacity:0;transition:opacity var(--next-fade);pointer-events:none}.perf{top:calc(env(safe-area-inset-top,0px) + 6px);z-index:1000;white-space:nowrap;color:#fff;touch-action:manipulation;background:#000000b3;flex-direction:column;align-items:center;gap:4px;padding:5px 8px;font:11px/1.3 ui-monospace,Menlo,monospace;display:flex;position:fixed;left:50%;transform:translate(-50%)}.perf-kept{font-size:13px;font-weight:700}.perf-row{gap:6px;display:flex}.perf select,.perf button{color:#fff;background:#333;border:1px solid #777;border-radius:3px;padding:4px 6px;font:13px ui-monospace,Menlo,monospace}.nofx-text .work-panel,.nofx-text .work-labels{display:none}.nofx-glow .glow:after,.nofx-glow .glow-area:after,.nofx-glow .hotspot:after,.nofx-glow .work-panel-side:after{animation:none}html.phone .reading-scroll{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}html.phone .work-panel-close,html.phone .reading-close{padding:var(--thumb-edge) var(--thumb-inner) var(--thumb-edge) var(--thumb-edge);transform-origin:var(--thumb-edge) 50%;--hot-at:calc(400px + var(--thumb-edge) + 2.5em) 50%;translate:env(safe-area-inset-left,0px) calc(-1 * env(safe-area-inset-bottom,0px));top:auto;bottom:0;left:0}html.phone .work-panel>.work-panel-left{width:calc(var(--back-strip) + env(safe-area-inset-left,0px));pointer-events:none;top:0;bottom:0;left:0}html.phone .work-panel.open>.work-panel-left.shown{pointer-events:auto}html.phone .work-panel>.work-panel-back-area{width:calc(var(--back-width) + env(safe-area-inset-left,0px));height:calc(var(--back-height) + env(safe-area-inset-bottom,0px));bottom:0;left:0}html.phone .work-panel-next{padding:var(--thumb-edge) var(--thumb-edge) var(--thumb-edge) var(--thumb-inner);transform-origin:calc(100% - var(--thumb-edge)) 50%;translate:calc(-1 * env(safe-area-inset-right,0px)) calc(-1 * env(safe-area-inset-bottom,0px));top:auto;bottom:0;right:0}html.phone .work-panel-count,.work-panel-next-work{display:none}html.phone .work-panel-next-work{padding:var(--thumb-edge) var(--thumb-edge) var(--thumb-edge) var(--thumb-inner);font:inherit;color:#000;text-transform:uppercase;letter-spacing:.32em;white-space:nowrap;cursor:pointer;transform-origin:calc(100% - var(--thumb-edge)) 50%;translate:calc(-1 * env(safe-area-inset-right,0px)) calc(-1 * env(safe-area-inset-bottom,0px));background:0 0;border:0;display:block;top:auto;bottom:0;right:0}html.phone .work-panel.open>.work-panel-next-work:not(.shown){pointer-events:none}html.phone .work-panel-next-work.pressed .glow{text-decoration:line-through}html.phone .work-panel>.work-panel-tap-hint{top:auto;left:50%;bottom:calc(var(--tap-hint-bottom) * 100dvh + env(safe-area-inset-bottom,0px));color:#000;text-transform:uppercase;letter-spacing:.32em;white-space:nowrap;pointer-events:none;padding-left:.32em;transform:translate(-50%)}html.phone .work-panel-credit{padding:var(--thumb-edge) 0;max-width:calc(100vw - 2 * var(--thumb-room) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));white-space:normal;text-align:center;translate:0 calc(-1 * env(safe-area-inset-bottom,0px));top:auto;bottom:0}html.phone .work-panel-info,html.phone .work-panel.photo-full .work-panel-info{width:max-content;max-width:calc(100vw - 2 * var(--thumb-edge) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));padding:var(--title-top) var(--thumb-edge) var(--thumb-edge);text-align:center;translate:-50% env(safe-area-inset-top,0px);--hot-at:50% calc(400px + var(--title-top) + 1em);inset:0 auto auto 50%}html.phone .work-panel-info{grid-template-columns:auto auto;justify-content:center;align-items:baseline;column-gap:2.4em;display:grid}html.phone .work-panel-info>h1{grid-column:1/-1}html.phone .work-panel .work-panel-info>h1.work-panel-title{font-size:var(--title-size,14px);line-height:var(--title-line);letter-spacing:var(--title-tracking);white-space:nowrap;margin-bottom:var(--title-gap)!important}html.phone .work-panel-info>h1 .work-panel-read{margin-right:calc(-1 * var(--title-tracking))}html.phone .work-panel-info>.work-panel-field:not(.work-panel-field-materials){display:contents}html.phone .work-panel-info .work-panel-label{justify-self:end}html.phone .work-panel-info .work-panel-field>:last-child{text-align:left;justify-self:start}@media (orientation:landscape){html.phone .work-panel-info.many-lines{grid-template-columns:auto auto auto auto}html.phone .work-panel-info.many-lines>.work-panel-field:nth-of-type(2n) .work-panel-label{margin-left:1.6em}}html.phone .work-panel-info .work-panel-text-glow,html.phone .work-panel-field-materials,html.phone .work-panel>.work-panel-actions{display:none}html.phone .work-panel>*,html.phone .reading-close,html.phone .reading-next{touch-action:none}html.phone .work-panel-photo-count{padding:13px 10px 13px calc(10px + .32em)}html.phone .reading-column{translate:0 calc(-1 * var(--act-pull,0px));padding-left:var(--reading-side,16px);padding-right:var(--reading-side,16px)}html.phone .reading-scroll{--reading-faded:calc(env(safe-area-inset-top,0px) + var(--reading-clear-top,0px));--reading-faded-bottom:calc(env(safe-area-inset-bottom,0px) + var(--reading-clear-bottom,0px));-webkit-mask-image:linear-gradient(transparent var(--reading-faded), #000 calc(var(--reading-faded) + var(--reading-fade-top,14vh)), #000 calc(100% - var(--reading-faded-bottom) - var(--reading-fade-bottom,14vh)), transparent calc(100% - var(--reading-faded-bottom)));-webkit-mask-image:linear-gradient(transparent var(--reading-faded), #000 calc(var(--reading-faded) + var(--reading-fade-top,14vh)), #000 calc(100% - var(--reading-faded-bottom) - var(--reading-fade-bottom,14vh)), transparent calc(100% - var(--reading-faded-bottom)));mask-image:linear-gradient(transparent var(--reading-faded), #000 calc(var(--reading-faded) + var(--reading-fade-top,14vh)), #000 calc(100% - var(--reading-faded-bottom) - var(--reading-fade-bottom,14vh)), transparent calc(100% - var(--reading-faded-bottom)))}@media (aspect-ratio<=4/5){html.phone .reading-next{left:calc(var(--thumb-room) + env(safe-area-inset-left,0px));width:auto;right:calc(var(--thumb-room) + env(safe-area-inset-right,0px))}}html.close-pull .work-panel>:is(.work-panel-close,.work-panel-info,.work-panel-photo-count),html.close-pull .act-progress{filter:opacity(calc(1 - var(--close-pull,0)))}.act-progress{z-index:35;top:calc(50% - var(--progress-height) * 50%);right:var(--progress-right);height:calc(var(--progress-height) * 100%);width:var(--progress-width);gap:var(--progress-gap);translate:calc(-1 * env(safe-area-inset-right,0px)) 0;pointer-events:none;opacity:0;flex-direction:column;transition:opacity .6s;display:flex;position:fixed}.act-progress.shown{opacity:1;transition-delay:.6s}.act-progress>span{background:color-mix(in srgb, var(--text) 22%, transparent);border-radius:1px;flex:1;transition:background .4s;box-shadow:0 0 3px #ffffffb3}.act-progress>span.on{background:var(--text)}.video-mark,.video-play{z-index:21;opacity:0;pointer-events:none;position:fixed;top:50%;left:50%;translate:-50% -50%}.video-mark{visibility:hidden;width:56px;height:56px;transition:opacity .35s,visibility 0s .35s}.video-mark.shown{opacity:1;visibility:visible;transition:opacity .6s var(--mark-after,.3s), visibility 0s}.video-mark:not(.shown) .video-mark-turn{animation-play-state:paused}.video-mark svg{display:block}.video-mark:before,.video-mark:after{content:"";z-index:-1;background:#fff;border-radius:50%;position:absolute}.video-mark:before{inset:6px;box-shadow:0 0 12px 10px #fff}.video-mark:after{background:radial-gradient(closest-side,#fff 45%,#fff9 70%,#0000);animation:.75s step-end infinite glow-grain;inset:-30px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.2 -1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.2 -1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.video-mark-turn{transform-box:view-box;transform-origin:0 0;animation:1.3s linear infinite video-mark-turn}@keyframes video-mark-turn{to{transform:rotate(360deg)}}@keyframes video-mark-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.video-mark-turn{animation:2.4s ease-in-out infinite video-mark-pulse}.video-mark:after{animation:none}}.phone .video-mark:after{animation:none}.video-play{color:#000;text-transform:uppercase;letter-spacing:.32em;cursor:pointer;visibility:hidden;background:0 0;border:0;padding:18px 24px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;line-height:1.7;transition:opacity .4s,scale .5s,visibility 0s .4s}.video-play.shown{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .4s,scale .5s,visibility}
