.app-bottom-navigation,.app-community-shortcuts{display:none}.app-more-page{width:var(--page-width);max-width:960px;margin:0 auto;padding:40px 0 64px}.app-page-heading h1{font:800 clamp(38px,5vw,66px)/1.02 var(--font-display),sans-serif;margin:10px 0 16px}.app-page-heading>p:last-child{max-width:48ch;font-size:16px;line-height:1.7;color:var(--product-muted)}.app-eyebrow{color:#b53629;font-size:10px;font-weight:750;letter-spacing:.1em}.app-more-identity{display:flex;align-items:center;gap:16px;padding:20px;margin:26px 0 32px;background:var(--product-ink);color:var(--product-paper);text-decoration:none}.app-more-identity>span{flex:1;display:grid;gap:6px}.app-more-identity strong{font-weight:750}.app-more-identity small{font-size:12px;color:#d2d8ce;line-height:1.5}.app-more-page h2{font:800 30px/1.1 var(--font-display),sans-serif;margin:0 0 16px}.app-more-tools{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.app-more-tools>a{display:flex;gap:14px;min-height:82px;align-items:center;border-bottom:1px solid var(--product-line);text-decoration:none;padding:12px 0;color:var(--product-ink)}.app-more-tools>a>span:nth-child(2){flex:1;min-width:0;display:grid;gap:5px}.app-more-tools strong{font-size:14px;font-weight:750}.app-more-tools small{font-size:12px;color:var(--product-muted);line-height:1.6}.app-tool-icon{width:44px;height:44px;display:grid;place-items:center;background:#eeede5;border-radius:12px;flex:none}.app-more-tools>a:hover .app-tool-icon{color:#bb3226;background:#ffe9e2}.app-install{display:flex;gap:16px;padding:24px;border:1px solid var(--product-line);margin:32px 0;border-radius:12px}.app-install>svg{flex:none;color:#b53629;margin-top:4px}.app-install h2{font-size:27px}.app-install p{font-size:13px;line-height:1.7;max-width:55ch}.app-install button{gap:8px;margin-top:14px;display:inline-flex;align-items:center;min-height:44px}.app-installed{display:flex;align-items:center;gap:8px;color:#34644b}.app-more-help>a{display:flex;gap:12px;align-items:center;min-height:54px;border-bottom:1px solid var(--product-line);font-size:14px;text-decoration:none}.app-more-help>a>svg:last-child{margin-left:auto}@media(max-width:1099px){.app-mobile-shell{--app-navigation-height:calc(68px + env(safe-area-inset-bottom,0px));--app-header-height:64px}.experience.ux-platform.kroona-2027.app-mobile-shell{padding-bottom:var(--app-navigation-height)}.experience.ux-platform.kroona-2027.app-mobile-shell .app-bottom-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:40;inset:auto 0 0;width:100%;box-sizing:border-box;height:var(--app-navigation-height);padding:5px max(6px,env(safe-area-inset-left,0px)) calc(5px + env(safe-area-inset-bottom,0px));background:#fffdf8f7;border:0;border-top:1px solid #d9ded5;box-shadow:0 -4px 18px #10191608;backdrop-filter:blur(12px)}.experience.ux-platform.kroona-2027.app-mobile-shell .app-bottom-navigation[hidden]{display:none}.experience.ux-platform.kroona-2027.app-mobile-shell .app-bottom-navigation>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:56px;padding:2px;margin:0;border:0;color:#5b645d;background:transparent;border-radius:0;font:650 clamp(10px,2.8vw,11px)/1.25 var(--font-manrope),sans-serif;text-decoration:none;white-space:nowrap}.app-bottom-navigation .app-bottom-icon{width:42px;height:29px;display:grid;place-items:center;border-radius:10px;transition:background .18s ease}.experience.ux-platform.kroona-2027.app-mobile-shell .app-bottom-navigation>a[aria-current=page]{color:#b92f23;border:0;background:none}.app-bottom-navigation>a[aria-current=page] .app-bottom-icon{background:#ffebe3}.experience.ux-platform.kroona-2027.app-mobile-shell .app-bottom-navigation>a:focus-visible{outline:3px solid #be392c;outline-offset:-3px;border-radius:10px}.experience.ux-platform.kroona-2027.app-mobile-shell .site-header,.experience.ux-platform.kroona-2027.app-mobile-shell .site-header.is-compact{height:calc(64px + env(safe-area-inset-top,0px));min-height:64px;padding-top:env(safe-area-inset-top,0)}.experience.ux-platform.kroona-2027.app-mobile-shell .site-header .header-tools>.home-menu-trigger,.experience.ux-platform.kroona-2027.app-mobile-shell .site-header .main-navigation{display:none}.experience.ux-platform.kroona-2027.app-mobile-shell .site-header-inner{gap:12px}.experience.ux-platform.kroona-2027.app-mobile-shell .site-header .logo{width:122px}.experience.ux-platform.kroona-2027.app-mobile-shell .site-header .icon-button{width:44px;height:44px;min-width:44px}.experience.ux-platform.kroona-2027.app-mobile-shell :is(section,header)[id]{scroll-margin-top:90px}.experience.ux-platform.kroona-2027.app-mobile-shell .c27-sticky-save,.experience.ux-platform.kroona-2027.app-mobile-shell .w27-savebar{bottom:var(--app-navigation-height);padding-bottom:12px}.experience.ux-platform.kroona-2027.app-mobile-shell .c27-sticky-save .button{min-height:44px}.experience.ux-platform.kroona-2027.app-mobile-shell .blog-mobile-cta{bottom:var(--app-navigation-height);padding-bottom:12px}body:has(.app-mobile-shell) .analytics-consent{bottom:calc(80px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 160px - env(safe-area-inset-bottom,0px))}.experience.ux-platform.kroona-2027.app-mobile-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}.app-more-page{padding:26px 0 32px}.app-more-tools{grid-template-columns:1fr}.app-more-tools>a{min-height:78px}.app-more-page h2{font-size:27px}}@media(max-width:760px){.experience.ux-platform.kroona-2027.app-mobile-shell .p94-showcase .p94-showcase-shelf{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(156px,62%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.experience.ux-platform.kroona-2027.app-mobile-shell .p94-showcase-shelf:focus-visible{outline:2px solid #fff5dd;outline-offset:4px}.experience.ux-platform.kroona-2027.app-mobile-shell .p94-showcase-shelf .p94-showcase-item{scroll-snap-align:start}.experience.ux-platform.kroona-2027.app-mobile-shell main .p27-profile .p94-showcase .p94-showcase-shelf h3{font-size:24px}.experience.ux-platform.kroona-2027.app-mobile-shell .p94-showcase .p94-showcase-shelf .k4-badge-art{height:128px!important;max-width:112px}.experience.ux-platform.kroona-2027.app-mobile-shell .p94-showcase-shelf .p94-showcase-copy>small{font-size:11px}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-circuit-count>strong{display:block}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-circuit-count>span{display:block;margin-top:8px;line-height:1.5}.experience.ux-platform.kroona-2027.app-mobile-shell main .sport-hero-facts dt.is-textual{font:700 18px/1.3 var(--font-manrope),sans-serif;overflow-wrap:normal}.experience.ux-platform.kroona-2027.app-mobile-shell{--k27-title:40px}.experience.ux-platform.kroona-2027.app-mobile-shell main .peloton-page .mp-heading h1{font-size:40px;line-height:1.05}.experience.ux-platform.kroona-2027.app-mobile-shell main .product-page.club-unified.club-digital.c27-club .ce-hero.k27-cover{min-height:0;padding-block:24px 0}.experience.ux-platform.kroona-2027.app-mobile-shell main .product-page.club-unified.club-digital.c27-club .ce-hero-copy{padding:0;min-height:0}.experience.ux-platform.kroona-2027.app-mobile-shell main .product-page.club-unified.club-digital.c27-club .ce-identity{display:flex;flex-direction:row;align-items:center;gap:14px}.experience.ux-platform.kroona-2027.app-mobile-shell main .product-page.club-unified.club-digital.c27-club .ce-identity .club-mark{width:58px;height:68px;flex:none}.experience.ux-platform.kroona-2027.app-mobile-shell main .product-page.club-unified.club-digital.c27-club .ce-identity h1{font-size:38px;line-height:1.05;margin-block:8px;max-width:none}.experience.ux-platform.kroona-2027.app-mobile-shell main .p27-league .sport-hero h1{font-size:40px;line-height:1.05;margin-bottom:16px}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-community :is(.co-hero,.co-hero-inner){min-height:0}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-community .co-hero-inner{padding-block:26px 60px}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-community .co-hero h1{margin-block:16px;font-size:40px}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-community .co-hero-intro{font-size:14px;line-height:1.6;margin-bottom:20px}.experience.ux-platform.kroona-2027.app-mobile-shell .app-community-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.app-community-shortcuts>a{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 10px;color:var(--product-ink);border:1px solid var(--product-line);font-size:13px;text-decoration:none}.app-community-shortcuts>a>svg:last-child{margin-left:auto}.experience.ux-platform.kroona-2027.app-mobile-shell main :is(.p27-circuit-copy,.p27-guide-copy,.sport-hero-copy,.cs-hero-copy,.peloton-page-heading,.k4-page-heading) h1{font-size:clamp(34px,9.2vw,42px);line-height:1.05}.experience.ux-platform.kroona-2027.app-mobile-shell main :is(.sport-hero,.ce-hero,.p27-circuit-hero,.p27-guides-hero,.cs-hero){min-height:0}.experience.ux-platform.kroona-2027.app-mobile-shell main .sport-hero{padding-top:24px}.experience.ux-platform.kroona-2027.app-mobile-shell main .sport-hero-main{min-height:0;gap:18px;padding-block:0}.experience.ux-platform.kroona-2027.app-mobile-shell main .sport-hero-description{font-size:14px;line-height:1.6;margin-top:14px}.experience.ux-platform.kroona-2027.app-mobile-shell main .sport-hero-copy .sport-kicker{margin-bottom:14px}.experience.ux-platform.kroona-2027.app-mobile-shell main .sport-hero-actions{margin-top:16px;gap:10px}.experience.ux-platform.kroona-2027.app-mobile-shell main .sport-hero-context{margin-bottom:0}.experience.ux-platform.kroona-2027.app-mobile-shell main .catalogue-hero-context{padding:16px}.experience.ux-platform.kroona-2027.app-mobile-shell main .sport-hero-facts{padding-block:16px;margin-top:18px}.experience.ux-platform.kroona-2027.app-mobile-shell main .sport-hero-facts dt{font-size:34px}.experience.ux-platform.kroona-2027.app-mobile-shell main .p27-circuit-hero{gap:20px;padding-block:22px}.experience.ux-platform.kroona-2027.app-mobile-shell main .p27-circuit-copy>p:not(.p27-kicker){font-size:14px;line-height:1.6;margin-block:14px}.experience.ux-platform.kroona-2027.app-mobile-shell main .p27-circuit-copy h1{margin:10px 0}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-circuit-art{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-circuit-count{margin:0;display:block}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-circuit-count strong{font-size:40px}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-circuit-count span{font-size:10px}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-circuit-shields{margin:0;min-height:0}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-circuit-shields .passport-shield{max-height:105px}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-circuit-art>.p27-art-note{grid-column:1/-1;margin:0;font-size:10px}.experience.ux-platform.kroona-2027.app-mobile-shell main .p27-profile .bio-hero{padding:22px 20px}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-profile .bio-identity{gap:14px}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-profile .bio-visibility{margin-bottom:20px}.experience.ux-platform.kroona-2027.app-mobile-shell main .p27-profile .bio-name h1{font-size:36px}.experience.ux-platform.kroona-2027.app-mobile-shell .p27-profile .bio-hero-actions,.experience.ux-platform.kroona-2027.app-mobile-shell .p27-profile .bio-identity .mk-affiliation{margin-top:12px}.experience.ux-platform.kroona-2027.app-mobile-shell main .p27-profile .p94-showcase{padding:24px 20px;margin-bottom:28px}.experience.ux-platform.kroona-2027.app-mobile-shell .p94-showcase-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.experience.ux-platform.kroona-2027.app-mobile-shell .p94-showcase-item{display:flex;flex-direction:column;align-items:center;padding-top:14px;gap:10px}.experience.ux-platform.kroona-2027.app-mobile-shell .p94-showcase-copy{text-align:center}.experience.ux-platform.kroona-2027.app-mobile-shell .p94-showcase .k4-badge-art{height:108px!important;max-width:92px}.experience.ux-platform.kroona-2027.app-mobile-shell main .p27-profile .p94-showcase h3{font-size:21px}.experience.ux-platform.kroona-2027.app-mobile-shell .p94-showcase-copy>strong{font-size:18px}.experience.ux-platform.kroona-2027.app-mobile-shell .p94-showcase-copy>small{font-size:10px}.experience.ux-platform.kroona-2027.app-mobile-shell .p94-showcase-copy .p94-evidence{min-height:44px;font-size:10px}.experience.ux-platform.kroona-2027.app-mobile-shell main .p27-profile :is(.bio-marks,.bio-metrics){padding-block:24px}.experience.ux-platform.kroona-2027.app-mobile-shell main .p27-profile .bio-marks article{padding-block:14px}.experience.ux-platform.kroona-2027.app-mobile-shell main .ce-hero-copy{min-height:0;padding-block:24px}.experience.ux-platform.kroona-2027.app-mobile-shell main .ce-hero-copy h1{font-size:42px}.experience.ux-platform.kroona-2027.app-mobile-shell .ce-hero-avatar{width:60px;height:70px}.experience.ux-platform.kroona-2027.app-mobile-shell .ce-hero-stats{padding-block:18px}.experience.ux-platform.kroona-2027.app-mobile-shell main .cs-hero{padding-block:26px}.experience.ux-platform.kroona-2027.app-mobile-shell main .cs-hero-copy h1{font-size:40px}.experience.ux-platform.kroona-2027.app-mobile-shell .cs-hero-description{font-size:14px;line-height:1.6}.experience.ux-platform.kroona-2027.app-mobile-shell .c27-page .k4-page-heading,.experience.ux-platform.kroona-2027.app-mobile-shell .w27-page .k4-page-heading{margin-bottom:24px}.experience.ux-platform.kroona-2027.app-mobile-shell main .c27-page .k4-page-heading h1,.experience.ux-platform.kroona-2027.app-mobile-shell main .w27-page .k4-page-heading h1{font-size:38px}.experience.ux-platform.kroona-2027.app-mobile-shell .w27-preview .w27-avatar-art{max-height:235px}.experience.ux-platform.kroona-2027.app-mobile-shell .app-page-heading h1{font-size:38px}.experience.ux-platform.kroona-2027.app-mobile-shell .app-page-heading>p:last-child{font-size:14px}.experience.ux-platform.kroona-2027.app-mobile-shell .app-install{padding:18px;gap:12px}.experience.ux-platform.kroona-2027.app-mobile-shell .site-footer-legal,.experience.ux-platform.kroona-2027.app-mobile-shell .site-footer-primary{padding-block:20px}}@media(prefers-reduced-motion:reduce){.app-bottom-navigation .app-bottom-icon{transition:none}}@media print{.app-bottom-navigation,.app-install{display:none!important}.experience.ux-platform.kroona-2027.app-mobile-shell{padding-bottom:0}}.p126-identity-picture{display:block;overflow:hidden}.p126-identity-picture img{display:block;width:100%;height:auto;object-fit:cover}.p126-identity-picture.is-fill{position:absolute;inset:0;height:100%}.p126-identity-picture.is-fill img{height:100%}.ux-race-card .p126-identity-picture{aspect-ratio:16/9}.ux-race-card .p126-identity-picture img{height:100%;filter:none}.p27-guide-feature:has(.p126-identity-picture) .p27-guide-feature-copy{margin:0;width:100%}.p27-guide-feature:has(.p126-identity-picture) .p27-guide-feature-image img{aspect-ratio:16/9}.p27-guides .guide-story-image:has(.p126-identity-picture){aspect-ratio:16/9}.p126-guide-cover .p126-identity-picture{width:100%}.experience.ux-platform.kroona-2027 main .guide-fieldbook.blog-article .blog-hero.has-photo:has(>.p126-guide-cover){width:100%;margin-inline:0}.experience.ux-platform .blog-hero.has-photo>.p126-guide-cover{display:flex;flex-direction:column;justify-content:center;min-height:0;height:auto;background:var(--product-paper,#f7f6ed)}.experience.ux-platform .blog-hero.has-photo .p126-guide-cover img{position:static;inset:auto;aspect-ratio:16/9;height:auto;min-height:0;object-fit:contain}.experience.ux-platform .blog-hero.has-photo>.p126-guide-cover figcaption{position:static;inset:auto;margin-top:auto}@media (max-width:700px){.experience.ux-platform .blog-page.guide-fieldbook .blog-hero>.p126-guide-cover,.experience.ux-platform .blog-page.guide-fieldbook .blog-hero>.p126-guide-cover img{min-height:0;height:auto}}@media (prefers-reduced-motion:reduce){.p126-identity-picture img{transition:none!important}}[data-motion=paused] .p126-identity-picture img{transition:none!important}