.threeui-background{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;isolation:isolate;background:#030304}.threeui-background>canvas{position:absolute;inset:0;display:block;width:100%;height:100%}@font-face{font-family:Helvetica Now Display;src:url('/assets/fonts/HelveticaNowDisplay-Medium.woff2?_cchid=7653219e4c9ff15e221b15c61029fa70') format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Helvetica Now Micro;src:url('/assets/fonts/HelveticaNowMicro-Regular.woff2?_cchid=404c7ee0d4ab8f205ef75a3fc7b55c09') format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Helvetica Now Micro;src:url('/assets/fonts/HelveticaNowMicro-Bold.woff2?_cchid=238a1ab05d5150cfaf8e9f92ba77eb23') format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Helvetica Now Text;src:url('/assets/fonts/HelveticaNowText-Regular.woff2?_cchid=6377de1238aa35bd2348ab17a37105b2') format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--bg:#121212;--fg:#fff;--fg-2:#cecece;--fg-3:#959595;--tag-bg:#fff;--tag-fg:#000;--tag-dim:#959595;--accent:#f00;--line:rgba(255,255,255,.1);--sans:"Helvetica Now Micro","Helvetica Now Text","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--pad:20px;--gap:24px;color-scheme:dark}:root[data-theme=white]{--bg:#fff;--fg:#121212;--fg-2:#555;--fg-3:#8a8a8a;--tag-bg:#121212;--tag-fg:#fff;--tag-dim:#8a8a8a;--line:rgba(0,0,0,.1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font:11px/16px var(--sans);letter-spacing:-.02em;-webkit-font-smoothing:antialiased;display:grid;grid-template-columns:320px minmax(0,1fr) 262.4px;grid-template-rows:68px 1fr;grid-template-areas:"hello stage connect" "resume stage connect";column-gap:var(--gap);row-gap:var(--gap);padding:16px var(--pad) 40px;align-items:start}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h2,p,ul{margin:0}ul{padding:0;list-style:none}img{display:block;max-width:100%}[hidden]{display:none!important}.hd{font:500 9px/9px var(--mono);letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:11px}.arrow{color:var(--accent-tertiary,var(--accent));letter-spacing:0}.tag{display:inline-block;font:500 11px/11px var(--mono);letter-spacing:0;padding:4px;border-radius:2px;background:var(--tag-bg);color:var(--tag-fg);white-space:nowrap}.hello{grid-area:hello}.profile{display:flex;gap:7px;align-items:flex-start}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}.who{line-height:16px}.who strong{font-weight:700}.profile-description{display:block}.resume{grid-area:resume}.resume .hd{gap:5px;margin-bottom:20px}.jobs{display:flex;flex-direction:column;gap:20px}.job{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:fit-content}.job:hover{text-decoration:none}.job:hover .tag{background:var(--accent);color:#000}.role{font-size:10px;line-height:10px;letter-spacing:0;color:var(--fg-2)}body.open .job .tag{background:var(--tag-dim)}body.open .job.active .tag,body.open .job:hover .tag{background:var(--tag-bg)}body.open .job:hover .tag{background:var(--accent)}.stage{grid-area:stage;min-width:0;margin:-16px 3.6px 0 -9px}.work:focus{outline:none}.intro{font:500 30px/36px Helvetica Now Display,Helvetica,Arial,sans-serif;letter-spacing:0;max-width:520px;margin:10px 0 0 9px}.shot{width:100%;height:auto;aspect-ratio:847/477;object-fit:cover;background:var(--line)}.meta{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:24px}.title{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.title .role{font-size:13px;line-height:18px;color:var(--fg)}.close{border:0;cursor:pointer;background:var(--accent);color:var(--accent-fg,#000);flex:none}.close:hover{text-decoration:none;background:var(--fg);color:var(--bg)}.copy{max-width:600px;margin-top:12px;font:400 15px/22px Helvetica Now Text,Helvetica,Arial,sans-serif;letter-spacing:0}.copy p+p{margin-top:22px}.connect{grid-area:connect;display:flex;flex-direction:column;gap:0;justify-self:end;width:100%}.connect .hd{gap:5px}.links{display:flex;flex-direction:column;gap:10px;line-height:20px}.theme{font:500 9px/9px var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--fg);background:var(--line);border:1px solid var(--fg);border-radius:4px;padding:7px 8px;margin-top:24px;text-align:left;cursor:pointer;width:100%}.theme:hover{background:var(--fg);color:var(--bg)}@media (max-width:1180px){body{grid-template-columns:280px minmax(0,1fr);grid-template-areas:"hello stage" "resume stage" "connect stage"}.stage{margin-right:0;margin-left:0}.intro{margin-left:0}.connect{width:auto;justify-self:start;min-width:240px}.intro{font-size:26px;line-height:32px}}@media (max-width:760px){body{display:flex;flex-direction:column;gap:36px;padding:16px var(--pad) 48px;font-size:13px;line-height:18px}.hello{order:1}.stage{order:2}.resume{order:3}.connect{order:4;width:100%;min-width:0}.profile-description{line-height:21px;margin-top:8px}.hd{font-size:10px;line-height:10px}.stage{position:static;margin:0;width:100%}.intro{margin:0}.intro{font-size:24px;line-height:30px;max-width:none}.tag{font-size:12px;line-height:12px;padding:5px}.role{font-size:12px;line-height:14px}.jobs{gap:18px}.links{line-height:26px;font-size:inherit}.theme{font-size:10px;line-height:10px;width:auto}.work{width:100%}.meta{gap:12px;margin-top:20px}.copy{max-width:none;font-size:15px;line-height:22px;margin-top:20px}.copy p+p{margin-top:16px}.title .role{font-size:13px;line-height:18px}}@media (prefers-reduced-motion:no-preference){.tag,.theme,.close{transition:background-color .15s,color .15s}}@media print{.theme,.close{display:none}}.motion-clip{display:block;overflow:clip;overflow-clip-margin:3px}.motion-content{display:block}.hd>.motion-clip>.motion-content{display:flex;align-items:center;gap:inherit}.hd>.motion-clip{gap:inherit}.theme .motion-content{display:flex;align-items:center;gap:5px}.shot-frame{overflow:hidden;aspect-ratio:847/477;background:var(--line)}.shot-frame .shot{height:100%;width:100%}@media (prefers-reduced-motion:no-preference){.tag,.theme,.close{transition:background-color .15s ease,color .15s ease,transform .14s cubic-bezier(.23,1,.32,1)}.job:active .tag,.theme:active,.close:active{transform:scale(.97)}}[data-intro-pending] #intro{visibility:hidden}.intro-line{overflow:hidden;overflow-clip-margin:0}body{isolation:isolate}#site-background{position:fixed;inset:0;z-index:-1;pointer-events:none}#site-background .shader-frame{width:100%;height:100%;filter:invert(0) hue-rotate(0deg)}:root[data-theme=white] #site-background .shader-frame{filter:invert(1) hue-rotate(180deg)}@media print{#site-background{display:none}}@media (min-width:761px){body{grid-template-columns:25% 50% 25%;grid-template-rows:auto 1fr;grid-template-areas:"hello stage connect" "resume stage connect";column-gap:0;row-gap:28px;padding:0 0 40px}.hello,.resume,.connect{min-width:0;width:100%;padding:16px 20px 0}.resume{padding-top:0}.stage{margin:0;padding:0 20px;width:100%}.connect{min-width:0;justify-self:stretch}.intro{margin:0;max-width:100%;font-size:30px;line-height:36px}.stage-upper{min-height:50svh;padding:16px 0 32px}.stage-lower{min-height:50svh}}.connect .theme{max-width:none;width:100%;margin-top:24px}.work-gallery{position:relative;margin:0 -20px;overflow:hidden;height:calc(36svh + 24vw)}.work-scroller{position:relative;display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:none;overflow-anchor:none;scrollbar-width:none;mask-image:none}.work-scroller::-webkit-scrollbar{display:none}.work-card{flex:0 0 auto;width:max-content;min-width:0;height:50svh}.work-card img,.work-card video{width:auto;max-width:none;height:100%;object-fit:contain}[data-gallery-pending] .work-card,.work-card[data-reveal-pending]{opacity:0}.work-card:hover{text-decoration:none;color:var(--accent)}.work-card:focus-visible{outline-offset:-2px}@media (max-width:760px){.stage-upper{padding-bottom:32px}.stage-lower{padding-top:0}.work-card{height:36svh}.connect .theme{width:100%;min-height:36px}}.work-scroller.is-autoplay{scroll-snap-type:none;scroll-behavior:auto}body.open .stage-lower{padding-top:16px;min-height:100svh}.theme{background:var(--accent);border-color:var(--accent);color:var(--accent-fg,#121212)}.theme:hover{background:var(--tag-bg);color:var(--tag-fg)}body.open .job:not(.active) .tag{color:var(--inactive-tag-fg,var(--fg))}body.open .job.active .tag,body.open .job:hover .tag{color:var(--tag-fg)}::selection{background:var(--accent-tertiary,var(--tag-bg));color:var(--accent-tertiary-fg,var(--tag-fg))}.left-panel,.left-scroll{display:contents}#work-tag{font:500 24px/28px Helvetica Now Display,Helvetica,Arial,sans-serif;padding:5px 7px;white-space:normal}.resume .job{width:100%;padding:8px;border-radius:3px;margin-left:-8px}.resume .jobs{gap:4px}.resume .job:hover,.resume .job:focus-visible{background:color-mix(in srgb,var(--accent) 14%,transparent)}.resume .job:hover .role,.resume .job:focus-visible .role{color:var(--fg)}.resume .job:hover .tag,.resume .job:focus-visible .tag{background:var(--accent);color:var(--tag-fg)}@media (prefers-reduced-motion:no-preference){.resume .job{transition:background-color .15s ease}}@media (min-width:761px){html{height:100%;overflow:hidden}body{height:100vh;height:100dvh;min-height:0;max-height:100dvh;padding:0;overflow:hidden;grid-template-rows:minmax(0,1fr);grid-template-areas:"left stage connect";row-gap:0;align-items:stretch}.left-panel{display:block;grid-area:left;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding-bottom:24px;scrollbar-width:thin}.left-panel .resume{margin-top:28px}.stage{height:100%;min-height:0;overflow:hidden;padding:0;display:flex;flex-direction:column}.stage-upper{height:50%;min-height:0;flex:0 0 50%;display:flex;flex-direction:column;overflow-y:auto;padding:20px;overscroll-behavior-y:contain;scrollbar-width:thin}.stage-upper>.intro{flex:none;margin-block:auto}.stage-lower{height:50%;min-height:0;flex:0 0 50%}.work-gallery{height:100%;margin:0}.work-scroller,.work-card{height:100%}.connect{height:100%;overflow-y:auto;padding-bottom:24px}body.open .stage{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}body.open .stage-lower{height:auto;min-height:100%;padding-top:0;flex:0 0 auto}.work .meta{margin:24px 20px 0}.work .copy{margin:16px 20px 32px}}#work-tag{display:block;background:transparent;color:var(--fg);padding:0;border-radius:0}.intro-line>.motion-content{width:fit-content;max-width:100%;background:transparent;color:var(--fg)}@media (min-width:761px){.left-panel{overflow:hidden;padding-bottom:0;border-right:0}.left-scroll{display:block;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding-bottom:24px;scrollbar-width:none}.left-scroll::-webkit-scrollbar{display:none}.left-scroll.has-more-below{mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 40px),transparent 100%)}.connect{border-left:0}}@media (min-width:761px){.stage-upper.has-more-below,body.open .stage.has-more-below{mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 40px),transparent 100%)}}.stage,.stage-upper,body.open .stage{scrollbar-width:none}.stage::-webkit-scrollbar,.stage-upper::-webkit-scrollbar{display:none}@media (min-width:761px){.left-panel,.connect{position:relative}.left-panel:after,.connect:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--tag-bg);transform:scaleX(.5);pointer-events:none;z-index:1}.left-panel:after{right:0;transform-origin:right}.connect:before{left:0;transform-origin:left}}@media (min-width:1440px){.intro{max-width:680px}}.links a,.links a>.motion-clip>.motion-content,.connect-location,.connect-location>.motion-clip>.motion-content{display:flex;align-items:center;gap:8px}.links a>.motion-clip{min-width:0}.connect-icon{width:12px;height:12px;flex:0 0 12px}.connect-emoji{display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:12px;letter-spacing:0}@media (prefers-reduced-motion:no-preference){body,.tag,.theme,.close,.role,.resume .job,#work-tag,.project-name,.links a,.intro-line>.motion-content,.shot-frame,.left-panel:after,.connect:before{transition:background-color .6s cubic-bezier(.33,1,.68,1),color .6s cubic-bezier(.33,1,.68,1),border-color .6s cubic-bezier(.33,1,.68,1),transform .14s cubic-bezier(.23,1,.32,1)}#site-background .shader-frame{transition:filter .6s cubic-bezier(.33,1,.68,1)}}@media (min-width:761px){.resume .jobs{margin-inline:-20px}.resume .job{width:100%;margin-left:0;padding-inline:20px;border-radius:0}.connect .theme{width:100%;margin-inline:0;margin-top:auto;flex-shrink:0}.connect .links{margin-bottom:24px;flex-shrink:0}.connect .hd{flex-shrink:0}}.theme-refresh{width:12px;height:12px;flex:0 0 12px;margin-left:auto}@media (min-width:761px){.left-scroll{display:flex;flex-direction:column;gap:28px}.left-scroll>.hello,.left-scroll>.resume{flex:0 0 auto}.left-panel .resume{margin-top:auto}}.work-card video{aspect-ratio:1/1;display:block}.quote-ticker{position:relative;flex:0 0 auto;min-width:0;overflow:hidden;margin:24px 0 12px;padding-block:8px;font:500 9px/16px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--fg)}.quote-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}.quote-track{display:flex;width:max-content;animation:quote-scroll var(--quote-duration,240s) linear infinite}.quote-sequence{display:flex;align-items:center;flex:0 0 auto;white-space:nowrap}.quote-separator{padding-inline:16px}.quote-ticker:hover .quote-track,.quote-ticker:focus-within .quote-track{animation-play-state:paused}@keyframes quote-scroll{to{transform:translate(-50%)}}.quote-ticker:after{content:"";position:absolute;inset:0;box-shadow:inset 0 .5px #fff;pointer-events:none}.connect .theme+.quote-ticker{margin-top:20px;margin-bottom:20px;margin-bottom:max(20px,env(safe-area-inset-bottom))}@media (min-width:761px){.connect{padding-bottom:0}.quote-ticker{width:calc(100% + 40px);margin-inline:-20px}}@media (prefers-reduced-motion:reduce){.quote-window{overflow-x:auto;scrollbar-width:none}.quote-track{animation:none}.quote-sequence[aria-hidden]{display:none}}.intro{white-space:pre-line}.intro-paragraph-start{margin-top:1em}@media (prefers-reduced-motion:no-preference){.intro-line>.motion-content{transition:background-color .6s cubic-bezier(.33,1,.68,1),color .6s cubic-bezier(.33,1,.68,1)}}@media (max-width:760px){body.open .stage{width:calc(100% + 40px);margin-inline:-20px;border-inline:0}body.open .work{border-inline:0}.work .meta,.work .copy{margin-inline:20px}}.intro-closing>.motion-content{white-space:nowrap}.project-feed{position:relative;overflow-anchor:none}body.open .stage{overflow-anchor:none}.project-entry{min-height:85vh;min-height:85dvh;padding-bottom:48px;overflow-anchor:none}.project-name{font:500 24px/28px Helvetica Now Display,Helvetica,Arial,sans-serif;color:var(--fg);letter-spacing:0}.project-entry .copy{margin-bottom:0}.project-entry .shot-frame{position:relative}.project-entry .media-unavailable:after{content:"Preview unavailable";position:absolute;inset:0;display:grid;place-items:center;font:11px var(--mono);color:var(--fg-2)}body.open .resume .job:not(.active):not(:hover):not(:focus-visible) .tag{background:var(--tag-dim);color:var(--inactive-tag-fg,var(--fg))}body.open .resume .job:not(.active):not(:hover):not(:focus-visible) .role{color:var(--fg-2)}:is(body.open .resume .job.active,body .resume .job:hover,body .resume .job:focus-visible){position:relative;isolation:isolate;background:transparent;box-shadow:none}:is(body.open .resume .job.active,body .resume .job:hover,body .resume .job:focus-visible):before{content:"";position:absolute;inset:1px 6px;z-index:-1;pointer-events:none;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--fg) 17%,transparent),color-mix(in srgb,var(--fg) 5%,transparent) 58%,color-mix(in srgb,var(--accent) 13%,transparent));box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--fg) 22%,transparent),inset 0 1px color-mix(in srgb,var(--fg) 28%,transparent),0 3px 8px #0000001f;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2)}:is(body.open .resume .job.active,body .resume .job:hover,body .resume .job:focus-visible) .tag{background:color-mix(in srgb,var(--fg) 12%,transparent);color:var(--fg);border-radius:4px}:is(body.open .resume .job.active,body .resume .job:hover,body .resume .job:focus-visible) .role{color:var(--fg)}.links a:hover,.links a:focus-visible{color:var(--accent-tertiary,var(--fg))}:focus-visible{outline-color:var(--accent-tertiary,var(--accent))}.glass-card{background-color:color-mix(in srgb,var(--bg) 68%,transparent);background-image:linear-gradient(145deg,rgb(255 255 255 / .055),transparent 42%,rgb(255 255 255 / .015));border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);border-radius:22px;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #00000014,0 12px 40px #0000001f;-webkit-backdrop-filter:blur(24px) saturate(1.15);backdrop-filter:blur(24px) saturate(1.15);padding:5px}.card-surface{border-radius:16px;padding:20px;background-color:color-mix(in srgb,var(--fg) 4%,transparent);background-image:linear-gradient(160deg,rgb(255 255 255 / .04),transparent 48%);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--fg) 7%,transparent),inset 0 1px #ffffff1f,0 2px 4px #00000014;overflow:hidden}.resume .jobs{margin-inline:-20px}.resume .job{margin-left:0;padding-inline:20px;border-radius:0}.connect .connect-card .links{margin-bottom:0}.controls-card{overflow:hidden}.controls-card .card-surface{padding-bottom:0}.connect .controls-card .theme{margin:0;width:100%;border-radius:8px}.connect .controls-card .quote-ticker{width:calc(100% + 40px);margin:20px -20px 0;padding-block:12px}.quote-ticker:after{box-shadow:inset 0 .5px color-mix(in srgb,var(--fg) 25%,transparent)}@media (min-width:761px){body{--gallery-height:38dvh}.left-panel,.connect{padding:16px;z-index:2;pointer-events:none;overflow:visible}.left-panel:after,.connect:before{display:none}.left-scroll{height:100%;padding:0;gap:16px;overflow:visible;mask-image:none!important}.left-scroll>.hello{padding:5px;pointer-events:auto}.left-scroll>.resume{flex:0 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none;padding:5px;pointer-events:auto}.resume::-webkit-scrollbar{display:none}.connect{gap:16px}.connect-card,.controls-card{pointer-events:auto;flex-shrink:0}.controls-card{margin-top:auto}.stage{margin:0;overflow:visible}.stage-upper{height:calc(100% - var(--gallery-height));flex-basis:calc(100% - var(--gallery-height));padding:24px;position:relative;z-index:1}body:not(.open) .stage-upper{pointer-events:none}body:not(.open) .stage-upper>.intro{pointer-events:auto}body:not(.open) .stage-lower{height:var(--gallery-height);flex-basis:var(--gallery-height)}body:not(.open) .work-gallery{position:fixed;inset:auto 0 0;width:100%;height:100dvh;z-index:0;pointer-events:none}body.open .stage{overflow-y:auto}}@media (max-width:760px){.hello.glass-card,.resume.glass-card{padding:5px}.connect{gap:16px}.work-gallery{width:calc(100% + 40px);margin-inline:-20px}}.work-gallery .work-scroller{position:absolute;left:-25%;top:12vw;width:150%;height:calc(36svh + 24vw);transform:perspective(max(900px,100vw)) rotateY(24deg);transform-origin:50% -90svh;mask-image:linear-gradient(to bottom,#000 22%,rgb(0 0 0 / .984) 30%,rgb(0 0 0 / .938) 38%,rgb(0 0 0 / .789) 46%,rgb(0 0 0 / .5) 54%,rgb(0 0 0 / .211) 62%,rgb(0 0 0 / .062) 70%,rgb(0 0 0 / .008) 78%,transparent 86%)}.work-gallery .work-scroller{gap:18px;padding-top:7px}.work-gallery .work-card{position:relative;height:calc(100% - 7px);isolation:isolate;padding:3px;border:1px solid color-mix(in srgb,var(--fg) 20%,transparent);border-radius:18px;background:linear-gradient(145deg,rgb(255 255 255 / .12),transparent 45%,rgb(255 255 255 / .03)),color-mix(in srgb,var(--bg) 72%,transparent);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000001f}.work-gallery .work-card:before,.work-gallery .work-card:after{content:"";position:absolute;pointer-events:none}.work-gallery .work-card:before{inset:-2px;z-index:-1;border-radius:20px;border:1px solid color-mix(in srgb,var(--fg) 18%,transparent);box-shadow:0 0 0 1px #ffffff0d}.work-gallery .work-card:after{inset:3px;border-radius:14px;box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--fg) 18%,transparent),inset 0 1px #ffffff40}.work-gallery .work-card img,.work-gallery .work-card video{display:block;border-radius:14px;clip-path:inset(0 round 14px)}@media (prefers-reduced-motion:no-preference){.work-gallery .work-card img,.work-gallery .work-card video{transition:filter .22s cubic-bezier(.2,0,0,1)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.work-gallery .work-card{transform-origin:50% 0;transition:transform .32s cubic-bezier(.2,0,0,1)}.work-gallery .work-card:is(:hover,:focus-visible){transform:translateY(-3px);z-index:2}}@media (max-width:760px){.work-gallery{margin-top:-32svh;height:calc(68svh + 24vw);pointer-events:none}.work-gallery .work-scroller{top:calc(32svh + 12vw);pointer-events:auto}}@media (min-width:761px){.work-gallery .work-scroller{top:62dvh;height:calc(45dvh + 12vw);pointer-events:auto}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-card{background:var(--bg)}}@media (prefers-reduced-motion:no-preference){.glass-card,.card-surface{transition:background-color .6s cubic-bezier(.33,1,.68,1),border-color .6s cubic-bezier(.33,1,.68,1)}}.project-entry.glass-card{padding:5px;margin-bottom:16px;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #00000014}.project-entry>.card-surface{min-height:calc(85vh - 12px);min-height:calc(85dvh - 12px)}.project-entry .shot-frame{border-radius:8px}.work .project-entry .meta{margin:24px 0 0}.work .project-entry .copy{margin:16px 0 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (min-width:761px) and (hover:hover) and (pointer:fine){.draggable-card{position:relative;cursor:grab}.draggable-card a,.draggable-card button{cursor:pointer}.draggable-card .quote-ticker{cursor:default}.dragging-card,.dragging-card *{cursor:grabbing!important;user-select:none!important}.draggable-card.is-dragging{will-change:translate}}@media (max-width:760px){#site-background{bottom:auto;height:100lvh}.project-entry{min-height:85svh}.project-entry>.card-surface{min-height:calc(85svh - 12px)}}