/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}@keyframes clipPathRevealToRight{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes clipPathRevealToLeft{0%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes clipPathOutToRight{0%{clip-path:polygon(-20% 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@keyframes clipPathOutToLeft{0%{clip-path:polygon(0 0,120% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes clipPathOutToBottom{0%{clip-path:polygon(0 0%,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 120%,100% 100%,100% 100%,0 100%)}}@keyframes clipPathOutToTop{0%{clip-path:polygon(0 0%,100% 0,100% 120%,0 100%)}to{clip-path:polygon(0 0%,100% 0%,100% 0%,0 0%)}}@keyframes clipPathInFromLeft{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes overlayGrowToLeft{0%{clip-path:polygon(120% 0,100% 0,100% 100%,100% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes overlayGrowToRight{0%{clip-path:polygon(0 0,-20% 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes overlayHideToRight{0%{clip-path:polygon(-20% 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@keyframes overlayRevealToRight{0%{clip-path:polygon(-20% 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@keyframes overlayRevealToLeft{0%{clip-path:polygon(0 0,120% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes loader{0%{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1)}to{opacity:.25;transform:scale(.75)}}@keyframes holderIn{0%{transform:translate3d(var(--slice-in-start-x-pos), 0, 0)}to{transform:translate3d(var(--slice-in-center-x), 0, 0)}}@keyframes holderOut{0%{transform:translate3d(var(--slice-out-center-x), 0, 0)}to{transform:translate3d(var(--slice-out-end-x), 0, 0)}}@keyframes holderImgInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0,0)}}@keyframes holderImgInFromRight{0%{transform:translate(100%)}to{transform:translate(0,0)}}@keyframes holderImgOutToRight{0%{transform:translate(0,0)}to{transform:translate(100%)}}@keyframes holderImgOutToLeft{0%{transform:translate(0,0)}to{transform:translate(-100%)}}@keyframes holderTermInFromLeft{0%{transform:translate(-100%,-50%)}to{transform:translateY(-50%)}}@keyframes holderTermInFromRight{0%{transform:translate(100%,-50%)}to{transform:translateY(-50%)}}@keyframes holderTermOutToRight{0%{transform:translateY(-50%)}to{transform:translate(100%,-50%)}}@keyframes holderTermOutToLeft{0%{transform:translateY(-50%)}to{transform:translate(-100%,-50%)}}.delay-100{transition-delay:.1s;animation-delay:.1s}.delay-200{transition-delay:.2s;animation-delay:.2s}.delay-300{transition-delay:.3s;animation-delay:.3s}.delay-400{transition-delay:.4s;animation-delay:.4s}.delay-500{transition-delay:.5s;animation-delay:.5s}.delay-600{transition-delay:.6s;animation-delay:.6s}.delay-700{transition-delay:.7s;animation-delay:.7s}.delay-800{transition-delay:.8s;animation-delay:.8s}.delay-900{transition-delay:.9s;animation-delay:.9s}.delay-1000{transition-delay:1s;animation-delay:1s}.transitionfix{backface-visibility:hidden;transform:translate(0,0)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}.loader-overlay{z-index:2000;background-color:#5ea652;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loader-overlay span.block{transform-origin:100% 100%;background-color:#000;width:1rem;height:4rem;margin:0 1rem;display:flex;position:relative;transform:rotate(0)}.loader-overlay span.block.tumble{margin:0 .75rem;transform:rotate(0)}.loader-overlay span.block.tumble.margin-right-3-25{margin-right:3.25rem}.loader-overlay span.block.tumble.delay-100{transition-delay:.1s}.loader-overlay span.block.tumble.delay-175{transition-delay:.175s}.loader-overlay span.block.tumble.delay-275{transition-delay:.275s}.loader-overlay.out-to-right{animation:1.5s .45s forwards clipPathOutToRight}.loader-overlay.show>img{display:block}.loader-overlay.show span.block{transition:transform .3s ease-in;transform:rotate(0)}.loader-overlay.show span.block.tumble{transform:rotate(0)}.loader-overlay.show span.block.tumble.rotate-67.fall{transform:rotate(67deg)}.loader-overlay.show span.block.tumble.rotate-72.fall{transform:rotate(72deg)}.loader-overlay.show span.block.tumble.rotate-90.fall{transform:rotate(90deg)}.loader-overlay.hide{visibility:hidden;transition:none;animation:none;display:none}.wrapper-blocks{flex-flow:wrap;justify-content:center;gap:1rem;width:100%;height:auto;padding:1rem;display:flex;position:relative}.wrapper-blocks.blocks-done:after{content:" - the end no more blocks - ";text-align:center;color:var(--block-clr,black);flex:0 0 100%;font-size:.875rem;font-style:italic;font-weight:700;position:relative}.wrapper-blocks .container-block{align-items:center;width:100%;display:flex}.wrapper-blocks .container-block:nth-of-type(odd){justify-content:flex-end}.wrapper-blocks .container-block:nth-of-type(odd) .block .content{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.wrapper-blocks .container-block:nth-of-type(2n){justify-content:flex-start}.wrapper-blocks .container-block:nth-of-type(2n) .block .content{clip-path:polygon(0 0,0 0,0 100%,0 100%)}.wrapper-blocks .container-block.show .block .content{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.wrapper-blocks .block{flex:0 0 calc(50% - .5rem);height:calc(50vh - 1.5rem);position:relative}.wrapper-blocks .block button.btn-block{z-index:2;color:#000;cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:1rem;outline:none;padding:.5rem 1rem;font-size:.75rem;transition:background-color .3s,color .3s;position:absolute;top:1rem;right:1rem}.wrapper-blocks .block button.btn-block:hover{color:#fff;background-color:#000}.wrapper-blocks .block .content{background-color:var(--block-clr,tomato);clip-path:polygon(0 0,0 0,0 100%,0 100%);color:#000;place-items:center;width:100%;height:100%;font-size:5rem;font-weight:700;transition:clip-path .5s ease-in;display:grid;position:relative;overflow:hidden}.wrapper-blocks .block .content:after{content:"";background-color:tomato;background-image:var(--img);color:#fff;clip-path:polygon(0 115%,100% 100%,100% 100%,0% 100%);background-size:cover;place-items:center;width:100%;height:100%;font-size:2rem;font-weight:700;transition:transform .55s ease-in,clip-path .55s cubic-bezier(.4,0,0,1);display:grid;position:absolute;top:0;left:0}.wrapper-blocks .block .content.reveal:after{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.wrapper-blocks .block .content.reveal:hover:after{transform:scale(1.125)}.scroller-progress{z-index:100;transform-origin:0%;width:100%;height:.25rem;transform:scaleX(var(--scroll-per));background-color:#2e8b57;transition:transform .55s;display:block;position:fixed;top:0;left:0}@media (prefers-color-scheme:light){.scroller-progress{background-color:#87ceeb}}@media (prefers-color-scheme:dark){.scroller-progress{background-color:ivory}}body{background-color:khaki;width:100%;height:100%;position:relative}body main{width:100%;min-height:100%;position:relative}body main .spacer{background-color:#7fffd4;place-items:center;width:100%;height:125vh;font-size:5rem;font-weight:700;display:grid}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
