:root{--paper:#f5f2ec;--ink:#17201e;--muted:#66706a;--acid:#d6ff32;--blue:#b9d1ff;--yellow:#ffca47;--line:#c8c9c1;--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif;--serif:'Newsreader',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.55 var(--sans)}a{color:inherit;text-decoration:none}.site-header{height:84px;border-bottom:1px solid var(--line);padding:0 clamp(21px,4.5vw,72px);display:flex;align-items:center;justify-content:space-between}.brand{font:800 24px/.9 var(--sans);letter-spacing:-.09em;display:inline-flex;align-items:baseline;gap:9px}.brand span{font:400 9px var(--mono);letter-spacing:.04em;text-transform:uppercase}.nav-links{display:flex;gap:29px;align-items:center;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em}.nav-links>a:not(.nav-cta){padding:9px 0;border-bottom:1px solid transparent}.nav-links>a:not(.nav-cta):hover,.nav-links .active{border-color:var(--ink)}.nav-cta{background:var(--ink);color:var(--paper);padding:11px 15px;margin-left:9px}.nav-cta span,.button span{margin-left:8px}.menu-toggle{display:none;border:0;background:none;padding:6px}.menu-toggle i{width:24px;height:1px;background:var(--ink);display:block;margin:5px}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:.87fr 1.13fr;position:relative}.hero-copy{padding:clamp(60px,10vw,155px) clamp(21px,7vw,110px);display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.label{font:10px var(--mono);letter-spacing:.11em;text-transform:uppercase;margin:0 0 22px}.label span{color:#ef6e44;margin-left:6px;font-size:13px}.hero h1,.section-head h2,h2{font:500 clamp(55px,7.3vw,114px)/.86 var(--serif);letter-spacing:-.065em;margin:0}.hero h1 em,h2 em,h1 em{font-weight:400}.hero-copy>p:not(.label){margin:36px 0 33px;color:var(--muted);max-width:350px}.button{display:inline-block;border:1px solid var(--ink);padding:14px 16px;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.04em;transition:.2s}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:var(--acid);color:var(--ink)}.hero-visual{overflow:hidden;position:relative;min-height:550px;background:#b3c3aa}.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.hero-sticker{position:absolute;z-index:1;width:108px;height:108px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font:11px/1.1 var(--mono);letter-spacing:.08em}.sticker-one{left:6%;top:9%;background:var(--acid);transform:rotate(-12deg)}.sticker-two{right:7%;bottom:9%;background:var(--ink);color:var(--paper);transform:rotate(11deg)}.hero-caption{position:absolute;bottom:25px;left:clamp(21px,4.5vw,72px);font:10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.bikes-section{padding:145px clamp(21px,4.5vw,72px) 125px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.section-head h2{font-size:clamp(47px,5.3vw,82px)}.section-head>p{color:var(--muted);max-width:310px;margin:0 5% 5px 35px}.bike-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bike-card{min-height:540px;position:relative;overflow:hidden;padding:21px;display:flex;align-items:flex-end}.bike-card.lime{background:#c6dcbb}.bike-card.yellow{background:#f5d38b}.bike-card.blue{background:#c4d1e3}.bike-card img{position:absolute;width:82%;height:78%;object-fit:cover;left:9%;top:6%;mix-blend-mode:multiply;filter:contrast(1.05);transition:transform .5s}.bike-card:hover img{transform:scale(1.045)}.model-no{position:absolute;right:20px;top:17px;font:11px var(--mono)}.bike-card>div{position:relative}.bike-card p{font:10px var(--mono);text-transform:uppercase;margin-bottom:5px}.bike-card h3{font:500 33px/.95 var(--serif);letter-spacing:-.05em;margin:0 0 15px}.bike-card a{font:10px var(--mono);text-transform:uppercase;border-bottom:1px solid;padding-bottom:3px}.statement{min-height:520px;padding:90px clamp(21px,15vw,235px);display:flex;align-items:center;justify-content:center;position:relative;background:var(--ink);color:var(--paper);overflow:hidden}.statement>p{position:relative;z-index:1;font:500 clamp(54px,7vw,112px)/.89 var(--serif);letter-spacing:-.07em;text-align:center;margin:0}.statement em{color:var(--acid);font-weight:400}.spinning-type{position:absolute;white-space:nowrap;font:15vw var(--sans);font-weight:800;letter-spacing:-.11em;color:rgba(255,255,255,.04);transform:rotate(-9deg)}.service-teaser{display:grid;grid-template-columns:1fr 1fr}.service-image{min-height:655px}.service-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15)}.service-copy{background:var(--acid);padding:clamp(55px,9vw,140px);display:flex;flex-direction:column;justify-content:center}.service-copy h2{font-size:clamp(46px,5vw,78px);margin-bottom:28px}.service-copy>p:not(.label){max-width:390px;margin:0 0 31px}.button.light{border-color:var(--ink)}.button.light:hover{background:var(--ink);color:var(--paper)}.journal{padding:130px clamp(21px,4.5vw,72px);display:grid;grid-template-columns:1.15fr .82fr .82fr;gap:42px;align-items:start}.journal h2{font-size:clamp(46px,4.6vw,72px)}.journal-card{display:block}.journal-card.second{margin-top:90px}.journal-card img{display:block;width:100%;aspect-ratio:.85;object-fit:cover;margin-bottom:18px;filter:saturate(.75)}.journal-card p{font:10px var(--mono);text-transform:uppercase;margin-bottom:9px}.journal-card h3{font:500 26px/1 var(--serif);letter-spacing:-.035em;margin:0 0 18px}.journal-card span{font:10px var(--mono);text-transform:uppercase;border-bottom:1px solid;padding-bottom:3px}.site-footer{background:var(--ink);color:var(--paper);padding:55px clamp(21px,4.5vw,72px) 24px;display:grid;grid-template-columns:1.3fr .7fr .7fr auto;gap:35px}.site-footer .brand{font-size:28px}.footer-brand>p,.site-footer>div>p:not(.label){font-size:12px;color:#bfc6c1;margin:22px 0 0}.site-footer .label{color:#8d9891;margin-bottom:14px}.footer-cta{align-self:start;background:var(--acid);color:var(--ink);padding:12px 15px;font:11px var(--mono);text-transform:uppercase}.site-footer small{grid-column:1/-1;border-top:1px solid #4b5651;padding-top:19px;font:9px var(--mono);color:#84918a}.inner-page .site-header{background:var(--paper)}.service-hero{min-height:570px;background:var(--blue);padding:clamp(55px,9vw,140px) clamp(21px,8vw,125px) 65px;display:flex;justify-content:space-between;align-items:end}.service-hero h1,.contact-hero h1{font-size:clamp(62px,9vw,130px)}.service-hero>p{max-width:320px;margin:0;color:#3d5359}.service-list{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;padding:135px clamp(21px,8vw,125px)}.list-intro>p:not(.label){font:500 30px/1.15 var(--serif);letter-spacing:-.04em;max-width:400px;margin-bottom:32px}.service-items article{display:grid;grid-template-columns:45px 1fr auto;gap:20px;border-top:1px solid var(--line);padding:24px 0}.service-items article:last-child{border-bottom:1px solid var(--line)}.service-items article>span,.service-items strong{font:10px var(--mono);font-weight:400}.service-items h2{font-size:37px;margin:0 0 8px}.service-items p{max-width:390px;color:var(--muted);font-size:13px;margin:0}.workshop-image{height:650px;position:relative;overflow:hidden}.workshop-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3)}.workshop-image p{position:absolute;bottom:45px;left:clamp(21px,8vw,125px);font:500 clamp(42px,5vw,75px)/.9 var(--serif);letter-spacing:-.06em;color:var(--paper);margin:0}.faq{padding:135px clamp(21px,14vw,220px);display:grid;grid-template-columns:.45fr 1fr;gap:50px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;font:500 29px/1 var(--serif);letter-spacing:-.04em;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary span{font:19px var(--sans)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:530px;color:var(--muted);font-size:13px;padding-top:12px;margin-bottom:0}.contact-hero{padding:125px clamp(21px,8vw,125px) 55px;background:var(--yellow);overflow:hidden}.contact-hero h1{margin:0}.contact-ticker{font:10px var(--mono);white-space:nowrap;letter-spacing:.1em;margin:70px -8vw -55px;text-align:center;border-top:1px solid rgba(23,32,30,.25);padding:18px}.contact-grid{padding:125px clamp(21px,8vw,125px);display:grid;grid-template-columns:.9fr 1fr;gap:13vw}.contact-intro h2{font-size:clamp(48px,5vw,75px);margin-bottom:25px}.contact-intro>p:not(.label){max-width:335px;color:var(--muted)}.contact-info{margin-top:52px;border-top:1px solid var(--line);max-width:335px}.contact-info p{padding:16px 0;margin:0;border-bottom:1px solid var(--line);font-size:13px}.contact-info b{font:10px var(--mono);display:block;text-transform:uppercase;margin-bottom:5px}.contact-form label{font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em;display:block;margin-bottom:28px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;font:400 16px var(--sans);background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:12px 0;color:var(--ink);outline:none}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-width:2px}.contact-form .button{margin-top:6px;cursor:pointer}.button.acid{background:var(--acid);border-color:var(--acid)}.button.acid:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.form-status{min-height:20px;font-size:13px;margin:15px 0 0;color:#507800}.map-placeholder{margin:0 clamp(21px,4.5vw,72px) 125px;min-height:465px;background:#c9dbc7;position:relative;padding:55px clamp(30px,6vw,92px);overflow:hidden}.map-placeholder:before,.map-placeholder:after{content:"";position:absolute;border:1px solid rgba(23,32,30,.2);border-radius:50%;width:1000px;height:470px;top:-130px;left:-200px;transform:rotate(-22deg)}.map-placeholder:after{width:680px;height:690px;left:42%;top:-60px;transform:rotate(17deg)}.map-placeholder>div{position:relative;z-index:1}.map-placeholder h2{font-size:clamp(48px,5vw,75px);margin-bottom:27px}.map-pin{position:absolute;z-index:2;right:23%;top:44%;font-size:52px;color:#ef6e44}
@media(max-width:820px){.site-header{height:72px}.nav-links{display:none;position:absolute;z-index:5;top:71px;left:0;right:0;padding:22px;background:var(--paper);border-bottom:1px solid var(--ink);flex-direction:column;align-items:flex-start;gap:15px}.nav-links.open{display:flex}.nav-cta{margin:4px 0 0}.menu-toggle{display:block}.hero{grid-template-columns:1fr}.hero-copy{min-height:490px;padding:68px 24px}.hero-visual{min-height:500px}.hero-caption{left:24px}.bikes-section{padding:90px 24px}.section-head{display:block;margin-bottom:38px}.section-head>p{margin:26px 0 0}.bike-grid{grid-template-columns:1fr;gap:12px}.bike-card{min-height:440px}.statement{min-height:400px;padding:60px 24px}.service-teaser{grid-template-columns:1fr}.service-image{min-height:380px}.service-copy{padding:70px 24px}.journal{padding:90px 24px;grid-template-columns:1fr;gap:45px}.journal-card.second{margin-top:0}.journal-card img{aspect-ratio:1.25}.site-footer{grid-template-columns:1fr 1fr;gap:35px;padding:44px 24px 20px}.footer-brand{grid-column:1/-1}.footer-cta{justify-self:start}.service-hero{min-height:460px;padding:90px 24px 45px;display:block}.service-hero>p{margin-top:38px}.service-list{grid-template-columns:1fr;padding:85px 24px;gap:50px}.service-items article{grid-template-columns:30px 1fr}.service-items strong{grid-column:2}.workshop-image{height:450px}.workshop-image p{left:24px;bottom:30px}.faq{padding:85px 24px;grid-template-columns:1fr;gap:15px}.faq summary{font-size:25px}.contact-hero{padding:85px 24px 45px}.contact-grid{padding:85px 24px;grid-template-columns:1fr;gap:65px}.map-placeholder{margin:0 24px 90px;padding:45px 28px;min-height:390px}.map-pin{right:18%;top:48%}}
