:root{--m: 16px;--u: 8px;--gap: 8px;--ink: var(--fg);--mute: rgba(0, 0, 0, .45);--hair: rgba(0, 0, 0, .1);--paper: #fcfcfc;--ease-out: cubic-bezier(.32, .72, 0, 1);--t: 15px;--lh: 24px;--strip-h: clamp(152px, 14vw, 240px)}[hidden]{display:none!important}html body{background:var(--paper);font-size:var(--t);font-weight:400;line-height:var(--lh);letter-spacing:.005em;transition:opacity .3s var(--ease-out)}body.is-leaving{opacity:0}a{color:var(--ink)}.bar{display:flex;justify-content:space-between;align-items:baseline;padding:var(--m) var(--m) 0}.bar__link{color:var(--ink);transition:color .2s}.bar__link:hover,.bar__name:hover{color:var(--mute)}.home{padding:calc(var(--u) * 8) var(--m) var(--m)}.lede{display:flex;flex-direction:column;gap:calc(var(--u) * 2)}.lede__text{max-width:34em;color:var(--mute);text-wrap:pretty}.lede__text a,.contact__note a,.contact__elsewhere a,.about__list a{color:var(--ink);border-bottom:1px solid var(--hair);transition:border-color .2s}.lede__text a:hover,.contact__note a:hover,.contact__elsewhere a:hover,.about__list a:hover{border-bottom-color:var(--ink)}.work{display:flex;flex-direction:column;gap:calc(var(--u) * 8);margin-top:calc(var(--u) * 16)}.strip__label{display:inline-flex;align-items:baseline;gap:6px;margin-bottom:var(--u)}.strip__dot,.strip__kind{color:var(--mute);transition:color .2s}.strip__label:hover .strip__kind{color:var(--ink)}.strip__scroll{margin:0 calc(-1 * var(--m));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;outline:none}.strip__scroll::-webkit-scrollbar{display:none}.strip__scroll.is-dragging{cursor:grabbing}.strip__scroll.is-dragging .tile{pointer-events:none}.strip__track{display:flex;gap:var(--gap);width:max-content;padding:0 var(--m)}.tile{display:block;flex:none;height:var(--strip-h);aspect-ratio:var(--ar, 16 / 9);overflow:hidden;background:#0000000a;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.tile img,.tile video,.frame img,.frame video{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}.tile.is-loaded img,.tile video,.frame.is-loaded img,.frame video{opacity:1}.project{padding:calc(var(--u) * 8) var(--m) var(--m)}.about{display:flex;flex-direction:column;gap:calc(var(--u) * 2);max-width:34em;margin-bottom:calc(var(--u) * 16)}.about__name,.about__label,.about__text{color:var(--mute)}.about__title{font-size:inherit;font-weight:inherit;line-height:inherit;text-wrap:balance}.about__text{text-wrap:pretty}.frames{display:flex;flex-direction:column;gap:var(--gap)}.line{display:grid;grid-template-columns:1fr;gap:var(--gap)}.line--pair,.line--single{grid-template-columns:1fr 1fr}.frame{margin:0;aspect-ratio:16 / 9;overflow:hidden;background:#0000000a}.frame--half{aspect-ratio:8 / 9}.contact{padding:calc(var(--u) * 8) var(--m) var(--m)}.contact__inner{max-width:560px}.contact__note{color:var(--mute);margin-bottom:calc(var(--u) * 4)}.form{display:flex;flex-direction:column}.form__input{width:100%;padding:var(--u) 0;border:0;border-bottom:1px solid var(--hair);border-radius:0;background:none;font:inherit;line-height:var(--lh);outline:none;transition:border-color .2s}.form__input::placeholder{color:var(--mute);opacity:.8}.form__input:focus{border-bottom-color:var(--ink)}.form__area{min-height:calc(var(--lh) * 4 + var(--u) * 2);resize:none;overflow:hidden;margin-top:calc(var(--u) * 3)}.form__trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.form__label{margin-top:calc(var(--u) * 4);color:var(--mute)}.chips{display:flex;flex-wrap:wrap;gap:var(--u);margin-top:var(--u)}.chip{display:inline-flex;align-items:center;gap:var(--u);padding:var(--u) calc(var(--u) * 2);border:1px solid var(--hair);border-radius:0;background:none;color:var(--mute);font:inherit;line-height:var(--lh);cursor:pointer;transition:border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.chip__icon{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.chip:hover{color:var(--ink)}.chip.is-on{border-color:var(--ink);color:var(--ink)}.chip:focus-visible,.form__send:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.form__error{min-height:var(--lh);margin-top:calc(var(--u) * 2);color:var(--accent)}.form__send{margin-top:var(--u);padding:var(--u) calc(var(--u) * 2);width:100%;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--paper);font:inherit;line-height:var(--lh);cursor:pointer;transition:opacity .3s;-webkit-tap-highlight-color:transparent}.form__send:hover:not(:disabled){opacity:.6}.form__send:disabled{cursor:default;opacity:.4}.form__done{padding:calc(var(--u) * 3) 0}.contact__elsewhere{margin-top:calc(var(--u) * 5);color:var(--mute)}.copy.is-copied:after{content:" — copied";color:var(--mute)}@media(prefers-reduced-motion:no-preference){.js .rise{opacity:0;transform:translateY(4px)}.js .rise.is-in{opacity:1;transform:none;transition:opacity .6s var(--ease-out) var(--delay, 0s),transform .6s var(--ease-out) var(--delay, 0s)}}@media(prefers-reduced-motion:reduce){body,.tile img,.frame img{transition:none}}@media(max-width:720px){:root{--strip-h: 144px}.home,.project,.contact{padding-top:calc(var(--u) * 6)}.work{margin-top:calc(var(--u) * 10);gap:calc(var(--u) * 6)}.about{margin-bottom:calc(var(--u) * 8)}}