.colp{font-family:var(--sc-body);color:var(--sc-ink);font-size:16px;line-height:1.55}.colp *{box-sizing:border-box;margin:0;padding:0}.colp-hero{background:var(--sc-zwart);color:var(--sc-paper)}.colp-hero-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2.6rem 1.4rem 3rem;align-items:center}.colp-eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#9ba0aa;font-weight:600}.colp-h1{font-family:var(--sc-display);font-weight:800;font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1.02;letter-spacing:-.025em;text-wrap:balance;margin-top:.9rem}.colp-sub{color:#c6c9cf;max-width:34rem;margin-top:1rem}.colp-meta{margin-top:1.1rem;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:#8c919b}.colp-dots{display:flex;gap:.5rem;margin-top:1.3rem}.colp-dots i{width:18px;height:18px;border-radius:50%;display:block}.colp-viewer{position:relative;border-radius:20px;background:radial-gradient(60% 55% at 50% 42%,rgba(76,175,62,.14),transparent 70%),linear-gradient(180deg,#191c22,#121419);border:1px solid #2A2E36;min-height:380px;overflow:hidden}.colp-hint{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);font-size:.75rem;color:#9ba0aa;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.colp-sec{background:var(--sc-paper);padding:4rem 1.4rem 4.5rem}.colp-in{max-width:1200px;margin:0 auto}.colp-kop{font-family:var(--sc-display);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.05}.colp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:16px;margin-top:2.2rem}.colp-noot{margin-top:2.2rem;font-size:15px;color:#4a4e55;max-width:56ch}.colp-noot b{color:var(--sc-ink)}.colp-zak{margin-top:.6rem;font-size:15px;color:#4a4e55}.colp-zak a{color:inherit;font-weight:600}.colp-leeg{margin-top:2rem;font-size:17px;color:#4a4e55}.col-card{position:relative;display:flex;flex-direction:column;background:#16181d;color:#faf8f3;border-radius:18px;padding:0 0 22px;overflow:hidden;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}.col-card:hover{transform:translateY(-5px);box-shadow:0 14px 34px #16181d38}.col-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--c);z-index:2}.col-card--los:before{background:linear-gradient(90deg,#4caf3e 0 14.28%,#1b7fd4 0 28.57%,#e02020 0 42.85%,#14161a 0 57.14%,#f07c1b 0 71.42%,#8e3fbf 0 85.71%,#f58da0 0)}.col-body{display:flex;flex-direction:column;flex:1 1 auto;padding:0 22px}.col-n{font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:var(--c)}.col-t{font-size:25px;line-height:1.08;margin-top:9px;font-weight:600}.col-z{font-size:14.5px;line-height:1.45;opacity:.72;margin-top:11px;flex:1 1 auto}.col-tag{align-self:flex-start;margin-top:16px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(250,248,243,.28);border-radius:99px;padding:4px 10px;opacity:.85}.col-dots{display:flex;gap:.35rem;margin-top:16px}.col-dots i{width:13px;height:13px;border-radius:50%;display:block}.col-p{font-size:27px;font-weight:600;margin-top:20px;letter-spacing:-.01em}.col-pp{font-size:13px;opacity:.58;margin-top:4px}.col-go{margin-top:16px;font-size:14.5px;font-weight:600;color:var(--c)}.col-art{position:relative;display:block;height:186px;margin-bottom:16px;overflow:hidden;background:linear-gradient(180deg,#1b1e24,#14161a)}.col-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(52% 58% at 50% 46%,var(--c),transparent 70%);opacity:.2}.col-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,#16181d00,#16181dd9)}.col-in{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(var(--s,1));transform-origin:50% 50%;transition:transform .3s ease}.col-in img{position:absolute;left:50%;top:50%;translate:-50% -50%;width:var(--w,108px);height:auto;filter:drop-shadow(0 12px 16px rgba(0,0,0,.55)) drop-shadow(0 0 1.5px rgba(255,255,255,.5));animation:col-bob 4.4s ease-in-out infinite;animation-delay:calc(var(--i,0) * -.55s)}@keyframes col-bob{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}.col-art--los .col-in img{--w:114px;animation:col-bob 4.4s ease-in-out infinite,col-fade 10.5s linear infinite;animation-delay:calc(var(--i) * -1.5s),calc(var(--i) * -1.5s);opacity:0}@keyframes col-fade{0%{opacity:0}3%{opacity:1}12%{opacity:1}15%{opacity:0}to{opacity:0}}.col-art--duo .col-in img{--w:98px}.col-art--duo .col-in img:nth-child(1){translate:calc(-50% - 34px) calc(-50% + 10px);rotate:-11deg}.col-art--duo .col-in img:nth-child(2){translate:calc(-50% + 34px) calc(-50% - 10px);rotate:11deg}.col-art--ring .col-in img{--w:82px}.col-art--ring .col-in img:nth-child(1){translate:calc(-50% - 45px) calc(-50% - 31px);rotate:-16deg}.col-art--ring .col-in img:nth-child(2){translate:calc(-50% + 45px) calc(-50% - 31px);rotate:16deg}.col-art--ring .col-in img:nth-child(3){translate:calc(-50% - 45px) calc(-50% + 31px);rotate:-8deg}.col-art--ring .col-in img:nth-child(4){translate:calc(-50% + 45px) calc(-50% + 31px);rotate:8deg}.col-art--bloem .col-in img{--w:58px}.col-art--bloem .col-in img:nth-child(2){translate:calc(-50% + 50px) -50%;rotate:12deg}.col-art--bloem .col-in img:nth-child(3){translate:calc(-50% + 25px) calc(-50% + 44px);rotate:-6deg}.col-art--bloem .col-in img:nth-child(4){translate:calc(-50% - 25px) calc(-50% + 44px);rotate:9deg}.col-art--bloem .col-in img:nth-child(5){translate:calc(-50% - 50px) -50%;rotate:-12deg}.col-art--bloem .col-in img:nth-child(6){translate:calc(-50% - 25px) calc(-50% - 44px);rotate:7deg}.col-art--bloem .col-in img:nth-child(7){translate:calc(-50% + 25px) calc(-50% - 44px);rotate:-9deg}.col-art--raster .col-in img{--w:44px}.col-art--raster .col-in img:nth-child(1){translate:calc(-50% - 66px) calc(-50% - 48px);rotate:-7deg}.col-art--raster .col-in img:nth-child(2){translate:calc(-50% - 22px) calc(-50% - 48px);rotate:5deg}.col-art--raster .col-in img:nth-child(3){translate:calc(-50% + 22px) calc(-50% - 48px);rotate:-4deg}.col-art--raster .col-in img:nth-child(4){translate:calc(-50% + 66px) calc(-50% - 48px);rotate:8deg}.col-art--raster .col-in img:nth-child(5){translate:calc(-50% - 66px) -50%;rotate:6deg}.col-art--raster .col-in img:nth-child(6){translate:calc(-50% - 22px) -50%;rotate:-6deg}.col-art--raster .col-in img:nth-child(7){translate:calc(-50% + 22px) -50%;rotate:4deg}.col-art--raster .col-in img:nth-child(8){translate:calc(-50% + 66px) -50%;rotate:-8deg}.col-art--raster .col-in img:nth-child(9){translate:calc(-50% - 66px) calc(-50% + 48px);rotate:-5deg}.col-art--raster .col-in img:nth-child(10){translate:calc(-50% - 22px) calc(-50% + 48px);rotate:7deg}.col-art--raster .col-in img:nth-child(11){translate:calc(-50% + 22px) calc(-50% + 48px);rotate:-6deg}.col-art--raster .col-in img:nth-child(12){translate:calc(-50% + 66px) calc(-50% + 48px);rotate:5deg}.col-card:hover .col-in{transform:scale(calc(var(--s,1) * 1.05))}@media(max-width:900px){.colp-hero-in{grid-template-columns:1fr}.colp-viewer{min-height:320px}}@media(max-width:600px){.colp-grid{grid-template-columns:1fr 1fr;gap:12px}.col-art{height:148px}.col-in{--s:.76}.col-body{padding:0 17px}.col-t{font-size:21px}.col-p{font-size:23px}}@media(prefers-reduced-motion:reduce){.col-in img{animation:none}.col-art--los .col-in img{opacity:0}.col-art--los .col-in img:first-child{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/sc-collectie.css.map */