:root{--ink:#17212b;--steel:#273440;--muted:#667582;--blue:#8fd3ef;--blue2:#44add8;--paper:#f5f8fa;--white:#fff;--line:#dce5ea;--shell:min(1180px,calc(100% - 40px));font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.hl-shell{width:var(--shell);margin:auto}.hl-page{min-height:70vh}.hl-nav{height:82px;display:flex;align-items:center;gap:36px;padding:0 max(24px,calc((100% - 1180px)/2));background:#fff;position:relative;z-index:50;border-bottom:1px solid #e7edf0}.hl-brand{display:flex;align-items:center;gap:11px;white-space:nowrap;margin-right:auto}.hl-brand>span{width:42px;height:42px;display:grid;place-items:center;background:var(--ink);color:var(--blue);font-weight:900;letter-spacing:-2px}.hl-brand strong{font-size:19px;line-height:1.05}.hl-brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:6px;color:#71808b}.hl-nav nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:650}.hl-nav nav a{padding:28px 0;position:relative}.hl-nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:var(--blue2);transition:.2s}.hl-nav nav a:hover:after{right:0}.hl-nav-cta,.hl-btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;font-weight:750}.hl-nav-cta{background:var(--ink);color:#fff;padding:12px 20px;font-size:14px}.hl-menu-toggle{display:none}.hl-hero{min-height:calc(100vh - 82px);background:linear-gradient(90deg,rgba(13,22,30,.96) 0%,rgba(13,22,30,.82) 35%,rgba(13,22,30,.12) 70%),var(--hero) center/cover no-repeat;color:#fff;display:flex;align-items:center}.hl-hero-inner{padding:80px 0}.hl-eyebrow{margin:0 0 18px;color:var(--blue);font-size:12px;letter-spacing:2.4px;font-weight:800}.hl-eyebrow.blue{color:#268fb9}.hl-hero h1{font-size:clamp(42px,5.3vw,74px);line-height:1.12;letter-spacing:-2.5px;margin:0;max-width:740px}.hl-hero h1 em{font-style:normal;color:var(--blue)}.hl-hero-inner>p:not(.hl-eyebrow){max-width:630px;font-size:18px;color:#d7e0e5;margin:26px 0 34px}.hl-actions{display:flex;gap:12px}.hl-btn{padding:15px 25px;min-height:52px}.hl-btn.primary{background:var(--blue2);color:#09202a}.hl-btn.primary:hover{background:#79d2f4}.hl-btn.ghost{border:1px solid rgba(255,255,255,.48);color:#fff}.hl-trust{display:flex;gap:44px;margin-top:62px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);max-width:730px;font-size:12px;color:#aebdc6}.hl-trust span{display:grid}.hl-trust b{color:#fff;font-size:15px}.hl-section{padding:110px 0}.hl-section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:45px}.hl-section-head h2,.hl-factory h2,.hl-contact h2{font-size:clamp(32px,4vw,50px);line-height:1.18;letter-spacing:-1.5px;margin:0}.hl-section-head>p{max-width:510px;color:var(--muted);margin:0}.hl-products{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.hl-products article{grid-column:span 2;background:var(--paper);padding:30px;min-height:270px;border-top:3px solid transparent;transition:.25s}.hl-products article:nth-child(4),.hl-products article:nth-child(5){grid-column:span 3}.hl-products article:hover{transform:translateY(-4px);border-color:var(--blue2);box-shadow:0 18px 45px rgba(31,52,67,.1)}.hl-products span{font-size:12px;color:#78909d}.hl-products h3{margin:42px 0 12px;font-size:23px}.hl-products p{font-size:14px;color:var(--muted)}.hl-products a{display:inline-block;margin-top:16px;font-size:13px;font-weight:750;color:#1889b6}.hl-factory{background:var(--steel);color:#fff;padding:110px 0}.hl-factory-grid{display:grid;grid-template-columns:.86fr 1.4fr;gap:75px;align-items:center}.hl-factory p:not(.hl-eyebrow){color:#b9c5cc}.hl-factory ul{padding:0;list-style:none;margin:28px 0}.hl-factory li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.12)}.hl-factory li:before{content:"✓";color:var(--blue);margin-right:12px}.hl-photo-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:repeat(2,230px);gap:12px}.hl-photo-grid figure{margin:0;padding:22px;background:linear-gradient(145deg,#344653,#202c35);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hl-photo-grid figure:after{content:"替换为华隆真实工厂照片";position:absolute;inset:auto 20px 54px;color:#81939e;font-size:12px}.hl-photo-grid figure:first-child{grid-row:span 2}.hl-photo-grid b{font-size:11px;color:var(--blue)}.hl-photo-grid span{font-weight:700}.hl-contact{background:#edf5f8;padding:110px 0}.hl-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.hl-contact-grid>div>p:not(.hl-eyebrow){color:var(--muted);max-width:520px}.hl-contact-lines{display:grid;gap:8px;margin-top:32px;font-weight:700}.hl-form{background:#fff;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.hl-form label{font-size:12px;font-weight:750;color:#465762}.hl-form input,.hl-form select,.hl-form textarea{width:100%;border:1px solid var(--line);background:#fff;padding:12px;margin-top:7px;font:inherit;color:var(--ink);border-radius:0}.hl-form input:focus,.hl-form select:focus,.hl-form textarea:focus{outline:2px solid var(--blue);border-color:transparent}.hl-form .full{grid-column:1/-1}.hl-footer{background:#131d25;color:#fff}.hl-footer>.hl-shell{display:grid;grid-template-columns:1fr 1.5fr .5fr;gap:70px;padding:65px 0}.hl-brand.inverse>span{background:var(--blue);color:#15202a}.hl-brand.inverse small{color:#82929d}.hl-footer p{color:#93a3ad;font-size:13px}.hl-footer>.hl-shell>div:last-child{display:grid;gap:5px;font-size:13px}.hl-copyright{border-top:1px solid #29343d;text-align:center;padding:17px;color:#6f7f89;font-size:11px}.hl-whatsapp{position:fixed;right:24px;bottom:22px;z-index:100;background:#18a960;color:#fff;border-radius:99px;padding:10px 15px 10px 10px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 28px rgba(0,0,0,.25);font-size:12px}.hl-whatsapp span{width:28px;height:28px;display:grid;place-items:center;background:#fff;color:#11924f;border-radius:50%;font-size:9px;font-weight:900}.hl-whatsapp b{font-weight:750}
@media(max-width:900px){.hl-nav{height:68px;padding:0 20px}.hl-nav-cta{display:none}.hl-menu-toggle{display:block;background:transparent;border:1px solid var(--line);padding:8px 11px}.hl-nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:14px 20px 22px;box-shadow:0 15px 30px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;gap:0}.hl-nav nav.is-open{display:flex}.hl-nav nav a{padding:12px 0;border-bottom:1px solid var(--line)}.hl-hero{min-height:750px;background:linear-gradient(90deg,rgba(13,22,30,.94),rgba(13,22,30,.55)),var(--hero) 65% center/cover}.hl-trust{gap:20px;flex-wrap:wrap}.hl-section-head{display:block}.hl-section-head>p{margin-top:20px}.hl-products article,.hl-products article:nth-child(4),.hl-products article:nth-child(5){grid-column:span 3}.hl-factory-grid,.hl-contact-grid{grid-template-columns:1fr}.hl-factory-grid{gap:40px}.hl-footer>.hl-shell{grid-template-columns:1fr 1fr}.hl-footer>.hl-shell>div:last-child{grid-column:1/-1}}
@media(max-width:600px){:root{--shell:calc(100% - 32px)}.hl-brand strong{font-size:16px}.hl-hero{min-height:calc(100svh - 68px);background-position:62% center}.hl-hero-inner{padding:65px 0}.hl-hero h1{font-size:41px;letter-spacing:-1.5px}.hl-hero-inner>p:not(.hl-eyebrow){font-size:15px}.hl-actions{flex-direction:column;align-items:stretch}.hl-trust{margin-top:42px}.hl-trust span{width:45%}.hl-section,.hl-factory,.hl-contact{padding:75px 0}.hl-products{grid-template-columns:1fr}.hl-products article,.hl-products article:nth-child(4),.hl-products article:nth-child(5){grid-column:auto;min-height:240px}.hl-photo-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,180px)}.hl-photo-grid figure:first-child{grid-row:auto}.hl-form{grid-template-columns:1fr;padding:24px}.hl-form label{grid-column:1}.hl-footer>.hl-shell{grid-template-columns:1fr;gap:30px}.hl-whatsapp{right:14px;bottom:14px}.hl-whatsapp b{display:none}.hl-whatsapp{padding:8px}}

