.collection>.gallery,.collection>.selection,.collection>.collection-bottom{display:none}.collection{padding-bottom:65px;overflow:hidden;background-color:#0875dc}.collection .intro{padding-bottom:28px}.collection .marquee-hint{margin:12px 15px;color:#fff;font-size:14px}#marquee-toggle{border:1px solid #fff8;background:#ffffff19;padding:8px 15px;border-radius:20px;font-size:12px;margin-top:8px}.work-marquee{position:relative;overflow:hidden;padding:48px 0 48px;isolation:isolate}.work-marquee:before{content:'';position:absolute;inset:34px 0 20px;background:repeating-conic-gradient(#f9f7e9 0 25%,#eeeddf 0 50%) 0/32px 32px;z-index:-1}.work-marquee-track{display:flex;width:max-content;animation:work-flow 52s linear infinite;will-change:transform}.work-marquee-group{display:flex;gap:46px;padding-right:46px;align-items:center}.flow-card{width:272px;flex-shrink:0;padding:0;border:0;background:transparent;position:relative;transform:rotate(var(--flow-angle));transition:scale .2s;display:flex;align-items:center;flex-direction:column;color:#162336}.flow-card:nth-child(even){translate:0 20px}.flow-label{align-self:flex-start;margin-left:10px;position:relative;z-index:2;color:white;background:var(--flow-color);font-weight:900;padding:10px 20px;font-size:17px;box-shadow:4px 5px #0002;clip-path:polygon(7% 0,100% 0,100% 75%,93% 100%,0 100%,0 25%)}.flow-image{height:350px;width:250px;border:7px solid var(--flow-color);border-radius:19px;overflow:hidden;display:block;box-shadow:9px 12px 0 #14223a25;margin-top:14px;background:#fff}.flow-image img{display:block;width:100%;height:100%;object-fit:cover}.flow-name{font-weight:900;font-size:15px;background:#fffbee;padding:10px 14px;line-height:1.5;margin-top:16px;max-width:270px;box-shadow:4px 4px var(--flow-color)}.flow-card:hover{scale:1.035}.work-marquee:hover .work-marquee-track,.work-marquee:focus-within .work-marquee-track,.work-marquee-track.is-paused,.work-marquee-track.dialog-paused{animation-play-state:paused}@keyframes work-flow{to{transform:translateX(-50%)}}@media(max-width:700px){.work-marquee-group{gap:28px;padding-right:28px}.flow-card{width:210px}.flow-image{width:195px;height:275px}.flow-label{font-size:14px}.flow-name{font-size:12px}.collection .marquee-hint{font-size:12px}.work-marquee-track{animation-duration:46s}}@media(prefers-reduced-motion:reduce){.work-marquee{overflow-x:auto}.work-marquee-track{animation:none}.work-marquee-group[aria-hidden]{display:none}}

.work-marquee-track.offscreen-paused,body.pt-active .work-marquee-track{animation-play-state:paused}

/* Coral sawtooth trim and a finer, page-scrolling icon pattern. */
.collection{background-color:#ff686d;background-image:url('assets/card-background.webp');background-size:62% auto;background-position:center top;background-repeat:repeat;background-attachment:scroll}
.work-marquee:before{background:repeating-conic-gradient(#ff8589 0 25%,#ff686d 0 50%) 0/24px 24px}
@media(max-width:700px){.collection{background-size:72% auto;background-position:center top}}
.work-marquee:before{background:#ff686d}
.collection{background-color:#fff}
.work-marquee:before{background:#fff}

/* Keep the blue patterned section visible behind the cards. */
.work-marquee::before{background:transparent;}
