.hkel-store{--el-navy:#132e45;--el-cream:#f6efe4;--el-line:#e6e1d8;color:var(--el-navy);padding-bottom:50px}
.hkel-store *{box-sizing:border-box}.hkel-store a{text-decoration:none}.hkel-store .hk-cat-breadcrumb{margin:20px 0}
.hkel-banner{position:relative;display:grid;place-items:center;min-height:290px;padding:45px 24px;background:#e9ded0;overflow:hidden;text-align:center;border-radius:3px}
.hkel-banner__type{position:relative;z-index:1}.hkel-banner__type>span{font-family:Arial,sans-serif;font-size:clamp(58px,10vw,148px);font-weight:500;letter-spacing:-.065em;line-height:1.12;color:#fff}
.hkel-banner h1{font-size:16px;font-weight:500;line-height:2;color:#334a5c;margin:15px 0 0}
.hkel-banner__image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.hkel-banner--image:after{content:'';position:absolute;inset:0;background:rgba(15,35,52,.28)}.hkel-banner--image h1{color:#fff}
.hkel-navigation{display:flex;gap:28px;align-items:center;background:#fff;border-bottom:2px solid #dadfdc;padding:24px 20px;margin-bottom:24px;min-width:0}
.hkel-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--el-navy);font:600 21px Arial,sans-serif}.hkel-brand small{display:block;font-family:inherit;font-size:10px;letter-spacing:0;font-weight:400;text-align:right;margin-top:5px;color:#7b8590}
.hkel-brand__symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d0d8dc;border-radius:50%;font:400 25px Georgia,serif}
.hkel-menu{display:flex;gap:22px;min-width:0;flex:1;overflow:auto;scrollbar-width:thin;padding:8px 0}.hkel-menu a{flex-shrink:0;font-size:13px;line-height:2;color:#526274;padding:4px 0;border-bottom:2px solid transparent;white-space:nowrap}.hkel-menu a:hover,.hkel-menu a[aria-current]{color:#152f46;border-bottom-color:#152f46}
.hkel-search{display:flex;flex:0 0 235px;align-items:center;border:1px solid #ccd3d7;border-radius:4px;background:#fff;padding:0 10px;min-width:0;height:42px}.hkel-search input{border:0!important;box-shadow:none!important;background:transparent!important;width:100%;min-width:0;padding:8px 0!important;color:var(--el-navy);font:inherit;font-size:12px}.hkel-search button{display:grid;place-items:center;border:0;background:transparent;color:var(--el-navy);padding:6px;cursor:pointer}.hkel-search svg{width:22px;height:22px}
.hkel-editorial{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 52px;min-height:430px}.hkel-editorial__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,4vw,64px);background:#ece5d9}.hkel-kicker{display:block;color:#7d827e;font:11px/1.8 Arial,sans-serif;letter-spacing:2px;direction:ltr;text-align:right}.hkel-editorial h2{font-size:clamp(27px,3vw,43px);line-height:1.65;font-weight:700;margin:18px 0;color:var(--el-navy)}.hkel-editorial p{max-width:370px;font-size:14px;line-height:2.2;color:#657078;margin:0 0 28px}
.hkel-cta{display:flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid #243d50;padding:10px 0;color:var(--el-navy);font-size:14px}.hkel-cta span{font-size:22px}
.hkel-editorial__image{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;padding:35px;min-width:0}.hkel-editorial__image>img{display:block;width:100%;max-height:390px;object-fit:contain;mix-blend-mode:multiply}.hkel-editorial__image>span[lang]{font:40px Arial;color:#788a96}.hkel-editorial__caption{position:absolute;bottom:20px;right:26px;font-size:11px;color:#7b8790}
.hkel-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.hkel-section-heading h2,.hkel-results-heading h2{font-size:24px;line-height:1.8;color:var(--el-navy);margin:8px 0 0}.hkel-section-heading>a{font-size:12px;color:#526779;white-space:nowrap}
.hkel-collections{margin-bottom:54px}.hkel-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hkel-collection{display:block;background:#fff;overflow:hidden;border:1px solid #ede8df;border-radius:4px;color:var(--el-navy)}.hkel-collection__image{display:grid;place-items:center;min-height:220px;background:#f3eee5;padding:24px;overflow:hidden}.hkel-collection__image img{display:block;width:100%;height:180px;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s}.hkel-collection:hover img{transform:scale(1.04)}.hkel-collection__image>span{font:23px Arial;color:#829099}.hkel-collection__text{position:relative;padding:20px 22px}.hkel-collection h3{font-size:16px;line-height:1.9;margin:0 0 6px;color:var(--el-navy)}.hkel-collection__text>span{font-size:12px;color:#889199}.hkel-collection__text>b{position:absolute;left:22px;top:28px;font-size:22px;font-weight:400}
.hkel-results-heading{padding-top:25px;margin-bottom:24px;border-top:1px solid var(--el-line)}.hkel-results-heading p{font-size:13px;line-height:2;color:#687987}.hkel-results-heading p a{margin-right:14px;text-decoration:underline;color:#304f68}.hkel-store #hkel-products{scroll-margin-top:100px}
.hkel-store :is(a,button,input):focus-visible{outline:2px solid #426981;outline-offset:4px}.hkel-search:focus-within{outline:2px solid #426981;outline-offset:3px}
@media(max-width:1100px){.hkel-navigation{flex-wrap:wrap;gap:14px 24px}.hkel-menu{order:3;flex-basis:100%}.hkel-search{margin-right:auto}.hkel-editorial{min-height:360px}.hkel-collection-grid{gap:14px}}
@media(max-width:760px){.hkel-store{padding-inline:14px}.hkel-banner{min-height:190px;padding:30px 16px}.hkel-banner__type>span{font-size:clamp(49px,14vw,84px)}.hkel-banner h1{font-size:12px;margin-top:12px}.hkel-navigation{padding:16px 12px;gap:14px;margin-bottom:16px}.hkel-brand{font-size:17px;gap:7px}.hkel-brand__symbol{width:32px;height:32px;font-size:20px}.hkel-brand small{font-size:9px}.hkel-search{flex:1 1 160px;height:39px}.hkel-menu{gap:22px}.hkel-menu a{font-size:12px}.hkel-editorial{grid-template-columns:1fr;gap:10px;margin-bottom:34px;min-height:0}.hkel-editorial__copy{padding:30px 26px}.hkel-editorial h2{font-size:30px;margin:14px 0}.hkel-editorial p{font-size:13px;margin-bottom:18px}.hkel-editorial__image{min-height:260px;padding:30px}.hkel-editorial__image>img{max-height:245px}.hkel-section-heading h2,.hkel-results-heading h2{font-size:20px}.hkel-section-heading{align-items:center;gap:10px}.hkel-section-heading>a{font-size:11px}.hkel-kicker{font-size:9px;letter-spacing:1.5px}.hkel-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hkel-collection__image{min-height:150px;padding:14px}.hkel-collection__image img{height:125px}.hkel-collection__text{padding:14px 12px}.hkel-collection h3{font-size:13px;padding-left:16px}.hkel-collection__text>span{font-size:11px}.hkel-collection__text>b{left:12px;top:18px;font-size:18px}.hkel-collections{margin-bottom:34px}}
.hkel-banner{background:#071f4b;min-height:300px}
.hkel-banner__type>span{font-size:clamp(54px,6vw,88px);font-weight:600;letter-spacing:-.045em}
.hkel-banner__logo{display:block;width:min(440px,75vw);height:110px;object-fit:contain;margin:0 auto;filter:grayscale(1) invert(1) brightness(2);mix-blend-mode:screen}
.hkel-banner__slogan{font:500 clamp(15px,2vw,25px)/1.6 Arial,sans-serif;color:#fff;margin:30px 0 0}
.hkel-banner h1{color:#c6d3e4;font-size:12px;margin-top:14px}
.hkel-banner--image:after{display:none}
.hkel-banner--image .hkel-banner__type{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hkel-brand__logo{display:block;width:130px;height:36px;object-fit:contain}
.hkel-navigation{border-radius:0;border-bottom:4px solid #d9dede}
.hkel-menu a[aria-current]{color:#007c91;border-bottom-color:#007c91}
@media(max-width:760px){.hkel-banner{min-height:210px}.hkel-banner__logo{width:min(300px,75vw);height:75px}.hkel-banner__slogan{margin-top:20px;font-size:15px}.hkel-banner h1{font-size:10px;margin-top:10px}.hkel-brand__logo{width:110px;height:30px}}
.hkel-store .hkel-banner{border-radius:16px;margin-bottom:18px}
.hkel-store .hkel-navigation{border:1px solid #e5e1d9;border-radius:16px;box-shadow:0 3px 14px rgba(30,34,40,.025)}
@media(max-width:760px){.hkel-store .hkel-banner{border-radius:12px;margin-bottom:12px}.hkel-store .hkel-navigation{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.hkel-collection__image img{transition:none}.hkel-collection:hover img{transform:none}}