:root{color:#f4efe6;font-synthesis:none;text-rendering:optimizelegibility;--black:#090a0a;--charcoal:#111313;--graphite:#1a1d1d;--steel:#7f8a8d;--steel-strong:#b8c0c2;--paper:#f4efe6;--paper-muted:#cfc6b8;--red:#c8342c;--red-dark:#8f211d;--gold:#b9955d;--line:#f4efe629;--line-strong:#f4efe647;--shadow:0 24px 80px #0000006b;background:#090a0a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:var(--black);overflow-x:hidden}body{background:var(--black);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}.site-shell{background:linear-gradient(180deg, #c8342c14, #090a0a00 320px), var(--black);min-height:100vh;color:var(--paper)}.site-header{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090a0ac7;border-bottom:1px solid #f4efe61f;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:12px 56px;display:flex;position:sticky;top:0}.brand-mark{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark img{object-fit:contain;flex:none;width:48px;height:48px}.brand-mark strong{max-width:230px;color:var(--paper);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:Arial Narrow,Impact,system-ui,sans-serif;font-size:1.05rem;font-weight:800;line-height:1.05;display:block;overflow:hidden}.brand-mark small{color:var(--paper-muted);margin-top:3px;font-size:.78rem;line-height:1.15;display:block}.site-nav{align-items:center;gap:2px;display:flex}.site-nav a{min-height:40px;color:var(--paper-muted);text-transform:uppercase;border-bottom:2px solid #0000;align-items:center;padding:9px 12px;font-size:.88rem;font-weight:800;display:inline-flex}.site-nav a:hover,.site-nav a.is-active{border-color:var(--red);color:var(--paper)}.site-nav .admin-link{color:#ff7b72}.menu-button{display:none}.hero-section{background:#050606;align-items:center;min-height:calc(100svh - 150px);padding:92px 72px 72px;display:grid;position:relative;overflow:hidden}.hero-bike{object-fit:cover;object-position:60% center;width:100%;height:100%;animation:1.3s ease-out both image-settle;position:absolute;inset:0;transform:scale(1.02)}.hero-shade{background:linear-gradient(90deg,#050606fa 0%,#050606d6 43%,#05060642 100%),linear-gradient(#05060675,#0506061f 56%,#050606e0);position:absolute;inset:0}.hero-content{z-index:2;width:min(680px,100%);animation:.72s ease-out both hero-rise;position:relative}.hero-logo{filter:drop-shadow(0 14px 26px #000000b3);width:min(560px,100%);margin-bottom:22px}.eyebrow{color:var(--gold);text-transform:uppercase;margin:0 0 13px;font-size:.78rem;font-weight:900}.hero-content h1,.page-title h1,.story-copy h1,.project-hero-copy h1{text-transform:uppercase;margin:0;font-family:Arial Narrow,Impact,system-ui,sans-serif;font-size:5.7rem;font-weight:900;line-height:.92}.hero-copy{color:#f4efe6db;max-width:540px;margin:24px 0 0;font-size:1.24rem}.hero-actions,.editor-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-action,.secondary-action,.file-button,.project-filters button{cursor:pointer;text-transform:uppercase;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 18px;font-weight:900;display:inline-flex}.primary-action{background:var(--red);color:#fff8ee}.primary-action:hover{background:#e03d33}.secondary-action{color:var(--paper);background:#f4efe614;border-color:#f4efe647}.secondary-action:hover,.file-button:hover,.project-filters button:hover{background:#f4efe61f;border-color:#f4efe67a}.small-action{min-height:40px;padding:9px 12px;font-size:.86rem}.hero-next{z-index:2;color:var(--paper-muted);text-transform:uppercase;align-items:center;gap:10px;font-size:.78rem;font-weight:900;display:inline-flex;position:absolute;bottom:28px;right:56px}.hero-next:before{background:var(--red);content:"";width:56px;height:1px}.intro-band,.split-section,.news-strip,.page-section,.story-section,.project-story,.gallery-section,.supplied-photo-band,.home-contact-band,.contact-hero{padding:74px 72px}.intro-band{color:#121313;background:#f4efe6;grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr);gap:72px;display:grid}.intro-band h2,.section-heading h2,.news-strip h2,.feature-copy h2,.gallery-section h2,.admin-toolbar h1,.admin-toolbar h2,.project-story h2{text-transform:uppercase;margin:0;font-family:Arial Narrow,Impact,system-ui,sans-serif;font-size:3.6rem;font-weight:900;line-height:.96}.intro-band p:last-child{color:#4d4b46;margin:0;font-size:1.24rem}.supplied-photo-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0c0c;grid-template-columns:minmax(280px,.66fr) minmax(420px,1fr);align-items:end;gap:56px;display:grid}.supplied-photo-copy{gap:18px;max-width:520px;display:grid}.supplied-photo-copy h2,.home-contact-band h2{text-transform:uppercase;margin:0;font-family:Arial Narrow,Impact,system-ui,sans-serif;font-size:3.85rem;font-weight:900;line-height:.96}.supplied-photo-copy p:last-child,.home-contact-band p{color:var(--paper-muted);margin:0;font-size:1.08rem}.supplied-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.supplied-photo-grid figure{border:1px solid var(--line);background:#171a1a;border-radius:8px;min-height:340px;margin:0;position:relative;overflow:hidden}.supplied-photo-grid figure:first-child,.supplied-photo-grid figure:nth-child(3){transform:translateY(-28px)}.supplied-photo-grid img{object-fit:cover;width:100%;height:100%;transition:filter .24s,transform .52s}.supplied-photo-grid figure:hover img{filter:saturate(1.08)contrast(1.06);transform:scale(1.035)}.supplied-photo-grid figcaption{color:var(--paper);letter-spacing:0;text-transform:uppercase;text-shadow:0 2px 16px #000000b8;font-size:.74rem;font-weight:900;position:absolute;bottom:12px;left:12px;right:12px}.feature-build{background:var(--charcoal);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(320px,1.18fr) minmax(300px,.82fr);min-height:620px;display:grid}.feature-image{background:#060707;min-height:520px;position:relative;overflow:hidden}.feature-image img{object-fit:cover;width:100%;height:100%;min-height:520px;transition:transform .5s}.feature-image:hover img,.content-tile:hover img,.gallery-grid img:hover{transform:scale(1.035)}.feature-copy{background:linear-gradient(180deg, #c8342c1f, #c8342c00), var(--graphite);flex-direction:column;justify-content:center;padding:64px;display:flex}.feature-copy p{max-width:470px;color:var(--paper-muted);font-size:1.08rem}.feature-copy .primary-action{align-self:flex-start}.split-section,.news-strip{grid-template-columns:280px 1fr;align-items:start;gap:60px;display:grid}.home-contact-band{border-top:1px solid var(--line);background:linear-gradient(90deg,#090a0af5,#090a0ab3),url(/assets/supplied/green-classic-profile.jpg) 50%/cover;grid-template-columns:minmax(280px,.8fr) minmax(320px,.72fr);align-items:end;gap:56px;display:grid}.dark-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d0e0e}.section-heading{position:sticky;top:108px}.text-link,.tile-link,.preview-link{color:var(--paper);text-transform:uppercase;align-items:center;gap:8px;margin-top:22px;font-size:.85rem;font-weight:900;display:inline-flex}.button-link{cursor:pointer;background:0 0;border:0;width:fit-content;margin-top:0;padding:0}.text-link:hover,.tile-link:hover,.preview-link:hover{color:#ff7b72}.content-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.content-list.is-compact{grid-template-columns:1fr}.content-list.is-large{grid-template-columns:repeat(3,minmax(0,1fr))}.content-list.is-large .content-tile:first-child{grid-column:span 2}.content-tile{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#151818;border-radius:8px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid;overflow:hidden}.content-tile:hover{border-color:#c8342ca3;transform:translateY(-3px);box-shadow:0 28px 80px #00000080}.content-tile img{aspect-ratio:16/10;object-fit:cover;background:#242828;width:100%;transition:transform .5s}.content-list.is-large .content-tile:first-child img{aspect-ratio:16/8.7}.content-tile-body{align-content:start;gap:11px;padding:18px;display:grid}.content-meta{min-width:0;color:var(--steel-strong);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;font-weight:900;display:flex}.content-meta time{color:var(--steel);white-space:nowrap}.content-tile h3,.admin-row h2{overflow-wrap:anywhere;text-transform:uppercase;margin:0;font-family:Arial Narrow,Impact,system-ui,sans-serif;font-size:1.7rem;font-weight:900;line-height:1}.content-tile p,.admin-row p,.page-title p,.story-copy p,.project-body p,.contact-lines a,.contact-lines span{color:var(--paper-muted);margin:0}.page-section{max-width:1380px;margin:0 auto}.project-page,.service-page{padding-top:88px}.page-title{max-width:820px;margin-bottom:38px}.page-title.wide-title{max-width:980px}.page-title h1{font-size:4.6rem}.page-title p{max-width:680px;margin-top:18px;font-size:1.12rem}.project-filters{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.project-filters button{border-color:var(--line);min-height:40px;color:var(--paper-muted);background:#151818;font-size:.78rem}.project-filters button.is-active{background:var(--paper);color:#111313}.project-detail{background:var(--black)}.project-hero{background:#050606;min-height:calc(100svh - 160px);position:relative;overflow:hidden}.project-hero img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.project-hero:after{content:"";background:linear-gradient(90deg,#050606eb,#05060670 58%,#0506062e),linear-gradient(#05060614 38%,#050606c7);position:absolute;inset:0}.project-hero-copy{z-index:1;align-content:end;max-width:820px;min-height:calc(100svh - 160px);padding:92px 72px 68px;display:grid;position:relative}.project-hero-copy p:last-child{color:#f4efe6db;max-width:650px;margin-top:20px;font-size:1.16rem}.project-story{color:#111313;background:#f4efe6;grid-template-columns:minmax(280px,.72fr) minmax(320px,1fr);gap:70px;display:grid}.project-story .eyebrow,.intro-band .eyebrow{color:var(--red-dark)}.project-body{gap:18px;display:grid}.project-body p{color:#4d4b46;font-size:1.1rem}.project-body .primary-action{justify-self:start}.gallery-section{background:var(--charcoal)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.gallery-grid img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);background:#242828;border-radius:8px;width:100%;transition:transform .5s}.service-grid{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.service-line{min-height:96px;color:var(--paper);background:#151818;align-items:center;gap:14px;padding:22px;font-size:1.05rem;font-weight:850;display:flex}.service-line svg{color:#ff756d;flex:none}.story-section{grid-template-columns:minmax(300px,.92fr) minmax(320px,1fr);align-items:center;gap:76px;display:grid}.story-image{border:1px solid var(--line);background:url(/assets/supplied/bike-lineup.jpg) 50%/cover;border-radius:8px;min-height:560px}.story-copy p{margin-top:22px;font-size:1.1rem}.contact-hero{background:linear-gradient(90deg,#090a0af5,#090a0aa3,#090a0a2e),url(/assets/supplied/workshop-red-bike.jpg) 50%/cover;min-height:calc(100svh - 170px)}.contact-lines{flex-direction:column;gap:12px;max-width:620px;display:flex}.contact-lines a,.contact-lines span{overflow-wrap:anywhere;align-items:center;gap:10px;min-height:44px;display:inline-flex}.contact-lines svg{color:#ff756d;flex:none}.contact-lines strong{color:var(--paper);text-transform:uppercase;font-family:Arial Narrow,Impact,system-ui,sans-serif;font-size:1.5rem;line-height:1}.page-loading,.empty-state{color:var(--paper-muted);margin:0}.page-loading{min-height:50vh;padding:74px 72px}.empty-state{padding:18px 0}.site-footer{color:var(--steel);border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:24px 56px;font-size:.9rem;display:flex}.admin-shell{min-height:100vh;color:var(--paper);background:#101111;grid-template-columns:280px 1fr;display:grid}.auth-shell{min-height:100vh;color:var(--paper);background:linear-gradient(90deg,#060707d1,#06070794),url(/assets/archive/hero-red-bike.jpg) 50%/cover;place-items:center;padding:28px;display:grid}.auth-panel{background:#0d0e0ee6;border:1px solid #f4efe62e;border-radius:8px;width:min(100%,420px);padding:32px;box-shadow:0 24px 80px #0000006b}.auth-panel img{width:74px;height:auto}.auth-panel h1{margin:16px 0 10px;font-size:2.25rem}.auth-panel p{color:var(--paper-muted);margin:0 0 20px}.admin-sidebar{border-right:1px solid var(--line);background:#060707;flex-direction:column;gap:24px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.admin-sidebar .brand-mark small,.build-note{color:#f4efe694}.admin-filter{background:#f4efe614;border:1px solid #f4efe61a;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.admin-filter button{color:#f4efe6b3;cursor:pointer;text-transform:uppercase;background:0 0;border:0;border-radius:6px;min-height:38px;font-weight:900}.admin-filter button.is-active{background:var(--paper);color:var(--charcoal)}.build-note{margin-top:auto;font-size:.82rem}.admin-main{grid-template-columns:minmax(380px,1fr) minmax(390px,540px);min-width:0;display:grid}.admin-list-panel,.admin-editor{min-width:0;padding:36px}.admin-editor{color:#111313;background:#f4efe6;border-left:1px solid #11131329}.admin-editor .eyebrow,.admin-editor .editor-form label{color:#6b2723}.admin-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-toolbar h1,.admin-toolbar h2{font-size:2.65rem}.notice-message,.error-message{border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:.92rem}.notice-message{color:var(--steel-strong);background:#7f8a8d29}.error-message{color:#ff756d;background:#c8342c26}.admin-editor .notice-message{color:#364245}.admin-items{gap:12px;display:grid}.admin-row{border:1px solid var(--line);background:#171a1a;border-radius:8px;grid-template-columns:108px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:128px;padding:12px;display:grid;overflow:hidden}.admin-row img,.admin-row-placeholder{object-fit:cover;background:#242828;border-radius:6px;width:108px;height:92px}.admin-row h2{margin-top:8px;font-size:1.24rem}.row-actions{gap:6px;display:flex}.icon-button{border:1px solid var(--line);width:40px;height:40px;color:var(--paper);cursor:pointer;background:#f4efe614;border-radius:8px;place-items:center;display:inline-grid}.icon-button:hover{border-color:var(--line-strong);background:#f4efe624}.site-header .menu-button{display:none}.icon-button.danger{color:#ff756d}.admin-editor .icon-button{color:#111313;background:#1113130f;border-color:#1113132e}.admin-editor .icon-button.danger{color:#a42823}.editor-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.editor-form label{text-transform:uppercase;gap:7px;font-size:.8rem;font-weight:900;display:grid}.wide-field{grid-column:1/-1}.editor-form .checkbox-field{align-items:center;gap:10px;min-height:45px;display:flex}.editor-form .checkbox-field input{width:18px;height:18px;accent-color:var(--red)}.editor-form input,.editor-form textarea,.editor-form select{color:#111313;text-transform:none;background:#fffdf7;border:1px solid #11131333;border-radius:8px;outline:none;width:100%;padding:12px}.editor-form textarea{resize:vertical}.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus{border-color:var(--red);box-shadow:0 0 0 3px #c8342c29}.image-upload{grid-template-columns:148px 1fr;align-items:center;gap:14px;display:grid}.image-upload img,.upload-placeholder{object-fit:cover;background:#e0d8cb;border-radius:8px;width:148px;height:106px}.upload-placeholder{color:#746c60;place-items:center;display:grid}.file-button{color:#111313;background:0 0;border-color:#1113133d;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.gallery-editor{gap:12px;display:grid}.gallery-editor-head{color:#6b2723;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;font-weight:900;display:flex}.compact-file{min-height:38px;padding:8px 10px;font-size:.78rem}.gallery-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.gallery-editor-grid figure{background:#e0d8cb;border-radius:8px;margin:0;position:relative;overflow:hidden}.gallery-editor-grid img{aspect-ratio:1;object-fit:cover;width:100%}.gallery-editor-grid .icon-button{width:32px;height:32px;position:absolute;top:6px;right:6px}.admin-editor .secondary-action{color:#111313;border-color:#1113133d}.admin-editor .secondary-action:hover,.admin-editor .file-button:hover{background:#11131312;border-color:#11131357}@keyframes hero-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes image-settle{0%{transform:scale(1.08)}to{transform:scale(1.02)}}@media (width<=1180px){.site-header{padding-left:28px;padding-right:28px}.hero-section,.intro-band,.split-section,.news-strip,.page-section,.story-section,.project-story,.gallery-section,.supplied-photo-band,.home-contact-band,.contact-hero{padding-left:36px;padding-right:36px}.hero-content h1,.project-hero-copy h1{font-size:4.5rem}.page-title h1,.story-copy h1{font-size:3.7rem}.content-list.is-large{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main{grid-template-columns:1fr}.admin-editor{border-top:1px solid #11131329;border-left:0}}@media (width<=900px){.intro-band,.split-section,.news-strip,.feature-build,.supplied-photo-band,.home-contact-band,.story-section,.project-story,.admin-shell{grid-template-columns:1fr}.section-heading{position:static}.content-list,.content-list.is-large,.gallery-grid,.service-grid,.supplied-photo-grid{grid-template-columns:1fr}.supplied-photo-grid figure,.supplied-photo-grid figure:first-child,.supplied-photo-grid figure:nth-child(3){min-height:300px;transform:none}.content-list.is-large .content-tile:first-child{grid-column:auto}.feature-copy{padding:42px 36px}.admin-sidebar{height:auto;position:static}}@media (width<=720px){.site-header{min-height:68px;padding:10px 18px}.brand-mark img{width:42px;height:42px}.brand-mark strong{max-width:170px;font-size:.94rem}.brand-mark small{font-size:.72rem}.site-header .menu-button{display:inline-grid}.site-nav{border:1px solid var(--line);box-shadow:var(--shadow);background:#090a0af5;border-radius:8px;flex-direction:column;align-items:stretch;padding:10px;display:none;position:absolute;top:68px;left:14px;right:14px}.site-nav.is-open{display:flex}.site-nav a{justify-content:center}.hero-section{min-height:calc(100svh - 120px);padding:68px 20px 58px}.hero-bike{object-position:68% center}.hero-shade{background:linear-gradient(90deg,#050606f5,#050606a3),linear-gradient(#0506062e,#050606db)}.hero-logo{margin-bottom:18px}.hero-content h1,.project-hero-copy h1{font-size:3.2rem}.page-title h1,.story-copy h1{font-size:2.75rem}.intro-band h2,.section-heading h2,.news-strip h2,.feature-copy h2,.gallery-section h2,.supplied-photo-copy h2,.home-contact-band h2,.project-story h2{font-size:2.45rem}.hero-copy,.intro-band p:last-child{font-size:1.04rem}.hero-next{bottom:18px;right:20px}.hero-next:before{width:34px}.intro-band,.split-section,.news-strip,.page-section,.story-section,.project-story,.gallery-section,.supplied-photo-band,.home-contact-band,.contact-hero{padding:48px 20px}.project-hero,.project-hero-copy{min-height:calc(100svh - 130px)}.project-hero-copy{padding:70px 20px 48px}.hero-actions,.editor-actions{flex-direction:column;align-items:stretch}.feature-image,.feature-image img,.story-image{min-height:360px}.site-footer{flex-direction:column;padding:22px 20px}.admin-list-panel,.admin-editor{padding:22px 18px}.admin-toolbar{flex-direction:column;align-items:flex-start}.admin-toolbar h1,.admin-toolbar h2{font-size:2.2rem}.admin-row{grid-template-columns:88px minmax(0,1fr)}.admin-row img,.admin-row-placeholder{width:88px;height:88px}.row-actions{grid-column:1/-1;justify-content:flex-end}.editor-form,.image-upload,.gallery-editor-grid{grid-template-columns:1fr}.gallery-editor-head{flex-direction:column;align-items:flex-start}}
