.c-project{position:relative;padding:var(--2xl-spacing) var(--lg-gutter);overflow:hidden}.c-project:has(.c-project__link[data-target="0"]:hover,.c-project__link[data-target="0"]:focus-visible) .c-project__bg-image[data-image="0"]{opacity:1}.c-project:has(.c-project__link[data-target="1"]:hover,.c-project__link[data-target="1"]:focus-visible) .c-project__bg-image[data-image="1"]{opacity:1}.c-project:has(.c-project__link[data-target="2"]:hover,.c-project__link[data-target="2"]:focus-visible) .c-project__bg-image[data-image="2"]{opacity:1}.c-project[data-revealed=true] .c-project__intro{opacity:1;transform:translateY(0)}.c-project[data-revealed=true] .c-project__row{animation:u-animation-slide-in-left .6s ease-out calc(.1s + var(--index, 0) * .18s) forwards}.c-project__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.c-project__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .6s ease}.c-project__bg-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-project-overlay, var(--color-white));opacity:var(--c-project-overlay-opacity, .75);pointer-events:none}.c-project__container{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--xl-spacing)}.c-project__intro{display:flex;flex-direction:column;gap:var(--lg-spacing);opacity:0;transform:translateY(1rem);transition:opacity .5s ease,transform .5s ease}.c-project__title{margin:0;font-family:var(--font-heading);font-style:italic;font-weight:var(--regular-font-weight);font-size:var(--xl-font-size);line-height:1.15;color:var(--c-project-title-fg, var(--color-primary))}.c-project__paragraph{margin:0;font-family:var(--font-body);font-weight:var(--xlight-font-weight);font-size:var(--sm-font-size);letter-spacing:.2px;line-height:1.5;color:var(--c-project-paragraph-fg, var(--color-primary))}.c-project__list{margin:0;padding:0;list-style:none}.c-project__row{border-bottom:.0625rem solid var(--c-project-row-divider, var(--color-text-faint))}.c-project__row:last-child{border-bottom:0}.c-project__link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--lg-spacing);padding:var(--lg-spacing) 0;text-decoration:none;color:inherit}.c-project__link:focus-visible{outline:.125rem solid var(--c-project-row-focus, var(--color-accent));outline-offset:.25rem;border-radius:.25rem}.c-project__row-step{font-family:var(--font-heading);font-style:italic;font-weight:var(--xlight-font-weight);font-size:var(--md-font-size);line-height:1;color:var(--c-project-row-step-fg, var(--color-text-light));letter-spacing:.05em}.c-project__row-label{font-family:var(--font-heading);font-style:italic;font-weight:var(--bold-font-weight);font-size:clamp(var(--xl-font-size),5vw,var(--4xl-font-size));line-height:1;color:var(--c-project-row-label-fg, var(--color-primary));letter-spacing:.01em;transition:transform .25s cubic-bezier(.2,.7,.2,1);transform-origin:left center}.c-project__link:hover .c-project__row-label{transform:translate(.5rem)}.c-project__row-arrow{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:.0625rem solid var(--c-project-row-label-fg, var(--color-primary));border-radius:50%;color:var(--c-project-row-label-fg, var(--color-primary));transition:background-color .25s ease,color .25s ease}.c-project__row-arrow svg{width:1rem;height:1rem}.c-project__link:hover .c-project__row-arrow{background-color:var(--c-project-row-label-fg, var(--color-primary));color:var(--color-white)}@media(min-width:900px){.c-project{padding:var(--4xl-spacing) var(--2xl-spacing)}.c-project__container{grid-template-columns:minmax(18rem,1fr) 2fr;column-gap:var(--3xl-spacing);align-items:start}.c-project__title{font-size:var(--2xl-font-size)}.c-project__paragraph{font-size:var(--lg-font-size);letter-spacing:.8px}}@media(min-width:1513px){.c-project{padding-inline:var(--lg-gutter)}}@media(prefers-reduced-motion:reduce){.c-project__intro{opacity:1;transform:none;transition:none}.c-project__row{animation:none;opacity:1;transform:none}.c-project__bg-image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-home-project.css.map */
