.bento__grid{display:grid;gap:.75rem;grid-auto-flow:dense;grid-auto-rows:minmax(9.5rem,auto);grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}.bento__cell--small{grid-column:span 1;grid-row:span 1}.bento__cell--wide{grid-column:span 2;grid-row:span 1}.bento__cell--tall{grid-column:span 1;grid-row:span 2}.bento__cell--large{grid-column:span 2;grid-row:span 2}.bento__tile{border-radius:1.25rem;display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:flex-start;overflow:visible;padding:clamp(1.1rem,1.8vw,1.75rem);position:relative;text-decoration:none;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}a.bento__tile:hover{box-shadow:0 1rem 2rem rgba(38,38,38,.13);transform:translateY(-3px)}.bento__tile--light{background:var(--colour-card);color:var(--colour-ink)}.bento__tile--brand{background:var(--grad-bright);color:var(--colour-white)}.bento__tile--dark{background:var(--colour-ink);color:var(--colour-white)}.bento__tile--outline{background:transparent;border:1px solid var(--colour-hairline);color:var(--colour-ink)}.bento__tile--image{background:var(--colour-ink);color:var(--colour-white)}.surface--gradient .bento__tile--light,:is(.surface--dark,.surface--gradient) .bento__tile--light{background:hsla(0,0%,100%,.08);color:var(--colour-white)}.surface--gradient .bento__tile--outline,:is(.surface--dark,.surface--gradient) .bento__tile--outline{border-color:var(--colour-hairline-dark);color:var(--colour-white)}.bento__bg{height:100%;object-fit:cover;width:100%}.bento__bg,.bento__scrim{inset:0;position:absolute}.bento__scrim{background:linear-gradient(180deg,rgba(38,38,38,.15),rgba(38,38,38,.78))}a.bento__tile--image:hover .bento__bg{transform:scale(1.04)}.bento__bg{transition:transform .5s var(--ease)}.bento__body{align-content:start;display:grid;gap:.4rem;position:relative}.bento__cell--large .bento__tile:not(:has(img)) .bento__body,.bento__cell--tall .bento__tile:not(:has(img)) .bento__body{align-content:center;margin-block:auto}.bento__eyebrow{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:1.4px;opacity:.7;text-transform:uppercase}.bento__title{font-size:clamp(1.5rem,2.4vw,2.25rem);letter-spacing:-.03em;line-height:1.05}.bento__cell--large .bento__title,.bento__cell--wide .bento__title{font-size:clamp(1.75rem,3vw,2.75rem);max-width:22ch}.bento__copy{font-size:var(--font-size-small);line-height:1.45;max-width:32ch;opacity:.82}.bento__copy p{margin:0}.bento__link{align-items:center;display:inline-flex;font-size:var(--font-size-small);gap:.45rem;margin-top:auto;padding-top:.75rem;position:relative}.bento__link svg{transition:transform var(--dur) var(--ease)}a.bento__tile:hover .bento__link svg{transform:translateX(3px)}.bento__inset{bottom:-1rem;max-width:12rem;object-fit:contain;pointer-events:none;position:absolute;right:-1rem;width:55%}@media (prefers-reduced-motion:reduce){a.bento__tile--image:hover .bento__bg,a.bento__tile:hover{transform:none}}@media (max-width:1024px){.bento__grid{grid-auto-rows:minmax(8.5rem,auto);grid-template-columns:repeat(2,minmax(0,1fr))}.bento__cell--large{grid-column:span 2;grid-row:span 2}.bento__cell--wide{grid-column:span 2}.bento__cell--tall{grid-row:span 2}}@media (max-width:560px){.bento__grid{gap:.65rem;grid-auto-rows:auto;grid-template-columns:1fr}.bento__cell--large,.bento__cell--small,.bento__cell--tall,.bento__cell--wide{grid-column:span 1;grid-row:span 1}.bento__tile{min-height:9.5rem}.bento__inset{width:40%}}.bento__tile--product{background:radial-gradient(120% 90% at 50% 100%,var(--colour-aqua-tint) 0,var(--colour-sky) 55%,var(--colour-white) 100%);color:var(--colour-ink)}.bento__tile--product .bento__bg{bottom:0;height:58%;object-fit:contain;object-position:center bottom;padding:0 6%;top:auto;transition:transform .5s var(--ease)}a.bento__tile--product:hover .bento__bg{transform:scale(1.03)}.bento__tile--product .bento__body{align-content:start}.bento__tile--product .bento__link{color:var(--colour-signal-deep)}:is(.surface--dark,.surface--gradient) .bento__tile--product{background:radial-gradient(120% 90% at 50% 100%,rgba(108,230,255,.22) 0,hsla(0,0%,100%,.06) 60%,hsla(0,0%,100%,.03) 100%);color:var(--colour-white)}@media (prefers-reduced-motion:reduce){a.bento__tile--product:hover .bento__bg{transform:none}}.bento__tile--product .bento__body{max-width:26ch}.bento__tile--product .bento__title{font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.025em}.bento__cell--large .bento__tile--product .bento__title{font-size:clamp(1.8rem,3vw,2.75rem)}.bento__tile--product .bento__copy{color:var(--colour-black-80)}.bento__cell--large .bento__tile--product .bento__bg{height:68%;object-position:62% bottom;padding:0 8%}.bento__tile--image,.bento__tile--product{overflow:hidden}.bento__title--long{font-size:clamp(1.1rem,1.5vw,1.35rem);letter-spacing:-.015em;line-height:1.2}.bento__cell--large .bento__title--long{font-size:clamp(1.5rem,2.4vw,2.2rem)}.bento__cell--small .bento__copy{font-size:var(--font-size-small)}.bento__cell--small .bento__copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:560px){.bento__tile--product{min-height:22rem}.bento__tile--product .bento__bg{height:52%}}.bento__grid--tall{grid-auto-rows:minmax(15rem,auto)}.bento__tile--image{justify-content:flex-end}.bento__tile--image .bento__scrim{background:linear-gradient(180deg,rgba(1,2,1,0) 35%,rgba(1,2,1,.82))}.bento__tile--image .bento__copy{opacity:.92}@media (max-width:900px){.bento__grid--tall{grid-auto-rows:minmax(12rem,auto)}}.bento__grid--tall:has(>li:nth-child(3):last-child):not(:has(>.bento__cell--wide,>.bento__cell--large,>.bento__cell--small)){grid-template-columns:repeat(3,minmax(0,1fr))}.bento__grid--tall .bento__cell--tall{grid-row:span 2}@media (max-width:1024px){.bento__grid--tall:has(>li:nth-child(3):last-child):not(:has(>.bento__cell--wide,>.bento__cell--large,>.bento__cell--small)){grid-template-columns:repeat(2,minmax(0,1fr))}}.bento__grid--tall .bento__tile--image .bento__copy{min-height:2.9em}:is(.bento__cell--small,.bento__cell--wide) .bento__tile--image .bento__scrim{background:linear-gradient(180deg,rgba(1,2,1,.1),rgba(1,2,1,.55) 45%,rgba(1,2,1,.88))}@media (min-width:561px){.bento__grid.bento__grid--three-tall{grid-template-columns:repeat(3,minmax(0,1fr))}}