.hero{padding:4rem 0 2rem;.container{gap:var(--space-4)}}.hero__heading{font-size:clamp(2.5rem,6vw,6rem);line-height:1;color:var(--black);grid-column:1 / -1;font-family:var(--heading-font)}.hero__overview{font-size:1.125rem;grid-column:1 / -1}.hero__info{list-style:none;padding:0;margin:0;grid-column:1 / -1;& li{padding-block-end:var(--space-2)}}@media (min-width: 800px){.hero{padding:4rem 0}.hero__heading{grid-column:2 / -1}.hero__overview{grid-column:2 / 8}.hero__info{grid-column:9 / -2}}@media (min-width: 1432px){.hero{padding:4rem 0 8rem;.container{gap:var(--space-10) var(--space-4)}}.hero__overview{font-size:1.125rem}}.article{>.container>*{grid-column:1 / -1}h2{margin-block:clamp(1.5rem,4vw,3rem) clamp(.75rem,2vw,1.5rem);font-family:var(--heading-font);font-size:2.25rem;line-height:1.2}h3{font-size:1.25rem;font-weight:700}p{margin-block-end:var(--space-4)}a{color:var(--text-color);text-decoration-style:wavy;text-underline-offset:var(--space-1);transition:var(--color-transition)}}@media (min-width: 800px){.article>.container>*:not(.feature-image):not(.image-block):not(blockquote):not(.case-study-nav){grid-column:2 / -2}.article{p{max-width:90ch;text-wrap:balance}}}@media (min-width: 1432px){.article p:not(blockquote p),.article ul li{font-size:1.125rem;line-height:1.6875rem}.article{h2{font-size:3rem}h3{font-size:1.5rem}}}.project-section{padding-block:clamp(2rem,5vw,3.75rem)}.feature{p:last-of-type{margin-block-end:0}h3{margin-block-end:var(--space-2);color:var(--neutral-3);background:var(--tan-2);padding:.5rem 1rem;border-radius:var(--radius-sm);&:has(img){display:flex;column-gap:var(--space-2);img{width:1.5rem}}}h4{font-weight:600;margin-block-end:var(--space-3);margin-block-start:var(--space-4);font-size:1.2rem;color:var(--neutral-3)}+&{margin-block-start:clamp(2.5rem,6vw,5rem)}.grid__col p:first-child{margin-block-end:var(--space-3)}}.process{display:grid;gap:var(--space-6) var(--space-4);list-style:none;counter-reset:process;padding:0}.process__item{counter-increment:process;h3{font-size:1.2rem;font-weight:600;display:flex;align-items:center;column-gap:var(--space-2);margin-block-end:var(--space-3)}}.process__item h3:before{content:counter(process,lower-roman) ".";display:grid;place-items:center;font-style:italic;font-weight:400;text-align:center;background-position:center;background-repeat:no-repeat;background-size:contain;width:2.25rem;height:2.25rem}.process__item:nth-child(1) h3:before,.process__item:nth-child(4) h3:before,.process__item:nth-child(7) h3:before{background-image:url(/assets/images/circle-1.svg)}.process__item:nth-child(2) h3:before,.process__item:nth-child(5) h3:before{background-image:url(/assets/images/circle-2.svg)}.process__item:nth-child(3) h3:before,.process__item:nth-child(6) h3:before{background-image:url(/assets/images/circle-3.svg)}@media (min-width: 800px){.feature{margin-block:clamp(2rem,4vw,3rem);h3{margin-block-end:var(--space-4)}h4{margin-block-start:clamp(1.5rem,4vw,2.5rem);font-size:1.25rem;+.image-block{margin-block-start:var(--space-6)}}+&{margin-block-start:clamp(3rem,8vw,6rem)}}}@media (min-width: 1432px){.goals,.process{grid-template-columns:repeat(2,1fr)}}.feature-image{background-size:cover;background-repeat:no-repeat;border-radius:var(--radius-lg);background:var(--bg-other);display:flex;justify-content:center;padding:2rem;grid-column:1 / -1;margin-block-start:clamp(1.5rem,4vw,3rem);img{filter:drop-shadow(2px 10px 8px rgba(0,0,0,.5))}}.feature-image--ipac-dashboard{background-image:var(--bg-ipac-dashboard)}.feature-image--wide{padding:0;overflow:hidden}.feature-image--other{background:var(--bg-other)}.feature-image--s1-design-portal{background-image:var(--bg-s1-design-portal)}.feature-image--carsgenius{background-image:var(--bg-carsgenius)}.image-block{padding:var(--space-2);background:#484848;display:grid;justify-content:center;border-radius:1rem;margin-block:clamp(2rem,6vw,5rem);gap:var(--space-4);justify-items:center;&.image-block--general{background:var(--bg-other);padding:var(--space-4);figcaption{color:var(--text-color)}}figure{max-width:800px}img{min-width:0;border-radius:var(--radius-sm);margin-inline:auto}figcaption{padding-block-start:var(--space-2);font-style:italic;color:var(--white);font-size:.875rem;text-align:center;text-wrap:balance}}@media (max-width: 1432px){figure.has-mobile img:last-of-type{margin-block-start:1rem}}@media (min-width: 800px){.image-block{padding:var(--space-8);&.image-block--general{padding:var(--space-8)}&:has(figcaption){padding-block-end:1rem}}}@media (min-width: 1432px){.image-block{grid-template-columns:repeat(2,1fr);gap:var(--space-10);&.image-block--general{margin-block:var(--space-10)}&.image-block--full-width{grid-template-columns:1fr}h3+&{margin-block-start:var(--space-10)}&:not(.image-block--general){margin-inline:-7.35rem}&:has(figure:only-child),figure:only-child{grid-column:1/-1}&:not(.image-block--2-col) figure:nth-child(3){grid-column:1/-1}figure.has-mobile{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-5);max-width:100%;align-items:end;figcaption{grid-row:2;grid-column:1/-1}}}}.checklist{list-style:none;padding:0;margin:var(--space-4) 0;.feature &{margin-block-end:0}h4+&{margin-block-start:0}li{position:relative;column-gap:var(--space-3);display:flex;padding-block-end:var(--space-2);&:before{content:"";width:1.875rem;height:1.875rem;order:-1;min-width:1.875rem}}}.checklist--solution,.checklist--problem{display:flex;flex-direction:column;gap:var(--space-4);li{padding:var(--space-4);border-radius:var(--radius-default);min-height:5.5rem;align-items:center;font-weight:500;.checklist--solution &{background-color:#dcecda}.checklist--problem &{background-color:#f2dede}}}.checklist--solution{li:before{background:url(/assets/images/checkmark-icon.svg) no-repeat center/contain}}.checklist--problem{li:before{background:url(/assets/images/problem-icon.svg) no-repeat center/contain}}.checklist--arrow{li:before{background:url(/assets/images/arrow-circle.svg) no-repeat center/contain;rotate:270deg;translate:0 -.1rem;filter:invert(1)}}@media (min-width: 800px){.checklist{li{padding-block-end:var(--space-4)}}}.work-list{padding:1.5rem;background-color:#dfebea;margin-block-start:var(--space-8);margin-inline:calc(var(--page-margin) * -1);.container{row-gap:var(--space-4)}}.work-list__heading{font-family:var(--heading-font);font-size:2.25rem;line-height:1.2;grid-column:1/-1;text-align:center}.work-list__list{column-gap:var(--gutter);display:grid}.work-list__item{display:flex;flex-direction:column;row-gap:var(--space-4);text-decoration:none;scroll-snap-align:center;&:hover,&:focus{outline:none}&:last-of-type{margin-block-end:0}&.work-list__item--private{pointer-events:none;.work-list__image{position:relative;&:before{content:"Contact me for a private viewing";position:absolute;z-index:2;inset:0;background:#000000bf;border-radius:var(--radius-default);text-align:center;color:var(--white);font-size:1.125rem;font-style:italic;display:flex;align-items:center;justify-content:center;padding:1rem}}.work-list__info{opacity:.35}}}.work-list__image{background-color:var(--black);border-radius:var(--radius-default);display:flex;justify-content:center;align-items:center;transition:all .15s ease;height:8rem;overflow:hidden;img{width:100%;height:100%;object-fit:cover}}.work-list__item:hover .work-list__image,.work-list__item:focus .work-list__image{scale:.95;opacity:.8}.work-list__title{position:relative;column-gap:var(--space-3);display:flex;color:var(--text-color);font-size:1rem;font-weight:600;margin-bottom:.3rem;transition:var(--color-transition);line-height:1.2;&:after{content:"";background:url(/assets/images/arrow-circle.svg) no-repeat center/contain;min-width:1.875rem;height:1.875rem;rotate:270deg;filter:contrast(0);position:relative;top:-.25rem}}.work-list__categories{color:var(--neutral-2);font-size:1rem}@media (max-width: 799px){.work-list__carousel{position:relative;grid-column:1 / -1;&:after{background:linear-gradient(90deg,#13131300,#dfebea);content:"";height:100%;pointer-events:none;position:absolute;right:-1px;top:0;width:10rem}}.work-list__list{grid-auto-columns:13rem;grid-auto-flow:column;overflow-x:scroll;padding-block-end:var(--space-4);padding-inline-end:var(--space-8);scroll-snap-type:x mandatory;scroll-snap-align:start}}@media (min-width: 800px){.work-list{padding:2.5rem 1rem;margin-top:100px}.work-list__carousel{grid-column:1 / -1}@supports (display: contents){.work-list__carousel{display:contents}}.work-list__list{grid-column:1 / -1;grid-template-columns:subgrid}.work-list__item{grid-column:span 4}.work-list__title{font-size:1.25rem}.work-list__image{height:15rem}}.case-study-nav{display:none}@media (min-width: 800px){.case-study-nav{display:block;position:sticky;top:0;z-index:10;background:#fdf7f2e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.case-study-nav__inner{display:flex;align-items:center;padding-block:0;justify-content:center}.case-study-nav__list{display:flex;list-style:none;padding:0;margin:0;overflow-x:auto;scrollbar-width:none;justify-content:center;&::-webkit-scrollbar{display:none}}.case-study-nav__item{flex-shrink:0}.case-study-nav__link{display:flex;align-items:center;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:500;color:var(--neutral-2);text-decoration:none;transition:color .2s ease;white-space:nowrap;&:before{transition:all .15s ease-in-out;content:"";background-color:var(--hover-color);inline-size:0;block-size:.3125rem;display:inline-block;border-radius:50%}&:hover,&.is-active{color:var(--neutral-3);font-weight:700;&:before{inline-size:.3125rem;margin-inline-end:.5rem}}}.case-study-nav__progress-bar{padding-block:0}.case-study-nav__progress-track{height:2px;background:var(--tan-2)}.case-study-nav__progress-fill{height:100%;width:0%;background:var(--neutral-3);transition:width .1s linear}}