/* Variant A — Poster / race-livery energy */

/* Header */
.site-head.a{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid rgba(14,14,16,.12)}
.site-head.a .a-bar{display:flex;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:14px 32px}
.site-head.a .logo img{height:44px;width:auto}
.site-head.a nav{display:flex;gap:4px;flex:1;margin-left:12px;flex-wrap:wrap}
.site-head.a nav a{padding:10px 14px;font-size:13px;font-weight:700;letter-spacing:.04em;position:relative}
.site-head.a nav a:hover{color:var(--red)}
.site-head.a nav a.active{color:var(--red)}
.site-head.a nav a.active::after{content:"";position:absolute;inset:auto 14px -4px;height:3px;background:var(--red)}
.site-head.a .a-ticker{background:var(--ink);color:#fff;font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;
  padding:8px 32px;display:flex;gap:36px;overflow:hidden;white-space:nowrap;font-weight:600}
.site-head.a .a-ticker span:nth-child(6){color:var(--signal)}

/* HOME — Poster hero */
.a-hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;min-height:620px}
.a-hero-bg{position:absolute;inset:0;opacity:.35}
.a-hero-red{position:absolute;top:-60px;right:-80px;width:640px;height:820px;background:var(--red);
  transform:skewX(-14deg);box-shadow:-10px 0 40px rgba(0,0,0,.4)}
.a-hero-inner{position:relative;padding:90px 32px 100px}
.a-kicker{display:flex;gap:14px;align-items:center;margin-bottom:26px;flex-wrap:wrap}
.a-sub{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;color:var(--smoke);font-weight:600}
.a-display{font-family:var(--f-disp);font-style:italic;font-weight:900;font-size:220px;line-height:.82;
  text-transform:uppercase;letter-spacing:-.03em;text-shadow:6px 6px 0 var(--red-deep)}
