/* An actionable ribbon between the cover and the catalogue. */
.presentation-strip.presentation-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:26px;gap:0;text-align:left}
.presentation-item{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr) 28px;gap:18px;align-items:center;min-height:132px;padding:22px;isolation:isolate;border-radius:4px;transition:background 220ms,color 220ms}
.presentation-item+.presentation-item{border-left:1px solid var(--line)}
.presentation-thumbnail{display:grid;place-items:center;width:88px;height:88px;padding:4px;background:var(--champagne);border:1px solid #d1bba9;border-radius:4px;overflow:hidden;transition:transform 250ms var(--ease),box-shadow 250ms}
.presentation-thumbnail>img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:1}
.presentation-thumbnail.brand-thumbnail{background:var(--rose-wash);padding:10px;border-color:var(--line)}
.presentation-copy{min-width:0}
.presentation-title{display:block;font:500 clamp(19px,1.7vw,25px)/1.18 var(--heading);letter-spacing:-.035em;color:var(--ink)}
.presentation-action{display:block;margin-top:12px;font:500 10px/1.7 var(--body);color:var(--wine);text-decoration:underline;text-underline-offset:4px;text-decoration-color:transparent;transition:text-decoration-color 220ms}
.presentation-arrow{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;font-size:18px;color:var(--wine);transition:background 220ms,color 220ms,transform 220ms}
.presentation-item:focus-visible{outline:2px solid var(--wine);outline-offset:3px;z-index:1;background:var(--rose-wash)}
.presentation-item:focus-visible .presentation-action{text-decoration-color:currentColor}
.presentation-item:active{background:var(--rose-wash)}
@media(hover:hover) and (pointer:fine){
 .presentation-item:hover{background:var(--rose-wash)}
 .presentation-item:hover .presentation-thumbnail{transform:translateY(-4px);box-shadow:0 8px 18px #6d2c3a14}
 .presentation-item:hover .presentation-action{text-decoration-color:currentColor}
 .presentation-item:hover .presentation-arrow{background:var(--wine);color:var(--ivory);transform:translate(2px,-2px)}
}
@media(min-width:901px) and (max-width:1200px){
 .presentation-item{grid-template-columns:64px minmax(0,1fr) 24px;gap:12px;padding:18px 14px}
 .presentation-thumbnail{width:64px;height:64px}
 .presentation-arrow{width:24px;height:24px;font-size:16px}
 .presentation-action{font-size:9px}
}
@media(max-width:900px){
 .presentation-strip.presentation-visual{grid-template-columns:minmax(0,1fr);padding-block:14px}
 .presentation-item{grid-template-columns:72px minmax(0,1fr) 32px;gap:18px;min-height:104px;padding:18px 8px}
 .presentation-item+.presentation-item{border-left:0;border-top:1px solid var(--line)}
 .presentation-thumbnail{width:72px;height:72px}
 .presentation-title{font-size:24px}
 .presentation-title br{display:none}
 .presentation-action{font-size:11px;margin-top:7px}
 .presentation-arrow{width:32px;height:32px;font-size:20px}
}
@media(max-width:370px){
 .presentation-item{grid-template-columns:56px minmax(0,1fr) 28px;gap:13px;padding-inline:4px}
 .presentation-thumbnail{width:56px;height:56px}
 .presentation-title{font-size:21px}
 .presentation-arrow{width:28px;height:28px}
}
@media(prefers-reduced-motion:reduce){.presentation-item,.presentation-thumbnail,.presentation-action,.presentation-arrow{transition:none}.presentation-item:hover .presentation-thumbnail,.presentation-item:hover .presentation-arrow{transform:none}}
