:root{--paper:#e9e5dc;--ink:#111;--red:#e8422f;--grey:#68645e;--white:#f7f3ea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Mono",monospace;overflow-x:hidden;background-image:radial-gradient(#1112 .7px,transparent .7px);background-size:5px 5px}a{color:inherit;text-decoration:none}.nav{height:78px;padding:0 3.5vw;display:flex;align-items:center;gap:32px;border-bottom:2px solid var(--ink);position:absolute;z-index:20;width:100%;background:var(--paper)}.brand{font-family:"Archivo Black",sans-serif;font-size:26px;letter-spacing:-2px;text-transform:uppercase}.brand span{color:var(--red)}.nav nav{display:flex;gap:26px;margin-left:auto}.nav nav a{font-size:11px;font-weight:600;text-transform:uppercase;border-bottom:2px solid transparent}.nav nav a:hover{border-color:var(--red)}.nav-cta{border:2px solid var(--ink);padding:11px 16px;font-size:11px;font-weight:600;box-shadow:4px 4px 0 var(--ink)}.menu{display:none;background:none;color:var(--ink);border:0;font:600 11px "IBM Plex Mono"}.hero{min-height:760px;height:100vh;position:relative;display:grid;grid-template-columns:51% 49%;align-items:center;padding:110px 5vw 50px;overflow:hidden;background:var(--paper)}.hero:before{content:"KREUZBERG";position:absolute;left:-15px;bottom:2%;font:400 14vw/1 "Archivo Black";letter-spacing:-.07em;color:transparent;-webkit-text-stroke:2px #1111;white-space:nowrap}.hero:after{content:"";position:absolute;width:48%;height:70%;right:3%;top:16%;background:var(--red);transform:rotate(-2deg);clip-path:polygon(2% 1%,98% 0,100% 97%,4% 100%,0 6%)}.hero-noise{position:absolute;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.hero-copy{z-index:3;max-width:720px}.eyebrow{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;background:var(--ink);color:var(--white);padding:7px 9px;margin:0 0 22px;transform:rotate(-1deg)}h1,h2{font-family:"Archivo Black",sans-serif;font-weight:400;line-height:.88;letter-spacing:-.055em;margin:0;text-transform:uppercase}h1{font-size:clamp(76px,10.5vw,165px)}h1 em,h2 em{font-style:normal;color:var(--red)}.lead{font-size:15px;line-height:1.7;max-width:570px;margin:30px 0;font-weight:500}.actions{display:flex;gap:16px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:15px 18px;text-transform:uppercase;font-size:11px;font-weight:600;border:2px solid var(--ink);transition:.15s}.btn.primary{background:var(--ink);color:var(--white);box-shadow:5px 5px 0 var(--red)}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn.ghost{background:var(--paper)}.hero-art{position:relative;z-index:3;height:70%;display:flex;align-items:center;justify-content:center}.hero-art img{width:min(720px,55vw);max-height:610px;object-fit:contain;filter:contrast(1.05) drop-shadow(14px 18px 0 #1112);transform:rotate(-3deg);mix-blend-mode:multiply}.speedline{display:none}.hero-stat{position:absolute;right:0;bottom:3%;background:var(--paper);border:2px solid var(--ink);padding:12px 15px;transform:rotate(2deg);box-shadow:5px 5px 0 var(--ink)}.hero-stat strong{font:400 31px "Archivo Black";display:block}.hero-stat span{font-size:9px;font-weight:600}.kiez-stamp{position:absolute;left:2%;top:7%;width:92px;height:92px;border:3px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;font-weight:600;font-size:11px;line-height:1.3;transform:rotate(11deg)}.scroll{position:absolute;left:3.5vw;bottom:22px;font-size:9px;font-weight:600;letter-spacing:.1em}.scroll span{color:var(--red);margin-left:8px}.ticker{background:var(--ink);color:var(--white);overflow:hidden;white-space:nowrap;padding:14px 0;border-block:2px solid var(--ink)}.ticker div{width:max-content;animation:ticker 24s linear infinite;font:400 14px "Archivo Black";letter-spacing:.03em}.ticker b{margin:0 30px;color:var(--red)}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:110px 5vw}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}.section-head h2,.about h2,.contact h2{font-size:clamp(54px,7vw,104px)}.section-head>p{max-width:430px;font-size:13px;line-height:1.7}.filters{display:flex;gap:8px;margin-bottom:26px}.filters button{background:transparent;color:var(--ink);border:2px solid var(--ink);padding:9px 14px;cursor:pointer;text-transform:uppercase;font:600 10px "IBM Plex Mono"}.filters button.active,.filters button:hover{color:var(--white);background:var(--red);box-shadow:3px 3px 0 var(--ink)}.bike-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bike-card{background:var(--white);border:2px solid var(--ink);padding:10px;transition:.18s;box-shadow:7px 7px 0 var(--ink)}.bike-card:nth-child(2){transform:rotate(1deg)}.bike-card:nth-child(3){transform:rotate(-.6deg)}.bike-card:hover{transform:translate(-2px,-4px) rotate(0);box-shadow:11px 12px 0 var(--red)}.bike-card.hidden{display:none}.bike-img{height:340px;position:relative;background:#d9d5cc;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:2px solid var(--ink)}.bike-img:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 49.5%,#1111 50%,transparent 50.5%);background-size:24px 24px}.bike-img img{width:92%;height:92%;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:2;filter:contrast(1.08)}.badge{position:absolute;z-index:3;left:9px;top:9px;background:var(--red);color:#fff;font-size:11px;font-weight:600;padding:8px 9px;border:2px solid var(--ink);transform:rotate(-3deg)}.bike-meta{display:flex;justify-content:space-between;font-size:9px;font-weight:600;margin:16px 5px 7px}.bike-card h3{font:400 25px "Archivo Black";letter-spacing:-.04em;margin:0 5px 15px}.specs{display:flex;gap:6px;margin:0 5px 18px;flex-wrap:wrap}.specs span{font-size:9px;padding:6px 7px;border:1px solid var(--ink)}.price{border-top:2px solid var(--ink);padding:15px 5px 5px;display:flex;align-items:end;justify-content:space-between}.price div{display:flex;flex-direction:column}.price s{font-size:10px;color:var(--grey)}.price strong{font:400 23px "Archivo Black"}.price a{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--red);border-bottom:2px solid var(--red)}.inventory-note{text-align:center;font-size:12px;margin-top:38px}.inventory-note a{font-weight:600;border-bottom:2px solid var(--red)}.services{background-color:var(--ink);color:var(--white);background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:32px 32px}.services .eyebrow{background:var(--red)}.services h2 em{color:var(--red)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--white);border-left:2px solid var(--white)}.service-grid article{min-height:330px;padding:27px;border-right:2px solid var(--white);border-bottom:2px solid var(--white);display:flex;flex-direction:column;background:var(--ink)}.service-grid article>span{font-weight:600;color:var(--red)}.service-grid h3{font:400 25px "Archivo Black";margin-top:auto}.service-grid p{color:#bbb8af;font-size:12px;line-height:1.7}.service-grid a{font-size:10px;font-weight:600;text-transform:uppercase;margin-top:18px}.service-grid article:hover{background:var(--red)}.service-grid article:hover *{color:#fff}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;min-height:700px;overflow:hidden}.about-mark{font:400 430px/.7 "Archivo Black";color:var(--red);transform:rotate(-8deg);text-align:center;text-shadow:15px 15px 0 var(--ink)}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:580px}.mini-stats{display:flex;gap:45px;margin-top:40px}.mini-stats div{display:flex;flex-direction:column}.mini-stats strong{font:400 34px "Archivo Black";color:var(--red)}.mini-stats span{font-size:10px}.contact{background:var(--red);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:9vw;border-block:3px solid var(--ink)}.contact .eyebrow{background:var(--ink)}.contact-copy>p:not(.eyebrow){font-size:13px;line-height:1.7}.contact-panel{display:flex;flex-direction:column;justify-content:center}.contact-panel>p{font-size:11px;text-transform:uppercase;font-weight:600}.big-link{font:400 clamp(22px,2.7vw,42px) "Archivo Black";letter-spacing:-.04em;border-bottom:2px solid var(--ink);padding:14px 0;display:flex;justify-content:space-between}.contact .btn{margin-top:26px;background:var(--paper);color:var(--ink);width:max-content}footer{padding:42px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:28px;background:var(--paper);font-size:10px}footer>div{display:flex;gap:20px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}@media(max-width:900px){.nav{height:68px}.nav nav,.nav-cta{display:none}.menu{display:block;margin-left:auto}.nav.open nav{display:flex;position:absolute;top:68px;left:0;width:100%;background:var(--paper);padding:24px 5vw;flex-direction:column;border-bottom:2px solid var(--ink)}.hero{min-height:760px;height:auto;grid-template-columns:1fr;padding:115px 6vw 60px}.hero:after{width:62%;height:48%;right:-12%;top:45%}.hero-copy{z-index:4}.hero-art{position:absolute;right:-24%;bottom:1%;opacity:.55;height:52%}.hero-art img{width:100vw}.hero-stat{display:none}.kiez-stamp{left:auto;right:0;top:4%}.section{padding:82px 5vw}.section-head{display:block}.section-head>p{margin-top:24px}.bike-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-mark{display:none}.contact{grid-template-columns:1fr;gap:38px}footer{grid-template-columns:1fr 1fr}}@media(max-width:580px){h1{font-size:67px}.lead{font-size:13px;max-width:82%}.actions{flex-direction:column;align-items:flex-start}.hero-art{right:-35%}.bike-grid{grid-template-columns:1fr}.bike-img{height:295px}.filters{overflow-x:auto;padding-bottom:5px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:240px}.mini-stats{gap:22px;flex-wrap:wrap}.big-link{font-size:20px}.contact{padding-left:6vw;padding-right:6vw}footer{grid-template-columns:1fr}}