/* Elementor-imported page skin. Every major area remains an independent section. */
.hl-el-header{padding:16px 24px;background:#fff}.hl-el-header .elementor-widget-heading h4{margin:0;font-size:20px}.hl-el-nav{display:flex;justify-content:center;gap:28px;font-size:14px;font-weight:700}.hl-el-header .elementor-button{background:var(--ink);border-radius:0}.hl-el-hero{position:relative;color:#fff}.hl-el-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,22,30,.96),rgba(13,22,30,.72) 44%,rgba(13,22,30,.1))}.hl-el-hero>.elementor-container{position:relative}.hl-el-hero .elementor-column{max-width:720px}.hl-el-hero h6,.hl-el-factory h6,.hl-el-contact h6{color:var(--blue);letter-spacing:2.3px}.hl-el-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.1;letter-spacing:-2px;color:#fff}.hl-el-hero h1 span{color:var(--blue)}.hl-el-hero .elementor-widget-text-editor{font-size:18px;color:#d8e3e8;max-width:640px}.hl-el-hero .elementor-widget-button{display:inline-block;margin-right:10px}.hl-el-hero .elementor-button{border-radius:0;background:var(--blue2);color:#10202a;padding:17px 26px}.hl-el-products{padding:95px 0}.hl-el-product>.elementor-widget-wrap{background:var(--paper);padding:28px!important;margin:8px;min-height:320px;align-content:start;border-top:3px solid transparent;transition:.2s}.hl-el-product>.elementor-widget-wrap:hover{border-color:var(--blue2);transform:translateY(-4px)}.hl-el-product h6{color:#80919b}.hl-el-product h3{font-size:22px}.hl-el-product .elementor-widget-text-editor{color:var(--muted);font-size:14px}.hl-el-product .elementor-button{background:transparent;color:#1689b5;padding:0}.hl-el-factory{padding:100px 0;background:var(--steel);color:#fff}.hl-el-factory h2{font-size:48px;color:#fff}.hl-el-factory .elementor-widget-text-editor{color:#bac7ce}.hl-el-contact{padding:100px 0;background:#edf5f8}.hl-el-contact h2{font-size:46px}.hl-el-footer{padding:58px 0;background:#131d25;color:#fff}.hl-el-footer h4{color:#fff}.hl-el-footer .elementor-widget-text-editor{color:#94a5af}.hl-el-footer a{color:#fff}
@media(max-width:767px){.hl-el-header{display:none}.hl-el-hero{min-height:720px}.hl-el-hero h1{font-size:40px}.hl-el-products{padding:60px 0}.hl-el-product>.elementor-widget-wrap{min-height:0}.hl-el-factory,.hl-el-contact{padding:70px 16px}.hl-el-factory h2,.hl-el-contact h2{font-size:36px}.hl-el-nav{flex-wrap:wrap}.hl-el-hero .elementor-widget-button{display:block;margin:8px 0}.hl-el-hero .elementor-button{width:100%}}

/* One shared site header. Elementor's old page-level header is intentionally hidden. */
.hl-el-header{display:none!important}
.hl-nav{height:78px;gap:28px;box-shadow:0 1px 0 rgba(23,33,43,.08)}
.hl-main-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700;margin-left:0}
.hl-nav>.hl-brand{margin-right:0}
.hl-home-link{margin-left:auto;padding:27px 0;position:relative;white-space:nowrap;font-size:14px;font-weight:700}
.hl-home-link:after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;background:var(--blue2);transition:right .18s ease}
.hl-home-link:hover:after,.hl-home-link:focus-visible:after{right:0}
.hl-main-nav a{padding:27px 0;position:relative;white-space:nowrap}
.hl-main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;background:var(--blue2);transition:right .18s ease}
.hl-main-nav a:hover:after,.hl-main-nav a:focus-visible:after{right:0}
.hl-language-nav{display:flex!important;align-items:center;gap:18px;position:static!important;background:transparent!important;padding:0!important;box-shadow:none!important;flex-direction:row!important;font-size:14px;font-weight:800;letter-spacing:.06em;white-space:nowrap}
.hl-language-nav a{padding:27px 0!important;border:0!important;position:relative;color:#58636d}
.hl-language-nav a:after{display:none!important}
.hl-language-nav a:hover,.hl-language-nav a:focus-visible,.hl-language-nav a.is-active{color:var(--blue2)}
.hl-language-nav a.is-active:before{content:"";position:absolute;left:0;right:0;bottom:16px;height:2px;background:currentColor}
.hlpm-language-switcher{display:none!important}

@media(max-width:900px){
  .hl-nav{height:68px;gap:12px;padding:0 16px}
  .hl-nav>.hl-brand{margin-right:auto}
  .hl-brand>span{width:36px;height:36px;font-size:13px}
  .hl-brand strong{font-size:15px}
  .hl-brand small{display:none}
  .hl-home-link{order:1;display:inline-flex;align-items:center;justify-content:center;height:34px;margin-left:0;padding:0 9px;border:1px solid var(--hl-border);font-size:12px;line-height:1;flex:0 0 auto}
  .hl-home-link:after{display:none}
  .hl-menu-toggle{order:2;width:38px;height:38px;padding:0;border:0;position:relative;font-size:0;flex:0 0 38px}
  .hl-menu-toggle:before,.hl-menu-toggle:after{content:"";position:absolute;left:7px;right:7px;height:2px;background:var(--ink);transition:transform .18s ease,top .18s ease}
  .hl-menu-toggle:before{top:12px;box-shadow:0 6px 0 var(--ink)}
  .hl-menu-toggle:after{top:24px}
  .hl-menu-toggle[aria-expanded="true"]:before{top:18px;box-shadow:none;transform:rotate(45deg)}
  .hl-menu-toggle[aria-expanded="true"]:after{top:18px;transform:rotate(-45deg)}
  .hl-main-nav{display:none;position:absolute;top:68px;left:0;right:0;z-index:60;background:#fff;padding:12px 20px 20px;box-shadow:0 15px 30px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;gap:0;margin:0}
  .hl-main-nav.is-open{display:flex}
  .hl-main-nav a{padding:12px 0;border-bottom:1px solid var(--line)}
  .hl-main-nav a:after{display:none}
  .hl-language-nav{order:3;gap:12px;font-size:12px}
  .hl-language-nav a{padding:22px 0!important}
  .hl-language-nav a.is-active:before{bottom:12px}
  .hl-nav-cta{display:none}
}

@media(max-width:430px){
  .hl-nav{gap:8px;padding:0 12px}
  .hl-brand{gap:7px}
  .hl-brand>span{width:34px;height:34px}
  .hl-brand strong{font-size:13px}
  .hl-language-nav{gap:9px;font-size:11px}
}

/* Keep the hero product summary readable over the bright factory artwork. */
.hl-el-hero .elementor-widget-text-editor{color:#000!important}

/*
 * Hualong dark industrial palette.
 * Color-only override: deliberately contains no image, size, position,
 * spacing, grid, flex, typography-size, or content rules.
 */
:root{
  --hl-bg:#1B1B1F;
  --hl-card:#25252B;
  --hl-title:#FFFFFF;
  --hl-body:#B0B0B8;
  --hl-action:#1F5A4A;
  --hl-action-hover:#2A7A63;
  --hl-border:#3A3A42;
}

html,
body,
.hl-page,
.hl-section,
.hl-el-products,
.hl-contact,
.hl-el-contact,
.hl-factory,
.hl-el-factory,
.hl-footer,
.hl-el-footer,
.single-hl_product .hl-page{
  background-color:var(--hl-bg)!important;
  color:var(--hl-body)!important;
}

.hl-nav,
.hl-main-nav{
  background-color:var(--hl-bg)!important;
  border-color:var(--hl-border)!important;
  box-shadow:none!important;
}

.hl-brand>span{
  background-color:var(--hl-card)!important;
  color:var(--hl-title)!important;
}

.hl-brand strong,
.hl-home-link,
.hl-main-nav a,
.hl-menu-toggle,
.hl-section-head h2,
.hl-products h3,
.hl-factory h2,
.hl-contact h2,
.hl-footer h1,
.hl-footer h2,
.hl-footer h3,
.hl-footer h4,
.hl-el-products h1,
.hl-el-products h2,
.hl-el-products h3,
.hl-el-factory h1,
.hl-el-factory h2,
.hl-el-factory h3,
.hl-el-contact h1,
.hl-el-contact h2,
.hl-el-contact h3,
.hl-el-footer h1,
.hl-el-footer h2,
.hl-el-footer h3,
.hl-el-footer h4,
.hlpm-product h1,
.hlpm-product h2,
.hlpm-product h3,
.hlpm-key-facts strong,
.hlpm-spec-item dd,
.hlpm-product-grid h3{
  color:var(--hl-title)!important;
}

.hl-brand small,
.hl-section-head>p,
.hl-products p,
.hl-factory p,
.hl-contact p,
.hl-footer p,
.hl-copyright,
.hl-el-products .elementor-widget-text-editor,
.hl-el-factory .elementor-widget-text-editor,
.hl-el-contact .elementor-widget-text-editor,
.hl-el-footer .elementor-widget-text-editor,
.hlpm-product,
.hlpm-summary,
.hlpm-highlights li,
.hlpm-detail-grid p,
.hlpm-description,
.hlpm-key-facts span,
.hlpm-spec-item dt{
  color:var(--hl-body)!important;
}

.hl-el-hero h1,
.hl-el-hero h1 span,
.hl-el-hero .elementor-heading-title{
  color:var(--hl-title)!important;
}

.hl-el-hero .elementor-widget-text-editor,
.hl-el-hero .elementor-widget-text-editor *{
  color:var(--hl-body)!important;
}

.hl-products article,
.hl-el-product>.elementor-widget-wrap,
.hl-form,
.hlpm-product-hero,
.hlpm-hero-copy,
.hlpm-highlights,
.hlpm-spec-group,
.hlpm-detail-grid section,
.hlpm-product-grid article,
.hlpm-review-note{
  background-color:var(--hl-card)!important;
  border-color:var(--hl-border)!important;
  color:var(--hl-body)!important;
}

.hl-products article:hover,
.hl-el-product>.elementor-widget-wrap:hover,
.hlpm-detail-grid section{
  border-color:var(--hl-action-hover)!important;
}

.hl-form label,
.hl-contact-lines,
.hlpm-brand,
.hl-products span,
.hl-el-product h6{
  color:var(--hl-body)!important;
}

.hl-form input,
.hl-form select,
.hl-form textarea{
  background-color:var(--hl-card)!important;
  border-color:var(--hl-border)!important;
  color:var(--hl-title)!important;
}

.hl-form input:focus,
.hl-form select:focus,
.hl-form textarea:focus{
  outline-color:var(--hl-action-hover)!important;
}

.hl-nav-cta,
.hl-btn.primary,
.hl-el-header .elementor-button,
.hl-el-hero .elementor-button,
.hl-el-product .elementor-button,
.hlpm-wa,
.hl-whatsapp,
.hl-form button,
.hl-form input[type="submit"]{
  background-color:var(--hl-action)!important;
  border-color:var(--hl-action)!important;
  color:var(--hl-title)!important;
}

.hl-nav-cta:hover,
.hl-nav-cta:focus-visible,
.hl-btn.primary:hover,
.hl-btn.primary:focus-visible,
.hl-el-header .elementor-button:hover,
.hl-el-header .elementor-button:focus-visible,
.hl-el-hero .elementor-button:hover,
.hl-el-hero .elementor-button:focus-visible,
.hl-el-product .elementor-button:hover,
.hl-el-product .elementor-button:focus-visible,
.hlpm-wa:hover,
.hlpm-wa:focus-visible,
.hl-whatsapp:hover,
.hl-whatsapp:focus-visible,
.hl-form button:hover,
.hl-form button:focus-visible,
.hl-form input[type="submit"]:hover,
.hl-form input[type="submit"]:focus-visible{
  background-color:var(--hl-action-hover)!important;
  border-color:var(--hl-action-hover)!important;
  color:var(--hl-title)!important;
}

.hl-language-nav a{
  color:var(--hl-body)!important;
}

.hl-language-nav a:hover,
.hl-language-nav a:focus-visible,
.hl-language-nav a.is-active,
.hl-products a,
.hl-el-hero h6,
.hl-el-factory h6,
.hl-el-contact h6{
  color:var(--hl-action-hover)!important;
}

.hl-main-nav a:after,
.hl-language-nav a.is-active:before{
  background-color:var(--hl-action-hover)!important;
}

.hl-menu-toggle:before,
.hl-menu-toggle:after{
  background-color:var(--hl-title)!important;
}

.hl-menu-toggle:before{
  box-shadow:0 6px 0 var(--hl-title)!important;
}

.hl-menu-toggle[aria-expanded="true"]:before{
  box-shadow:none!important;
}

.hl-copyright,
.hl-footer,
.hl-el-footer,
.hlpm-product-hero,
.hlpm-key-facts div,
.hlpm-spec-group,
.hlpm-product-grid article{
  border-color:var(--hl-border)!important;
}

/* Footer-only registered mark. The header keeps its bilingual text lockup. */
.hl-footer-brandmark{
  display:block;
  width:156px;
  height:auto;
  object-fit:contain;
  object-position:left center;
  filter:none!important;
}

/* Elementor homepage footer heading: preserve its accessible text and replace only its visual treatment. */
.hl-el-footer .elementor-element-c1191427 .elementor-heading-title{
  display:block!important;
  width:156px!important;
  height:74px!important;
  margin:0!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:#000 url("../images/hualongda-footer-logo.png") left center/contain no-repeat!important;
}

@media(max-width:600px){
  .hl-footer-brandmark,
  .hl-el-footer .elementor-element-c1191427 .elementor-heading-title{
    width:138px!important;
  }

  .hl-el-footer .elementor-element-c1191427 .elementor-heading-title{
    height:66px!important;
  }
}

/* Heavy truck model center. Products populate this page from the beginner product manager. */
.hl-models-page{
  min-height:70vh;
  background:var(--hl-bg);
  color:var(--hl-body);
}

.hl-models-hero{
  padding:76px 0 46px;
  border-bottom:1px solid var(--hl-border);
  background:var(--hl-bg);
}

.hl-models-kicker{
  margin:0 0 14px;
  color:var(--hl-action-hover);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
}

.hl-models-hero h1{
  max-width:820px;
  margin:0;
  color:var(--hl-title);
  font-size:clamp(36px,5vw,64px);
  line-height:1.1;
  letter-spacing:-.035em;
}

.hl-models-hero .hl-shell>p:last-child{
  max-width:650px;
  margin:20px 0 0;
  color:var(--hl-body);
  font-size:17px;
}

.hl-models-catalog{
  padding:38px 0 96px;
}

.hl-models-filter{
  display:flex;
  gap:10px;
  margin:0 0 34px;
  padding:0 0 10px;
  overflow-x:auto;
  scrollbar-width:thin;
}

.hl-models-filter a{
  flex:0 0 auto;
  padding:10px 15px;
  border:1px solid var(--hl-border);
  background:var(--hl-card);
  color:var(--hl-body);
  font-size:13px;
  font-weight:700;
}

.hl-models-filter a:hover,
.hl-models-filter a:focus-visible,
.hl-models-filter a.is-active{
  border-color:var(--hl-action-hover);
  background:var(--hl-action);
  color:var(--hl-title);
  outline:none;
}

.hl-models-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.hl-model-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--hl-border);
  border-radius:14px;
  background:var(--hl-card);
  color:var(--hl-body);
}

.hl-model-card-media{
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#202026;
}

.hl-model-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .24s ease;
}

