.work-page{--color-bg-sand:#f3f4ef;--color-bg-sand-dark:#ebe7e0;--color-charcoal:#191b20;--color-accent-red:#ff3b30;background-color:var(--color-bg-sand)}.work-hero{padding:25vh var(--page-padding) 10vh;background-color:var(--color-bg-sand);text-align:center}.work-hero__content,.work-hero__content-inner{max-width:1400px;margin:0 auto}.work-hero__headline{color:var(--color-charcoal);letter-spacing:-.03em;max-width:15ch;margin:0 auto;font-family:ivypresto-display,serif;font-size:clamp(3rem,7.5vw,8rem);font-weight:400;line-height:1.05}.work-hero__sub-label{margin:2rem auto 4rem;display:block}@media screen and (width>=769px){.work-hero .content__intro{justify-content:center}.work-hero .content__breakout{width:100vw;margin-left:calc(50% - 50vw)}.work-hero .content__intro-img{width:100vw;margin-bottom:10vh}}.work-list{background-color:var(--color-bg-sand);padding:0 0 20vh}.project-list--home .work-list__header{padding-bottom:0}.work-item{padding:5rem var(--page-padding);text-decoration:none;transition:background-color .5s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden}.work-item:hover{background-color:var(--color-bg-sand-dark)}.work-item__content{grid-template-columns:2fr 3fr 3fr 2fr;align-items:start;gap:4rem;max-width:1400px;margin:0 auto;display:grid}.work-item__title{color:var(--color-charcoal);margin:0;font-family:brother-1816,sans-serif;font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:800;transition:transform .4s}.work-item__description{color:var(--color-charcoal);opacity:.7;max-width:40ch;margin:0;font-family:brother-1816,sans-serif;font-size:.85rem;line-height:1.6}.work-item__visual-col{justify-content:start;display:flex}.work-item__img-container{aspect-ratio:16/10;clip-path:inset(0);background-color:#191b200d;width:100%;max-width:420px;transition:clip-path .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.project-list__img{object-fit:cover;filter:saturate(.8)brightness(.95);will-change:transform, filter;width:100%;height:100%;transition:filter .6s,transform .6s}.work-item:hover .project-list__img{filter:saturate()brightness();transform:scale(1.02)}.work-item:hover .work-item__content{transition:transform .4s;transform:translateY(-2px)}.work-item__meta-inner{flex-direction:column;gap:2.5rem;display:flex}.work-item__tags{text-transform:uppercase;letter-spacing:.15em;color:var(--color-charcoal);opacity:.4;font-family:brother-1816,sans-serif;font-size:.7rem;font-weight:700}.work-item__cta{color:var(--color-charcoal);align-self:flex-start;font-family:brother-1816,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;position:relative}.work-item__cta:after{content:"";background-color:var(--color-charcoal);transform-origin:0;width:100%;height:1px;transition:transform .5s cubic-bezier(.16,1,.3,1),background-color .3s;position:absolute;bottom:-4px;left:0;transform:scaleX(.3)}.work-item:hover .work-item__cta{color:var(--color-accent-red)}.work-item:hover .work-item__cta:after{background-color:var(--color-accent-red);transform:scaleX(1)}@media screen and (width<=1024px){.work-item__content{grid-template-columns:1fr 1fr;gap:3rem}.work-item__visual-col,.work-item__meta-col{grid-column:span 1}}@media screen and (width<=768px){.work-item__content{grid-template-columns:1fr;gap:1.25rem}.work-hero__headline{font-size:clamp(2.5rem,10vw,4rem)}.project-list--home .work-item:first-of-type{padding-top:1.5rem}.work-item{padding:2.5rem var(--page-padding)}.work-item__title-col{order:1}.work-item__visual-col{order:2}.work-item__desc-col{order:3}.work-item__meta-col{order:4}.work-item__img-container{aspect-ratio:16/9;border-radius:0;width:100vw;max-width:100vw;margin-left:-24px;display:block!important}.project-list__img{object-fit:cover;width:100%;height:100%;display:block!important}.content__intro-img{width:100%;display:block!important}}.next-project{background-color:var(--color-bg-sand);text-align:center;cursor:pointer;margin:10vh 0;position:relative;overflow:hidden}.next-project__bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.next-project__bg img{object-fit:cover;filter:grayscale();opacity:0;width:100%;height:100%}.next-project:hover .next-project__bg img{transition:transform 1.2s cubic-bezier(.16,1,.3,1);transform:scale(1.02)}.next-project__content{z-index:501;padding:30vh var(--page-padding);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.next-project__label{text-transform:uppercase;letter-spacing:.2em;color:var(--color-charcoal);opacity:.5;margin-bottom:2rem;font-family:brother-1816,sans-serif;font-size:.75rem;font-weight:700;display:block}.next-project__link{text-decoration:none;display:inline-block;position:static}.next-project__link:after{content:"";z-index:502;position:absolute;inset:0}.next-project__title{color:var(--color-charcoal);margin:0;font-family:ivypresto-display,serif;font-size:clamp(3rem,10vw,10rem);font-weight:400;line-height:.9;transition:color .4s,transform .4s}.next-project:hover .next-project__title{color:var(--color-accent-red)}.projects__template .footer{margin-top:10vh}.project--funkwerk .full__width{width:100vw!important;max-width:none!important}
/*# sourceMappingURL=Personal_Portfolio_2023.8ef2e7e6.css.map */