:root{--lens-paper:#f6f3ec;--lens-ink:#1c1917;--lens-type-love:#403b34;--lens-type-fear:#dbd5cb;--lens-brick:#c94d38;--lens-rule:#968c828c;--lens-measure:640px}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:#dbd5cb66;width:1px;position:fixed}html.lens-dragging .lens-seam{opacity:1}body:has(.lens-article) header{background:linear-gradient(to right, #1c1917d1 0 var(--lens), #f6f3ecd1 var(--lens) 100%)}body:has(.lens-article) :is(header,footer){background-image:linear-gradient(to right, var(--lens-type-fear) 0 var(--lens), var(--lens-type-love) var(--lens) 100%)}body:has(.lens-article) footer{background-color:#0000}body:has(.lens-article) footer :is(#light-theme-button,#dark-theme-button,#system-theme-button){display:none}body:has(.lens-article) :is(header,footer) :is(a,span,div,p){color:#0000}body:has(.lens-article) :is(header,footer){background-clip:text}.lens-page{width:100%}.lens-block,.lens-article>:not(.fork),.lens-article .fork>.v{width:100%;padding-inline:max(1.25rem, calc((100% - var(--lens-measure)) / 2))}.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;background-clip:text}.lens-article :is(h1,h2,h3,strong,em,a,code,li,blockquote),.lens-block :is(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:var(--lens-paper);background:var(--lens-brick)}@supports not (background-clip:text){.lens-block,.lens-article>:not(.fork),body:has(.lens-article) :is(header,footer) :is(a,span,div,p){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((100% - var(--lens-measure)) / 2 - .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-measure)) / 2 - .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-dateline{margin:1.5rem 0 .25rem;font-size:.875rem}.lens-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;line-height:2rem}.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{letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin:0 0 1rem;font-size:.75rem}.lens-rejoin button{min-height:44px;font-family:var(--font-serif);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, #1c1917e0 0 var(--lens), #f6f3ece6 var(--lens) 100%);backdrop-filter:blur(14px);border:1px solid #dbd5cb38;border-radius:.4rem;width:min(100% - 1.5rem,420px);padding:.7rem .9rem .55rem;position:fixed;left:50%;transform:translate(-50%)}html.lens-dragging .lens-control{backdrop-filter:none}.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;background-clip:text}.lens-name{letter-spacing:.1em;text-transform:uppercase;text-align:center;opacity:.75;margin:0 0 .5rem;font-size:.68rem;display:block}.lens-poles{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.lens-pole{white-space:nowrap;cursor:pointer;align-items:center;min-height:44px;font-size:.8rem;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, #dbd5cb8c 0 var(--lens), #403b3459 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,0 3px 8px #00000038}.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:.85rem;font-style:italic}.lens-article .kiefer-quote{font-family:var(--font-serif);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(--font-sans);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:.78rem}.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}}