@font-face{font-family:Nunito Sans;src:url(/fonts/NunitoSans_Black.ttf) format("truetype");font-weight:900;font-display:"swap"}@font-face{font-family:Nunito Sans;src:url(/fonts/NunitoSans_Regular.ttf) format("truetype");font-weight:400;font-display:"swap"}@font-face{font-family:Barlow;src:url(/fonts/BarlowCondensed-ExtraLight.ttf);font-weight:400;font-style:normal;font-display:"swap"}@layer reset,main,utility;:root{--teal: #17bbb3;--dark-teal: #148f87;--light-teal: #c6efec;--magenta: #de4b87;--dark-magenta: #962d57;--dark-purple: #6d0693;--warm-white: #fffbf2;--warm-white-alpha: #fffbf2d6;--magenta-alpha: #bd4978c9;--teal-alpha: #c6efecc9;--tan-alpha: #fbf2ddc9;--tan: #f9f1df;--grey: #475a5d;--grid-auto-min: 250px;--grid-auto-span: 1 / -1;--dynamic-spacing: 1rem;--magenta-color-box-shadow: calc(var(--dynamic-spacing) / 2.5) calc(var(--dynamic-spacing) / 2.5) 0rem 0rem var(--magenta-alpha);--blue-color-box-shadow: calc(var(--dynamic-spacing) / 2.5) calc(var(--dynamic-spacing) / 2.5) 0rem 0rem var(--teal-alpha);--tan-color-box-shadow: calc(var(--dynamic-spacing) / 2.5) calc(var(--dynamic-spacing) / 2.5) 0rem 0rem var(--tan-alpha);--two-color-box-shadow: calc(var(--dynamic-spacing) / 2.5) calc(var(--dynamic-spacing) / 2.5) 0rem 0rem var(--magenta-alpha), calc(var(--dynamic-spacing) / 2.5 * -1) calc(var(--dynamic-spacing) / 2.5 * -1) 0rem 0rem var(--teal-alpha);--transition-ease: .3s ease-in;--grid-fit: auto-fit;--main-content: min(1700px, 90%)}@media (prefers-contrast: more){:root{--teal: #1bc7be}}main{--main-content: min(1500px, 90%)}@media (min-width: 800px){:root{--dynamic-spacing: 3rem}}@container grid (min-width: 1000px){.grid-span-2{--grid-auto-span: 1 / span 2 }.grid-span-1:has(~.grid-span-1),.grid-span-1~.grid-span-1,.grid-span-2~.grid-span-1{--grid-auto-span: auto }}@container grid (min-width: 1200px){:root{--grid-auto-min: 300px}}@container grid (min-width: 1600px){:root{--grid-auto-min: 400px}}@layer main{:root{--teal: #17bbb3;--dark-teal: #148f87;--light-teal: #c6efec;--magenta: #de4b87;--dark-magenta: #962d57;--dark-purple: #6d0693;--warm-white: #fffbf2;--warm-white-alpha: #fffbf2d6;--magenta-alpha: #bd4978c9;--teal-alpha: #c6efecc9;--tan-alpha: #fbf2ddc9;--tan: #f9f1df;--grey: #475a5d;--grid-auto-min: 250px;--grid-auto-span: 1 / -1;--dynamic-spacing: 1rem;--magenta-color-box-shadow: calc(var(--dynamic-spacing) / 2.5) calc(var(--dynamic-spacing) / 2.5) 0rem 0rem var(--magenta-alpha);--blue-color-box-shadow: calc(var(--dynamic-spacing) / 2.5) calc(var(--dynamic-spacing) / 2.5) 0rem 0rem var(--teal-alpha);--tan-color-box-shadow: calc(var(--dynamic-spacing) / 2.5) calc(var(--dynamic-spacing) / 2.5) 0rem 0rem var(--tan-alpha);--two-color-box-shadow: calc(var(--dynamic-spacing) / 2.5) calc(var(--dynamic-spacing) / 2.5) 0rem 0rem var(--magenta-alpha), calc(var(--dynamic-spacing) / 2.5 * -1) calc(var(--dynamic-spacing) / 2.5 * -1) 0rem 0rem var(--teal-alpha);--transition-ease: .3s ease-in;--grid-fit: auto-fit;--main-content: min(1700px, 90%)}@media (prefers-contrast: more){:root{--teal: #1bc7be}}main{--main-content: min(1500px, 90%)}@media (min-width: 800px){:root{--dynamic-spacing: 3rem}}@container grid (min-width: 1000px){.grid-span-2{--grid-auto-span: 1 / span 2 }.grid-span-1:has(~.grid-span-1),.grid-span-1~.grid-span-1,.grid-span-2~.grid-span-1{--grid-auto-span: auto }}@container grid (min-width: 1200px){:root{--grid-auto-min: 300px}}@container grid (min-width: 1600px){:root{--grid-auto-min: 400px}}}@layer main{nav{--dynamic-spacing: 1rem;--two-color-box-shadow: calc(var(--dynamic-spacing) / 2.5) calc(var(--dynamic-spacing) / 2.5) 0rem 0rem #bd49788c, calc(var(--dynamic-spacing) / 2.5 * -1) calc(var(--dynamic-spacing) / 2.5 * -1) 0rem 0rem #c6efec8c;position:sticky;z-index:10;top:calc(var(--dynamic-spacing));width:fit-content;margin-inline:auto;background-color:var(--warm-white);border-radius:var(--dynamic-spacing);box-shadow:var(--two-color-box-shadow);& ul{list-style:none;display:flex;gap:clamp(.25rem,1vw,1rem);justify-content:end;padding:clamp(.25rem,1vw,1rem);margin:0}a{position:relative;top:-.25rem;text-underline-offset:.5rem;&:visited{color:var(--dark-purple)}&:visited:hover{color:var(--magenta)}}}}@layer main{a{color:var(--dark-purple);transition:color var(--transition-ease);&:hover,&:focus{color:var(--magenta)}&:visited,&:visited:hover{color:var(--dark-teal)}}.splash{--inline-text-bg-color: var(--warm-white-alpha);--inline-text-padding: 0 .5rem 0 .5rem;display:grid;gap:var(--dynamic-spacing);grid-template-columns:repeat(2,1fr);font-size:5.4vw;text-transform:uppercase;height:auto;grid-template-rows:repeat(2,1fr);&.blog{grid-template-rows:auto}.headshot{position:relative;grid-column:1 / -1;grid-row:1 / span 2;transform:scale(1.5);& img{width:80%}}.home-page-title{display:flex;position:relative;flex-direction:column;gap:.2em;grid-column:2;grid-row:1;align-self:end;margin:0;text-align:right;font-weight:900;color:var(--teal);z-index:2;font-size:2em;line-height:1;bottom:calc(var(--dynamic-spacing) * 2)}.sub-title{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin:0;grid-column:1 / -1;grid-row:2;align-self:stretch;font-family:Barlow,Helvetica,sans-serif;font-size:2.5em;line-height:.9em;letter-spacing:.2rem;.designer{grid-column:1 / span 2;grid-row:1;justify-self:end;text-align:right;color:#fff;z-index:2;position:relative;bottom:calc(var(--dynamic-spacing) * 2.5);--inline-text-bg-color: var(--magenta-alpha);display:flex;flex-direction:column;gap:.25rem}.ampersand{grid-column:1 / span 2;grid-row:1 / span 2;width:50vw;justify-self:center;position:relative;align-self:center}.developer{grid-column:1 / span 2;grid-row:2;align-self:end;color:var(--magenta);margin-left:0;z-index:2;display:flex;flex-direction:column;gap:.5rem;.inline-text-background{align-self:start}.front-end-title{--inline-text-padding: 0 .5rem 0 .5rem;font-size:.3em;padding:var(--inline-text-padding)}}}.blog-name{grid-column:1 / span 2;grid-row:2;align-self:start;text-align:right;font-weight:900;color:var(--teal);z-index:2;font-size:1.5em;line-height:1em;margin:0;--inline-text-padding: 0 .5rem 0 .5rem;& span{display:inline-flex;flex-direction:column;gap:1rem}& span span:last-of-type{font-size:1.75em}}.blog-title-container{grid-column:1 / -1;grid-row:3;align-self:end;z-index:2;letter-spacing:.2rem;background-image:linear-gradient(-90deg,var(--dark-magenta),var(--magenta-alpha));padding:1rem;border-radius:1rem;color:#fff;.blog-title{font-family:Barlow,Helvetica,sans-serif;font-size:2.5em;line-height:.9em;text-align:right;margin:0;.icon-container{display:none!important}}.published-date{font-size:1rem;text-align:right;margin:1rem 0 0;&:empty{display:none}}}#rectSolid{grid-column:1 / span 2;grid-row:1 / span 2;z-index:-1;align-self:start;position:absolute;border-radius:2rem;mask-image:url(/BrushStrokeMask.svg);mask-repeat:no-repeat;mask-size:cover;mask-position:center;mask-clip:no-clip;background-image:linear-gradient(253deg,var(--magenta) 18%,var(--dark-magenta) 75%);width:115vw;height:111vw;transform:translateY(44.5vw) translate(3vw) rotate(-67deg);box-shadow:2.1vw 2vw var(--warm-white),3.46vw 2.56vw 0 var(--teal),5.56vw 5vw 0 var(--warm-white),6.93vw 5.49vw 0 var(--teal)}.inline-text-background{background-color:var(--inline-text-bg-color);align-self:end;line-height:1;padding:var(--inline-text-padding);border-radius:.1em}}@media (min-width:500px) and (max-width: 600px){.splash{height:auto;&:has(.blog-name){grid-template-rows:auto}.headshot{transform:scale(1.2) translateY(2vh);& img{width:65%}}.sub-title{.ampersand{bottom:-4vw;left:8vw}}.blog-name{grid-row:2;align-self:end;margin-top:6em}.blog-title-container{align-self:start}}}@media (min-width: 600px){.splash{grid-template-columns:repeat(4,1fr);grid-template-rows:auto;padding:0;height:auto;.headshot{grid-column:1 / span 2;transform:unset;& img{width:100%}}.home-page-title{display:block;grid-column:2 / span 3;grid-row:1 / span 1;justify-self:stretch;font-size:inherit;margin:0;bottom:0}.sub-title{grid-template-columns:repeat(3,1fr);grid-column:2 / span 3;grid-row:2;justify-self:stretch;align-self:start;font-size:1.5em;font-weight:700;line-height:.8;.designer{grid-column:2 / span 2;color:var(--magenta);bottom:calc(var(--dynamic-spacing))}.ampersand{grid-column:2 / span 1;grid-row:1 / span 2;justify-self:end;width:30vw;left:4vw}.developer{position:relative;top:-1vw;margin-left:5vw;justify-self:center;color:#fff;--inline-text-bg-color: var(--magenta-alpha)}}.blog-name{grid-column:2 / span 3;grid-row:1 / span 1;align-self:end;justify-self:stretch;font-size:inherit;margin:0;--inline-text-bg-color: var(--warm-white-alpha)}.blog-title-container{grid-column:2 / span 3;grid-row:2;justify-self:stretch;align-self:start;gap:1rem;.blog-title{display:flex;align-items:center;justify-content:end;font-size:1.2em;font-weight:700;&:has(.icon-container) span{flex-shrink:0}.icon-container{display:inline-flex!important;justify-content:center;align-items:end!important;.hero-icons{width:30%!important}}}}#rectSolid{grid-column:2 / span 2;width:45vw;height:75vw;box-shadow:1.1vw 2vw 0 var(--warm-white),1.46vw 2.56vw 0 var(--teal),2.56vw 5vw 0 var(--warm-white),2.93vw 5.49vw 0 var(--teal);transform:translateY(14.5vw) translate(16vw) rotate(-67deg)}.inline-text-background{align-self:end}}}@media (min-width: 1700px){.splash{font-size:92px;max-width:1700px;margin:0 auto;.sub-title .ampersand{left:67px;top:16px;width:509px}.sub-title .developer{margin-left:100px}#rectSolid{width:764px;height:1273px;transform:matrix(.390731,-.920505,.920505,.390731,271.36,245.92)}&:has(.blog-name){#rectSolid{width:764px;height:1273px;transform:matrix(.390731,-.920505,.920505,.390731,271.36,245.92)}}}}}