.t-bento-section{padding-inline:0}
.t-bento-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:40px}
.t-bento-heading h2{margin:12px 0 0;font-size:clamp(40px,5vw,65px);line-height:1.08}
.t-bento-heading>div:last-child{max-width:330px;padding-bottom:5px}.t-bento-heading>div:last-child p{font-size:14px;color:var(--muted);margin:0 0 18px}
.t-bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,clamp(170px,17vw,240px));gap:12px;max-width:1400px;margin:0 auto;padding:0 32px}
.t-bento-tile{position:relative;background:var(--ink);border-radius:16px;overflow:hidden;isolation:isolate;min-width:0}
.t-bento-main{grid-column:1/5;grid-row:1/4;border-radius:24px 16px 16px 24px}.t-bento-pair{grid-column:5/9;grid-row:1/3}.t-bento-top{grid-column:9/13;grid-row:1}.t-bento-side{grid-column:9/13;grid-row:2/4}.t-bento-small-a{grid-column:5/7;grid-row:3}.t-bento-small-b{grid-column:7/9;grid-row:3}
.t-bento-tile video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform 450ms var(--motion-ease),opacity 350ms;object-position:center 45%}
.t-bento-top video{object-position:center 32%}.t-bento-small-a video,.t-bento-small-b video{object-position:center 35%}
.t-bento-expand{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:end;justify-content:space-between;padding:20px;color:white;font:550 12px var(--display);text-shadow:0 1px 4px #000}
.t-bento-expand>span:first-child{background:#1a1a1a88;border-radius:4px;padding:7px 10px;backdrop-filter:blur(4px)}
.t-bento-expand>span:last-child{align-self:start;font-size:20px;line-height:1;background:#1a1a1a88;border-radius:50%;height:36px;width:36px;display:grid;place-items:center}
.t-bento-toggle{position:absolute;right:16px;bottom:16px;z-index:2;min-width:44px;height:44px;border:1px solid #ffffff88;border-radius:50%;background:#1a1a1a9e;color:white;cursor:pointer;font-size:13px}
.t-bento-toggle:focus-visible,.t-bento-expand:focus-visible{outline:3px solid var(--red);outline-offset:-4px}
@media(hover:hover){.t-bento-tile:hover video{transform:scale(1.025)}.t-bento-grid:has(.t-bento-tile:hover) .t-bento-tile:not(:hover) video{opacity:.82}}
.t-bento-tile.is-touch-active video{transform:scale(1.025)}
.t-bento-grid:has(.is-touch-active) .t-bento-tile:not(.is-touch-active) video{opacity:.82}
.t-bento-viewer{width:min(1040px,calc(100% - 40px));max-width:none;max-height:94dvh;inset:0;margin:auto;padding:20px;border:1px solid #ffffff22;border-radius:18px;background:var(--ink);color:var(--paper);overflow:auto}
.t-bento-viewer::backdrop{background:#1a1a1ae8;backdrop-filter:blur(6px)}
.t-bento-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.taste .t-bento-viewer-head h2{font:550 17px var(--display);margin:0;color:var(--paper)}
.t-bento-close,.t-bento-viewer-controls button{background:transparent;border:1px solid #ffffff66;color:var(--paper);min-height:44px;padding:10px 16px;border-radius:6px;font:500 12px var(--body);cursor:pointer}.t-bento-close span{font-size:20px;margin-left:12px}
.t-bento-viewer>video{display:block;width:100%;height:min(65dvh,700px);object-fit:contain;background:#111;border-radius:10px}
.t-bento-viewer-controls{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.t-bento-viewer-controls label{font:500 11px var(--body);flex:1;min-width:160px;display:flex;align-items:center;gap:12px}.t-viewer-seek{width:100%;accent-color:var(--red)}
.t-bento-status{font-size:12px;color:var(--paper);margin:10px 0 0}.t-bento-status:empty{display:none}
.t-bento-viewer[open]{animation:bento-viewer-in 350ms var(--motion-ease)}
@keyframes bento-viewer-in{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:767px){.t-bento-heading{display:block;margin-bottom:28px}.t-bento-heading h2{font-size:42px}.t-bento-heading>div:last-child{margin-top:18px;max-width:350px}.t-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:10px;padding:0 20px}.t-bento-tile{grid-column:auto;grid-row:auto;aspect-ratio:3/4;border-radius:14px}.t-bento-main{grid-column:1/-1;aspect-ratio:3/4;max-height:580px}.t-bento-side{grid-column:1/-1;aspect-ratio:5/4}.t-bento-expand{padding:12px;font-size:10px}.t-bento-toggle{right:12px;bottom:12px}.t-bento-expand>span:first-child{max-width:calc(100% - 45px)}.t-bento-viewer{width:calc(100% - 20px);padding:14px;border-radius:14px}.t-bento-viewer>video{height:60dvh}.t-bento-viewer-controls label{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.t-bento-tile video,.t-bento-viewer[open]{animation:none!important;transition:none;transform:none!important}}