/* Functional additions inherit this demo's visual world. */
.art-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:12px 0;border-bottom:1px solid currentColor;color:inherit;text-decoration:none;font-size:14px;line-height:1.4}.art-action>span{transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.art-context{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px auto;padding:18px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font:inherit;font-size:13px;line-height:1.6;max-width:1200px;width:calc(100% - 48px)}.art-context p{margin:0;max-width:65ch}.art-context a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.art-context:empty{display:none}.art-review-context{margin:20px 0 0;padding-top:18px;border-top:1px solid currentColor;font-size:14px;line-height:1.6}
.art-direction main h1,.art-direction main h2{text-wrap:balance}.art-direction figcaption{line-height:1.6}.art-direction main{min-width:0}.art-direction .art-action:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.art-action:hover>span{transform:translate(3px,-3px)}.art-action:hover{text-decoration:underline;text-underline-offset:5px}}
@media(max-width:720px){.art-context{display:block;margin-block:20px}.art-context a{margin-top:8px}.art-direction main input,.art-direction main select,.art-direction main textarea{font-size:16px}.art-action{min-height:48px}}
@media(prefers-reduced-motion:reduce){.art-direction .art-action>span{transition:none}.art-direction .art-action:hover>span{transform:none}}
html[data-axus-motion=paused] .art-direction .art-action>span{transition:none;transform:none}

/* spoke-cycle-workshop — authored interior compositions. */

.brake-chain{margin:30px 0;background:var(--blue);color:var(--white);padding:25px}.brake-chain svg{width:100%;height:auto}.brake-chain figcaption{font:12px Plex,monospace;margin-top:8px}.drivetrain-detail{margin:0 0 35px}.drivetrain-detail img{width:100%;height:430px;object-fit:cover}.drivetrain-detail figcaption{font-size:13px;margin-top:14px}.spoke-brake-notes .feature-photo{height:440px;object-position:50% 55%}.spoke-service-record .feature-photo{height:500px;object-position:50% 50%}.service-record-note{margin-top:40px;padding:25px 20px;border:1px solid var(--silver);background:var(--white)}.service-record-note h2{font-size:32px}.service-record-note p{font:16px/2 Plex,monospace}.service-agreement{background:var(--blue);color:var(--white);padding:38px!important}.service-agreement h2{color:var(--white)}.service-handover{padding-block:45px!important;border-bottom:3px solid var(--blue)}.spoke-service-record .article-body>section h2{font-size:clamp(37px,4vw,54px)}
@media(max-width:760px){.brake-chain{margin:25px 0;padding:14px 8px}.brake-chain svg{min-width:0}.brake-chain figcaption{font-size:11px;padding-inline:6px}.drivetrain-detail img{height:300px}.spoke-brake-notes .feature-photo,.spoke-service-record .feature-photo{height:330px}.service-record-note{display:none}.service-agreement{padding:27px 23px!important}.spoke-service-record .article-body>section h2{font-size:38px}.spoke-service-record .article-body{min-width:0}}

.brake-chain-mobile{display:none}@media(max-width:760px){.brake-chain>svg{display:none}.brake-chain-mobile{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none!important;margin:0 0 15px!important;padding:0!important}.brake-chain-mobile li{font:15px/1.45 DM,sans-serif;border:1px solid currentColor;padding:14px 10px;text-align:center;margin:0!important}.brake-chain-mobile li:before{content:none!important}}