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