main.work{--max-container-width:74rem}main.work .button{text-decoration:none;padding:1rem;border-radius:1rem;display:inline-grid;grid-template-columns:auto 1fr;gap:.8rem;place-items:center}main.work .button svg{font-size:1.5rem}main.work .button.primary{box-shadow:0 1px 1px rgba(0,35,54,.11),0 2px 2px rgba(0,35,54,.11),0 4px 4px rgba(0,35,54,.11),0 6px 8px rgba(0,35,54,.11),0 8px 16px rgba(0,35,54,.11);background-color:var(--color-button-background);color:var(--color-button-text)}main.work .button.primary:hover{box-shadow:0 2px 1px rgba(0,35,54,9%),0 4px 2px rgba(0,35,54,9%),0 8px 4px rgba(0,35,54,9%),0 16px 8px rgba(0,35,54,9%),0 32px 16px rgba(0,35,54,9%);background-color:var(--color-button-hover-background)}main.work .button.secondary{border:1px solid var(--color-button-background)}main.work .button.secondary:hover{background-color:var(--color-button-hover-background)}main.work #intro{background:url(/images/backgrounds/ffflux1.png)50%/cover;background-color:rgba(0,0,0,.4);background-blend-mode:hard-light;color:var(--color-background)}main.work #intro .container{background:url(/images/puzzlehead.svg)50%/cover;padding-block:2rem}main.work #intro .tagline{margin-block-start:0;margin-inline-end:4rem;margin-block-end:1rem}main.work #intro .tagline em{display:block}main.work #intro .blurb{max-width:40ch;font-size:1.2em;margin-block-end:2.5rem;margin-inline-end:4rem}main.work #intro .tagline,main.work #intro .blurb{width:15rem}@media(min-width:60rem){main.work #intro .tagline,main.work #intro .blurb{width:40rem}main.work #intro .container{padding-block:4rem}}@media(min-width:1200px){main.work #intro .container{padding-block:6rem}}main.work #services .section__title{margin-block-end:3rem}main.work #services .services{display:grid;gap:3rem}@media(min-width:60rem){main.work #services .services{grid-template-columns:repeat(3,1fr)}}main.work #services .service{background-color:var(--color-card-background);color:var(--color-card-text);padding:2rem;border-radius:1rem;text-align:center;display:grid;grid-template-areas:"title" "summary" "icons";grid-template-rows:auto 1fr auto}main.work #services .service__title{grid-area:title;align-self:end;margin-block:0}main.work #services .service__summary{grid-area:summary;align-self:start}main.work #services .service__icons{grid-area:icons;display:flex;font-size:6rem;place-self:center}main.work #praise .title{margin-block-end:4rem;text-align:center}main.work .testimonials{display:flex;flex-flow:row wrap;gap:4rem;justify-content:center}main.work .testimonials .testimonial{display:grid;grid-template-areas:"bubble bubble" "avatar name";grid-template-columns:auto 1fr;grid-template-rows:auto auto;width:20rem;max-width:90%;place-items:center;gap:1rem}main.work .testimonials .testimonial .avatar{border-radius:100rem;grid-area:avatar;margin-inline-start:1rem}main.work .testimonials .testimonial .name{grid-area:name;place-self:center start}main.work .testimonials .testimonial .bubble{grid-area:bubble;background:green;color:#fff;padding:1rem;margin:0;min-height:6rem;width:100%;display:grid;place-items:center;text-align:center;border-radius:1rem;position:relative}main.work .testimonials .testimonial .bubble:after{content:'';position:absolute;display:block;width:0;border:1rem solid transparent;border-top-color:green;border-bottom:0;bottom:-.75rem;left:24px}main.work #interstitial{background:var(--color-card-background);padding-block:4rem}main.work #interstitial .container{max-width:38rem}main.work #interstitial .title{margin-block-start:0}main.work .you{color:green}main.work .me{color:#06c}main.work #examples .title{margin-block-end:4rem}main.work .work-items{--border-radius:1rem;display:grid;gap:2rem;align-items:center}@media(min-width:30rem){main.work .work-items{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));align-items:stretch}}main.work .work-item{background-color:var(--color-card-background);color:var(--color-card-text);display:grid;grid-template-areas:"link" "summary";grid-template-rows:auto 1fr;border-radius:var(--border-radius,1rem)}main.work .work-item__link{display:grid;grid-template-areas:"image" "title";grid-template-rows:1fr auto;grid-area:link}main.work .work-item__image{display:block;width:100%;grid-area:image;border-start-start-radius:var(--border-radius,1rem);border-start-end-radius:var(--border-radius,1rem)}main.work .work-item__title{grid-area:title;padding-inline:1rem;margin-block-end:0}main.work .work-item__summary{padding-inline:1rem;grid-area:summary;place-self:start}@media(min-width:9999px){main.work .work-item{aspect-ratio:unset}main.work .work-item.workmastodon{grid-column:span 3;grid-template-areas:"image title" "image summary";grid-template-columns:1fr 1fr}main.work .work-item.workmastodon .work-item__link{display:contents}main.work .work-item.workmastodon .work-item__title{grid-area:title;padding-block-start:2rem;padding-inline:2rem;text-decoration:underline}main.work .work-item.workmastodon .work-item__image{grid-area:image;border-start-end-radius:unset;border-end-start-radius:var(--border-radius,1rem)}main.work .work-item.workmastodon .work-item__summary{grid-area:summary;padding-inline:2rem}main.work .work-item.worktrilogy{grid-column:span 2;grid-template-areas:"image title" "image summary";grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}main.work .work-item.worktrilogy .work-item__link{display:contents}main.work .work-item.worktrilogy .work-item__title{grid-area:title;padding-block-start:2rem;padding-inline:2rem;text-decoration:underline}main.work .work-item.worktrilogy .work-item__image{grid-area:image;border-start-end-radius:unset;border-end-start-radius:var(--border-radius,1rem);height:100%;object-fit:cover}main.work .work-item.worktrilogy .work-item__summary{grid-area:summary;padding-inline:2rem}}main.work .your-item{display:grid;padding:2rem;border:4px dashed green;border-radius:var(--border-radius,1rem);place-items:center}main.work #hire-me p{max-width:70ch}main.work #hire-me .button span{justify-self:start}main.work #hire-me .button-container{margin-top:1rem}