:root{--lens-paper:#ebedea;--lens-ink:#0f2a22;--lens-type-love:#151417;--lens-type-fear:#e3ebe5;--lens-brick:#e15c1d;--lens-rule:#788c828c;--lens-measure:680px;--lens-pl:max(1.25rem, calc((100% - var(--lens-measure)) / 2))}@media (width>=761px){:root{--lens-pl:var(--pad)}}@media (width>=1181px){:root{--lens-pl:calc(var(--pad) + 224px)}}html,html:where(:has(#lens-love:checked)){--lens:0%}html:where(:has(#lens-fear:checked)){--lens:100%}html.lens-dragging{--lens:var(--drag)}body:has(.lens-article){background:0 0;overflow-x:clip}.lens-field{z-index:-1;background:linear-gradient(to right, var(--lens-ink) 0 var(--lens), var(--lens-paper) var(--lens) 100%);position:fixed;inset:0}.lens-seam{z-index:30;top:0;bottom:0;left:var(--lens);opacity:0;pointer-events:none;background:#e3ebe566;width:1px;position:fixed}html.lens-dragging .lens-seam{opacity:1}body:has(.lens-article) :is(.site-head,.site-foot){--ink:color-mix(in srgb, var(--lens-type-love), var(--lens-type-fear) var(--lens));--soft:color-mix(in srgb, #4a494e, #b6c8bd var(--lens));--hair:color-mix(in srgb, #cdd0cc, #2b4b40 var(--lens));--line:color-mix(in srgb, #15141766, #a3dcbd8c var(--lens));--link:var(--ink);--logo-ink:color-mix(in srgb, #151417, #f3f3f0 var(--lens));--logo-hot:color-mix(in srgb, #e15c1d, #ee6a2c var(--lens));--here:color-mix(in srgb, #e15c1d, #ee6a2c var(--lens))}body:has(.lens-article) .themes{display:none}.lens-page{width:100%}.lens-block,.lens-article>:not(.fork),.lens-article .fork>.v{width:100%;padding-inline:var(--lens-pl) max(1.25rem, calc(100% - var(--lens-pl) - var(--lens-measure)))}.lens-block,.lens-article>:not(.fork){background-image:linear-gradient(to right, var(--lens-type-fear) 0 var(--lens), var(--lens-type-love) var(--lens) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.lens-article :is(h1,h2,h3,strong,em,a,code,li,blockquote),.lens-block :is(h1,a,span,div,p,button){color:inherit}.lens-article a,.lens-block a{text-decoration-color:var(--lens-rule)}.lens-article blockquote{border-inline-start-color:var(--lens-rule)}.lens-article ::selection,.lens-block ::selection{color:#151417;background:#ece0c4}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.lens-block,.lens-article>:not(.fork){color:var(--lens-type-love);background-image:none}}@media (forced-colors:active){.lens-block,.lens-article>:not(.fork){color:canvastext;background-image:none}}.lens-article .fork{width:100%;position:relative}.lens-article .fork>.v{margin:0;display:flow-root}.lens-article .fork>.v>:first-child{margin-top:0}.lens-article .fork>.v>:last-child{margin-bottom:0}.lens-article .fork{margin-block:1.25em}.lens-article .fork:has(figure){margin-block:2.5rem}.lens-article .fork>.v.love{color:var(--lens-type-love)}.lens-article .fork>.v.fear{color:var(--lens-type-fear)}html:where(:has(#lens-love:checked)) .lens-article .fork>.fear,html:where(:has(#lens-fear:checked)) .lens-article .fork>.love{display:none}html.lens-dragging .lens-article .fork>.love{clip-path:inset(0 0 0 var(--lens));display:flow-root}html.lens-dragging .lens-article .fork{min-height:var(--h,0px)}html.lens-dragging .lens-article .fork>.fear{clip-path:inset(0 calc(100% - var(--lens)) 0 0);display:flow-root;position:absolute;top:0;left:0}html.lens-measuring .lens-article .fork{min-height:0}html.lens-measuring .lens-article .fork>.v{clip-path:none;display:flow-root;position:static}.lens-article .fork>.v{position:relative}.lens-article .fork>.v:before{top:.4em;bottom:.4em;left:max(.4rem, calc(var(--lens-pl) - .85rem));background:var(--lens-brick);opacity:.2;content:"";width:2px;transition:opacity .18s ease-out;position:absolute}.lens-article .fork>.fear:before{right:max(.4rem, calc(100% - var(--lens-pl) - var(--lens-measure) - .85rem));left:auto}html:is(.lens-active,.lens-dragging) .lens-article .fork>.v:before{opacity:.5}.lens-meta{padding-top:1rem}.lens-meta a{color:color-mix(in srgb, var(--lens-type-love), var(--lens-type-fear) var(--lens))}.lens-meta .meta-tags a{color:color-mix(in srgb, #4a494e, #b6c8bd var(--lens))}.lens-meta .back{margin-bottom:40px;font-size:18px;display:inline-block}.lens-meta{position:relative}.lens-mark{left:calc(var(--lens-pl) + var(--lens-measure) + 56px);--mark-ink:color-mix(in srgb, #151417, #f3f3f0 var(--lens));--mark-hot:color-mix(in srgb, #e15c1d, #ee6a2c var(--lens));--mark-dot:color-mix(in srgb, #ece0c4, #0f2a22 var(--lens));--mark-scratch:color-mix(in srgb, #f3f3f08c, #0f2a2299 var(--lens));width:200px;position:absolute;bottom:4px}.lens-mark .mk{width:100%;height:auto;display:block}@media (width<=1180px){.lens-mark{left:auto;right:var(--pad);width:72px;top:1rem;bottom:auto}}@media (width<=760px){.lens-mark{width:52px}}.lens-dateline{font-variant-numeric:oldstyle-nums;margin:0 0 12px;font-size:18px}.lens-dateline>span:not(.meta-tags){white-space:nowrap}.lens-dateline>span+span:before{content:"/";margin:0 .5em}@media (width<=1180px){.lens-meta{flex-direction:column;align-items:flex-start;display:flex}.lens-meta .lens-title{order:1;margin-bottom:0}.lens-dateline{order:2;margin:16px 0 48px}.lens-dateline>.meta-tags{margin-top:2px}.lens-dateline>.meta-tags:before{content:none}}@media (width>=1181px){.lens-meta{grid-template-columns:minmax(0,1fr);display:grid}.lens-meta .back{grid-area:1/1;justify-self:start}.lens-title{grid-area:2/1}.lens-dateline{grid-area:2/1;place-self:start;width:168px;margin:0 0 0 -224px;padding-top:12px;line-height:1.45}.lens-dateline>span:not(.meta-tags){display:block}.lens-dateline>span+span:before{content:none}}.lens-title{text-wrap:balance;margin:0 0 48px;font-size:clamp(38px,4.6vw,66px);font-weight:700;line-height:1.02}.lens-rejoin{border-top:1px solid var(--lens-rule);text-align:center;margin-top:clamp(3.5rem,8vw,5.5rem);padding-top:2rem;padding-bottom:2rem}.lens-converged{opacity:.75;margin:0 0 1rem;font-size:17px;font-style:italic}.lens-rejoin button{min-height:44px;font-family:var(--f-body);cursor:pointer;text-underline-offset:.28em;text-decoration:underline;text-decoration-color:var(--lens-rule);background:0 0;border:0;padding:.6rem .2rem;font-size:1.05rem;font-style:italic}.lens-article{padding-bottom:7rem}.lens-control{z-index:40;bottom:max(1rem, env(safe-area-inset-bottom));background:linear-gradient(to right, var(--lens-ink) 0 var(--lens), var(--lens-paper) var(--lens) 100%);border:1px solid #788c8259;border-radius:2px;width:min(100% - 1.5rem,420px);padding:.7rem .9rem .55rem;position:fixed;left:50%;transform:translate(-50%)}@media (width>=1181px){.lens-control{left:calc(var(--lens-pl) + var(--lens-measure) / 2)}}.lens-control-inner{position:relative}.lens-name,.lens-pole{background-image:linear-gradient(to right, var(--lens-type-fear) 0 var(--lens), var(--lens-type-love) var(--lens) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.lens-name{text-align:center;opacity:.8;margin:0 0 .25rem;font-size:15px;font-style:italic;display:block}.lens-poles{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.lens-pole{min-height:44px;font-family:var(--f-head);white-space:nowrap;cursor:pointer;align-items:center;font-size:16px;display:inline-flex;position:relative}.lens-pole input{opacity:0;width:1px;height:1px;position:absolute}.lens-pole span{padding:0 .15rem}.lens-pole:has(input:checked) span{text-underline-offset:.3em;font-weight:500;text-decoration:underline}.lens-pole:has(input:focus-visible) span{outline:2px solid var(--lens-brick);outline-offset:4px;border-radius:2px}.lens-rail{touch-action:none;cursor:ew-resize;flex:1;height:44px;margin-inline:13px;position:relative}.lens-rail:before{background:linear-gradient(to right, #e3ebe58c 0 var(--lens), #15141759 var(--lens) 100%);content:"";width:100%;height:2px;position:absolute;top:50%;left:0}.lens-thumb{top:50%;left:var(--lens);background:var(--lens-brick);pointer-events:none;border-radius:2px;width:26px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 -4px #00000029}.lens-thumb:before,.lens-thumb:after{background:inherit;content:"";border-radius:50% 50% 18% 18%;width:8px;height:5px;position:absolute;top:-4px}.lens-thumb:before{left:4px}.lens-thumb:after{right:4px}.lens-article figure{width:100%;margin:2.5rem 0}.lens-article :is(.image-lego,.image-cmux){width:100%;margin-inline:auto}.lens-article .image-projects{width:90%;margin-inline:auto}.lens-article figcaption{text-align:center;opacity:.75;margin-top:.7rem;font-size:17px;font-style:italic}.lens-article .kiefer-quote{font-family:var(--f-body);border-inline-start:0;margin-block:3rem;font-size:clamp(1.2rem,2.2vw,1.45rem);line-height:1.45}.lens-article .kiefer-quote span{transition:opacity .18s ease-out;display:block}.lens-article .kiefer-quote span+span{margin-top:.8rem}.lens-article .kiefer-surprise{opacity:1}.lens-article .kiefer-ritual,html:where(:has(#lens-fear:checked)) .lens-article .kiefer-surprise{opacity:.48}html:where(:has(#lens-fear:checked)) .lens-article .kiefer-ritual{opacity:1}html.lens-dragging .lens-article .kiefer-quote span{opacity:.74}.lens-article .ph{width:100%;font-family:var(--f-head);letter-spacing:.08em;text-transform:uppercase;text-align:center;border:1px dashed var(--lens-rule);opacity:.75;place-items:center;font-size:.72rem;display:grid}.lens-article .ph-lego{aspect-ratio:16/9}.lens-article .ph-cmux{aspect-ratio:16/10}.lens-article .ph-weather{aspect-ratio:4/5;max-width:260px;margin-inline:auto}@media (width<=620px){.lens-control{width:calc(100% - .75rem);bottom:max(.5rem, env(safe-area-inset-bottom))}.lens-control.is-compact{padding-block:.25rem}.lens-control.is-compact .lens-name{display:none}.lens-pole{font-size:15px}.lens-article :is(.image-lego,.image-projects,.image-cmux){width:100%}.lens-article .ph-lego{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.lens-article .fork>.v:before,.lens-article .kiefer-quote span{transition:none}}@media print{.lens-control,.lens-seam,.lens-field,.lens-rejoin{display:none!important}.lens-block,.lens-article>:not(.fork){color:#000!important;background-image:none!important}.lens-article .fork>.fear{display:none!important}}
