:root{--red:#E24B4A;--red-dark:#a83130;--bg:#0A0B0F;--bg2:#111318;--bg3:#181a20;--border:#1e2028;--text:#ffffff;--muted:rgba(255,255,255,0.45);--dim:rgba(255,255,255,0.15)}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:'Barlow',sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;min-height:100vh}

/* ШАПКА */
header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,5vw,60px);background:rgba(10,11,15,0.92);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.logo-wrap{display:flex;align-items:baseline;user-select:none;text-decoration:none}
.logo-peak{font-family:'Bebas Neue',sans-serif;font-size:clamp(24px,5vw,32px);color:#fff;letter-spacing:4px}
.logo-force{font-family:'Bebas Neue',sans-serif;font-size:clamp(24px,5vw,32px);color:var(--red);letter-spacing:4px}
.logo-ru{font-family:'Barlow',sans-serif;font-size:clamp(10px,2vw,14px);font-weight:600;color:rgba(255,255,255,0.35);margin-left:3px;letter-spacing:1px}
nav{display:flex;align-items:center;gap:clamp(20px,4vw,36px)}
nav a{color:var(--muted);text-decoration:none;font-size:clamp(11px,2vw,13px);font-weight:500;letter-spacing:2px;text-transform:uppercase;transition:color 0.2s;white-space:nowrap}
nav a:hover{color:#fff}
@media(max-width:540px){nav a:not(.nav-cta){display:none}}
.nav-cta{background:var(--red)!important;color:#fff!important;padding:clamp(8px,2vw,10px) clamp(14px,3vw,22px);border-radius:3px;letter-spacing:1px!important;transition:background 0.2s!important;-webkit-tap-highlight-color:transparent}
.nav-cta:hover{background:var(--red-dark)!important}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:100px clamp(20px,5vw,60px) 60px}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 60%,rgba(226,75,74,0.07) 0%,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(255,255,255,0.013) 60px,rgba(255,255,255,0.013) 61px),repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(255,255,255,0.013) 60px,rgba(255,255,255,0.013) 61px)}
.hero-content{text-align:center;position:relative;z-index:2;width:100%;max-width:640px;margin:0 auto}
.hero-tacho{margin:0 auto 28px;display:block;opacity:0;animation:fadeUp 0.8s ease forwards 0.2s;width:clamp(100px,28vw,160px);height:auto}
.hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(64px,18vw,160px);line-height:0.88;letter-spacing:clamp(6px,2vw,12px);opacity:0;animation:fadeUp 0.8s ease forwards 0.4s}
.hero-title .line2{color:var(--red);display:block}
.hero-slogan{margin-top:24px;font-size:clamp(10px,2.8vw,13px);letter-spacing:clamp(3px,1.5vw,5px);text-transform:uppercase;color:var(--muted);opacity:0;animation:fadeUp 0.8s ease forwards 0.6s}
.hero-slogan strong{color:#fff;font-weight:600}
.hero-divider{width:1px;height:50px;background:linear-gradient(to bottom,var(--red),transparent);margin:28px auto 0;opacity:0;animation:fadeUp 0.8s ease forwards 0.8s}
.hero-stats{display:flex;gap:clamp(20px,6vw,60px);justify-content:center;margin-top:48px;opacity:0;animation:fadeUp 0.8s ease forwards 1s;flex-wrap:wrap}
.stat{text-align:center;min-width:65px}
.stat-num{font-family:'Bebas Neue',sans-serif;font-size:clamp(34px,10vw,52px);color:var(--red);line-height:1;letter-spacing:2px}
.stat-label{font-size:clamp(9px,2.4vw,11px);letter-spacing:clamp(1px,1vw,3px);text-transform:uppercase;color:var(--muted);margin-top:4px}

/* БЕГУЩАЯ СТРОКА */
.marquee-wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:13px 0;background:var(--bg2)}
.marquee{display:flex;gap:50px;animation:marquee 22s linear infinite;width:max-content}
.marquee span{font-family:'Bebas Neue',sans-serif;font-size:clamp(12px,3vw,14px);letter-spacing:4px;color:var(--muted);white-space:nowrap}
.marquee span.accent{color:var(--red)}

