.page-blog .journal-hero .bike-stage{display:block;position:relative;height:358px;padding:0;border:0;overflow:visible;background:none;perspective:1000px;isolation:isolate}.bike-scene{display:block;position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.bike-frame{position:absolute;top:15px;right:16px;bottom:20px;left:16px;border:7px solid var(--paper);outline:1px solid var(--ink);background:var(--orange);background-image:url(//atombiker.com/cdn/shop/t/4/assets/paper-grain.svg?v=180231529899093141391792504956),repeating-linear-gradient(-28deg,transparent 0 34px,#17171308 34px 35px);box-shadow:8px 9px 0 var(--ink);transform:translateZ(-12px);transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s ease}.bike-frame:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid #17171333}.bike-ground{position:absolute;left:23%;right:15%;bottom:34px;height:24px;border-radius:50%;background:#17171357;filter:blur(10px);transform:translateZ(0);transition:transform .65s ease,opacity .65s ease}.page-blog .journal-hero .bike-cutout{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:50% 50%;aspect-ratio:1;transform:translateZ(18px) scale(.96);transform-origin:50% 76%;filter:drop-shadow(3px 9px 2px #17171330);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s ease}.page-blog .journal-hero .bike-stage:focus-visible{outline:2px solid var(--ink);outline-offset:8px}.bike-stage:focus-visible .bike-frame{transform:rotateX(8deg) rotateY(-11deg) translateZ(-18px);box-shadow:11px 16px 0 var(--ink)}.page-blog .journal-hero .bike-stage:focus-visible .bike-cutout{transform:translate3d(-8px,-16px,105px) rotate(-3deg) scale(1.1);filter:drop-shadow(12px 24px 9px #17171345)}.bike-stage:focus-visible .bike-ground{transform:scale(.85) translateY(12px);opacity:.5}@media(hover:hover)and (pointer:fine){.bike-stage:hover .bike-frame{transform:rotateX(8deg) rotateY(-11deg) translateZ(-18px);box-shadow:11px 16px 0 var(--ink)}.page-blog .journal-hero .bike-stage:hover .bike-cutout{transform:translate3d(-8px,-16px,105px) rotate(-3deg) scale(1.1);filter:drop-shadow(12px 24px 9px #17171345)}.bike-stage:hover .bike-ground{transform:scale(.85) translateY(12px);opacity:.5}}.page-blog #pagination{width:fit-content;max-width:100%;margin:32px auto 0;padding:6px;display:flex;justify-content:center;align-items:center;gap:6px;border:1px solid var(--ink);border-radius:6px;background:var(--paper);box-shadow:4px 4px 0 var(--ink)}.page-blog #pagination[hidden]{display:none}.page-blog #pagination button{display:grid;place-items:center;min-width:44px;height:44px;padding:0 13px;border:1px solid transparent;border-radius:3px;background:none;color:var(--ink);font-family:var(--heading);font-weight:600;font-size:13px;line-height:1;transition:background .18s ease,color .18s ease}.page-blog #pagination .pagination-page{padding:0;font-size:17px}.page-blog #pagination button[aria-current=page]{background:var(--orange);border-color:var(--ink);color:#171713}.page-blog #pagination button:hover:not(:disabled):not([aria-current]){background:var(--ink);color:var(--paper)}.page-blog #pagination button:disabled{opacity:.35;cursor:default}.page-blog #pagination button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.page-blog #shop .product-category>span{color:var(--ink)}.page-blog #shop .product-rating{display:flex;align-items:center;gap:8px;width:fit-content;min-height:36px;margin:0 0 10px;font-size:12px;line-height:1.4}.page-blog #shop .product-rating>span:last-child{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.page-blog #shop .rating-stars{display:block;position:relative;flex:0 0 80px;width:80px;height:16px}.page-blog #shop .stars-base,.page-blog #shop .stars-fill{display:flex;position:absolute;top:0;left:0;height:16px;overflow:hidden}.page-blog #shop .stars-base{width:80px;color:var(--muted)}.page-blog #shop .stars-fill{color:var(--accent)}.page-blog #shop .rating-stars svg{display:block;flex:0 0 16px;width:16px;height:16px}.page-blog #shop .stars-base svg{fill:none;stroke:currentColor;stroke-width:1}.page-blog #shop .stars-fill svg{fill:currentColor;stroke:currentColor;stroke-width:1}.page-blog #shop .product-details>p{margin-bottom:15px}.page-blog #shop .product-sizes{margin:0 0 20px}.page-blog #shop .sizes-label{margin:0 0 7px;font:600 12px/1.4 var(--heading);color:var(--ink)}.page-blog #shop .size-options{display:flex;flex-wrap:wrap;gap:6px}.page-blog #shop .size-chip{display:grid;place-items:center;min-width:34px;min-height:34px;padding:3px 7px;border:1px solid var(--line);font:500 11px/1 var(--heading);background:var(--paper);transition:background .18s ease,border-color .18s ease}.page-blog #shop .size-chip:hover,.page-blog #shop .size-chip:focus-visible{background:var(--orange);color:#171713;border-color:var(--ink)}.page-blog #shop .sizes-note{margin:7px 0 0;font-size:10px;line-height:1.5;color:var(--muted)}.page-blog #story-grid .author-label strong{line-height:1.35}@media(max-width:1199px){.page-blog .journal-hero .bike-stage{height:320px}}@media(max-width:699px){.page-blog .journal-hero .bike-stage{height:clamp(250px,83vw,350px);margin-block:8px}.bike-frame{top:12px;right:10px;bottom:20px;left:10px;border-width:5px;box-shadow:5px 6px 0 var(--ink)}.page-blog #pagination{gap:4px;padding:5px}.page-blog #pagination .pagination-direction{padding-inline:11px}.page-blog #shop .size-chip{min-width:44px;min-height:44px}}@media(hover:none){.page-blog .journal-hero .bike-stage .bike-cutout{transform:translate3d(0,-5px,28px) scale(1);filter:drop-shadow(4px 12px 4px #17171340)}}@media(prefers-reduced-motion:reduce){.page-blog .journal-hero .bike-stage .bike-cutout,.page-blog .journal-hero .bike-stage:is(:hover,:focus-visible) .bike-cutout{transform:translateZ(18px) scale(.96);transition:none}.page-blog .journal-hero .bike-stage .bike-frame{transform:translateZ(-12px);transition:none;box-shadow:8px 9px 0 var(--ink)}.page-blog .journal-hero .bike-stage .bike-ground{transform:none;opacity:1;transition:none}.page-blog #pagination button,.page-blog #shop .size-chip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/journal-blog.css.map */