.fresh-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding:16px 40px 44px}.fresh-bento .fresh-bento__card{min-width:0;display:flex;flex-direction:column;position:relative;padding:0 28px 28px;border:1px solid color-mix(in srgb,var(--theme-text-soft) 22%,transparent);background:var(--fresh-line-raised,#121212);overflow:hidden;isolation:isolate}.fresh-bento__card--lead{grid-column:span 7}.fresh-bento__card--support{grid-column:span 5}.fresh-bento__card--third{grid-column:span 4}.fresh-bento .fresh-feature-card__media{height:280px;width:calc(100% + 56px);margin:0 -28px 26px;display:grid;place-items:center;overflow:hidden;background:var(--fresh-line-black,#0b0b0b)}.fresh-bento .fresh-bento__card--lead .fresh-feature-card__media,.fresh-bento .fresh-bento__card--support .fresh-feature-card__media{height:330px}.fresh-bento .fresh-bento__card h3{font-size:27px;line-height:1.12;letter-spacing:-.04em;margin:0 0 14px;color:var(--theme-text-strong,#fff)}.fresh-bento .fresh-bento__card p{font-size:16px;line-height:1.5;margin:0 0 24px;color:var(--theme-text-soft,#adadad);max-width:58ch}.fresh-bento .fresh-bento__card>a{margin-top:auto;align-self:flex-start}.fresh-bento__card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--fresh-line-red,#ff1a00);transform:scaleX(0);transform-origin:left;transition:transform .22s ease-out;pointer-events:none}.fresh-bento__card:focus-within:after{transform:scaleX(1)}@media(hover:hover)and (pointer:fine){.fresh-bento__card:hover:after{transform:scaleX(1)}}@media(max-width:1000px){.fresh-bento{padding-inline:24px;gap:12px}.fresh-bento .fresh-bento__card{padding-inline:22px}.fresh-bento .fresh-feature-card__media{width:calc(100% + 44px);margin-inline:-22px}.fresh-bento .fresh-bento__card h3{font-size:24px}.fresh-bento__card--third{grid-column:span 4}}@media(max-width:760px){.fresh-bento{grid-template-columns:minmax(0,1fr);padding:16px 20px 30px;gap:18px}.fresh-bento__card--lead,.fresh-bento__card--support,.fresh-bento__card--third{grid-column:auto}.fresh-bento .fresh-feature-card__media,.fresh-bento .fresh-bento__card--lead .fresh-feature-card__media,.fresh-bento .fresh-bento__card--support .fresh-feature-card__media{height:260px}.fresh-bento .fresh-bento__card p{font-size:16px}}@media(prefers-reduced-motion:reduce){.fresh-bento__card:after{transition:none}}.fresh-bento--studio{position:relative;isolation:isolate;gap:var(--studio-gap);padding-left:var(--studio-inset);padding-right:var(--studio-inset);padding-block:24px 56px}.fresh-bento--studio .fresh-bento__card{border-radius:var(--studio-radius);border-color:var(--studio-stroke);background:var(--studio-surface);padding:0 28px 30px;transition:border-color .26s var(--studio-ease),box-shadow .26s var(--studio-ease)}.fresh-bento--studio .fresh-feature-card__media{margin-bottom:28px;position:relative;isolation:isolate}.fresh-bento--equal .fresh-feature-card__media{height:340px;min-height:340px}.fresh-bento .fresh-feature-card__media>.feature-fragment-stage{container-type:size;min-height:0}.fresh-bento--media-expanded{--fragment-media-height: 440px}.fresh-bento--media-expanded .fresh-feature-card__media{height:var(--fragment-media-height);min-height:var(--fragment-media-height)}.fresh-bento .fresh-feature-card__media>img{min-width:0;min-height:0;max-height:100%}.fresh-bento .fresh-feature-card__media>.ambient-media{width:100%;height:100%;min-height:0;aspect-ratio:auto}.fresh-bento--studio .fresh-bento__card h3{font-size:var(--studio-title);line-height:1.2;letter-spacing:-.025em;font-weight:500}.fresh-bento--studio .fresh-bento__card p{font-size:var(--studio-body);line-height:1.6;letter-spacing:-.01em;font-weight:400;color:var(--theme-text-muted);margin-bottom:28px}.fresh-bento--studio .fresh-bento__card:after{content:none}.fresh-bento--studio .fresh-bento__card:focus-within{border-color:color-mix(in srgb,var(--fresh-line-red) 55%,var(--studio-stroke))}@media(hover:hover)and (pointer:fine){.fresh-bento--studio .fresh-bento__card:hover{border-color:color-mix(in srgb,var(--theme-text) 30%,transparent)}}@media(max-width:760px){.fresh-bento--studio{padding-block:8px 40px}.fresh-bento--studio .fresh-bento__card{padding-inline:22px}.fresh-bento--studio .fresh-feature-card__media{width:calc(100% + 44px);margin-inline:-22px}}@media(prefers-reduced-motion:reduce){.fresh-bento--studio .fresh-bento__card{transition:none}}