@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/Barlow-400.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/Barlow-500.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/fonts/Barlow-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/BarlowCondensed-700.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('../assets/fonts/BarlowCondensed-800.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/IBMPlexMono-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/IBMPlexMono-500.woff2') format('woff2')}

:root{
  --red:#e30613;
  --red-deep:#a8050f;
  --ink:#1d1d1b;
  --paper:#f5f2ed;
  --shop:#e6e2dc;
  --line:rgba(29,29,27,.22);
  --f-head:'Barlow Condensed','Arial Narrow',sans-serif;
  --f-body:'Barlow',system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,monospace;
  --pad:clamp(16px,4vw,48px);
  --max:1280px;
  --hh:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hh) + 12px)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:18px;line-height:1.55;font-weight:400;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p,ul,dl,dd,figure,blockquote{margin:0}
ul{padding:0;list-style:none}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.hero :focus-visible,.shop :focus-visible,.site-footer :focus-visible,.bike-row:hover :focus-visible{outline-color:#fff}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:10px 16px;z-index:100;text-decoration:none}
.skip:focus{top:12px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:calc(var(--max) + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad)}
.mono,.mono-label,.mono-inline{font-family:var(--f-mono);font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}
.mono-label{display:flex;align-items:center;gap:10px;font-weight:500;text-transform:uppercase;font-size:13px;letter-spacing:.04em}
.sq{display:inline-block;width:9px;height:9px;background:var(--red);flex:none}
h1,h2,h3{font-family:var(--f-head);text-transform:uppercase;font-weight:800;line-height:.92;letter-spacing:.004em}
h2{font-size:clamp(46px,7.4vw,104px)}

/* knoppen */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-body);font-weight:600;font-size:17px;line-height:1;padding:16px 24px;border:2px solid transparent;border-radius:3px;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:var(--ink);color:#fff}
.btn-ghost{border-color:#fff;color:#fff;background:transparent}
.btn-ghost:hover{background:#fff;color:var(--red-deep)}
.btn-red{background:var(--red-deep);color:#fff}
.btn-red:hover{background:var(--ink)}
.btn-call{background:var(--red-deep);color:#fff;padding:12px 18px;font-size:16px}
.btn-call:hover{background:var(--ink)}
.call-short{display:none}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
.header-in{max-width:calc(var(--max) + var(--pad)*2);margin-inline:auto;padding:0 var(--pad);height:var(--hh);display:flex;align-items:center;gap:20px}
.brand{display:block;flex:none;width:130px}
.nav{margin-left:auto}
.nav ul{display:flex;gap:6px}
.nav a{display:block;padding:10px 12px;text-decoration:none;font-weight:500;font-size:17px;border-bottom:2px solid transparent}
.nav a:hover{border-color:var(--red)}
.status{display:flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:13px;line-height:1.3;color:var(--ink)}
.dot{width:10px;height:10px;border-radius:50%;background:var(--red-deep);flex:none}
[data-open="true"] .dot{background:#1f8a43;box-shadow:0 0 0 3px rgba(31,138,67,.18)}
.status-menu{display:none}
.menu-btn{display:none}

/* hero */
.hero{background-color:var(--red);background-image:radial-gradient(circle at 50% 50%,#b9050f 0 3px,transparent 3.6px);background-size:30px 30px;background-position:15px 15px;color:#fff}
.hero-in{max-width:calc(var(--max) + var(--pad)*2);margin-inline:auto;padding:clamp(32px,5vh,64px) var(--pad);min-height:calc(100svh - var(--hh));display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,64px);align-items:center}
.hero h1{font-size:clamp(70px,8.5vw,136px);line-height:.88;font-weight:800;letter-spacing:.006em}
.hero h1 .line{display:block;overflow:hidden;padding-block:.03em}
.hero h1 .line>span{display:block}
.hero h1 .accent{color:var(--ink)}
.hero h1 .small{font-size:.36em;line-height:1.1;font-weight:700;letter-spacing:.03em;margin-top:.22em;padding-block:.06em}
.hero-lead{max-width:34ch;font-size:clamp(18px,1.5vw,21px);margin-top:clamp(18px,2.6vh,30px);line-height:1.45}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(20px,3vh,32px)}
.hero-stage{position:relative;justify-self:center;width:min(100%,430px);padding-top:30px}
.hang{position:relative;transform-origin:50% 8px;transform:rotate(-2deg);margin:0}
.peg{position:absolute;left:50%;top:2px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--ink);z-index:3;box-shadow:0 0 0 4px var(--red-deep)}
.hook{position:absolute;left:50%;top:8px;width:2px;height:30px;margin-left:-1px;background:var(--ink);z-index:2}
.hang-card{margin-top:34px;background:var(--paper);color:var(--ink);padding:10px 10px 0;border-radius:3px;box-shadow:0 14px 26px -14px rgba(0,0,0,.55)}
.hang-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.hang-card figcaption{font-family:var(--f-mono);font-size:12.5px;padding:10px 2px 12px;text-align:right}
.sticker{position:absolute;left:-46px;bottom:-26px;display:block;width:176px;padding:16px 14px 14px;background:var(--ink);color:#fff;text-decoration:none;border-radius:6px;transform:rotate(-5deg);z-index:4;border:2px solid #fff}
.sticker-score{display:block;font-family:var(--f-head);font-weight:800;font-size:76px;line-height:.82;letter-spacing:.01em}
.sticker-line{display:block;font-family:var(--f-head);font-weight:700;font-size:21px;text-transform:uppercase;line-height:1;margin-top:6px}
.sticker-sub{display:block;font-family:var(--f-mono);font-size:11.5px;line-height:1.35;margin-top:8px}
.sticker:hover{background:#fff;color:var(--ink)}

/* ingangen */
.entries{background:var(--paper);border-bottom:1px solid var(--line)}
.entries-in{max-width:calc(var(--max) + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad);display:grid;grid-template-columns:repeat(6,1fr)}
.entries-in li{border-left:1px solid var(--line)}
.entries-in li:first-child{border-left:0}
.entries-in a{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:22px 18px 44px;text-decoration:none;transition:background-color .2s,color .2s}
.entries-in li:first-child a{padding-left:0}
.e-title{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:28px;line-height:1}
.e-text{font-size:15.5px;line-height:1.4}
.e-arrow{position:absolute;left:18px;bottom:14px;font-family:var(--f-mono);font-size:17px;color:var(--red-deep);transition:transform .2s}
.entries-in li:first-child .e-arrow{left:0}
.entries-in a:hover .e-arrow{transform:translateX(6px)}
.entries-in a:hover .e-title{color:var(--red-deep)}

/* sectiekoppen */
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 40px;margin-bottom:clamp(24px,4vw,48px)}
.sec-lead{max-width:44ch;font-size:19px}

/* fietsen */
.bikes{padding-block:clamp(56px,9vw,128px) clamp(48px,7vw,96px)}
.bike-rows{border-top:2px solid var(--ink)}
.bike-row{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center;padding:clamp(18px,2.4vw,30px) 0;border-bottom:1px solid var(--line);text-decoration:none;position:relative;transition:padding .25s}
.b-title{display:block;font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:clamp(46px,8.4vw,112px);line-height:.9;letter-spacing:.004em;transition:color .2s}
.b-meta{display:block;max-width:60ch;margin-top:12px;font-size:17px;line-height:1.45}
.b-meta .mono{display:block;margin-top:4px;color:var(--red-deep);font-weight:500}
.b-photo{display:block;width:300px;aspect-ratio:4/3;background:#fff;border:1px solid var(--line);overflow:hidden;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1)}
.b-photo img{width:100%;height:100%;object-fit:contain}
.bike-row:hover .b-title,.bike-row:focus-visible .b-title{color:var(--red)}
.bike-row:focus-visible{outline-offset:-3px}
@media (hover:hover) and (min-width:900px){
  .b-photo{opacity:0;transform:translateX(48px)}
  .bike-row:hover .b-photo,.bike-row:focus-visible .b-photo{opacity:1;transform:none}
}
.brands{margin-top:clamp(28px,4vw,48px);display:grid;gap:14px}
.brand-list{display:flex;flex-wrap:wrap;gap:6px 26px;font-family:var(--f-mono);font-size:clamp(15px,1.5vw,18px);font-weight:500}
.brand-list li::after{content:"/";margin-left:26px;color:var(--red);font-weight:400}
.brand-list li:last-child::after{content:none}

/* werkplaats */
.shop{background:var(--ink);color:#f5f2ed;padding-block:clamp(56px,8vw,112px)}
.shop-in{max-width:calc(var(--max) + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:start}
.shop-photos{position:sticky;top:calc(var(--hh) + 24px);padding-bottom:70px}
.shop-big{width:100%;max-width:640px;height:auto;border-radius:2px}
.shop-small{position:absolute;right:0;bottom:0;width:min(240px,42%);height:auto;border:6px solid var(--ink);outline:1px solid rgba(255,255,255,.25);border-radius:2px}
.shop h2{color:#fff;margin-bottom:22px}
.shop-lead{font-size:clamp(20px,2vw,24px);line-height:1.4;color:#fff;margin-bottom:16px}
.shop-text>p{color:#e6e2dc}
.price-block{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.3)}
.price-block .mono-label{color:#fff}
.price-block .sq{background:var(--red)}
.prices{margin-top:10px;font-family:var(--f-mono);font-size:15px}
.prices div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.prices dd{color:#fff;font-weight:500}
.fine{font-family:var(--f-mono);font-size:12.5px;margin-top:10px;color:#cfcac2}
.shop-quote{margin:32px 0;padding-left:20px;border-left:4px solid var(--red)}
.shop-quote p{font-size:19px;line-height:1.45;color:#fff}
.shop-quote footer{font-family:var(--f-mono);font-size:13px;margin-top:10px;color:#cfcac2}

/* diensten */
.services{padding-block:clamp(56px,9vw,120px)}
.svc-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(32px,6vw,96px)}
.svc{padding:24px 0 34px;border-top:1px solid var(--ink)}
.svc h3{font-size:clamp(34px,3.6vw,48px);margin-bottom:12px}
.svc p+p{margin-top:12px}
.svc .mono{color:var(--red-deep);font-weight:500}
.svc a{text-underline-offset:3px}
.svc a:hover{color:var(--red-deep)}

/* familie */
.family{background:var(--shop);padding-block:clamp(56px,8vw,112px);overflow:hidden}
.family-in{max-width:calc(var(--max) + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"year photos" "text photos";gap:clamp(8px,2vw,24px) clamp(32px,5vw,80px);align-items:start}
.family-year{grid-area:year;font-family:var(--f-head);font-weight:800;font-size:clamp(150px,24vw,340px);line-height:.78;color:var(--red);letter-spacing:.004em;margin-left:-.03em}
.family-text{grid-area:text}
.family-text h2{font-size:clamp(34px,4.1vw,56px);margin-bottom:18px}
.family-text p+p{margin-top:14px}
.family-text .mono{color:var(--red-deep);font-weight:500;margin-top:20px}
.family-photos{grid-area:photos;position:relative;min-height:480px}
.family-photos figure{position:absolute;margin:0;background:var(--paper);padding:8px;box-shadow:0 12px 24px -16px rgba(0,0,0,.5)}
.family-photos img{width:100%;height:auto}
.f-sign{left:0;top:0;width:78%;transform:rotate(-1.5deg)}
.f-team{right:0;top:44%;width:min(300px,52%);transform:rotate(2deg)}
.f-front{left:6%;bottom:0;width:min(280px,46%);transform:rotate(-1deg)}

/* reviews */
.reviews{padding-block:clamp(56px,9vw,120px)}
.rev-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.rev-stat{position:sticky;top:calc(var(--hh) + 24px)}
.score{line-height:.8}
.score-num{font-family:var(--f-head);font-weight:800;font-size:clamp(150px,20vw,280px);color:var(--red);line-height:.8;letter-spacing:.004em;display:block;font-variant-numeric:tabular-nums}
.score-line{font-size:20px;margin-top:10px}
.score+.score-line{margin-top:34px}
.score-line .mono-inline{font:inherit}
.score-line strong{font-weight:600}
.text-link{display:inline-block;margin-top:20px;font-weight:600;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--red)}
.text-link:hover{color:var(--red-deep)}
.rev-list li{padding:28px 0;border-top:1px solid var(--ink)}
.rev-list li:first-child{padding-top:24px;border-top:2px solid var(--ink)}
.rev-list blockquote p{font-size:clamp(19px,1.8vw,22px);line-height:1.5}
.rev-list footer{font-family:var(--f-mono);font-size:13px;margin-top:12px;color:#4a4a46}
.reply{margin-top:18px;padding:14px 16px;background:var(--shop);font-size:16.5px}
.reply-who{display:block;font-family:var(--f-mono);font-size:12.5px;font-weight:500;text-transform:uppercase;margin-bottom:4px;color:var(--red-deep)}

/* contact */
.contact{background:var(--shop);padding-block:clamp(56px,8vw,112px)}
.contact-in{max-width:calc(var(--max) + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad)}
.contact .sec-lead{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:16px}
.ways{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.ways li{border-left:1px solid var(--line)}
.ways li:first-child{border-left:0}
.ways a{display:flex;flex-direction:column;gap:6px;height:100%;padding:22px 20px 26px;text-decoration:none;transition:background-color .2s,color .2s}
.ways li:first-child a{padding-left:0}
.w-title{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:clamp(34px,3.4vw,46px);line-height:1}
.w-val{font-family:var(--f-mono);font-size:14px;overflow-wrap:anywhere}
.ways a:hover{background:var(--red-deep);color:#fff}
.ways li:first-child a:hover{padding-left:20px}
.contact-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);margin-top:clamp(36px,5vw,64px);align-items:start}
.hours-list{margin-top:12px;font-family:var(--f-mono);font-size:16px}
.hours-list div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line)}
.hours-list .today{font-weight:500;color:var(--red-deep)}
.hours-list .today dt::before{content:"";display:inline-block;width:9px;height:9px;background:var(--red-deep);margin-right:9px}
.hours address{font-style:normal;margin-top:22px}
.form{display:grid;gap:16px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:6px}
.field label{font-family:var(--f-mono);font-size:13px;font-weight:500}
.field input,.field textarea{font:inherit;font-size:17px;width:100%;padding:13px 14px;background:#fff;color:var(--ink);border:1.5px solid #6d6a64;border-radius:3px}
.field input:focus,.field textarea:focus{outline:3px solid var(--ink);outline-offset:1px;border-color:var(--ink)}
.form .btn{justify-self:start}
.form-msg{min-height:1.5em;font-weight:500;color:var(--ink)}
.form-msg:not(:empty){padding:12px 14px;background:#fff;border-left:4px solid var(--red-deep)}

/* footer */
.site-footer{background:var(--ink);color:#e6e2dc;padding-block:clamp(40px,6vw,72px) 36px}
.footer-in{max-width:calc(var(--max) + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad);display:grid;grid-template-columns:1.3fr 1.2fr .8fr .8fr;gap:32px}
.f-brand img{width:170px;height:auto}
.f-brand p{margin-top:16px;font-family:var(--f-head);font-weight:700;text-transform:uppercase;font-size:24px;line-height:1.05;color:#fff;max-width:14ch}
.f-head{font-family:var(--f-mono);font-size:12.5px;font-weight:500;text-transform:uppercase;margin-bottom:10px;color:#fff;display:flex;align-items:center;gap:9px}
.f-head::before{content:"";width:8px;height:8px;background:var(--red)}
.f-col p+p{margin-top:12px}
.f-col li+li{margin-top:6px}
.f-col a{text-underline-offset:3px}
.f-col a:hover{color:#fff}
.f-col .mono{color:#cfcac2}

/* melding */
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);max-width:min(92vw,460px);background:var(--ink);color:#fff;padding:14px 18px;border-radius:4px;font-size:16px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:90;border-left:4px solid var(--red)}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* tablet en mobiel */
@media (max-width:1180px){
  .nav a{padding:10px 8px;font-size:16px}
  .status-bar{display:none}
  .status-menu{display:flex}
}
@media (max-width:1020px){
  .entries-in{grid-template-columns:repeat(3,1fr)}
  .entries-in li:nth-child(4){border-left:0}
  .entries-in li:nth-child(n+4){border-top:1px solid var(--line)}
  .entries-in li:nth-child(1) a,.entries-in li:nth-child(4) a{padding-left:0}
  .entries-in li:nth-child(4) .e-arrow{left:0}
  .entries-in li:nth-child(n+2):nth-child(-n+3) a,.entries-in li:nth-child(n+5) a{padding-left:18px}
  .entries-in li:nth-child(4) a{padding-left:0}
  .footer-in{grid-template-columns:1fr 1fr}
}
@media (max-width:960px){
  .brand{width:112px}
  .menu-btn{display:inline-flex;align-items:center;gap:10px;margin-left:0;padding:10px 12px;background:transparent;border:2px solid var(--ink);border-radius:3px;font:600 15px var(--f-body);color:var(--ink);cursor:pointer}
  .menu-bars{width:16px;height:10px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
  .menu-bars::after{content:"";position:absolute;left:0;right:0;top:50%;margin-top:-1px;border-top:2px solid currentColor}
  .header-in{gap:10px}
  .btn-call{margin-left:auto}
  .js .nav{display:none;position:absolute;left:0;right:0;top:var(--hh);background:var(--paper);border-bottom:2px solid var(--ink);padding:8px var(--pad) 20px}
  .js .nav.open{display:block}
  .nav ul{flex-direction:column;gap:0}
  .nav a{padding:14px 0;font-size:22px;font-family:var(--f-head);font-weight:800;text-transform:uppercase;border-bottom:1px solid var(--line)}
  .status-menu{margin-top:16px}
  html:not(.js) .nav{margin:0}
  html:not(.js) .header-in{height:auto;flex-wrap:wrap;padding-block:10px}
  html:not(.js) .nav ul{flex-direction:row;flex-wrap:wrap}
  html:not(.js) .nav a{font-size:15px;padding:6px 8px;font-family:var(--f-body);text-transform:none;font-weight:500;border:0}
  html:not(.js) .menu-btn{display:none}
  .hero-in{grid-template-columns:1fr;min-height:0;padding-block:36px 64px;gap:48px}
  .hero-stage{width:min(100%,400px);justify-self:start;margin-left:18px}
  .sticker{left:auto;right:-6px;bottom:-34px}
  .bike-row{grid-template-columns:minmax(0,1fr) 120px;gap:16px}
  .b-photo{width:120px}
  .b-meta{font-size:16px}
  .shop-in,.rev-grid,.contact-grid{grid-template-columns:1fr}
  .shop-photos{max-width:640px;position:relative;top:0}
  .rev-stat{position:static}
  .svc-cols{grid-template-columns:1fr}
  .family-in{grid-template-columns:1fr;grid-template-areas:"year" "text" "photos"}
  .family-photos{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}
  .family-photos figure{position:static;transform:none!important;width:auto!important}
  .f-sign{grid-column:1/-1}
  .ways{grid-template-columns:1fr 1fr}
  .ways li:nth-child(3){border-left:0}
  .ways li:nth-child(n+3){border-top:1px solid var(--line)}
  .ways li:nth-child(1) a,.ways li:nth-child(3) a{padding-left:0}
  .ways li:nth-child(3) a:hover{padding-left:20px}
  .ways a{padding:18px 16px 22px}
}
@media (max-width:620px){
  body{font-size:17px}
  .call-long{display:none}
  .call-short{display:inline}
  .btn-call{padding:11px 16px}
  .hero h1{font-size:clamp(52px,15vw,100px)}
  .hero-cta .btn{flex:1 1 100%;justify-content:center}
  .hero-stage{margin-left:12px;width:min(100%,340px)}
  .sticker{width:150px;right:-12px;padding:13px 12px 12px}
  .sticker-score{font-size:62px}
  .sticker-line{font-size:18px}
  .entries-in{grid-template-columns:1fr 1fr}
  .entries-in li{border-left:0;border-top:1px solid var(--line)}
  .entries-in li:nth-child(-n+2){border-top:0}
  .entries-in li:nth-child(even){border-left:1px solid var(--line)}
  .entries-in a{padding:18px 14px 40px 14px!important}
  .entries-in li:nth-child(odd) a{padding-left:0!important}
  .entries-in .e-arrow{left:14px!important}
  .entries-in li:nth-child(odd) .e-arrow{left:0!important}
  .e-title{font-size:25px}
  .e-text{font-size:14.5px}
  .bike-row{grid-template-columns:minmax(0,1fr) 84px;align-items:start}
  .b-photo{width:84px;margin-top:6px}
  .b-title{font-size:clamp(36px,10.6vw,56px)}
  .hang-card figcaption{text-align:left}
  .hero-in{gap:36px}
  .f-row{grid-template-columns:1fr}
  .ways{grid-template-columns:1fr}
  .ways li{border-left:0!important;border-top:1px solid var(--line)}
  .ways li:first-child{border-top:0}
  .ways a{padding:16px 0!important}
  .ways a:hover{padding-left:12px!important;padding-right:12px!important}
  .footer-in{grid-template-columns:1fr}
  .shop-small{width:44%}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .b-photo{opacity:1!important;transform:none!important}
}
.nowrap{white-space:nowrap}
.hero-text{min-width:0}