:root { --ink:#151515; --paper:#f8f7ef; --acid:#dcf448; --blue:#234cff; }
body { background:var(--paper); color:var(--ink); font-family:'Space Grotesk',Arial,sans-serif; }
.demo-bar { background:var(--ink); }
.shop-header { background:var(--paper); border-bottom:2px solid var(--ink); }
.nav { padding:22px 0; }
.shop-logo { font:900 35px/.9 'Barlow Condensed',Impact,sans-serif; letter-spacing:-.015em; text-decoration:none; }
.shop-logo span { display:block; font:500 8px/1.5 'Space Grotesk',sans-serif; letter-spacing:.13em; margin-top:8px; }
.nav-links { font-size:12px; font-weight:500; }
.nav-cta { padding:12px 17px; border:2px solid var(--ink); }
.hero { background:var(--acid); border-bottom:2px solid var(--ink); }
.hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:35px; align-items:center; padding:55px 0 58px; }
.kicker { font-size:11px; font-weight:700; letter-spacing:.11em; margin-bottom:20px; }
.kicker>span { font-size:24px; vertical-align:middle; margin-right:8px; }
h1,h2,h3 { font-family:'Barlow Condensed',Impact,sans-serif; font-weight:800; letter-spacing:-.025em; }
h1 { font-size:clamp(85px,9.7vw,136px); line-height:.85; margin:24px 0 26px; text-wrap:initial; }
h1>span { color:var(--blue); }
.hero-description { font-size:15px; line-height:1.6; }
.shop-button { display:inline-flex; gap:30px; justify-content:space-between; align-items:center; background:var(--ink); color:white; text-decoration:none; font-size:12px; font-weight:700; padding:17px 20px; border:2px solid var(--ink); min-height:52px; margin-top:8px; }
.shop-button>span { font-size:21px; line-height:1; }
.shop-button:hover { background:var(--blue); border-color:var(--blue); }
.bike-panel { background:var(--paper); border:2px solid var(--ink); padding:20px; transform:rotate(3deg); box-shadow:8px 8px 0 var(--ink); }
.art-topline { display:flex; justify-content:space-between; font-size:9px; font-weight:600; letter-spacing:.1em; padding-bottom:16px; border-bottom:1px solid var(--ink); }
.bike-art { display:block; width:100%; height:auto; margin:8px 0 0; }
.art-bottomline { display:flex; justify-content:space-between; align-items:center; font:800 31px/.95 'Barlow Condensed',Impact,sans-serif; }
.roundel { display:grid; align-content:center; text-align:center; background:var(--blue); color:white; border-radius:50%; width:87px; height:87px; font-size:23px; transform:rotate(-15deg); }
.ticker { display:flex; justify-content:center; gap:45px; align-items:center; flex-wrap:wrap; padding:17px 24px; background:var(--blue); color:white; font:700 25px/1 'Barlow Condensed',Impact,sans-serif; letter-spacing:.04em; }
.ticker span:nth-child(even) { color:var(--acid); font-size:29px; }
.section { padding:80px 0; }
h2 { font-size:clamp(52px,6vw,78px); line-height:.92; margin-bottom:0; text-wrap:initial; }
.section-heading { display:flex; justify-content:space-between; gap:50px; align-items:flex-end; margin-bottom:40px; }
.section-heading>p { max-width:330px; font-size:14px; margin:0; }
.repair-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:2px solid var(--ink); }
.repair-grid article { padding:30px; display:flex; flex-direction:column; align-items:flex-start; }
.repair-grid article+article { border-left:2px solid var(--ink); }
.repair-icon { font-size:45px; color:var(--blue); line-height:1; margin-bottom:28px; }
.repair-grid h3 { font-size:29px; margin-bottom:16px; }
.repair-grid p { font-size:14px; }
.repair-grid a { margin-top:auto; font-size:12px; font-weight:700; }
.approach { background:var(--ink); color:var(--paper); }
.approach-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.approach h2 { font-size:clamp(65px,8vw,105px); }
.approach h2>span { color:var(--acid); }
.approach .kicker { color:var(--acid); }
.approach p { font-size:14px; }
.approach .big-copy { font-size:23px; line-height:1.4; }
.approach .fiction-note { color:#aaa; font-size:11px; margin:28px 0 0; }
.contact { background:var(--acid); }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:65px; align-items:center; }
.contact p:not(.kicker) { font-size:14px; max-width:440px; }
.shop-footer { padding:35px 0; border-top:2px solid var(--ink); }
.shop-footer>.wrap { display:flex; justify-content:space-between; align-items:center; gap:30px; }
.shop-footer .shop-logo { font-size:26px; flex-shrink:0; }
.shop-footer p { font-size:10px; max-width:360px; margin:0; }
.shop-footer>.wrap>a:last-child { font-size:11px; white-space:nowrap; }
a:focus-visible { outline:3px solid #da5b26; outline-offset:5px; }
@media(max-width:900px) {
  .hero-grid { gap:28px; }.bike-panel{padding:14px;}.repair-grid article{padding:24px;}.shop-footer>.wrap{flex-wrap:wrap;}
}
@media(max-width:700px) {
  .shop-logo{font-size:31px;}.nav{gap:22px;}.nav-links{gap:20px;}.nav-cta{padding:9px 12px;}.hero-grid{grid-template-columns:1fr;gap:38px;padding:35px 0 45px;}.hero h1{font-size:clamp(83px,20vw,118px);margin-top:20px;}.hero-description{font-size:14px;}.bike-panel{margin:0 8px;}.art-topline{font-size:8px;}.art-bottomline{font-size:28px;}.roundel{width:75px;height:75px;font-size:21px;}.ticker{gap:13px;padding:16px 12px;font-size:18px;}.ticker span:nth-child(even){font-size:20px;}.ticker span:last-child{display:none;}.section{padding:50px 0;}.section-heading{display:block;}.section-heading>p{margin-top:25px;}.repair-grid{grid-template-columns:1fr;}.repair-grid article{padding:26px;}.repair-grid article+article{border-left:0;border-top:2px solid var(--ink);}.repair-icon{margin-bottom:18px;}.approach-grid,.contact-grid{grid-template-columns:1fr;gap:35px;}.approach h2{font-size:83px;}.shop-footer>.wrap{display:block;}.shop-footer p{margin:25px 0;}
}