.hl-model-card-media>span{
  display:grid;
  height:100%;
  place-items:center;
  padding:24px;
  color:var(--hl-body);
  text-align:center;
}

.hl-model-card:hover .hl-model-card-media img{
  transform:scale(1.015);
}

.hl-model-card-body{
  padding:26px;
}

.hl-model-draft{
  display:inline-block;
  margin-bottom:12px;
  padding:4px 8px;
  border:1px solid #796d49;
  border-radius:999px;
  color:#e2d49f;
  font-size:11px;
  font-weight:750;
}

.hl-model-card h2{
  margin:0;
  color:var(--hl-title);
  font-size:clamp(23px,2.5vw,32px);
  line-height:1.22;
}

.hl-model-card h2 a:focus-visible{
  outline:2px solid var(--hl-action-hover);
  outline-offset:4px;
}

.hl-model-card-body>p{
  margin:14px 0 20px;
  color:var(--hl-body);
  font-size:14px;
}

.hl-model-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0;
  padding:18px 0;
  border-top:1px solid var(--hl-border);
  border-bottom:1px solid var(--hl-border);
}

.hl-model-facts div{
  min-width:0;
}

.hl-model-facts dt{
  color:var(--hl-body);
  font-size:11px;
}

.hl-model-facts dd{
  margin:4px 0 0;
  overflow-wrap:anywhere;
  color:var(--hl-title);
  font-size:13px;
  font-weight:750;
}