/* СЕКЦИЯ РАБОТ */
.works{padding:clamp(60px,10vw,100px) clamp(20px,5vw,60px);max-width:1200px;margin:0 auto}
.section-label{font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(38px,8vw,72px);letter-spacing:4px;line-height:1;margin-bottom:16px}
.section-sub{color:var(--muted);font-size:clamp(14px,3.5vw,16px);max-width:520px;line-height:1.7;margin-bottom:50px}
.sep{width:100%;height:1px;background:var(--border)}

/* КАРТОЧКИ РАБОТ */
.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2px}
@media(max-width:480px){.works-grid{grid-template-columns:1fr}}

.work-card{background:var(--bg2);border:1px solid var(--border);padding:0;position:relative;overflow:hidden;transition:border-color 0.3s,background 0.3s;text-decoration:none;color:var(--text);display:block}
.work-card:hover{border-color:rgba(226,75,74,0.4);background:var(--bg3)}
.work-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 0.3s;z-index:1}
.work-card:hover::before{transform:scaleX(1)}

/* Фото в карточке */
.card-photo{width:100%;height:200px;background-size:cover;background-position:center;background-color:var(--bg3);position:relative}
.card-photo::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--bg2))}

.card-body{padding:24px 24px 28px}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:12px}
.card-brand{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:4px}
.card-model{font-family:'Bebas Neue',sans-serif;font-size:clamp(22px,5vw,26px);letter-spacing:2px;line-height:1}
.card-year{font-size:12px;color:var(--muted);margin-top:4px}
.card-ecu{text-align:right;flex-shrink:0}
.ecu-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.ecu-value{font-size:11px;color:rgba(255,255,255,0.55);font-family:'Barlow Condensed',sans-serif;letter-spacing:1px}
.ecu-sw{font-size:10px;color:var(--muted);margin-top:2px;font-family:'Barlow Condensed',sans-serif}

/* Мощность */
.power-block{margin-bottom:16px}
.power-row{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.power-tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);width:40px;flex-shrink:0}
.power-bar-wrap{flex:1}
.power-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden}
.power-fill{height:100%;background:var(--red);border-radius:2px}
.power-num{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1px;color:var(--red);flex-shrink:0;width:48px;text-align:right}
.power-num.stock{color:rgba(255,255,255,0.35)}
.power-delta{display:inline-flex;align-items:center;gap:8px;margin-top:6px;background:rgba(226,75,74,0.08);border:1px solid rgba(226,75,74,0.22);border-radius:2px;padding:5px 12px}
.delta-val{font-family:'Bebas Neue',sans-serif;font-size:18px;color:var(--red);letter-spacing:2px}
.delta-label{font-size:11px;color:var(--muted);letter-spacing:1px}

/* Теги */
.card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}
.tag{font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:3px 9px;border:1px solid var(--border);border-radius:2px;color:var(--muted)}
.tag.red{border-color:rgba(226,75,74,0.3);color:var(--red)}

