.category-showcase,.coffee-focus{background:#151815;color:#f5f1e7;padding-block:65px}
.category-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
.category-section-heading .eyebrow{color:#b9b084;margin-bottom:12px}
.category-showcase .category-section-heading h2{font-size:clamp(27px,3vw,44px);text-transform:none;letter-spacing:-.03em;line-height:1.15;margin:0;max-width:750px}
.category-section-heading>p{color:#bfc4b7;max-width:300px;font-size:.9rem}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.category-visual.category-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:270px;height:clamp(240px,22vw,340px);padding:25px;border:1px solid #ffffff20;border-radius:10px;overflow:hidden;background:#272c22;color:#f5f1e7;box-shadow:0 8px 20px #0002;transform:none;transition:border-color .3s ease,box-shadow .3s ease}
.category-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}
.category-visual .category-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08100855 0%,transparent 35%,#07100938 55%,#070d08ed 100%)}
.category-visual.category-tile .tiny{font-size:.64rem;letter-spacing:.1em;color:#f5f1e7;font-weight:600;display:flex;align-items:center;gap:8px;text-shadow:0 1px 4px #000}
.category-visual .tiny i{width:6px;height:6px;background:#f07a22;border-radius:50%;display:inline-block}
.category-visual.category-tile .end{display:flex;align-items:end;justify-content:space-between;gap:15px;position:relative}
.category-visual.category-tile h3{font-size:clamp(21px,2.1vw,30px);line-height:1.14;font-weight:600;letter-spacing:-.025em;margin:0;color:#fffaf1;max-width:85%;text-shadow:0 2px 12px #0006}
.category-visual.category-tile .arrow{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:50%;color:#161a13;background:#f07a22;font-size:21px;transition:background .3s ease,transform .3s ease}
.category-visual.category-tile:hover{background:#272c22;border-color:#f07a22;box-shadow:0 10px 28px #0004}
.category-visual:hover>img{transform:scale(1.045)}
.category-visual:hover .arrow{background:#ffab65;transform:rotate(5deg)}
.category-visual:focus-visible{outline:3px solid #f07a22;outline-offset:4px}
.coffee-focus .section-heading h2{color:#f5f1e7}.coffee-focus .section-heading>p{color:#bfc4b7}.coffee-focus .text-link{color:#f6b178}
.coffee-focus .category-row{gap:18px}.coffee-focus .category-visual{height:280px;min-height:240px}
@media(min-width:1200px){.seven-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.seven-categories .category-visual:first-child{grid-column:span 2}.seven-categories .category-visual:first-child h3{font-size:36px}}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seven-categories .category-visual:first-child{grid-column:span 2}.category-visual.category-tile{height:280px}.category-section-heading{align-items:start}.category-showcase{padding-block:45px}}
@media(max-width:560px){.category-showcase,.coffee-focus{padding-block:35px}.category-section-heading{display:block;margin-bottom:24px}.category-section-heading>p{margin-top:14px}.category-grid,.coffee-focus .category-row{gap:12px}.category-visual.category-tile,.coffee-focus .category-visual{height:205px;min-height:205px;padding:15px}.category-visual.category-tile h3{font-size:18px;line-height:1.25;max-width:100%;letter-spacing:-.02em}.category-visual.category-tile .tiny{font-size:8px;letter-spacing:.02em;gap:5px}.category-visual .tiny i{width:4px;height:4px}.category-visual.category-tile .end{flex-direction:column;align-items:start;gap:12px}.category-visual.category-tile .arrow{width:27px;height:27px;flex-basis:27px;font-size:17px}.seven-categories .category-visual:first-child{height:240px}.seven-categories .category-visual:first-child .end{flex-direction:row;align-items:end;width:100%}.seven-categories .category-visual:first-child h3{font-size:27px}.category-visual .category-shade{background:linear-gradient(180deg,#08100855,transparent 20%,#07100930 40%,#070d08f2 100%)}}
@media(prefers-reduced-motion:reduce){.category-visual,.category-visual>img,.category-visual .arrow{transition:none!important}}