.a-display em{font-style:italic;color:var(--signal)}
.a-lead{font-size:20px;margin:30px 0 36px;max-width:500px;color:#fff;font-weight:500;line-height:1.6}
.a-cta-row{display:flex;gap:14px;flex-wrap:wrap}

/* Sections shared styles — Variant A */
.section-title .k{color:var(--red)}
.course-card{background:#fff;border:1px solid rgba(14,14,16,.08);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s}
.course-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(214,32,42,.12)}
.course-card .body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.course-card .meta{display:flex;justify-content:space-between;align-items:center}
.course-card .wear{color:var(--steel);font-size:11px}
.course-card p{font-size:13px;color:var(--asphalt);line-height:1.7;flex:1}
.course-card .foot{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px dashed rgba(14,14,16,.12)}
.course-card .car{font-size:10px;color:var(--steel);letter-spacing:.04em}

.cats{grid-template-columns:repeat(4,1fr)}
.cat-card{background:#fff;padding:24px 20px;display:flex;flex-direction:column;gap:8px;min-height:180px;border:none;transition:all .15s;cursor:pointer}
.cat-card .no{font-family:var(--f-mono);font-size:11px;color:var(--steel);letter-spacing:.1em}
.cat-card .tc{font-size:22px;font-weight:900;letter-spacing:-.01em}
.cat-card .en{font-family:var(--f-disp);font-style:italic;font-size:14px;font-weight:700;color:var(--steel);letter-spacing:.08em}
.cat-card .more{margin-top:auto;font-size:12px;color:var(--red);font-weight:700}
.cat-card.active{background:var(--red);color:#fff}
.cat-card.active .no,.cat-card.active .en{color:rgba(255,255,255,.7)}
.cat-card.active .more{color:#fff}

.news-list{display:flex;flex-direction:column;border-top:1px solid rgba(14,14,16,.12)}
.news-row{display:grid;grid-template-columns:120px 80px 1fr 32px;align-items:center;gap:16px;
  padding:18px 4px;border-bottom:1px solid rgba(14,14,16,.12);transition:background .15s}
.news-row:hover{background:#fff}
.news-row .date{font-size:12px;color:var(--steel);letter-spacing:.06em}
.news-row .title{font-weight:700;font-size:15px}
.news-row .arr{color:var(--red);font-weight:900;font-size:18px;text-align:right}

.cta-band{background:var(--ink);color:#fff;padding:72px 0;margin-top:64px;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;right:-100px;top:-50px;width:500px;height:600px;
  background:var(--red);transform:skewX(-14deg);opacity:.9}
.cta-inner{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.cta-band .k{color:var(--red);font-size:11px;letter-spacing:.2em;font-weight:700;margin-bottom:14px}
.cta-h{font-family:var(--f-disp);font-style:italic;font-size:88px;font-weight:900;line-height:.9;text-transform:uppercase}
.cta-h em{color:var(--signal);font-style:inherit}
.cta-sub{font-family:var(--f-disp);font-size:24px;font-weight:700;opacity:.7;margin-top:4px}
.cta-p{margin-top:18px;color:rgba(255,255,255,.7);font-size:14px}
.cta-right{position:relative;z-index:2;padding:32px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12)}
.cta-right .line-box .l{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:rgba(255,255,255,.6);font-weight:700}
.cta-right .line-box .n{font-family:var(--f-disp);font-size:40px;font-weight:900;letter-spacing:.02em;margin:6px 0 20px;color:#fff}

/* About */
.about-top{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:start}
.about-chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.about-p{font-size:15px;line-height:1.85;max-width:680px;color:var(--asphalt)}
.lic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--ink);padding:2px}
.lic{background:#fff;padding:20px;display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600}
.lic .no{color:var(--red);font-weight:800;font-size:18px}
.exp-list{list-style:none;padding:0;margin:0;columns:2;gap:32px}
.exp-list li{padding:10px 0;border-bottom:1px dashed rgba(14,14,16,.15);font-size:14px;display:flex;align-items:center;gap:10px;break-inside:avoid}
.exp-list .dot{width:6px;height:6px;background:var(--red);border-radius:50%;flex-shrink:0}
.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--ink);padding:2px}
.res{background:#fff;padding:16px;display:flex;gap:12px;font-size:14px;font-weight:600}
.res .n{color:var(--red);font-weight:800}

/* Courses */
.cat-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--ink);padding:2px;margin-top:32px}
.cat-tabs button{background:#fff;border:none;padding:20px;text-align:left;cursor:pointer;transition:all .15s}
.cat-tabs .mono{font-size:11px;color:var(--steel);letter-spacing:.1em}
.cat-tabs .tc{font-size:18px;font-weight:900;margin-top:4px;color:var(--ink)}
.cat-tabs .tc .n{color:var(--red);margin-left:6px}
.cat-tabs .active{background:var(--red);color:#fff}
.cat-tabs .active .mono,.cat-tabs .active .tc{color:#fff}
.course-detail{background:#fff;display:flex;flex-direction:column;border-top:3px solid var(--red)}
.course-detail .top{padding:20px;border-bottom:1px solid rgba(14,14,16,.1)}
.course-detail .meta{display:flex;gap:10px;margin-bottom:10px}
.course-detail .mid{padding:20px;display:grid;grid-template-columns:90px 1fr;gap:10px 16px;font-size:14px;flex:1}
.course-detail .lbl{font-family:var(--f-mono);font-size:11px;color:var(--steel);letter-spacing:.08em;padding-top:2px}
.course-detail .val{line-height:1.7;color:var(--asphalt)}
.course-detail .foot{padding:16px 20px;background:var(--bone);display:flex;justify-content:space-between;align-items:center}
.course-detail .foot .mono{font-size:12px;color:var(--steel)}
.course-example{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--ink);padding:2px}
.ex-left{background:#fff;padding:40px}
.ex-left h3{font-size:28px;color:var(--red);margin-bottom:20px}
.ex-left dl{display:grid;grid-template-columns:80px 1fr;gap:12px 20px;margin-bottom:24px;font-size:14px}
.ex-left dt{font-family:var(--f-mono);color:var(--steel);font-weight:700;letter-spacing:.06em;font-size:12px}
.ex-left dd{margin:0;line-height:1.7}
.ex-right{min-height:400px}

/* Products */
.product-card{background:#fff;position:relative;display:flex;flex-direction:column;border:1px solid rgba(14,14,16,.08)}
.product-card .p-tag{position:absolute;top:12px;left:12px;font-family:var(--f-mono);font-size:10px;font-weight:700;
  letter-spacing:.1em;padding:4px 8px;z-index:2}
.product-card .p-tag.red{background:var(--red);color:#fff}
.product-card .p-tag.signal{background:var(--signal);color:var(--ink)}
.product-card .p-tag.ink{background:var(--ink);color:#fff}
.product-card .body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.product-card .brand{font-size:10px;color:var(--steel);letter-spacing:.06em}
.product-card h3{font-size:16px;font-weight:800;letter-spacing:-.01em}
.product-card p{font-size:12px;color:var(--asphalt);flex:1;margin:0}
.product-card .foot{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px dashed rgba(14,14,16,.12);font-size:12px}
.product-card .foot .mono{color:var(--steel)}
.product-card .buy{color:var(--red);font-weight:700}

/* Calendar */
.cal-wrap{display:grid;grid-template-columns:1fr 320px;gap:32px;padding:40px 32px}
.cal-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.cal-head .m{display:flex;align-items:baseline;gap:14px}
.cal-head .big{font-size:64px;font-weight:900;font-style:italic;color:var(--red);text-transform:uppercase}
.cal-head .yr{font-size:28px;color:var(--steel);font-weight:700}
.cal-head .tc{font-size:16px;color:var(--steel);font-weight:600}
.cal-head .m-switch{display:flex;gap:4px}
.cal-head .m-switch button{background:#fff;border:1px solid rgba(14,14,16,.15);padding:10px 16px;font-size:13px;font-family:var(--f-tc);cursor:pointer}
.cal-head .m-switch .on{background:var(--ink);color:#fff}
.cal-legend{display:flex;gap:20px;margin-bottom:16px;font-size:12px;font-family:var(--f-mono);letter-spacing:.08em}
.cal-legend div{display:flex;align-items:center;gap:6px}
.cal-legend .sw{width:12px;height:12px;display:inline-block}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink)}
.cal-grid .h{background:var(--ink);color:#fff;padding:10px 8px;font-size:14px;font-weight:700;text-align:center;display:flex;flex-direction:column;gap:2px}
.cal-grid .h .en{font-family:var(--f-mono);font-size:9px;font-weight:500;color:var(--smoke);letter-spacing:.1em}
.cal-grid .c{background:#fff;min-height:100px;padding:8px;display:flex;flex-direction:column;gap:4px}
.cal-grid .c.empty{background:var(--bone)}
.cal-grid .c.has{background:#fff}
.cal-grid .dd{font-family:var(--f-disp);font-size:22px;font-weight:700;color:var(--ink)}
.cal-grid .c.has .dd{color:var(--red)}
.cal-grid .ev{padding:4px 6px;font-size:11px;font-weight:700;color:#fff}
.cal-side .sh{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;color:var(--red);font-weight:700;margin-bottom:12px}
.cal-side .upc{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid rgba(14,14,16,.1)}
.cal-side .upc .d .disp{font-size:32px;color:var(--red);font-weight:900}
.cal-side .upc .d .mono{font-size:10px;color:var(--steel);letter-spacing:.1em}
.cal-side .upc .tt{font-weight:800;font-size:14px}
.cal-side .upc .tm{font-size:12px;color:var(--steel);margin-top:2px}

/* News */
.news-filters{display:flex;gap:4px;margin:32px 0 24px}
.news-filters button{background:#fff;border:1px solid rgba(14,14,16,.15);padding:8px 16px;font-family:var(--f-tc);font-size:13px;cursor:pointer}
.news-filters .on{background:var(--ink);color:#fff;border-color:var(--ink)}
.news-full{border-top:2px solid var(--ink)}
.news-full-row{display:grid;grid-template-columns:140px 1fr 40px;gap:24px;padding:24px 0;border-bottom:1px solid rgba(14,14,16,.12);align-items:start}
.news-full-row .date{color:var(--steel);font-size:13px;padding-top:6px}
.news-full-row h3{font-size:20px;margin:8px 0 8px}
.news-full-row p{font-size:14px;color:var(--asphalt);margin:0}
.news-full-row .arr{color:var(--red);font-weight:900;font-size:24px;text-align:right;padding-top:6px}

/* Blog */
.blog-featured{background:#fff;border:1px solid rgba(14,14,16,.1);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-top:32px}
.blog-featured .body{padding:40px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.blog-featured h2{font-size:32px;line-height:1.3}
.blog-featured p{font-size:15px;color:var(--asphalt);line-height:1.8;margin:0}
.blog-featured .meta{color:var(--steel);font-size:12px;letter-spacing:.08em}
.blog-card{background:#fff;border:1px solid rgba(14,14,16,.08);display:flex;flex-direction:column}
.blog-card .body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card .meta{display:flex;justify-content:space-between;align-items:center}
.blog-card .meta .mono{font-size:11px;color:var(--steel)}
.blog-card h3{font-size:17px;line-height:1.4}
.blog-card p{font-size:13px;color:var(--asphalt);flex:1}
.blog-card .foot{font-size:11px;color:var(--red);font-weight:700;letter-spacing:.1em;padding-top:10px;border-top:1px dashed rgba(14,14,16,.12)}

/* Contact */
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:48px}
.contact-left h2{font-size:52px;line-height:1.1;margin-bottom:16px}
.contact-left .lead{font-size:15px;color:var(--asphalt);max-width:420px;line-height:1.8}
.c-line{margin:32px 0;padding:24px;background:var(--ink);color:#fff}
.c-line .lbl{font-size:11px;letter-spacing:.2em;color:var(--red);font-weight:700}
.c-line .val{font-size:48px;font-weight:900;font-style:italic;margin-top:8px;letter-spacing:.04em}
.c-meta{display:flex;flex-direction:column;gap:16px}
.c-meta>div{padding:16px;border-left:3px solid var(--red);background:#fff}
.c-meta .lbl{font-size:11px;letter-spacing:.15em;color:var(--steel);font-weight:700;margin-bottom:4px}
.contact-form{background:#fff;padding:40px;border:1px solid rgba(14,14,16,.1);display:flex;flex-direction:column;gap:18px}
.contact-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--steel);font-weight:700}
.contact-form input,.contact-form select,.contact-form textarea{border:1px solid rgba(14,14,16,.15);padding:12px 14px;font-family:var(--f-tc);font-size:14px;color:var(--ink);background:var(--paper)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid var(--red);outline-offset:-2px}
.contact-form button{margin-top:8px;justify-content:center}

@media(max-width:900px){
  .a-display{font-size:120px}
  .about-top,.contact-wrap,.cal-wrap,.blog-featured,.course-example{grid-template-columns:1fr}
  .cta-inner{grid-template-columns:1fr}
  .cta-h{font-size:56px}
  .exp-list{columns:1}
  .res-grid{grid-template-columns:1fr}
  .news-row{grid-template-columns:90px 60px 1fr 24px;gap:10px}
  .news-full-row{grid-template-columns:100px 1fr 24px;gap:14px}
  .lic-grid{grid-template-columns:1fr}
  .cat-tabs{grid-template-columns:1fr}
}