.hk-bento{overflow-x:clip}.hk-bento__head{position:relative}.hk-bento .hk-heading__top{gap:16px}.hk-bento .hk-eyebrow{gap:8px}.hk-bento__deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hk-bento__note{position:absolute;top:19.3px;right:155.7px;--hk-note-size: 36px;--hk-note-rotate: 8deg;white-space:pre-line}.hk-bento__sun{position:absolute;top:-42px;right:68px;width:108px;height:108px}.hk-bento__grid{display:grid;grid-template-columns:minmax(0,520fr) minmax(0,356fr) minmax(0,356fr);grid-auto-flow:row dense;gap:20px;margin-top:40px}.hk-bento__tile{--hk-tile-bg: #D1E6E9;--hk-tile-title: var(--hk-earth);--hk-tile-text: #6E5E52;--hk-tile-num: rgba(43, 33, 26, .45);position:relative;overflow:hidden;border-radius:28px;background:var(--hk-tile-bg);color:var(--hk-tile-title)}.hk-bento__tile--turquoise{--hk-tile-bg: #D1E6E9}.hk-bento__tile--palm{--hk-tile-bg: #DBE4DB}.hk-bento__tile--rose{--hk-tile-bg: #F5E2DD}.hk-bento__tile--grey{--hk-tile-bg: #E4E7EC}.hk-bento__tile--sand{--hk-tile-bg: #F8E8CB}.hk-bento__tile--peach{--hk-tile-bg: var(--hk-peach)}.hk-bento__tile--indigo{--hk-tile-bg: var(--hk-indigo)}.hk-bento__tile--terracotta{--hk-tile-bg: var(--hk-terracotta)}.hk-bento__tile--dark{--hk-tile-title: #F7F1E5;--hk-tile-text: rgba(247, 241, 229, .8);--hk-tile-num: rgba(247, 241, 229, .5)}.hk-bento__num{display:block;font:600 13px/1.21 var(--hk-font-sans);color:var(--hk-tile-num)}.hk-bento__title{font:600 22px/1.2 var(--hk-font-serif);color:var(--hk-tile-title)}.hk-bento__text{margin-top:7.6px;font-size:14px;line-height:1.5;color:var(--hk-tile-text)}.hk-bento__illus{position:relative;min-height:0}.hk-bento__illus img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.hk-bento__tile--small{min-height:330px;padding:28px;display:flex;flex-direction:column}.hk-bento__tile--small .hk-bento__num{position:absolute;top:28px;left:28px}.hk-bento__tile--small .hk-bento__illus{width:min(236px,79%);aspect-ratio:236 / 170;margin:-6px -4px 0 auto}.hk-bento__tile--small .hk-bento__copy{margin-top:16px;max-width:300px}.hk-bento__tile--big{grid-row:span 2;min-height:680px;padding:40px;display:flex;flex-direction:column}.hk-bento__stat{display:flex;align-items:flex-start;gap:9px;margin-top:8px}.hk-bento__stat-value{flex:none;margin-left:-4px;font:italic 600 150px/1 var(--hk-font-serif);color:var(--hk-terracotta);white-space:nowrap}.hk-bento__tile--dark .hk-bento__stat-value{color:var(--hk-sun)}.hk-bento__stat-text{margin-top:64px;max-width:240px;font:500 17px/1.4 var(--hk-font-sans);color:var(--hk-tile-title);white-space:pre-line}.hk-bento__tile--big .hk-bento__illus{width:calc(100% + 21px);max-width:460px;aspect-ratio:460 / 300;margin:31.7px 0 0 -21px;transform:rotate(4deg)}.hk-bento__tile--big .hk-bento__copy{position:relative;margin-top:-6px;max-width:440px}.hk-bento__tile--big .hk-bento__title{font-size:30px;line-height:1.15}.hk-bento__tile--big .hk-bento__text{margin-top:9.5px;font-size:15px}.hk-bento__tile--strip{grid-column:1 / -1;min-height:200px;padding:16px 40px;display:flex;align-items:center;gap:40px}.hk-bento__circle{flex:none;width:168px;height:168px;border-radius:50%;background:var(--hk-sand);display:flex;align-items:center;justify-content:center}.hk-bento__circle img{width:132px;height:128px;object-fit:contain}.hk-bento__tile--strip .hk-bento__copy{flex:1 1 auto;max-width:560px}.hk-bento__tile--strip .hk-bento__num{margin-bottom:8.3px}.hk-bento__tile--strip .hk-bento__title{font-size:30px;line-height:1.15}.hk-bento__tile--strip .hk-bento__text{margin-top:9.5px;font-size:15px}.hk-bento__btn{flex:none;margin-left:auto;padding:16px 26px;--hk-btn-fg: #F7F1E5}.hk-bento__btn .hk-icon{width:16px;height:16px}.hk-bento__tile--terracotta .hk-bento__btn{--hk-btn-bg: var(--hk-earth)}.hk-bento__decor{--hk-decor-w: 281px;--hk-decor-y: -76px;--hk-decor-shift-r: 63.5%}@media screen and (max-width:1279px){.hk-bento__deco{position:static;display:flex;align-items:center;margin-top:16px}.hk-bento__note{position:static;--hk-note-size: 30px;--hk-note-rotate: -3deg}.hk-bento__sun{position:static;flex:none;width:88px;height:88px;margin:-12px 0 -12px 2px}.hk-bento__stat-value{font-size:120px}.hk-bento__stat-text{margin-top:44px;font-size:16px}.hk-bento__btn{padding-inline:22px}}@media screen and (max-width:989px){.hk-bento__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hk-bento__tile--big{grid-row:auto;grid-column:1 / -1;min-height:0;padding:32px}.hk-bento__tile--big .hk-bento__illus{width:min(460px,100%);margin:16px auto 0}.hk-bento__tile--big .hk-bento__copy{margin-top:8px;max-width:560px}.hk-bento__tile--small{min-height:0;padding:24px}.hk-bento__tile--small .hk-bento__num{top:24px;left:24px}.hk-bento__tile--strip{flex-wrap:wrap;padding:28px 32px;gap:24px}.hk-bento__circle{width:140px;height:140px}.hk-bento__circle img{width:110px;height:106px}.hk-bento__tile--strip .hk-bento__copy{flex:1 1 300px}.hk-bento__btn{margin-left:164px}.hk-bento__decor{--hk-decor-y: -54px}}@media screen and (max-width:749px){.hk-bento__grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}.hk-bento__tile{border-radius:var(--hk-radius-card)}.hk-bento__tile--big{padding:24px 22px 26px}.hk-bento__stat{gap:10px;margin-top:4px}.hk-bento__stat-value{font-size:88px}.hk-bento__stat-text{margin-top:22px;font-size:15px}.hk-bento__tile--big .hk-bento__illus{margin-top:12px}.hk-bento__tile--big .hk-bento__title,.hk-bento__tile--strip .hk-bento__title{font-size:24px}.hk-bento__tile--small{display:grid;grid-template-columns:minmax(0,1fr) 128px;grid-template-areas:"num illus" "copy illus";grid-template-rows:auto 1fr;column-gap:12px;padding:20px 18px 22px 22px}.hk-bento__tile--small .hk-bento__num{position:static;grid-area:num}.hk-bento__tile--small .hk-bento__illus{grid-area:illus;align-self:center;width:128px;margin:0}.hk-bento__tile--small .hk-bento__copy{grid-area:copy;margin-top:8px}.hk-bento__title{font-size:19px}.hk-bento__text{font-size:13.5px;margin-top:6px}.hk-bento__tile--strip{flex-direction:column;align-items:flex-start;padding:26px 22px 24px;gap:18px}.hk-bento__tile--strip .hk-bento__copy{flex:none}.hk-bento__circle{width:112px;height:112px}.hk-bento__circle img{width:88px;height:85px}.hk-bento__btn{width:100%;margin-left:0;white-space:normal;text-align:center}.hk-bento__note{--hk-note-size: 26px}.hk-bento__sun{width:76px;height:76px;margin-block:-10px}.hk-bento__decor{--hk-decor-y: -40px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hk-s-bento.css.map */