.services{background:var(--paper);width:100%;padding-block:var(--section-space);position:relative;overflow:hidden}.services__inner{max-width:90rem;padding-inline:clamp(var(--space-md), 5vw, var(--space-2xl));grid-template-columns:minmax(0,6fr) minmax(0,9fr) minmax(0,5fr);align-items:start;gap:clamp(2rem,4vw,4rem) clamp(3rem,6vw,6rem);margin-inline:auto;display:grid;position:relative}@media (max-width:900px){.services__inner{grid-template-columns:minmax(0,1fr)}}.services__left{--services-description-y:0px;transform:translate3d(0, var(--services-description-y), 0);flex-direction:column;transition:transform .52s cubic-bezier(.22,1,.36,1);display:flex}.services__intro{max-width:34ch;color:var(--ink);font-family:var(--font-sans);letter-spacing:-.015em;mix-blend-mode:normal;margin:0 0 clamp(1.25rem,2vw,1.75rem);font-size:clamp(.9375rem,1.25vw,1.125rem);font-weight:500;line-height:1.35}.services__description{max-width:34ch;color:var(--ink);font-family:var(--font-sans);letter-spacing:-.01em;mix-blend-mode:normal;margin:0;font-size:clamp(.9375rem,1.15vw,1.0625rem);line-height:1.45}.services__description strong{margin-bottom:.4rem;font-weight:600;display:block}.services__kicker{color:color-mix(in oklch, var(--ink) 75%, transparent);margin-bottom:.6rem;font-style:italic;font-weight:500;display:block}.services__description-body{margin-bottom:.85rem;display:block}.services__subitems{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:color-mix(in oklch, var(--ink) 55%, transparent);font-size:clamp(.6875rem,.75vw,.75rem);display:block}.services__right{flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);padding-top:clamp(.5rem,1.5vw,1rem);display:flex}.services__label-row{align-items:center;display:flex;position:relative}.services__dot{top:50%;right:calc(100% + var(--space-sm));background:var(--ink);border-radius:50%;width:.625rem;height:.625rem;position:absolute;transform:translateY(-50%)}.services__label-text{color:var(--ink);font-family:var(--font-sans);letter-spacing:-.015em;mix-blend-mode:normal;font-size:clamp(.9375rem,1.25vw,1.125rem);font-weight:600}.services__list{flex-direction:column;gap:clamp(.25rem,.5vw,.5rem);margin:0;padding:0;list-style:none;display:flex}.services__item{font-family:var(--font-display,var(--font-sans));letter-spacing:-.03em;cursor:pointer;opacity:1;transition:opacity .22s var(--ease-out), color .22s var(--ease-out), transform .32s var(--ease-out);font-size:clamp(1.25rem,1.95vw,1.75rem);font-weight:600;line-height:1.1;transform:translate(0)}@media (hover:hover){.services__list{--services-item-dim:.4}.services__item{opacity:var(--services-item-dim)}.services__item:hover,.services__item--active,.services__item:focus-visible{opacity:1}}.services__item:hover,.services__item--active,.services__item:focus-visible{outline:none;transform:translate(.5rem)}@media (prefers-reduced-motion:reduce){.services__item:hover,.services__item--active,.services__item:focus-visible{transform:none}}.services__image-col{--services-image-y:0px;aspect-ratio:3/4;width:100%;transform:translate3d(0, var(--services-image-y), 0);transition:transform .52s cubic-bezier(.22,1,.36,1);position:relative}.services__hover-image{box-shadow:0 8px 24px color-mix(in oklch, var(--ink) 18%, transparent);opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;justify-content:flex-end;align-items:flex-end;padding:clamp(.6rem,1vw,.9rem);transition:opacity .24s ease-out,transform .42s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;transform:translateY(.75rem)scale(.97)}.services__hover-image--active{opacity:1;transform:translate(0,0)scale(1)}.services__hover-image-label{z-index:1;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;font-size:.625rem;position:relative}@media (max-width:900px){.services__left{transform:none}.services__label-row{gap:var(--space-sm)}.services__dot{flex-shrink:0;position:static;transform:none}.services__image-col{aspect-ratio:16/10;justify-self:start;width:min(100%,28rem);transform:none}}@media (prefers-reduced-motion:reduce){.services__left,.services__image-col,.services__hover-image{transition:none}}
