.work-stamps-frame{width:100%;container-type:inline-size}.work-stamps{--width-work-stamp:round(down, min(100cqi - (var(--work-stamp-count) - 1) * var(--offset-work-stamp-peek), var(--width-work-stamp-max)), var(--work-stamp-perf-x));--work-stamps-stacked-width:calc(var(--width-work-stamp) + (var(--work-stamp-count) - 1) * var(--offset-work-stamp-peek));--work-stamps-fanned-width:calc(var(--work-stamp-count) * var(--width-work-stamp) + (var(--work-stamp-count) - 1) * var(--gap-work-stamps));width:var(--work-stamps-stacked-width);height:var(--height-work-stamp);transition:width var(--transition-work-stamp);outline:none;list-style:none;position:relative}.work-stamp-trigger{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;inset:0}.work-stamp-trigger:focus-visible{outline:var(--border-width) solid var(--color-text-subtle);outline-offset:var(--offset-work-stamps-focus);border-radius:var(--radius-work-stamps-focus)}.work-stamp[data-lifted]{visibility:hidden}.work-stamp--green{--color-work-stamp-surface:var(--color-work-stamp-green-surface);--color-work-stamp-engraving:var(--color-work-stamp-green-engraving);--color-work-stamp-meta:var(--color-work-stamp-green-meta)}.work-stamp--lime{--color-work-stamp-surface:var(--color-work-stamp-lime-surface);--color-work-stamp-engraving:var(--color-work-stamp-lime-engraving);--color-work-stamp-meta:var(--color-work-stamp-lime-meta)}.work-stamp--teal{--color-work-stamp-surface:var(--color-work-stamp-teal-surface);--color-work-stamp-engraving:var(--color-work-stamp-teal-engraving);--color-work-stamp-meta:var(--color-work-stamp-teal-meta)}.work-stamp{z-index:calc(var(--work-stamp-count) - var(--work-stamp-index));width:var(--width-work-stamp);height:var(--height-work-stamp);filter:var(--shadow-work-stamp);transform:translateX(calc(var(--work-stamp-index) * var(--offset-work-stamp-peek) + var(--work-stamp-drag,0px))) rotate(calc(var(--work-stamp-drag-progress,0) * var(--rotate-work-stamp-drag)));transition:transform var(--transition-work-stamp);transition-delay:calc(var(--work-stamp-index) * var(--delay-work-stamp-stagger));touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.work-stamp[data-dragging]{transition:none}.work-stamp-paper{--work-stamp-tilt-max:var(--rotate-work-stamp-tilt);width:100%;height:100%;padding:var(--padding-work-stamp-paper);padding-bottom:var(--padding-work-stamp-paper-bottom);background-color:var(--color-work-stamp-paper);isolation:isolate;-webkit-mask-image:radial-gradient(circle var(--work-stamp-hole) at center, transparent 98%, #000 100%), linear-gradient(#000 0 0);-webkit-mask-image:radial-gradient(circle var(--work-stamp-hole) at center, transparent 98%, #000 100%), linear-gradient(#000 0 0);mask-image:radial-gradient(circle var(--work-stamp-hole) at center, transparent 98%, #000 100%), linear-gradient(#000 0 0);-webkit-mask-size:var(--work-stamp-perf-x) var(--work-stamp-perf-y), calc(100% - var(--work-stamp-perf-x)) calc(100% - var(--work-stamp-perf-y));-webkit-mask-size:var(--work-stamp-perf-x) var(--work-stamp-perf-y), calc(100% - var(--work-stamp-perf-x)) calc(100% - var(--work-stamp-perf-y));mask-size:var(--work-stamp-perf-x) var(--work-stamp-perf-y), calc(100% - var(--work-stamp-perf-x)) calc(100% - var(--work-stamp-perf-y));-webkit-mask-position:calc(var(--work-stamp-perf-x) / -2) calc(var(--work-stamp-perf-y) / -2), center;-webkit-mask-position:calc(var(--work-stamp-perf-x) / -2) calc(var(--work-stamp-perf-y) / -2), center;mask-position:calc(var(--work-stamp-perf-x) / -2) calc(var(--work-stamp-perf-y) / -2), center;display:flex;position:relative;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat}.work-stamp-print{align-items:center;gap:var(--gap-work-stamp-print);min-width:0;padding:var(--padding-work-stamp-print);color:var(--color-work-stamp-ink);background:color-mix(in oklch, var(--color-work-stamp-surface) var(--amount-work-stamp-ink), var(--color-work-stamp-paper));border-radius:var(--radius-work-stamp-print);isolation:isolate;flex:auto;display:flex;position:relative}.work-stamp-panel,.work-stamp-copy{z-index:1}.work-stamp-copy{position:relative}.work-stamp-paper{transform:perspective(var(--perspective-work-stamp)) rotateX(calc(var(--work-stamp-tilt-y,0) * -1 * var(--work-stamp-tilt-max))) rotateY(calc(var(--work-stamp-tilt-x,0) * var(--work-stamp-tilt-max))) scale(calc(1 + (var(--scale-work-stamp-hover) - 1) * var(--work-stamp-hover,0)))}.work-stamp-expanded .work-stamp-paper{--work-stamp-tilt-max:var(--rotate-work-stamp-tilt-expanded)}.work-stamp-shine{--work-stamp-glare-x:calc(50% + var(--work-stamp-tilt-x,0) * 50%);--work-stamp-glare-y:calc(50% + var(--work-stamp-tilt-y,0) * 50%);background:radial-gradient(circle at var(--work-stamp-glare-x) var(--work-stamp-glare-y), color-mix(in oklch, var(--color-white) calc(var(--opacity-work-stamp-glare) * 100%), transparent), transparent 60%), linear-gradient(115deg, transparent 35%, color-mix(in oklch, var(--color-white) calc(var(--opacity-work-stamp-sheen) * 100%), transparent) 50%, transparent 65%);background-size:100% 100%,300% 300%;background-position:0 0, calc(50% + var(--work-stamp-tilt-x,0) * 50%) calc(50% + var(--work-stamp-tilt-y,0) * 50%);mix-blend-mode:overlay;opacity:var(--work-stamp-hover,0);pointer-events:none;position:absolute;inset:0}.work-stamp-wash{--color-work-stamp-wash-deep:color-mix(in oklch, var(--color-work-stamp-surface), var(--color-black) var(--amount-work-stamp-wash-deepen));z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.work-stamp-wash svg{width:100%;height:100%;display:block}.work-stamp-wash-deep{fill:var(--color-work-stamp-wash-deep);opacity:var(--opacity-work-stamp-wash-deep)}.work-stamp-wash-light{fill:var(--color-work-stamp-engraving);opacity:var(--opacity-work-stamp-wash-light)}.work-stamp-wash-glow{fill:var(--color-work-stamp-meta);opacity:var(--opacity-work-stamp-wash-glow)}.work-stamp-wash-vein{fill:none;stroke:var(--color-work-stamp-meta);stroke-linecap:round;opacity:var(--opacity-work-stamp-wash-vein)}.work-stamp-wash:after{--color-work-stamp-halftone:color-mix(in oklch, color-mix(in oklch, var(--color-work-stamp-surface), black var(--amount-work-stamp-halftone-darken)) var(--amount-work-stamp-halftone-ink), transparent);--work-stamp-halftone-dots:radial-gradient(circle, var(--color-work-stamp-halftone) var(--work-stamp-halftone-dot), transparent calc(var(--work-stamp-halftone-dot) + var(--work-stamp-halftone-soften)));background:var(--work-stamp-halftone-dots) 0 0 / var(--work-stamp-halftone-pitch) var(--work-stamp-halftone-pitch), var(--work-stamp-halftone-dots) calc(var(--work-stamp-halftone-pitch) / 2) calc(var(--work-stamp-halftone-pitch) / 2) / var(--work-stamp-halftone-pitch) var(--work-stamp-halftone-pitch);content:"";position:absolute;inset:0}.work-stamp-panel{flex:0 0 var(--width-work-stamp-panel);align-self:stretch;display:flex;position:relative;overflow:hidden}.work-stamp-copy{flex-direction:column;flex:1 1 0;justify-content:space-between;align-self:stretch;min-width:0;display:flex}.work-stamp-details{gap:var(--gap-work-stamp-copy);padding-top:var(--padding-work-stamp-details-top);flex-direction:column;display:flex}.work-stamp-value{line-height:1;font-size:var(--text-work-stamp-value-size);font-weight:var(--text-work-stamp-value-weight);letter-spacing:var(--letter-spacing-work-stamp);font-variant-numeric:tabular-nums;align-self:flex-end}.work-stamp-imprint{inset-inline:var(--padding-work-stamp-paper);bottom:var(--work-stamp-hole);height:calc(var(--padding-work-stamp-paper-bottom) - var(--work-stamp-hole));color:var(--color-work-stamp-imprint);font-size:var(--text-work-stamp-imprint-size);font-weight:var(--font-weight-medium);letter-spacing:.02em;transition:opacity var(--transition-fast);justify-content:space-between;align-items:center;line-height:1;display:flex;position:absolute}.work-stamp[data-behind] .work-stamp-imprint{opacity:0}.work-stamp-paper:before{z-index:-1;opacity:var(--opacity-work-stamp-paper-texture);content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75 0.25' numOctaves='3' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42  0 0 0 0 0.36  0 0 0 0 0.26  1.3 0 0 0 -0.66'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");position:absolute;inset:0}.work-stamp-print:after{z-index:2;border-radius:inherit;mix-blend-mode:multiply;opacity:var(--opacity-work-stamp-print-texture);content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  1.4 0 0 0 -0.62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.work-stamp-print:before{z-index:2;border-radius:inherit;mix-blend-mode:soft-light;opacity:var(--opacity-work-stamp-print-texture);content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.018' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  1.2 0 0 0 -0.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E");position:absolute;inset:0}.work-stamp-panel svg{translate:var(--offset-work-stamp-misregistration) calc(var(--offset-work-stamp-misregistration) * -1)}.work-stamp-name{font-size:var(--text-work-stamp-name-size);font-weight:var(--text-work-stamp-name-weight);line-height:var(--text-work-stamp-name-line-height);letter-spacing:var(--letter-spacing-work-stamp)}.work-stamp-meta{gap:var(--gap-work-stamp-meta);color:var(--color-work-stamp-meta);font-size:var(--text-work-stamp-meta-size);font-weight:var(--text-work-stamp-meta-weight);line-height:var(--text-work-stamp-meta-line-height);letter-spacing:var(--letter-spacing-work-stamp);opacity:var(--opacity-work-stamp-meta);flex-direction:column;display:flex}.work-stamp-postmark{top:var(--inset-work-stamp-postmark-top);right:var(--inset-work-stamp-postmark-right);width:var(--width-work-stamp-postmark);height:var(--width-work-stamp-postmark);color:color-mix(in oklch, var(--color-work-stamp-surface), var(--color-black) var(--amount-work-stamp-postmark-darken));opacity:var(--opacity-work-stamp-postmark);mix-blend-mode:multiply;transform:rotate(var(--work-stamp-postmark-rotate,0deg));pointer-events:none;position:absolute;overflow:visible}.work-stamp-postmark text{font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);text-transform:uppercase}.work-stamp-postmark-arc{letter-spacing:.08em;font-size:10.5px}.work-stamp-postmark-year{letter-spacing:.02em;text-anchor:middle;dominant-baseline:central;font-size:17px}.work-stamp-pattern{width:100%;height:100%;color:var(--color-work-stamp-engraving);display:block;position:absolute;inset:0}.pattern-draft-row{transform-box:fill-box;transform-origin:0;animation:pattern-draft var(--animation-work-stamp-draft) infinite;animation-delay:var(--pattern-delay)}.pattern-ripple-dot{transform-box:fill-box;transform-origin:50%;animation:pattern-ripple var(--animation-work-stamp-ripple) infinite;animation-delay:var(--pattern-delay)}.pattern-tile-column{transform-box:view-box;animation:pattern-tiles var(--pattern-duration) linear infinite}@keyframes pattern-draft{0%,to{transform:scaleX(1)}35%{transform:scaleX(.15)}70%{transform:scaleX(1)}}@keyframes pattern-ripple{0%,to{transform:scale(1)}40%{transform:scale(1.6)}}@keyframes pattern-tiles{0%{transform:translateY(0)}to{transform:translateY(var(--pattern-loop))}}.work-stamp-backdrop{z-index:var(--z-work-stamp-expanded);background:var(--color-work-stamp-backdrop);-webkit-backdrop-filter:blur(var(--blur-work-stamp-backdrop));backdrop-filter:blur(var(--blur-work-stamp-backdrop));position:fixed;inset:0}.work-stamp-expanded{--work-stamp-expand:0;--work-stamp-reveal:clamp(0, (var(--work-stamp-expand) - .45) / .55, 1);z-index:var(--z-work-stamp-expanded);filter:var(--shadow-work-stamp-expanded);cursor:pointer;outline:none;position:fixed}.work-stamp-expanded--measure{--work-stamp-expand:1;width:round(down, min(var(--width-work-stamp-expanded), 100vw - 2 * var(--inset-work-stamp-expanded)), var(--work-stamp-perf-x));visibility:hidden;pointer-events:none;top:0;left:0}.work-stamp-perf-probe{width:0;height:var(--work-stamp-perf-y);position:absolute}.work-stamp-expanded{container-type:inline-size}.work-stamp-expanded .work-stamp-panel{flex-basis:calc(var(--width-work-stamp-panel) + (min(var(--width-work-stamp-panel-expanded), var(--share-work-stamp-panel-expanded)) - var(--width-work-stamp-panel)) * var(--work-stamp-expand))}.work-stamp-expanded .work-stamp-postmark{--work-stamp-postmark-size:calc(var(--width-work-stamp-postmark) + (var(--width-work-stamp-postmark-expanded) - var(--width-work-stamp-postmark)) * var(--work-stamp-expand));width:var(--work-stamp-postmark-size);height:var(--work-stamp-postmark-size)}.work-stamp-expanded .work-stamp-name{font-size:calc(var(--text-work-stamp-name-size) + (var(--text-work-stamp-name-size-expanded) - var(--text-work-stamp-name-size)) * var(--work-stamp-expand))}.work-stamp-expanded .work-stamp-meta{font-size:calc(var(--text-work-stamp-meta-size) + (var(--text-work-stamp-meta-size-expanded) - var(--text-work-stamp-meta-size)) * var(--work-stamp-expand))}.work-stamp-expanded .work-stamp-copy{justify-content:flex-start;position:relative}.work-stamp-expanded .work-stamp-details{padding-bottom:calc(var(--text-work-stamp-value-size) + var(--gap-work-stamp-copy))}.work-stamp-expanded .work-stamp-value{position:absolute;bottom:0;right:0}.work-stamp-description{margin-top:var(--gap-work-stamp-description);color:var(--color-work-stamp-meta);font-size:var(--text-work-stamp-description-size);line-height:var(--text-work-stamp-description-line-height);letter-spacing:var(--letter-spacing-work-stamp);opacity:var(--work-stamp-reveal);filter:blur(calc((1 - var(--work-stamp-reveal)) * var(--blur-work-stamp-description)))}.work-stamp-expanded:not(.work-stamp-expanded--measure) .work-stamp-description{width:var(--work-stamp-description-width)}@media (hover:hover) and (min-width:68.75rem){.work-stamps{--width-work-stamp:round(down, (100cqi - (var(--work-stamp-count) - 1) * var(--gap-work-stamps)) / var(--work-stamp-count), var(--work-stamp-perf-x))}.work-stamps:is(:hover,:has(:focus-visible),[data-fanned]){width:var(--work-stamps-fanned-width)}.work-stamps:is(:hover,:has(:focus-visible),[data-fanned]) .work-stamp-imprint{opacity:1}.work-stamps:is(:hover,:has(:focus-visible),[data-fanned]) .work-stamp{transform:translateX(calc(var(--work-stamp-index) * (var(--width-work-stamp) + var(--gap-work-stamps))))}}@media (hover:none),(max-width:68.6875rem){.work-stamp{transition-delay:0s}}@media (prefers-reduced-motion:reduce){.work-stamps,.work-stamp{transition:none}:is(.work-stamps,.work-stamp-expanded) .pattern-draft-row,:is(.work-stamps,.work-stamp-expanded) .pattern-ripple-dot,:is(.work-stamps,.work-stamp-expanded) .pattern-tile-column{animation:none!important}}
html:has(.home-page){scroll-behavior:auto;scroll-snap-type:y mandatory;overflow:clip auto}html:has(.home-page.home-page--free-scroll){scroll-snap-type:none}:is(html:has(.home-page.home-page--free-scroll) .site-header-profile,html:has(.home-page.home-page--free-scroll) .home-lower){scroll-snap-align:none;scroll-snap-stop:normal}html:has(.home-page) body{overflow:clip visible}@media (prefers-reduced-motion:reduce){html:has(.home-page){scroll-snap-type:none}}.home-page{background:var(--color-bg-page);flex:1;justify-content:center;width:100%;min-height:100%;display:flex}.home-body{align-items:flex-start;gap:var(--gap-intro);width:100%;min-height:100%;max-width:var(--content-width-home);padding:0 var(--inset-x) var(--padding-page);flex-direction:column;display:flex}@media (min-width:68.75rem){.home-body{max-width:calc(var(--width-home-cards) + 2 * var(--inset-x))}}.home-lower{align-items:flex-start;gap:var(--gap-page);scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;width:100%;display:flex}.home-main{align-items:flex-start;gap:var(--gap-2xl);width:100%;padding-top:var(--offset-home-main-top);flex-direction:column;display:flex}.home-content{align-items:flex-start;gap:var(--gap-intro);flex-direction:column;width:100%;display:flex}.home-content .content-section-list{max-width:var(--max-width-text)}.home-content .content-section-label-wrap,.home-content .content-section-list .list-item,.home-content .content-section-list .list-item-panel{padding-inline:0}.home-content .list-item:not(.list-item--expandable) .list-item-title{color:var(--color-text-subtle);flex:0 auto}.home-content .list-item:not(.list-item--expandable):hover .list-item-title{color:var(--color-text-primary)}.home-page :is(.site-header,.home-sidebar .sidebar-nav-links,.home-footer,.content-section-divider,.content-section,.content-section-label-wrap,.list-item-shell,.content-section-card>.project-card){transition:opacity var(--transition-expand)}.home-page:has(.list-item.is-open:not(.list-item--static)) :is(.site-header,.home-sidebar .sidebar-nav-links,.home-footer,.content-section-divider,.content-section:not(:has(.list-item.is-open)),.content-section:has(.list-item.is-open) .content-section-label-wrap,.content-section:has(.list-item.is-open) .list-item-shell:not(:has(.list-item.is-open))){opacity:var(--opacity-home-dimmed)}@media (hover:hover){.home-page:has(.content-section-card:hover) :is(.site-header,.home-sidebar .sidebar-nav-links,.home-footer,.content-section-divider,.content-section:not(:has(.content-section-card:hover)),.content-section:has(.content-section-card:hover) .content-section-label-wrap,.content-section:has(.content-section-card:hover) .content-section-card:not(:hover)>.project-card){opacity:var(--opacity-home-dimmed)}}@media (prefers-reduced-motion:reduce){.home-page :is(.site-header,.home-sidebar .sidebar-nav-links,.home-footer,.content-section-divider,.content-section,.content-section-label-wrap,.list-item-shell,.content-section-card>.project-card){transition:none}}@media (max-width:68.6875rem){html:has(.home-page){scroll-snap-type:none}:is(html:has(.home-page) .site-header-profile,html:has(.home-page) .home-lower){scroll-snap-align:none;scroll-snap-stop:normal}.home-lower{scroll-margin-top:var(--space-80)}.home-main{gap:var(--gap-md)}}