.hero{position:relative;margin:0 auto;padding:0 var(--spacing-20);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-52);border-radius:var(--spacing-3)}.hero__hey{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-8);line-height:var(--leading-none)}.hero__about-title{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight);font-weight:var(--font-extrabold);margin-bottom:var(--spacing-10)}.hero__about-title span{color:var(--purple)}.hero__about-title .strike{position:relative}.hero__about-title .strike:after{position:absolute;top:50%;left:0;transform:translateY(-50%);content:"";width:100%;height:var(--spacing-1);background:var(--gray-900);transform:rotate(-3deg);border-radius:calc(var(--spacing-1)/2)}.hero__about{font-size:var(--text-lg);margin-bottom:var(--spacing-14);line-height:var(--leading-relaxed);font-weight:600;color:var(--gray-700)}.hero__avatar{position:relative;width:100%;padding-left:6rem}.hero__avatar .blob{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:225%;z-index:-1}.hero__avatar .blob path{fill:var(--yellow)}.hero__avatar-me{width:100%;height:100%}.hero__avatar-blob{position:absolute;width:var(--spacing-16)}.hero__avatar-blob--codepen{top:-4rem;left:2rem;transform:rotate(-20deg)}.hero__avatar-blob--article{top:2rem;right:-6rem;transform:rotate(20deg)}.hero__avatar-blob--paint{bottom:-4rem;right:-2rem}.hero__buttons{display:flex}.hero__buttons .btn{width:100%}.hero__buttons .btn:first-of-type{--x: -200%;--y: -200%;margin-right:var(--spacing-4);background:var(--purple);transition:transform 125ms ease,box-shadow 125ms ease;background:radial-gradient(circle at var(--x) var(--y), #8e79f6, var(--purple))}.hero__buttons .btn:first-of-type:hover{transform:scale(1.05);box-shadow:0px 8px 16px 0px rgba(114,87,250,.375)}.hero__buttons .btn:nth-of-type(2){background:var(--purple-light);border:0;color:var(--purple-dark)}.home{position:relative;margin-bottom:var(--spacing-52);display:grid;grid-template-columns:1fr calc(var(--spacing-88) + var(--spacing-2));grid-gap:var(--spacing-16)}.home__blob{position:absolute;width:32rem;bottom:-6rem;right:-20rem;transform:rotate(-15deg)}.explore-tags{position:relative;height:60%;padding-top:var(--spacing-16)}.explore-tags__sticky{position:sticky;top:var(--spacing-10)}.explore-tags__tags{display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-16)}.explore-tags__tags>*{margin-right:var(--spacing-2);margin-bottom:var(--spacing-2)}.explore-tags__view-all{display:block;width:100%;text-align:right;color:currentColor;text-decoration:none;font-weight:var(--font-bold);line-height:var(--leading-none)}.recently-published{position:relative;padding-top:var(--spacing-16)}.recently-published__posts{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-9)}.recently-published__posts:before{position:absolute;top:0;left:calc(12.5% - var(--spacing-9)/2);content:"";width:calc(75% + var(--spacing-9)/2);height:calc(100% + var(--spacing-10));background:var(--gray-000);z-index:-1;transform:skewY(2deg);background-image:url(cfbf2287eea9408e6a80.svg);background-size:cover}.recently-published__posts:before path{stroke:var(--gray-200);stroke-dasharray:4}.recently-published__post{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:var(--spacing-3);background:#fff;transform:translateZ(0px);padding:var(--spacing-7);box-shadow:0px 8px 16px 0px rgba(0,0,0,.025);overflow:hidden;transition:box-shadow 250ms ease}.recently-published__post-title{font-size:var(--text-xl);margin-bottom:var(--spacing-5);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);font-weight:var(--font-extrabold);padding-right:var(--spacing-7)}.recently-published__post-excerpt{color:var(--gray-700);margin-bottom:var(--spacing-7);hyphens:auto}.recently-published__post-date{font-size:var(--text-sm);color:var(--gray-500);line-height:var(--leading-none);font-weight:var(--font-semibold)}.recently-published__post-footer{display:flex;align-items:center}.recently-published__post-arrow{position:absolute;bottom:0;right:0;width:var(--spacing-8);height:var(--spacing-8);content:">";background:var(--purple);border-top-left-radius:var(--spacing-3);border-bottom-right-radius:var(--spacing-3);transition:background-color 125ms ease}.recently-published__post-arrow svg{width:var(--spacing-4);transition:transform 125ms ease}.recently-published__post:hover,.recently-published__post:focus,.recently-published__post:active{box-shadow:0px 8px 16px 0px rgba(0,0,0,.05)}.recently-published__post:hover .recently-published__post-title,.recently-published__post:focus .recently-published__post-title,.recently-published__post:active .recently-published__post-title{text-decoration:underline;color:var(--purple)}.recently-published__post:hover .recently-published__post-arrow,.recently-published__post:focus .recently-published__post-arrow,.recently-published__post:active .recently-published__post-arrow{background:var(--purple-dark);color:#fff}.recently-published__post:hover .recently-published__post-arrow svg,.recently-published__post:focus .recently-published__post-arrow svg,.recently-published__post:active .recently-published__post-arrow svg{transform:translateX(20%)}.recently-published__view-all{position:relative;width:100%;background:#352970;color:#fff;text-decoration:none;border-radius:var(--spacing-2);text-align:center;font-weight:var(--font-bold);height:var(--spacing-24);overflow:hidden;text-underline-offset:var(--spacing-1);transform:translate3d(0px, 0px, 0px);box-shadow:0px 8px 24px 0px rgba(53,41,112,.25);transition:box-shadow 250ms ease}.recently-published__view-all svg{position:absolute;opacity:.075}.recently-published__view-all svg:nth-of-type(1){top:-225%;width:80%;right:-20%}.recently-published__view-all svg:nth-of-type(1) path{fill:var(--purple-light)}.recently-published__view-all svg:nth-of-type(2){top:-30%;width:80%;left:-30%}.recently-published__view-all svg:nth-of-type(2) path{fill:var(--purple-light)}.recently-published__view-all span{position:relative;z-index:1}.recently-published__view-all:hover{box-shadow:0px 8px 24px 0px rgba(53,41,112,.5);text-decoration:underline;text-decoration-thickness:2px}.recently-published__blob{position:absolute;width:600px;z-index:-1}.recently-published__blob--2{bottom:-300px;right:-160px}.sketches{position:relative;display:flex;flex-wrap:wrap;margin-top:var(--spacing-60);margin-bottom:var(--spacing-52)}.sketches__header{width:100%}.sketches__grid{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:var(--spacing-16);margin-top:var(--spacing-4)}.sketches__grid-item{position:relative}.sketches__grid-item-img{position:relative;width:100%;padding-top:56.25%;border-radius:var(--spacing-2);overflow:hidden}@supports(aspect-ratio: 16/9){.sketches__grid-item-img{aspect-ratio:16/9;padding-top:0}}.sketches__grid-item-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.sketches__grid-item a{text-decoration:none;outline:none}.sketches__grid-item-title{position:relative;margin-top:var(--spacing-3);font-weight:var(--font-bold);color:var(--gray-800);z-index:1;pointer-events:none;display:flex;align-items:center;line-height:1}.sketches__grid-item-title svg{width:var(--spacing-4);margin-left:auto;opacity:0;transform:translateY(25%) translateX(0%);transition:transform 125ms ease,opacity 125ms ease}.sketches__grid-item-title svg *{vector-effect:non-scaling-stroke;stroke-width:1.5}.sketches__grid-item:nth-of-type(odd){transform:rotate(2deg)}.sketches__grid-item:nth-of-type(even){transform:rotate(-2deg)}.sketches__grid-item:hover .sketches__grid-item-title,.sketches__grid-item:focus-within .sketches__grid-item-title{color:var(--purple)}.sketches__grid-item:hover .sketches__grid-item-title:after,.sketches__grid-item:focus-within .sketches__grid-item-title:after{opacity:1}.sketches__grid-item:hover .sketches__grid-item-title svg,.sketches__grid-item:focus-within .sketches__grid-item-title svg{opacity:1;transform:translateY(0) translateX(0)}.sketches .btn{margin-left:auto;margin-top:var(--spacing-20)}@media only screen and (max-width: 1344px){.hero{padding:0}.hero__avatar-blob{display:none}.home{grid-gap:0}.home__blob{bottom:-16rem;right:2rem;width:14rem}.recently-published{grid-column:-1/1}.explore-tags{width:50%;height:100%;grid-column:-1/1;padding-top:0;margin-top:var(--spacing-52)}.explore-tags__tags{margin-bottom:0}.explore-tags__sticky{position:static;top:unset}.sketches__grid{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 1104px){.hero{position:relative;grid-template-columns:34rem 1fr}}@media only screen and (max-width: 960px){.hero{grid-template-columns:1fr}.hero__avatar{position:relative;grid-row:1;margin:0;width:100%;padding-left:0;margin-bottom:var(--spacing-20)}.hero__avatar-me{display:block;max-width:75%;margin:0 auto}.hero__avatar-blob{width:var(--spacing-11);display:block;top:0;left:0}.hero__avatar-blob--paint{top:auto;bottom:-1rem;right:3rem;left:auto}.hero__avatar-blob--article{left:auto;right:1rem;top:-1rem}.hero__avatar-blob--codepen{top:4rem;left:0rem}.hero__about-title{font-size:var(--text-3xl)}}@media only screen and (max-width: 768px){.hero__hey{font-size:var(--text-lg)}.section-heading:before{bottom:-20px}.home{grid-template-columns:1fr}.home__blob{width:4rem;bottom:-5rem;right:2rem;transform:rotate(-180deg)}.recently-published{padding-top:0}.recently-published__view-all{width:100%;height:var(--spacing-20)}.recently-published__posts{position:relative;grid-template-columns:1fr;padding-top:calc(var(--body-padding)*2);grid-gap:var(--spacing-7)}.recently-published__posts:before{left:calc(var(--body-padding)*-1);width:calc(100% + var(--body-padding)*2);transform:skewY(0deg);background-image:none;height:calc(100% - 2.5rem)}.recently-published__post{overflow:hidden;transform:translate3d(0px, 0px, 0px);padding:var(--spacing-6)}.recently-published__blob{width:32rem;top:-1rem;right:-14rem}.recently-published__view-all{margin-top:var(--spacing-2)}.sketches__grid{grid-template-columns:1fr}.sketches__grid-item:nth-of-type(odd){transform:rotate(1deg)}.sketches__grid-item:nth-of-type(even){transform:rotate(-1deg)}.sketches .btn{width:100%;margin-top:var(--spacing-16)}.explore-tags{width:100%}}@media only screen and (max-width: 600px){.recently-published h2{margin-bottom:var(--spacing-20)}.hero,.home{margin-bottom:var(--spacing-32)}.explore-tags,.sketches{margin-top:var(--spacing-32)}.sketches{margin-bottom:var(--spacing-32)}.hero__about-title{margin-bottom:var(--spacing-8)}.hero__about{margin-bottom:var(--spacing-11);color:var(--gray-700)}.hero__buttons{flex-direction:column}.hero__buttons .btn:first-of-type{margin-bottom:var(--spacing-4)}.recently-published__post-excerpt{margin-bottom:var(--spacing-6)}}

/*# sourceMappingURL=home.css.map*/