/* WIP */
.wip{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(60px,12vw,120px) clamp(20px,5vw,60px);border-top:1px solid var(--border)}
.wip-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(226,75,74,0.08);border:1px solid rgba(226,75,74,0.25);border-radius:3px;padding:8px 18px;margin-bottom:32px;opacity:0;animation:fadeUp 0.7s ease forwards 0.3s}
.wip-dot{width:7px;height:7px;background:var(--red);border-radius:50%;animation:pulse 1.6s ease-in-out infinite;flex-shrink:0}
.wip-badge-text{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--red);font-weight:600}
.wip-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,8vw,64px);letter-spacing:4px;line-height:1.1;margin-bottom:16px;opacity:0;animation:fadeUp 0.7s ease forwards 0.5s}
.wip-sub{color:var(--muted);font-size:clamp(14px,3.5vw,16px);max-width:420px;line-height:1.7;margin-bottom:40px;opacity:0;animation:fadeUp 0.7s ease forwards 0.7s}
.wip-cta{display:inline-block;background:var(--red);color:#fff;text-decoration:none;padding:15px clamp(28px,6vw,44px);font-family:'Bebas Neue',sans-serif;font-size:clamp(17px,4vw,20px);letter-spacing:4px;border-radius:3px;transition:background 0.2s,transform 0.15s;opacity:0;animation:fadeUp 0.7s ease forwards 0.9s;-webkit-tap-highlight-color:transparent}
.wip-cta:hover{background:var(--red-dark);transform:translateY(-2px)}

/* ФУТЕР */
footer{border-top:1px solid var(--border);padding:clamp(18px,4vw,28px) clamp(20px,5vw,60px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-logo{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:3px}
.footer-logo span{color:var(--red)}
.footer-copy{font-size:11px;color:var(--dim);letter-spacing:1px}

/* ── СТРАНИЦА РАБОТЫ ── */
.work-single{padding:80px clamp(20px,5vw,60px) clamp(60px,10vw,100px);max-width:1000px;margin:0 auto}

.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:40px;font-size:12px;letter-spacing:2px;text-transform:uppercase}
.breadcrumb a{color:var(--muted);text-decoration:none;transition:color 0.2s}
.breadcrumb a:hover{color:#fff}
.breadcrumb span{color:var(--muted)}
.breadcrumb span:last-child{color:rgba(255,255,255,0.6)}

.work-hero{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start;margin-bottom:40px}
@media(max-width:600px){.work-hero{grid-template-columns:1fr}}
.work-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,10vw,80px);letter-spacing:4px;line-height:0.9;margin-bottom:10px}
.work-subtitle{font-size:clamp(14px,3vw,16px);color:var(--muted)}
.work-hero-ecu{background:var(--bg2);border:1px solid var(--border);padding:20px 24px;border-radius:2px;min-width:220px}
.ecu-block{}
.ecu-big{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;color:#fff;margin-bottom:4px}
.ecu-sw-big{font-size:12px;color:var(--muted);font-family:'Barlow Condensed',sans-serif;letter-spacing:1px}

/* Галерея */
.work-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px;margin-bottom:50px;border-radius:2px;overflow:hidden}
.gallery-item{aspect-ratio:16/9;overflow:hidden;background:var(--bg2)}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;display:block}
.gallery-item img:hover{transform:scale(1.04)}
.gallery-item:first-child:nth-last-child(1){grid-column:1/-1;aspect-ratio:21/9}

/* Результаты */
.work-results{background:var(--bg2);border:1px solid var(--border);padding:32px;margin-bottom:50px}
.power-big-block{margin:20px 0}
.power-big-row{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.pbr-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);width:44px;flex-shrink:0}
.pbr-bar-wrap{flex:1}
.pbr-num{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:1px;color:var(--red);flex-shrink:0;width:90px;text-align:right}
.pbr-num.stock{color:rgba(255,255,255,0.35)}
.results-deltas{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}
.delta-big{text-align:center}
.delta-big-num{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,8vw,56px);color:var(--red);line-height:1;letter-spacing:2px}
.delta-big-label{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-top:4px}

/* Контент markdown */
.work-content{margin-bottom:50px;border-top:1px solid var(--border);padding-top:40px}
.work-content h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(24px,5vw,36px);letter-spacing:3px;color:#fff;margin:32px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.work-content h2:first-child{margin-top:0}
.work-content ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.work-content ul li{font-size:15px;color:var(--muted);padding-left:18px;position:relative;line-height:1.6}
.work-content ul li::before{content:'—';position:absolute;left:0;color:var(--border)}
.work-content ul li strong{color:rgba(255,255,255,0.75);font-weight:500}
.work-content p{color:var(--muted);margin-bottom:16px;line-height:1.7}

/* Навигация */
.work-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:40px;border-top:1px solid var(--border)}
.work-nav-back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-size:12px;letter-spacing:3px;text-transform:uppercase;transition:color 0.2s}
.work-nav-back:hover{color:#fff}

/* АНИМАЦИИ */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.75)}}
.fade-in{opacity:0;transform:translateY(18px);transition:opacity 0.6s ease,transform 0.6s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}