@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap";@keyframes fade-in{0%{opacity:0}to{opacity:1}}h1,h2,h3{font-family:"Source Serif 4",serif}body{margin:0;padding:0;font-family:Inter,sans-serif}html{scroll-behavior:smooth;--text-light: rgb(0 0 0 / .5);--background-secondary: #FAFAFA}*{box-sizing:border-box}a{color:#000c;text-decoration:underline solid rgba(0,0,0,.2);transition:.2s ease}a:hover{text-decoration:underline solid rgba(0,0,0,.4)}.button{font:inherit;color:#fff;background:#000;padding:1rem;border-radius:.25rem;border:none;transition:.2s ease}.button:hover{background:#000000e6;cursor:pointer}.global-footer{display:flex;align-items:center;justify-content:space-between;padding:2rem 10vw}.global-footer .name{text-transform:uppercase;letter-spacing:-.05em;font-weight:600}.global-footer .nav-links{display:flex;gap:1rem}.main-header{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;background-image:linear-gradient(0deg,#ffffffe6,#fff),url(./assets/background.jpg);backdrop-filter:blur(2px);background-size:cover}.main-header h1{margin:0;font-size:4rem;font-weight:500;letter-spacing:-.02em}.main-header .subtitle{margin:0;color:var(--text-light);max-width:30ch;text-align:center}.main-header .button{margin-top:.5rem}.posts{background:var(--background-secondary);padding:6rem 10vw;display:flex;flex-wrap:wrap;gap:2rem}.posts .post{flex-basis:25rem;flex-grow:1;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;overflow:hidden;text-decoration:none;transition:.3s ease}.posts .post:hover{transform:scale(.99);opacity:.95}.posts .post img{width:100%}.posts .post .post-info{padding:1rem}.posts .post .post-info h2{margin:0;font-weight:500}.posts .post .post-info .date{margin:0;color:var(--text-light)}.about-main{padding:4rem 10vw;display:flex;align-items:center;gap:10vw;min-height:80vh}.about-main .main-content h1{font-size:3rem}.about-main .main-content p{line-height:1.5}.about-main .image-container{flex-basis:min(30rem,100%);flex-shrink:0;flex-grow:1}.about-main img{max-width:100%;border-radius:.25rem}@media(max-width:1000px){.about-main{flex-wrap:wrap;gap:2rem}}.blog-header{width:100%;display:flex;flex-direction:column;align-items:center}.blog-header img{width:100%;height:40vh;object-fit:cover}.blog-header .back{position:absolute;top:2rem;left:2rem;background:#fff;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;transition:.2s ease}.blog-header .back svg{display:block;margin-left:-.125rem}.blog-header .back:hover{transform:rotate(10deg) scale(.95)}.blog-header .header-content{padding:4rem 0;width:min(50rem,80vw)}.blog-header .header-content h1{font-size:3rem;margin:0}.blog-header .header-content p{margin:.25rem 0 0;color:var(--text-light)}.blog-main{margin:-6rem auto 0;padding:4rem 0;width:min(50rem,80vw)}.blog-main img{max-width:100%}.blog-main p{line-height:1.5}.sandbox-header{padding:8rem 10vw}.sandbox-header h1{font-size:4rem;margin:0;animation-name:fade-in;animation-duration:.5s;animation-fill-mode:forwards}.sandbox-header p{margin:.5rem 0 0;color:var(--text-light);animation-name:fade-in;animation-duration:1s;animation-fill-mode:forwards}.sandbox-main{display:flex;flex-wrap:wrap;gap:1rem;padding:2rem 10vw;margin-bottom:4rem;animation-name:fade-in;animation-duration:2s;animation-fill-mode:forwards}.sandbox-main .section{background:#f4f4f4;flex-basis:30rem;flex-grow:1;padding:4rem;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.tri-cards{display:flex;justify-content:center}.tri-cards .tri-card{width:150px;height:150px;background:#9ca3af;border-radius:8px;transition:.3s ease}.tri-cards .tri-card:nth-of-type(2){margin:0 -20%;z-index:1;background:#d1d5db}.tri-cards .tri-card:not(:nth-of-type(2)){transform:scale(.8)}.tri-cards:has(.tri-card:nth-of-type(1):hover) .tri-card:nth-of-type(1){transform:rotate(-5deg) translate(-10%) scale(.85);filter:brightness(1.05)}.tri-cards:has(.tri-card:nth-of-type(1):hover) .tri-card:nth-of-type(2){transform:rotate(5deg) translate(10%) scale(.95)}.tri-cards:has(.tri-card:nth-of-type(2):hover) .tri-card:nth-of-type(2){transform:scale(1.025);filter:brightness(1.05)}.tri-cards:has(.tri-card:nth-of-type(3):hover) .tri-card:nth-of-type(3){transform:rotate(5deg) translate(10%) scale(.85);filter:brightness(1.05)}.tri-cards:has(.tri-card:nth-of-type(3):hover) .tri-card:nth-of-type(2){transform:rotate(-5deg) translate(-10%) scale(.95)}.social-proof{display:flex;gap:.5rem;align-items:center}.social-proof .proof-users{display:flex}.social-proof .proof-users img{width:2rem;height:2rem;padding:.25rem;display:inline-block;border-radius:50%;background:var(--background);border:2px solid #F4F4F5}.social-proof .proof-users img:not(:last-of-type){margin-right:-1rem}.social-proof .proof-users img{transition:.3s ease;transform:scale(1) rotate(0)}.social-proof .proof-users img:hover{filter:brightness(1.05);transform:scale(1.05) rotate(-10deg) translate(-7%,-7%)}.social-proof .proof-text strong{font-weight:500}.plus-minus-buttons{display:flex;gap:2rem}.plus-minus-buttons button{width:5rem;height:5rem;background:#000;color:hsl(215,100%,var(--sat));border-radius:.25rem;transition:.2s ease;border:none}.plus-minus-buttons button svg{height:2rem;width:2rem}.plus-minus-buttons button{display:flex;flex-direction:column;justify-content:center;align-items:center}.plus-minus-buttons button:hover{transform:scale(.99);opacity:.8}.plus-minus-buttons button:active{transform:scale(.95)}.text-highlight{text-align:center;font-weight:500;font-size:2rem}.text-highlight mark{padding:0 .1em;display:inline-block;transition:.1s ease}.text-highlight .highlight-1{background:#67e8f9;transform:rotate(-2deg)}.text-highlight .highlight-1:hover{transform:rotate(-4deg) scale(1.025)}.text-highlight .highlight-2{background:#bef264;transform:rotate(1deg)}.text-highlight .highlight-2:hover{transform:rotate(2deg) scale(1.025)}.text-highlight .highlight-3{background:#f0abfc;transform:rotate(-1deg)}.text-highlight .highlight-3:hover{transform:rotate(-2deg) scale(1.025)}.record-player svg{width:16rem;height:12rem;aspect-ratio:3/4;border-radius:.5rem;animation-name:pulse;animation-duration:.75s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.record-player svg #disk{transform-origin:41.625% 50%;animation-name:spin;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.record-player svg #needle{transform-origin:84% 21%;transform:rotate(30deg);transition:.5s ease}.record-player svg #volume{transform:translateY(0);transition:.5s ease}.record-player svg.paused{animation-play-state:paused}.record-player svg.paused #volume{transform:translateY(15%)}.record-player svg.paused #needle{transform:rotate(0)}.record-player svg:hover{cursor:pointer}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.99)}to{transform:scale(1)}}.minimal-navbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:4rem 10vw;pointer-events:none}@media(max-width:675px){.minimal-navbar{padding-top:3rem;padding-bottom:3rem}}@media(max-width:450px){.minimal-navbar{padding-top:2rem;padding-bottom:2rem}}.minimal-navbar .name{pointer-events:all;text-transform:uppercase;letter-spacing:-.05em;font-weight:600;text-decoration:none}.minimal-navbar .nav-right{pointer-events:all;display:flex;gap:1rem;align-items:center}.minimal-navbar .nav-right .nav-link{color:#737373;text-decoration:underline solid rgba(0,0,0,.1)}.minimal-navbar .nav-right .nav-link:hover{color:#000000bf;text-decoration:underline solid rgba(0,0,0,.2)}@media(max-width:800px){.minimal-navbar .nav-right .nav-link{display:none}}.minimal-navbar .nav-right .menu-open-close{font:inherit;border:none;background:transparent;padding:0;width:fit-content;display:flex;flex-direction:column;gap:6px;z-index:12;opacity:.75}@media(min-width:801px){.minimal-navbar .nav-right .menu-open-close{display:none}}.minimal-navbar .nav-right .menu-open-close span{width:30px;height:2px;background:#000;display:block;transition:.2s ease}.minimal-navbar .nav-right .menu-open-close.open{position:fixed;top:4rem;right:10vw}.minimal-navbar .nav-right .menu-open-close.open span:first-of-type{transform:translateY(8px) rotate(45deg)}.minimal-navbar .nav-right .menu-open-close.open span:nth-of-type(2){transform:rotate(45deg);opacity:0}.minimal-navbar .nav-right .menu-open-close.open span:last-of-type{transform:translateY(-8px) rotate(-45deg)}.minimal-navbar .nav-right .menu-open-close:hover{cursor:pointer;opacity:1}.minimal-navbar .nav-right:has(.button) .open{top:4.75rem}.navbar-menu{position:fixed;top:0;right:0;bottom:0;width:22rem;background:#fff;padding:4rem 10vw;z-index:11;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);display:flex;flex-direction:column;justify-content:space-between;transition:.75s ease}@media(max-width:500px){.navbar-menu{width:100%}}.navbar-menu.closed{transform:translate(100%);clip-path:polygon(10% 0,100% 0,100% 100%,10% 100%)}.navbar-menu .menu-links{display:flex;flex-direction:column;text-align:center}.navbar-menu .menu-links a{color:inherit;text-decoration:none;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;isolation:isolate;opacity:1;transition:.2s ease;padding:.5rem 0}.navbar-menu .menu-links a:before,.navbar-menu .menu-links a:after{content:"";position:absolute;transition:.5s ease;background:#0000001a;z-index:-1}.navbar-menu .menu-links a:before{inset:0 calc(100% + 10vw) 0 -10vw}.navbar-menu .menu-links a:after{inset:0 -10vw 0 calc(100% + 10vw)}.navbar-menu .menu-links a:hover{opacity:.9}@media(min-width:500px){.navbar-menu .menu-links a:hover:before{inset:0 50% 0 -10vw}.navbar-menu .menu-links a:hover:after{inset:0 -10vw 0 50%}}.navbar-menu .menu-bottom-links{display:flex;justify-content:space-between}.navbar-menu .menu-bottom-links a{font-size:.875rem;color:#737373;text-decoration:underline solid rgba(0,0,0,.1)}.navbar-menu .menu-bottom-links a:hover{color:#000000bf;text-decoration:underline solid rgba(0,0,0,.2)}.menu-background{position:absolute;inset:0;border:none;background:#0000001a;transition:.75s ease;z-index:8}.menu-background.closed{opacity:0;pointer-events:none}