body.dc-aanbod-page{margin:0;background:#f6f1e8;color:#09173c;font-family:Lato,Arial,sans-serif}*{box-sizing:border-box}.dc-aanbod-page a{text-decoration:none}.dc-offer-hero.dc-hero{height:auto;min-height:680px;max-height:none;padding:190px 24px 100px;text-align:center}.dc-offer-hero .dc-hero-content{max-width:900px}.dc-offer-label{display:block;font:600 11px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#927349}.dc-offer-hero .dc-offer-label{color:#dfcaa2;margin-bottom:26px}.dc-offer-hero h1{font-size:clamp(52px,6vw,88px)}.dc-offer-hero .dc-hero-copy{max-width:610px}.dc-offer-overview{padding:80px 24px 90px;background:#f6f1e8 url('/de-coster-pattern.svg?v=subtle-21') repeat;background-size:336px}.dc-offer-intro{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:100px;align-items:center}.dc-offer-intro>.dc-offer-label{grid-column:1/-1}.dc-offer-intro h2,.dc-offer-copy h2,.dc-offer-close h2{font:400 clamp(34px,3.6vw,54px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:18px 0 24px}.dc-offer-intro h2 em{color:#927349}.dc-offer-intro p,.dc-offer-copy p{font-size:17px;line-height:1.85;color:#575b64;max-width:50ch}.dc-offer-nav{max-width:1320px;margin:30px auto 70px;display:flex;flex-wrap:wrap;gap:12px}.dc-offer-nav a{color:#09173c;border:1px solid #09173c22;padding:12px 18px;border-radius:7px;font-size:13px;transition:background .6s,color .6s}.dc-offer-nav a:hover{background:#09173c;color:#dfcaa2}.dc-offer-rows{max-width:1320px;margin:auto;display:grid;gap:76px}.dc-offer-row{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;scroll-margin-top:150px}.dc-offer-row:nth-child(even) figure{order:2}.dc-offer-row figure{margin:0;height:390px;border-radius:16px;overflow:hidden}.dc-offer-row img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.dc-offer-row figure:hover img{transform:scale(1.025)}.dc-offer-copy h2{font-size:clamp(32px,3vw,45px)}.dc-offer-link{display:inline-flex;align-items:center;gap:24px;color:#09173c;border-bottom:1px solid #b2915a;padding:10px 0;font-size:13px;margin-top:10px}.dc-offer-link span{transition:transform .7s}.dc-offer-link:hover span{transform:translate(2px,-2px)}.dc-offer-close{padding:70px 24px 76px;text-align:center;background:#dfcaa2}.dc-offer-close .dc-offer-label{color:#5e513e}.dc-offer-close h2{margin-bottom:20px}.dc-offer-close p{font-size:17px;margin-bottom:30px}.dc-offer-close .dc-button{background:#09173c;border-color:#09173c;color:#dfcaa2!important}.dc-offer-reveal{transition:opacity .9s ease,translate .9s ease}.dc-offer-reveal.is-waiting{opacity:0;translate:0 20px}@media(max-width:900px){.dc-offer-hero.dc-hero{min-height:620px;padding-top:170px}.dc-offer-intro{gap:24px}.dc-offer-row{gap:35px}.dc-offer-row figure{height:330px}.dc-offer-rows{gap:55px}}@media(max-width:650px){.dc-offer-hero.dc-hero{min-height:580px;padding:155px 24px 75px}.dc-offer-hero h1{font-size:clamp(42px,10vw,60px)}.dc-offer-overview{padding:55px 24px}.dc-offer-intro,.dc-offer-row{grid-template-columns:1fr;gap:12px}.dc-offer-intro h2{margin-bottom:0}.dc-offer-nav{margin:22px auto 45px;gap:8px}.dc-offer-nav a{font-size:12px;padding:10px 12px}.dc-offer-row:nth-child(even) figure{order:0}.dc-offer-row figure{height:260px;margin-bottom:12px}.dc-offer-copy p{font-size:16px}.dc-offer-close{padding:55px 24px}.dc-offer-close h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.dc-offer-reveal,.dc-offer-row img,.dc-offer-nav a,.dc-offer-link span{transition:none}.dc-offer-reveal.is-waiting{opacity:1;translate:none}.dc-offer-row figure:hover img{transform:none}}

.dc-offer-hero .dc-hero-photo{object-position:center 50%}

/* Give the offer photo the same screen-filling presence as the homepage. */
.dc-offer-hero.dc-hero{height:100svh;min-height:770px;max-height:1200px;padding-top:165px;padding-bottom:100px}
@media(max-width:900px){.dc-offer-hero.dc-hero{height:auto;min-height:max(740px,100svh);max-height:none;padding-top:170px;padding-bottom:95px}}
@media(max-width:650px){.dc-offer-hero.dc-hero{min-height:100svh;padding-top:155px;padding-bottom:90px}}

/* Let the dish lead on the left and the story sit in the wooden space. */
.dc-offer-hero.dc-hero{padding-left:24px;padding-right:clamp(32px,6vw,110px);text-align:left}
.dc-offer-hero .dc-hero-content{width:39%;max-width:590px;margin:0 0 0 auto}
.dc-offer-hero h1{font-size:clamp(52px,4.8vw,82px);line-height:1.04;margin-bottom:32px}
.dc-offer-hero .dc-offer-line-three{color:#dfcaa2;animation-delay:.48s}
.dc-offer-hero .dc-hero-copy{max-width:43ch;margin:0 0 32px;font-size:17px;line-height:1.8;animation-delay:.65s}
.dc-offer-hero .dc-hero-shade{background:linear-gradient(90deg,#080d1208 0%,#080d121a 40%,#080d126b 60%,#080d12b3 100%),linear-gradient(180deg,#080d1240,transparent 30%,#080d1226)}
@media(max-width:1000px) and (min-width:651px){.dc-offer-hero .dc-hero-content{width:45%}.dc-offer-hero h1{font-size:clamp(46px,5.8vw,64px)}.dc-offer-hero.dc-hero{padding-right:32px}}
@media(max-width:650px){.dc-offer-hero.dc-hero{height:auto;min-height:100svh;padding:340px 24px 70px;background:#101318;text-align:left}.dc-offer-hero .dc-photo-drift{inset:0 0 auto;height:420px;transform:none!important}.dc-offer-hero .dc-hero-photo{object-position:35% 50%}.dc-offer-hero .dc-hero-shade{background:linear-gradient(180deg,transparent 140px,#101318b3 310px,#101318 420px)}.dc-offer-hero .dc-hero-content{width:100%;max-width:480px;margin:0 auto}.dc-offer-hero h1{font-size:clamp(47px,12vw,64px)}.dc-offer-hero .dc-hero-copy{font-size:16px}}

.dc-offer-writing{position:relative;height:76px;width:min(100%,440px);margin-bottom:20px;color:#dfcaa2}
.dc-written-step{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;pointer-events:none}
.dc-written-step.is-current{opacity:1}.dc-written-word{width:100%;height:76px;fill:currentColor;overflow:visible}
.dc-write-mask{transform:scaleX(0);transform-box:fill-box;transform-origin:left}
.dc-written-step.is-current .dc-write-mask{animation:dc-word-write 2.8s .1s cubic-bezier(.25,.1,.25,1) forwards}
.dc-written-step.is-final{color:#ead3a5;filter:drop-shadow(0 0 6px #dfcaa220)}
@keyframes dc-word-write{to{transform:scaleX(1)}}
@media(max-width:650px){.dc-offer-writing{height:65px;margin-bottom:15px}.dc-written-word{height:65px}}
@media(prefers-reduced-motion:reduce){.dc-written-step{transition:none}.dc-written-step.is-current .dc-write-mask{animation:none;transform:scaleX(1)}}

.dc-written-word{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.dc-written-word path{animation:none!important;transition:none!important}

/* Align the handwriting and give the story a little more room beside the plate. */
.dc-offer-hero .dc-offer-writing{margin-left:-8px;margin-bottom:6px}
.dc-offer-hero .dc-hero-copy{max-width:39ch;text-wrap:pretty}
@media(min-width:1001px){.dc-offer-hero.dc-hero{padding-right:clamp(32px,4vw,76px)}}
@media(max-width:650px){.dc-offer-hero .dc-offer-writing{margin-bottom:4px}.dc-offer-hero .dc-scroll{bottom:20px}.dc-offer-hero.dc-hero{padding-bottom:100px}}

/* Align the visible ink rather than the SVG canvas. */
.dc-offer-hero .dc-offer-writing{margin-left:-5px}
.dc-offer-hero .dc-written-word{display:block}

.dc-offer-hero .dc-offer-scroll{width:auto;height:auto;border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;gap:10px;padding:0;bottom:26px;color:#dfcaa2;white-space:nowrap}
.dc-offer-scroll-label{font:500 12px/1.4 Lato,Arial,sans-serif;letter-spacing:.04em}
.dc-offer-scroll-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #dfcaa255;border-radius:50%;background:#09173c99;transition:background .7s,border-color .7s}
.dc-offer-hero .dc-offer-scroll:hover .dc-offer-scroll-icon{background:#09173ccc;border-color:#dfcaa299}
.dc-offer-hero .dc-offer-scroll span:last-child{font-size:inherit;transform:none}
.dc-offer-hero .dc-hero-copy{margin-bottom:0}
@media(max-width:650px){.dc-offer-hero .dc-offer-scroll{bottom:18px}.dc-offer-hero.dc-hero{padding-bottom:140px}}

.dc-offer-hero .dc-offer-scroll,.dc-offer-hero .dc-offer-scroll:hover{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0}

/* One clear rectangular scroll button. */
.dc-offer-hero .dc-offer-scroll{min-width:210px;padding:15px 25px 12px;gap:9px;background:#09173ce6;border:1px solid #dfcaa280;border-radius:8px;color:#dfcaa2;box-shadow:0 4px 18px #0002;transition:background .7s,border-color .7s}
.dc-offer-hero .dc-offer-scroll:hover{background:#09173cf5;border:1px solid #dfcaa2;box-shadow:0 4px 18px #0002}
.dc-offer-hero .dc-offer-scroll-label{font-size:14px;font-weight:600;letter-spacing:.015em}
.dc-offer-hero .dc-offer-scroll-icon,.dc-offer-hero .dc-offer-scroll:hover .dc-offer-scroll-icon{width:24px;height:24px;border:0;border-radius:0;background:transparent}
@media(prefers-reduced-motion:reduce){.dc-offer-hero .dc-offer-scroll{transition:none}}

/* A quieter rectangular invitation to scroll. */
.dc-offer-hero .dc-offer-scroll{min-width:186px;padding:12px 20px 9px;gap:6px;background:#09173c66;border-color:#dfcaa238;border-radius:7px;box-shadow:none}
.dc-offer-hero .dc-offer-scroll:hover{background:#09173c88;border-color:#dfcaa260;box-shadow:none}
.dc-offer-hero .dc-offer-scroll-label{font-size:13px;font-weight:500}
.dc-offer-hero .dc-offer-scroll-icon{width:20px;height:20px}
.dc-offer-hero .dc-offer-scroll-arrow{width:18px;height:18px}
.dc-offer-hero .dc-offer-scroll .dc-scroll-arrow{width:18px;height:18px}

/* Slow, continuous scroll cue with a restrained hover response. */
.dc-offer-hero .dc-offer-scroll{transition:background-color .85s cubic-bezier(.25,.1,.25,1),border-color .85s ease,box-shadow .85s ease}
.dc-offer-hero .dc-offer-scroll:hover{background:#09173c80;border-color:#dfcaa25c;box-shadow:0 0 18px #dfcaa20a}
.dc-offer-hero .dc-offer-scroll .dc-scroll-arrow{animation:dc-offer-arrow-soft 5s cubic-bezier(.45,0,.25,1) 1s infinite}
.dc-offer-hero .dc-offer-scroll:hover .dc-scroll-arrow{animation-play-state:running}
@keyframes dc-offer-arrow-soft{0%,52%,100%{transform:translateY(0);opacity:.85}70%{transform:translateY(3px);opacity:1}86%{transform:translateY(0);opacity:.85}}
@media(prefers-reduced-motion:reduce){.dc-offer-hero .dc-offer-scroll{transition:none}.dc-offer-hero .dc-offer-scroll .dc-scroll-arrow{animation:none}}

/* Keep the hover box identical to its resting dimensions. */
.dc-offer-hero .dc-offer-scroll .dc-offer-scroll-icon,.dc-offer-hero .dc-offer-scroll:hover .dc-offer-scroll-icon{width:20px;height:20px;min-width:20px;min-height:20px;transform:none;transition:none}

.dc-offer-intro{display:block}.dc-offer-intro h2{margin-bottom:24px}

.dc-offer-overview{padding-top:0;overflow:visible}
.dc-offer-lockup{position:relative;z-index:2;width:315px;max-width:100%;margin:0 0 -20px;transform:translateY(calc(-44 / 275 * 315px))}
.dc-offer-lockup img{display:block;width:100%;height:auto}
@media(max-width:650px){.dc-offer-overview{padding-top:0}.dc-offer-lockup{width:275px;transform:translateY(calc(-44 / 275 * min(275px,100vw - 48px)))}}

/* Bring the intro closer to its overlapping wordmark. */
.dc-offer-lockup{margin-bottom:-43px}
@media(max-width:650px){.dc-offer-lockup{margin-bottom:-38px}}
/* Soft opacity transitions for the selected offer. */
.dc-offer-nav a.is-selected{background:#09173c;color:#dfcaa2;border-color:#09173c}.dc-offer-nav a:focus-visible{outline:2px solid #927349;outline-offset:4px}
.dc-offer-rows{display:block;overflow:hidden}.dc-offer-row[hidden]{display:none!important}.dc-offer-rows .dc-offer-row:nth-child(even) figure{order:0}.dc-offer-rows{opacity:1;transition:opacity .6s ease}.dc-offer-rows.is-changing{opacity:0;transition-duration:.35s}

@media(prefers-reduced-motion:reduce){.dc-offer-rows,.dc-offer-rows.is-changing{transition:none}}
/* Open text tabs, aligned with the offer content. */
.dc-offer-nav{width:100%;max-width:1320px;margin:32px auto 60px;padding:0;gap:clamp(22px,2.5vw,42px);flex-wrap:wrap;background:transparent;border:0;border-radius:0}
.dc-offer-nav a{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:48px;padding:10px 0 14px;border:0;border-radius:0;background:transparent;color:#09173c;font-size:15px;font-weight:500;line-height:1.4;white-space:nowrap;box-shadow:none;transition:color .55s ease}
.dc-offer-nav a::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:#b2915a;opacity:0;transform:scaleX(.65);transform-origin:left;transition:opacity .55s ease,transform .65s ease}
.dc-offer-nav a:hover{background:transparent;color:#927349;box-shadow:none}
.dc-offer-nav a.is-selected,.dc-offer-nav a.is-selected:hover{background:transparent;color:#09173c;border:0;box-shadow:none}
.dc-offer-nav a.is-selected::after{opacity:1;transform:scaleX(1)}
.dc-offer-nav a:focus-visible{outline:2px solid #927349;outline-offset:5px}
@media(max-width:650px){.dc-offer-nav{margin:26px auto 40px;gap:4px 24px}.dc-offer-nav a{min-height:46px;font-size:14px;padding:10px 0 13px}}
@media(prefers-reduced-motion:reduce){.dc-offer-nav a,.dc-offer-nav a::after{transition:none}}
/* Category labels use the same drawn pen strokes as the hero. */
.dc-category-writing{display:block;height:58px;margin:0 0 12px;color:#927349;letter-spacing:0;text-transform:none;max-width:100%}.dc-category-writing svg{display:block;max-width:100%;width:auto;height:58px;overflow:visible}.dc-category-writing path{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;animation:none!important}
@media(max-width:650px){.dc-category-writing,.dc-category-writing svg{height:50px}}

/* A light invitation, aligned with the wedding story. */
.dc-wedding-invitation{margin-top:30px}
.dc-wedding-cta{display:inline-flex;align-items:center;justify-content:center;min-height:56px;max-width:100%;padding:16px 28px;border:1px solid #09173c;border-radius:6px;background:transparent;color:#09173c;text-decoration:none;font-family:inherit;font-size:16px;font-weight:400;line-height:1.45;text-align:center;box-shadow:none;transition:transform .3s ease}
.dc-wedding-cta:hover{color:#09173c;background:transparent;transform:translateY(-2px);box-shadow:none}
.dc-wedding-cta:focus-visible{outline:2px solid #927349;outline-offset:5px}
@media(max-width:650px){.dc-wedding-invitation{margin-top:24px}.dc-wedding-cta{padding:15px 24px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.dc-wedding-cta{transition:none}.dc-wedding-cta:hover{transform:none}}

@media(max-width:650px){.dc-wedding-title-break{display:none}.dc-wedding-heading{text-wrap:balance}}

#bedrijfsfeesten figure img{object-position:center 42%}

#privefeesten figure img{object-position:center 30%}

@media(max-width:650px){.dc-feast-title-break{display:none}.dc-feast-heading{text-wrap:balance}}

#congressen figure img{object-position:center 27%;filter:brightness(1.12)}
.dc-congress-heading{text-wrap:balance}

#recepties figure img{object-position:25% center;transform:scale(1.12);transform-origin:30% center}
#recepties figure:hover img{transform:scale(1.145)}
@media(prefers-reduced-motion:reduce){#recepties figure:hover img{transform:scale(1.12)}}
/* Clear, evenly spaced offer navigation. */
.dc-offer-nav{justify-content:space-between;gap:18px;flex-wrap:nowrap}
.dc-offer-nav a{font-size:16px;font-weight:600;color:#626674;padding:12px 0 18px;min-height:52px}
.dc-offer-nav a::after{left:50%;right:auto;bottom:3px;width:36px;height:2px;transform:translateX(-50%) scaleX(.65);transform-origin:center;background:#b2915a}
.dc-offer-nav a:hover{color:#09173c}
.dc-offer-nav a:hover::after,.dc-offer-nav a.is-selected::after{opacity:1;transform:translateX(-50%) scaleX(1)}
.dc-offer-nav a.is-selected,.dc-offer-nav a.is-selected:hover{color:#09173c}
@media(max-width:1050px){.dc-offer-nav{justify-content:flex-start;gap:30px;overflow-x:auto;overscroll-behavior-x:contain;padding:6px 4px 10px;scrollbar-width:thin;scrollbar-color:#b2915a55 transparent}.dc-offer-nav a{flex:0 0 auto}}
@media(max-width:650px){.dc-offer-nav{margin:26px auto 40px;gap:26px}.dc-offer-nav a{font-size:16px;padding:12px 0 18px;min-height:52px}}

/* Warm gold closing invitation with the selected food photograph. */
.dc-offer-close-photo{padding:0;background:#dfcaa2;text-align:left;overflow:hidden}
.dc-close-inner{display:grid;grid-template-columns:55% 45%;max-width:1500px;margin:auto;align-items:stretch}
.dc-close-copy{padding:55px 64px;align-self:center}
.dc-close-copy .dc-offer-label{margin-bottom:18px;line-height:1.7}
.dc-close-copy h2{margin:0 0 20px;font-size:clamp(34px,3vw,48px);line-height:1.15}
.dc-close-copy p{font:400 16px/1.8 Lato,Arial,sans-serif;max-width:52ch;margin:0 0 26px}
.dc-close-copy .dc-button{border:1px solid #b99a65;background:#09173c;color:#ead8b8!important;box-shadow:0 5px 18px #09173c15}
.dc-close-photo{position:relative;margin:0;min-height:390px;overflow:hidden}
.dc-close-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:55% 65%}
.dc-close-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#dfcaa2, #dfcaa270 8%,transparent 20%);pointer-events:none}
@media(max-width:900px){.dc-close-copy{padding:42px 32px}.dc-close-inner{grid-template-columns:57% 43%}.dc-close-photo{min-height:370px}}
@media(max-width:650px){.dc-close-inner{grid-template-columns:1fr}.dc-close-copy{padding:40px 25px;text-align:center}.dc-close-copy p{margin-left:auto;margin-right:auto}.dc-close-copy h2{font-size:34px}.dc-close-photo{min-height:240px;height:240px}.dc-close-photo img{object-position:50% 65%}.dc-close-photo:after{background:linear-gradient(180deg,#dfcaa2, #dfcaa250 12%,transparent 28%)}}

/* Full-width closing photo and a balanced, compact invitation beside it. */
.dc-offer-close-photo .dc-close-inner{max-width:none;width:100%;grid-template-columns:48% 52%;min-height:390px}
.dc-offer-close-photo .dc-close-copy{padding:48px 56px 48px max(40px,calc((100vw - 1320px)/2));align-self:center;min-width:0}
.dc-offer-close-photo .dc-close-copy .dc-offer-label{margin-bottom:16px;max-width:46ch}
.dc-offer-close-photo .dc-close-copy h2{max-width:17ch;margin-bottom:20px;line-height:1.12;text-wrap:balance}
.dc-offer-close-photo .dc-close-copy p{max-width:45ch;margin-bottom:24px;line-height:1.75}
.dc-offer-close-photo .dc-close-photo{min-height:390px;width:100%;margin:0}
.dc-offer-close-photo .dc-close-photo img{object-position:52% 64%}
.dc-offer-close-photo .dc-close-photo:after{background:linear-gradient(90deg,#dfcaa2 0%,#dfcaa2b3 6%,#dfcaa240 13%,transparent 23%)}
@media(max-width:1100px) and (min-width:651px){.dc-offer-close-photo .dc-close-copy{padding:42px 32px}.dc-offer-close-photo .dc-close-copy h2{font-size:38px}.dc-offer-close-photo .dc-close-copy .dc-offer-label{font-size:10px}}
@media(max-width:650px){.dc-offer-close-photo .dc-close-inner{grid-template-columns:1fr;min-height:0}.dc-offer-close-photo .dc-close-copy{padding:38px 25px;text-align:center}.dc-offer-close-photo .dc-close-copy h2,.dc-offer-close-photo .dc-close-copy .dc-offer-label{margin-left:auto;margin-right:auto}.dc-offer-close-photo .dc-close-copy h2{font-size:34px}.dc-offer-close-photo .dc-close-photo{min-height:250px;height:250px}.dc-offer-close-photo .dc-close-photo:after{background:linear-gradient(180deg,#dfcaa2,#dfcaa250 12%,transparent 30%)}}

/* Ease the photograph into the exact gold background without a hard starting edge. */
.dc-offer-close-photo .dc-close-photo{background:#dfcaa2}
.dc-offer-close-photo .dc-close-photo:after{display:none}
.dc-offer-close-photo .dc-close-photo img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 1%,rgba(0,0,0,.02) 4%,rgba(0,0,0,.09) 8%,rgba(0,0,0,.24) 14%,rgba(0,0,0,.48) 21%,rgba(0,0,0,.73) 28%,rgba(0,0,0,.92) 35%,#000 43%);mask-image:linear-gradient(90deg,transparent 0%,transparent 1%,rgba(0,0,0,.02) 4%,rgba(0,0,0,.09) 8%,rgba(0,0,0,.24) 14%,rgba(0,0,0,.48) 21%,rgba(0,0,0,.73) 28%,rgba(0,0,0,.92) 35%,#000 43%)}
@media(max-width:650px){.dc-offer-close-photo .dc-close-photo img{-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.04) 5%,rgba(0,0,0,.2) 12%,rgba(0,0,0,.5) 21%,rgba(0,0,0,.8) 30%,#000 42%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.04) 5%,rgba(0,0,0,.2) 12%,rgba(0,0,0,.5) 21%,rgba(0,0,0,.8) 30%,#000 42%)}}

/* Match the homepage's slow, seamless diamond-pattern drift. */
.dc-offer-overview{--dc-offer-pattern-tile:336px;background-size:var(--dc-offer-pattern-tile) var(--dc-offer-pattern-tile);animation:dc-offer-pattern-drift 110s linear infinite}
@keyframes dc-offer-pattern-drift{from{background-position:0 0}to{background-position:var(--dc-offer-pattern-tile) 0}}
@media(max-width:600px){.dc-offer-overview{--dc-offer-pattern-tile:264px}}
@media(prefers-reduced-motion:reduce){.dc-offer-overview{animation:none}}