body.fettle-page :where(h1,h2,h3,p,li,figcaption,dt,dd){font-weight:inherit!important;text-transform:none!important;letter-spacing:normal!important;line-height:inherit!important;}
@font-face{ font-family: 'Sofia Sans Extra Condensed'; font-style: normal; font-weight: 800; font-display: swap;
  src: url(https://demo.uichemy.com/wp-content/uploads/2026/09/fettle__fonts-sofia-sans-extra-condensed-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: 'Sofia Sans Extra Condensed'; font-style: normal; font-weight: 800; font-display: swap;
  src: url(https://demo.uichemy.com/wp-content/uploads/2026/09/fettle__fonts-sofia-sans-extra-condensed-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family: 'Sofia Sans'; font-style: normal; font-weight: 400 500; font-display: swap;
  src: url(https://demo.uichemy.com/wp-content/uploads/2026/09/fettle__fonts-sofia-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: 'Sofia Sans'; font-style: normal; font-weight: 400 500; font-display: swap;
  src: url(https://demo.uichemy.com/wp-content/uploads/2026/09/fettle__fonts-sofia-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family: 'Azeret Mono'; font-style: normal; font-weight: 400 500; font-display: swap;
  src: url(https://demo.uichemy.com/wp-content/uploads/2026/09/fettle__fonts-azeret-mono-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: 'Azeret Mono'; font-style: normal; font-weight: 400 500; font-display: swap;
  src: url(https://demo.uichemy.com/wp-content/uploads/2026/09/fettle__fonts-azeret-mono-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
body.fettle-page *, body.fettle-page *::before, body.fettle-page *::after{ box-sizing: border-box; }
html.fettle-html{ overflow-x: clip; -webkit-text-size-adjust: 100%; }
body.fettle-page{ margin: 0; background: var(--ft-white); color: var(--ft-black); font: 400 16px/1.45 var(--ft-f-sans) !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body.fettle-page img{ display: block; max-width: 100%; color: transparent; font-size: 0 !important; }
body.fettle-page img.is-broken{ visibility: hidden; }
body.fettle-page a{ color: inherit; text-decoration: none; }
body.fettle-page button{ font: inherit !important; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
body.fettle-page figure, body.fettle-page h1, body.fettle-page h2, body.fettle-page h3, body.fettle-page p, body.fettle-page ol, body.fettle-page dl, body.fettle-page dd{ margin: 0; padding: 0; }
body.fettle-page ol{ list-style: none; }
body.fettle-page .mono{ font-family: var(--ft-f-mono) !important; font-weight: 400 !important; font-size: 11px !important; line-height: 1.5 !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
body.fettle-page .sr-only{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.fettle-page .skip-link{ position: fixed; left: 12px; top: -60px; z-index: 300; background: var(--ft-sprint); color: var(--ft-black); padding: 10px 14px; font-weight: 500 !important; }
body.fettle-page .skip-link:focus{ top: 12px; }
body.fettle-page :focus-visible{ outline: 2px solid var(--ft-black); outline-offset: 3px; }
body.fettle-page .sec-title{ font: 800 clamp(56px, 7.2vw, 128px)/.86 var(--ft-f-cond) !important; text-transform: uppercase !important; letter-spacing: -.01em !important; }
body.fettle-page .btn{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 46px; padding: 0 22px; font: 500 15px/1 var(--ft-f-sans) !important; white-space: nowrap; transition: transform .35s var(--ft-ease-out); }
body.fettle-page .btn--sprint{ background: var(--ft-sprint); color: var(--ft-black); }
body.fettle-page .btn--sprint:hover{ transform: translateY(-2px); }
body.fettle-page .btn--wide{ width: 100%; height: 54px; font-size: 16px !important; }
body.fettle-page .btn--big{ height: 64px; padding: 0 34px; font-size: 18px !important; }
body.fettle-page .loader{ position: fixed; inset: 0; z-index: 200; pointer-events: none; }
html.no-intro body.fettle-page .loader{ display: none; }
body.fettle-page .ld-bg{ position: absolute; inset: 0; background: var(--ft-black); }
body.fettle-page .ld-frames{ position: fixed; --s: 18.95vw; width: var(--s); height: var(--s); left: calc(50% - var(--s) / 2); top: calc(50% - var(--s) / 2); }
body.fettle-page .ld-grid{ position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 4px; }
body.fettle-page .ld-frame{ position: relative; overflow: hidden; clip-path: inset(50% 50% 50% 50%); background: var(--ft-black); }
body.fettle-page .ld-frame img{ width: 100%; height: 100%; object-fit: cover; transform: scale(1.5); }
body.fettle-page .ld-frame--f{ position: absolute; inset: 0; }
body.fettle-page .ld-tag{ position: absolute; left: var(--ft-edge); bottom: 6.78vh; color: var(--ft-white); }
body.fettle-page .ld-counter{ position: absolute; right: var(--ft-edge); bottom: 6.78vh; color: var(--ft-white); }
body.fettle-page .ld-mask{ overflow: hidden; clip-path: inset(0% 0% 0% 0%); }
body.fettle-page .ld-num{ display: flex; align-items: flex-end; font-size: clamp(44px, 6.2vw, 96px) !important; line-height: 1 !important; letter-spacing: -.02em !important; opacity: 0; }
body.fettle-page .ld-digit{ display: block; height: 1em; overflow: hidden; }
body.fettle-page .ld-strip{ display: flex; flex-direction: column; }
body.fettle-page .ld-strip b{ display: block; height: 1em; font-weight: 400 !important; }
body.fettle-page .ld-unit{ font-size: 11px !important; line-height: 1 !important; letter-spacing: .06em !important; margin: 0 0 .5em .7em; }
body.fettle-page .nav-actions{ position: fixed; right: var(--ft-edge); bottom: 6.78vh; z-index: 60; display: flex; gap: 8px; }
html.has-intro body.fettle-page .nav-actions{ visibility: hidden; opacity: 0; }
body.fettle-page .menu-btn{ width: 52px; height: 46px; background: var(--ft-black); display: grid; place-content: center; gap: 5px; box-shadow: inset 0 0 0 1px var(--ft-w-45); }
body.fettle-page .menu-btn i{ display: block; width: 18px; height: 1.5px; background: var(--ft-white); }
body.fettle-page .menu-btn i + i{ width: 11px; }
body.fettle-page .bar{ position: fixed; left: 0; right: 0; top: 0; z-index: 70; height: 56px; padding: 0 var(--ft-gut); display: flex; align-items: center; gap: 28px; background: var(--ft-white); box-shadow: 0 1px 0 var(--ft-k-12); transform: translateY(-101%); visibility: hidden; transition: transform .3s var(--ft-ease-out), visibility 0s .3s; }
body.fettle-page .bar.is-on{ transform: none; visibility: visible; transition: transform .3s var(--ft-ease-out), visibility 0s 0s; }
body.fettle-page .bar-word{ font: 800 26px/1 var(--ft-f-cond) !important; letter-spacing: -.01em !important; margin-right: auto; }
body.fettle-page .bar-nav{ display: flex; gap: 26px; font-size: 15px !important; font-weight: 500 !important; }
body.fettle-page .bar-nav a{ position: relative; }
body.fettle-page .bar-nav a::after{ content: ''; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background: var(--ft-black); transform: scaleX(0); transform-origin: right; transition: transform .35s var(--ft-ease-out); }
body.fettle-page .bar-nav a:hover::after{ transform: scaleX(1); transform-origin: left; }
body.fettle-page .bar-right{ display: flex; gap: 6px; }
body.fettle-page .btn--sm{ height: 38px; padding: 0 16px; font-size: 14px !important; }
body.fettle-page .menu-btn--sm{ width: 44px; height: 38px; box-shadow: none; }
body.fettle-page .menu{ position: fixed; inset: 0; z-index: 150; background: var(--ft-white); color: var(--ft-black); clip-path: inset(0% 0% 100% 0%); }
body.fettle-page .menu[hidden]{ display: none; }
body.fettle-page .menu-inner{ height: 100%; display: flex; flex-direction: column; padding: 28px var(--ft-edge) 6.78vh; }
body.fettle-page .menu-top{ display: flex; justify-content: space-between; align-items: center; }
body.fettle-page .menu-word{ font: 800 32px/1 var(--ft-f-cond) !important; letter-spacing: -.01em !important; }
body.fettle-page .menu-close{ height: 40px; padding: 0 16px; background: var(--ft-sprint); color: var(--ft-black); }
body.fettle-page .menu-nav{ margin: auto 0; display: flex; flex-direction: column; }
body.fettle-page .menu-nav a{ display: block; font: 800 clamp(48px, 8.4vw, 132px)/.95 var(--ft-f-cond) !important; text-transform: uppercase !important; letter-spacing: -.01em !important; border-top: 1px solid var(--ft-k-12); padding: .06em 0; transition: padding .35s var(--ft-ease-out); }
body.fettle-page .menu-nav a:hover{ padding-left: 18px; }
body.fettle-page .menu-foot{ color: var(--ft-k-60); }
body.fettle-page .hero{ position: relative; height: 100vh; }
body.fettle-page .hero-pin{ position: relative; height: 100vh; overflow: hidden; background: var(--ft-white); }
body.fettle-page .hero-card{ position: absolute; inset: 0; background: var(--ft-white); transform-origin: 50% 100%; z-index: 1; will-change: transform; overflow: hidden; }
body.fettle-page .card-edge{ position: absolute; inset: 0; box-shadow: inset 0 0 0 2.25px var(--ft-black); opacity: 0; pointer-events: none; }
body.fettle-page .topbar{ position: absolute; left: var(--ft-edge); right: var(--ft-edge); top: 48px; display: flex; align-items: center; justify-content: space-between; z-index: 3; }
body.fettle-page .logo{ display: block; overflow: hidden; padding: 2px 0; }
body.fettle-page .logo-in{ display: block; font: 800 clamp(28px, 2.5vw, 40px)/.9 var(--ft-f-cond) !important; letter-spacing: -.01em !important; }
body.fettle-page .topbar-mark{ position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; color: var(--ft-black); }
body.fettle-page .topnav{ overflow: visible; }
body.fettle-page .topnav-in{ display: flex; gap: 30px; font-size: 15px !important; font-weight: 500 !important; }
body.fettle-page .topnav a{ position: relative; }
body.fettle-page .topnav a::after{ content: ''; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background: var(--ft-black); transform: scaleX(0); transform-origin: right; transition: transform .35s var(--ft-ease-out); }
body.fettle-page .topnav a:hover::after{ transform: scaleX(1); transform-origin: left; }
body.fettle-page .marquee{ position: absolute; left: 0; right: 0; top: calc(25.8vh + 9.475vw); transform: translateY(-50%); z-index: 1; }
body.fettle-page .marquee-reveal{ overflow: visible; }
body.fettle-page .marquee-scroll{ display: flex; width: max-content; white-space: nowrap; will-change: transform; }
body.fettle-page .mq-unit{ font: 800 15.16vw/1 var(--ft-f-cond) !important; letter-spacing: -.02em !important; text-transform: uppercase !important; padding-top: .02em; }
body.fettle-page .hero-photo{ position: absolute; z-index: 2; left: calc(50% - 9.475vw); top: 25.8vh; width: 18.95vw; height: 18.95vw; overflow: hidden; background: var(--ft-black); }
body.fettle-page .hero-photo img{ width: 100%; height: 100%; object-fit: cover; }
html.has-intro body.fettle-page .hero-photo{ visibility: hidden; }
body.fettle-page .hero-copy{ position: absolute; left: 0; right: 0; top: 73.6vh; display: flex; flex-direction: column; align-items: center; gap: 2.2vh; z-index: 2; text-align: center; }
body.fettle-page .hero-lede{ font-size: clamp(17px, 1.53vw, 24px) !important; line-height: 1.32 !important; font-weight: 500 !important; letter-spacing: -.005em !important; }
body.fettle-page .sl{ display: block; }
body.fettle-page .sl > span{ display: inline-block; }
body.fettle-page .chip{ position: relative; padding: 7px 13px 6px; }
body.fettle-page .cb{ position: absolute; background: var(--ft-black); }
body.fettle-page .cb-t{ left: 0; right: 0; top: 0; height: 1px; transform-origin: 0 50%; }
body.fettle-page .cb-r{ top: 0; bottom: 0; right: 0; width: 1px; transform-origin: 50% 0; }
body.fettle-page .cb-b{ left: 0; right: 0; bottom: 0; height: 1px; transform-origin: 100% 50%; }
body.fettle-page .cb-l{ top: 0; bottom: 0; left: 0; width: 1px; transform-origin: 50% 100%; }
body.fettle-page .hero-foot{ position: absolute; left: var(--ft-edge); bottom: calc(6.78vh + 14px); z-index: 2; }
body.fettle-page .panels{ position: absolute; left: 0; right: 0; top: 6.78vh; height: 68.2vh; padding: 0 var(--ft-edge); display: flex; gap: 2.5vw; z-index: 2; pointer-events: none; }
body.fettle-page .panel{ flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; opacity: 0; pointer-events: none; }
body.fettle-page .hero.is-panels .panel{ pointer-events: auto; }
html.no-js body.fettle-page .panel{ opacity: 1; transform: none; }
body.fettle-page .panel-field{ position: relative; flex: 1 1 auto; padding: 1.8vw; overflow: hidden; }
body.fettle-page .panel-photo{ flex: 0 0 20vh; overflow: hidden; background: var(--ft-black); }
body.fettle-page .panel-photo img{ width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--ft-ease-out); }
body.fettle-page .panel:hover .panel-photo img{ transform: scale(1.04); }
body.fettle-page .panel-sym{ width: 34px; height: 34px; display: block; }
body.fettle-page .panel-desc{ position: absolute; left: 1.8vw; bottom: 1.8vw; right: calc(1.2vw + 3.2vw + 18px); font-size: clamp(12px, .97vw, 15px) !important; line-height: 1.32 !important; }
body.fettle-page .panel-title{ position: absolute; right: 1.2vw; bottom: 1.5vw; font: 800 clamp(30px, 3.2vw, 60px)/.8 var(--ft-f-cond) !important; text-transform: uppercase !important; letter-spacing: -.01em !important; }
body.fettle-page .panel-title span{ display: block; writing-mode: vertical-rl; transform: rotate(180deg); }
body.fettle-page .panel--road .panel-field, body.fettle-page .panel--tour .panel-field{ background: var(--ft-black); color: var(--ft-white); }
body.fettle-page .panel--gravel .panel-field{ background: var(--ft-sprint); color: var(--ft-black); }
body.fettle-page .panel--track{ box-shadow: inset 0 0 0 1px var(--ft-black); }
body.fettle-page .panel--track .panel-field{ background: var(--ft-white); color: var(--ft-black); box-shadow: inset 1px 1px 0 var(--ft-black), inset -1px 0 0 var(--ft-black); }
body.fettle-page .panel--track .panel-photo{ border: 1px solid var(--ft-black); border-top: 0; }
body.fettle-page .process{ position: relative; height: 600vh; background: var(--ft-white); overflow: clip; }
body.fettle-page .process-sticky{ position: sticky; top: 0; height: 100vh; overflow: hidden; }
body.fettle-page .process-head{ position: absolute; left: var(--ft-gut); right: var(--ft-gut); top: 80px; display: grid; grid-template-columns: 1fr 1fr; align-items: start; }
body.fettle-page .ph-left{ display: flex; flex-direction: column; gap: 4px; padding-top: 30px; }
body.fettle-page .ph-route{ display: inline-flex; align-items: center; gap: 12px; }
body.fettle-page .ph-arrow{ width: 28px; height: 10px; }
body.fettle-page .ph-week{ color: var(--ft-k-60); }
body.fettle-page .ph-week b{ font-weight: 400 !important; color: var(--ft-black); }
body.fettle-page .ph-mid{ font-size: clamp(17px, 1.39vw, 22px) !important; line-height: 1.25 !important; font-weight: 500 !important; max-width: 17em; }
body.fettle-page .ph-right{ position: absolute; right: 0; top: 30px; }
body.fettle-page .process-stage{ position: absolute; left: var(--ft-gut); right: var(--ft-gut); bottom: 20px; height: calc(100vh - 183px); }
body.fettle-page .ps-ghost{ position: absolute; left: 0; right: 0; top: 36%; transform: translateY(-50%); text-align: center; font: 800 clamp(120px, 17vw, 300px)/.8 var(--ft-f-cond) !important; text-transform: uppercase !important; letter-spacing: -.02em !important; color: var(--ft-black); white-space: nowrap; }
body.fettle-page .pcards{ position: absolute; inset: 0; display: flex; gap: 12px; }
body.fettle-page .pc{ position: relative; flex: 1 1 0; min-width: 0; height: 100%; background: var(--ft-black); color: var(--ft-white); clip-path: inset(100% 0 0 0); }
body.fettle-page .pc--3{ background: var(--ft-sprint); color: var(--ft-black); }
body.fettle-page .pc-num{ position: absolute; left: 20px; top: 22px; font-size: 12px !important; }
body.fettle-page .pc-body{ position: absolute; left: 20px; right: 20px; bottom: 28px; }
body.fettle-page .pc-title{ font: 800 clamp(44px, 3.9vw, 72px)/.86 var(--ft-f-cond) !important; text-transform: uppercase !important; letter-spacing: -.01em !important; margin-bottom: 14px; }
body.fettle-page .pc-desc{ font-size: clamp(14px, 1.04vw, 16px) !important; line-height: 1.38 !important; max-width: 22em; color: var(--ft-w-66); }
body.fettle-page .pc--3 .pc-desc{ color: var(--ft-black); }
body.fettle-page .pc-art{ display: none; }
body.fettle-page .pdraw{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
body.fettle-page .pd-path{ fill: none; stroke-width: 1; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
body.fettle-page .pd-dash{ stroke-width: 1; stroke-dasharray: 5 7; }
body.fettle-page .pd-base{ stroke-width: 1; }
body.fettle-page .pd-w .pd-path, body.fettle-page .pd-w .pd-dash, body.fettle-page .pd-w .pd-base{ stroke: var(--ft-white); }
body.fettle-page .pd-k .pd-path, body.fettle-page .pd-k .pd-dash, body.fettle-page .pd-k .pd-base{ stroke: var(--ft-black); }
body.fettle-page .pd-w .pd-dot{ fill: var(--ft-white); }
body.fettle-page .pd-k .pd-dot{ fill: var(--ft-black); }
body.fettle-page .rp-w{ fill: var(--ft-w-66); }
body.fettle-page .rp-k{ fill: var(--ft-black); }
body.fettle-page .pd-num{ font-family: var(--ft-f-mono) !important; font-size: 9px !important; letter-spacing: .06em !important; }
body.fettle-page .pd-w .pd-num{ fill: var(--ft-w-66); }
body.fettle-page .pd-k .pd-num{ fill: var(--ft-black); }
body.fettle-page .log{ position: relative; padding: 16vh var(--ft-gut) 18vh; background: var(--ft-white); overflow: clip; }
body.fettle-page .log-head{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px 4vw; align-items: end; margin-bottom: 7vh; }
body.fettle-page .log-intro{ max-width: 30em; font-size: clamp(16px, 1.25vw, 19px) !important; line-height: 1.4 !important; color: var(--ft-k-60); justify-self: end; }
body.fettle-page .tabs{ grid-column: 1 / -1; position: relative; display: flex; gap: 34px; border-bottom: 1px solid var(--ft-k-12); padding-bottom: 12px; }
body.fettle-page .tab{ position: relative; color: var(--ft-k-60); transition: color .3s; }
body.fettle-page .tab.is-on, body.fettle-page .tab:hover{ color: var(--ft-black); }
body.fettle-page .tab sup{ font-size: 9px !important; vertical-align: top; margin-left: 2px; }
body.fettle-page .tabs-line{ position: absolute; left: 0; bottom: -1px; height: 2px; width: 40px; background: var(--ft-black); }
body.fettle-page .log-body{ position: relative; min-height: calc(12 * clamp(38px, 3.54vw, 64px)); }
body.fettle-page .log-bar{ position: absolute; left: calc(-1 * var(--ft-gut)); right: calc(-1 * var(--ft-gut)); top: 0; height: clamp(38px, 3.54vw, 64px); background: var(--ft-sprint); transform-origin: 50% 50%; pointer-events: none; }
body.fettle-page .log-list{ position: relative; z-index: 1; }
body.fettle-page .log-row{ position: relative; }
body.fettle-page .log-btn{ position: relative; display: block; width: 100%; height: clamp(38px, 3.54vw, 64px); text-align: left; font-family: var(--ft-f-mono) !important; font-size: 11px !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
body.fettle-page .log-btn span{ position: absolute; top: 50%; transform: translateY(-50%); white-space: nowrap; }
body.fettle-page .lr-no{ left: 0; }
body.fettle-page .lr-name{ left: 5.56vw; }
body.fettle-page .lr-type{ left: 22.8vw; color: var(--ft-k-60); }
body.fettle-page .lr-wk{ left: 76vw; color: var(--ft-k-60); }
body.fettle-page .lr-city{ right: 0; }
body.fettle-page .log-row.is-on .lr-type, body.fettle-page .log-row.is-on .lr-wk{ color: var(--ft-black); }
body.fettle-page .log-row.is-off{ opacity: .22; }
body.fettle-page .log-row.is-off .log-btn{ cursor: default; }
body.fettle-page .lr-more{ display: none; }
body.fettle-page .log-photo{ position: absolute; z-index: 2; left: calc(51.7vw - var(--ft-gut)); top: 50%; width: 18.06vw; transform: translateY(-50%); pointer-events: none; }
body.fettle-page .log-stack{ position: relative; width: 100%; height: 25vw; overflow: hidden; background: var(--ft-black); }
body.fettle-page .log-stack img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
body.fettle-page .log-stack img.is-on{ opacity: 1; }
body.fettle-page .log-note{ position: absolute; left: 0; top: calc(100% + 14px); width: calc(100% + 4vw); font-size: 15px !important; line-height: 1.35 !important; color: var(--ft-k-60); }
body.fettle-page .log-note b{ display: block; font: 400 11px/1.5 var(--ft-f-mono) !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--ft-black); margin-bottom: 4px; }
body.fettle-page .size{ position: relative; padding: 14vh var(--ft-gut) 16vh; border-top: 1px solid var(--ft-k-12); overflow: clip; }
body.fettle-page .size-head{ display: grid; grid-template-columns: 58fr 42fr; gap: 4vw; align-items: end; margin-bottom: 6vh; }
body.fettle-page .size-intro{ font-size: clamp(16px, 1.25vw, 19px) !important; line-height: 1.4 !important; color: var(--ft-k-60); max-width: 26em; }
body.fettle-page .size-grid{ display: grid; grid-template-columns: 58fr 42fr; gap: 4vw; align-items: start; }
body.fettle-page .size-sketch{ position: relative; border: 1px solid var(--ft-k-12); padding: 2vw 1.4vw 1.4vw; }
body.fettle-page .geo{ display: block; width: 100%; height: auto; aspect-ratio: 2000 / 1350; overflow: visible; }
body.fettle-page .g-ground{ stroke: var(--ft-k-12); stroke-width: 1; vector-effect: non-scaling-stroke; fill: none; }
body.fettle-page .g-wheel{ fill: none; stroke: var(--ft-black); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
body.fettle-page .g-rim, body.fettle-page .g-hub{ fill: none; stroke: var(--ft-k-35); stroke-width: 1; vector-effect: non-scaling-stroke; }
body.fettle-page .g-tube{ fill: none; stroke: var(--ft-black); stroke-width: 2.5; stroke-linecap: round; vector-effect: non-scaling-stroke; }
body.fettle-page .g-head{ stroke-width: 4.5; }
body.fettle-page .g-bb{ fill: var(--ft-white); stroke: var(--ft-black); stroke-width: 2; vector-effect: non-scaling-stroke; }
body.fettle-page .g-aux{ fill: none; stroke: var(--ft-k-35); stroke-width: 1.2; stroke-dasharray: 4 4; vector-effect: non-scaling-stroke; }
body.fettle-page .g-saddle, body.fettle-page .g-bar{ fill: none; stroke: var(--ft-black); stroke-width: 2.5; stroke-linecap: round; vector-effect: non-scaling-stroke; }
body.fettle-page .g-arc{ fill: none; stroke: var(--ft-k-60); stroke-width: 1; vector-effect: non-scaling-stroke; }
body.fettle-page .g-ang{ font-family: var(--ft-f-mono) !important; letter-spacing: .06em !important; fill: var(--ft-k-60); }
body.fettle-page .g-ext{ fill: none; stroke: var(--ft-k-35); stroke-width: 1; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
body.fettle-page .g-dline{ fill: none; stroke: var(--ft-black); stroke-width: 1; vector-effect: non-scaling-stroke; }
body.fettle-page .g-arrow{ fill: var(--ft-black); }
body.fettle-page .g-tag-bg{ fill: var(--ft-white); }
body.fettle-page .g-tag-txt{ font-family: var(--ft-f-mono) !important; letter-spacing: .06em !important; fill: var(--ft-black); }
body.fettle-page .sketch-tag{ display: flex; justify-content: space-between; margin-top: 10px; color: var(--ft-k-60); }
body.fettle-page .sketch-tag b{ font-weight: 400 !important; color: var(--ft-black); }
body.fettle-page .size-ctrl{ display: flex; flex-direction: column; gap: 34px; }
body.fettle-page .field-top{ display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 14px; }
body.fettle-page .field-val{ font: 800 clamp(56px, 5.6vw, 96px)/.8 var(--ft-f-cond) !important; letter-spacing: -.01em !important; font-variant-numeric: tabular-nums; }
body.fettle-page .field-val small{ font: 400 11px/1 var(--ft-f-mono) !important; letter-spacing: .06em !important; text-transform: uppercase !important; margin-left: 6px; vertical-align: top; }
body.fettle-page .field-scale{ display: flex; justify-content: space-between; align-items: center; margin-top: 10px; color: var(--ft-k-60); }
body.fettle-page .relink{ padding: 4px 8px; background: var(--ft-sprint); color: var(--ft-black); }
body.fettle-page .relink[aria-pressed="false"]{ background: transparent; box-shadow: inset 0 0 0 1px var(--ft-k-12); color: var(--ft-k-60); }
body.fettle-page .range{ -webkit-appearance: none; appearance: none; width: 100%; height: 30px; background: transparent; margin: 0; cursor: pointer; }
body.fettle-page .range::-webkit-slider-runnable-track{ height: 2px; background: var(--ft-black); }
body.fettle-page .range::-moz-range-track{ height: 2px; background: var(--ft-black); }
body.fettle-page .range::-webkit-slider-thumb{ -webkit-appearance: none; width: 16px; height: 30px; margin-top: -14px; background: var(--ft-sprint); border: 1px solid var(--ft-black); border-radius: 0; }
body.fettle-page .range::-moz-range-thumb{ width: 14px; height: 28px; background: var(--ft-sprint); border: 1px solid var(--ft-black); border-radius: 0; }
body.fettle-page .range:focus-visible{ outline: 2px solid var(--ft-black); outline-offset: 6px; }
body.fettle-page .geo-list{ display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--ft-k-12); }
body.fettle-page .geo-list > div{ display: flex; justify-content: space-between; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--ft-k-12); }
body.fettle-page .geo-list > div:nth-child(odd){ padding-right: 16px; }
body.fettle-page .geo-list > div:nth-child(even){ padding-left: 16px; border-left: 1px solid var(--ft-k-12); }
body.fettle-page .geo-list dt{ color: var(--ft-k-60); }
body.fettle-page .geo-list dd{ font: 800 28px/1 var(--ft-f-cond) !important; font-variant-numeric: tabular-nums; }
body.fettle-page .geo-list dd span{ margin: 0 3px; color: var(--ft-k-35); }
body.fettle-page .caption{ color: var(--ft-black); max-width: 34em; }
body.fettle-page .rides{ position: relative; height: 130vh; background: var(--ft-white); overflow: clip; }
body.fettle-page .rides-stage{ position: sticky; top: 0; height: 100vh; }
body.fettle-page .rides-title{ position: absolute; z-index: 3; left: 0; right: 0; top: 12vh; text-align: center; font: 800 clamp(52px, 6.6vw, 120px)/.9 var(--ft-f-cond) !important; text-transform: uppercase !important; letter-spacing: -.01em !important; white-space: nowrap; }
body.fettle-page .rt-word-wrap{ display: inline-block; text-align: left; vertical-align: top; }
body.fettle-page .rt-word{ display: inline-block; white-space: nowrap; }
body.fettle-page .wall{ position: absolute; left: 0; right: 0; top: 47vh; height: 0; transform-style: preserve-3d; }
body.fettle-page .ring{ position: absolute; left: 50%; top: 0; width: 0; height: 0; transform-style: preserve-3d; will-change: transform; }
body.fettle-page .tile{ position: absolute; left: 0; top: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; background: var(--ft-black); }
body.fettle-page .tile img{ width: 100%; height: 100%; object-fit: cover; }
body.fettle-page .rides-sub{ position: absolute; z-index: 3; left: 0; right: 0; top: 74vh; text-align: center; font-size: clamp(17px, 1.39vw, 22px) !important; font-weight: 500 !important; }
body.fettle-page .rides-meta{ position: absolute; z-index: 3; left: 0; right: 0; top: calc(74vh + 44px); display: flex; justify-content: center; gap: 28px; color: var(--ft-k-60); }
body.fettle-page .foot{ position: relative; padding: 14vh var(--ft-gut) 24px; border-top: 1px solid var(--ft-k-12); overflow: hidden; }
body.fettle-page .foot-top{ display: grid; grid-template-columns: 1.1fr 1fr; gap: 4vw; }
body.fettle-page .foot-cta{ display: flex; flex-direction: column; align-items: flex-start; gap: 30px; }
body.fettle-page .foot-lede{ font-size: clamp(22px, 2.1vw, 34px) !important; line-height: 1.18 !important; font-weight: 500 !important; letter-spacing: -.01em !important; max-width: 19em; }
body.fettle-page .foot-cols{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
body.fettle-page .foot-col p{ font-size: 15px !important; line-height: 1.6 !important; }
body.fettle-page .foot-col a{ border-bottom: 1px solid var(--ft-k-12); transition: border-color .3s; }
body.fettle-page .foot-col a:hover{ border-color: var(--ft-black); }
body.fettle-page .foot-k{ color: var(--ft-k-60); margin-bottom: 10px; font-size: 11px !important !important; }
body.fettle-page .foot-wordwrap{ container-type: inline-size; margin: 9vh 0 3vh; }
body.fettle-page .foot-word{ font: 800 calc(100cqw / 2.1)/.78 var(--ft-f-cond) !important; letter-spacing: -.02em !important; margin-left: -.02em; white-space: nowrap; }
body.fettle-page .foot-base{ display: flex; justify-content: space-between; gap: 20px; padding-top: 16px; border-top: 1px solid var(--ft-k-12); color: var(--ft-k-60); }
body.fettle-page .foot-base a:hover{ color: var(--ft-black); }
@media (max-width: 767px){body.fettle-page{ --ft-edge: 16px; --ft-gut: 16px; }
body.fettle-page .btn{ height: 44px; padding: 0 18px; font-size: 14px !important; }
body.fettle-page .nav-actions{ right: 16px; bottom: 16px; }
body.fettle-page .menu-btn{ width: 48px; height: 44px; }
body.fettle-page .bar{ height: 52px; gap: 12px; }
body.fettle-page .bar-nav{ display: none; }
body.fettle-page .bar-word{ font-size: 24px !important; }
body.fettle-page .menu-btn--sm{ width: 42px; height: 36px; }
body.fettle-page .btn--sm{ height: 36px; padding: 0 14px; font-size: 13px !important; }
body.fettle-page .ld-frames{ --s: min(38vw, 34vh); }
body.fettle-page .ld-tag, body.fettle-page .ld-counter{ bottom: 24px; }
body.fettle-page .topbar{ top: 22px; }
body.fettle-page .topnav, body.fettle-page .topbar-mark{ display: none; }
body.fettle-page .hero-card{ --ph: min(38vw, 34vh); }
body.fettle-page .marquee{ top: calc(26vh + var(--ph) / 2); }
body.fettle-page .mq-unit{ font-size: 22vw !important; }
body.fettle-page .hero-photo{ left: calc(50% - var(--ph) / 2); top: 26vh; width: var(--ph); height: var(--ph); }
body.fettle-page .hero-copy{ top: max(62vh, calc(26vh + var(--ph) + 44px)); gap: 16px; padding: 0 16px; }
body.fettle-page .hero-lede{ font-size: 17px !important; }
body.fettle-page .hero-foot{ bottom: 80px; left: 16px; }
body.fettle-page .panels{ top: 16px; height: auto; bottom: auto; flex-direction: column; gap: 10px; padding: 0 16px; }
body.fettle-page .panel{ flex: 0 0 19vh; flex-direction: row; }
body.fettle-page .panel-field{ flex: 0 0 60%; padding: 14px; }
body.fettle-page .panel-photo{ flex: 1 1 auto; }
body.fettle-page .panel-sym{ position: absolute; right: 14px; top: 14px; width: 22px; height: 22px; }
body.fettle-page .panel-title{ position: static; font-size: 44px !important; line-height: .86 !important; }
body.fettle-page .panel-title span{ writing-mode: horizontal-tb; transform: none; }
body.fettle-page .panel-desc{ left: 14px; right: 14px; bottom: 12px; max-width: none; font-size: 13px !important; }
body.fettle-page .panel-title{ font-size: 44px !important; }
body.fettle-page .panel--track .panel-field{ box-shadow: inset 1px 1px 0 var(--ft-black), inset 0 -1px 0 var(--ft-black); }
body.fettle-page .panel--track .panel-photo{ border: 1px solid var(--ft-black); border-left: 0; }
body.fettle-page .process{ height: auto; padding: 12vh 0 6vh; }
body.fettle-page .process-sticky{ position: relative; height: auto; overflow: visible; }
body.fettle-page .process-head{ position: relative; left: auto; right: auto; top: auto; padding: 0 16px; grid-template-columns: 1fr; gap: 14px; margin-bottom: 28px; }
body.fettle-page .ph-left{ padding-top: 0; }
body.fettle-page .ph-right{ position: static; order: -1; font: 800 56px/.86 var(--ft-f-cond) !important; letter-spacing: -.01em !important; }
body.fettle-page .ph-week{ display: none; }
body.fettle-page .process-stage{ position: relative; left: auto; right: auto; bottom: auto; height: auto; padding: 0 16px; }
body.fettle-page .ps-ghost, body.fettle-page .pdraw{ display: none; }
body.fettle-page .pcards{ position: relative; flex-direction: column; gap: 12px; }
body.fettle-page .pc{ height: 70vh; flex: 0 0 auto; }
body.fettle-page .pc-art{ display: block; position: absolute; inset: 0; }
body.fettle-page .pc-art svg{ position: absolute; inset: 0; width: 100%; height: 100%; }
body.fettle-page .pc-title{ font-size: 52px !important; }
body.fettle-page .log{ padding: 12vh 16px 12vh; }
body.fettle-page .log-head{ grid-template-columns: 1fr; margin-bottom: 28px; }
body.fettle-page .log-intro{ justify-self: start; }
body.fettle-page .tabs{ gap: 24px; }
body.fettle-page .log-body{ min-height: 0; }
body.fettle-page .log-bar, body.fettle-page .log-photo{ display: none; }
body.fettle-page .log-row{ border-bottom: 1px solid var(--ft-k-12); }
body.fettle-page .log-btn{ height: auto; display: grid; grid-template-columns: 52px 1fr auto; grid-template-rows: auto auto; column-gap: 8px; row-gap: 2px; padding: 14px 0; }
body.fettle-page .log-btn span{ position: static; transform: none; }
body.fettle-page .lr-no{ grid-row: 1 / 3; }
body.fettle-page .lr-name{ grid-column: 2; }
body.fettle-page .lr-type{ grid-column: 2; grid-row: 2; }
body.fettle-page .lr-city{ grid-column: 3; grid-row: 1; text-align: right; }
body.fettle-page .lr-wk{ grid-column: 3; grid-row: 2; text-align: right; }
body.fettle-page .log-row.is-on .log-btn{ background: var(--ft-sprint); margin: 0 -16px; padding: 14px 16px; width: calc(100% + 32px); grid-template-columns: 52px 1fr auto; }
body.fettle-page .lr-more{ display: block; height: 0; overflow: hidden; }
body.fettle-page .lr-more-in{ padding: 4px 0 20px 60px; }
body.fettle-page .lr-more img{ width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; background: var(--ft-black); }
body.fettle-page .lr-more p{ margin-top: 10px; font-size: 15px !important; line-height: 1.35 !important; color: var(--ft-k-60); }
body.fettle-page .size{ padding: 12vh 16px 12vh; }
body.fettle-page .size-head, body.fettle-page .size-grid{ grid-template-columns: 1fr; }
body.fettle-page .size-sketch{ padding: 12px 8px 8px; }
body.fettle-page .size-ctrl{ gap: 28px; }
body.fettle-page .geo-list dd{ font-size: 24px !important; }
body.fettle-page .rides{ height: 100vh; }
body.fettle-page .rides-title{ top: auto; bottom: calc(50vh + var(--band, 180px) / 2 + 28px); font-size: 13.4vw !important; }
body.fettle-page .wall{ top: 50vh; }
body.fettle-page .rides-sub{ top: calc(50vh + var(--band, 180px) / 2 + 30px); padding: 0 16px; font-size: 17px !important; }
body.fettle-page .rides-meta{ top: calc(50vh + var(--band, 180px) / 2 + 64px); gap: 14px; flex-wrap: wrap; padding: 0 16px; }
body.fettle-page .foot{ padding-top: 10vh; }
body.fettle-page .foot-top{ grid-template-columns: 1fr; gap: 48px; }
body.fettle-page .foot-cols{ grid-template-columns: 1fr 1fr; }
body.fettle-page .foot-base{ flex-direction: column; gap: 6px; }

}
@media (min-width: 768px) and (max-width: 1100px){body.fettle-page .topnav-in{ gap: 18px; font-size: 14px !important; }
body.fettle-page .lr-type{ left: 21vw; }

}
@media (prefers-reduced-motion: reduce){body.fettle-page *, body.fettle-page *::before, body.fettle-page *::after{ transition-duration: .01ms !important; }

}


/* WordPress / Elementor compatibility: preserve source geometry. */
body.fettle-page .elementor,body.fettle-page .elementor-element { --widgets-spacing:0px; --container-default-padding-top:0px; --container-default-padding-bottom:0px; --container-default-padding-left:0px; --container-default-padding-right:0px; }
body.fettle-page .elementor-widget-uichemy-composer,body.fettle-page .elementor-widget-container {margin:0; padding:0;}
body.fettle-page .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure {margin:0;}
body.fettle-page .fettle-section {font:400 16px/1.45 var(--ft-f-sans) !important;color:var(--ft-black);width:100%;}
body.fettle-page .fettle-section button {border-radius:0;box-shadow:none;}
body.fettle-page .elementor-widget {margin-bottom:0;}