@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&display=swap";@import "https://use.typekit.net/pne6nlj.css";@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&display=swap";@import "https://use.typekit.net/pne6nlj.css";@import "https://use.typekit.net/pne6nlj.css";@import "https://fonts.googleapis.com/css2?family=Delicious+Handrawn&display=swap";.header{z-index:100;background-color:#0000;border-bottom-right-radius:2rem;border-bottom-left-radius:2rem;width:100%;transition:background-color .3s;position:fixed;top:0;left:0}.header--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#b483f433}.header__container{justify-content:space-between;align-items:center;padding:1rem 3rem .5rem;display:flex}.header__brand{align-items:center;gap:1rem;text-decoration:none;display:flex}.header__logo{object-fit:cover;width:62px;height:68px}.header__name{font-family:var(--chorine);color:var(--violet);white-space:nowrap;font-size:2rem}.header__nav{align-items:center;gap:30px;display:flex}.header__email-btn{background:var(--lime);border:1px solid var(--violet);width:20px;height:20px;box-shadow:0 4px 0 3px var(--violet);cursor:pointer;color:var(--violet);border-radius:2rem;justify-content:center;align-items:center;padding:1.5rem;font-size:1.5rem;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s;display:flex;position:relative}.header__email-btn:hover{box-shadow:0 0px 0 3px var(--violet);background-color:#c1cd35;transform:translateY(2px)}.header__email-tooltip{background-color:var(--violet);color:#fff;font-family:var(--articulat);white-space:nowrap;border-radius:8px;padding:.3rem .75rem;font-size:.85rem;transition:opacity .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.header__hamburger{background:var(--lime);cursor:pointer;color:var(--violet);border:none;padding:.5rem;font-size:1.5rem;font-weight:600;display:none}@media (width<=1024px){.header{z-index:100;position:fixed}.header__backdrop{z-index:98;background:#0006;position:fixed;inset:0}.header__container{padding:1rem 1.5rem}.header__logo{width:56px;height:60px}.header__name{font-size:28px}.header__hamburger{box-shadow:0 2px 0 5px var(--violet);z-index:101;border-radius:2rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;position:relative}.header__nav{background-color:var(--violet);z-index:99;flex-direction:column;align-items:flex-start;gap:2rem;width:60%;height:100vh;padding:6rem 2rem 2rem;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0003}.header__nav--open{transform:translate(0)}}.footer{background-color:var(--violet);width:100%;padding:2rem 3rem}.footer__left{align-self:center}.footer__name{font-family:var(--handrawn);color:var(--lime);margin-bottom:1rem;font-size:3rem;line-height:1}.footer__hi-btn{background-color:var(--lime);cursor:pointer;font-family:var(--articulat);color:var(--violet);border:none;border-radius:20px;align-items:center;gap:1rem;padding:12px 25px;font-size:1.5rem;font-weight:700;display:flex;position:relative;box-shadow:0 3px 0 6px #00000040}.footer__hi-btn-icon{background-color:var(--violet);color:var(--lime);border-radius:2rem;flex-shrink:0;justify-content:center;align-items:center;padding:12px;font-size:1.25rem;display:flex}.footer__email-tooltip{color:var(--violet);font-family:var(--articulat);white-space:nowrap;background-color:#fff;border-radius:8px;padding:.3rem .75rem;font-size:.85rem;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.footer__nav{justify-content:flex-end;align-items:center;gap:96px;margin-top:16px;display:flex}.footer__nav-col{flex-direction:column;gap:16px;display:flex}.footer__nav-col a{font-family:var(--articulat);color:var(--lime);white-space:nowrap;font-size:1.25rem;font-weight:500;text-decoration:none}.footer__social-icon{background-color:var(--lime);width:20px;height:20px;color:var(--violet);border-radius:50%;justify-content:center;align-items:center;padding:1.5rem;font-size:1.5rem;display:flex}.footer__credit{text-align:center;font-family:var(--articulat);color:#cad83b96;padding:1.5rem;font-size:16px}@media screen and (width<=768px){.footer{padding:1.5rem 0}.footer__name{text-align:center}.footer__left{flex-direction:column;align-items:center;display:flex}.footer__nav{flex-direction:column;gap:16px;margin-top:0;display:flex}.footer__nav-col{flex-direction:row;gap:16px;display:flex}.footer__credit{padding:1rem}}.back-to-top{z-index:200;border:1px solid var(--violet);cursor:pointer;color:var(--violet);opacity:0;visibility:hidden;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.1rem;transition:opacity .3s,visibility 0s linear .3s,transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:2rem;right:2rem}.back-to-top--visible{opacity:1;visibility:visible;transition:opacity .3s,visibility,transform .15s,box-shadow .15s}.back-to-top:hover{box-shadow:0 0px 0 5px var(--violet);transform:translateY(2px)}.back-to-top__label{font-family:var(--handrawn);font-size:.85rem;font-weight:700;line-height:1}.page-wrapper{min-height:100vh;position:relative}main{padding-top:120px}.grid-bg{z-index:-1;background-color:var(--lavender);opacity:.2;background-image:linear-gradient(90deg,#7647e4 1px,#0000 1px),linear-gradient(#7647e4 1px,#0000 1px);background-size:3rem 3rem;position:fixed;inset:0}@media (width<=1024px){main{padding-top:92px}}.embla{height:500px;position:relative}.embla__viewport{overflow:hidden}.embla__container{touch-action:pan-y pinch-zoom;align-items:center;margin-bottom:1rem;display:flex}.embla__slide{flex:0 0 65%;min-width:0;margin-right:30px}.embla__btn{background:var(--lime);border:2px solid var(--violet);box-shadow:0 3px 0 2px var(--violet);cursor:pointer;width:44px;height:44px;color:var(--violet);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.embla__btn--prev{left:1%}.embla__btn--next{right:1%}.embla__btn:hover{box-shadow:none;transform:translateY(calc(2px - 50%))}.featured-card{border:1px solid var(--violet);height:480px;box-shadow:6px 6px 0 3px var(--violet);border-radius:1rem;text-decoration:none;transition:transform .3s;display:block;position:relative;overflow:hidden;transform:scale(.88)}.featured-card--focused{transform:scale(1)}.featured-card__img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.featured-card--focused:hover .featured-card__img{transform:scale(1.03)}.featured-card__overlay{flex-direction:column;justify-content:flex-end;padding:2rem;transition:background-color .3s;display:flex;position:absolute;inset:0}.featured-card--focused:hover .featured-card__overlay{background-color:#0000008c}.featured-card__tag,.featured-card__title,.featured-card__desc{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(10px)}.featured-card--focused:hover .featured-card__tag,.featured-card--focused:hover .featured-card__title,.featured-card--focused:hover .featured-card__desc{opacity:1;transform:translateY(0)}.featured-card__tag{font-family:var(--handrawn);color:var(--lime);margin-bottom:.25rem;font-size:1.5rem}.featured-card__title{font-family:var(--articulat);color:#fff;font-size:2.5rem;font-weight:700}.featured-card__desc{font-family:var(--articulat);color:#fff;margin-top:.5rem;font-size:1rem}@media screen and (width<=1024px){.embla{height:380px}.embla__slide{flex:0 0 85%;margin:0 15px}.embla__btn--prev{top:50%;left:5px}.embla__btn--next{top:50%;right:5px}.featured-card{height:320px;transform:scale(1)}.featured-card--focused{transform:scale(1)}.featured-card__overlay{background-color:#00000073}.featured-card__tag,.featured-card__title,.featured-card__desc{opacity:1;transform:translateY(0)}.featured-card__tag{font-size:1.25rem}.featured-card__title{font-size:1.75rem}}.testimonial-card{border:2px solid var(--violet);box-shadow:5px 6px 0 1px var(--violet);border-radius:1.5rem;height:100%;padding:2rem}.testimonial-card--lavender{background-color:var(--lavender)}.testimonial-card--lavender .testimonial-card__name,.testimonial-card--lavender .testimonial-card__role,.testimonial-card--lavender .testimonial-card__quote{color:#fff}.testimonial-card--lime{background-color:var(--lime)}.testimonial-card--lime .testimonial-card__name,.testimonial-card--lime .testimonial-card__role,.testimonial-card--lime .testimonial-card__quote{color:var(--violet)}.testimonial-card__header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.testimonial-card__avatar{object-fit:cover;border:2px solid var(--violet);border-radius:50%;flex-shrink:0;width:60px;height:60px}.testimonial-card__name{font-family:var(--articulat);margin:0;font-size:1.25rem;font-weight:700}.testimonial-card__role{font-family:var(--articulat);opacity:.8;margin:0;font-size:.9rem}.testimonial-card__quote{font-family:var(--articulat);font-size:1rem;line-height:1.6}@media screen and (width<=768px){.testimonial-card{height:auto}.testimonial-card__name{font-size:1.1rem}}.t-embla{padding:0 3rem;position:relative}.t-embla__viewport{margin:-4px -10px -10px 0;padding:4px 10px 10px 0;overflow:hidden}.t-embla__container{margin-bottom:2rem;margin-left:-1.5rem;display:flex}.t-embla__slide{box-sizing:border-box;flex:0 0 50%;min-width:0;padding-left:1.5rem}.t-embla__btn{background:var(--lime);border:2px solid var(--violet);box-shadow:0 3px 0 2px var(--violet);cursor:pointer;width:44px;height:44px;color:var(--violet);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.t-embla__btn--prev{left:-1%}.t-embla__btn--next{right:-1%}.t-embla__btn:hover{box-shadow:none;transform:translateY(calc(2px - 50%))}@media screen and (width<=768px){.t-embla__slide{flex:0 0 100%}.t-embla{padding:0 2.5rem}}.hero{align-items:center;width:100%;min-height:70vh;margin-top:4rem;position:relative}.scroll-down-btn{font-family:var(--handrawn);font-size:1.5rem;animation:3s ease-in-out infinite float;position:absolute;top:90%;left:46%;transform:translate(-50%)}.scroll-down-btn a{color:var(--violet);text-decoration:none}.hero__text{z-index:1;flex-direction:column;padding:0 6rem;animation:.6s ease-out both hero-fade-left;display:flex}.hero__text .buttons{align-self:flex-start}.hero__name{font-family:var(--chorine);text-shadow:8px 6px 0 var(--lime);letter-spacing:.1em}.hero__title-label{font-family:var(--handrawn);color:var(--violet);align-self:flex-start;margin-bottom:8px;padding:.25rem 1rem;font-size:2rem;font-weight:400;position:relative}.hero__title-label:after{content:"";background-color:var(--lime);z-index:-1;width:100%;height:1.5rem;position:absolute;top:40%;left:.5%}.hero__name{margin:0;line-height:1}.hero__bio{font-family:var(--articulat);color:var(--violet);max-width:685px;margin-top:16px;margin-bottom:16px;font-size:24px;font-weight:500}.hero__visuals{justify-content:center;align-self:center;display:flex}.hero__avatar{animation:.5s cubic-bezier(.34,1.56,.64,1) .45s both hero-pop}.hero__avatar video,.hero__avatar canvas{width:clamp(250px,28vw,400px);height:auto;animation:3.2s ease-in-out infinite float;display:block}.hero__obj-wrap{position:absolute}.hero__obj{width:100%;display:block}.hero__obj--headphones{--rotate-start:10deg;--rotate-end:-2deg;width:clamp(65px,7vw,100px);animation:.4s cubic-bezier(.34,1.56,.64,1) .6s both hero-pop,2s ease-in-out 1s infinite wobble;top:-2%;right:7%}.hero__obj--boba{--rotate-start:-10deg;--rotate-end:-2deg;width:clamp(65px,7vw,100px);animation:.4s cubic-bezier(.34,1.56,.64,1) .65s both hero-pop,2s ease-in-out 1.05s infinite wobble;top:-4%;right:35%}.hero__obj--switch{--rotate-start:-15deg;--rotate-end:-22deg;width:clamp(85px,9vw,130px);animation:.4s cubic-bezier(.34,1.56,.64,1) .7s both hero-pop,2s ease-in-out 1.1s infinite wobble;top:48%;right:38%}.hero__obj--cat{--rotate-start:-11deg;--rotate-end:-2deg;width:clamp(75px,8.3vw,120px);animation:.4s cubic-bezier(.34,1.56,.64,1) .75s both hero-pop,2s ease-in-out 1.15s infinite wobble;top:48%;right:2.5%;transform:rotate(15deg)}.hero__textpop{white-space:nowrap;font-family:var(--handrawn);color:var(--violet);opacity:0;pointer-events:none;background:#7647e41f;border:1.5px solid #7647e44d;border-radius:10px;padding:.4rem .85rem;font-size:1rem;transition:opacity .2s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.hero__obj-wrap:hover .hero__textpop,.hero__textpop--visible{opacity:1}@keyframes hero-fade-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes hero-pop{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes wobble{0%,to{rotate:var(--rotate-start)}50%{rotate:var(--rotate-end)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.projects-section__title{color:var(--violet);text-align:right;font-family:var(--chorine);padding:7rem 3rem 1.5rem;font-weight:400}.projects-section__button{justify-content:center;margin-top:2rem;display:flex}.kind-words{margin:3rem 2rem}.kind-words__title{font-family:var(--chorine);padding:1rem 3rem;font-weight:400}@media screen and (width<=1024px){.hero{margin-top:2rem}.hero__title-label{align-self:center}.hero__title-label:after{left:0}.hero__text{text-align:center;justify-content:center;padding:0}.hero__bio{padding:0 2.5rem;font-size:20px}.hero__textpop,.hero__obj,.scroll-down-btn{display:none}.hero__text .buttons{align-self:center}.projects-section__title{text-align:center;margin-top:9.5rem;padding:0}}.about{margin-top:3rem}.about-intro{align-items:center;gap:4rem;padding:3rem 0 5rem;display:flex}@keyframes slide-in-left{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.about-intro__stack{flex:1;justify-content:center;animation:.6s ease-out both slide-in-left;display:flex}.about-intro__right{flex-direction:column;flex:1;gap:1.25rem;animation:.6s ease-out both slide-in-right;display:flex}.about-card-stack{width:400px;height:500px;position:relative}.about-card{border:1.5px solid var(--violet);box-shadow:5px 5px 0 4px var(--violet);opacity:0;background:#fff;border-radius:.5rem;padding:10px 10px 48px;position:absolute;inset:0;overflow:hidden}.about-card img{object-fit:cover;width:100%;height:100%;display:block}.about-card--visible{opacity:1}.about-intro__title{font-family:var(--chorine);color:var(--violet);text-shadow:6px 5px 0 var(--lime);white-space:normal;font-size:5rem;line-height:1.1;position:static}.about-facts{flex-direction:column;gap:1.5rem;display:flex}.about-fact{background-color:var(--lime);color:var(--violet);border:1.5px solid var(--violet);box-shadow:3px 4px 0 0 var(--violet);font-family:var(--articulat);border-radius:16px;margin:0;padding:.75rem 1.5rem;font-size:1.25rem}.about-story{background-color:var(--violet);align-items:center;gap:4rem;margin-top:3rem;padding:3rem 5rem;display:flex}.about-story__photo-wrap{justify-content:center;align-items:center;width:45%;padding:2rem;display:flex}.about-story__photo-frame{background-color:#f7f7f7;border-radius:.5rem;padding:1.25rem 1.25rem 6rem;display:inline-block;rotate:-3.86deg;box-shadow:-8px 9px #470084}.about-story__photo{object-fit:cover;width:500px;height:530px;display:block}.about-story__text{flex:1}.about-story__title{font-family:var(--chorine);color:var(--lime);margin-bottom:2rem;line-height:1}.about-story__subtitle{font-family:var(--articulat);color:#fff;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.about-story__body{font-family:var(--articulat);color:#fff;font-size:1.25rem;line-height:1.6}.about-education{background-color:var(--lavender);align-items:center;gap:4rem;padding:3rem 5rem;display:flex}.about-education__text{flex:1}.about-education__title{font-family:var(--chorine);color:var(--lime);margin-bottom:2rem;line-height:1}.about-education__subtitle{font-family:var(--articulat);color:#fff;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.about-education__body{font-family:var(--articulat);color:#fff;max-width:36rem;font-size:1.25rem;line-height:1.6}.about-education__photo-wrap{justify-content:center;align-items:center;width:45%;padding:2rem;display:flex}.about-education__photo-frame{box-shadow:8px 9px var(--violet);background-color:#f7f7f7;border-radius:.5rem;padding:1.25rem 1.25rem 4rem;display:inline-block;rotate:3.21deg}.about-education__photo{object-fit:cover;width:500px;height:530px;display:block}.about-inspo{padding:3rem 2rem}.about-inspo__title{font-family:var(--chorine);color:var(--violet);margin-bottom:1rem}.about-inspo__card{background-color:var(--lime);border:1.5px solid var(--violet);box-shadow:5px 6px 0 4px var(--violet);border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.about-inspo__card-img{object-fit:cover;border-radius:.5rem;width:100%;height:300px;display:block}.about-inspo__card-label{font-family:var(--handrawn);color:var(--violet);font-size:2rem}.about-inspo__card-desc{font-family:var(--articulat);color:var(--violet);font-size:1rem;line-height:1.6}@keyframes inspo-wiggle{0%{rotate:0deg}4.17%{rotate:3deg}8.33%{rotate:-3deg}12.5%{rotate:3deg}16.67%{rotate:0deg}to{rotate:0deg}}.about-inspo__card:first-child{animation:3s linear infinite inspo-wiggle}.about-inspo__card:nth-child(2){animation:3s linear -2.5s infinite inspo-wiggle}.about-inspo__card:nth-child(3){animation:3s linear -2s infinite inspo-wiggle}.about-values{padding:3rem 2rem}.about-values__title{font-family:var(--chorine);color:var(--violet);text-align:right;margin-bottom:1rem}.about-values__item{text-align:center;background-color:var(--violet);border:1.5px solid var(--lime);box-shadow:5px 6px 0 4px var(--lime);border-radius:1rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1.25rem;display:flex}.about-values__circle{width:80px;height:80px}.about-values__circle img{object-fit:contain;width:100%;height:100%;display:block}.about-values__label{font-family:var(--handrawn);color:#fff;font-size:2rem}.about-values__desc{font-family:var(--articulat);color:#fff;font-size:1rem;line-height:1.6}@media screen and (width<=1024px){.about-intro{flex-direction:column;align-items:center;gap:2.5rem;padding:2rem 0 4rem}.about-intro__title{text-align:center;font-size:3.5rem}.about-fact{font-size:1.25rem}.about-story{flex-direction:column;gap:1rem}.about-story__photo{width:250px;height:300px}.about-story__title{text-align:center}.about-story__subtitle{margin-bottom:1rem;font-size:1.5rem}.about-story__body{font-size:1rem}.about-education{flex-direction:column;gap:1rem}.about-education__text{flex:1}.about-education__title{text-align:center;margin-bottom:1rem}.about-education__subtitle{margin-bottom:1rem;font-size:1.5rem}.about-education__body{font-size:1rem}.about-education__photo-wrap{order:-1}.about-education__photo{width:250px;height:300px}.about-inspo__card-img{height:300px}.about-inspo__card-label{text-align:center}.about-inspo__card-desc{font-size:1rem}.about-values__circle{width:60px;height:60px}.about-values__label{font-size:1.75rem}.about-values__desc{font-size:1rem}}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.projects-page{animation:.5s ease-out both page-fade-in}.projects-page__header{text-align:center;padding:3rem 0 2rem}.projects-page__desc{font-family:var(--articulat);color:var(--violet);max-width:700px;margin:1rem auto;font-size:1.25rem;font-weight:500;line-height:1.6}.projects-filters{justify-content:center;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.projects-filters__btn{font-family:var(--handrawn);color:var(--violet);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:.4rem 1rem;font-size:2rem;transition:background-color .2s}.projects-filters__btn--active{background-color:var(--lime);text-decoration:underline}.projects-filters__btn:hover:not(.projects-filters__btn--active){background-color:#cad83b33}.projects-grid{margin-bottom:3rem}.project-card{border:1px solid var(--violet);cursor:pointer;height:480px;box-shadow:6px 6px 0 3px var(--violet);border-radius:1rem;text-decoration:none;position:relative;overflow:hidden}.project-card__img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.project-card:hover .project-card__img{transform:scale(1.03)}.project-card__overlay{flex-direction:column;justify-content:flex-end;padding:2rem;transition:background-color .3s;display:flex;position:absolute;inset:0}.project-card__title,.project-card__tags{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(10px)}.project-card:hover .project-card__overlay{background-color:#0000008c}.project-card:hover .project-card__title,.project-card:hover .project-card__tags{opacity:1;transform:translateY(0)}.project-card__title{font-family:var(--articulat);color:#fff;margin-bottom:.5rem;font-size:3rem;font-weight:700}.project-card__tags{font-family:var(--handrawn);color:var(--lime);font-size:1.5rem}@media screen and (width<=1024px){.projects-page__header h1{font-size:5rem}.projects-page__desc{padding:0 1.25rem;font-size:1rem}.projects-filters{gap:1.25rem}.projects-filters__btn{font-size:1.5rem}.project-card{height:300px}.project-card__title{font-size:2rem}.project-card__title,.project-card__tags{opacity:1}}.playground{animation:.5s ease-out both page-fade-in}.playground__header{text-align:center;margin:3rem 0}.playground__title{color:var(--violet);margin-bottom:1.5rem;line-height:1}.playground__desc{font-family:var(--articulat);color:var(--violet);max-width:55rem;margin:0 auto;font-size:1.5rem;line-height:1.6}.playground__filters{justify-content:center;align-items:center;gap:2rem;margin-bottom:1.5rem;display:none}.playground__filter-btn{font-family:var(--handrawn);color:var(--violet);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:.4rem 1rem;font-size:2rem;font-weight:700;transition:background-color .2s}.playground__filter-btn--active{background-color:var(--lime);text-decoration:underline}.playground__filter-btn:hover:not(.playground__filter-btn--active){background-color:#cad83b33}.playground__grid{column-count:3;column-gap:2rem;margin-bottom:3rem}.playground__item{break-inside:avoid;border:1px solid var(--violet);box-shadow:6px 6px 0 3px var(--violet);border-radius:8px;margin-bottom:2rem;position:relative;overflow:hidden}.playground__item img{width:100%;display:block}.playground__overlay{opacity:0;background:#00000073;flex-direction:column;justify-content:flex-end;padding:1.5rem;transition:opacity .25s;display:flex;position:absolute;inset:0}.playground__item:hover .playground__overlay{opacity:1}.playground__overlay-title{font-family:var(--articulat);color:#fff;margin-bottom:.25rem;font-size:2rem;font-weight:700}.playground__overlay-desc{font-family:var(--articulat);color:#fff;font-size:1rem;line-height:1.4}@media (width<=768px){.playground__grid{column-count:1;padding:0 2rem}.playground__desc{padding:0 2rem;font-size:1rem}}@keyframes ps-slide-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes ps-slide-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes ps-fade-in{0%{opacity:0}to{opacity:1}}.project-summary{padding-top:3rem}.project-summary__header{align-items:start;padding-bottom:3rem}.project-summary__left{flex-direction:column;animation:.6s ease-out both ps-slide-left;display:flex}.project-summary__tag{font-family:var(--handrawn);color:var(--violet);margin-bottom:.5rem;font-size:2rem;position:relative}.project-summary__tag:after{content:"";background-color:var(--lime);z-index:-1;width:380px;height:20px;position:absolute;top:45%;left:-1%}.project-summary__title{font-family:var(--articulat);color:var(--violet);margin:0 0 2rem;font-weight:700;line-height:.9}.project-summary__meta{background-color:var(--violet);border-radius:20px;flex-direction:column;align-self:flex-start;gap:.25rem;padding:1.25rem 2rem;display:inline-flex;position:relative}.project-summary__meta:after{content:"";background-color:var(--lime);z-index:-1;border-radius:20px;width:100%;height:100%;position:absolute;top:10%;left:5%}.project-summary__meta-label{font-family:var(--articulat);color:var(--lime);margin-top:.25rem;font-size:1.25rem;font-weight:700}.project-summary__meta-label:first-child{margin-top:0}.project-summary__meta-value{font-family:var(--articulat);color:#fff;font-size:1.25rem}.project-summary__right{align-items:center;animation:.6s ease-out both ps-slide-right;display:flex}.project-summary__desc{font-family:var(--articulat);color:var(--violet);padding-top:3rem;padding-left:1.5rem;font-size:1.5rem;line-height:1.6}.project-summary__cover{width:100%;height:750px;margin-top:2rem;animation:.8s ease-out .3s both ps-fade-in;overflow:hidden}.project-summary__cover img,.project-summary__cover video{object-fit:cover;width:100%;height:100%;display:block}.project-summary__cover--prototype{cursor:pointer;position:relative}.project-summary__prototype-overlay{background-color:#0000;justify-content:center;align-items:center;text-decoration:none;transition:background-color .3s;display:flex;position:absolute;inset:0}.project-summary__cover--prototype:hover .project-summary__prototype-overlay{background-color:#00000080}.project-summary__prototype-btn{font-family:var(--articulat);color:var(--violet);background-color:var(--lime);border:2px solid var(--violet);box-shadow:0 4px 0 2px var(--violet);opacity:0;border-radius:2rem;padding:1rem 2.5rem;font-size:1.25rem;font-weight:700;transition:opacity .3s,transform .3s;transform:translateY(8px)}.project-summary__cover--prototype:hover .project-summary__prototype-btn{opacity:1;transform:translateY(0)}@media screen and (width<=768px){.project-summary__header{padding-bottom:1rem}.project-summary__left{align-items:center}.project-summary__title{text-align:center}.project-summary__tag:after{width:100%}.project-summary__tag{font-size:1.5rem}.project-summary__meta{flex-direction:column;align-self:center;padding:1rem 1.25rem;display:inline-flex}.project-summary__meta-label{font-family:var(--articulat);color:var(--lime);margin-top:.25rem;font-size:1.25rem;font-weight:700}.project-summary__meta-value{font-size:1rem}.project-summary__desc{text-align:center;padding-top:1rem;padding-left:0;font-size:1.25rem}.project-summary__cover{width:100%;height:300px;margin-top:1rem;overflow:hidden}.project-summary__cover img{object-fit:cover;width:100%;height:100%;display:block}}.project-page-nav nav{flex-direction:column;justify-content:center;gap:1.5rem;display:flex;position:sticky;top:40%}.project-page-nav__link{font-family:var(--handrawn);color:var(--violet);font-size:2rem;text-decoration:none;transition:color .2s}.project-page-nav__link:hover,.project-page-nav__link--active{color:var(--lime)}@media (width<=768px){.project-page-nav{display:none}}.more-projects{background-color:var(--lavender);margin-top:1rem;padding:4rem 0 5rem}.more-projects__title{color:#fff;margin-bottom:2rem}.more-projects__card{background-color:var(--lime);border:1.5px solid var(--violet);box-shadow:5px 6px 0 4px var(--violet);border-radius:1rem;padding:1.25rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.more-projects__card:hover{box-shadow:2px 2px 0 2px var(--violet);transform:translateY(4px)}.more-projects__img{object-fit:cover;border-radius:.5rem;width:100%;height:200px;display:block}.more-projects__tag{font-family:var(--handrawn);color:#fff;padding-top:.5rem;font-size:1.25rem}.more-projects__name{font-family:var(--articulat);color:var(--violet);margin:.25rem 0;font-size:1.5rem;font-weight:700}.more-projects__desc{font-family:var(--articulat);color:var(--violet);font-size:1rem;line-height:1.5}@media screen and (width<=1024px){.more-projects__img{height:180px}}.project-page-nav{flex-shrink:0;width:140px}.project-content{max-width:1280px;padding-right:4rem}.palace-section{flex-direction:column;gap:1.25rem;margin-bottom:5rem;display:flex}.palace-section__heading{font-family:var(--handrawn);color:var(--violet);font-weight:400}.palace-subsection__heading{font-family:var(--handrawn);color:var(--lime);margin-bottom:.5rem;font-size:3rem;font-weight:400}.palace-subheading__align-right{text-align:right}.palace-body{font-family:var(--articulat);color:#fff;font-size:1rem;line-height:1.6}.palace-card{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;padding:2.5rem 3rem}.palace-card__title{font-family:var(--handrawn);color:var(--lime);margin-bottom:1.25rem;font-weight:400}.palace-card__body{font-family:var(--articulat);color:#fff;font-size:1.5rem;font-style:italic;font-weight:500;line-height:1.5}.palace-research{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;flex-direction:column;gap:.75rem;padding:2.5rem 3rem;display:flex}.palace-research__heading{font-family:var(--handrawn);color:var(--lime);font-weight:400}.palace-research__subheading{font-family:var(--articulat);color:var(--lime);margin-top:1rem;font-size:1.5rem;font-weight:600}.palace-research__body{font-family:var(--articulat);color:#fff;font-size:1.25rem;line-height:1.6}.palace-logo-section{align-items:center;gap:3rem;display:flex}.palace-logo-left{flex:1.25;align-items:flex-start;gap:3rem;display:flex}.palace-logo-right{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;flex:1;padding:2.5rem 3rem}.palace-concept{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.palace-concept__label{font-family:var(--handrawn);color:var(--violet);font-size:2rem}.palace-concept__img{object-fit:contain;max-height:120px}.palace-concept__critique{font-family:var(--handrawn);color:var(--violet);max-width:220px;font-size:1rem}.palace-section__cover{object-fit:cover;border-radius:8px;width:100%;height:600px}.palace-final-logo__left{align-self:center}.palace-final-logo__right{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;align-self:center;padding:2.5rem 3rem}.palace-palette{border-radius:12px;gap:0;height:500px;display:flex;overflow:hidden}.palace-palette__swatch--tall{align-items:flex-end;width:30%;padding:1.5rem;display:flex}.palace-palette__grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.palace-palette__swatch{align-items:flex-end;padding:1rem 1.25rem;display:flex}.palace-palette__label{font-family:var(--articulat);text-align:center;align-self:center;width:100%;font-size:1.1rem;line-height:1.4}.palace-palette__text{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;order:-1;align-self:center;padding:2.5rem 3rem}.palace-type-showcase{flex-direction:column;gap:1rem;min-width:0;display:flex}.palace-type-block{flex-direction:column;gap:.5rem;display:flex}.palace-type__desc{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;align-self:center;padding:2.5rem 3rem}.palace-type__name{font-size:2.5rem}.palace-type__size{font-family:var(--articulat);color:#000;font-size:1rem}.palace-type__example{color:#000;line-height:1.2}.palace-type__example--bold{font-weight:700}.palace-typography>.palace-body{flex:1;min-width:0}.palace-mockup-full{object-fit:cover;border-radius:8px;width:100%;height:600px}.palace-poster-img{object-fit:contain;border-radius:1rem;width:100%;height:auto;display:block}.palace-full-img{object-fit:cover;border-radius:8px;width:100%;display:block}.palace-img-row{gap:1rem;display:flex}.palace-half-img{object-fit:cover;border-radius:8px;width:100%;height:500px;display:block}@media screen and (width<=768px){.palace-section{flex-direction:column;margin-bottom:2rem;display:flex}.project-content{flex:none;padding-right:0}.palace-body,.palace-card__body{font-size:1rem}.palace-logo-section{flex-direction:column}.palace-logo-left{flex-direction:column;align-items:center;gap:2rem}.palace-section__cover{height:200px}.palace-palette{height:300px}.palace-palette__label{font-size:1rem}.palace-typography{flex-direction:column}.palace-type__desc{padding:0}.palace-mockup-full,.palace-half-img{height:300px}}.project-body{gap:2rem;padding:4rem 2.5rem 6rem;display:flex}.project-content{flex:1;max-width:1280px}.heylo-section{flex-direction:column;gap:1.25rem;margin-bottom:5rem;display:flex}.heylo-section__heading{font-family:var(--handrawn);color:var(--violet);font-weight:400}.heylo-subsection__heading{font-family:var(--handrawn);color:var(--lime);margin-bottom:1rem;font-weight:400}.heylo-body{font-family:var(--articulat);color:#fff;font-size:1rem;line-height:1.6}.heylo-card{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;padding:2.5rem 3rem}.heylo-card__title{font-family:var(--handrawn);color:var(--lime);margin-bottom:1.25rem;font-weight:400}.heylo-card__body{font-family:var(--articulat);color:#fff;font-size:1.5rem;font-style:italic;font-weight:500;line-height:1.5}.heylo-research{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;flex-direction:column;gap:1rem;padding:2.5rem 3rem;display:flex}.heylo-research__heading{color:var(--lime);font-weight:400}.heylo-logo-section{align-items:center;gap:3rem;display:flex}.heylo-logo-left{flex:1.5;align-items:flex-start;gap:1.5rem;display:flex}.heylo-logo-right{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;flex:1;padding:2.5rem 3rem}.heylo-concept{text-align:center;flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex}.heylo-concept__label{font-family:var(--handrawn);color:var(--violet);font-size:1.5rem}.heylo-concept__img{object-fit:contain;max-height:90px}.heylo-concept__critique{font-family:var(--handrawn);color:var(--violet);max-width:180px;font-size:1rem}.heylo-final-logo__desc{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;align-self:center;padding:2.5rem 3rem}.heylo-palette{border-radius:12px;height:500px;display:flex;overflow:hidden}.heylo-palette__swatch--tall{align-items:flex-end;width:30%;padding:1.5rem;display:flex}.heylo-palette__grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.heylo-palette__swatch{align-items:flex-end;padding:1rem 1.25rem;display:flex}.heylo-palette__label{font-family:var(--articulat);text-align:center;align-self:center;width:100%;font-size:1.1rem;line-height:1.4}.heylo-color-palette__desc{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;order:-1;align-self:center;padding:2.5rem 3rem}.heylo-typography{align-items:flex-start;gap:.5rem;display:flex}.heylo-type-showcase{flex-direction:column;flex:1.2;gap:.4rem;display:flex}.heylo-type__name{font-size:2.5rem}.heylo-type__size{font-family:var(--articulat);color:#000;font-size:1rem}.heylo-type__example{color:#000;line-height:1.2}.heylo-type__example--bold{font-weight:700}.heylo-type__desc{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;align-self:center;padding:2.5rem 3rem}.heylo-full-img{object-fit:cover;border-radius:8px;width:100%;display:block}.heylo-img-row{gap:1rem;display:flex}.heylo-half-img{object-fit:cover;border-radius:8px;flex:1;width:100%;height:500px;display:block}.heylo-cover-img{object-fit:cover;border-radius:8px;width:100%;height:600px}.heylo-img-shift-up{object-position:0 75%}.heylo-social-img{object-fit:cover;border-radius:8px;flex:1;width:100%;display:block}@media screen and (width<=768px){.project-content{flex:none}.heylo-section{align-items:center;margin-bottom:2rem}.heylo-body,.heylo-card__body{font-size:1rem}.heylo-logo-section{flex-direction:column}.heylo-logo-left{flex-direction:column;align-items:center;gap:2rem}.heylo-palette{height:300px}.heylo-palette__label{font-size:.9rem}.heylo-typography{flex-direction:column}.heylo-cover-img{height:300px}.heylo-img-row{flex-direction:column}.heylo-half-img{height:300px}.heylo-social-row{flex-direction:column}.heylo-social-img{width:100%}}.project-content{flex:1;min-width:0;max-width:1280px}.motion-section{flex-direction:column;gap:1.25rem;margin-bottom:5rem;display:flex}.motion-section__heading{font-family:var(--handrawn);color:var(--violet);font-weight:400}.motion-card{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;padding:2.5rem 3rem}.motion-card__title{font-family:var(--handrawn);color:var(--lime);margin-bottom:1.25rem;font-weight:400}.motion-card__body{font-family:var(--articulat);color:#fff;font-size:1rem;font-weight:400;line-height:1.6}.motion-body{font-family:var(--articulat);color:#fff;text-align:justify;background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;padding:2.5rem 3rem;font-size:1rem;line-height:1.6}.motion-palette{border-radius:12px;height:500px;display:flex;overflow:hidden}.motion-palette__swatch--tall{align-items:flex-end;width:30%;padding:1.5rem;display:flex}.motion-palette__grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.motion-palette__swatch{align-items:flex-end;padding:1rem 1.25rem;display:flex}.motion-palette__label{font-family:var(--articulat);text-align:center;align-self:center;width:100%;font-size:1.1rem;line-height:1.4}.motion-comp{align-items:center;row-gap:3rem;width:100%}.motion-comp__video{object-fit:cover;border-radius:12px;flex-shrink:0;width:100%;height:500px;display:block}.motion-comp__text{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;flex-direction:column;flex:1;gap:.5rem;padding:2.5rem 3rem;display:flex}.motion-comp__heading{font-family:var(--articulat);color:var(--lime);font-weight:600}.motion-comp__body{font-family:var(--articulat);color:#fff;font-size:1rem;line-height:1.6}.motion-comp__video--right{justify-self:end}.motion-comp__video--girl{object-position:left center}.motion-full-img{object-fit:cover;border-radius:8px;width:100%;display:block}@media screen and (width<=768px){.motion-palette{height:300px}.motion-palette__label{font-size:.9rem}.motion-comp__video{order:1;height:300px}.motion-comp__text{order:2}.motion-card__body,.motion-body{font-size:1rem}}.makio-section{margin-bottom:5rem}.makio-body{font-family:var(--articulat);color:var(--violet);margin-top:1rem;font-size:1rem;line-height:1.75}.makio-card__body{font-family:var(--articulat);color:var(--lime);font-size:1rem;font-style:italic;font-weight:500;line-height:1.5}.makio-full-img{object-fit:cover;background-color:var(--violet);border:1px solid var(--violet);width:100%;box-shadow:6px 6px 0 3px var(--violet);border-radius:20px;margin-top:1.5rem;display:block}.makio-card{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;padding:2.5rem 3rem}.makio-card h2{color:#fff}.makio-challenge__quote{font-family:var(--articulat);color:var(--lime);margin-bottom:1rem;font-size:1.25rem;font-style:italic;font-weight:600;line-height:1.4}.makio-design-goal{margin-top:3rem;margin-left:2.5rem;position:relative}.makio-design-goal:before{content:"";background-color:var(--lime);width:5px;height:170px;position:absolute;left:-2.5%}.makio-design-goal__title{font-family:var(--articulat);color:var(--violet);margin-bottom:1rem;font-size:1.4rem;font-weight:700}.makio-design-goal__text{font-family:var(--articulat);color:var(--violet);font-size:2rem;font-style:italic;line-height:1.5}.makio-stats{margin-top:2rem;margin-bottom:2rem}.makio-stat{background-color:var(--lime);border:2px solid var(--violet);text-align:center;box-shadow:4px 4px 0 2px var(--violet);border-radius:1rem;padding:2rem 1.5rem}.makio-stat__number{font-family:var(--articulat);color:var(--violet);margin-bottom:.5rem;font-size:3rem;font-weight:700;line-height:1}.makio-stat__label{font-family:var(--articulat);color:var(--violet);font-size:.9rem;line-height:1.4}.makio-bar-chart{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:1rem;flex-direction:column;gap:1rem;margin-top:1.5rem;padding:2rem 2.5rem;display:flex}.makio-bar-chart__row{grid-template-columns:1fr 2fr auto;align-items:center;gap:1.25rem;display:grid}.makio-features__title{color:var(--violet)}.makio-bar-chart__label{font-family:var(--articulat);color:#fff;text-align:right;font-size:.85rem;line-height:1.4}.makio-bar-chart__track{background-color:#ffffff26;border-radius:7px;height:14px;overflow:hidden}.makio-bar-chart__fill{background-color:var(--lime);border-radius:7px;height:100%}.makio-bar-chart__value{font-family:var(--articulat);color:#fff;text-align:right;min-width:1.25rem;font-size:1rem;font-weight:700}.makio-userflow__subtitle{font-size:1.5rem;font-weight:700;font-family:var(--articulat);color:var(--violet);margin-top:1rem}.makio-insight-card{border:2px solid var(--violet);box-shadow:4px 4px 0 2px var(--violet);border-radius:1rem;margin-top:1rem;padding:2rem 1.75rem}.makio--insight{background-color:var(--lime)}.makio--solution{background-color:var(--lavender)}.makio-insight__num{font-family:var(--articulat);color:var(--violet);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.makio--solution .makio-insight__num{color:var(--lime)}.makio-insight__title{font-family:var(--articulat);color:var(--violet);margin-bottom:.5rem;font-size:1.1rem;font-weight:700;line-height:1.3}.makio--solution .makio-insight__title{color:#fff}.makio-insight__body{font-family:var(--articulat);color:var(--violet);font-size:.9rem;line-height:1.6}.makio--solution .makio-insight__body{color:#ffffffd9}.makio-arrows-row{margin:.25rem 0}.makio-arrows-row .col-4{justify-content:center;display:flex}.makio-arrow-down{display:block}.makio-iteration__text{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;align-self:center;margin-right:2rem;padding:2.5rem 3rem}.makio-iteration__title{font-family:var(--articulat);color:var(--lime);margin-bottom:.75rem;font-size:1.4rem;font-weight:700}.makio-iteration__body{color:#fff;font-family:var(--articulat)}.makio-before-after{justify-content:center;align-items:center;gap:2rem;margin-top:2rem;display:flex}.makio-before-after__side{flex-direction:column;align-items:center;gap:.75rem;display:flex}.makio-before-after__label{font-family:var(--articulat);color:#fff;background-color:var(--lavender);border:2px solid var(--violet);border-radius:2rem;padding:.35rem 1.5rem;font-size:1rem;font-weight:700}.makio-before-after__label--after{background-color:var(--lime);color:var(--violet);border-color:var(--lavender)}.makio-phone-screen{border:2px solid var(--violet);width:auto;height:480px;box-shadow:4px 4px 0 2px var(--violet);border-radius:2rem;display:block}.makio-before-after__arrow{flex-shrink:0;align-items:center;display:flex}.makio-reflection{background-color:var(--violet);border:1px solid var(--lime);box-shadow:6px 6px 0 3px var(--lime);border-radius:20px;padding:2.5rem 3rem}.makio-reflection__title{color:var(--lime)}.makio-reflection__body{color:#fff}@media screen and (width<=1024px){.makio-section{padding:2.5rem 0}.makio-challenge-card{padding:2rem 1.5rem}.makio-challenge__quote{font-size:1.25rem}.makio-design-goal{padding:2rem 1.5rem}.makio-design-goal__text{font-size:1.15rem}.makio-bar-chart{padding:1.5rem}.makio-bar-chart__row{grid-template-columns:1fr;gap:.4rem}.makio-bar-chart__label{text-align:left}.makio-arrows-row{display:none}.makio-before-after{flex-direction:column;gap:1.5rem}.makio-before-after__arrow{transform:rotate(90deg)}.makio-phone-screen{height:340px}}:root{--violet:#7647e4;--violet-shadow:#3b0fa2;--lavender:#a88aee;--lime:#cad83b;--articulat:"articulat-cf", sans-serif;--handrawn:"Delicious Handrawn", sans-serif;--chorine:"chorine-large", sans-serif;--spacing-line:8px;--spacing-title:16px;--spacing-object:64px;--spacing-section:96px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0}h1{font-size:6rem;font-family:var(--chorine);color:var(--violet)}h2{font-size:4rem;font-family:var(--handrawn);color:var(--violet);font-weight:400}h3{font-size:2.5rem;font-family:var(--articulat);font-weight:700}.buttons{background-color:var(--lavender);color:#fefefe;box-shadow:0 4px 0 3px var(--violet);border:1px solid var(--violet);font-family:var(--handrawn);border-radius:20px;padding:15px 30px;font-size:1.25rem;font-weight:400;text-decoration:none;transition:all .15s,background-color .15s;display:inline-block}.buttons:hover{box-shadow:0 0px 0 3px var(--violet);background-color:#987cd9;transform:translateY(2px)}.nav-buttons{background-color:var(--lime);color:var(--violet);box-shadow:0 4px 0 3px var(--violet);border:1px solid var(--violet);font-family:var(--handrawn);border-radius:20px;padding:12px 24px;font-size:1.25rem;font-weight:400;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-block}.nav-buttons:hover{box-shadow:0 0px 0 3px var(--violet);background-color:#c1cd35;transform:translateY(2px)}.nav-buttons.active{background-color:var(--violet);color:#fff;box-shadow:0 0px 0 3px var(--violet);transform:translateY(2px)}.icon-buttons{background-color:var(--lime);box-shadow:0 3px 0 5px var(--violet);border-radius:20px}.container{max-width:80rem;margin:0 auto;padding:0 1rem}.grid{grid-template-columns:repeat(12,1fr);gap:2rem;display:grid}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}@media screen and (width<=1024px){h1{font-size:5rem}h2{font-size:2.5rem}h3{font-size:2rem}.buttons{box-shadow:0 3px 0 4px var(--violet);font-family:var(--articulat);border-radius:10px;padding:10px 20px;font-size:1rem;font-weight:700;text-decoration:none}.col-1-sm{grid-column:span 1}.col-2-sm{grid-column:span 2}.col-3-sm{grid-column:span 3}.col-4-sm{grid-column:span 4}.col-5-sm{grid-column:span 5}.col-6-sm{grid-column:span 6}.col-7-sm{grid-column:span 7}.col-8-sm{grid-column:span 8}.col-9-sm{grid-column:span 9}.col-10-sm{grid-column:span 10}.col-11-sm{grid-column:span 11}.col-12-sm{grid-column:span 12}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}