/* Illustrated service marquee. It intentionally overrides the original compact text strip. */
.dcb .dcb-service-strip.dcb-service-strip--illustrated{
    position:relative;
    display:block;
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
    padding:0;
    overflow:hidden;
    color:#5a3228;
    background:linear-gradient(100deg,#f8ebd6 0%,#fff5e6 48%,#f6e5ca 100%);
    border-top:1px solid #d9b98d;
    border-bottom:1px solid #dfc5a1;
    box-shadow:inset 0 1px #fffaf1b8;
    isolation:isolate;
}
.dcb .dcb-service-strip--illustrated::before,
.dcb .dcb-service-strip--illustrated::after{
    position:absolute;
    z-index:2;
    top:0;
    bottom:0;
    width:clamp(20px,5vw,88px);
    content:"";
    pointer-events:none;
}
.dcb .dcb-service-strip--illustrated::before{left:0;background:linear-gradient(90deg,#f8ebd6 0%,#f8ebd6e8 45%,#f8ebd600 100%)}
.dcb .dcb-service-strip--illustrated::after{right:0;background:linear-gradient(270deg,#f6e5ca 0%,#f6e5cae8 45%,#f6e5ca00 100%)}
.dcb .dcb-service-strip--illustrated .dcb-service-strip-viewport{
    display:flex;
    align-items:center;
    width:100%;
    min-width:0;
    min-height:clamp(72px,5.6vw,88px);
    overflow:hidden;
}
.dcb .dcb-service-strip--illustrated .dcb-service-strip-track{
    display:flex;
    align-items:center;
    width:max-content;
    min-width:max-content;
    transform:translate3d(0,0,0);
    animation:dcb-service-strip-drift 42s linear infinite;
    will-change:transform;
}
.dcb .dcb-service-strip--illustrated .dcb-service-strip-set{
    display:flex;
    flex:0 0 auto;
    min-width:100vw;
    justify-content:space-around;
    align-items:center;
    gap:clamp(12px,1.8vw,30px);
    padding-inline:clamp(18px,3vw,48px);
    white-space:nowrap;
}
.dcb .dcb-service-strip--illustrated .dcb-service-strip-label{
    display:inline-block;
    color:inherit;
    font:italic 400 clamp(18px,1.65vw,25px)/1.1 Georgia,"Times New Roman",serif;
    letter-spacing:.008em;
    text-transform:none;
    text-shadow:0 1px #fff8;
}
.dcb .dcb-service-strip--illustrated .dcb-service-strip-cocktail{
    display:block;
    flex:0 0 auto;
    width:clamp(44px,4vw,58px);
    height:clamp(44px,4vw,58px);
    max-width:none;
    object-fit:contain;
    filter:drop-shadow(0 6px 5px #74462d28);
}
.dcb .dcb-service-strip--illustrated .dcb-service-strip-cocktail--spritz{transform:translateY(-2px) rotate(-7deg)}
.dcb .dcb-service-strip--illustrated .dcb-service-strip-cocktail--mango{transform:translateY(1px) rotate(5deg)}
.dcb .dcb-service-strip--illustrated .dcb-service-strip-cocktail--mule{transform:translateY(-1px) rotate(-4deg)}
.dcb .dcb-service-strip--illustrated .dcb-service-strip-cocktail--zero-proof{transform:translateY(2px) rotate(6deg)}
@keyframes dcb-service-strip-drift{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(-50%,0,0)}
}
@media (hover:hover){
    .dcb .dcb-service-strip--illustrated:hover .dcb-service-strip-track{animation-play-state:paused}
}
@media(max-width:640px){
    .dcb .dcb-service-strip--illustrated .dcb-service-strip-viewport{min-height:68px}
    .dcb .dcb-service-strip--illustrated .dcb-service-strip-set{gap:11px;padding-inline:16px}
    .dcb .dcb-service-strip--illustrated .dcb-service-strip-label{font-size:17px}
    .dcb .dcb-service-strip--illustrated .dcb-service-strip-cocktail{width:42px;height:42px}
    .dcb .dcb-service-strip--illustrated .dcb-service-strip-track{animation-duration:34s}
}
@media(prefers-reduced-motion:reduce){
    .dcb .dcb-service-strip--illustrated .dcb-service-strip-viewport{overflow:visible;min-height:0;padding:10px 5%}
    .dcb .dcb-service-strip--illustrated .dcb-service-strip-track{width:100%;min-width:0;animation:none;transform:none}
    .dcb .dcb-service-strip--illustrated .dcb-service-strip-set{width:100%;min-width:0;justify-content:center;flex-wrap:wrap;gap:7px 14px;padding:0;white-space:normal}
    .dcb .dcb-service-strip--illustrated .dcb-service-strip-set[aria-hidden="true"]{display:none}
    .dcb .dcb-service-strip--illustrated .dcb-service-strip-label{font-size:16px}
    .dcb .dcb-service-strip--illustrated .dcb-service-strip-cocktail{width:37px;height:37px}
}