.grocery-case{max-width:1440px;padding:80px clamp(40px,calc((100vw - 1110px)/2),165px);color:#111827}
.grocery-case h1,.grocery-case h2,.grocery-case h3,.grocery-case h4{font-family:'Times New Roman',serif;font-weight:400}
.grocery-case h1,.grocery-chapter>h2{font-size:44px;line-height:1.4;letter-spacing:-.02em}
.grocery-back{margin-bottom:80px}.grocery-intro{display:flex;flex-direction:column;gap:60px}
.grocery-intro-details{display:flex;justify-content:space-between;gap:40px;margin-top:-26px;color:#67707f}
.grocery-intro-details>p{max-width:542px;font-size:24px;line-height:1.4}
.grocery-intro-details dl{display:flex;gap:64px;margin:0;font-size:20px;line-height:1.4;flex-shrink:0}
.grocery-intro-details dd{margin:0}.grocery-hero{overflow:hidden;border-radius:64px;background:#c6eace}
.grocery-hero img{display:block;width:100%;height:auto}
.grocery-chapter{display:flex;flex-direction:column;gap:60px;margin-top:100px}
.grocery-research{display:flex;flex-direction:column;gap:60px}
.grocery-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,622px);gap:40px}
.grocery-row h3,.grocery-solutions>h3{font-size:32px;line-height:1.4;letter-spacing:-.02em}
.grocery-row p{font-size:24px;line-height:1.4;color:#67707f;font-weight:400}
.grocery-row p+p{margin-top:29px}
.grocery-solutions{display:flex;flex-direction:column;gap:60px}
.grocery-panel{margin:0;overflow:hidden;border-radius:64px;background:#c6eace}
.grocery-panel-desktop{display:block;width:100%;height:auto}
.grocery-panel-transcript{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.grocery-mobile-panel{display:none}.grocery-back-bottom{margin:80px 0 0;font-size:20px}
#recent-works{scroll-margin-top:32px}
@media(max-width:1000px){
 .grocery-case{padding:40px}.grocery-back{font-size:16px;margin-bottom:32px}.grocery-back span{font-size:24px}
 .grocery-case h1{font-size:36px;line-height:1.3}.grocery-intro{gap:24px}.grocery-intro-details{display:flex;flex-direction:column;gap:24px;margin-top:0}
 .grocery-intro-details>p{max-width:none;font-size:16px;line-height:1.5}.grocery-intro-details dl{font-size:14px;gap:32px}
 .grocery-hero,.grocery-panel{border-radius:24px}.grocery-chapter{margin-top:80px;gap:32px}.grocery-chapter>h2{font-size:32px;line-height:1.3}
 .grocery-research{gap:32px}.grocery-row{display:flex;flex-direction:column;gap:16px}.grocery-row h3{font-size:28px;line-height:1.3}
 .grocery-row p{font-size:16px;line-height:1.5}.grocery-row p+p{margin-top:16px}.grocery-solutions{gap:32px}.grocery-solutions>h3{font-size:28px}
}
@media(max-width:600px){
 .grocery-case{padding:32px 16px}.grocery-back{font-size:14px;margin-bottom:24px}.grocery-case h1{font-size:28px;line-height:1.3;letter-spacing:-.01em}
 .grocery-intro{gap:16px}.grocery-intro-details{gap:16px}.grocery-intro-details>p{font-size:14px;line-height:1.45}.grocery-intro-details dl{font-size:12px;gap:32px}
 .grocery-hero{height:300px;position:relative;border-radius:24px}.grocery-hero img{position:absolute;width:calc(300px * 1110 / 400);max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
 .grocery-chapter{margin-top:64px;gap:24px}.grocery-chapter>h2,.grocery-solutions>h3{font-size:24px;line-height:1.3}
 .grocery-research{gap:24px}.grocery-row{gap:16px}.grocery-row h3{font-size:16px;line-height:1.4}.grocery-row p{font-size:14px;line-height:1.45}
 .grocery-solutions{gap:16px}.grocery-panel{border-radius:24px}.grocery-panel-desktop{display:none}.grocery-panel-transcript{display:none}
 .grocery-mobile-panel{display:flex;flex-direction:column;gap:16px;padding:16px;align-items:center}
 .grocery-mobile-panel figcaption{width:100%}.grocery-mobile-panel h4{font-size:16px;line-height:1.4;margin-bottom:12px}
 .grocery-mobile-panel p{font-size:14px;line-height:1.45;color:#67707f}
 .grocery-mobile-crop{position:relative;overflow:hidden;flex-shrink:0;max-width:100%;border-radius:16px;width:220px;aspect-ratio:260/521}
 .grocery-mobile-crop img{position:absolute;width:426.923%;max-width:none;height:auto;left:-17.308%;top:-8.637%}
 .crop-double{width:100%;aspect-ratio:540/521}.crop-double img{width:205.556%;left:-8.333%;top:-8.637%}
 .crop-criteria{width:100%;aspect-ratio:343/340}.crop-criteria img{width:323.615%;left:-13.12%;top:-39.706%}
 .grocery-back-bottom{font-size:16px;margin-top:48px;margin-bottom:0}
}

/* Solution copy remains native text at every breakpoint. */
.grocery-row ul{margin:29px 0 0;padding-left:1.2em;color:#67707f;font-size:24px;line-height:1.4;font-weight:400}
.grocery-solution-visual img{display:block;width:100%;height:auto}
@media(max-width:1000px){.grocery-row ul{margin-top:16px;font-size:16px;line-height:1.5}}
@media(max-width:600px){.grocery-row ul{font-size:14px;line-height:1.45}.grocery-solutions{gap:24px}}

@media(max-width:1000px){.grocery-intro-details,.grocery-row p,.grocery-row ul{color:#6b7280}}