:root{--site-sans:Arial,"Helvetica Neue","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--site-serif:"Yu Mincho","Hiragino Mincho ProN",serif}
body,button,input,select,textarea,h1,h2,h3,h4,.desktop-nav,.mobile-nav,.product-nav a,.section-title span,.quick-spec b,.color-count,.color-panel h2,.catalog-group>h2,.catalog-head h1,.model-card h3,.model-color-heading,.category-links a,.model-card .card-arrow{font-family:var(--site-sans)}
.hero-panorama-copy h1,.story-hero-copy h1,.opening-lead p,.bridge-copy h2,.morning-copy h2,.identity-heading h2,.next-copy strong,.story-pager-link small,.stories-intro-lead,.story-index-caption h2{font-family:var(--site-serif)}
.story-hero-copy h1 span{font-family:var(--site-sans)}
.header-inner{height:82px}.desktop-nav{font-size:14px;gap:20px}.mobile-nav{top:82px}.mobile-nav a{font-size:14px}.footer-top p,.footer-nav,.footer-social,.footer-support a{font-size:13px;line-height:1.8}.footer-social span,.footer .copyright{font-size:11px;line-height:1.8}.footer-support{row-gap:12px}
.about-grid>*{min-width:0}.catalog-about-heading{font-size:20px;line-height:1.75;margin:0 0 24px;font-weight:600}.about-copy p{font-size:16px;line-height:2;margin:0 0 20px}.product-code-wrap{overflow-x:auto}.geometry-data{overflow-x:auto}
/* Fit the visible bicycle, rather than its surrounding white canvas. */
.model-card>img,.hero-visual>img,.bike-frame>img{object-fit:contain;transform-origin:center;transform:translate(var(--bike-x,0px),var(--bike-y,0px)) scale(var(--bike-zoom,1))}
.bike-frame.changing>img{transform:translate(var(--bike-x,0px),calc(var(--bike-y,0px) + 5px)) scale(var(--bike-zoom,1))}
.model-card{overflow:hidden}.hero-visual{height:500px;overflow:hidden}.hero-visual>img{width:100%;height:100%;max-height:none}.bike-frame{height:390px;min-height:390px;overflow:hidden}.bike-frame>img{width:100%;height:100%;max-height:none}
@media(min-width:901px){
body{font-size:16px;line-height:1.8}
.commitments p,.commitments .commitment-lead,.commitments .commitment-body,.section-head p,.catalog-feature-copy p,.news-card p,.hero-panorama-copy p{font-size:16px;line-height:1.9}
.story-list b,.story-list em{font-size:16px}.story-list span,.news-meta,.news-meta b,.lineup-copy small,.catalog-feature-copy small,.catalog-feature-copy a,.section-head>a{font-size:13px}
.body-copy,.morning-copy p,.story-new .story-narrative p,.series-copy p,.series-heading>p,.stories-intro>p:last-child{font-size:16px;line-height:2}
.series-copy p{min-height:0}.series-copy>span,.series-bottom a,.series-bottom small,.series-all a,.section-kicker,.eyebrow,.hero-note,.story-index-caption span,.story-index-caption b{font-size:12px}
.about-copy p{font-size:17px;line-height:2}.color-note,.spec-note,.geometry-note,.option-code,.option-price small,.price span,.price small,.quick-spec span,.photo-caption,.story-photo-note{font-size:13px;line-height:1.8}
.spec-table dt,.spec-table dd{font-size:15px;line-height:1.8}.geometry-data table,.product-code-table{font-size:14px;line-height:1.7}.multiway-comparison th,.multiway-comparison td{font-size:14px;line-height:1.8}
.model-card p,.catalog-head p{font-size:16px;line-height:1.9}.model-card .card-price{font-size:21px}.model-card .card-arrow,.category-links a,.breadcrumb,.model-size-label{font-size:14px}.option-card h3{line-height:1.7}.series-bottom{flex-wrap:wrap}
}
@media(max-width:1000px){.desktop-nav{display:none}.menu-button{display:block}.mobile-nav.open{display:grid}}
@media(max-width:900px){.hero-visual{height:440px}.bike-frame{height:340px;min-height:340px}}
@media(max-width:700px){.header-inner{height:68px}.mobile-nav{top:68px}.catalog-about-heading{font-size:18px}.about-copy p{font-size:16px}.hero-visual{height:330px}.bike-frame{height:270px;min-height:270px}.desktop-nav{display:none}}