.commission-paths{border-block-end:1px solid var(--color-rule);margin:0;padding:0;list-style:none}.commission-path{min-block-size:5.5rem;padding:var(--space-5) var(--space-2);align-items:center;column-gap:var(--space-5);row-gap:var(--space-2);border-block-start:1px solid var(--color-rule);transition:background-color var(--dur-2) var(--ease-out-quart);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title arrow""mode arrow";display:grid;position:relative}.commission-path__title{font-size:var(--text-title-list);font-weight:var(--weight-title);font-stretch:var(--stretch-title);line-height:var(--leading-title);letter-spacing:var(--tracking-title);grid-area:title;margin:0}:lang(zh) .commission-path__title{font-size:var(--text-title-list-zh);font-weight:var(--weight-heading-zh);letter-spacing:.01em;line-height:1.2}.commission-path__link{color:var(--color-text);text-decoration:none}.commission-path__link:after{content:"";position:absolute;inset:0}.commission-path__link:focus-visible{outline:none}.commission-path:has(.commission-path__link:focus-visible){outline:var(--focus-width) solid var(--focus-color);outline-offset:-2px}.commission-path__mode{color:var(--color-text-meta);font-family:var(--font-mono);font-size:var(--text-meta);font-weight:500;line-height:var(--leading-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;grid-area:mode;margin:0}:lang(zh) .commission-path__mode{letter-spacing:var(--tracking-cjk-max)}.commission-path__arrow{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-h3);grid-area:arrow}@media (width>=768px){.commission-path{padding-inline:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(10rem,auto) 2rem;grid-template-areas:"title mode arrow"}.commission-path__mode,.commission-path__arrow{justify-self:end}}@media (hover:hover){.commission-path:has(.commission-path__link:hover){background-color:var(--color-bg-2)}.commission-path:has(.commission-path__link:hover) .commission-path__arrow{color:var(--color-text)}}.commission-path:has(.commission-path__link:focus-visible){background-color:var(--color-bg-2)}@media (prefers-reduced-motion:no-preference){.commission-path__arrow,.commission-path__title{transition:transform var(--dur-2) var(--ease-out-quart)}@media (hover:hover){.commission-path:has(.commission-path__link:hover) .commission-path__arrow{transform:translate(4px)}}.commission-path:has(.commission-path__link:focus-visible) .commission-path__arrow{transform:translate(4px)}.commission-path:has(.commission-path__link:active) .commission-path__title{transform-origin:0;transform:scale(.99)}}.commission-category .breadcrumb a{min-block-size:var(--target-min);color:var(--color-text-secondary);text-decoration:underline;-webkit-text-decoration-color:var(--color-control-border);text-decoration-color:var(--color-control-border);text-underline-offset:.3em;align-items:center;display:inline-flex}.commission-category .breadcrumb li[aria-current=page]{min-block-size:var(--target-min);color:var(--color-text);align-items:center;display:inline-flex}.commission-category .breadcrumb li+li:before{align-self:center}.commission-category .page-header>.breadcrumb{margin:0}.commission-services{gap:var(--grid-gutter);display:grid}@media (width>=768px){.commission-services{grid-template-columns:repeat(2,minmax(0,1fr))}}.commission-service{align-content:start;gap:var(--space-5);padding:var(--space-6) var(--space-5) var(--space-5);border:1px solid var(--color-rule-strong);border-radius:var(--radius-xs);background-color:var(--color-surface);box-shadow:var(--edge-light);transition:background-color var(--dur-2) var(--ease-out-quart), border-color var(--dur-1) var(--ease-out-quart);grid-template-rows:auto 1fr auto auto;display:grid;position:relative}.commission-service__name{font-size:var(--text-h2);line-height:var(--leading-heading-s);letter-spacing:var(--tracking-heading-s);margin:0}:lang(zh) .commission-service__name{font-size:var(--text-h2-zh);font-weight:var(--weight-heading-zh);line-height:1.3}.commission-service__description{max-inline-size:44ch;color:var(--color-text-secondary);margin:0}.commission-service__price .price__figure small{color:var(--color-text-meta);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;margin-block-start:var(--space-2);display:block}.commission-service__link{justify-self:start}.commission-service__link:after{border-radius:var(--radius-xs);content:"";position:absolute;inset:0}.commission-service__link:focus-visible{outline:none}.commission-service:has(.commission-service__link:focus-visible){outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset);background-color:var(--color-surface-hover)}@media (hover:hover){.commission-service:has(.commission-service__link:hover){border-color:var(--color-control-border);background-color:var(--color-surface-hover)}.commission-service:has(.commission-service__link:hover) .commission-service__link{-webkit-text-decoration-color:var(--color-text);text-decoration-color:var(--color-text)}}@media (prefers-reduced-motion:no-preference){.commission-service{transition:background-color var(--dur-2) var(--ease-out-quart), border-color var(--dur-1) var(--ease-out-quart), transform var(--dur-1) var(--ease-out-quart)}.commission-service:has(.commission-service__link:active){transform:scale(.99)}@media (hover:hover){.commission-service:has(.commission-service__link:hover) .text-link__arrow{transform:translate(4px)}}}
