/* Each supplied image keeps its own native proportions on desktop and mobile. */
[data-media="pastry"]{--media-ratio:850 / 478}
[data-media="olive"]{--media-ratio:850 / 478}
[data-media="agri"]{--media-ratio:850 / 478}
[data-media="delivery-archive"]{--media-ratio:850 / 478}
[data-media="dates"]{--media-ratio:850 / 478}
[data-media="cacao"]{--media-ratio:850 / 478}

/* Keep captions outside the photograph instead of covering its subject. */
.v2-chapter-shell{align-items:start;min-height:0}
.v2-chapter-stage{background:#172018}
.v2-chapter-panel[data-media]{position:relative;inset:auto;overflow:hidden}
.v2-chapter-panel[data-media]>img,
.v3-world-card[data-media]>img,
.v2-world-catalog-card[data-media]>img{
 position:relative;inset:auto;z-index:0;display:block;width:100%;height:auto;
 aspect-ratio:var(--media-ratio);object-fit:contain;transform:none;animation:none;
}
.v2-chapter-panel[data-media] .v2-chapter-tint{display:none}
.v2-chapter-panel[data-media] .v2-chapter-content{height:auto;padding:28px 32px 32px;animation:none}
.v2-chapter-panel[data-media] .v2-chapter-content h3{margin:10px 0 14px}
.v2-chapter-panel[data-media] .v2-chapter-content small{margin-top:12px}
.v2-chapter-panel[data-media] .v2-chapter-content .v2-button{margin-top:12px}

.v2-ingredient-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:auto;align-items:start}
.v3-origin-card[data-media]{display:flex;flex-direction:column;grid-column:auto;grid-row:auto;min-height:0;align-self:start}
.v3-origin-card[data-media]:after{display:none}
.v3-origin-card[data-media] .v3-origin-image{position:relative;inset:auto;z-index:0;aspect-ratio:var(--media-ratio);transform:none}
.v3-origin-card[data-media] .v3-origin-image img{display:block;width:100%;height:100%;object-fit:contain;filter:none;transform:none}
.v3-origin-card[data-media] .v3-origin-copy{position:relative;inset:auto;margin-top:0;padding:26px 30px 28px}
.v3-origin-card[data-media] .v3-origin-top{background:#071009bc;padding:8px 10px;border-radius:3px;top:15px;inset-inline-start:15px;font-size:9px}
.v3-world-card[data-media]{display:flex;flex-direction:column;min-height:0!important;align-self:start}
.v3-world-card[data-media] .v3-world-shade{display:none}
.v3-world-card[data-media] .v3-world-info{position:relative;inset:auto;margin-top:0;padding:24px}
.v3-world-card[data-media] .v3-world-top{z-index:2;inset:15px 15px auto;background:#071009bc;padding:9px 10px;border-radius:3px;font-size:8px}

/* Section covers: a dedicated photo column on PC, full-width photo on mobile. */
.v2-inner-cover[data-media]{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,65px);min-height:0;padding:125px max(30px,calc((100vw - 1400px)/2)) 55px;direction:ltr;background:#141b15}
.v2-inner-cover[data-media]>img{position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:var(--media-ratio);object-fit:contain;animation:none;transform:none}
.v2-inner-cover[data-media]>.v2-inner-cover-overlay{display:none}
.v2-inner-cover[data-media]>.shell{width:100%;max-width:none;padding:0}
html[dir=rtl] .v2-inner-cover[data-media]>.shell{direction:rtl}
.v2-inner-cover[data-media] h1{font-size:clamp(32px,3.6vw,62px);line-height:1.4;margin:18px 0}
.v2-inner-cover[data-media] p{font-size:15px;line-height:1.95}

.v2-world-catalog-card[data-media]{display:flex;flex-direction:column;min-height:0;align-self:start;background:#172018}
.v2-world-catalog-card[data-media]:before{display:none}
.v2-world-catalog-card[data-media]>div{position:relative;inset:auto;padding:26px 30px;padding-inline-end:68px}
.v2-world-catalog-card[data-media] b{right:auto;inset-inline-end:26px;bottom:26px}
.v2-detail-gallery-grid figure[data-media]{grid-row:auto;grid-column:auto;min-height:0;align-self:start}
.v2-detail-gallery-grid figure[data-media] img{position:relative;inset:auto;display:block;width:100%;height:auto;min-height:0;aspect-ratio:var(--media-ratio);object-fit:contain;transform:none}
.v2-detail-gallery-grid figure[data-media] figcaption{position:relative;inset:auto;padding:16px 18px;line-height:1.6}

/* Journal thumbnails and article covers use the same individual image ratios. */
.v2-journal-photo[data-media]{height:auto;aspect-ratio:var(--media-ratio)}
.v2-journal-photo[data-media] img,.article-card[data-media] img{display:block;width:100%;height:auto;aspect-ratio:var(--media-ratio);object-fit:contain;transform:none}
.v2-journal-card:hover .v2-journal-photo[data-media] img{transform:none}
.post-cover:is([src*="/pastry.webp"],[src*="/olive.webp"],[src*="/agri.webp"],[src*="/delivery-archive.webp"],[src*="/dates.webp"],[src*="/cacao.webp"]){height:auto;max-height:none;object-fit:contain}

@media(max-width:860px){
 .v2-inner-cover[data-media]{grid-template-columns:minmax(0,1fr);padding:105px 22px 40px;gap:28px}
 .v2-inner-cover[data-media]>.shell{padding:0}
 .v2-inner-cover[data-media] h1{font-size:clamp(30px,5vw,45px)}
 .v3-world-card[data-media] .v3-world-info{padding:22px}
}
@media(max-width:600px){
 .v2-ingredient-gallery{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
 .v3-origin-card[data-media] .v3-origin-copy{padding:22px}
 .v3-origin-card[data-media] .v3-origin-copy h3{font-size:29px}
 .v3-world-card[data-media] .v3-world-info h3{font-size:28px}
 .v3-origin-card[data-media]:hover,.v3-world-card[data-media]:active{transform:none!important}
 .v2-inner-cover[data-media]{padding:98px 17px 34px;gap:24px}
 .v2-inner-cover[data-media] h1{font-size:31px;line-height:1.45}
 .v2-world-catalog-card[data-media]>div{padding:23px;padding-inline-end:62px}
 .v2-detail-gallery-grid:has(figure[data-media]){grid-template-columns:minmax(0,1fr)}
}