.ccb{--ccb-gap: 16px;--ccb-ink: #221018;--ccb-soft: #6B5058;--ccb-maroon: #8E2B4C;--ccb-font: Jost, "Jost Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ccb-serif: "Playfair Display", "Cormorant Garamond", Georgia, "Times New Roman", serif;padding:14px 0 22px;font-family:var(--ccb-font);overflow-x:hidden;overflow-x:clip}.ccb-in{width:90%;max-width:1400px;margin:0 auto}.ccb-head{text-align:center;margin-bottom:14px}.ccb-h{margin:0;color:var(--ccb-ink)}.ccb-sub{margin:4px 0 0;color:var(--ccb-soft)}.ccb--head-stack .ccb-h{font:500 26px/1.15 var(--ccb-font);letter-spacing:.01em}.ccb--head-stack .ccb-sub{font-size:13.5px;letter-spacing:.04em}.ccb--head-banner .ccb-head{position:relative;padding:30px 20px 26px;margin-bottom:24px;overflow:hidden;border-radius:14px;background:linear-gradient(90deg,#fff,#fdf0f5 22%,#f7d9e5,#fdf0f5 78%,#fff)}.ccb--head-banner .ccb-head:before{content:attr(data-mark);position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);font:800 clamp(58px,8vw,120px)/1 var(--ccb-font);letter-spacing:.02em;color:#8e2b4c12;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.ccb--head-banner .ccb-h{position:relative;font:800 clamp(1.6rem,3.4vw,2.5rem)/1.15 var(--ccb-font);letter-spacing:.04em;text-transform:uppercase;color:#221018}.ccb--head-banner .ccb-sub{position:relative;font-size:15px;color:#6b5058}.ccb--head-band .ccb-head{padding:12px 20px;border-radius:10px;background:linear-gradient(90deg,#fff,#fbe9ef 20%,#f6dde6,#fbe9ef 80%,#fff);margin-bottom:18px}.ccb--head-band .ccb-h{font:600 20px/1.2 var(--ccb-font);letter-spacing:.02em}.ccb--head-band .ccb-sub{font-size:13px}.ccb-names{overflow:hidden;margin:2px 0 18px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.ccb-names-track{display:flex;width:max-content;animation:ccb-run 60s linear infinite}.ccb-names:hover .ccb-names-track{animation-play-state:paused}.ccb-names-set{display:flex;flex:0 0 auto}.ccb-names-set a{flex:0 0 auto;padding:6px 28px;font:500 13px/1 var(--ccb-font);letter-spacing:.12em;text-transform:uppercase;color:#8a7a80;text-decoration:none;white-space:nowrap}.ccb-names-set a:hover{color:var(--ccb-maroon)}@keyframes ccb-run{to{transform:translate(-50%)}}.ccb-wrap{position:relative}.ccb-wrap+.ccb-wrap{margin-top:var(--ccb-gap)}.ccb--rail .ccb-rail{display:flex;gap:var(--ccb-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.ccb--rail .ccb-rail::-webkit-scrollbar{display:none}.ccb--rail .ccb-card{flex:0 0 calc((100% - (var(--ccb-per) - 1) * var(--ccb-gap)) / var(--ccb-per));scroll-snap-align:start}.ccb-rail:focus-visible{outline:2px solid var(--ccb-maroon);outline-offset:-3px;border-radius:14px}.ccb--grid .ccb-rail{display:grid;grid-template-columns:repeat(var(--ccb-per),minmax(0,1fr));gap:var(--ccb-gap)}.ccb-card{position:relative;display:block;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ccb-ink);background:var(--ccb-plate-a, #F9EFF2);box-shadow:0 1px #4a14260a;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.ccb-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #4a142629}.ccb-tone-1{--ccb-plate-a: #FBE4EC;--ccb-plate-b: #F6C9D8}.ccb-tone-2{--ccb-plate-a: #FFF0E3;--ccb-plate-b: #FFD9BC}.ccb-tone-3{--ccb-plate-a: #EEE8FA;--ccb-plate-b: #D9CCF3}.ccb-tone-4{--ccb-plate-a: #E6F5EF;--ccb-plate-b: #C6E9DA}.ccb-tone-5{--ccb-plate-a: #E7F1FB;--ccb-plate-b: #C9DFF5}.ccb-tone-0{--ccb-plate-a: #FFF6E0;--ccb-plate-b: #FFE7A8}.ccb-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ccb-plate{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 100%,var(--ccb-plate-b) 0%,var(--ccb-plate-a) 60%)}.ccb-photo{position:absolute;left:12%;top:28%;width:76%;height:64%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s cubic-bezier(.22,1,.36,1)}.ccb-card:hover .ccb-photo{transform:scale(1.05)}.ccb-photo--logo{mix-blend-mode:normal;opacity:.9}.ccb-initial{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:700 96px/1 var(--ccb-serif);color:#8e2b4c2e}.ccb-pill{position:absolute;z-index:1;top:10px;left:10px;right:10px;height:64px;display:flex;align-items:center;justify-content:center;padding:6px 14px;overflow:hidden;background:#fffffff5;border-radius:8px;box-shadow:0 2px 10px #4a142614}.ccb-logo{height:100%;width:auto;max-width:100%;object-fit:contain;display:block}.ccb-name{font:600 15px/1 var(--ccb-font);letter-spacing:.1em;text-transform:uppercase;color:var(--ccb-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ccb-ribbon{position:absolute;z-index:1;left:6%;right:6%;bottom:10px;padding:9px 12px;text-align:center;font:700 17px/1 var(--ccb-serif);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#f5a05a,#f27a3e 50%,#f5a05a);box-shadow:0 6px 16px #f27a3e59;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%)}.ccb-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;font:500 14px/1.5 var(--ccb-font);letter-spacing:.04em;color:#4a142673}.ccb--labelled .ccb-card{aspect-ratio:auto;background:none;box-shadow:none;overflow:visible}.ccb--labelled .ccb-card:hover{box-shadow:none}.ccb-label{display:block;margin-top:10px;text-align:center;font:600 13.5px/1.35 var(--ccb-font);letter-spacing:.02em;color:var(--ccb-ink)}.ccb--labelled .ccb-card:hover .ccb-label{color:var(--ccb-maroon)}.ccb-cover{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;background:var(--ccb-plate-a, #F9EFF2);box-shadow:0 1px #4a14260a;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.ccb-card:hover .ccb-cover{box-shadow:0 14px 30px #4a142629}.ccb--labelled .ccb-plate{position:relative;display:block;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden}.ccb--labelled .ccb-initial{font-size:64px}.ccb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ccb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;display:grid;place-items:center;border:none;border-radius:50%;background:#fff;box-shadow:0 4px 18px #4a142638;cursor:pointer;color:var(--ccb-ink);transition:background .2s ease,transform .2s ease}.ccb-nav:hover{background:#fbf3f5;transform:translateY(-50%) scale(1.06)}.ccb-nav[hidden]{display:none}.ccb-prev{left:-16px}.ccb-next{right:-16px}.ccb-nav svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:1024px){.ccb-in{width:auto;padding:0 16px}.ccb{--ccb-gap: 12px}.ccb--rail .ccb-card{flex-basis:44%}.ccb--grid .ccb-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.ccb-nav{display:none}.ccb--head-stack .ccb-h{font-size:22px}.ccb--head-banner .ccb-head{padding:22px 14px 20px;border-radius:10px}.ccb-label{font-size:12.5px;margin-top:8px}.ccb-pill{height:52px;top:8px;left:8px;right:8px;padding:5px 10px}.ccb-ribbon{font-size:14px;padding:8px 10px;bottom:8px}.ccb-names-set a{padding:6px 18px;font-size:12px}}@media(max-width:600px){.ccb{padding:10px 0 16px}.ccb--rail .ccb-card{flex-basis:46%}.ccb-card{border-radius:10px}.ccb-pill{height:46px}.ccb-ribbon{font-size:13px}}@media(prefers-reduced-motion:reduce){.ccb--rail .ccb-rail{scroll-behavior:auto}.ccb-names-track{animation:none}.ccb-card,.ccb-photo,.ccb-nav{transition:none}}@media(max-width:600px){.ccb--m-big.ccb--rail .ccb-card{flex-basis:84%;border-radius:14px}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/cc-brand-cards.css.map */