@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{white-space:nowrap;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-hue{--dot:1.125rem;--row:1.375rem;display:flex;min-height:11rem;flex-direction:column;justify-content:flex-end}.craft-hue-plot{position:relative;height:calc(var(--levels) * var(--row) + 2.75rem)}.craft-hue-dot{position:absolute;bottom:calc(var(--level) * var(--row) + .375rem);width:var(--dot);height:var(--dot);margin-left:calc(var(--dot) / -2);border-radius:9999px;cursor:default;box-shadow:0 0 0 2px var(--color-surface-raised),inset 0 0 0 1px rgb(0 0 0/.08);transition:transform var(--duration-base) var(--ease-standard)}.craft-hue-dot:hover,.craft-hue-dot[data-at]{transform:scale(1.35);z-index:1}.craft-hue-dot:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.craft-hue-band{position:absolute;top:1.5rem;bottom:0;border-radius:.5rem .5rem 0 0;background:linear-gradient(to top,color-mix(in oklab,var(--work-primary) 16%,transparent),color-mix(in oklab,var(--work-primary) 5%,transparent));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--work-primary) 14%,transparent)}.craft-hue-mark{position:absolute;top:.25rem;bottom:0;width:1px;background:linear-gradient(to bottom,var(--work-primary),color-mix(in oklab,var(--work-primary) 35%,transparent))}.craft-hue-mark:before{position:absolute;top:-.1875rem;left:-.1875rem;width:.4375rem;height:.4375rem;border-radius:9999px;background:var(--work-primary);content:""}.craft-hue-mark-label{position:absolute;top:-.4rem;left:.625rem;color:var(--work-primary);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.craft-hue-axis{height:.375rem;border-radius:9999px;background:linear-gradient(to right in oklch longer hue,oklch(.72 .15 0),oklch(.72 .15 359.9))}.craft-hue-ticks{position:relative;height:1.25rem;margin-top:.375rem}.craft-hue-ticks>span{position:absolute;color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--text-mono-xs);transform:translateX(-50%)}.craft-hue-ticks>span:first-child{transform:none}.craft-hue-ticks>span:last-child{transform:translateX(-100%)}.craft-hue-readout{display:flex;min-height:2.5rem;align-items:center;gap:.625rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-hairline);font-size:var(--text-sm)}.craft-hue-mono{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-mono-xs);white-space:nowrap}.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))}}.work-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}@media (min-width:40rem){.work-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.work-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.work-card{--card-tint:color-mix(in oklab,var(--card-tone) 10%,var(--color-canvas));--card-edge:color-mix(in oklab,var(--card-tone) 16%,transparent);position:relative;display:block;width:100%;padding:.625rem;border-radius:1.375rem;background:var(--card-tint);color:var(--color-text-primary);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px var(--card-edge),inset 0 1px 0 rgb(255 255 255/.65);transition:background-color var(--duration-slow) var(--ease-standard),box-shadow var(--duration-slow) var(--ease-standard)}.work-card:hover{--card-tint:color-mix(in oklab,var(--card-tone) 17%,var(--color-canvas));box-shadow:inset 0 0 0 1px var(--card-edge),inset 0 1px 0 rgb(255 255 255/.65),0 28px 56px -36px color-mix(in oklab,var(--card-tone) 70%,rgb(20 24 40))}.work-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.work-card-stage{position:relative;display:block;aspect-ratio:4/3}.work-card-frame,.work-card-peek{position:absolute;inset:0;overflow:hidden;border-radius:.875rem}.work-card-frame{box-shadow:0 0 0 1px rgb(20 24 40/.06),0 1px 2px rgb(20 24 40/.08);transition:transform var(--duration-slow) var(--ease-standard),box-shadow var(--duration-slow) var(--ease-standard)}.work-card-peek{opacity:.001;transform-origin:50% 100%;box-shadow:0 10px 24px -14px rgb(20 24 40/.45);transition:transform var(--duration-slow) var(--ease-standard),opacity var(--duration-slow) var(--ease-standard)}.work-card:is(:hover,:focus-visible) .work-card-frame{transform:translateY(-.375rem);box-shadow:0 0 0 1px rgb(20 24 40/.06),0 22px 40px -22px rgb(20 24 40/.55)}.work-card:is(:hover,:focus-visible) .work-card-peek{opacity:1;transform:var(--fan)}@media (hover:hover){.work-card-frame,.work-card-peek{will-change:transform}}.work-card-cap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .375rem .375rem .5rem}.work-card-title{display:block;font-size:var(--text-md);font-weight:600;letter-spacing:-.015em;line-height:1.3}.work-card-idea{display:block;margin-top:.125rem;overflow:hidden;color:color-mix(in oklab,var(--card-tone) 52%,var(--color-text-primary));font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.work-card-go{display:grid;width:2.375rem;height:2.375rem;flex:none;place-items:center;border-radius:9999px;background:oklch(1 0 0);color:var(--color-text-primary);box-shadow:0 0 0 1px var(--card-edge),0 1px 2px rgb(20 24 40/.08);transition:background-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}.work-card-go svg{transition:transform var(--duration-base) var(--ease-standard)}.work-card:is(:hover,:focus-visible) .work-card-go{background:color-mix(in oklab,var(--card-tone) 55%,var(--color-text-primary));color:oklch(1 0 0)}.work-card:is(:hover,:focus-visible) .work-card-go svg{transform:translate(1px,-1px)}.work-reel{--reel-card:clamp(16.5rem,30vw,28rem);--reel-gap:1rem;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.work-reel-track{display:flex;width:max-content;gap:var(--reel-gap);padding-block:.5rem;animation:work-marquee calc(var(--reel-n) * 5.5s) linear infinite}.work-reel:is(:hover,:has(:focus-visible)) .work-reel-track{animation-play-state:paused}.work-reel-item{width:var(--reel-card);flex:none}.work-reel-frame{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--color-border-hairline);transition:transform var(--duration-slow) var(--ease-standard),box-shadow var(--duration-slow) var(--ease-standard)}.work-reel-item button:hover .work-reel-frame{transform:translateY(-4px);box-shadow:0 0 0 1px var(--color-border-hairline),0 24px 44px -28px rgb(20 24 40/.5)}.work-reel-item button:focus-visible .work-reel-frame{outline:2px solid var(--color-focus-ring);outline-offset:4px}@media (prefers-reduced-motion:reduce){.work-reel{overflow-x:auto;mask-image:none;scroll-snap-type:x mandatory;padding-inline:var(--layout-margin)}.work-reel-track{animation:none}.work-reel-echo{display:none}.work-reel-item{scroll-snap-align:start}}html[data-force-reduced-motion=on] .work-reel-track{animation:none}.work-box{padding:.75rem;border-radius:1.75rem;background:oklch(.955 .004 248);box-shadow:inset 0 1px 0 rgb(255 255 255/.75),inset 0 0 0 1px var(--color-border-hairline),0 40px 80px -56px rgb(20 24 40/.35)}@media (min-width:48rem){.work-box{padding:1rem}}.work-box-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}@media (min-width:48rem){.work-box-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.work-box-phone,.work-box-site{grid-column:1/-1}}@media (min-width:64rem){.work-box-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.work-box-well{grid-column:span 3}.work-box-site{grid-column:span 7}.work-box-phone{grid-column:span 5}}.work-box-well{display:flex;min-height:17rem;flex-direction:column;gap:1.25rem;padding:1.25rem;border-radius:1.25rem;background:oklch(.935 .005 248);box-shadow:inset 0 2px 6px rgb(20 24 40/.07),inset 0 0 0 1px rgb(20 24 40/.04),0 1px 0 rgb(255 255 255/.7)}@media (max-width:47.999rem){.work-box-well{min-height:0}}.work-box-object{display:grid;flex:1;place-items:center}.work-box-cap{font-size:var(--text-sm);line-height:1.5}.work-box-card{border-radius:.875rem;background:oklch(1 0 0);box-shadow:0 0 0 1px var(--color-border-hairline),inset 0 1px 0 rgb(255 255 255/.9),0 1px 2px rgb(20 24 40/.06),0 16px 32px -18px rgb(20 24 40/.4)}.work-box-shot{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:.875rem;box-shadow:0 0 0 1px rgb(20 24 40/.08),0 22px 44px -24px rgb(20 24 40/.55)}.work-box-site .work-box-shot{aspect-ratio:16/10}@media (min-width:64rem){.work-box-phone .work-box-object{place-items:stretch}.work-box-phone .work-box-shot{height:100%;aspect-ratio:auto}.work-box-well:not(.work-box-site,.work-box-phone) .work-box-object{height:13.5rem;flex:none}}.work-box-live{position:absolute;top:.875rem;left:.875rem;display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .625rem;border-radius:9999px;background:oklch(1 0 0/.92);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:500;box-shadow:0 0 0 1px rgb(20 24 40/.06),0 6px 16px -8px rgb(20 24 40/.4)}.work-box-live-dot{display:inline-block;width:.4375rem;height:.4375rem;border-radius:9999px;background:oklch(.65 .16 150);box-shadow:0 0 0 3px oklch(.65 .16 150/.18)}.work-box-live-dot.is-launch{background:var(--work-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--work-primary) 18%,transparent)}.work-box-tree{margin:0;padding:1rem 1.25rem;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-mono-xs);line-height:1.8;white-space:pre}.work-box-report{position:relative;display:grid;width:9.5rem;justify-items:center;gap:.5rem;padding:1.125rem 1rem 1rem}.work-box-report-n{position:absolute;top:2.375rem;left:50%;color:var(--color-text-primary);font-size:1.375rem;font-weight:600;letter-spacing:-.03em;transform:translateX(-50%)}.work-box-rounds{display:grid;width:min(100%,13rem);gap:.5rem;padding:.875rem}.work-box-url{padding:.375rem .625rem;border-radius:9999px;background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-mono-xs);text-align:center}.work-box-round{display:flex;align-items:center;justify-content:space-between;padding:.5rem .25rem .25rem;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:500}.work-box-round+.work-box-round{border-top:1px solid var(--color-border-hairline);padding-top:.625rem}.work-box-check{display:grid;width:1.25rem;height:1.25rem;place-items:center;border-radius:9999px;background:oklch(.95 .05 155);color:oklch(.45 .12 155)}.work-box-days{display:grid;gap:.75rem;padding:.875rem}.work-box-days-head{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-primary);font-size:var(--text-xs);font-weight:500}.work-box-days-grid{display:grid;grid-template-columns:repeat(7,1.5rem);gap:.25rem}.work-box-days-grid>span{display:grid;height:1.5rem;place-items:center;border-radius:.375rem;background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.625rem;font-variant-numeric:tabular-nums}.work-box-days-grid>span.is-first{background:var(--work-primary);color:var(--work-primary-ink)}.spectrum-track{position:relative;height:calc(100svh + 170vh)}.spectrum-track.is-still{height:auto}.spectrum-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(70% 60% at 50% 52%,color-mix(in oklab,var(--work-tone) 14%,oklch(.16 .01 260)),oklch(.13 .008 260) 70%);transition:--work-tone .9s var(--ease-standard)}.spectrum-track.is-still .spectrum-stage{position:relative}.spectrum-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.spectrum-shot{position:absolute;z-index:2;overflow:hidden;border-radius:.375rem;opacity:0;box-shadow:0 50px 100px -40px rgb(0 0 0/.8)}.spectrum-shot:has(:focus-visible){outline:2px solid white;outline-offset:4px}.spectrum-stage.is-flat .spectrum-shot{top:50%;left:50%;width:min(calc(100% - 40px),72%,calc((100svh - 180px) * 4 / 3));aspect-ratio:4/3;opacity:1;transform:translate(-50%,-50%)}.spectrum-arrange{position:absolute;z-index:3;top:5.25rem;left:var(--layout-margin);border-color:rgb(255 255 255/.25);background:transparent;color:rgb(255 255 255/.6)}.loupe-track{position:relative;height:calc(100svh + var(--run))}.loupe-track,.relief-track{margin-bottom:clamp(4rem,2rem + 6vw,8rem)}.loupe-track.is-still{height:auto}.loupe-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--color-canvas)}.loupe-track.is-still .loupe-stage{position:relative}.loupe-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:zoom-in;touch-action:pan-y}.loupe-head{position:absolute;z-index:3;top:6.5rem;right:var(--layout-margin);left:var(--layout-margin);pointer-events:none}.loupe-title{color:var(--color-text-primary);font-size:var(--text-display-md);font-weight:600;letter-spacing:-.03em;line-height:1}.loupe-hint{margin-top:.75rem;color:var(--color-text-muted);font-size:var(--text-sm)}.loupe-foot{position:absolute;z-index:3;right:var(--layout-margin);bottom:2.25rem;left:var(--layout-margin);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.loupe-now{display:flex;min-width:0;align-items:baseline;gap:.75rem;font-size:var(--text-md);animation:loupe-in .5s var(--ease-standard)}@keyframes loupe-in{0%{opacity:0;transform:translateY(.75rem)}}.loupe-idea{overflow:hidden;color:color-mix(in oklab,var(--work-tone) 55%,var(--color-text-primary));text-overflow:ellipsis;white-space:nowrap}.loupe-flat{position:absolute;top:50%;right:var(--layout-margin);left:var(--layout-margin);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;transform:translateY(-40%)}.loupe-flat-card{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:1rem;cursor:pointer;box-shadow:0 0 0 1px var(--color-border-hairline),0 24px 44px -28px rgb(20 24 40/.5)}.loupe-flat-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}@media (max-width:47.999rem){.loupe-flat{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.loupe-now{animation:none}}.relief-track{position:relative;height:calc(100svh + 130vh)}.relief-track.is-still{height:auto}.relief-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:oklch(.13 .004 60)}.relief-track.is-still .relief-stage{position:relative}.relief-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.relief-flat{position:absolute;top:50%;left:50%;width:min(calc(100% - 48px),62%,calc((100svh - 200px) * 4 / 3));aspect-ratio:4/3;overflow:hidden;transform:translate(-50%,-50%)}.relief-tags{position:absolute;z-index:3;top:5.25rem;left:var(--layout-margin);display:flex;gap:.5rem}.relief-tag{padding:.25rem .75rem;border:1px dashed rgb(255 255 255/.25);border-radius:9999px;color:rgb(255 255 255/.6);font-family:var(--font-mono);font-size:var(--text-mono-xs)}.relief-arrange{border-color:rgb(255 255 255/.25);background:transparent;color:rgb(255 255 255/.6)}.relief-open{position:absolute;z-index:3;bottom:2rem;left:50%;padding:.5rem 1rem;border-radius:9999px;color:rgb(255 255 255/.62);font-size:var(--text-sm);cursor:pointer;box-shadow:inset 0 0 0 1px rgb(255 255 255/.18);transform:translateX(-50%);transition:color var(--duration-instant) var(--ease-standard),background-color var(--duration-instant) var(--ease-standard)}.relief-open:hover{background:rgb(255 255 255/.06);color:white}.relief-open:focus-visible{outline:2px solid white;outline-offset:2px}