.hk-design{--hk-orange: #ff5a00;--hk-orange-dark: #d94b00;--hk-black: #050505;--hk-dark: #1a1a1a;--hk-gray: #555555;--hk-text-soft: #3a3a3a;--hk-light: #f5f5f5;--hk-border: #e5e5e5;--hk-white: #ffffff;--hk-font: Arial, Helvetica, sans-serif;--hk-wrap-max: 1320px;--hk-wrap-pad: 22px;--hk-radius-card: 16px;--hk-radius-btn: 5px;--hk-shadow-card: 0 8px 22px rgba(0,0,0,.05);--hk-shadow-card-hover: 0 16px 36px rgba(0,0,0,.08);font-family:var(--hk-font)!important;color:var(--hk-black)!important;background:var(--hk-white)!important;width:100%!important;max-width:100%!important;text-align:left!important;overflow-x:hidden!important}.hk-design *,.hk-design *:before,.hk-design *:after{box-sizing:border-box!important;min-width:0}.hk-design a{text-decoration:none}.hk-design img{max-width:100%;height:auto;display:block}.hk-design h1,.hk-design h2,.hk-design h3,.hk-design h4,.hk-design p,.hk-design span,.hk-design a,.hk-design strong,.hk-design li{font-family:var(--hk-font)!important}.hk-design .hk-wrap{width:100%;max-width:var(--hk-wrap-max);margin:0 auto;padding:0 var(--hk-wrap-pad)}.hk-design .hk-eyebrow{display:inline-flex!important;align-items:center!important;gap:10px!important;color:var(--hk-orange)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important;margin:0 0 14px!important}.hk-design .hk-eyebrow:before{content:"";display:inline-block;width:28px;height:3px;border-radius:999px;background:var(--hk-orange);flex:0 0 auto}.hk-design .hk-mark{color:var(--hk-orange)!important}.hk-design .hk-h1{margin:0 0 16px!important;color:var(--hk-black)!important;font-size:clamp(36px,5.8vw,72px)!important;line-height:.94!important;letter-spacing:-.05em!important;font-weight:950!important;font-style:italic!important;text-transform:uppercase!important}.hk-design .hk-h2{margin:0 0 14px!important;color:var(--hk-black)!important;font-size:clamp(28px,4vw,48px)!important;line-height:.98!important;letter-spacing:-.04em!important;font-weight:950!important;font-style:italic!important;text-transform:uppercase!important}.hk-design .hk-h3{margin:0 0 10px!important;color:var(--hk-black)!important;font-size:22px!important;line-height:1.1!important;letter-spacing:-.02em!important;font-weight:950!important;font-style:italic!important;text-transform:uppercase!important}.hk-design .hk-section{padding:70px 0;background:var(--hk-white)}.hk-design .hk-section--light{background:var(--hk-light);border-top:1px solid var(--hk-border);border-bottom:1px solid var(--hk-border)}.hk-design .hk-section--dark{padding:80px 0 90px;background:radial-gradient(circle at 88% 18%,rgba(255,90,0,.26),transparent 38%),linear-gradient(180deg,#050505,#1a1a1a);color:var(--hk-white)!important}.hk-design .hk-section--dark .hk-h1,.hk-design .hk-section--dark .hk-h2,.hk-design .hk-section--dark .hk-h3{color:var(--hk-white)!important}.hk-design .hk-section--dark p{color:#ffffffeb!important}.hk-design .hk-section--final{padding:70px 0;background:radial-gradient(circle at 12% 80%,rgba(255,90,0,.4),transparent 38%),linear-gradient(135deg,#050505,#1a1a1a);color:var(--hk-white)!important}.hk-design .hk-section--final .hk-h1,.hk-design .hk-section--final .hk-h2,.hk-design .hk-section--final .hk-h3{color:var(--hk-white)!important}.hk-design .hk-section--final p{color:#ffffffdb!important}.hk-design .hk-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;padding:15px 26px!important;border-radius:var(--hk-radius-btn)!important;text-decoration:none!important;font-size:15px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;line-height:1!important;transition:background .2s ease,color .2s ease,border-color .2s ease;cursor:pointer}.hk-design .hk-btn--primary{background:var(--hk-orange)!important;color:var(--hk-white)!important;border:2px solid var(--hk-orange)!important}.hk-design .hk-btn--primary:hover{background:var(--hk-orange-dark)!important;border-color:var(--hk-orange-dark)!important;color:var(--hk-white)!important}.hk-design .hk-btn--secondary{background:transparent!important;color:var(--hk-white)!important;border:2px solid rgba(255,255,255,.55)!important}.hk-design .hk-btn--secondary:hover{background:var(--hk-white)!important;color:var(--hk-black)!important}.hk-design .hk-btn--light{background:var(--hk-white)!important;color:var(--hk-black)!important;border:2px solid var(--hk-black)!important}.hk-design .hk-btn--light:hover{background:var(--hk-black)!important;color:var(--hk-white)!important}.hk-design .hk-btn--on-dark{background:transparent!important;color:var(--hk-white)!important;border:2px solid rgba(255,255,255,.55)!important}.hk-design .hk-btn--on-dark:hover{background:var(--hk-white)!important;color:var(--hk-black)!important}.hk-design .hk-actions{display:flex;flex-wrap:wrap;gap:12px}.hk-design .hk-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hk-design .hk-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hk-design .hk-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hk-design .hk-card{background:var(--hk-white);border:1px solid var(--hk-border);border-radius:var(--hk-radius-card);padding:28px 26px;box-shadow:var(--hk-shadow-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.hk-design .hk-card:hover{transform:translateY(-2px);border-color:#ff5a0059;box-shadow:var(--hk-shadow-card-hover)}.hk-design .hk-card p{margin:0 0 14px!important;color:var(--hk-text-soft)!important;font-size:15px!important;line-height:1.6!important;font-weight:500!important}.hk-design .hk-card--dark{background:linear-gradient(135deg,#050505,#1a1a1a);border-color:var(--hk-black);color:var(--hk-white)}.hk-design .hk-card--dark .hk-h3{color:var(--hk-white)!important}.hk-design .hk-card--dark p{color:#ffffffe0!important}.hk-design .hk-card--tip{background:var(--hk-white);border:2px solid var(--hk-orange);box-shadow:0 10px 24px #ff5a0014}.hk-design .hk-stat{background:var(--hk-white);border:1px solid var(--hk-border);border-radius:14px;padding:22px}.hk-design .hk-stat-num{display:block;font-size:38px!important;font-weight:950!important;font-style:italic!important;color:var(--hk-orange)!important;line-height:1!important;margin:0 0 8px!important}.hk-design .hk-stat-label{display:block;font-size:14px!important;font-weight:700!important;color:var(--hk-black)!important;line-height:1.4!important}.hk-design .hk-example{background:var(--hk-light);border-left:3px solid var(--hk-orange);padding:12px 16px;margin:14px 0 18px;font-size:14px!important;color:var(--hk-black)!important;font-weight:700!important;line-height:1.5!important;border-radius:0 6px 6px 0}.hk-design .hk-example strong{color:var(--hk-orange)!important}.hk-design .hk-card--dark .hk-example{background:#ffffff14!important;color:var(--hk-white)!important;border-left-color:var(--hk-orange)!important}.hk-design .hk-step{background:var(--hk-white);border:1px solid var(--hk-border);border-radius:var(--hk-radius-card);padding:30px 26px;box-shadow:0 6px 18px #0000000a;position:relative}.hk-design .hk-step-num{position:absolute;top:-16px;left:26px;width:50px;height:50px;border-radius:50%;background:var(--hk-orange);color:var(--hk-white)!important;font-size:22px!important;font-weight:950!important;font-style:italic!important;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #ff5a0059}.hk-design .hk-step .hk-h3{margin-top:12px!important}.hk-design .hk-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;box-shadow:0 10px 28px #00000040;display:block;background:var(--hk-light)}.hk-design .hk-image-wrap{position:relative;margin-bottom:18px}.hk-design .hk-image-badge{position:absolute;top:14px;left:14px;background:var(--hk-orange);color:var(--hk-white)!important;font-size:11px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:5px 10px;border-radius:4px}@media(max-width:1080px){.hk-design .hk-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hk-design .hk-grid-3,.hk-design .hk-grid-2{grid-template-columns:1fr}}@media(max-width:720px){.hk-design .hk-section{padding:50px 0}.hk-design .hk-section--dark{padding:60px 0 70px}.hk-design .hk-section--final{padding:50px 0}.hk-design .hk-grid-4{grid-template-columns:1fr}.hk-design .hk-actions{flex-direction:column}.hk-design .hk-h1{font-size:36px!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/hk-design.css.map */