:root{
  --kunlun-blue:#0756a5;
  --kunlun-dark:#071d31;
  --kunlun-ink:#101820;
  --kunlun-sky:#eef4f8;
  --kunlun-line:#d7e0e6;
  --kunlun-accent:#f3bf26;
}
body{overflow-x:hidden;background:#fff;color:var(--kunlun-ink)}
header{padding-left:4.5%;padding-right:4.5%;border-bottom:0;box-shadow:0 1px 0 rgba(7,29,49,.12)}
header nav a{position:relative;text-transform:uppercase;font-size:12px;letter-spacing:1.25px}
header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--kunlun-blue);transition:right .25s ease}
header nav a:hover:after,header nav a:focus-visible:after{right:0}
.button{border-radius:0;text-transform:uppercase;letter-spacing:.85px;font-size:12px;transition:background .2s ease,color .2s ease}
.hero{min-height:min(810px,calc(100vh - 108px));background:var(--kunlun-dark)}
.hero-img{object-position:center 57%;transform:scale(1.015)}
.hero:after{background:linear-gradient(90deg,rgba(4,22,39,.96) 0%,rgba(4,26,48,.75) 48%,rgba(4,26,48,.2) 77%),linear-gradient(0deg,rgba(4,22,39,.58),transparent 45%)}
.hero-content{margin:70px 7% 130px;max-width:890px}
.hero-content:before{content:"";display:block;width:66px;height:5px;background:var(--kunlun-accent);margin-bottom:32px}
.hero h1{font-size:clamp(58px,7.4vw,112px);line-height:.92;letter-spacing:-5px;max-width:900px}
.hero .intro{font-size:clamp(17px,1.5vw,22px);max-width:620px;line-height:1.55}
.hero .button.white{padding:19px 28px}
.hero-bottom{font-weight:700}
.range{background:#f1f3f2;padding:120px 5%}
.section-heading{max-width:1440px;margin:0 auto 58px;align-items:flex-end}
.section-heading h2{font-size:clamp(45px,5.2vw,74px);letter-spacing:-3px}
.section-heading>p{font-size:17px;line-height:1.7}
.products{max-width:1440px;margin:0 auto;gap:18px}
.product{background:#fff;border:0;box-shadow:0 0 0 1px rgba(7,29,49,.08);transition:transform .24s ease,box-shadow .24s ease}
.product:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(7,29,49,.13)}
.product-top{background:#e9eef1}
.product-top:after{content:"";position:absolute;right:18px;top:18px;width:32px;height:2px;background:var(--kunlun-blue)}
.product-body{padding:30px;min-height:315px;display:flex;flex-direction:column}
.product h3{font-size:25px;letter-spacing:-.6px}
.product details{margin-top:auto}
.product-link{margin-top:0;text-transform:uppercase;letter-spacing:.5px}
.help-card{border:0;padding:45px;background:var(--kunlun-blue);position:relative;overflow:hidden}
.help-card:after{content:"K";position:absolute;right:-25px;bottom:-120px;color:rgba(255,255,255,.075);font-size:330px;line-height:1;font-weight:900;font-style:italic}
.help-card>*{position:relative;z-index:1}
.catalogue{padding:76px 5%;background:linear-gradient(180deg,#4a4a4a 0%,#353535 100%)}
.catalogue-card{max-width:1440px;margin:auto;background:#fff;padding:70px 8%;display:grid;grid-template-columns:1.25fr 1fr;gap:12px 8%;align-items:end}
.catalogue-card .eyebrow{grid-column:1/-1;margin-bottom:5px}
.catalogue-card h2{font-size:clamp(42px,5vw,72px);letter-spacing:-3px;margin:0}
.catalogue-card>p:not(.eyebrow){color:#526576;font-size:17px;max-width:520px;margin:0 0 25px}
.catalogue-download{grid-column:2;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:15px;border:2px solid var(--kunlun-ink);padding:19px 22px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;transition:background .2s ease,color .2s ease}
.catalogue-download:hover,.catalogue-download:focus-visible{background:var(--kunlun-ink);color:#fff}
.catalogue-download svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.catalogue-download span{display:flex;flex-direction:column;line-height:1.25}
.catalogue-download small{font-size:10px;font-weight:600;letter-spacing:1px;color:#63788b;margin-top:5px}
.catalogue-download:hover small,.catalogue-download:focus-visible small{color:#c9d2d9}
.catalogue-download b{font-size:24px}
.manufacturing{grid-template-columns:58% 42%;background:var(--kunlun-sky);min-height:680px}
.factory-photo{min-height:680px}
.factory-photo:after{content:"";position:absolute;inset:0;box-shadow:inset -60px 0 80px rgba(7,29,49,.08);pointer-events:none}
.factory-photo span{bottom:35px;left:40px;border-left:5px solid var(--kunlun-accent);font-weight:800}
.manufacturing-copy{padding:90px 12%}
.manufacturing-copy h2{font-size:clamp(43px,4.4vw,68px);letter-spacing:-3px}
.manufacturing-copy p:not(.eyebrow){font-size:16px;line-height:1.75}
.shipping{background:#fff;padding-top:120px;padding-bottom:120px}
.shipping>div>h2{font-size:clamp(42px,4.6vw,68px);letter-spacing:-3px}
.steps li{padding:25px 0}
.steps b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--kunlun-blue);color:#fff;flex:0 0 44px}
.shipping figure{position:relative}
.shipping figure:before{content:"";position:absolute;inset:20px -20px -20px 20px;background:var(--kunlun-accent);z-index:0}
.shipping figure img,.shipping figcaption{position:relative;z-index:1}
.contact{padding-top:110px;padding-bottom:110px;background:linear-gradient(120deg,#06498c,var(--kunlun-blue) 66%,#0d68be)}
.contact h2{font-size:clamp(44px,5vw,74px);letter-spacing:-3px}
footer{background:var(--kunlun-dark);color:#fff;padding-top:45px;padding-bottom:45px}
footer strong{color:#fff}
footer small{color:#9fb1bf;border-color:#314555}
@media(max-width:1100px){
  .catalogue-card{grid-template-columns:1fr 1fr;padding:60px 6%}
  .manufacturing{grid-template-columns:52% 48%}
}
@media(max-width:850px){
  header nav{gap:22px}
  .hero{min-height:690px}
  .catalogue-card{grid-template-columns:1fr}
  .catalogue-card .eyebrow,.catalogue-download{grid-column:1}
  .catalogue-download{margin-top:10px}
  .manufacturing{grid-template-columns:1fr}
  .factory-photo{min-height:500px}
}
@media(max-width:640px){
  header nav{gap:15px;width:100%;justify-content:space-between;font-size:11px}
  header nav a{font-size:10px;letter-spacing:.45px}
  .hero{min-height:650px}
  .hero h1{font-size:55px;letter-spacing:-3px}
  .hero-content:before{margin-bottom:24px}
  .range{padding:76px 5%}
  .section-heading h2,.catalogue-card h2,.manufacturing-copy h2,.shipping>div>h2,.contact h2{letter-spacing:-2px}
  .product-body{min-height:0}
  .catalogue{padding:34px 5%}
  .catalogue-card{padding:45px 7%}
  .catalogue-download{grid-template-columns:28px 1fr auto;padding:16px}
  .catalogue-download svg{width:23px;height:23px}
  .factory-photo{min-height:0;height:350px}
  .manufacturing-copy{padding:55px 7%}
  .shipping{padding-top:75px;padding-bottom:75px}
  .shipping figure:before{inset:12px -12px -12px 12px}
  .contact{padding-top:75px;padding-bottom:75px}
}
@media(prefers-reduced-motion:reduce){
  header nav a:after,.product,.catalogue-download{transition:none}
}