:root{
  --red:#D0122A;
  --red-d:#9E0D20;
  --ink:#141414;
  --ink-2:#2c2c2c;
  --mute:#5c5c5c;
  --paper:#f6f3ec;
  --paper-2:#efe8dc;
  --line:#e4ddd0;
  --steel:#8d959a;
  --concrete:#1b1d20;
  --concrete-2:#2a2e33;
  --white:#fff;
  --shadow:0 18px 50px rgba(20,20,20,.12);
  --max:1240px;
  --nav:78px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{
  font-family:"IBM Plex Sans","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.6;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{
  font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  font-weight:700;
  letter-spacing:.02em;
  line-height:1.05;
  margin:0 0 .4em;
}
h1{font-size:clamp(2.4rem,6vw,4.6rem);text-transform:uppercase}
h2{font-size:clamp(1.8rem,3.5vw,2.8rem);text-transform:uppercase}
h3{font-size:1.35rem}
p{margin:0 0 1em}
.wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.skip-link{position:absolute;left:-999px;top:8px}
.skip-link:focus{left:12px;background:#fff;padding:8px 12px;z-index:80}

.utilbar{background:var(--concrete);color:#d9d4cb;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.utilbar-inner{display:flex;justify-content:space-between;align-items:center;min-height:32px;gap:16px}
.utilbar em{font-style:italic;font-family:Georgia,"Times New Roman",serif;text-transform:none;letter-spacing:0;color:#fff}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--nav);gap:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{height:48px;width:auto}
.brand small{display:block;font:italic 12px/1 Georgia,serif;color:var(--mute)}
.nav{display:flex;align-items:center;gap:4px}
.nav>a,.nav-drop>span{
  display:block;padding:10px 11px;text-decoration:none;font-size:.86rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)
}
.nav>a:hover,.nav-drop:hover>span{color:var(--red)}
.nav-drop{position:relative}
.nav-drop .submenu,.nav-drop .mega{
  display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);min-width:230px;padding:10px 0
}
.nav-drop .mega{display:none;grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px 28px;padding:22px 26px;min-width:720px}
.nav-drop:hover .submenu,.nav-drop:focus-within .submenu{display:block}
.nav-drop:hover .mega,.nav-drop:focus-within .mega{display:grid}
.submenu a,.mega a{display:block;padding:7px 16px;text-decoration:none;color:var(--ink-2);font-size:.92rem}
.submenu a:hover,.mega a:hover{color:var(--red)}
.mega h4{font-size:.78rem;letter-spacing:.12em;color:var(--red);margin:0 0 8px}
.nav-toggle{display:none;background:none;border:0;width:42px;height:42px;position:relative}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{
  display:block;width:22px;height:2px;background:var(--ink);position:absolute;left:10px
}
.nav-toggle span{top:20px}
.nav-toggle span:before{content:"";top:-7px}
.nav-toggle span:after{content:"";top:7px}

.hero{position:relative;min-height:78vh;display:grid;align-items:end;color:#fff;background:#111 center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.15),rgba(10,10,10,.72) 70%)}
.hero .wrap{position:relative;z-index:1;padding:80px 0 64px}
.eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:.6rem}
.hero .eyebrow{color:#ffd4d8}
.lead{font-size:1.15rem;max-width:48ch;color:#f3eee6}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 28px}
.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:760px}
.hero-meta b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:1.6rem;letter-spacing:.04em}
.hero-meta span{display:block;font-size:.86rem;opacity:.8}

.btn{display:inline-block;padding:13px 22px;border:1px solid transparent;text-decoration:none;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-d)}
.btn-ghost{border-color:currentColor;background:transparent;color:inherit}
.btn-dark{background:var(--ink);color:#fff}

.section{padding:78px 0}
.section-gray{background:var(--paper)}
.section-dark{background:var(--concrete);color:#ece8e1}
.section-red{background:var(--red);color:#fff}
.section-head{max-width:62ch;margin-bottom:36px}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.split-rev{grid-template-columns:.95fr 1.05fr}
.grid-2,.grid-3,.grid-4{display:grid;gap:22px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}

.card,.series-card,.ico-card,.news-card{
  background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(20,20,20,.04)
}
.series-card a,.news-card a,.ico-card a{text-decoration:none;color:inherit;display:block;height:100%}
.series-card .thumb{aspect-ratio:4/3;overflow:hidden;background:#ece8e1}
.series-card img,.news-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.series-card:hover img{transform:scale(1.04)}
.pad{padding:18px 18px 22px}
.tag{display:inline-block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:6px}
.more{color:var(--red);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}
.ico-card{padding:22px}
.ico-card img{width:100%;height:160px;object-fit:cover;margin-bottom:14px}
.photo-card{min-height:260px;background:center/cover no-repeat;position:relative;color:#fff}
.photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.photo-card a{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:22px;text-decoration:none;color:#fff}

table.specs{width:100%;border-collapse:collapse;background:#fff}
table.specs th,table.specs td{border-bottom:1px solid var(--line);padding:11px 12px;text-align:left;vertical-align:top}
table.specs th{width:36%;color:var(--mute);font-weight:600}
.model-visual{background:var(--paper-2);padding:18px}
.model-visual img{width:100%;object-fit:contain;max-height:520px;margin:0 auto}
.crumbs{font-size:.86rem;color:var(--mute);margin-bottom:8px}
.crumbs a{color:var(--ink)}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{background:var(--concrete-2);color:#fff;padding:22px}
.stat b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:2rem}

.form{display:grid;gap:14px;max-width:640px}
.form label{display:block;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.form input,.form select,.form textarea{
  width:100%;padding:12px 13px;border:1px solid #cfc7b8;background:#fff;font:inherit
}
.form textarea{min-height:140px}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.form-error,.form-success{display:none}
.form-error.is-visible,.form-success.is-visible{display:block}
.form-error{color:var(--red);font-weight:700}
.form-success{color:#1b6b3a}

.site-footer{background:var(--concrete);color:#d8d3cb;padding:56px 0 0}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding-bottom:36px}
.footer-brand img{height:40px;margin-bottom:14px}
.site-footer a{color:#d8d3cb;text-decoration:none;display:block;margin:.25em 0}
.site-footer a:hover{color:#fff}
.site-footer h4{color:#fff;font-size:1rem;letter-spacing:.1em}
.footer-legal{border-top:1px solid #3a3d42;padding:16px 0 22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.84rem}
.cookie{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:3px solid var(--red);padding:16px 22px;display:none;z-index:50;box-shadow:var(--shadow)}
.cookie.is-on{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.search-overlay{display:none;position:fixed;inset:0;background:rgba(10,10,10,.62);z-index:60;align-items:flex-start;justify-content:center;padding:12vh 20px}
.search-overlay.is-on{display:flex}
.search-panel{background:#fff;width:min(680px,100%);padding:22px}
.search-panel input{width:100%;padding:14px;border:1px solid var(--line);font:inherit}
.search-results a{display:block;padding:8px 0;text-decoration:none;border-bottom:1px solid var(--line)}

.timeline{border-left:3px solid var(--red);padding-left:22px}
.timeline article{margin:0 0 22px}
.timeline b{color:var(--red)}

@media (max-width:980px){
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:10px 0 20px;border-bottom:1px solid var(--line);max-height:75vh;overflow:auto}
  .nav.is-open{display:flex}
  .nav-drop .submenu,.nav-drop .mega{position:static;display:none;box-shadow:none;border:0;min-width:0;padding-left:12px}
  .nav-drop.is-open .submenu{display:block}
  .nav-drop.is-open .mega{display:block}
  .split,.split-rev,.grid-2,.grid-3,.grid-4,.hero-meta,.stat-row,.footer-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  h1{font-size:2.2rem}
  .section{padding:52px 0}
}