.cat-bento{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:repeat(2, minmax(250px, 1fr));gap:var(--gutter);min-height:clamp(520px,44vw,620px)}.bento{position:relative;display:block;min-height:0;overflow:hidden;border-radius:var(--radius-lg);background:var(--ph-rose);isolation:isolate}.bento .media{position:absolute;inset:0;z-index:-1;aspect-ratio:auto;border-radius:0}.bento:hover .media img{transform:scale(1.05)}.bento:hover .bento__go{transform:translateX(3px)}.bento:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.bento--a{grid-row:1/span 2;grid-column:1}.bento--b{grid-row:1;grid-column:2/span 2}.bento--c{grid-row:2;grid-column:2}.bento--d{grid-row:2;grid-column:3}.cat-bento--3 .bento--c{grid-column:2/span 2}.cat-bento--2 .bento--b{grid-row:1/span 2}.cat-bento--1{grid-template-columns:1fr}.bento__panel{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:16px;max-width:calc(100% - 28px);padding:12px 12px 12px 18px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm)}.bento__text{display:grid;gap:2px;min-width:0}.bento__kicker{font-family:var(--ff);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.bento__title{color:var(--ink);font-family:var(--ff-head);font-size:clamp(1.3rem,1.1rem + .7vw,1.75rem);font-weight:500;line-height:1.1}.bento--a .bento__title{font-size:clamp(1.6rem,1.2rem + 1.2vw,2.3rem)}.bento__go{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;transition:transform var(--dur) var(--ease),background var(--dur)}.bento__go .icon{width:20px;height:20px}.bento--learn .bento__kicker{color:var(--sage)}.bento--learn .bento__go{background:var(--sage)}.also{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:var(--gutter)}.also__label{margin-right:6px;color:var(--ink-2);font-weight:600}@media(max-width: 900px){.cat-bento{grid-template-columns:1fr 1fr;grid-template-rows:none;min-height:0}.bento--a{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10}.bento--b{grid-column:1;grid-row:auto;aspect-ratio:4/5}.bento--c{grid-column:2;grid-row:auto;aspect-ratio:4/5}.bento--d{grid-column:1/-1;grid-row:auto;aspect-ratio:2/1}.cat-bento--3 .bento--c,.cat-bento--2 .bento--b{grid-column:2;grid-row:auto}}@media(max-width: 640px){.cat-bento{gap:10px}.bento__panel{left:8px;right:8px;bottom:8px;gap:10px;max-width:none;padding:10px 10px 10px 14px;border-radius:12px}.bento__text{flex:1}.bento__kicker{font-size:.66rem;letter-spacing:.1em}.bento__title{font-size:1.2rem}.bento--a{aspect-ratio:4/3}.bento--a .bento__title{font-size:1.45rem}.bento--d{aspect-ratio:16/9}.bento--b .bento__kicker,.bento--c .bento__kicker{display:none}.bento__go{width:36px;height:36px}.bento__go .icon{width:18px;height:18px}.also{display:grid;grid-template-columns:1fr 1fr;gap:8px}.also .chip{justify-content:center;min-height:44px;padding-inline:.6em;font-size:.92rem;text-align:center}.also__label{grid-column:1/-1;margin:0}}@media(max-width: 360px){.bento__kicker{display:none}.bento__title{font-size:1.08rem}}