:root{--paper:#edece3;--ink:#242b23;--muted:#62655b;--red:#ed4c2e;--yellow:#ece473;--line:#cbcbbf;--white:#f8f7f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--red);outline-offset:5px}button{border-radius:0}a{text-underline-offset:5px}button:disabled{cursor:wait}.skip{position:absolute;top:-100px;left:15px;z-index:20;background:var(--yellow);padding:15px}.skip:focus{top:15px}.concept-bar{padding:10px 4.2%;background:var(--ink);color:var(--paper);font-size:12px;display:flex;justify-content:space-between;gap:20px;line-height:1.5}.concept-bar a{color:var(--yellow);white-space:nowrap}header{padding:30px 4.2%;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{display:flex;gap:12px;text-decoration:none;align-items:center;font-size:22px;font-weight:900;line-height:.94;letter-spacing:-1px}.brand svg{width:52px;fill:none;stroke:var(--ink);stroke-width:2}.brand-small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:8px;font-weight:500}nav{display:flex;gap:36px;align-items:center;font-size:14px}nav a{text-decoration:none}.nav-note{border-bottom:1px solid;padding:13px 0}.nav-note span{padding-left:18px}.hero{display:grid;grid-template-columns:35% 65%;padding:45px 4.2% 62px;min-height:600px;align-items:center}.small-label{font-size:11px;font-weight:700;letter-spacing:1.2px;line-height:1.6;margin:0 0 27px}.hero h1{font-size:clamp(68px,7.5vw,120px);font-weight:800;letter-spacing:-7px;line-height:.94;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--red)}.intro{font-size:19px;line-height:1.55;margin:0 0 30px}.button{display:inline-flex;justify-content:space-between;gap:28px;align-items:center;padding:17px 21px;border:1px solid var(--ink);text-decoration:none;font-weight:600;font-size:14px;min-height:52px}.dark{background:var(--ink);color:var(--white)}.dark:hover{background:#424b3e}.hero-local{font-size:12px;color:var(--muted);line-height:1.6;margin-top:32px}.bike-stage{padding:10px 0 0 20px}.bike-stage img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.part-controls{display:flex;justify-content:center;gap:10px;position:relative;margin-top:-32px;margin-bottom:40px}.part-controls button{background:var(--paper);border:1px solid #8a8e7e;border-radius:50px;padding:12px 19px;font-size:12px;display:flex;gap:10px;align-items:center}.part-controls button:hover{background:var(--yellow)}.dot{width:6px;height:6px;border-radius:50%;background:var(--red)}.stage-caption{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);padding-top:12px;border-top:1px solid var(--line);line-height:1.5}.stage-caption span:last-child{font-family:monospace;font-size:9px}.bench-strip{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;padding:22px 4.2%;font-weight:600;font-size:14px}.bench-strip span:before{content:'+';color:var(--red);margin-right:18px;font-size:20px;font-weight:400}.repairs{padding:90px 7% 75px}.repair-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px;gap:30px}h2{font-size:clamp(40px,4.5vw,68px);letter-spacing:-2.8px;line-height:1.03;margin:0;font-weight:700}.repair-heading p:last-child{font-size:16px;line-height:1.6;max-width:275px;margin:0 0 5px}.repair-heading .small-label{margin-bottom:20px}.repair-layout{display:grid;grid-template-columns:1fr 1fr;gap:6%}.job-list{border-top:1px solid var(--ink)}.job-list button{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;text-align:left;gap:15px;padding:27px 18px 27px 0;min-height:100px;transition:padding .25s,background .25s}.job-list button b{display:block;font-size:19px;letter-spacing:-.4px;font-weight:600}.job-list button small{font-size:13px;color:var(--muted);display:block;margin-top:7px;line-height:1.5}.job-list button>span:last-child{font-size:13px;white-space:nowrap}.job-list button i{font-style:normal;margin-left:12px}.job-list button[aria-pressed=true]{background:var(--yellow);padding-left:20px;border-bottom-color:var(--ink)}.job-list button:hover{background:#e1e0d5}.job-list button[aria-pressed=true]:hover{background:var(--yellow)}.job-detail{background:var(--white);padding:25px 30px 28px;box-shadow:5px 5px 0 #d6d5c9;border-top:4px solid var(--red)}h3{font-size:27px;letter-spacing:-.9px;font-weight:600;margin:0 0 15px}.job-detail>p{font-size:14px;line-height:1.65;margin:0 0 18px}.job-detail ul{padding:0;list-style:none;margin:0 0 25px;font-size:13px;line-height:1.5}.job-detail li{padding:9px 0;border-bottom:1px solid #dddcd1;display:flex;gap:12px}.job-detail li:before{content:'↳';color:var(--red)}.job-price{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:20px}.job-price>div>span{display:block;font-size:28px;letter-spacing:-1px}.job-price small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.job-price .button{font-size:12px;padding:14px 16px;gap:15px}.job-detail .detail-note{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.price-note{max-width:670px;font-size:12px;line-height:1.7;color:var(--muted);margin:38px 0 0}.visit{background:var(--ink);color:var(--paper);padding:75px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.pill{display:inline-block;border:1px solid #73796b;border-radius:30px;padding:10px 14px;font-family:monospace;font-size:10px;margin-bottom:35px}.visit h2{font-size:clamp(38px,4vw,61px);line-height:1.1;letter-spacing:-2.7px}.area-card{margin-top:50px;border-top:1px solid #535b4b;padding-top:24px;max-width:330px}.area-card .small-label{color:var(--yellow);font-size:10px}.area-card p{font-size:23px;letter-spacing:-.5px;line-height:1.4;margin:15px 0}.area-card small{font-size:12px;color:#b5bbad;line-height:1.7;display:block}.visit-information{padding-top:14px}.pack-list h3{font-size:24px}.pack-list ul{list-style:none;padding:0;margin:30px 0 35px}.pack-list li{display:flex;gap:22px;border-top:1px solid #535b4b;padding:21px 0 9px}.pack-list li>span{color:var(--yellow);font-family:monospace;font-size:12px;line-height:1.7}.pack-list b{font-size:16px;font-weight:600}.pack-list p{font-size:14px;color:#bfc4b6;line-height:1.7;margin:10px 0}.fit-card{border:1px solid #727968;padding:22px 25px}.fit-card h3{font-size:22px}.fit-card p{font-size:13px;line-height:1.65;color:#d2d5c9}.fit-card .fit-exclusion{color:#afb5a6;border-top:1px solid #535b4b;padding-top:16px;font-size:12px}.agreement{padding:60px 7%;display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:4%;align-items:start;background:var(--yellow)}.agreement-heading{display:flex;gap:16px;align-items:center}.agreement-heading svg{width:46px;min-width:46px;fill:none;stroke:var(--ink);stroke-width:3;border:1px solid;border-radius:50%}.agreement h2{font-size:30px;letter-spacing:-1px}.agreement-step{padding-top:5px}.agreement-step b{font-size:17px}.agreement-step p{font-size:13px;line-height:1.65;margin:13px 0 0}.note-section{padding:100px 7%;display:grid;grid-template-columns:1fr 1.25fr;gap:12%;align-items:start}.note-intro{padding-top:18px}.note-intro h2{font-size:clamp(42px,4.7vw,72px);margin-bottom:30px}.note-intro>p:not(.small-label){max-width:320px;font-size:17px;line-height:1.6}.local-state{display:flex;gap:12px;margin-top:38px;max-width:310px;border-top:1px solid var(--line);padding-top:22px}.status-dot{width:8px;height:8px;flex:0 0 8px;background:var(--red);border-radius:50%;margin-top:6px}.local-state b{font-size:13px}.local-state p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0}.large-arrow{display:block;color:var(--red);font-size:140px;font-weight:400;line-height:1;margin:35px 0 0}.note-card{background:var(--white);border:1px solid #c5c5b8;box-shadow:7px 7px 0 #d6d5c9;padding:28px 32px}.note-card-top{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-family:monospace;letter-spacing:1px;border-bottom:1px dashed #c5c5b8;padding-bottom:20px}.steps{display:flex;gap:25px;margin:24px 0 28px;font-size:12px;color:var(--muted)}.steps .active{color:var(--ink);text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--red);text-decoration-thickness:2px}label{display:block;font-size:12px;font-weight:600;margin:20px 0 9px}label span{font-size:11px;color:var(--muted);font-weight:400}input,select,textarea{width:100%;padding:13px;border:1px solid #a2a596;border-radius:0;background:transparent;font-size:14px;line-height:1.5}select{font-size:13px;padding-right:28px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#787d70}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}#note-form>.button{margin-top:24px;width:100%}.form-foot{font-size:11px;color:var(--muted);line-height:1.6;margin:16px 0 0}.note-card #review>p{font-size:13px;line-height:1.7}.review-buttons{display:flex;gap:20px;align-items:center;margin-top:22px;flex-wrap:wrap}.text-button{background:transparent;border:0;padding:13px 0;text-decoration:underline;text-underline-offset:5px;font-size:12px}#draft{font-family:monospace;font-size:12px}footer{padding:45px 4.2%;border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:35px;align-items:center;font-size:12px}footer p{font-size:11px;line-height:1.7;color:var(--muted)}.footer-brand{text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-1px}.footer-brand span{display:block;font-size:8px;letter-spacing:2px;font-weight:400;margin-top:8px}[hidden]{display:none!important}.source-main{max-width:980px;padding:60px 7% 100px;margin:auto}.source-main h1{font-size:64px;letter-spacing:-3px;line-height:1.05;margin:0 0 30px}.source-main p,.source-main li{font-size:16px;line-height:1.8}.source-main section{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}.source-main h2{font-size:28px;letter-spacing:-.8px;margin-bottom:20px}.source-main .button{margin-top:25px}
@media(min-width:1600px){header,.hero,.bench-strip,.repairs,.visit,.agreement,.note-section,footer{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}}
@media(max-width:1000px){nav{gap:20px;font-size:12px}.hero{grid-template-columns:37% 63%;padding-top:30px;min-height:530px}.hero h1{letter-spacing:-5px}.intro{font-size:16px}.bike-stage{padding-left:15px}.stage-caption{flex-direction:column}.job-price{align-items:flex-start;flex-direction:column}.repairs{padding:70px 5%}.job-detail{padding:24px}.visit{padding:60px 5%;gap:6%}.agreement{padding:45px 5%;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:3%}.agreement-heading{display:block}.agreement-heading svg{margin-bottom:15px}.note-section{padding:70px 5%;gap:7%}.note-card{padding:25px}.part-controls{margin-top:-10px;margin-bottom:20px}}
@media(max-width:700px){html{scroll-padding-top:15px}.concept-bar{font-size:10px;padding:9px 5%;display:block}.concept-bar a{display:block;margin-top:3px}header{padding:23px 5%;gap:20px;align-items:flex-start}.brand{font-size:18px;gap:9px}.brand svg{width:41px}.brand-small{font-size:6px;letter-spacing:1.3px}nav{display:grid;gap:10px;text-align:right;font-size:11px}nav a{min-height:23px}.nav-note{padding:7px 0 3px}.nav-note span{padding-left:5px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:25px 5% 35px;min-height:0}.hero-copy{position:relative}.small-label{font-size:9px;letter-spacing:1px;margin-bottom:24px}.hero h1{font-size:clamp(64px,18vw,94px);letter-spacing:-5px;line-height:.94;margin-bottom:22px}.intro{font-size:16px;line-height:1.5;margin-bottom:22px}.button{font-size:13px;padding:15px 18px;min-height:50px}.hero-local{font-size:10px;margin:23px 0 29px}.bike-stage{padding:0}.bike-stage img{margin:15px 0 0}.part-controls{gap:7px;margin-top:-5px;margin-bottom:20px}.part-controls button{padding:10px 14px;font-size:11px;min-height:42px}.stage-caption{font-size:10px;gap:3px}.stage-caption span:last-child{font-size:8px}.bench-strip{padding:18px 5%;display:block;font-size:12px}.bench-strip span{display:block;padding:5px 0}.bench-strip span:before{font-size:16px;margin-right:14px}.repairs{padding:55px 5%}.repair-heading{display:block;margin-bottom:30px}.repair-heading p:last-child{font-size:14px;max-width:250px;margin-top:20px}.repair-heading h2{font-size:44px;letter-spacing:-2px}.repair-layout{display:block}.job-list{margin-bottom:30px}.job-list button{padding:22px 12px 22px 0;min-height:88px;gap:8px}.job-list button b{font-size:17px}.job-list button small{font-size:11px}.job-list button>span:last-child{font-size:11px}.job-list button i{margin-left:6px}.job-list button[aria-pressed=true]{padding-left:13px}.job-detail{padding:20px}.job-detail h3{font-size:25px}.job-detail>p{font-size:13px}.job-price{flex-direction:row;align-items:center;gap:10px}.job-price>div>span{font-size:23px}.job-price small{font-size:9px;max-width:110px;line-height:1.6}.job-price .button{font-size:10px;gap:10px;padding:13px 12px}.price-note{font-size:11px;margin-top:28px}.visit{display:block;padding:50px 5%}.visit h2{font-size:43px;letter-spacing:-2px;line-height:1.1}.pill{margin-bottom:25px}.area-card{margin-top:30px;max-width:none}.area-card p{font-size:21px}.visit-information{padding-top:45px}.pack-list h3{font-size:24px}.pack-list li{gap:17px}.pack-list p{font-size:13px}.fit-card{padding:20px}.agreement{display:grid;grid-template-columns:1fr;padding:37px 5%;gap:25px}.agreement-heading{display:flex;gap:17px}.agreement-heading svg{margin:0;width:50px}.agreement h2{font-size:30px}.agreement-step{padding:18px 0 0;border-top:1px solid #aaa653}.agreement-step p{margin-top:7px;font-size:13px;max-width:260px}.note-section{display:block;padding:50px 5% 65px}.note-intro{padding:0}.note-intro h2{font-size:48px;letter-spacing:-2px;margin-bottom:25px}.note-intro>p:not(.small-label){font-size:15px;max-width:290px}.local-state{max-width:none;margin-top:25px;padding-top:20px}.large-arrow{font-size:75px;margin:12px 0 20px}.note-card{padding:20px 16px;box-shadow:5px 5px 0 #d6d5c9}.note-card-top{font-size:8px;letter-spacing:.6px}.steps{font-size:11px;gap:22px}.form-pair{display:block}input,textarea,select{font-size:16px;padding:12px 10px}select{font-size:13px}label{font-size:12px}footer{display:grid;grid-template-columns:1fr 1fr;padding:30px 5%;gap:22px;font-size:11px}.footer-brand{font-size:19px}footer p{font-size:10px;margin:0}.source-main{padding:35px 5% 65px}.source-main h1{font-size:45px;letter-spacing:-2px}.source-main p,.source-main li{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.repair-layout{align-items:start}.job-detail h3{margin-top:8px}

/* Links back to the article and the other independent design studies. */
.study-return{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;width:90%;max-width:1400px;margin:24px auto;padding:20px 0;border-top:1px solid currentColor;font:14px/1.6 Arial,sans-serif}
.study-return a{color:inherit;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.study-return a:focus-visible{outline:3px solid currentColor;outline-offset:5px}