@property --work-tone{syntax:"<color>";inherits:true;initial-value:oklch(.58 .2 34)}.work-page{--work-primary:oklch(0.58 0.2 34);--work-primary-hover:oklch(0.52 0.19 33);--work-primary-ink:oklch(0.99 0.004 40);--work-tint:oklch(0.97 0.018 40);--color-accent-primary:var(--work-primary);--color-accent-hover:var(--work-primary-hover);--color-accent-ink:var(--work-primary-ink);--color-focus-ring:var(--work-primary)}.work-primary{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background:var(--work-primary);color:var(--work-primary-ink);font-size:var(--text-sm);font-weight:500;box-shadow:inset 0 1px 0 rgb(255 255 255/.22),0 1px 2px rgb(120 30 10/.25),0 10px 24px -12px rgb(213 59 24/.6);transition:background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.work-primary:hover{background:var(--work-primary-hover)}.work-primary:active{transform:scale(.98)}.work-secondary{display:inline-flex;height:3rem;align-items:center;gap:.375rem;border-radius:9999px;padding-inline:1.5rem;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:500;box-shadow:inset 0 0 0 1px var(--color-border-strong);transition:background-color var(--duration-instant) var(--ease-standard)}.work-secondary:hover{background:var(--color-surface)}.work-footlink:focus-visible,.work-navlink:focus-visible,.work-primary:focus-visible,.work-secondary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.work-navlink{border-radius:var(--radius-sm);padding:.375rem .625rem;color:var(--color-text-muted);font-size:.8125rem;transition:color var(--duration-instant) var(--ease-standard)}.work-footlink:hover,.work-navlink:hover{color:var(--color-text-primary)}.work-footlink{transition:color var(--duration-instant) var(--ease-standard)}.work-tone-dot{background:var(--work-tone)}.work-tone-ink{color:color-mix(in oklab,var(--work-tone) 55%,var(--color-text-primary))}.work-hero{transition:--work-tone .9s var(--ease-standard)}.work-hero-light{mask-image:linear-gradient(180deg,#000 55%,transparent 96%);background:radial-gradient(55% 48% at 50% 96%,color-mix(in oklab,var(--work-tone) 22%,transparent),transparent 72%),radial-gradient(30% 22% at 50% 100%,color-mix(in oklab,var(--work-tone) 16%,transparent),transparent 80%)}.idea-line{color:color-mix(in oklab,var(--work-tone) 52%,var(--color-text-primary));transition:color .7s var(--ease-standard)}.idea-line.is-quiet{color:color-mix(in oklab,var(--color-text-primary) 42%,transparent)}.idea-in{animation:work-idea-in .76s var(--ease-standard) both}.idea-out{animation:work-idea-out .52s var(--ease-exit) both}@keyframes work-idea-in{0%{transform:translateY(.55em);opacity:0;filter:blur(6px)}}@keyframes work-idea-out{to{transform:translateY(-.45em);opacity:0;filter:blur(6px)}}.work-pip{position:relative;width:.375rem;height:.375rem;overflow:hidden;border-radius:9999px;background:color-mix(in oklab,var(--color-text-primary) 16%,transparent);transition:width var(--duration-slow) var(--ease-standard),background-color var(--duration-slow) var(--ease-standard)}.work-pip.is-up{width:1.75rem;background:color-mix(in oklab,var(--work-tone) 28%,transparent)}.work-pip.is-up:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--work-tone);transform-origin:left}.work-pip.is-timing:after{animation:work-pip-time 3.2s linear both}@keyframes work-pip-time{0%{transform:scaleX(0)}}.work-fan{--fan-w:clamp(8.5rem,21vw,19rem);--tilt:0deg;height:calc(var(--fan-w) * 1.3 + 3rem);transform:rotate(var(--tilt));transform-origin:50% calc(2.75rem + var(--fan-w) * 3.775);transition:transform 1.2s cubic-bezier(.16,.8,.24,1)}@media (max-width:639px){.work-fan{--fan-w:44vw;height:calc(var(--fan-w) * 1.12 + 3rem)}}.work-fan .fan-card{position:absolute;top:2.75rem;left:50%;width:var(--fan-w);aspect-ratio:4/3;border-radius:var(--radius-md);z-index:var(--z);transform:translate(calc(-50% + var(--fan-w) * var(--kx)),calc(var(--fan-w) * var(--ky))) rotate(var(--r)) translateY(var(--lift,0)) scale(var(--s,1));transition:transform .68s var(--ease-standard);animation:work-fan-deal .9s var(--ease-standard) backwards;animation-delay:calc(.14s + var(--d) * 70ms)}@media (hover:hover){.work-fan .fan-card{will-change:transform}}.fan-frame{overflow:hidden;box-shadow:0 1px 0 rgb(255 255 255/.5) inset,0 0 0 1px var(--color-border-hairline),0 28px 50px -26px rgb(20 10 5/.45)}.fan-card:before,.fan-frame{position:absolute;inset:0;border-radius:inherit}.fan-card:before{content:"";box-shadow:0 44px 70px -30px rgb(20 10 5/.55);opacity:.001;transition:opacity .68s var(--ease-standard)}.work-fan .fan-card[data-up]{--lift:calc(var(--fan-w) * -0.14);--s:1.06;z-index:40}.work-fan .fan-card[data-up]:before{opacity:1}@keyframes work-fan-deal{0%{transform:translate(-50%,calc(var(--fan-w) * .12)) rotate(0deg) scale(.96)}}.work-chapter{background:radial-gradient(70% 90% at 85% 50%,color-mix(in oklab,var(--work-tone) 14%,transparent),transparent 70%),color-mix(in oklab,var(--work-tone) 6%,var(--color-canvas))}.chapter-stack{--spread:0;--more:0}@media (hover:hover){.chapter-stack:hover{--more:0.18}}.chapter-card{--open:calc(var(--spread) + var(--more));--side:max(var(--at),calc(var(--at) * -1));position:absolute;top:50%;left:50%;width:64%;aspect-ratio:4/3;border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--color-border-hairline),0 30px 60px -30px rgb(20 10 5/.45);transform:translate(calc(-50% + var(--at) * 15% * var(--open)),calc(-50% + var(--side) * 5% * var(--open))) rotate(calc(var(--at) * 6deg * var(--open))) scale(calc(1 - var(--side) * .06));transition:transform .9s cubic-bezier(.16,.8,.24,1)}@media (hover:hover){.chapter-card{will-change:transform}}.craft-tile{border-radius:1.25rem;background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px var(--color-border-hairline),inset 0 1px 0 rgb(255 255 255/.8)}.craft-title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:600;letter-spacing:-.015em;line-height:1.25}.craft-text{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.craft-marquee{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.craft-track{animation:work-marquee 60s linear infinite}.craft-marquee:hover .craft-track{animation-play-state:paused}@keyframes work-marquee{to{transform:translateX(calc(-50% - .5rem))}}.craft-swatch{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:.625rem;background:var(--swatch);color:var(--swatch-ink);box-shadow:inset 0 0 0 1px rgb(0 0 0/.06);transition:flex-grow var(--duration-slow) var(--ease-standard);outline-offset:2px}.craft-swatch.is-here{box-shadow:0 0 0 2px var(--color-surface-raised),0 0 0 3.5px var(--work-primary)}.craft-swatch:focus-visible,.craft-swatch:hover{flex-grow:5}.craft-swatch:focus-visible{outline:2px solid var(--color-focus-ring)}.craft-swatch-label{position:absolute;inset:auto .75rem .75rem;display:flex;flex-direction:column;gap:.125rem;font-size:var(--text-xs);line-height:1.3;white-space:nowrap;opacity:0;transform:translateY(.375rem);transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.craft-swatch:focus-visible .craft-swatch-label,.craft-swatch:hover .craft-swatch-label{opacity:1;transform:none;transition-delay:.12s}.craft-bar{transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease-standard)}.craft-bar[data-in]{transform:scaleX(var(--to))}.cta-hand>span{transform:translateX(calc(-50% + var(--i) * 5.5rem)) rotate(calc(var(--i) * 9deg));transition:transform .9s cubic-bezier(.16,.8,.24,1)}@media (hover:hover){.cta-band:hover .cta-hand>span{transform:translateX(calc(-50% + var(--i) * 7rem)) translateY(-.75rem) rotate(calc(var(--i) * 12deg))}}@media (prefers-reduced-motion:reduce){.craft-track{animation:none}.work-fan{transform:none}}html[data-force-reduced-motion=on] .craft-track{animation:none}.hero-copy{transform:translateY(calc(var(--hero-p, 0) * -3.5rem));opacity:calc(1 - var(--hero-p, 0) * .75)}.hero-hand{transform:translateY(calc(var(--hero-p, 0) * -4rem)) scale(calc(1 + var(--hero-p, 0) * .08));transform-origin:50% 100%}@media (hover:hover){.hero-copy,.hero-hand{will-change:transform}}.work-ideas-track{padding-inline:var(--layout-margin);transform:translateX(calc(var(--ideas-p, 0) * -42%));will-change:transform}.work-idea{display:inline-flex;align-items:center;gap:.4em;color:color-mix(in oklab,var(--color-text-primary) 22%,transparent);transition:color var(--duration-slow) var(--ease-standard)}.work-idea:focus-visible,.work-idea:hover{color:color-mix(in oklab,var(--work-tone) 55%,var(--color-text-primary))}.work-idea-dot{width:.32em;height:.32em;flex-shrink:0;border-radius:9999px;background:var(--work-tone);transition:transform var(--duration-slow) var(--ease-standard)}.work-idea:focus-visible .work-idea-dot,.work-idea:hover .work-idea-dot{transform:scale(1.5)}.deck-stage{perspective:1700px;perspective-origin:50% 20%;padding-top:16%}.deck-scroll{transform-style:preserve-3d;transform:rotateX(calc(var(--hero-p, 0) * 22deg)) translateY(calc(var(--hero-p, 0) * -2rem));transform-origin:50% 100%}.deck{--lean-x:0deg;--lean-y:0deg;position:relative;width:min(100%,36rem);margin-inline:auto;aspect-ratio:4/3;transform-style:preserve-3d;transform:rotateX(calc(9deg + var(--lean-x))) rotateY(calc(-12deg + var(--lean-y)));transition:transform 1.3s cubic-bezier(.16,.8,.24,1)}.deck-card{position:absolute;inset:0;transform:translate3d(calc(var(--d) * 1.6%),calc(var(--d) * -4.4%),calc(var(--d) * -44px)) rotate(calc(var(--d) * 1.15deg));transition:transform .82s cubic-bezier(.2,.8,.2,1),opacity .5s var(--ease-standard);touch-action:pan-y;user-select:none}.deck-card.is-hidden{opacity:0;pointer-events:none}.deck-face{position:absolute;inset:0;display:block;border-radius:.875rem;transition:transform .52s var(--ease-standard)}@media (hover:hover){.deck-card:not([data-top]) .deck-face:hover{transform:translateY(-5%)}}.deck-frame{position:absolute;inset:0;overflow:hidden;border-radius:inherit;box-shadow:0 0 0 1px var(--color-border-hairline),0 1px 0 rgb(255 255 255/.5) inset,0 34px 60px -32px rgb(20 10 5/.5)}.deck-edge{position:absolute;inset:0 0 auto;height:4px;background:var(--card-tone);box-shadow:0 0 14px color-mix(in oklab,var(--card-tone) 70%,transparent)}.deck-light{background:radial-gradient(42% 52% at 72% 58%,color-mix(in oklab,var(--work-tone) 24%,transparent),transparent 72%),radial-gradient(30% 30% at 70% 88%,color-mix(in oklab,var(--work-tone) 14%,transparent),transparent 80%)}@media (max-width:1023px){.deck-light{background:radial-gradient(70% 40% at 50% 78%,color-mix(in oklab,var(--work-tone) 22%,transparent),transparent 72%)}}.deck-timer{position:relative;display:block;width:2.5rem;height:2px;overflow:hidden;border-radius:9999px;background:color-mix(in oklab,var(--color-text-primary) 12%,transparent)}.deck-timer>span{position:absolute;inset:0;background:var(--work-tone);transform:scaleX(0);transform-origin:left}.deck-timer>.is-timing{animation:work-deck-time 4.2s linear both}@keyframes work-deck-time{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.deck-scroll{transform:none}.deck{transform:rotateX(9deg) rotateY(-12deg)}}@media (max-width:639px){.deck-stage{padding-top:18%}.deck{width:86%;transform:rotateX(calc(7deg + var(--lean-x))) rotateY(calc(-5deg + var(--lean-y)))}.deck-card{transform:translate3d(calc(var(--d) * .8%),calc(var(--d) * -4%),calc(var(--d) * -36px)) rotate(calc(var(--d) * .9deg))}}