/* Start:/local/assets/hk-about/about.css?179205160727800*/
.hk-about{
  --green:#00924a;--green-d:#007a3e;--mint:#e6f4ec;
  --ink:#222;--text:#555;--soft:#5a6b62;--mute:#999;
  --line:#ededed;--gray:#f5f5f5;--dark:#1b1b1b;
  --r:8px;--pad:32px;--wrap:1500px;
  --side:max(var(--pad),calc((100vw - var(--wrap)) / 2));
}
.hk-about *,.hk-about *::before,.hk-about *::after{box-sizing:border-box}
.hk-about{margin:0;background:#fff;color:var(--text);font:400 16px/1.45 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.hk-about img{display:block;max-width:100%;height:auto}
.hk-about a:where(:not(.btn)){color:inherit;text-decoration:none}
.hk-about h1,.hk-about h2,.hk-about h3,.hk-about p,.hk-about ul,.hk-about address{margin:0;padding:0}
.hk-about ul{list-style:none}
.hk-about address{font-style:normal}
.hk-about button:where(:not(.btn)){font:inherit;color:inherit;cursor:pointer}
.hk-about svg{display:block;fill:currentColor}
.hk-about .hk-wrap{padding-inline:var(--side)}
.hk-about .hk-ic{width:16px;height:16px;flex:none}
.hk-about .hk-ic--sm{width:9px;height:6px}
.hk-about h2{font-size:28px;line-height:1.1;font-weight:600;color:var(--ink);letter-spacing:-.005em}
.hk-about h3{font-size:20px;line-height:1.35;font-weight:600;color:var(--ink)}
.hk-about .hk-chip{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:var(--r);background:rgba(136,136,136,.1);color:var(--ink);flex:none}
.hk-about .hk-chip--w{background:#fff}
.hk-about .hk-chip svg{width:12px;height:12px}
.hk-about .hk-head{display:flex;align-items:center;gap:20px}
.hk-about .hk-sub{margin-top:24px;color:var(--text);line-height:12px}
.hk-about .hk-g{color:var(--green)}
.hk-about .hk-hero{position:relative;background:#e9f3ed url(/local/assets/hk-about/img/452d4ed8.webp) center/cover no-repeat;min-height:680px;padding-top:20px;padding-bottom:20px}
.hk-about .hk-crumbs{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--mute);height:26px}
.hk-about .hk-crumbs span:nth-child(2){color:#ddd;font-size:16px}
.hk-about .hk-crumbs a:hover{color:var(--green)}
.hk-about .hk-hero__body{display:flex;flex-direction:column;gap:32px;max-width:700px;padding-top:120px}
.hk-about .hk-eyebrow{font-size:16px;font-weight:500;color:var(--green);line-height:1.4}
.hk-about .hk-hero h1{font-size:32px;line-height:1.35;font-weight:600;color:var(--ink)}
.hk-about .hk-lead{color:var(--text);line-height:1.4;max-width:700px}
.hk-about .hk-hero__btns{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}
.hk-about .hk-stats{padding-block:80px}
.hk-about .hk-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.hk-about .hk-stat{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.hk-about .hk-stat b{font-size:36px;line-height:1;font-weight:800;color:var(--green)}
.hk-about .hk-stat span{color:var(--text);line-height:12px;padding-bottom:2px}
.hk-about .hk-about{padding-block:80px}
.hk-about .hk-about__row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.hk-about .hk-about__row h2{max-width:560px}
.hk-about .hk-about__text{display:flex;flex-direction:column;gap:40px;align-items:flex-start}
.hk-about .hk-clamp{color:var(--soft);line-height:1.5;display:flex;flex-direction:column;gap:12px;max-height:5.8em;overflow:hidden;position:relative;transition:max-height .4s}
.hk-about .hk-clamp::after{content:"";position:absolute;inset:auto 0 0 0;height:2.2em;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}
.hk-about .hk-clamp.hk-is-open{max-height:60em}
.hk-about .hk-clamp.hk-is-open::after{display:none}
.hk-about .hk-more{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:0;font-weight:500;color:var(--ink)}
.hk-about .hk-more i{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;background:rgba(136,136,136,.1)}
.hk-about .hk-more i svg{width:8px;height:6px;transition:transform .3s}
.hk-about .hk-more.hk-is-open i svg{transform:rotate(180deg)}
.hk-about .hk-more:hover{color:var(--green)}
.hk-about .hk-about__photo{width:100%;aspect-ratio:3/1;object-fit:cover;border-radius:var(--r);margin-top:60px}
.hk-about .hk-awards{padding-block:80px 160px}
.hk-about .hk-awards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hk-about .hk-awards__lead{display:flex;flex-direction:column;justify-content:space-between;gap:48px}
.hk-about .hk-awards__lead img{width:127px;height:127px}
.hk-about .hk-award{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:32px;border-radius:var(--r);background:var(--gray)}
.hk-about .hk-award h3{font-size:20px;font-weight:800;color:var(--green);margin-bottom:16px}
.hk-about .hk-award p{color:var(--soft);line-height:1.4}
.hk-about .hk-award__foot{display:flex;align-items:flex-end;justify-content:flex-end;gap:16px}
.hk-about .hk-award__foot img{width:auto;height:52px;max-width:none}
.hk-about .hk-why{background:var(--gray);padding-block:160px}
.hk-about .hk-why h2{margin-bottom:48px}
.hk-about .hk-why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hk-about .hk-why__card{display:flex;flex-direction:column;gap:32px;padding:32px;border-radius:var(--r);background:#fff}
.hk-about .hk-why__img{align-self:flex-end;width:80px;height:80px;border-radius:var(--r);background:var(--mint);overflow:hidden;display:grid;place-items:center;flex:none}
.hk-about .hk-why__img img{width:105px;height:105px;max-width:none}
.hk-about .hk-why__card h3{margin-bottom:16px}
.hk-about .hk-why__card p{color:var(--soft);line-height:1.4}
.hk-about .hk-staff{padding-block:160px 80px}
.hk-about .hk-staff__row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}
.hk-about .hk-staff__photo{width:100%;height:0;min-height:100%;object-fit:cover;border-radius:var(--r)}
.hk-about .hk-staff__txt{display:flex;flex-direction:column;min-height:398px}
.hk-about .hk-staff__txt h2{max-width:640px;margin-bottom:40px;line-height:1.1}
.hk-about .hk-staff__txt p{color:var(--soft);line-height:1.4}
.hk-about .hk-staff__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:auto;padding-top:60px}
.hk-about .hk-staff__tiles div{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--r);background:var(--mint);min-height:104px}
.hk-about .hk-staff__tiles b{font-weight:700;color:#1a2b22;line-height:1.5}
.hk-about .hk-brands{padding-block:80px 160px;overflow:hidden}
.hk-about .hk-marquee{margin-top:48px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.hk-about .hk-marquee__track{display:flex;gap:12px;width:max-content;animation:hk-run 45s linear infinite}
.hk-about .hk-marquee:hover .hk-marquee__track{animation-play-state:paused}
.hk-about .hk-marquee li{display:grid;place-items:center;flex:none;width:240px;height:96px;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--gray)}
.hk-about .hk-marquee img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@keyframes hk-run{to{transform:translateX(calc(-50% - 6px))}}
@media (prefers-reduced-motion:reduce){.hk-about .hk-marquee__track{animation:none;overflow-x:auto}
}
.hk-about .hk-projects{background:var(--gray);padding-block:160px}
.hk-about .hk-projects__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.hk-about .hk-proj{position:relative;display:flex;align-items:flex-end;height:300px;padding:20px;border-radius:var(--r);overflow:hidden;color:#fff;font-size:20px;font-weight:500;isolation:isolate}
.hk-about .hk-proj img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.hk-about .hk-proj::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:-1}
.hk-about .hk-proj:hover img{transform:scale(1.04)}
.hk-about .hk-mission{padding-block:160px}
.hk-about .hk-mission__card{display:flex;align-items:center;gap:80px;padding:60px;border-radius:var(--r);background:var(--mint)}
.hk-about .hk-mission__card h2{flex:none;width:303px}
.hk-about .hk-mission__card p{flex:1;color:var(--soft);line-height:1.5}
.hk-about .hk-mission__card img{flex:none;width:120px;height:120px}
.hk-about .hk-hub{padding-block:0}
.hk-about .hk-hub__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;padding-top:0}
.hk-about .hk-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:48px;border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden;min-height:300px;transition:box-shadow .25s}
.hk-about .hk-tile:hover{box-shadow:0 10px 30px rgba(0,0,0,.07)}
.hk-about .hk-tile--news{grid-row:span 2;min-height:444px}
.hk-about .hk-tile h3{font-size:28px;font-weight:600;line-height:1.1;margin-bottom:32px;max-width:330px}
.hk-about .hk-tile p{color:var(--soft);max-width:300px}
.hk-about .hk-tile img{position:absolute;right:-8px;bottom:-8px;width:215px;height:215px;pointer-events:none}
.hk-about .hk-go{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--ink)}
.hk-about .hk-go i{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;background:rgba(136,136,136,.1)}
.hk-about .hk-go i svg{width:8px;height:8px}
.hk-about .hk-tile--wide{flex-direction:row;align-items:center;justify-content:flex-start;gap:32px;min-height:120px;padding:0 48px;border:0;background:var(--mint);min-width:0}
.hk-about .hk-tile--wide h3{display:flex;align-items:center;gap:20px;margin:0;max-width:none;position:relative;z-index:1}
.hk-about .hk-tile--wide .hk-chip{background:var(--gray)}
.hk-about .hk-tile--wide img{right:0;bottom:0;top:0;margin:auto 0;width:120px;height:120px}
.hk-about .hk-tile--req{grid-column:2}
.hk-about .hk-tile--doc{grid-column:3}
.hk-about .hk-tile--news{grid-column:1}
.hk-about .hk-tile--rev{grid-column:2;grid-row:1}
.hk-about .hk-tile--con{grid-column:3;grid-row:1}
.hk-about .hk-tile--req{grid-row:2}
.hk-about .hk-tile--doc{grid-row:2}
.hk-about .hk-cta{padding-block:160px}
.hk-about .hk-cta__card{display:flex;align-items:center;justify-content:space-between;gap:80px;padding:57px 70px;border:1px solid var(--line);border-radius:var(--r);background:#fafafa}
.hk-about .hk-cta__card h2{margin-bottom:20px;line-height:1.05}
.hk-about .hk-cta__card p{max-width:704px;font-size:18px;color:var(--soft);line-height:25px}
.hk-about .hk-cta__card .btn{flex:none}
@media (max-width:1366px){.hk-about{--pad:32px}
.hk-about .hk-tile{padding:40px 32px}
}
@media (max-width:1100px){.hk-about{--pad:24px}
.hk-about h2{font-size:28px}
.hk-about .hk-hero{min-height:600px}
.hk-about .hk-hero__body{padding-top:107px}
.hk-about .hk-stats{padding-block:80px}
.hk-about .hk-stats__grid{gap:24px}
.hk-about .hk-stat{padding:24px}
.hk-about .hk-stat b{font-size:34px}
.hk-about .hk-about__row{gap:40px}
.hk-about .hk-about__row h2{font-size:28px;line-height:1.2}
.hk-about .hk-about__photo{aspect-ratio:3/1}
.hk-about .hk-awards__grid{gap:24px}
.hk-about .hk-awards__lead{gap:32px}
.hk-about .hk-awards__lead h2{line-height:1.1}
.hk-about .hk-award{padding:24px;min-height:334px}
.hk-about .hk-award p{font-size:16px}
.hk-about .hk-why{padding-block:160px}
.hk-about .hk-why__grid{grid-template-columns:1fr 1fr}
.hk-about .hk-staff__row{gap:40px}
.hk-about .hk-staff__tiles{gap:12px}
.hk-about .hk-staff__tiles div{padding:16px}
.hk-about .hk-projects__grid{gap:16px}
.hk-about .hk-mission__card{gap:40px;padding:48px}
.hk-about .hk-mission__card h2{width:240px}
.hk-about .hk-hub__grid{grid-template-columns:repeat(2,1fr)}
.hk-about .hk-tile--news{grid-column:1;grid-row:span 2}
.hk-about .hk-tile--rev{grid-column:2;grid-row:1}
.hk-about .hk-tile--con{grid-column:2;grid-row:2}
.hk-about .hk-tile--req{grid-column:1;grid-row:3}
.hk-about .hk-tile--doc{grid-column:2;grid-row:3}
.hk-about .hk-tile--wide{padding:0 32px}
.hk-about .hk-tile--wide img{width:96px;height:96px}
.hk-about .hk-tile h3{font-size:24px}
.hk-about .hk-cta__card{padding:48px 40px;gap:40px}
}
@media (max-width:700px){.hk-about .hk-hero{min-height:600px}
.hk-about .hk-hero__body{padding-top:115px;max-width:none}
.hk-about .hk-hero h1{line-height:1.25}
.hk-about .hk-stats{padding-block:60px 0}
.hk-about .hk-stats__grid{grid-template-columns:1fr 1fr;gap:24px}
.hk-about .hk-about{padding-block:60px}
.hk-about .hk-about__row{grid-template-columns:1fr;gap:40px}
.hk-about .hk-about__row h2{font-size:28px}
.hk-about .hk-about__photo{aspect-ratio:592/300;margin-top:60px}
.hk-about .hk-awards{padding-block:0 60px}
.hk-about .hk-awards__grid{grid-template-columns:1fr 1fr;row-gap:48px}
.hk-about .hk-awards__lead{grid-column:1 / -1;flex-direction:column;gap:48px}
.hk-about .hk-awards__lead img{display:none}
.hk-about .hk-award{min-height:334px}
.hk-about .hk-why{padding-block:120px}
.hk-about .hk-why h2{font-size:24px;margin-bottom:48px}
.hk-about .hk-why__card{padding:24px}
.hk-about .hk-staff{padding-block:120px}
.hk-about .hk-staff__row{grid-template-columns:1fr;gap:40px}
.hk-about .hk-staff__txt{order:-1}
.hk-about .hk-staff__photo{min-height:0;height:400px}
.hk-about .hk-brands{padding-block:120px}
.hk-about .hk-projects{padding-block:120px}
.hk-about .hk-projects__grid{grid-template-columns:1fr}
.hk-about .hk-mission{padding-block:120px 0}
.hk-about .hk-mission__card{flex-wrap:wrap;gap:24px;padding:40px 24px}
.hk-about .hk-mission__card h2{width:auto;flex:1 1 60%}
.hk-about .hk-mission__card img{width:96px;height:96px;order:-1}
.hk-about .hk-mission__card p{flex:1 1 100%}
.hk-about .hk-hub{padding-block:0 120px}
.hk-about .hk-hub__grid{grid-template-columns:1fr 1fr}
.hk-about .hk-tile{padding:32px 24px;min-height:260px}
.hk-about .hk-tile h3{font-size:22px;margin-bottom:16px}
.hk-about .hk-tile img{width:170px;height:170px}
.hk-about .hk-tile--wide{padding:0 24px;min-height:100px}
.hk-about .hk-tile--wide h3{font-size:22px;gap:12px}
.hk-about .hk-tile--wide img{width:80px;height:80px}
.hk-about .hk-cta{padding-block:0 120px}
.hk-about .hk-cta__card{flex-direction:column;align-items:flex-start;padding:40px 24px}
}
@media (max-width:480px){.hk-about{--pad:16px}
.hk-about h2{font-size:24px}
.hk-about h3{font-size:18px}
.hk-about .hk-hero{min-height:600px}
.hk-about .hk-hero__body{padding-top:70px;gap:32px}
.hk-about .hk-hero h1{font-size:28px;line-height:1.25}
.hk-about .hk-hero__btns{flex-direction:column;align-items:stretch;gap:20px}
.hk-about .hk-hero__btns .btn{width:100%}
.hk-about .hk-stats{padding-block:45px 0}
.hk-about .hk-stats__grid{grid-template-columns:1fr;gap:12px}
.hk-about .hk-about{padding-block:45px}
.hk-about .hk-about__photo{aspect-ratio:328/166;margin-top:48px}
.hk-about .hk-awards{padding-block:0 45px}
.hk-about .hk-awards__grid{grid-template-columns:1fr}
.hk-about .hk-award{min-height:0;gap:32px;padding:24px 20px}
.hk-about .hk-why{padding-block:60px}
.hk-about .hk-why h2{font-size:24px;margin-bottom:32px}
.hk-about .hk-why__grid{grid-template-columns:1fr;gap:12px}
.hk-about .hk-why__card{flex-direction:row-reverse;align-items:flex-start;gap:16px;padding:20px}
.hk-about .hk-why__img{width:64px;height:64px;align-self:flex-start}
.hk-about .hk-why__img img{width:84px;height:84px}
.hk-about .hk-why__card h3{margin-bottom:8px}
.hk-about .hk-staff{padding-block:60px}
.hk-about .hk-staff__row{gap:32px}
.hk-about .hk-staff__txt{gap:24px}
.hk-about .hk-staff__tiles{grid-template-columns:1fr;gap:8px}
.hk-about .hk-staff__tiles div{flex-direction:row;align-items:center;min-height:0;padding:14px 16px}
.hk-about .hk-staff__photo{height:200px}
.hk-about .hk-brands{padding-block:60px}
.hk-about .hk-marquee li{width:168px;height:76px;padding:14px}
.hk-about .hk-projects{padding-block:60px}
.hk-about .hk-projects__grid{margin-top:32px}
.hk-about .hk-proj{height:220px}
.hk-about .hk-mission{padding-block:60px 0}
.hk-about .hk-mission__card{padding:32px 20px}
.hk-about .hk-hub{padding-block:0 60px}
.hk-about .hk-hub__grid{grid-template-columns:1fr;gap:12px}
.hk-about .hk-tile--news,.hk-about .hk-tile--rev,.hk-about .hk-tile--con,.hk-about .hk-tile--req,.hk-about .hk-tile--doc{grid-column:1;grid-row:auto}
.hk-about .hk-tile{min-height:240px;padding:28px 20px}
.hk-about .hk-tile img{width:150px;height:150px}
.hk-about .hk-tile--wide{min-height:92px}
.hk-about .hk-tile--wide img{width:72px;height:72px}
.hk-about .hk-cta{padding-block:0 60px}
.hk-about .hk-cta__card{padding:32px 20px}
.hk-about .hk-cta__card .btn{width:100%}
}
@media (max-width:700px){.hk-about .hk-stats{padding-block:60px}
.hk-about .hk-about{padding-block:60px}
.hk-about .hk-awards{padding-block:60px 120px}
.hk-about .hk-why{padding-block:120px}
.hk-about .hk-staff{padding-block:120px 0}
.hk-about .hk-brands{padding-block:120px}
.hk-about .hk-projects{padding-block:120px}
.hk-about .hk-mission{padding-block:120px}
.hk-about .hk-hub{padding-block:0}
.hk-about .hk-cta{padding-block:120px}
}
@media (max-width:480px){.hk-about .hk-stats{padding-block:45px}
.hk-about .hk-about{padding-block:45px}
.hk-about .hk-awards{padding-block:45px 90px}
.hk-about .hk-why{padding-block:90px}
.hk-about .hk-staff{padding-block:90px 0}
.hk-about .hk-brands{padding-block:90px}
.hk-about .hk-projects{padding-block:90px}
.hk-about .hk-mission{padding-block:90px}
.hk-about .hk-cta{padding-block:90px}
}
@media (max-width:700px){.hk-about .hk-staff__tiles{order:3;padding-top:40px;margin-top:0}
.hk-about .hk-projects__grid{grid-template-columns:1fr 1fr;gap:16px}
.hk-about .hk-hub__grid{grid-template-columns:1fr 1fr;gap:12px}
.hk-about .hk-tile:not(.hk-tile--wide){grid-column:1 / -1;grid-row:auto;min-height:0;padding:24px;flex-direction:column;justify-content:flex-start;gap:20px}
.hk-about .hk-tile--con{order:2}
.hk-about .hk-tile--rev{order:3}
.hk-about .hk-tile--req,.hk-about .hk-tile--doc{order:4;grid-column:auto;grid-row:auto}
.hk-about .hk-tile:not(.hk-tile--wide) h3{font-size:20px;margin-bottom:12px;max-width:260px}
.hk-about .hk-tile:not(.hk-tile--wide) p{max-width:260px}
.hk-about .hk-tile:not(.hk-tile--wide) img{width:110px;height:110px;right:16px;top:0;bottom:0;margin:auto 0}
.hk-about .hk-tile--wide{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:0 20px;min-height:100px}
.hk-about .hk-tile--wide h3{font-size:20px}
.hk-about .hk-tile--wide img{width:70px;height:70px;right:6px}
.hk-about .hk-mission__card{display:block;position:relative;padding:40px 24px 130px}
.hk-about .hk-mission__card h2{width:auto;margin-bottom:24px}
.hk-about .hk-mission__card img{position:absolute;right:20px;bottom:20px;width:110px;height:110px;order:0}
}
@media (max-width:480px){.hk-about .hk-projects__grid{grid-template-columns:1fr}
.hk-about .hk-staff__tiles{grid-template-columns:1fr 1fr 1fr;gap:8px}
.hk-about .hk-staff__tiles div{flex-direction:column;align-items:flex-start;padding:14px 12px;gap:12px;min-height:84px}
.hk-about .hk-staff__tiles b{font-size:14px}
.hk-about .hk-hub__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){.hk-about .hk-why__card{flex-direction:column;align-items:stretch;gap:32px;padding:24px}
.hk-about .hk-why__img{width:80px;height:80px;align-self:flex-end}
.hk-about .hk-why__img img{width:105px;height:105px}
.hk-about .hk-why__card h3{margin-bottom:16px}
.hk-about .hk-why__grid{gap:24px}
.hk-about .hk-staff__tiles{grid-template-columns:1fr;gap:16px}
.hk-about .hk-staff__tiles div{flex-direction:column;align-items:flex-start;padding:20px;gap:12px;min-height:104px}
.hk-about .hk-staff__tiles b{font-size:16px}
.hk-about .hk-staff__photo{height:166px}
.hk-about .hk-hub__grid{grid-template-columns:1fr;gap:24px}
.hk-about .hk-tile:not(.hk-tile--wide){min-height:300px;flex-direction:column;justify-content:space-between;padding:32px 24px;gap:32px}
.hk-about .hk-tile:not(.hk-tile--wide) img{width:170px;height:170px;right:-8px;bottom:-8px;top:auto;margin:0}
.hk-about .hk-tile:not(.hk-tile--wide) h3{font-size:24px;max-width:240px}
.hk-about .hk-tile--wide{flex-direction:row;align-items:center;justify-content:flex-start;min-height:120px;padding:0 24px;gap:20px}
.hk-about .hk-tile--wide h3{font-size:24px}
.hk-about .hk-tile--wide img{width:96px;height:96px;right:4px}
.hk-about .hk-tile--req,.hk-about .hk-tile--doc{grid-column:1}
.hk-about .hk-cta__card{padding:28px 20px;gap:24px}
}
.hk-about .hk-eyebrow{text-transform:uppercase}
.hk-about .hk-hero{border-radius:var(--r)}
.hk-about .hk-why__img{position:relative}
.hk-about .hk-why__img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.hk-about .hk-staff__txt p+p{margin-top:16px}
.hk-about .hk-marquee img{mix-blend-mode:multiply}
.hk-about .hk-stat b{font-size:36px}
.hk-about .hk-stat span,.hk-about .hk-sub{line-height:25.6px;margin-block:-6.8px;padding-bottom:0}
.hk-about .hk-about__row h2{line-height:1.35}
.hk-about .hk-mission__card h2,.hk-about .hk-tile h3,.hk-about .hk-cta__card h2{line-height:1.4}
.hk-about .hk-tile--wide h3{line-height:1.1}
.hk-about .hk-tile img{right:-10px;bottom:-40px}
.hk-about .hk-tile--con img,.hk-about .hk-tile--rev img{bottom:-40px}
.hk-about .hk-cta__card{position:relative;overflow:hidden;align-items:stretch}
.hk-about .hk-cta__card>div{position:relative;z-index:1}
.hk-about .hk-cta__card .btn{position:relative;z-index:1;align-self:flex-end}
.hk-about .hk-cta__art{position:absolute;right:112px;top:1px;height:235px;width:auto;max-width:none;z-index:0;pointer-events:none}
.hk-about .hk-cta__card{gap:205px}
@media (max-width:1366px){.hk-about .hk-awards__lead img{width:153px;height:153px}
.hk-about .hk-staff__txt{min-height:450px}
.hk-about .hk-tile img{bottom:-60px}
.hk-about .hk-tile p{max-width:60%}
}
@media (max-width:1100px){.hk-about .hk-awards__lead img{width:162px;height:162px}
.hk-about .hk-staff__txt{min-height:533px}
.hk-about .hk-stats__grid .hk-stat b{font-size:36px}
.hk-about .hk-hub__grid{grid-template-columns:1fr 1fr;gap:24px}
.hk-about .hk-tile{padding:32px;min-height:204px}
.hk-about .hk-tile h3{font-size:28px;max-width:none}
.hk-about .hk-tile p{max-width:226px}
.hk-about .hk-tile img{top:32px;bottom:auto;right:32px;width:120px;height:120px}
.hk-about .hk-tile--news{grid-column:1 / -1;grid-row:1;min-height:246px}
.hk-about .hk-tile--news p{max-width:666px}
.hk-about .hk-tile--news img{width:180px;height:180px}
.hk-about .hk-tile--con{grid-column:1;grid-row:2}
.hk-about .hk-tile--rev{grid-column:2;grid-row:2}
.hk-about .hk-tile--rev p{max-width:258px}
.hk-about .hk-tile--req{grid-column:1;grid-row:3}
.hk-about .hk-tile--doc{grid-column:2;grid-row:3}
.hk-about .hk-tile--wide{min-height:120px;padding:0 48px}
.hk-about .hk-tile--wide img{top:0;bottom:0;right:0;margin:auto 0;width:120px;height:120px}
.hk-about .hk-tile--wide h3{font-size:28px}
.hk-about .hk-mission__card{display:block;position:relative;padding:48px}
.hk-about .hk-mission__card h2{width:auto;margin-bottom:24px}
.hk-about .hk-mission__card p{max-width:616px}
.hk-about .hk-mission__card img{position:absolute;right:48px;top:48px;width:120px;height:120px}
.hk-about .hk-cta__card{flex-direction:column;align-items:flex-start;gap:32px;padding:60px 70px}
.hk-about .hk-cta__card .btn{align-self:flex-start}
.hk-about .hk-cta__art{right:0;top:1px;height:calc(100% - 2px)}
}
@media (max-width:700px){.hk-about h2{font-size:24px}
.hk-about .hk-hero h1{font-size:26px;line-height:1.35}
.hk-about .hk-about__row h2{font-size:24px;line-height:1.35}
.hk-about .hk-staff__txt{min-height:0}
.hk-about .hk-staff__photo{height:400px}
.hk-about .hk-tile{padding:24px;min-height:0}
.hk-about .hk-tile h3,.hk-about .hk-tile--wide h3{font-size:24px;line-height:1.4;max-width:none}
.hk-about .hk-tile p{max-width:none;padding-right:130px}
.hk-about .hk-tile img{width:120px;height:120px;top:0;bottom:0;right:25px;margin:auto 0}
.hk-about .hk-tile--news p,.hk-about .hk-tile--rev p{max-width:none}
.hk-about .hk-tile--wide{padding:0 24px;min-height:100px}
.hk-about .hk-tile--wide h3{line-height:1.1}
.hk-about .hk-tile--wide img{width:80px;height:80px;right:24px}
.hk-about .hk-tile:not(.hk-tile--wide){grid-column:1 / -1}
.hk-about .hk-mission__card{padding:40px 24px 150px}
.hk-about .hk-mission__card h2{font-size:24px;line-height:1.4}
.hk-about .hk-mission__card img{top:auto;bottom:24px;right:24px;width:120px;height:120px}
.hk-about .hk-cta__art{display:none}
.hk-about .hk-cta__card{padding:23px 24px;gap:16px}
.hk-about .hk-cta__card h2{font-size:24px;line-height:1.4;margin-bottom:12px}
.hk-about .hk-cta__card p{font-size:14px;line-height:19.5px}
}
@media (max-width:480px){.hk-about h3{font-size:20px}
.hk-about .hk-stat b{font-size:36px}
.hk-about .hk-hero h1{font-size:26px}
.hk-about .hk-staff__photo{height:221px}
.hk-about .hk-mission__card{padding:32px 16px 150px}
.hk-about .hk-mission__card img{right:16px}
.hk-about .hk-tile img{right:20px}
.hk-about .hk-cta__card .btn{align-self:stretch;width:100%}
}
.hk-about .hk-cta__card{justify-content:flex-start}
.hk-about .hk-cta__card>div{flex:none;width:704px}
@media (max-width:1100px){.hk-about .hk-cta__card>div{width:auto;max-width:704px}
}
@media (max-width:700px){.hk-about .hk-tile--news,.hk-about .hk-tile--con,.hk-about .hk-tile--rev{grid-column:1 / -1;grid-row:auto}
.hk-about .hk-tile--req{grid-column:1;grid-row:auto}
.hk-about .hk-tile--doc{grid-column:2;grid-row:auto}
.hk-about .hk-tile:not(.hk-tile--wide) h3,.hk-about .hk-tile:not(.hk-tile--wide) p,.hk-about .hk-tile--news p,.hk-about .hk-tile--rev p{max-width:none;padding-right:140px}
.hk-about .hk-tile:not(.hk-tile--wide) img{top:0;bottom:0;margin:auto 0;right:25px}
}
@media (max-width:480px){.hk-about .hk-tile:not(.hk-tile--wide) h3,.hk-about .hk-tile:not(.hk-tile--wide) p{padding-right:130px}
.hk-about .hk-tile:not(.hk-tile--wide) img{right:16px}
}
@media (max-width:480px){.hk-about .hk-tile:not(.hk-tile--wide){min-height:280px}
.hk-about .hk-tile:not(.hk-tile--wide) h3,.hk-about .hk-tile:not(.hk-tile--wide) p,.hk-about .hk-tile--news p,.hk-about .hk-tile--rev p{padding-right:0}
.hk-about .hk-tile:not(.hk-tile--wide) img{width:120px;height:120px;top:auto;bottom:16px;margin:0;right:17px}
.hk-about .hk-tile--req,.hk-about .hk-tile--doc{grid-column:1 / -1}
.hk-about .hk-tile--wide img{right:16px}
}
@media (max-width:700px){.hk-about .hk-tile:not(.hk-tile--wide) h3{font-size:24px;line-height:1.4;margin-bottom:12px}
}
@media (min-width:701px){.hk-about .hk-cta__card{padding:60px 70px}
.hk-about .hk-cta__card h2{line-height:1.05;margin-bottom:11px}
.hk-about .hk-cta__card .btn{min-width:236px}
}
.hk-about .hk-cta__art{top:1px;height:calc(100% - 2px)}
@media (max-width:1365px) and (min-width:1101px){.hk-about .hk-cta__card{gap:80px}
.hk-about .hk-cta__card>div{flex:1 1 auto;width:auto;max-width:704px;min-width:0}
}
.hk-about .hk-cta__art{top:0;height:100%}
@media (max-width:1100px){.hk-about .hk-cta__art{top:0;height:100%}
}
.hk-about .hk-sub{margin-top:17.2px}
.hk-about .hk-marquee li{padding:20px}
.hk-about .hk-marquee img{width:200px;height:56px;max-width:none;max-height:none;object-fit:contain;mix-blend-mode:normal}
@media (max-width:480px){.hk-about .hk-marquee img{width:140px;height:44px}
.hk-about .hk-marquee li{padding:16px 14px}
}
.hk-about .hk-hero{position:relative;overflow:hidden;isolation:isolate}
.hk-about .hk-hero__glass{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1;pointer-events:none;opacity:0;transition:opacity .8s}
.hk-about .hk-hero.hk-is-glass .hk-hero__glass{opacity:1}
.hk-about .hk-hero>.hk-wrap{position:relative;z-index:1}

.hk-about{width:100vw;max-width:100vw;position:relative;left:50%;margin-left:-50vw;margin-top:0;margin-bottom:0;padding:0;overflow:hidden}
body:has(.hk-about){overflow-x:clip}
.hk-about .hk-hero{border-radius:0}
.hk-about .hk-tile>div{position:relative;z-index:1}

/* End */
/* /local/assets/hk-about/about.css?179205160727800 */