.spotify-heading-live{will-change:opacity;animation:4.8s ease-in-out infinite spotify-heading-breathe;display:inline-block}.spotify-record-drag,body.spotify-record-is-dragging{-webkit-user-select:none;user-select:none}@keyframes spotify-heading-breathe{0%,to{opacity:1}50%{opacity:.58}}.spotify-last-listened{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:18px;display:grid}.spotify-section.spotify-section-last{gap:32px}.spotify-last-listened-no-artwork{grid-template-columns:minmax(0,1fr)}.spotify-last-artwork-shadow{width:48px;height:48px;color:inherit;will-change:transform;border-radius:4px;text-decoration:none;transition:transform .2s cubic-bezier(.22,1,.36,1);display:block;position:relative;box-shadow:0 10px 7px #0000000a,0 4px 5px #00000012,0 1px 2px #00000014}.spotify-last-artwork-shadow:before,.spotify-record-shadow:before{z-index:0;border-radius:inherit;background-image:var(--spotify-artwork-image);content:"";filter:blur(var(--spotify-artwork-blur,12px));opacity:var(--spotify-artwork-opacity,.4);pointer-events:none;transform:scale(var(--spotify-artwork-scale,1));transform-origin:50%;background-position:50%;background-size:cover;position:absolute;inset:0}.spotify-last-artwork-shadow:hover{transform:translateY(-3px)scale(1.04)}.spotify-last-artwork-shadow:focus-visible{outline-offset:4px;outline:1px solid}.spotify-last-artwork{z-index:1;border-radius:inherit;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:relative}.spotify-last-copy{width:fit-content;min-width:0;color:inherit;text-decoration:none;transition:opacity .4s cubic-bezier(.22,1,.36,1);display:grid}.spotify-last-title,.spotify-last-artist{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.spotify-last-copy:hover{opacity:.68;transition-delay:.1s}.spotify-last-copy:focus-visible{outline-offset:4px;outline:1px solid}@media (hover:none){.spotify-last-artwork-shadow:hover{transform:none}.spotify-last-copy:hover{opacity:1;transition-delay:0s}}@media (prefers-reduced-motion:reduce){.spotify-heading-live{animation:none}.spotify-last-artwork-shadow{transition:opacity .2s cubic-bezier(.22,1,.36,1)}.spotify-last-artwork-shadow:hover{opacity:.8;transform:none}}@font-face{font-display:swap;font-family:Sabon LT Pro;font-style:normal;font-weight:400;src:url(/fonts/Sabon-LT-Pro-Roman.otf)format("opentype")}@font-face{font-display:swap;font-family:J;font-style:normal;font-weight:400;src:url(/fonts/j.woff2)format("woff2")}@font-face{font-display:swap;font-family:NYT Cheltenham;font-style:normal;font-weight:400;src:url(/fonts/nyt/cheltenham-regular.ttf)format("truetype")}@font-face{font-display:swap;font-family:NYT Imperial;font-style:normal;font-weight:400;src:url(/fonts/nyt/imperial-regular.ttf)format("truetype")}:root{--accent:#2b47ff;--background:#fff;--foreground:#000;--foreground-secondary:#5c5c5c;--row-gap:16px;--selection-background:#95a3ff;--selection-foreground:#000;--section-gap:64px;--site-font-family:"J", sans-serif;--site-font-size:17px;--site-letter-spacing:.25px;--site-line-height:24px;--title-gap:32px;background-color:var(--background);text-wrap:balance;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-webkit-text-size-adjust:100%}*,:before,:after{box-sizing:border-box}::selection{color:var(--selection-foreground);background-color:var(--selection-background);text-shadow:none}html,body,#root{background-color:var(--background);min-height:100%}#root{min-height:100dvh}body{color:var(--foreground);background-color:var(--background);margin:0}button,body{font-family:var(--site-font-family);font-size:var(--site-font-size);letter-spacing:var(--site-letter-spacing);font-style:normal;font-weight:400;line-height:var(--site-line-height)}button,h2,p{margin:0}button,h2{font:inherit}.portfolio-page{transform-origin:50%;will-change:filter, transform;min-height:100dvh;padding:50svh 0 25svh;overflow-x:clip}.portfolio-layout{width:calc(100% - 32px);max-width:656px;margin:0 auto}.entrance-row{will-change:transform}.intro{gap:4px;display:grid}.intro-primary{grid-template-columns:448px 1fr 8px;align-items:start;display:grid}.intro-description{position:static}.secondary{color:var(--foreground-secondary)}.name{color:var(--accent)}.time{white-space:nowrap}.time-separator{animation:1s step-end infinite time-separator-blink;display:inline-block}@keyframes time-separator-blink{0%,49.999%{opacity:1}50%,to{opacity:0}}.shuffle-button{width:8px;height:8px;color:var(--accent);cursor:pointer;background:0 0;border:0;justify-self:end;margin-top:8px;padding:0;position:relative}.shuffle-button:before{content:"";position:absolute;inset:-12px}.shuffle-dot{will-change:transform;background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.shuffle-tooltip{z-index:1;color:var(--background);background:var(--foreground);opacity:0;pointer-events:none;border-radius:4px;place-items:center;padding:4px;transition:opacity .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;bottom:calc(100% + 12px);right:-8px;transform:translateY(4px)}.shuffle-tooltip kbd{border:1px solid color-mix(in srgb, currentColor 40%, transparent);border-radius:3px;place-items:center;min-width:16px;height:16px;font-family:system-ui,sans-serif;font-size:11px;font-weight:500;line-height:1;display:grid}.shuffle-button:hover .shuffle-tooltip,.shuffle-button:focus-visible .shuffle-tooltip{opacity:1;transform:translateY(0)}.shuffle-button:focus-visible{outline-offset:4px;outline:1px solid}.work-section{gap:var(--title-gap);width:100%;display:grid}.current{gap:0}.current-link{color:inherit;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .4s cubic-bezier(.22,1,.36,1)}.current-link:focus-visible{outline-offset:2px;outline:1px solid}.intro+.work-section,.work-section+.work-section{margin-top:var(--section-gap)}.work-list{gap:var(--row-gap);display:grid}.work-row{color:inherit;grid-template-columns:144px 1fr;text-decoration:none;display:grid}a.work-row{cursor:pointer;width:fit-content;max-width:100%}.email-copy-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.work-row p{max-width:404px}.work-row{transition:opacity .4s cubic-bezier(.22,1,.36,1)}a.work-row:hover,.email-copy-row:hover{opacity:.68;transition-delay:.1s}.email-copy-row.is-copied:hover{opacity:1;transition-delay:0s}.work-row:focus-visible{outline-offset:4px;outline:1px solid}.work-row .secondary{white-space:pre-line}.spotify-line{color:inherit;gap:12px;display:grid}.spotify-copy{z-index:0;color:inherit;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;text-decoration:none;transition:opacity .4s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.spotify-title,.spotify-artist{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.spotify-copy .spotify-artist{text-align:right}.spotify-rule{background:color-mix(in srgb, currentColor 18%, transparent);height:1px;display:block;position:relative}.spotify-progress{transform-origin:0;will-change:transform;background:currentColor;position:absolute;inset:0}.spotify-record-position{z-index:1;will-change:transform;width:0;height:0;position:absolute;top:50%;left:0}.spotify-record-marker{width:48px;height:48px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.spotify-record-deformation{transform-origin:50%;will-change:transform;width:100%;height:100%;display:block;position:relative}.spotify-record-drag{cursor:default;touch-action:none;will-change:transform;width:100%;height:100%;display:block}.spotify-record-hover{transform-origin:50%;will-change:transform;width:100%;height:100%;display:block}.spotify-record-shadow{border-radius:50%;position:absolute;inset:0;box-shadow:0 13px 8px #0000000a,0 6px 6px #00000012,0 1px 3px #00000014}.spotify-record{z-index:1;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:50%;width:100%;height:100%;display:block;position:relative}.spotify-loading{background:color-mix(in srgb, currentColor 12%, transparent);width:min(176px,55%)}.spotify-section{gap:48px}.spotify-copy:hover{opacity:.68;transition-delay:.1s}.spotify-copy:focus-visible{outline-offset:4px;outline:1px solid}.l2-layer{z-index:2147483000;outline:none;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.l2-backdrop{cursor:zoom-out;background:#000;position:absolute;inset:0}.l2-back-button{z-index:2;color:#ffffffb8;cursor:pointer;background:0 0;border:0;width:72px;height:72px;padding:0;position:fixed;top:0;left:0}.l2-back-button:before{content:"";border-bottom:1px solid;border-left:1px solid;width:12px;height:12px;position:absolute;top:28px;left:28px;transform:rotate(45deg)}.l2-back-button:focus-visible{outline-offset:-8px;outline:1px solid}.l2-content{z-index:1;transform-origin:50%;will-change:filter, opacity, transform;width:min(78vw,1120px,124.8vh);position:relative}@media (width<=720px){.intro-primary{grid-template-columns:minmax(0,1fr) auto 8px;column-gap:12px}.work-row{grid-template-columns:112px minmax(0,1fr);align-items:start;column-gap:12px}.work-row p{min-width:0;max-width:none}.work-row .secondary{overflow-wrap:break-word;text-wrap:pretty}.l2-layer{padding:16px}.l2-content{width:min(100vw - 32px,160dvh - 51.2px)}}@media (hover:none){.spotify-copy:hover,a.work-row:hover,.email-copy-row:hover{opacity:1;transition-delay:0s}}@media (any-pointer:coarse){.intro-primary{grid-template-columns:minmax(0,1fr) auto}.time{justify-self:end}.shuffle-button{display:none}}@media (hover:hover) and (pointer:fine){.current-link:hover{opacity:.68;transition-delay:.1s}}@media (prefers-reduced-motion:reduce){.time-separator{animation:none}}