.main-mix{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38rem) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:start;justify-items:stretch;column-gap:clamp(.9rem,2vw,2.1rem);width:100%;height:100%;min-width:0;min-height:0;view-transition-name:mix}.about-read{position:relative;justify-self:stretch;align-self:stretch;width:100%;min-width:0;max-width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;scrollbar-width:none;-ms-overflow-style:none;padding-top:var(--top-band);--pane-rise: .8rem;padding-bottom:max(var(--pane-rise),var(--bottom-band));animation:screenReconstruct var(--screen-in) var(--screen-in-ease) backwards}.about-read::-webkit-scrollbar{width:0;height:0;display:none}@keyframes paneIn{0%{opacity:0;transform:translateY(var(--pane-rise))}to{opacity:1;transform:none}}@keyframes paneOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(-1 * var(--pane-rise)))}}.about-read .pane{animation:paneIn .24s cubic-bezier(.16,1,.3,1) both}.about-read .pane.is-leaving{animation:paneOut .13s ease-in both}.about-read .doc-title{margin:0;color:var(--ink)}.about-read .pane>*+*{margin-top:.85rem}.about-read .doc-title:after{content:"";display:block;width:8.75rem;height:2px;margin-top:.72rem;border-radius:1px;background:linear-gradient(90deg,var(--signal) 0 7.2rem,transparent 7.2rem 7.65rem,var(--sheet-rail) 7.65rem)}.about-read .pane .doc-title+.when{margin-top:.55rem}.about-read .when{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-tracking);text-transform:var(--type-label-transform);color:var(--ink-chrome)}.about-read .lede .linkedin-link{display:inline;width:auto;height:auto;padding:.45rem .3rem;margin-left:-.3rem;text-decoration:none}.about-read .lede .linkedin-link img{display:inline-block;width:1.08em;height:1.08em;vertical-align:-.17em}.about-read .lede{margin:.7rem 0 0;padding-bottom:1.05rem;border-bottom:1px solid rgb(from var(--cream) r g b / .22);color:var(--muted)}.about-read p{margin:0}.about-read ul,.about-read ol{margin:0;padding-left:1.15rem}.about-read li+li{margin-top:.5rem}.about-read li>ul,.about-read li>ol{margin-top:.5rem}.about-read figure{margin:0;margin-inline:auto;max-width:28rem;padding:.38rem;border:2px solid var(--key-edge);border-radius:.85rem;background:var(--key-face);box-shadow:inset 0 1px rgb(from var(--ink) r g b / .12)}.about-read figure img{display:block;width:100%;height:auto;border-radius:.48rem;background:var(--glass-deep)}.about-read .reel{max-width:34rem;container-type:inline-size}.reel .track{display:flex;gap:.38rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:.48rem}.reel .track::-webkit-scrollbar{display:none}.reel .track:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.reel .slide{flex:0 0 100%;scroll-snap-align:start;display:grid;place-items:center;border-radius:.48rem;background:var(--glass-deep)}.reel .strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.38rem;width:min(100%,22rem);padding:.45rem 0}.reel figcaption{display:flex;align-items:center;gap:.5rem}.reel .cap{flex:1;min-width:0}.reel .count{color:var(--hud-label);letter-spacing:var(--track-label)}.reel .keys{display:flex;gap:.3rem}.reel .keys button{display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:1.5px solid var(--key-edge);border-radius:.45rem;background:transparent;color:var(--key-edge);font:600 var(--t2) / 1 var(--font-mono);cursor:pointer}.reel .keys button:hover{color:var(--ink);box-shadow:inset 0 -2px 0 var(--signal)}.reel .keys button:disabled{opacity:.32;cursor:default;box-shadow:none}@media(prefers-reduced-motion:reduce){.reel .track{scroll-behavior:auto}}.pipe{width:100%}.pipe .board{position:relative;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;grid-template-areas:".     lx    lx     ." "chain query sheets looker" "chain li    li     looker" "chain mysql bq     looker";column-gap:.9rem;row-gap:.4rem;padding:.9rem .8rem 1rem;line-height:1.25}.pipe .wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.pipe .wires path:not(.head){fill:none;stroke-width:1.5;stroke-opacity:.45;stroke-linejoin:round}.pipe .lane{align-self:end;font-family:var(--type-micro-family);font-size:var(--type-micro-size);font-weight:600;letter-spacing:var(--track-label);text-transform:var(--type-micro-transform)}.pipe .lane.ext{grid-area:lx;color:var(--signal)}.pipe .lane.int{grid-area:li;margin-top:.7rem;color:var(--sheet-rail)}.pipe .hop{grid-row:2;grid-column:2 / 4;align-self:center;justify-self:center;translate:0 calc(-50% - .3rem);font-family:var(--type-micro-family);font-size:var(--type-micro-size);font-weight:600;letter-spacing:var(--track-label);text-transform:var(--type-micro-transform)}.pipe .hop.ext{color:var(--signal)}.pipe .node{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:.15rem;min-width:0;padding:.42rem .5rem .45rem .62rem;border:1px solid var(--hud-ink);border-radius:.42rem;background:var(--sheet-opaque)}.pipe .node:before{content:"";position:absolute;top:.4rem;bottom:.4rem;left:-1px;width:2px;border-radius:1px;background:var(--tick)}.pipe .node.ext{--tick: var(--signal)}.pipe .node.int{--tick: var(--sheet-rail)}.pipe .node b{font-family:var(--font-mono);font-size:var(--t2);font-weight:600;letter-spacing:var(--track-none);color:var(--ink);white-space:nowrap}.pipe .node.src{align-items:center;min-width:max-content;padding:.6rem .7rem .6rem .8rem;--tick: linear-gradient(var(--signal) 0 50%, var(--sheet-rail) 50%)}.pipe .node.src b{font-size:var(--t3)}.pipe .node.sink{align-self:center;min-width:max-content;padding-bottom:.6rem;border:2px solid var(--key-edge);background:var(--key-face)}.pipe .node.sink:before{display:none}.pipe .node.sink:after{content:"";position:absolute;bottom:.38rem;left:.62rem;width:3.2rem;height:2px;border-radius:1px;background:linear-gradient(90deg,var(--signal) 0 50%,transparent 50% 58%,var(--sheet-rail) 58%)}.pipe [data-n=chain]{grid-area:chain}.pipe [data-n=query]{grid-area:query}.pipe [data-n=sheets]{grid-area:sheets}.pipe [data-n=mysql]{grid-area:mysql}.pipe [data-n=bq]{grid-area:bq}.pipe [data-n=looker]{grid-area:looker}@container (max-width: 32rem){.pipe .board{grid-template-columns:1fr 1fr;grid-template-areas:"lx     li" "chain  chain" "query  mysql" "hop    ." "sheets bq" "looker looker";column-gap:1.4rem;row-gap:1.3rem}.pipe .lane.int{margin-top:0}.pipe .hop{grid-area:hop;justify-self:start;margin-left:calc(50% + .45rem);translate:none}.pipe .node.sink{justify-self:center;align-items:center;min-width:10rem;margin-top:.6rem}.pipe .node.sink:after{left:50%;translate:-50% 0}}.about-read figcaption{margin-top:.45rem;padding:0 .12rem;font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-tracking);text-transform:var(--type-label-transform);color:var(--ink-chrome)}.about-read .plane-wave{display:block;width:100%;aspect-ratio:2 / 1;margin-top:1.4rem}.about-read a{color:var(--signal);text-decoration-color:var(--signal-line);text-underline-offset:.18em}.about-read a:hover{color:var(--signal-hover);text-decoration-color:currentColor}.mix-id{justify-self:end;align-self:start;display:flex;flex-direction:column;align-items:center;padding-top:2.55rem;max-width:100%;min-width:0;animation:screenReconstruct var(--screen-in) var(--screen-in-ease) var(--screen-in-delay) both}.mix-id .id-name{margin:0 0 .72rem;font-family:var(--type-display-family);font-size:var(--t4);font-weight:var(--type-display-weight);letter-spacing:var(--type-display-tracking);text-transform:var(--type-display-transform);line-height:var(--type-display-leading);text-align:center;text-shadow:0 1px 10px rgb(from var(--glass-abyss) r g b / .4)}.mix-photo{margin-bottom:.55rem;width:8.6rem;height:10.55rem;padding:.38rem;border:2px solid var(--key-edge);border-radius:.85rem;background:var(--key-face);box-shadow:inset 0 1px rgb(from var(--ink) r g b / .12)}.mix-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:48% 18%;border-radius:.48rem;background:var(--glass-deep)}.mix-stock{margin:0 0 .72rem;color:var(--label)}.mix-id .id-fields{display:grid;grid-template-columns:auto 1fr;gap:.15rem .55rem;justify-items:start;font-family:var(--type-micro-family);font-size:var(--type-micro-size);font-weight:var(--type-micro-weight);letter-spacing:var(--track-label);text-transform:var(--type-micro-transform);color:var(--label)}.mix-id .id-fields b{color:var(--ink);font-weight:var(--type-micro-weight);justify-self:end}.mix-spine{position:relative;justify-self:start;align-self:start;display:flex;flex-direction:column;padding:2.15rem 0 calc(var(--step) / 2 + .35rem) var(--bleed);margin-left:calc(-1 * var(--bleed));min-width:0;animation:screenReconstruct var(--screen-in) var(--screen-in-ease) calc(2 * var(--screen-in-delay)) backwards;--step: clamp(3.55rem, 10vh, 6.25rem);--head: calc(2.15rem + var(--step) / 2);--line-top: 3.1rem;--line-end: .35rem;--read: 0;--lens: min(2.87rem, var(--step) - 1rem);--ring: 2px;--bleed: 1.25rem;--rail: calc(var(--bleed) + var(--lens) / 2);--gap: calc(var(--lens) + 8px)}.mix-spine:before{content:"";position:absolute;left:calc(var(--rail) - .75px);top:var(--line-top);bottom:var(--line-end);width:1.5px;background:rgb(from var(--cream) r g b / .38);-webkit-mask:linear-gradient(#000 0 calc(100% - var(--gap)),transparent 0) 0 calc(var(--head) - var(--line-top) + var(--gap) / 2) / 100% var(--step) repeat-y;mask:linear-gradient(#000 0 calc(100% - var(--gap)),transparent 0) 0 calc(var(--head) - var(--line-top) + var(--gap) / 2) / 100% var(--step) repeat-y}.mix-spine .node.is-on .mark:after{content:"";position:absolute;inset:calc(-1 * (var(--ring) + 4px));border-radius:50%;background:conic-gradient(var(--sheet-rail) calc(var(--read) * 1turn),rgb(from var(--sheet-rail) r g b / .14) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));filter:drop-shadow(0 0 3px rgb(from var(--sheet-rail) r g b / .6))}.mix-spine .node{position:relative;display:grid;grid-template-columns:var(--lens) 1fr;align-items:center;gap:calc(var(--lens) * .32);min-height:var(--step);padding:.1rem 0;border:0;background:transparent;color:var(--hud-label);text-align:left;cursor:pointer}.mix-spine .node .mark{position:relative;z-index:1;box-sizing:border-box;display:grid;place-items:center;width:var(--lens);height:var(--lens);border:var(--ring) solid var(--hud-ink);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgb(from var(--cream) r g b / .16),rgb(from var(--cream) r g b / .03) 62%);box-shadow:inset 0 -3px 6px rgb(from var(--glass-abyss) r g b / .35);color:var(--hud-ink)}.mix-spine .node .mark :is(svg,img){display:block;width:calc(var(--lens) * .62);height:calc(var(--lens) * .62);object-fit:contain}.mix-spine .node[data-page=foodpanda] .mark img{border-radius:50%}.mix-spine .node[data-page=school] .mark{background:var(--cream-hot)}.mix-spine .node[data-page=school] .mark img{width:100%;height:100%}.mix-spine .node .lab{justify-self:start;display:flex;flex-direction:column;align-items:flex-start;width:max-content;font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:600;letter-spacing:var(--type-label-tracking);text-transform:var(--type-label-transform)}.mix-spine .node .lab b{padding-bottom:.18rem;border-bottom:2px solid transparent}.mix-spine .node em{display:block;font-style:normal;font-size:var(--type-micro-size);letter-spacing:var(--track-label);color:var(--hud-mute);font-weight:var(--type-micro-weight)}.mix-spine .node:hover{color:var(--ink-hot)}.mix-spine .node:hover .mark{color:var(--ink-hot);border-color:var(--cream-hot)}.mix-spine .node.is-on{color:var(--ink-chrome)}.mix-spine .node.is-on .lab b{border-bottom-color:var(--signal)}.mix-spine .node.is-on .mark{color:var(--signal);border-color:var(--signal);box-shadow:inset 0 -3px 6px rgb(from var(--glass-abyss) r g b / .35),0 0 16px rgb(from var(--signal) r g b / .3)}.mix-spine .node.is-on em{color:var(--hud-label)}@container viewport style(--bp-stack: 1){.main-mix{height:100%;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:none;justify-items:stretch;align-content:start;gap:1.15rem;overflow-x:hidden;overflow-y:auto;padding-top:var(--top-band);padding-bottom:var(--bottom-band)}.mix-id{display:none}.about-read{align-self:start;height:auto;max-height:none;overflow:visible;padding-top:.4rem;padding-bottom:var(--pane-rise)}.mix-spine{justify-self:center;padding-top:.4rem;padding-bottom:1.6rem;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.15rem .7rem;--lens: 1.54rem;--bleed: 0}.mix-spine:before,.mix-spine .node.is-on .mark:after{display:none}.mix-spine .node{min-height:0;grid-template-columns:auto auto;text-align:left;padding:.25rem .2rem}.mix-spine .node .lab{align-items:center;justify-self:start}}@container viewport style(--bp-phone: 1){.main-mix{padding-bottom:8rem}}@container viewport style(--bp-portrait: 1){.main-mix{padding-bottom:var(--bottom-band)}}@media(prefers-reduced-motion:reduce){.about-read,.about-read .pane,.about-read .pane.is-leaving,.mix-id,.mix-spine{animation:none}}