.grid-box-bento,.grid-box-bento *,.grid-box-bento *:before,.grid-box-bento *:after{box-sizing:border-box}.title-wrapper.grid-box-bento__header{margin-block-end:48px}.grid-box-bento>animate-element{display:block}.grid-box-bento__slot{display:flex;min-width:0;min-height:0}.grid-box-bento__slot>.grid-box-bento__card{flex:1 1 auto;width:100%}.grid-box-bento__header :is(h1,h2,h3,h4,h5,h6){margin:0}.grid-box-bento__header--upper :is(h1,h2,h3,h4,h5,h6){font-weight:800;letter-spacing:-.04em;text-transform:uppercase}.grid-box-bento__grid{display:grid;grid-template-columns:1fr;gap:var(--gbb-gap, 20px)}.grid-box-bento__card{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding:32px;overflow:hidden;color:var(--gbb-title, #fff);background-color:var(--gbb-card, #0a0a0a);border:1px solid rgba(255,255,255,.05);border-radius:32px;transition:opacity .6s ease,transform .6s cubic-bezier(.23,1,.32,1),border-color .5s cubic-bezier(.4,0,.2,1),background-color .5s cubic-bezier(.4,0,.2,1)}.grid-box-bento__card:before{content:"";position:absolute;top:-20%;right:-20%;z-index:0;width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--gbb-accent, #ff6b00) 12%,transparent) 0%,transparent 70%);pointer-events:none}a.grid-box-bento__card{text-decoration:none;color:inherit;cursor:pointer}.grid-box-bento__card:focus-visible{outline:2px solid var(--gbb-accent, #ff6b00);outline-offset:3px}.grid-box-bento__badge{position:absolute;top:20px;right:20px;z-index:2;padding:6px 14px;color:#ffffff80;font-size:var(--lp-type-eyebrow-size);font-weight:700;line-height:var(--lp-type-eyebrow-lh);letter-spacing:var(--lp-type-eyebrow-ls);text-transform:uppercase;white-space:nowrap;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:999px}.grid-box-bento__main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:100%}.grid-box-bento__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:64px;height:64px;color:var(--gbb-accent, #ff6b00);background:color-mix(in srgb,var(--gbb-accent, #ff6b00) 12%,transparent);border-radius:50%}.grid-box-bento__icon svg,.grid-box-bento__icon img{display:block;width:28px;height:28px;object-fit:contain}.grid-box-bento__copy{min-width:0;max-width:100%}.grid-box-bento__title{margin:0;color:var(--gbb-title, #fff);font-size:var(--lp-type-card-title-size);font-weight:700;line-height:var(--lp-type-card-title-lh);letter-spacing:-.03em}.grid-box-bento__title-muted{display:block;color:var(--gbb-muted, #6b7280)}.grid-box-bento__text{margin:8px 0 0;color:var(--gbb-body, #9ca3af);font-size:var(--lp-type-badge-size);line-height:1.5}.grid-box-bento__bar{position:relative;z-index:1;width:80px;height:4px;margin-top:24px;background:var(--gbb-accent, #ff6b00);border-radius:999px}.grid-box-bento__mark{position:absolute;z-index:0;color:var(--gbb-accent, #ff6b00);pointer-events:none;width:var(--gbb-mark-size, 200px);height:var(--gbb-mark-size, 200px);opacity:var(--gbb-mark-opacity, .2)}.grid-box-bento__mark svg,.grid-box-bento__mark img{display:block;width:100%;height:100%;object-fit:contain}.grid-box-bento__card--large{justify-content:space-between}.grid-box-bento__card--large .grid-box-bento__title{font-size:calc(var(--lp-type-card-title-size) * 1.5);line-height:1.25}.grid-box-bento__card--large .grid-box-bento__text{max-width:380px;margin-top:16px;font-size:calc(var(--lp-type-card-body-size) * 1.2);line-height:var(--lp-type-card-body-lh)}.grid-box-bento__card--large .grid-box-bento__mark{right:-20px;bottom:-20px;color:#fff;transform:rotate(12deg);transition:transform .7s ease}.grid-box-bento__card--medium .grid-box-bento__title{font-size:calc(var(--lp-type-card-title-size) * 1.2)}.grid-box-bento__card--medium .grid-box-bento__text{max-width:320px;font-size:var(--lp-type-card-body-size);line-height:var(--lp-type-card-body-lh)}.grid-box-bento__card--medium .grid-box-bento__mark{right:80px;bottom:-10px;color:#fff;transition:transform 1s ease}.grid-box-bento__card--small .grid-box-bento__mark{right:32px;bottom:16px;transition:transform .5s ease}@media screen and (min-width:750px){.grid-box-bento__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-box-bento__slot--large,.grid-box-bento__slot--medium{grid-column:span 2}.grid-box-bento__card--medium .grid-box-bento__main{flex-direction:row;gap:32px;align-items:flex-start;padding-right:130px}}@media screen and (min-width:990px){.grid-box-bento__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--gbb-row, 300px)}.grid-box-bento__card{height:100%;min-height:0}.grid-box-bento__slot--large{grid-column:span 2;grid-row:span 2}.grid-box-bento__card--large .grid-box-bento__title{font-size:calc(var(--lp-type-card-title-size) * 1.8)}.grid-box-bento__card--large .grid-box-bento__bar{margin-top:auto}.grid-box-bento__slot--medium{grid-column:span 2;grid-row:span 1}}@media screen and (max-width:989px){.grid-box-bento__card--large .grid-box-bento__mark{right:-10px;bottom:-16px;width:calc(var(--gbb-mark-size, 200px) * .45);height:calc(var(--gbb-mark-size, 200px) * .45)}}@media screen and (max-width:749px){.title-wrapper.grid-box-bento__header{margin-block-end:32px}.grid-box-bento__card{padding:24px;border-radius:24px}.grid-box-bento__card--medium .grid-box-bento__mark{right:20px;width:calc(var(--gbb-mark-size, 120px) * 2 / 3);height:calc(var(--gbb-mark-size, 120px) * 2 / 3)}}@media(hover:hover)and (pointer:fine){.grid-box-bento__card:hover{background-color:#0d0d0d;border-color:color-mix(in srgb,var(--gbb-accent, #ff6b00) 40%,transparent);transform:scale(1.01)}.grid-box-bento__card--large:hover .grid-box-bento__mark{transform:rotate(6deg)}.grid-box-bento__card--medium:hover .grid-box-bento__mark{transform:translate(16px)}.grid-box-bento__card--small:hover .grid-box-bento__mark{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.grid-box-bento__card,.grid-box-bento__mark{transition:none}.grid-box-bento__card:hover,.grid-box-bento__card:hover .grid-box-bento__mark{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/grid-box-bento.css.map */
