.ccp-vitrine{--ccp-ink:#10264d;--ccp-cyan:#31bfe5;--ccp-pink:#ed4f98;--ccp-yellow:#ffe000;background:#fffdf8;color:#151515;padding:clamp(28px,4vw,64px) 0}.ccp-vitrine *{box-sizing:border-box}.ccp-vitrine__wrap{max-width:1540px;margin:0 auto;padding:0 clamp(16px,3.6vw,58px)}.ccp-vitrine__stage{position:relative;min-height:clamp(530px,49vw,720px);overflow:hidden;isolation:isolate;border:1px solid #dfdbd2;border-radius:34px;background:linear-gradient(118deg,#fff9e8 0%,#fffdf8 37%,#ebf9fc 72%,#fbe4ef 100%);box-shadow:0 24px 70px rgb(26 31 45 / 9%);opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.ccp-vitrine.is-visible .ccp-vitrine__stage{opacity:1;transform:none}.ccp-vitrine__stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(16 38 77 / 3.5%) 1px,transparent 1px),linear-gradient(90deg,rgb(16 38 77 / 3.5%) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,black 0%,transparent 63%);z-index:-5}.ccp-vitrine__stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:39%;background:linear-gradient(178deg,rgb(255 255 255 / 45%) 0 11%,transparent 11%),linear-gradient(90deg,#e8c59d,#f1d6b7 35%,#e8c49b 68%,#f0d2ad);box-shadow:inset 0 18px 34px rgb(99 62 22 / 8%);z-index:-3}.ccp-vitrine__sun{position:absolute;width:50%;aspect-ratio:1;left:17%;top:-56%;border-radius:50%;background:radial-gradient(circle,#fff 0 16%,rgb(255 245 185 / 88%) 28%,rgb(255 255 255 / 0%) 68%);filter:blur(2px);z-index:-4}.ccp-vitrine__geo{position:absolute;z-index:-2;opacity:.92;clip-path:polygon(0 0,100% 18%,72% 100%,12% 83%)}.ccp-vitrine__geo--cyan{width:25%;height:32%;right:-7%;top:-5%;background:var(--ccp-cyan);transform:rotate(11deg)}.ccp-vitrine__geo--pink{width:22%;height:27%;right:9%;top:2%;background:var(--ccp-pink);transform:rotate(-9deg)}.ccp-vitrine__geo--yellow{width:20%;height:21%;left:-7%;bottom:23%;background:var(--ccp-yellow);transform:rotate(7deg)}.ccp-vitrine__desk{position:absolute;inset:auto 0 0;height:44%;z-index:-1;background:linear-gradient(90deg,transparent 0 18%,rgb(255 255 255 / 16%) 18% 19%,transparent 19% 57%,rgb(255 255 255 / 13%) 57% 58%,transparent 58%),linear-gradient(176deg,transparent 0 12%,rgb(85 45 10 / 5%) 12% 13%,transparent 13%)}.ccp-vitrine__copy{position:absolute;left:clamp(26px,4.2vw,68px);top:50%;width:min(31%,410px);transform:translateY(-53%);z-index:25}.ccp-vitrine__brand{display:flex;align-items:baseline;gap:2px;margin:0 0 13px;color:#174f91;font-size:clamp(24px,2.6vw,42px);line-height:1;letter-spacing:-.055em}.ccp-vitrine__brand span{font-weight:800}.ccp-vitrine__brand strong{font-weight:400}.ccp-vitrine__eyebrow{margin:0 0 11px;color:#006f84;font-size:11px;font-weight:800;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}.ccp-vitrine__copy h2{max-width:8.4ch;margin:0;color:var(--ccp-ink);font-size:clamp(42px,5vw,74px);font-weight:800;line-height:.94;letter-spacing:-.055em}.ccp-vitrine__text{max-width:34ch;margin:20px 0 0;color:#33415a;font-size:clamp(14px,1.15vw,17px);line-height:1.6}.ccp-vitrine__cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;margin-top:27px;padding:12px 23px;border-radius:999px;background:var(--ccp-ink);color:#fff;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 12px 24px rgb(16 38 77 / 19%);transition:transform .2s ease,box-shadow .2s ease}.ccp-vitrine__objects{position:absolute;inset:0;z-index:5}.ccp-vitrine__item{position:absolute;left:var(--item-x);top:var(--item-y);width:var(--item-w);z-index:var(--item-z);opacity:0;transform:translate(calc(-50% + var(--drift-x,0px)),calc(-50% + 18px + var(--drift-y,0px))) rotate(var(--item-r));transform-origin:center;transition:opacity .45s ease var(--item-delay),transform .7s cubic-bezier(.2,.8,.2,1) var(--item-delay);will-change:transform}.ccp-vitrine.is-visible .ccp-vitrine__item{opacity:1;transform:translate(calc(-50% + var(--drift-x,0px)),calc(-50% + var(--drift-y,0px))) rotate(var(--item-r))}.ccp-vitrine__image{display:block;text-decoration:none}.ccp-vitrine__image img{display:block;width:100%;height:auto;max-height:310px;object-fit:contain;filter:drop-shadow(0 18px 18px rgb(31 35 45 / 18%));transition:filter .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.ccp-vitrine__item--multiply img{mix-blend-mode:multiply}.ccp-vitrine__hotspot{position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);z-index:40;opacity:0;transform:translate(-50%,-50%) scale(.72);transition:opacity .35s ease var(--hotspot-delay),transform .45s cubic-bezier(.2,.8,.2,1) var(--hotspot-delay)}.ccp-vitrine.is-visible .ccp-vitrine__hotspot{opacity:1;transform:translate(-50%,-50%) scale(1)}.ccp-vitrine__hotspot summary{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--ccp-ink);color:#fff;list-style:none;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 7px 22px rgb(0 0 0 / 25%);transition:transform .2s ease,background-color .2s ease}.ccp-vitrine__hotspot summary::-webkit-details-marker{display:none}.ccp-vitrine__hotspot summary::after{content:"";position:absolute;inset:-2px;border:2px solid currentColor;border-radius:50%;opacity:.35;animation:ccp-vitrine-pulse 2.5s ease-out infinite}.ccp-vitrine__hotspot--cyan summary{background:#007c97}.ccp-vitrine__hotspot--pink summary{background:#b30062}.ccp-vitrine__hotspot--yellow summary{background:#705f00}.ccp-vitrine__hotspot[open] summary{transform:rotate(45deg)}.ccp-vitrine__popover{position:absolute;top:52px;width:min(280px,70vw);padding:17px 18px;border:1px solid #ded8cc;border-radius:18px;background:#fff;color:#151515;box-shadow:0 18px 50px rgb(17 17 17 / 19%);animation:ccp-vitrine-pop .2s ease both}.ccp-vitrine__hotspot--right .ccp-vitrine__popover{left:0}.ccp-vitrine__hotspot--left .ccp-vitrine__popover{right:0}.ccp-vitrine__vendor{display:block;margin-bottom:5px;color:#006f84;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.ccp-vitrine__popover strong{display:block;font-size:14px;line-height:1.35}.ccp-vitrine__price{display:block;margin-top:7px;font-size:19px;font-weight:800}.ccp-vitrine__form{margin-top:13px}.ccp-vitrine__buy{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:13px;padding:10px 15px;border:0;border-radius:999px;background:#151515;color:#fff;text-decoration:none;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.ccp-vitrine__details-link{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;color:#151515;font-size:11px;font-weight:700;text-align:center;text-underline-offset:4px}.ccp-vitrine__under{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 4px 0;color:#4a4a4a;font-size:12px}.ccp-vitrine__under p{margin:0}.ccp-vitrine__under a{display:inline-flex;align-items:center;min-height:44px;color:#151515;font-weight:800;text-decoration:none}.ccp-vitrine__mobile-rail{display:none}.ccp-vitrine :is(a,button,summary):focus-visible{outline:3px solid #006f84;outline-offset:4px}@keyframes ccp-vitrine-pulse{0%{transform:scale(.75);opacity:.42}80%,100%{transform:scale(1.55);opacity:0}}@keyframes ccp-vitrine-pop{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}@media(hover:hover){.ccp-vitrine__cta:hover{transform:translateY(-3px);box-shadow:0 17px 30px rgb(16 38 77 / 24%)}.ccp-vitrine__image:hover img{transform:scale(1.045);filter:drop-shadow(0 25px 23px rgb(31 35 45 / 24%))}.ccp-vitrine__hotspot summary:hover{transform:scale(1.09)}.ccp-vitrine__hotspot[open] summary:hover{transform:rotate(45deg) scale(1.09)}}
@media(max-width:989px){.ccp-vitrine__stage{min-height:600px}.ccp-vitrine__copy{width:34%;left:30px}.ccp-vitrine__copy h2{font-size:51px}.ccp-vitrine__text{font-size:14px}.ccp-vitrine__hotspot summary{width:48px;height:48px}.ccp-vitrine__popover{width:235px}}
@media(max-width:749px){.ccp-vitrine{padding:24px 0 42px}.ccp-vitrine__wrap{padding-inline:14px}.ccp-vitrine__stage{min-height:680px;border-radius:25px;background:linear-gradient(150deg,#fff8dc 0%,#fffdf8 43%,#dff6fb 100%)}.ccp-vitrine__stage::before{background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 58%)}.ccp-vitrine__stage::after{height:42%}.ccp-vitrine__copy{left:22px;right:22px;top:29px;width:auto;transform:none}.ccp-vitrine__brand{font-size:29px}.ccp-vitrine__eyebrow{font-size:9px}.ccp-vitrine__copy h2{max-width:10ch;font-size:44px}.ccp-vitrine__text{max-width:36ch;margin-top:14px;font-size:13px}.ccp-vitrine__cta{min-height:45px;margin-top:17px;padding:10px 18px;font-size:12px}.ccp-vitrine__item{display:none}.ccp-vitrine__item.is-mobile-featured{display:block;left:var(--mobile-x);top:var(--mobile-y);width:var(--mobile-w);transform:translate(-50%,-50%) rotate(var(--item-r));opacity:0}.ccp-vitrine.is-visible .ccp-vitrine__item.is-mobile-featured{opacity:1;transform:translate(-50%,-50%) rotate(var(--item-r))}.ccp-vitrine__image img{max-height:230px}.ccp-vitrine__hotspot{display:none}.ccp-vitrine__geo--cyan{width:48%;height:24%;right:-25%}.ccp-vitrine__geo--pink{width:45%;height:19%;right:-9%;top:10%}.ccp-vitrine__geo--yellow{width:42%;height:13%;left:-17%;bottom:27%}.ccp-vitrine__under{align-items:flex-start;flex-direction:column;gap:7px;padding:13px 4px 0}.ccp-vitrine__mobile-rail{display:flex;gap:12px;overflow-x:auto;margin:20px -14px 0;padding:0 14px 10px;scroll-snap-type:x mandatory;scrollbar-width:none}.ccp-vitrine__mobile-rail::-webkit-scrollbar{display:none}.ccp-vitrine__mobile-card{flex:0 0 min(63vw,245px);overflow:hidden;border:1px solid #e5dfd4;border-radius:20px;background:#fff;color:#151515;text-decoration:none;scroll-snap-align:start;box-shadow:0 10px 28px rgb(20 20 20 / 7%)}.ccp-vitrine__mobile-image{display:block;aspect-ratio:1.15;background:#fff8eb;overflow:hidden}.ccp-vitrine__mobile-image img{display:block;width:100%;height:100%;padding:12px;object-fit:contain;mix-blend-mode:multiply}.ccp-vitrine__mobile-meta{display:flex;flex-direction:column;gap:8px;padding:14px;font-size:12px;line-height:1.35}.ccp-vitrine__mobile-meta strong{font-size:16px}.ccp-vitrine__sun{width:110%;left:-34%;top:-23%}}
@media(prefers-reduced-motion:reduce){.ccp-vitrine__stage,.ccp-vitrine__item,.ccp-vitrine__hotspot{opacity:1;transform:none;transition:none}.ccp-vitrine__item{transform:translate(-50%,-50%) rotate(var(--item-r))}.ccp-vitrine__hotspot{transform:translate(-50%,-50%)}.ccp-vitrine__hotspot summary::after{animation:none}.ccp-vitrine__image img,.ccp-vitrine__cta,.ccp-vitrine__hotspot summary{transition:none}}