.hl-model-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:20px;
  padding:11px 16px;
  background:var(--hl-action);
  color:var(--hl-title);
  font-size:13px;
  font-weight:800;
}

.hl-model-link:hover,
.hl-model-link:focus-visible{
  background:var(--hl-action-hover);
  color:var(--hl-title);
  outline:none;
}

.hl-model-link:active{
  transform:translateY(1px);
}

.hl-models-empty{
  max-width:720px;
  padding:38px;
  border:1px solid var(--hl-border);
  border-radius:14px;
  background:var(--hl-card);
}

.hl-models-empty h2{
  margin:0 0 10px;
  color:var(--hl-title);
  font-size:28px;
}

.hl-models-empty p{
  margin:0;
  color:var(--hl-body);
}

@media(max-width:760px){
  .hl-models-hero{padding:54px 0 34px}
  .hl-models-hero .hl-shell>p:last-child{font-size:15px}
  .hl-models-catalog{padding:26px 0 70px}
  .hl-models-grid{grid-template-columns:1fr;gap:18px}
  .hl-model-card{border-radius:12px}
  .hl-model-card-body{padding:20px}
  .hl-model-facts{grid-template-columns:1fr 1fr}
  .hl-models-empty{padding:26px;border-radius:12px}
}

@media(prefers-reduced-motion:reduce){
  .hl-model-card-media img{transition:none}
}