.drift-wall{width:100%;height:100%;perspective:var(--dw-perspective,1200px);perspective-origin:50%;--dw-tile-w:200px;--dw-tile-h:132px;--dw-gap:18px;--dw-radius:14px;--dw-lift:64px;--dw-dim:.55;--dw-gray:0;--dw-overlay:#060010;--dw-edge:40%;-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge),transparent 100%),linear-gradient(to top,#000 var(--dw-edge),transparent 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge),transparent 100%),linear-gradient(to top,#000 var(--dw-edge),transparent 100%);position:relative;overflow:hidden;mask-composite:intersect}.drift-wall__plane{transform-style:preserve-3d;cursor:pointer;transform-origin:50%;will-change:transform;flex-direction:row;display:flex;position:absolute;top:50%;left:50%}.drift-wall__col{width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d;position:relative}.drift-wall__track{will-change:transform;transform-style:preserve-3d;flex-direction:column;display:flex}.drift-wall__tile{width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));transform-style:preserve-3d;outline:none;flex:none;display:block;position:relative}.drift-wall__inner{inset:calc(var(--dw-gap)/2);border-radius:var(--dw-radius);pointer-events:none;backface-visibility:hidden;background:#0b0b12;outline:1px solid #0000;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1);display:block;position:absolute;overflow:hidden;transform:translateZ(0)}.drift-wall__tile img,.drift-wall__overlay{clip-path:inset(0 round var(--dw-radius));border-radius:var(--dw-radius)}.drift-wall__tile img{object-fit:cover;width:100%;height:100%;filter:grayscale(var(--dw-gray))saturate(.92);user-select:none;-webkit-user-drag:none;transition:filter .42s cubic-bezier(.22,1,.36,1);display:block}.drift-wall__overlay{background:var(--dw-overlay);opacity:calc(1 - var(--dw-dim));pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.drift-wall__caption{inset:auto calc(var(--dw-gap)/2)calc(var(--dw-gap)/2);border-radius:0 0 var(--dw-radius)var(--dw-radius);clip-path:inset(0 round 0 0 var(--dw-radius)var(--dw-radius));opacity:0;pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .32s;display:block;position:absolute;overflow:hidden;transform:translateZ(0)}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{transform:translateZ(var(--dw-lift));box-shadow:0 24px 60px -18px #000000b3}.drift-wall__tile.is-active .drift-wall__caption,.drift-wall__tile:focus-visible .drift-wall__caption{opacity:1;pointer-events:auto;transform:translateZ(calc(var(--dw-lift) + 1px))}.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0)saturate(1.05)}.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay{opacity:0}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 24px 60px -18px #000000b3,0 0 0 2px #ff9ec7e6}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}.branched-menu{--bm-w:240px;--bm-ink:#f5f5f5;--bm-accent:#f5f5f5;--bm-line:#3f3f46;--bm-font:14px;--bm-row:36px;--bm-indent:40px;--bm-line-w:1.5;--bm-draw:.4s;--bm-fold:.3s;--bm-ease-out:cubic-bezier(.23,1,.32,1);--bm-muted:color-mix(in srgb,var(--bm-ink)55%,transparent);width:fit-content;max-width:min(var(--bm-w),100%);color:var(--bm-ink);font-family:inherit;font-size:var(--bm-font);flex-direction:column;padding-left:14px;line-height:1.2;display:flex;position:relative}.branched-menu:before{content:"";background:linear-gradient(to bottom,var(--bm-line)0%,var(--bm-line)55%,transparent 100%);border-radius:1px;width:2px;position:absolute;top:8px;bottom:0;left:0}.branched-menu__marker{z-index:1;background:var(--bm-accent);opacity:0;width:2px;height:16px;transition:top .22s var(--bm-ease-out),opacity .15s ease;border-radius:1px;position:absolute;top:-1px;left:0}.branched-menu__marker[data-on]{opacity:1}.branched-menu__section{flex-direction:column;display:flex}.branched-menu__head{color:var(--bm-muted);font:inherit;font-size:calc(var(--bm-font) + 1px);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:9px 0;font-weight:500;transition:color .2s;display:block}.branched-menu__section[data-open] .branched-menu__head,.branched-menu__head[data-active]{color:var(--bm-ink)}@media (hover:hover) and (pointer:fine){.branched-menu__head:hover{color:var(--bm-ink)}}.branched-menu__body{transition:grid-template-rows var(--bm-fold)var(--bm-ease-out);grid-template-rows:0fr;display:grid}.branched-menu__section[data-open] .branched-menu__body{grid-template-rows:1fr}.branched-menu__fold{min-height:0;overflow:hidden}.branched-menu__tree{box-sizing:border-box;padding:6px 0;position:relative}.branched-menu__lines{opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;top:0;left:0;overflow:visible}.branched-menu__section[data-open] .branched-menu__lines{opacity:1;transition:opacity .25s .1s}.branched-menu__base,.branched-menu__reach{fill:none;stroke-width:var(--bm-line-w);stroke-linecap:round;stroke-linejoin:round}.branched-menu__base{stroke:var(--bm-line)}.branched-menu__reach{stroke:var(--bm-accent);transition:stroke-dashoffset var(--bm-draw)var(--bm-ease-out)}.branched-menu__item{width:100%;height:var(--bm-row);padding:0 0 0 var(--bm-indent);color:var(--bm-muted);font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;align-items:center;gap:8px;margin:0;transition:color .2s;display:flex}@media (hover:hover) and (pointer:fine){.branched-menu__item:hover{color:var(--bm-ink)}}.branched-menu__item[data-active]{color:var(--bm-accent);font-weight:500}.branched-menu__icon{flex:none;display:inline-flex}.branched-menu__label{white-space:nowrap}@media (prefers-reduced-motion:reduce){.branched-menu__marker{transition:opacity .15s}.branched-menu__body,.branched-menu__reach{transition:none}}.line-sidebar{--accent-color:#a855f7;--text-color:#c4c4c4;--marker-color:#6c6c6c;--marker-length:60px;--marker-gap:0px;--tick-scale:.5;--max-shift:30px;--item-gap:20px;--font-size:1.1rem;--smoothing:.1s;justify-content:flex-start;display:flex;position:relative}.line-sidebar--markers{padding-left:calc(var(--marker-length) + var(--marker-gap))}.line-sidebar__list{gap:var(--item-gap);flex-direction:column;margin:0;padding:1rem 0;list-style:none;display:flex}.line-sidebar__item{cursor:pointer;position:relative}.line-sidebar__item:before{content:"";position:absolute;inset:-6px -48px}.line-sidebar__label{font-size:var(--font-size);color:color-mix(in srgb,var(--accent-color)calc(var(--effect,0)*100%),var(--text-color));transform:translateX(calc(var(--effect,0)*var(--max-shift)));align-items:baseline;line-height:1.2;display:inline-flex;position:relative}.line-sidebar__link{color:color-mix(in srgb,var(--accent-color)calc(var(--effect,0)*100%),var(--text-color));border-radius:4px;outline:none;text-decoration:none}.line-sidebar__link:focus-visible{box-shadow:0 0 0 2px var(--accent-color)}.line-sidebar__index{opacity:calc(.55 + var(--effect,0)*.45);margin-right:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.line-sidebar__marker{top:50%;left:calc(-1*var(--marker-length) - var(--marker-gap));height:1px;width:var(--marker-length);background-color:color-mix(in srgb,var(--accent-color)calc(var(--effect,0)*100%),var(--marker-color));transform-origin:0;transform:translateY(-50%)scaleX(calc(.7 + var(--effect,0)*.5));position:absolute}.line-sidebar--markers .line-sidebar__item:not(:last-child):after{content:"";top:calc(100% + var(--item-gap)/2);left:calc(-1*var(--marker-length) - var(--marker-gap));height:1px;width:calc(var(--marker-length)*var(--tick-scale));background-color:var(--marker-color);opacity:.5;position:absolute;transform:translateY(-50%)}.line-sidebar--scale-tick .line-sidebar__item:not(:last-child):after{transform-origin:0;transform:translateY(-50%)scaleX(calc(.7 + var(--effect,0)*.6))}
