/* CODEX image enhancement · 2026.10.29. Product PNG originals remain unchanged. */
.ingredient-art:not(.package-view) img{object-fit:cover;max-height:none;padding:0;background:var(--cream)}
.codex-process-steps article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:22px;align-items:start}
.codex-process-steps .process-photo{grid-column:2;margin:8px 0 0;max-width:420px}
.process-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.process-photo figcaption,.brand-table-photo figcaption,.scene-panel figcaption{font:12px/1.7 var(--body);color:#76624b;margin-top:12px}
.process-photo-pending{grid-column:2;font-size:12px!important;color:#76624b;border-top:1px solid var(--line);padding-top:14px}
.brand-opening{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center;margin-top:52px}
.brand-opening .story-body{margin:0;max-width:none;text-align:left;font-size:15px}
.brand-opening .story-body .slogan{margin-left:0}
.brand-opening .story-body p+p{margin-top:16px}
.photo-composite{position:relative;isolation:isolate;overflow:hidden;border-radius:3px;background:var(--cream)}
.photo-composite .scene-background{display:block;width:100%;height:auto}
.photo-composite .real-chip{position:absolute;height:auto;max-height:none;object-fit:contain;pointer-events:none;filter:drop-shadow(1px 3px 2px #5a452b32)}
.brand-chip-a{left:53%;top:47%;width:11%;transform:rotate(-13deg)}
.brand-chip-b{left:62%;top:53%;width:10%;transform:rotate(15deg)}
.brand-chip-c{left:56%;top:61%;width:9%;transform:rotate(28deg)}
.codex-lifestyle{margin-top:44px}
.scene-choices{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.scene-choices button{font-size:12px;min-height:44px;padding:9px 20px;border:1px solid var(--line);border-radius:30px}
.scene-choices button[aria-pressed=true]{background:var(--brown);border-color:var(--brown);color:var(--cream)}
.scene-panel[hidden]{display:none}
.scene-panel>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.sharing-chip-a{left:40%;top:48%;width:12%;transform:rotate(-17deg)}
.sharing-chip-b{left:50%;top:51%;width:11%;transform:rotate(15deg)}
.sharing-chip-c{left:45%;top:61%;width:11%;transform:rotate(40deg)}
@media(max-width:1000px){.brand-opening{grid-template-columns:1fr;gap:30px}.brand-opening .story-body{text-align:center}.brand-opening .story-body .slogan{margin-left:auto}}
@media(max-width:760px){.codex-process-steps article{grid-template-columns:36px minmax(0,1fr);gap:16px}.codex-process-steps .process-photo{grid-column:1/-1;max-width:none}.brand-opening{margin-top:32px}.brand-opening .story-body{font-size:14px}.brand-opening .story-body p br{display:none}.scene-choices button{padding:9px 16px}.codex-lifestyle{margin-top:30px}.process-photo figcaption,.brand-table-photo figcaption,.scene-panel figcaption{font-size:11px}.process-photo-pending{grid-column:1/-1}}