.home-hero{z-index:1;margin-block-start:clamp(1.25rem,7vw,100px);position:relative;& .container{perspective:1200px;z-index:1;grid-template-areas:"image-1 image-1 heading heading heading heading image-4 image-4""subheading subheading subheading subheading subheading subheading subheading subheading"". . .callout callout callout callout callout";position:relative}}.home-hero__image{-webkit-backdrop-filter:blur(8px)saturate(180%);height:5.625rem;transform-style:preserve-3d;will-change:transform;background:linear-gradient(135deg,#ffffff40 0%,#ffffff08 60%),#ffffff05;border:1px solid #fff3;border-radius:1.25rem;transition:transform .6s;position:relative;overflow:hidden;box-shadow:inset 0 -2px 10px #0000001f,0 16px 32px #00000040;&:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#fff3 50%,#0000 70%);transition:transform 1s;position:absolute;inset:0;transform:translate(-100%)}&:hover:after{transform:translate(100%)}&:before{content:"";border-radius:inherit;background:inherit;z-index:-1;position:absolute;inset:0;transform:translateZ(-40px);box-shadow:inset -2px 0 5px #ffffff40,inset 2px 0 5px #00000040,0 20px 50px #00000059}&:hover{transform:rotateX(2deg)}}.home-hero__image--1,.home-hero__image--2,.home-hero__image--3,.home-hero__image--4{opacity:0;animation:.8s ease-out forwards fadeInPanel;transform:translate(-40px)}.home-hero__image--1{--rotate:45deg;--scaleX:1.3;--scaleY:1.3;--translateY:0;z-index:4;background-color:#0a19461a;grid-area:image-1;animation-delay:.2s}.home-hero__image--2{--rotate:35deg;--scaleX:1.1;--scaleY:1.1;--translateY:0;z-index:3;background-color:#0a19461a;grid-area:image-2;animation-delay:.4s;display:none}.home-hero__image--3{--rotate:15deg;--scaleX:1;--scaleY:1;--translateY:.5rem;z-index:2;background-color:#0a19461a;grid-area:image-3;animation-delay:.6s;display:none}.home-hero__image--4{--rotate:-45deg;--scaleX:1;--scaleY:1;--translateY:.5rem;z-index:1;background-color:#0a19461a;grid-area:image-4;animation-delay:.8s}.home-hero__heading,.home-hero__subheading,.home-hero__callout{opacity:0;animation-name:fadeInRight;animation-duration:.6s;animation-timing-function:ease-out;animation-fill-mode:forwards;transform:translate(-40px)}.home-hero__heading{overflow-wrap:normal;grid-area:heading;align-self:end;font-size:clamp(2rem,4vw,3.75rem);font-weight:600;line-height:1.1;animation-delay:1s}.home-hero__subheading{margin-block:var(--space-5);grid-area:subheading;font-size:1.125rem;animation-delay:1.2s}.home-hero__callout{column-gap:var(--space-3);color:var(--neutral-1);transition:var(--color-transition);grid-area:callout;justify-self:end;align-items:center;font-size:1.25rem;font-weight:600;text-decoration:none;animation-delay:1.4s;display:flex;position:relative;&:after{content:"";background:url(/assets/images/arrow-circle.svg) 50%/contain no-repeat;width:1.875rem;height:1.875rem}}.home-hero__callout:hover,.home-hero__callout:focus{color:var(--hover-color)}@media (width>=800px){.home-hero .container{grid-template-areas:"image-1 image-1 image-2 image-2 image-3 image-3 heading heading heading heading image-4 image-4"". . .subheading subheading subheading subheading subheading subheading subheading. ."". . . . . .callout callout callout callout. ."}.home-hero__image{height:12.5rem}.home-hero__image--1{--rotate:75deg;--translateY:-1rem}.home-hero__image--2,.home-hero__image--3{display:flex}.home-hero__image--4{--rotate:-15deg}.home-hero__heading{margin-block-start:var(--space-5);translate:0 1.2rem}.home-hero__subheading{margin-block-start:var(--space-10);font-size:1.35rem}}@media (width>=1432px){.home-hero__image{height:17.1875rem}}.work{padding-block:clamp(60px,14vw,200px)}.work__item{row-gap:var(--space-4);flex-direction:column;grid-column:1/-1;margin-block-end:var(--space-10);text-decoration:none;display:flex;position:relative;&:hover,&:focus{outline:none}&:last-of-type{margin-block-end:0}&.work__item--private{pointer-events:none;& .work__image{position:relative;&:before{content:"Contact me for a private viewing";z-index:2;text-align:center;color:var(--white);border-radius:var(--radius-default);background:#000000bf;justify-content:center;align-items:center;padding:1rem;font-size:1.25rem;font-style:italic;display:flex;position:absolute;inset:0}}& .work__info{opacity:.35}}}.work__image{background-color:var(--black);border-radius:var(--radius-default);justify-content:center;align-items:center;min-height:15rem;transition:all .15s;display:flex;overflow:hidden;& img{object-fit:cover;width:100%;height:100%}}.work__item:hover .work__image,.work__item:focus .work__image{opacity:.8;scale:.95}.work__title{column-gap:var(--space-3);color:var(--text-color);transition:var(--color-transition);margin-bottom:.5rem;font-size:1.25rem;font-weight:600;line-height:1.2;display:flex;position:relative;&:after{content:"";background:url(/assets/images/arrow-circle.svg) 50%/contain no-repeat;width:1.875rem;height:1.875rem;rotate:270deg}}.work__item:hover .work__title,.work__item:focus .work__title{color:var(--hover-color)}.work__categories{color:var(--neutral-1);font-size:1rem}@media (width>=800px){.work .container{grid-template-rows:repeat(4,auto)}.work__heading{z-index:1}.work__title{line-height:30px}.work__item{margin-block-end:0}.work__item:first-of-type{grid-area:2/1/4/7;& .work__image{aspect-ratio:1.29}}.work__item:nth-of-type(2){grid-area:2/8/3/-1;& .work__image{aspect-ratio:1.8}}.work__item:nth-of-type(3){grid-area:4/3/-1/8;margin-top:3rem;& .work__image{aspect-ratio:1.8}}.work__item:nth-of-type(4){grid-area:3/9/-1/-1;margin-top:3rem;& .work__image{aspect-ratio:1.06}}}.about__image-wrapper{z-index:-1;opacity:.65;border-radius:var(--radius-default);grid-area:2/1/auto/-1;width:9.375rem;height:9.375rem;position:relative;overflow:hidden;rotate:-10deg;&:after{content:"";background:linear-gradient(to right, transparent 60%, var(--bg-color) 100%);pointer-events:none;position:absolute;inset:0}}.about__image{object-fit:cover}.about__description{color:var(--text-color);text-shadow:1px 1px 3px #000;grid-column:1/-1;font-size:1.125rem;&:first-of-type{grid-area:2/3/auto/-1;margin-block-end:var(--space-4)}&:nth-of-type(2){grid-row:3}& span{margin-block-end:var(--space-4);display:inline-flex}}@media (width>=800px){.about__description{text-wrap:balance;line-height:1.6;&:first-of-type{grid-area:2/4/auto/8;margin-block-end:0}&:nth-of-type(2){grid-area:2/8/auto/-2}}.about__image-wrapper{opacity:.75;grid-area:2/1/auto/5;width:18.75rem;height:18.75rem;translate:0 -3rem;rotate:-15deg}}.experience{padding-block:clamp(3.75rem,7vw,6.25rem) clamp(3.75rem,14vw,12.5rem)}.experience__heading{color:var(--neutral-1);text-transform:uppercase;grid-column:1/-1;margin-block-end:var(--space-4);font-size:1.25rem;font-weight:600}.experience__list{column-gap:var(--gutter);display:grid}.experience__item{row-gap:var(--space-6);scroll-snap-align:center;flex-direction:column;display:flex}.experience__block{row-gap:var(--space-2);flex-direction:column;display:flex}.experience__company{font-size:1.25rem;font-weight:700}.experience__subheading{color:var(--neutral-1);font-size:.9rem;font-weight:600}.experience__text{font-size:1rem;line-height:1.6}@media (width<=799px){.experience__carousel{grid-column:1/-1;position:relative;&:after{background:linear-gradient(90deg, #13131300 0%, var(--bg-color) 100%);content:"";pointer-events:none;width:10rem;height:100%;position:absolute;top:0;right:-1px}}.experience__list{scroll-snap-type:x mandatory;scroll-snap-align:start;grid-auto-columns:13rem;grid-auto-flow:column;padding-block-end:var(--space-4);overflow-x:scroll}}@media (width>=800px){.experience__heading{grid-column:1/4;font-size:1.5rem}.experience__carousel{grid-column:4/-1}@supports (display:contents){.experience__carousel{display:contents}}.experience__list{grid-column:4/-1;grid-template-columns:subgrid}.experience__item{grid-column:span 2}.experience__block--industry{margin-block-start:3.2rem}}.services__item{grid-template-columns:subgrid;row-gap:var(--space-4);grid-column:1/-1;margin-block-end:clamp(2.5rem,5vw,4.375rem);display:grid}.services__item:last-of-type{margin-block-end:0}.services__title{grid-column:1/-1;font-size:1.25rem}.services__description{grid-column:1/-1;margin-block-start:-.5rem;line-height:1.625}.services__list{grid-column:2/-1;padding:0;line-height:1.625;list-style:none}@media (width>=800px){.services__item{grid-template-columns:subgrid;display:grid}.services__item:first-of-type{grid-area:2/4/auto/span 5}.services__item:nth-of-type(2){grid-area:3/6/auto/span 5}.services__item:nth-of-type(3){grid-area:4/8/auto/span 5}.services__description{text-wrap:balance}}