.hq-bento{background:var(--bento-bg);color:var(--ebb-black);padding:96px var(--hq-gutter) 100px}.hq-bento__head{max-width:980px;margin:0 auto 52px;text-align:center}.hq-bento__title{margin:0;font-size:clamp(34px,4.6vw,70px);color:var(--ebb-black)}.hq-bento__sub{margin:16px auto 0;max-width:720px;font-family:var(--hq-font-ui);font-weight:300;font-size:18px;line-height:1.5;color:#4a4a4a}.hq-bento__rows{display:flex;flex-direction:column;gap:26px;max-width:1560px;margin:0 auto}.hq-bento__row{display:flex;gap:26px;height:clamp(380px,32vw,460px)}.hq-bento__card{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:18px;background:#0d0d0d;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 30px -10px #00000040,0 0 26px -6px color-mix(in srgb,var(--bento-glow) 45%,transparent);transition:flex-grow .6s cubic-bezier(.4,0,.2,1),border-color .4s ease}.hq-bento__card.is-active{flex-grow:2;border-color:color-mix(in srgb,var(--bento-glow) 60%,transparent)}.hq-bento__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) brightness(.55) contrast(1.08)}.hq-bento__card.is-active .hq-bento__video{filter:none}.hq-bento__media{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .5s ease;will-change:opacity}.hq-bento__media--hover{opacity:0}.hq-bento__card--swap.is-active .hq-bento__media--hover{opacity:1}.hq-bento__card--swap.is-active .hq-bento__media--rest{opacity:0}.hq-bento__pic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hq-bento__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#000000c7,#0000 60%);pointer-events:none}.hq-bento__chips{position:absolute;top:18px;right:18px;left:18px;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.hq-bento__chip{display:inline-flex;align-items:center;min-height:38px;padding:6px 18px;border-radius:var(--hq-radius-pill);background:#080808d1;color:var(--ebb-white);font-family:var(--hq-font-ui);font-size:13px;letter-spacing:.04em;white-space:normal;text-align:center;line-height:1.25}.hq-bento__text{position:absolute;left:30px;right:30px;bottom:28px;z-index:2}.hq-bento__name{margin:0 0 8px;font-size:28px;font-weight:600;color:var(--ebb-white);overflow-wrap:normal;word-break:keep-all}.hq-bento__body{opacity:.55;transition:opacity .5s ease;margin:0;max-width:520px;font-family:var(--hq-font-ui);font-weight:300;font-size:17px;line-height:1.4;color:#d9d8d6}.hq-bento__card.is-active .hq-bento__body{opacity:1}@media(hover:none){.hq-bento__video{filter:none}.hq-bento__card--swap .hq-bento__media--hover{opacity:1}.hq-bento__card--swap .hq-bento__media--rest{opacity:0}.hq-bento__body{opacity:1}}@media(max-width:749px){.hq-bento{padding:64px 0 56px}.hq-bento__head{padding:0 20px;margin-bottom:28px}.hq-bento__rows{flex-direction:row;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 22px;scrollbar-width:none}.hq-bento__rows::-webkit-scrollbar{display:none}.hq-bento__row{display:contents}.hq-bento__card{flex:0 0 280px;height:400px;scroll-snap-align:start}.hq-bento__name{white-space:normal;font-size:26px}.hq-bento__chip{min-height:32px;padding:0 14px;font-size:11px;white-space:normal}}.hq-bento__clip{display:none}@media(hover:none){.hq-bento__card--clip .hq-bento__clip{display:block}.hq-bento__card--clip .hq-bento__still{display:none}.hq-bento__card--clip.hq-bento__card--swap .hq-bento__media--rest{opacity:1}.hq-bento__card--clip.hq-bento__card--swap .hq-bento__media--hover{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/hq-bento.css.map */