@font-face{font-family:switzer;src:url(/_next/static/media/03e7decc532f08a6-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:switzer;src:url(/_next/static/media/7b78a01de3f438de-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:switzer Fallback;src:local("Arial");ascent-override:96.67%;descent-override:24.66%;line-gap-override:8.88%;size-adjust:101.38%}.__className_e4fdf4{font-family:switzer,switzer Fallback,system-ui,Segoe UI,sans-serif}.__variable_e4fdf4{--font-switzer:"switzer","switzer Fallback",system-ui,Segoe UI,sans-serif}:root{--wall:#ffffff;--ink:#0b0b0c;--quiet:#66645f;--line:rgb(11 11 12/0.16);--font:var(--font-switzer),system-ui,-apple-system,"Segoe UI",sans-serif;--column:38rem;--notes:15rem;--gap:3rem;--gutter:1.25rem;--settle:cubic-bezier(0.16,1,0.3,1)}*,:after,:before{box-sizing:border-box}*{margin:0}html{background:var(--wall);color:var(--ink);-webkit-text-size-adjust:none;text-size-adjust:none}html.gated{overflow:hidden}body{min-height:100dvh;background:var(--wall);color:var(--ink);font:400 1rem/1.6 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3{font:inherit;font-weight:500}p{text-wrap:pretty}ul{padding:0;list-style:none}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:1px;text-underline-offset:.2em;transition:text-decoration-color .15s}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}[tabindex="-1"]:focus{outline:none}::selection{background:var(--ink);color:var(--wall)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page{width:min(100%,calc(var(--column) + var(--gap) + var(--notes) + 2 * var(--gutter)));margin:0 auto;padding:clamp(3.5rem,12vh,7rem) var(--gutter) clamp(4rem,14vh,8rem);counter-reset:note}.section+.section{margin-top:3rem}.section{animation:rise .7s var(--settle) both}.section:nth-child(2){animation-delay:60ms}.section:nth-child(3){animation-delay:.12s}.section:nth-child(4){animation-delay:.18s}.section:nth-child(n+5){animation-delay:.24s}.intro{animation-name:fade}html.gated:not(.opening) .section{animation-play-state:paused}@keyframes rise{0%{opacity:0;translate:0 .6rem}}@keyframes fade{0%{opacity:0}}h1{font-size:clamp(2.25rem,1.7rem + 2vw,3rem);line-height:1.1;letter-spacing:-.03em}.lede{max-width:32rem;margin-top:1rem;font-size:clamp(1.125rem,1.05rem + .3vw,1.3125rem);line-height:1.42;letter-spacing:-.01em}.intro{display:grid;grid-template-columns:minmax(0,var(--column)) var(--notes);column-gap:var(--gap)}.intro__text{display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem}.intro__side .note{display:block;margin-top:.6rem}.photo{overflow:hidden;background:var(--line)}.photo img{width:100%;height:auto;transition:scale .8s var(--settle)}@media (hover:hover){.photo:hover img{scale:1.03}}.label{margin-bottom:.75rem;font-weight:400}.label,.quiet{color:var(--quiet)}.pair{display:flex;gap:1rem}.pair>:first-child{flex:0 0 5.5rem}.links{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}.home{display:inline-flex;align-items:center;gap:.6rem;padding:.25rem 0;text-decoration:none;font-weight:500}.work h3 a,.work h3 a:after{display:inline-block}.work h3 a:after{content:" \2192";white-space:pre;opacity:0;translate:-.3rem 0;transition:opacity .2s,translate .3s var(--settle)}.work h3 a:focus-visible:after,.work h3 a:hover:after{opacity:1;translate:0 0}.soon-line{margin-top:1.25rem;font-weight:500}.media{width:100%;max-width:var(--column);height:auto;background:var(--line)}.media[data-tall]{width:auto;max-width:100%;max-height:80svh}.line{display:grid;grid-template-columns:minmax(0,var(--column)) var(--notes);column-gap:var(--gap);align-items:start}.line+.line{margin-top:.75rem}.prose .line+.line{margin-top:1em}.work .line{min-height:4rem}.line__text{grid-column:1}.note{grid-column:2;font-size:.875rem;line-height:1.5;color:var(--quiet);transition:color .15s}.note:before{content:counter(note) " ";font-size:.75em;vertical-align:.3em;line-height:0}.ref{line-height:0;font-size:.72em;color:var(--quiet)}.ref:after{counter-increment:note;content:counter(note);margin-left:.1em}@media (hover:hover){.line:hover .note{color:var(--ink)}}.sheep{width:100%;height:auto;overflow:visible;--wool:var(--wall)}.sheep--black{--wool:var(--ink)}.sheep__wool{fill:var(--wool);stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}.sheep__legs{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round}.sheep__head{fill:var(--ink)}.sheep__eye{fill:var(--wall)}.mark{display:block;flex:none;width:4rem;height:auto}.home .mark{width:2.25rem}.gate{display:none}html.gated .gate{position:fixed;inset:0;z-index:10;display:block;overflow:hidden}.gate__paper{position:absolute;inset:0;background:var(--wall);transition:opacity .6s ease}.gate[data-stage=leaving] .gate__paper{opacity:0}.gate__found,.gate__line{position:absolute;left:var(--gutter);right:var(--gutter);font-size:clamp(1.25rem,1.05rem + 1vw,1.75rem);font-weight:500;line-height:1.25;letter-spacing:-.01em;text-align:center}.gate__line{top:clamp(2.5rem,10vh,5.5rem);transition:opacity .3s ease}.gate:not([data-stage=field]) .gate__line{opacity:0}.gate__found{top:calc(50% + 5.5rem);opacity:0;transition:opacity .4s ease .3s}.gate[data-stage=found] .gate__found{opacity:1}.gate[data-stage=leaving] .gate__found{opacity:0;transition:opacity .2s ease}.field{position:absolute;left:0;right:0;bottom:0;top:clamp(7.5rem,23vh,12rem);container-type:size}.field__black,.field__sheep{position:absolute;--unit:max(1cqw,1.8cqh);width:calc(var(--d) * var(--unit))}.field__sheep{animation:arrive .5s ease both;animation-delay:calc(.7s + var(--row) * 90ms);transition:opacity .3s ease}.field__sheep[data-flip]{scale:-1 1}.gate:not([data-stage=field]) .field__sheep{opacity:0;pointer-events:none}.field__black{z-index:2;display:block;padding:0;border:0;background:none;cursor:pointer;animation:arrive .5s ease 1.15s both;touch-action:manipulation}.field__black:before{content:"";position:absolute;inset:-.85rem;top:-6.25rem}.field__cue{display:block}.field__press{position:absolute;z-index:1;left:50%;bottom:calc(100% + .35rem);translate:-50% 0;width:max-content;text-align:center;line-height:1;animation:cue .55s var(--settle) var(--cue-delay,1.35s) both}.field__press[data-replay]{animation-name:pop}@keyframes pop{0%{scale:1.12}}.field__verb{font-size:clamp(1.65rem,1.2rem + 1.6vw,2.25rem);letter-spacing:-.04em}.field__verb,.field__why{display:block;font-weight:500}.field__why{margin-top:.3rem;font-size:1.05rem;letter-spacing:-.01em}.field__press:after{content:"";display:block;width:1px;height:.7rem;margin:.4rem auto 0;background:var(--ink)}@keyframes cue{0%{opacity:0;scale:1.14}}.field__live{display:block;transform-origin:50% 82%;animation:press 2.8s var(--settle) var(--cue-delay,1.35s) infinite}@keyframes press{0%,20%{scale:1 1}28%{scale:1.07 .86}36%{scale:.985 1.035}42%{scale:1 1}50%{scale:1.045 .91}58%,to{scale:1 1}}.sheep__tap{transform-box:view-box;transform-origin:65.2% 71.7%;animation:tap 2.8s var(--settle) var(--cue-delay,1.35s) infinite}@keyframes tap{0%,20%{rotate:0deg}28%{rotate:50deg}36%{rotate:0deg}50%{rotate:38deg}58%,to{rotate:0deg}}.gate:not([data-stage=field]) .field__press{animation:none;opacity:0}.gate:not([data-stage=field]) .field__live,.gate:not([data-stage=field]) .sheep__tap{animation:none;scale:none;rotate:none}@keyframes arrive{0%{opacity:0;translate:0 .5rem}}.baa{position:absolute;z-index:3;font-size:.875rem;color:var(--quiet);pointer-events:none;animation:baa .9s ease-out forwards}.gate:not([data-stage=field]) .baa{opacity:0}@keyframes baa{0%{opacity:1;translate:.25rem -.25rem}to{opacity:0;translate:.25rem -1.75rem}}@media (max-width:62rem){.line{grid-template-columns:minmax(0,1fr)}.note{grid-column:1;margin-top:.15rem}.work .line{min-height:0}.intro{grid-template-columns:minmax(0,1fr);row-gap:1.75rem}.intro__side{max-width:var(--notes)}.page{max-width:calc(var(--column) + 2 * var(--gutter))}}@media (max-width:40rem){.field__sheep:nth-child(2n),.field__sheep[data-near]{display:none}.field__verb{font-size:1.5rem}.field__why{font-size:.95rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}.field__live,.sheep__tap{animation:none!important}}