.vanyo-jobs{--vjobs-h: min(58vh, 520px)}.vanyo-jobs__head{max-width:68ch;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.vanyo-jobs__intro{margin:.75rem 0 0;color:var(--v-steel);line-height:1.55}.vanyo-jobs__list{list-style:none;margin:0;padding:0;counter-reset:vanyo-job}.vanyo-jobs__job{counter-increment:vanyo-job;padding-block:clamp(2.5rem,6vw,4rem)}.vanyo-jobs__job+.vanyo-jobs__job{border-top:var(--v-line-w) solid var(--v-line)}.vanyo-jobs__media{position:relative}.vanyo-jobs__frame{position:relative;border:var(--v-line-w) solid var(--v-line);border-radius:var(--v-radius);background:var(--v-white);overflow:hidden}.vanyo-jobs__img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4 / 3}.vanyo-jobs__caption{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:.75rem 0 0;color:var(--v-steel)}.vanyo-jobs__caption strong{color:var(--v-ink);font-weight:500}.vanyo-jobs__index{display:block;margin-bottom:.75rem}.vanyo-jobs__index:after{content:" " counter(vanyo-job,decimal-leading-zero)}.vanyo-jobs__title{font-family:var(--v-font-display);font-size:var(--v-h2);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0}.vanyo-jobs__lead{margin:1rem 0 0;max-width:60ch;line-height:1.55;color:var(--v-steel)}.vanyo-jobs__verdict{margin:1.75rem 0 0;border-top:var(--v-line-w) solid var(--v-line)}.vanyo-jobs__row{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1rem;padding-block:.875rem;border-bottom:var(--v-line-w) solid var(--v-line)}.vanyo-jobs__row dt{color:var(--v-steel);margin:0}.vanyo-jobs__row dd{margin:0;line-height:1.5}.vanyo-jobs__row--use dd{font-family:var(--v-font-data);font-weight:500;color:var(--v-marker-ink)}.vanyo-jobs__row--avoid dd{color:var(--v-steel)}.vanyo-jobs__row--avoid dd b{color:var(--v-ink);font-weight:500}.vanyo-jobs__specs{margin-top:1.5rem}.vanyo-jobs__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.vanyo-jobs__dim{position:absolute;left:8%;top:62%;height:22%;width:24px;overflow:visible}.vanyo-jobs__dim .vanyo-dim-line,.vanyo-jobs__dim .vanyo-dim-tick{stroke:var(--v-line);stroke-width:1.5;vector-effect:non-scaling-stroke}.vanyo-jobs__dim .vanyo-dim-line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1) .15s}.vanyo-jobs__dim .vanyo-dim-tick{opacity:0;transition:opacity .3s ease-out .6s}.is-drawn .vanyo-jobs__dim .vanyo-dim-line{stroke-dashoffset:0}.is-drawn .vanyo-jobs__dim .vanyo-dim-tick{opacity:1}.vanyo-jobs__dimlabel{position:absolute;left:calc(8% + 22px);top:68%;background:#ffffffeb;border:var(--v-line-w) solid var(--v-line);border-radius:2px;padding:.25rem .5rem;font-size:var(--v-caption);letter-spacing:.04em;font-weight:500;white-space:nowrap;color:var(--v-marker-ink);opacity:0;transition:opacity .3s ease-out .7s}.is-drawn .vanyo-jobs__dimlabel{opacity:1}@media screen and (min-width:1024px){.vanyo-jobs__job{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0 clamp(2rem,5vw,4.5rem);align-content:center;min-block-size:100vh}.vanyo-jobs__copy{grid-column:1;grid-row:1}.vanyo-jobs__detail{grid-column:1;grid-row:2}.vanyo-jobs__media{grid-column:2;grid-row:1 / span 2;position:sticky;top:calc((100vh - var(--vjobs-h)) / 2 + 1.5rem);align-self:start}.vanyo-jobs__frame{block-size:var(--vjobs-h)}.vanyo-jobs--alternate .vanyo-jobs__job:nth-child(2n) .vanyo-jobs__copy,.vanyo-jobs--alternate .vanyo-jobs__job:nth-child(2n) .vanyo-jobs__detail{grid-column:2}.vanyo-jobs--alternate .vanyo-jobs__job:nth-child(2n) .vanyo-jobs__media{grid-column:1}}@media screen and (max-width:1023px){.vanyo-jobs__job{display:flex;flex-direction:column}.vanyo-jobs__copy{order:0}.vanyo-jobs__media{order:1;margin-top:1.5rem}.vanyo-jobs__detail{order:2}.vanyo-jobs__verdict{margin-top:1.5rem}.vanyo-jobs__row{grid-template-columns:6.5rem minmax(0,1fr);gap:.75rem}}@media(prefers-reduced-motion:reduce){.vanyo-jobs__dim .vanyo-dim-line{transition:none;stroke-dashoffset:0}.vanyo-jobs__dim .vanyo-dim-tick,.vanyo-jobs__dimlabel{transition:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/vanyo-jobs.css.map */