.svc{background:var(--paper);width:100%;padding-block:0 calc(var(--section-space) * 1.5);position:relative;overflow:hidden}.svc__hero,.svc__list{max-width:90rem;padding-inline:clamp(var(--space-md), 5vw, var(--space-2xl));margin-inline:auto}.svc__hero{min-height:100svh;padding-top:clamp(var(--space-lg), 9vh, 8rem);flex-direction:column;justify-content:flex-end;margin-bottom:clamp(3rem,7vw,6rem);padding-bottom:10vh;display:flex}.svc__hero-grid{flex-direction:column;gap:clamp(1.5rem,4vw,3rem);margin-top:auto;display:flex}.svc__hero-figure{flex-shrink:0;align-self:center;place-items:center;width:clamp(260px,72vw,420px);display:grid}.svc__hero-figure-video{object-fit:contain;width:100%;height:auto;display:block}.svc__hero-text{max-width:44rem}@media (min-width:769px){.svc__hero-grid{flex-direction:row;justify-content:space-between;align-items:flex-end}.svc__hero-text{flex:auto;order:1}.svc__hero-figure{order:2;width:clamp(320px,42vw,580px)}}.svc__title{max-width:24ch;color:var(--ink);font-family:var(--font-display,var(--font-sans));letter-spacing:-.035em;mix-blend-mode:normal;margin:0;font-size:clamp(2rem,4.6vw,4rem);font-weight:700;line-height:1.06}.svc__lede{max-width:44ch;color:color-mix(in oklch, var(--ink) 75%, transparent);font-family:var(--font-sans);letter-spacing:-.01em;mix-blend-mode:normal;margin:clamp(1.25rem,2.5vw,2rem) 0 0;font-size:clamp(.9375rem,1.25vw,1.125rem);line-height:1.45}.svc__list{border-top:1px solid color-mix(in oklch, var(--ink) 15%, transparent);flex-direction:column;display:flex}.svc__row{border-bottom:1px solid color-mix(in oklch, var(--ink) 15%, transparent);cursor:pointer;outline:none;grid-template-columns:clamp(3rem,6vw,7rem) minmax(0,1fr) minmax(0,22rem);align-items:center;gap:clamp(1.25rem,4vw,4rem);padding-block:clamp(1.75rem,3.5vw,3rem);display:grid}.svc__number{color:var(--ink);font-family:var(--font-mono);letter-spacing:.08em;mix-blend-mode:normal;transition:opacity .22s var(--ease-out);font-size:clamp(.875rem,1vw,1rem)}.svc__copy{flex-direction:column;min-width:0;display:flex}.svc__name{color:var(--ink);font-family:var(--font-display,var(--font-sans));letter-spacing:-.03em;mix-blend-mode:normal;margin:0 0 .5rem;font-size:clamp(1.5rem,2.6vw,2.5rem);font-weight:600;line-height:1.08}.svc__kicker{color:color-mix(in oklch, var(--ink) 75%, transparent);font-family:var(--font-sans);mix-blend-mode:normal;margin:0 0 .75rem;font-size:clamp(.9375rem,1.15vw,1.0625rem);font-style:italic;font-weight:500}.svc__description{max-width:52ch;color:color-mix(in oklch, var(--ink) 85%, transparent);font-family:var(--font-sans);letter-spacing:-.01em;mix-blend-mode:normal;margin:0 0 1rem;font-size:clamp(.9375rem,1.15vw,1.0625rem);line-height:1.45}.svc__subitems{color:color-mix(in oklch, var(--ink) 55%, transparent);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;mix-blend-mode:normal;font-size:clamp(.6875rem,.75vw,.75rem)}.svc__image-wrap{aspect-ratio:4/3;width:100%;box-shadow:0 8px 24px color-mix(in oklch, var(--ink) 18%, transparent);border-radius:4px;position:relative}.svc__image{border-radius:inherit;background-position:50%;background-repeat:no-repeat;background-size:cover;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}.svc__image-label{z-index:1;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;font-size:.625rem;position:relative}@media (hover:hover){.svc__row{--svc-row-dim:.45}.svc__row:not(.svc__row--active) .svc__number,.svc__row:not(.svc__row--active) .svc__name,.svc__row:not(.svc__row--active) .svc__kicker,.svc__row:not(.svc__row--active) .svc__description,.svc__row:not(.svc__row--active) .svc__subitems{opacity:var(--svc-row-dim)}}.svc__copy,.svc__name,.svc__kicker,.svc__description,.svc__subitems,.svc__number{transition:opacity .22s var(--ease-out)}.svc__image-wrap{transition:opacity .24s ease-out, filter .24s var(--ease-out)}.svc__row:not(.svc__row--active) .svc__image-wrap{opacity:.35;filter:grayscale()}.svc__row--active .svc__number{opacity:1}@media (prefers-reduced-motion:reduce){.svc__copy,.svc__name,.svc__kicker,.svc__description,.svc__subitems,.svc__number,.svc__image,.svc__image-wrap{transition:none}}@media (max-width:900px){.svc__row{grid-template-columns:clamp(2.5rem,8vw,4rem) minmax(0,1fr)}.svc__image-wrap{grid-column:1/-1;justify-self:start;width:min(100%,28rem)}.svc__row:not(.svc__row--active) .svc__image-wrap{opacity:1;filter:none}}