.content{display:grid;gap:2rem;grid-template-areas:"text" "block";grid-template-columns:100%;grid-template-rows:auto 70vh auto;max-width:100%;overflow:hidden;padding-top:50vh}.content--center{grid-template-areas:"title" "text" "block"}.content--center-text{display:block}.title{font-weight:inherit;grid-area:title;margin-bottom:5vh}.text{font-size:clamp(2rem,4.75vw,5rem);font-weight:400;grid-area:text;line-height:1.1;margin:0;text-transform:none}.expanding-text{display:inline-grid;grid-template-columns:min-content;vertical-align:top}.expanding-text--inline{display:grid}.expanding-text--center,.expanding-text--full{display:block}.text--open .expanding-text{height:40vh}.expanding-text-img{aspect-ratio:16/9;border-radius:4rem;display:block;height:100%;overflow:hidden;position:relative;width:0}.expanding-text-img-inner{background-position:50%;background-size:cover;display:block;height:100%;width:100%}.text--open .expanding-text-img{width:300px}.anim{display:inline-block;white-space:nowrap}.block{color:#000;font-size:18px;grid-area:block;line-height:1.5;margin:90px 0;max-width:400px}.block a{color:#000;text-decoration:underline}.tools{align-items:center;display:flex;flex-direction:column;padding:15vh 0;width:100%}.tools>div{margin-bottom:50px;width:90%}.tools>div h2{font-size:clamp(1.5rem,.5vw,2rem);text-align:left}.tools>div img{height:100px;width:100%}.tools .tool-name{text-align:center}.testimonials{margin-bottom:50vh;position:sticky;top:200px;--offset:100px;align-items:center;background:url(/images/noise.png);background-attachment:fixed;background-color:var(--blue);background-size:150px,100% 100vh;color:#fff;display:flex;flex-direction:column;height:calc(100vh - var(--offset));height:auto;top:var(--offset)}.testimonials h1{font-size:clamp(2rem,2.5vw,5rem);margin:100px}.testimonials .testimonial-cards-wrapper{display:flex;justify-content:center;margin-bottom:100px;width:80%}.testimonials .testimonial-card{border-radius:var(--card-radius);flex-basis:30%;padding:20px 40px}.testimonials .testimonial-card p{font-weight:500}.testimonials .testimonial-card p:before{background-color:var(--green);content:"";display:block;height:60px;-webkit-mask-image:url(/svgs/quote.svg);mask-image:url(/svgs/quote.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:60px}.testimonials .testimonial-card .name{font-size:16px;font-weight:500;margin:20px 0 10px}.testimonials .testimonial-card .name a{color:var(--green)}.testimonials .testimonial-card .job{font-size:14px}.testimonials .testimonial-card:hover{background-color:var(--green)}.testimonials .testimonial-card:hover p:before{background-color:var(--blue)}.testimonials .testimonial-card:hover .job,.testimonials .testimonial-card:hover .name a{color:var(--blue)}.hobbies{--perspective:1500px;--grid-item-ratio:1;--grid-width:100%;--grid-height:auto;--grid-gap:1vw;--grid-columns:4;--grid-inner-scale:1;padding-bottom:50vh;padding-top:50vh;position:relative}.hobbies .hobbies__title{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;text-align:center;top:50%;width:50%}.hobbies .hobbies__title h3{font-size:clamp(1.5rem,3vw,6.5rem);font-weight:400;margin:0 0 50px;max-width:50%}.hobbies .hobbies__title video{height:100%;width:100%}.hobbies .hobbies__title video img{width:100%}.hobbies .hobbies-grid{display:grid;margin-top:70vh;padding:2rem;perspective:var(--perspective);place-items:center;width:100%}.hobbies .hobbies-grid-wrap{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(var(--grid-columns),1fr);height:var(--grid-height);transform-style:preserve-3d;width:var(--grid-width)}.hobbies .hobbies-grid__item{aspect-ratio:var(--grid-item-ratio);border-radius:8px;display:grid;height:auto;overflow:hidden;place-items:center;position:relative;width:100%}.hobbies .hobbies-grid__item-inner{background-position:50% 50%;background-size:cover;height:calc(1/var(--grid-inner-scale)*100%);position:relative;width:calc(1/var(--grid-inner-scale)*100%)}.blog{align-items:center;height:99vh;margin-bottom:12vh;padding:5vh}.blog,.blog-cards-wrapper{display:flex;flex-direction:column}.blog-cards-wrapper{height:100%}.blog-cards-wrapper h1{margin-bottom:100px;text-align:center}.blog-cards{display:grid;flex-grow:1;gap:2%;grid-template-columns:repeat(3,1fr);justify-content:center;width:100%}.blog-card{background-repeat:no-repeat;background-size:cover;border:2px solid var(--green);border-radius:var(--card-radius);display:flex;flex-direction:column;flex-grow:1;height:auto;justify-content:flex-end;max-height:400px;position:relative}.blog-card a{display:flex;font-size:14px;font-weight:500;gap:10px;position:static;width:-moz-fit-content;width:fit-content}.blog-card a:before{border:2px solid var(--green);border-radius:var(--card-radius);content:"";cursor:pointer;height:auto;inset:0;opacity:1;pointer-events:auto;position:absolute;z-index:1}.blog-card-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5454544d;border-radius:0 0 var(--card-radius) var(--card-radius);color:#fff;padding:20px}.blog-card-description h3{font-weight:500;margin:0}.blog-card-description p{font-size:16px;font-weight:400;line-height:1.6}@media screen and (min-width:40em){.content-left{grid-template-areas:"text text" ". block";grid-template-columns:auto auto;grid-template-rows:auto 19vw auto}.content--center{grid-template-areas:"title" "text" "block";grid-template-rows:auto 40vw auto;place-items:center;text-align:center}.content--center-text:is(:last-child){align-self:start}.content--center-text:is(:last-child):after{content:"- Christopher Zeeman";font-size:20px}.content--right{grid-column-gap:10vw;grid-template-areas:"block title" "block text";grid-template-columns:auto 55%;grid-template-rows:auto 50vw;justify-content:end;text-align:right}.content--right .block{margin-top:40vh}.expanding-text--inline{display:inline-grid;gap:.1em;grid-template-columns:repeat(2,min-content)}.text--open .expanding-text-img{max-width:50vw}.expanding-text--center{display:inline-grid;gap:.15em;grid-template-columns:1fr min-content 1fr;justify-content:center}.expanding-text--full{grid-template-columns:100%;width:100%}.expanding-text--full .expanding-text-img{margin-left:auto}.aright{text-align:right}.anim{height:100px}.embla__container{gap:100px}}@media only screen and (min-width:340px) and (max-width:850px) and (min-height:500px){.content{padding-top:60vh}.projects{padding:15vh 0}.projects-cards{grid-template-columns:1fr}.testimonials{margin:0 calc(var(--body-padding)*-1)}.testimonials h1{font-size:clamp(1.5rem,1vw,3rem);margin:50px 20px;text-align:center}.testimonials .testimonial-card{max-width:300px}.testimonials p{font-size:14px}.blog-cards{grid-template-columns:1fr}}
