:root{--page-bg:#f4f2ef;--text:#1a1a1a;--date:var(--neutral-020);--accent:#f7452a;--mail-bg:#fbfaf9;--lock-bg:#fdd4ce;--pulse-bg:#ced8fd;--neutral-020:#404040;--neutral-070:#c0b8a5;--neutral-090:#eeece7;--neutral-100:#fff;--lane:#d5d0c3;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--underline-trace-ms:.7s;--page-pad:32px;--radius-media:4px;--page-bar-control:30px;--page-bar-inset:12px;--page-bar-fade:110px;--page-bar-h:calc(var(--page-pad) + env(safe-area-inset-top,0px) + var(--page-bar-control) + var(--page-bar-inset) + var(--page-bar-fade))}@font-face{font-family:Satoshi Variable;src:url(/fonts/Satoshi-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Satoshi Variable,sans-serif;font-size:18px;line-height:1.4}.board{perspective:900px;min-height:100dvh;transition:background-color .4s var(--ease-out);grid-template:".copy mail""a copy."1fr"lock load pulse"/207px minmax(0,1fr) 207px;gap:32px;padding:32px;display:grid;position:relative}.copy{grid-area:copy;place-self:center;max-width:430px;display:grid}.copy-layer[data-copy=idle]{flex-direction:column;gap:24px;display:flex}.copy-layer{transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);opacity:0;pointer-events:none;grid-area:1/1;align-self:center;transform:translateY(8px)}.copy-layer[data-active=true]{opacity:1;pointer-events:auto;z-index:1;transform:translateY(0)}.date{color:var(--date)}.title{font-size:18px;font-weight:450}.copy a{color:var(--accent)}.squiggle-link{color:inherit;outline-offset:2px;text-decoration:none;display:inline-block;position:relative}.squiggle-link:focus-visible{outline:2px solid var(--accent)}.squiggle-link-label{z-index:1;position:relative}.underline-mark{pointer-events:none;inset-inline:0;width:100%;height:.45em;position:absolute;bottom:-.15em;overflow:visible}.underline-mark [data-underline-stroke]{stroke-dasharray:1 2;stroke-dashoffset:1px;transition:stroke-dashoffset var(--underline-trace-ms) var(--ease-out)}.squiggle-link:focus-visible .underline-mark [data-underline-stroke],.squiggle-link[aria-pressed=true] .underline-mark [data-underline-stroke]{stroke-dashoffset:0}.clip[data-area=a]{grid-area:a;place-self:end start}.clip[data-area=a] .clip-face{background:var(--accent)}.clip[data-area=mail]{grid-area:mail;justify-self:end}.clip[data-area=mail] .clip-face{background:var(--mail-bg)}.clip[data-area=lock]{grid-area:lock;justify-self:start}.clip[data-area=lock] .clip-face{background:var(--lock-bg)}.clip[data-area=load]{grid-area:load;justify-self:center}.clip[data-area=pulse]{grid-area:pulse;justify-self:end}.clip[data-area=pulse] .clip-face{background:var(--pulse-bg)}@property --peel-t{syntax:"<number>";inherits:true;initial-value:0}.clip{z-index:1;aspect-ratio:207/154;width:207px;box-shadow:none;cursor:grab;transform-style:preserve-3d;--peel-t:0;--peel-span:100%;--peel-hinge:calc(var(--peel-t) * var(--peel-span));--peel-angle:calc(var(--peel-t) * 165deg);--grab-x:50%;--grab-y:50%;transform-origin:var(--grab-x) var(--grab-y);transition:--peel-t .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:visible}.clip[data-peel=left],.clip[data-peel=right],.clip[data-peel=top],.clip[data-peel=bottom]{--peel-span:100%}.clip-scene{width:100%;height:100%;transform-style:preserve-3d;display:block;position:relative;overflow:visible}.clip-remain,.clip-flap,.clip-flap-front,.clip-flap-back{width:100%;height:100%;display:block}.clip-remain{z-index:1;position:relative}.clip-flap{z-index:2;pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0}.clip:not([data-peel]) .clip-flap{visibility:hidden}.clip[data-peel] .clip-flap{visibility:visible}.clip-flap-front,.clip-flap-back{backface-visibility:hidden;position:absolute;inset:0}.clip-flap-back{border-radius:var(--radius-media);background:linear-gradient(135deg, var(--neutral-100) 42%, var(--neutral-090) 52%, var(--neutral-100) 58%)}.clip-body{box-sizing:border-box;background:var(--neutral-100);border-radius:var(--radius-media);width:100%;height:100%;padding:6px;display:block}.clip[data-folding=true]{cursor:grabbing;transition:none}.clip[data-hanging=true]{cursor:grabbing;transform-origin:var(--grab-x) var(--grab-y);transition:--peel-t .22s cubic-bezier(.16,1,.3,1)}.clip[data-peel=top-left] .clip-remain{clip-path:polygon(var(--peel-hinge) 0, 100% 0, 100% 100%, 0 100%, 0 var(--peel-hinge));-webkit-clip-path:polygon(var(--peel-hinge) 0, 100% 0, 100% 100%, 0 100%, 0 var(--peel-hinge))}.clip[data-peel=top-left] .clip-flap{clip-path:polygon(0 0, var(--peel-hinge) 0, 0 var(--peel-hinge));-webkit-clip-path:polygon(0 0, var(--peel-hinge) 0, 0 var(--peel-hinge));transform-origin:calc(var(--peel-hinge) / 2) calc(var(--peel-hinge) / 2);transform:rotate3d(-207, 154, 0, var(--peel-angle))}.clip[data-peel=top-left] .clip-flap-front{clip-path:polygon(0 0, var(--peel-hinge) 0, 0 var(--peel-hinge));-webkit-clip-path:polygon(0 0, var(--peel-hinge) 0, 0 var(--peel-hinge))}.clip[data-peel=top-right] .clip-remain{clip-path:polygon(0 0, calc(100% - var(--peel-hinge)) 0, 100% var(--peel-hinge), 100% 100%, 0 100%);-webkit-clip-path:polygon(0 0, calc(100% - var(--peel-hinge)) 0, 100% var(--peel-hinge), 100% 100%, 0 100%)}.clip[data-peel=top-right] .clip-flap{clip-path:polygon(calc(100% - var(--peel-hinge)) 0, 100% 0, 100% var(--peel-hinge));-webkit-clip-path:polygon(calc(100% - var(--peel-hinge)) 0, 100% 0, 100% var(--peel-hinge));transform-origin:calc(100% - var(--peel-hinge) / 2) calc(var(--peel-hinge) / 2);transform:rotate3d(207, 154, 0, var(--peel-angle))}.clip[data-peel=top-right] .clip-flap-front{clip-path:polygon(calc(100% - var(--peel-hinge)) 0, 100% 0, 100% var(--peel-hinge));-webkit-clip-path:polygon(calc(100% - var(--peel-hinge)) 0, 100% 0, 100% var(--peel-hinge))}.clip[data-peel=bottom-left] .clip-remain{clip-path:polygon(0 0, 100% 0, 100% 100%, var(--peel-hinge) 100%, 0 calc(100% - var(--peel-hinge)));-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, var(--peel-hinge) 100%, 0 calc(100% - var(--peel-hinge)))}.clip[data-peel=bottom-left] .clip-flap{clip-path:polygon(0 calc(100% - var(--peel-hinge)), var(--peel-hinge) 100%, 0 100%);-webkit-clip-path:polygon(0 calc(100% - var(--peel-hinge)), var(--peel-hinge) 100%, 0 100%);transform-origin:calc(var(--peel-hinge) / 2) calc(100% - var(--peel-hinge) / 2);transform:rotate3d(207, 154, 0, var(--peel-angle))}.clip[data-peel=bottom-left] .clip-flap-front{clip-path:polygon(0 calc(100% - var(--peel-hinge)), var(--peel-hinge) 100%, 0 100%);-webkit-clip-path:polygon(0 calc(100% - var(--peel-hinge)), var(--peel-hinge) 100%, 0 100%)}.clip[data-peel=bottom-right] .clip-remain{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--peel-hinge)), calc(100% - var(--peel-hinge)) 100%, 0 100%);-webkit-clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--peel-hinge)), calc(100% - var(--peel-hinge)) 100%, 0 100%)}.clip[data-peel=bottom-right] .clip-flap{clip-path:polygon(100% calc(100% - var(--peel-hinge)), 100% 100%, calc(100% - var(--peel-hinge)) 100%);-webkit-clip-path:polygon(100% calc(100% - var(--peel-hinge)), 100% 100%, calc(100% - var(--peel-hinge)) 100%);transform-origin:calc(100% - var(--peel-hinge) / 2) calc(100% - var(--peel-hinge) / 2);transform:rotate3d(-207, 154, 0, var(--peel-angle))}.clip[data-peel=bottom-right] .clip-flap-front{clip-path:polygon(100% calc(100% - var(--peel-hinge)), 100% 100%, calc(100% - var(--peel-hinge)) 100%);-webkit-clip-path:polygon(100% calc(100% - var(--peel-hinge)), 100% 100%, calc(100% - var(--peel-hinge)) 100%)}.clip[data-peel=left] .clip-remain{clip-path:polygon(var(--peel-hinge) 0, 100% 0, 100% 100%, var(--peel-hinge) 100%);-webkit-clip-path:polygon(var(--peel-hinge) 0, 100% 0, 100% 100%, var(--peel-hinge) 100%)}.clip[data-peel=left] .clip-flap{clip-path:polygon(0 0, var(--peel-hinge) 0, var(--peel-hinge) 100%, 0 100%);-webkit-clip-path:polygon(0 0, var(--peel-hinge) 0, var(--peel-hinge) 100%, 0 100%);transform-origin:var(--peel-hinge) 50%;transform:rotateY(calc(var(--peel-angle) * -1))}.clip[data-peel=left] .clip-flap-front{clip-path:polygon(0 0, var(--peel-hinge) 0, var(--peel-hinge) 100%, 0 100%);-webkit-clip-path:polygon(0 0, var(--peel-hinge) 0, var(--peel-hinge) 100%, 0 100%)}.clip[data-peel=right] .clip-remain{clip-path:polygon(0 0, calc(100% - var(--peel-hinge)) 0, calc(100% - var(--peel-hinge)) 100%, 0 100%);-webkit-clip-path:polygon(0 0, calc(100% - var(--peel-hinge)) 0, calc(100% - var(--peel-hinge)) 100%, 0 100%)}.clip[data-peel=right] .clip-flap{clip-path:polygon(calc(100% - var(--peel-hinge)) 0, 100% 0, 100% 100%, calc(100% - var(--peel-hinge)) 100%);-webkit-clip-path:polygon(calc(100% - var(--peel-hinge)) 0, 100% 0, 100% 100%, calc(100% - var(--peel-hinge)) 100%);transform-origin:calc(100% - var(--peel-hinge)) 50%;transform:rotateY(var(--peel-angle))}.clip[data-peel=right] .clip-flap-front{clip-path:polygon(calc(100% - var(--peel-hinge)) 0, 100% 0, 100% 100%, calc(100% - var(--peel-hinge)) 100%);-webkit-clip-path:polygon(calc(100% - var(--peel-hinge)) 0, 100% 0, 100% 100%, calc(100% - var(--peel-hinge)) 100%)}.clip[data-peel=top] .clip-remain{clip-path:polygon(0 var(--peel-hinge), 100% var(--peel-hinge), 100% 100%, 0 100%);-webkit-clip-path:polygon(0 var(--peel-hinge), 100% var(--peel-hinge), 100% 100%, 0 100%)}.clip[data-peel=top] .clip-flap{clip-path:polygon(0 0, 100% 0, 100% var(--peel-hinge), 0 var(--peel-hinge));-webkit-clip-path:polygon(0 0, 100% 0, 100% var(--peel-hinge), 0 var(--peel-hinge));transform-origin:50% var(--peel-hinge);transform:rotateX(var(--peel-angle))}.clip[data-peel=top] .clip-flap-front{clip-path:polygon(0 0, 100% 0, 100% var(--peel-hinge), 0 var(--peel-hinge));-webkit-clip-path:polygon(0 0, 100% 0, 100% var(--peel-hinge), 0 var(--peel-hinge))}.clip[data-peel=bottom] .clip-remain{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--peel-hinge)), 0 calc(100% - var(--peel-hinge)));-webkit-clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--peel-hinge)), 0 calc(100% - var(--peel-hinge)))}.clip[data-peel=bottom] .clip-flap{clip-path:polygon(0 calc(100% - var(--peel-hinge)), 100% calc(100% - var(--peel-hinge)), 100% 100%, 0 100%);-webkit-clip-path:polygon(0 calc(100% - var(--peel-hinge)), 100% calc(100% - var(--peel-hinge)), 100% 100%, 0 100%);transform-origin:50% calc(100% - var(--peel-hinge));transform:rotateX(calc(var(--peel-angle) * -1))}.clip[data-peel=bottom] .clip-flap-front{clip-path:polygon(0 calc(100% - var(--peel-hinge)), 100% calc(100% - var(--peel-hinge)), 100% 100%, 0 100%);-webkit-clip-path:polygon(0 calc(100% - var(--peel-hinge)), 100% calc(100% - var(--peel-hinge)), 100% 100%, 0 100%)}.clip[data-peel=left] .clip-flap-back{clip-path:polygon(0 0, var(--peel-hinge) 0, var(--peel-hinge) 100%, 0 100%);-webkit-clip-path:polygon(0 0, var(--peel-hinge) 0, var(--peel-hinge) 100%, 0 100%);transform:rotateY(180deg)}.clip[data-peel=right] .clip-flap-back{clip-path:polygon(calc(100% - var(--peel-hinge)) 0, 100% 0, 100% 100%, calc(100% - var(--peel-hinge)) 100%);-webkit-clip-path:polygon(calc(100% - var(--peel-hinge)) 0, 100% 0, 100% 100%, calc(100% - var(--peel-hinge)) 100%);transform:rotateY(180deg)}.clip[data-peel=top] .clip-flap-back{clip-path:polygon(0 0, 100% 0, 100% var(--peel-hinge), 0 var(--peel-hinge));-webkit-clip-path:polygon(0 0, 100% 0, 100% var(--peel-hinge), 0 var(--peel-hinge));transform:rotateX(180deg)}.clip[data-peel=bottom] .clip-flap-back{clip-path:polygon(0 calc(100% - var(--peel-hinge)), 100% calc(100% - var(--peel-hinge)), 100% 100%, 0 100%);-webkit-clip-path:polygon(0 calc(100% - var(--peel-hinge)), 100% calc(100% - var(--peel-hinge)), 100% 100%, 0 100%);transform:rotateX(180deg)}.clip[data-peel=top-left] .clip-flap-back{clip-path:polygon(0 0, var(--peel-hinge) 0, 0 var(--peel-hinge));-webkit-clip-path:polygon(0 0, var(--peel-hinge) 0, 0 var(--peel-hinge));transform:rotate3d(-207,154,0,180deg)}.clip[data-peel=top-right] .clip-flap-back{clip-path:polygon(calc(100% - var(--peel-hinge)) 0, 100% 0, 100% var(--peel-hinge));-webkit-clip-path:polygon(calc(100% - var(--peel-hinge)) 0, 100% 0, 100% var(--peel-hinge));transform:rotate3d(207,154,0,180deg)}.clip[data-peel=bottom-left] .clip-flap-back{clip-path:polygon(0 calc(100% - var(--peel-hinge)), var(--peel-hinge) 100%, 0 100%);-webkit-clip-path:polygon(0 calc(100% - var(--peel-hinge)), var(--peel-hinge) 100%, 0 100%);transform:rotate3d(207,154,0,180deg)}.clip[data-peel=bottom-right] .clip-flap-back{clip-path:polygon(100% calc(100% - var(--peel-hinge)), 100% 100%, calc(100% - var(--peel-hinge)) 100%);-webkit-clip-path:polygon(100% calc(100% - var(--peel-hinge)), 100% 100%, calc(100% - var(--peel-hinge)) 100%);transform:rotate3d(-207,154,0,180deg)}.clip[data-hanging=true] .clip-remain,.clip[data-hanging=true] .clip-flap-back{visibility:hidden}.clip[data-hanging=true] .clip-flap{clip-path:none;transform:none}.clip[data-hanging=true] .clip-flap-front{clip-path:none;backface-visibility:visible;transform:none}.clip[data-dragging]{touch-action:none;will-change:transform}.clip[data-dragging=true]{cursor:grabbing;box-shadow:0 16px 32px color-mix(in srgb, var(--neutral-070) 62%, transparent)}.clip[data-dragging=false]{cursor:grab;box-shadow:none;touch-action:auto;will-change:auto}.clip-face{border-radius:2px;width:100%;height:100%;transition:filter .15s;display:block;overflow:hidden}a.clip{color:inherit;text-decoration:none}.board[data-hover] .clip-face{filter:grayscale()}.board[data-hover=a] .clip[data-area=a] .clip-face,.board[data-hover=mail] .clip[data-area=mail] .clip-face,.board[data-hover=lock] .clip[data-area=lock] .clip-face,.board[data-hover=load] .clip[data-area=load] .clip-face,.board[data-hover=pulse] .clip[data-area=pulse] .clip-face{filter:none}.clip video{object-fit:cover;width:100%;height:100%;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.copy{animation:fadeIn .2s var(--ease-out) both}.clip{animation:fadeIn .2s var(--ease-out)}html[data-home-landing] .board:not([data-landing]) .copy,html[data-home-landing] .board:not([data-landing]) .clip{opacity:0}.board[data-landing] .copy,.board[data-landing] .clip{animation:none}.board[data-landing=stack] .copy,.board[data-landing=fan] .copy,.board[data-landing=distribute] .copy{opacity:0;pointer-events:none}.board[data-landing=stack] .clip{opacity:0}.board[data-landing]:not([data-landing=done]) .clip{pointer-events:none;will-change:transform, opacity}.clip[data-area=a]{animation-delay:0s}.clip[data-area=mail]{animation-delay:50ms}.clip[data-area=lock]{animation-delay:.1s}.clip[data-area=load]{animation-delay:.15s}.clip[data-area=pulse]{animation-delay:.2s}.board-timer{z-index:2;align-items:center;height:154px;display:flex;position:absolute;top:32px;left:50%;transform:translate(-50%)}.board-timer-stage{display:grid}.board-timer-layer{transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);opacity:0;pointer-events:none;grid-area:1/1;transform:translateY(8px)}.board-timer-layer[data-active=true]{opacity:1;pointer-events:auto;transform:translateY(0)}@media (max-width:720px){.board{grid-template-columns:120px minmax(0,1fr) 120px;gap:16px;padding:16px}.clip{width:120px}.board-timer{height:89.2754px;top:16px}}@media (max-width:479px){.board{grid-template:auto/1fr;align-content:start;gap:32px;padding:32px}.copy{grid-area:1;align-self:start;width:100%;max-width:none}.clip{width:100%}.clip[data-area=mail]{grid-area:2}.clip[data-area=lock]{grid-area:3}.clip[data-area=a]{grid-area:4;align-self:auto}.clip[data-area=load]{grid-area:5}.clip[data-area=pulse]{grid-area:6}.board-timer{height:auto;top:32px}}@media (prefers-reduced-motion:reduce){.clip[data-dragging=true]{box-shadow:none}.clip{transition:none}.clip-flap{transform:none}.copy,.clip{animation:fade .2s var(--ease-out) both;transform:translateY(0)}.copy-layer,.board-timer-layer,.board[data-landing] .copy,.board[data-landing] .clip{transform:none}@keyframes fade{0%{opacity:0}to{opacity:1}}}.page-bar{z-index:3;pointer-events:none;background:color-mix(in srgb, var(--page-bg) 38%, transparent);-webkit-backdrop-filter:blur(40px)saturate(1.2);backdrop-filter:blur(40px)saturate(1.2);margin-inline:-32px;margin-top:calc(var(--page-pad) - var(--page-bar-inset));padding-inline:32px;padding-top:calc(var(--page-bar-inset) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--page-bar-inset) + var(--page-bar-fade));position:sticky;top:0;-webkit-mask-image:linear-gradient(#000 0% 22%,#0009 48%,#0003 75%,#0000 100%);mask-image:linear-gradient(#000 0% 22%,#0009 48%,#0003 75%,#0000 100%)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.page-bar{background:var(--page-bg)}}.craft{padding:0 32px 32px;display:flow-root}.craft-back{width:fit-content;color:inherit;pointer-events:auto;border-radius:4px;align-items:center;gap:4px;padding:4px 12px 4px 1px;text-decoration:none;transition:background-color .15s;display:flex}button.craft-back{font:inherit;cursor:pointer;background:0 0;border:0}.craft-back:not(:has(.craft-back-icon)){padding-left:12px}.craft-back-icon{flex-shrink:0;width:20px;height:20px;display:block;overflow:clip}.craft-back img{width:20px;height:20px;display:block}.craft-bento,.fragments-error,.fragments-columns{--cols:1;--gap:32px;--card-h:calc((100cqi - (var(--cols) - 1) * var(--gap)) / var(--cols) * 154 / 207);margin-top:max(32px, calc(100dvh - var(--page-bar-h) - var(--card-h) - var(--gap) - (var(--card-h) / 4)));container-type:inline-size}.craft-bento{gap:var(--gap);grid-template-columns:minmax(0,1fr);display:grid}.craft-intro{color:var(--neutral-020);text-align:center;align-self:center;font-size:18px}.craft-card{aspect-ratio:207/154;border-radius:var(--radius-media);color:inherit;text-decoration:none;position:relative;overflow:hidden}.craft-card-meta{pointer-events:none;z-index:1;flex-wrap:wrap;place-content:flex-start space-between;align-items:flex-start;display:flex;position:absolute;inset:12px}.craft-card-title{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;min-width:0;overflow:hidden}.craft-card-date{flex-shrink:0}.craft-card video,.craft-card img{object-fit:cover;width:100%;height:100%;display:block}.craft-card[data-kind=photo],.craft-card[data-kind=project]{color:#fff}.craft-card[data-kind=photo] [data-ink=dark],.craft-card[data-kind=project] [data-ink=dark]{color:#000}.craft-card[data-kind=photo] [data-ink=light],.craft-card[data-kind=project] [data-ink=light]{color:#fff}.craft-card[data-area=a]{background:var(--accent)}.craft-card[data-area=mail]{background:var(--mail-bg)}.craft-card[data-area=lock]{background:var(--lock-bg)}.craft-card[data-area=pulse]{background:var(--pulse-bg)}button.craft-card{font:inherit;color:inherit;text-align:inherit;cursor:pointer;border:0;width:100%;padding:0}html[data-overlay-open],html[data-overlay-open] body{overscroll-behavior:none;touch-action:none;overflow:hidden}.craft-overlay{z-index:40;background:color-mix(in srgb, var(--neutral-100) 90%, transparent);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);width:100vw;height:100svh;max-height:100svh;color:var(--text);touch-action:auto;overscroll-behavior:none;animation:overlay-in .28s var(--ease-out);flex-direction:column;gap:16px;padding:32px;display:flex;position:fixed;inset:0;overflow:hidden}.craft-overlay-frame{touch-action:pan-y;flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;height:100%;min-height:0;display:grid}.craft-overlay[data-layout=empty] .craft-overlay-frame{grid-template-columns:minmax(0,1fr)}.craft-overlay-chrome{flex-shrink:0;grid-column:1;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;display:flex}.craft-overlay-chrome .craft-back{touch-action:manipulation;position:relative}.craft-overlay-chrome .craft-back:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:-11px;transform:translateY(-50%)}.craft-overlay-chrome .craft-back-icon{pointer-events:none}.craft-overlay-date{min-width:0;color:var(--date);text-align:right;flex-shrink:1;margin-left:auto}.craft-overlay-stage{width:100%;min-width:0;height:100%;min-height:0;padding:var(--page-pad);border-radius:var(--radius-media);background:color-mix(in srgb, var(--neutral-090) 90%, transparent);cursor:pointer;border:0;grid-column:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.craft-overlay-stage img{width:min(100%, calc(var(--still-w) * var(--still-scale)));height:min(100%, calc(var(--still-h) * var(--still-scale)));max-width:min(100%, calc(var(--still-w) * var(--still-scale)));max-height:min(100%, calc(var(--still-h) * var(--still-scale)));object-fit:contain;border-radius:var(--radius-media);display:block}.craft-overlay-stage video{object-fit:contain;border-radius:var(--radius-media);width:auto;max-width:100%;height:100%;max-height:100%;display:block}.craft-overlay-ring{pointer-events:none;width:32px;height:32px;position:absolute;bottom:12px;right:12px}.craft-overlay-ring svg{width:32px;height:32px;display:block}.craft-overlay-ring-track{fill:none;stroke-width:2px;stroke:color-mix(in srgb, var(--neutral-100) 60%, transparent)}.craft-overlay-ring-progress{fill:none;stroke-width:2px;stroke:var(--neutral-100);stroke-dasharray:100;stroke-dashoffset:100px;transform-origin:50%;animation:7s linear forwards overlay-ring-progress;transform:rotate(-90deg)}.craft-overlay-ring[data-autoplay=paused] .craft-overlay-ring-progress{animation-play-state:paused}.craft-overlay-ring[data-autoplay=stopped] .craft-overlay-ring-progress{animation:none}.craft-overlay-rail{flex-direction:column;gap:24px;min-width:0;display:flex}.craft-overlay-description{color:var(--neutral-020);flex-direction:column;gap:1.4em;display:flex}.craft-overlay-description a{color:var(--accent)}.craft-overlay-gallery{margin-top:auto;margin-right:calc(-1 * var(--page-pad));scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding-inline-end:var(--page-pad);display:flex;position:relative;overflow:auto hidden}.craft-overlay-gallery::-webkit-scrollbar{height:0;display:none}.craft-overlay-thumb{border-radius:var(--radius-media);cursor:pointer;opacity:.8;background:0 0;border:0;outline:none;flex:none;width:72px;height:54px;padding:0;overflow:hidden}.craft-overlay-thumb:focus,.craft-overlay-thumb:focus-visible{outline:none}.craft-overlay-thumb img,.craft-overlay-thumb video{object-fit:cover;width:100%;height:100%;display:block}.craft-overlay-thumb[data-active=true]{opacity:1}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-ring-progress{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@media (max-width:767px){.craft-overlay{width:100vw;height:100svh;max-height:100svh;padding:16px;padding-top:max(16px, env(safe-area-inset-top,0px));padding-bottom:max(16px, env(safe-area-inset-bottom,0px));background:var(--page-bg);overflow:hidden}.craft-overlay-frame{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;grid-template-rows:auto;grid-template-areas:"stage""gallery""description";align-content:start;min-height:0;overflow:hidden auto}.craft-overlay-rail{display:contents}.craft-overlay-chrome{flex-wrap:nowrap;align-items:flex-start}.craft-overlay-chrome .craft-back{white-space:normal;flex:auto;width:auto;min-width:0;padding-top:4px;line-height:1.4}.craft-overlay-date{white-space:nowrap;flex-shrink:0;align-self:flex-start;width:auto;margin-left:auto;padding-top:4px;line-height:1.4}.craft-overlay-stage{grid-area:stage;height:auto;overflow:visible}.craft-overlay-stage img{width:min(100%, calc(var(--still-w) * var(--still-scale)));height:auto;max-width:min(100%, calc(var(--still-w) * var(--still-scale)));object-fit:contain;margin-inline:auto}.craft-overlay-stage video{object-fit:contain;width:100%;height:auto}.craft-overlay-gallery{order:1;grid-area:gallery;margin-right:-16px;padding-right:16px}.craft-overlay-description{order:2;grid-area:description}}@media (min-width:768px){.craft-overlay-date{white-space:nowrap;flex-shrink:0}.craft-overlay[data-layout=filled]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(12rem,20rem);gap:16px 32px;display:grid}.craft-overlay[data-layout=filled] .craft-overlay-chrome{grid-area:1/1}.craft-overlay[data-layout=filled] .craft-overlay-frame{grid-area:2/1/auto/-1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(12rem,20rem);column-gap:32px;min-height:0}.craft-overlay[data-layout=filled] .craft-overlay-rail{grid-area:1/2;height:100%;min-height:0;padding-top:32px;padding-bottom:0}.craft-overlay-description{order:-1}}@media (prefers-reduced-motion:reduce){.craft-overlay-ring-progress{animation:none}}@media (min-width:720px){.craft-bento,.fragments-error,.fragments-columns{--cols:3}.craft-bento{grid-template-columns:repeat(3,minmax(0,1fr))}.craft-intro{grid-area:1/2}.craft-card-title{text-overflow:clip;white-space:normal;overflow:visible}}.fragments-lane-grip{top:50%;left:var(--fragments-lane-pointer,50%);background:var(--neutral-070);opacity:0;pointer-events:none;width:28px;height:4px;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);border-radius:999px;margin:-2px 0 0 -14px;transition-delay:60ms;position:absolute;transform:scale(.96)}.fragments-lane-tip{left:var(--fragments-lane-pointer,50%);z-index:5;background:var(--text);color:#fff;letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);border-radius:8px;padding:6px 10px;font-size:12px;line-height:1.2;transition-delay:0s;position:absolute;top:calc(100% - 2px);transform:translate(-50%)translate(8px)}@media (hover:hover) and (pointer:fine){.craft-back:hover{background:var(--neutral-090)}.squiggle-link:hover .underline-mark [data-underline-stroke]{stroke-dashoffset:0}.fragments-lane:hover:before{background:var(--neutral-070)}.fragments-lane:hover .fragments-lane-grip,.fragments-lane:focus-visible .fragments-lane-grip{opacity:1;transition-delay:40ms;transform:none}}.fragments{min-height:100dvh;padding:0 32px 32px;display:flow-root}.fragments-essay-column,.fragments-note-column{flex-direction:column;align-items:center;display:flex}.fragments-reading{flex-direction:column;gap:103px;width:100%;max-width:620px;display:flex}.fragments-intro,.fragments-essay,.fragments-note,.fragments-error{width:100%;max-width:620px}.fragments-intro{color:var(--date);flex-direction:column;gap:1.4em;display:flex}.fragments-byline{margin-bottom:24px}.fragments-section+.fragments-section{margin-top:48px}.fragments-section h2{margin-bottom:0}.fragments-section p{color:var(--date);margin-bottom:1.4em}.fragments-phrase{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.fragments-error{color:var(--date)}.fragments-note h2{margin-bottom:0}.fragments-note-body{color:var(--date);white-space:pre-wrap}.fragments-note-column{transition:opacity .28s var(--ease-out), transform .28s var(--ease-out)}.fragments-lane{--fragments-lane-pad:16px;width:100%;padding-block:var(--fragments-lane-pad);touch-action:none;cursor:row-resize;-webkit-user-select:none;user-select:none;transition:opacity .28s var(--ease-out);align-items:center;display:flex;position:relative}.fragments-lane:focus{outline:none}.fragments-lane:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fragments-lane:focus-visible .fragments-lane-grip{opacity:1;transition-delay:40ms;transform:none}.fragments-lane[data-tip] .fragments-lane-tip{opacity:1;transform:translate(-50%)}.fragments-lane[data-dragging] .fragments-lane-grip{opacity:1;transition-delay:0s;transform:none}.fragments-lane[data-dragging] .fragments-lane-tip{opacity:0}.fragments[data-note=closing] .fragments-note-column{transition:opacity .22s var(--ease-out), transform .22s var(--ease-out)}.fragments[data-note=entering] .fragments-note-column,.fragments[data-note=closing] .fragments-note-column{opacity:0;pointer-events:none;transform:translateY(12px)}.fragments[data-note=entering] .fragments-lane,.fragments[data-note=closing] .fragments-lane{opacity:0;pointer-events:none}.fragments[data-note=open] .fragments-lane{transition-delay:80ms}.fragments[data-note=open] .fragments-note-column{transition-delay:.14s}.fragments[data-note=closing] .fragments-lane{transition-duration:.22s}.fragments-lane:before{content:"";background:var(--lane);width:100%;height:1px;transition:background-color .15s}.fragments-lane[data-dragging]:before{background:var(--neutral-070)}.fragments[data-dragging]{-webkit-user-select:none;user-select:none}.fragments[data-dragging] .fragments-note-column{transition:opacity .12s linear}.fragments[data-will-close] .fragments-note-column{opacity:.45}.fragments[data-split=true]{grid-template-rows:minmax(0,1fr);height:100dvh;display:grid;position:relative;overflow:hidden}.fragments[data-split=true] .page-bar{z-index:3;margin-top:0;margin-inline:0;position:absolute;top:0;left:0;right:0}.fragments[data-split=true] .fragments-columns{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) auto var(--fragments-note-size,minmax(0, 1fr));z-index:2;gap:32px;min-height:0;margin-top:0;display:grid;position:relative;overflow:visible}.fragments[data-split=true] .fragments-reading,.fragments[data-split=true] .fragments-note{margin-top:max(32px, calc(100dvh - var(--page-bar-h) - var(--card-h) - var(--gap) - (var(--card-h) / 4)))}.fragments[data-split=true] .fragments-lane{margin-inline:calc(-1 * var(--page-pad));width:auto}.fragments[data-split=true] .fragments-columns[data-split-snap]{transition:grid-template-rows .2s var(--ease-out)}.fragments[data-split=true] .fragments-essay-column,.fragments[data-split=true] .fragments-note-column{min-height:0;overflow:auto}html,.fragments[data-split=true] .fragments-essay-column,.fragments[data-split=true] .fragments-note-column{scrollbar-width:thin}@media (hover:hover) and (pointer:fine){html,.fragments[data-split=true] .fragments-essay-column,.fragments[data-split=true] .fragments-note-column{scrollbar-color:transparent transparent}html:hover,.fragments[data-split=true] .fragments-essay-column:hover,.fragments[data-split=true] .fragments-note-column:hover{scrollbar-color:color-mix(in srgb, var(--text) 35%, transparent) transparent}}@media (min-width:1000px){.fragments[data-split=true] .fragments-columns{grid-template-columns:minmax(0, 1fr) auto var(--fragments-note-size,minmax(0, 1fr));grid-template-rows:none}.fragments[data-split=true] .fragments-columns[data-split-snap]{transition:grid-template-columns .2s var(--ease-out)}.fragments[data-split=true] .fragments-lane{margin-inline:0}.fragments-lane{width:auto;height:auto;min-height:0;padding-block:0;padding-inline:var(--fragments-lane-pad);cursor:col-resize;z-index:4;flex-direction:column;align-self:stretch}.fragments-lane:before{top:-100dvh;bottom:calc(-1 * var(--page-pad));pointer-events:none;flex:1;width:1px;height:auto;position:absolute;left:50%;transform:translate(-50%)}.fragments-lane-grip{top:var(--fragments-lane-pointer,50%);width:4px;height:28px;margin:-14px 0 0 -2px;left:50%}.fragments-lane-tip{left:calc(100% - 2px);top:var(--fragments-lane-pointer,50%);transform:translate(8px,-50%)}.fragments-lane[data-tip] .fragments-lane-tip{transform:translateY(-50%)}.fragments[data-note=entering] .fragments-note-column,.fragments[data-note=closing] .fragments-note-column{transform:translate(16px)}}@media (pointer:coarse){.fragments-lane{--fragments-lane-pad:22px}}@media (prefers-reduced-motion:reduce){.fragments[data-note=entering] .fragments-note-column,.fragments[data-note=closing] .fragments-note-column{transition:opacity .18s var(--ease-out);transform:none}.fragments[data-split=true] .fragments-columns[data-split-snap]{transition:none}.fragments[data-note=entering] .fragments-lane,.fragments[data-note=closing] .fragments-lane{transition:opacity .18s var(--ease-out)}.fragments[data-note=open] .fragments-lane,.fragments[data-note=open] .fragments-note-column{transition-delay:0s}.fragments-lane-grip{transition-delay:0s;transform:none}.fragments-lane-tip{transition-delay:0s;transform:translate(-50%)}.underline-mark [data-underline-stroke]{transition:none}.squiggle-link:hover .underline-mark [data-underline-stroke],.squiggle-link:focus-visible .underline-mark [data-underline-stroke]{stroke-dashoffset:0}}@media (min-width:1000px) and (prefers-reduced-motion:reduce){.fragments-lane-tip,.fragments-lane[data-tip] .fragments-lane-tip{transform:translateY(-50%)}}::view-transition{pointer-events:none}::view-transition-old(.nav-forward){--slide-offset:-60px;animation:.15s ease-in reverse both view-nav-fade,.4s ease-in-out reverse both view-nav-slide}::view-transition-new(.nav-forward){--slide-offset:60px;animation:.21s ease-out .15s both view-nav-fade,.4s ease-in-out both view-nav-slide}::view-transition-old(.nav-back){--slide-offset:60px;animation:.15s ease-in reverse both view-nav-fade,.4s ease-in-out reverse both view-nav-slide}::view-transition-new(.nav-back){--slide-offset:-60px;animation:.21s ease-out .15s both view-nav-fade,.4s ease-in-out both view-nav-slide}@keyframes view-nav-fade{0%{filter:blur(3px);opacity:0}to{filter:blur();opacity:1}}@keyframes view-nav-slide{0%{translate:var(--slide-offset)}to{translate:0}}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}