.palette-section{background-color:#ececec;position:relative;overflow:hidden}.palette-container{position:relative;width:100%;padding:40px}.palette-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(2rem,4vw,3.5rem);font-weight:400;color:#fff;z-index:50;pointer-events:none;letter-spacing:-.02em;mix-blend-mode:difference;white-space:nowrap;margin:0}.palette-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;gap:24px;max-width:1400px;margin:0 auto;position:relative}.palette-item{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;align-self:start;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1);will-change:transform;animation:palette-float 6s ease-in-out infinite}.palette-item:nth-child(2n){animation-duration:8s;animation-direction:reverse}.palette-item--1,.palette-item--3,.palette-item--5,.palette-item--6,.palette-item--9{aspect-ratio:2 / 3}.palette-item--2,.palette-item--4,.palette-item--8{aspect-ratio:3 / 2}.palette-item--7,.palette-item--10,.palette-item--11,.palette-item--12,.palette-item--13,.palette-item--14,.palette-item--15{aspect-ratio:1}@media(hover:hover){.palette-item:hover{transform:scale(1.05);box-shadow:0 25px 50px -12px #00000040;z-index:20;animation-play-state:paused}.palette-item:hover .palette-item__color{opacity:0}.palette-item:hover .palette-item__image{opacity:1}.palette-item:hover .palette-item__image img,.palette-item:hover .palette-item__placeholder{transform:scale(1)}}.palette-item.is-revealed{transform:scale(1.05);box-shadow:0 25px 50px -12px #00000040;z-index:20;animation-play-state:paused}.palette-item.is-revealed .palette-item__color{opacity:0}.palette-item.is-revealed .palette-item__image{opacity:1}.palette-item.is-revealed .palette-item__image img,.palette-item.is-revealed .palette-item__placeholder{transform:scale(1)}.palette-item__color{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;transition:opacity .6s cubic-bezier(.16,1,.3,1)}.palette-item__image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1);border-radius:16px;overflow:hidden}.palette-item__image img,.palette-item__placeholder{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform .8s cubic-bezier(.16,1,.3,1)}.palette-item--1{grid-column:1 / 2;grid-row:1 / 3}.palette-item--2{grid-column:2 / 4;grid-row:1 / 2}.palette-item--3{grid-column:4 / 5;grid-row:1 / 3}.palette-item--4{grid-column:5 / 7;grid-row:1 / 2}.palette-item--5{grid-column:2 / 3;grid-row:2 / 4}.palette-item--6{grid-column:5 / 6;grid-row:2 / 4}.palette-item--7{grid-column:1 / 2;grid-row:3 / 4}.palette-item--8{grid-column:3 / 5;grid-row:3 / 4}.palette-item--9{grid-column:6 / 7;grid-row:3 / 5}.palette-item--10{grid-column:2 / 3;grid-row:4 / 5}.palette-item--11{grid-column:4 / 5;grid-row:4 / 5}.palette-item--12{grid-column:5 / 6;grid-row:4 / 5}.palette-item--13{grid-column:1 / 2;grid-row:2 / 3}.palette-item--14{grid-column:6 / 7;grid-row:1 / 2}.palette-item--15{grid-column:3 / 4;grid-row:2 / 3}@keyframes palette-float{0%,to{translate:0 0}50%{translate:0 -10px}}@media(max-width:968px){.palette-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}.palette-item--1{grid-column:1 / 2;grid-row:1 / 3}.palette-item--2{grid-column:2 / 4;grid-row:1 / 2}.palette-item--3{grid-column:2 / 3;grid-row:2 / 4}.palette-item--4{grid-column:3 / 4;grid-row:2 / 3}.palette-item--5{grid-column:1 / 2;grid-row:3 / 5}.palette-item--6{grid-column:3 / 4;grid-row:3 / 5}.palette-item--7{grid-column:2 / 3;grid-row:4 / 5}.palette-item--8{grid-column:1 / 3;grid-row:5 / 6}.palette-item--9{grid-column:3 / 4;grid-row:5 / 7}.palette-item--10{grid-column:1 / 2;grid-row:6 / 7}.palette-item--11{grid-column:2 / 3;grid-row:6 / 7}.palette-item--12{grid-column:3 / 4;grid-row:7 / 8}.palette-item--13{grid-column:1 / 2;grid-row:7 / 8}.palette-item--14{grid-column:2 / 3;grid-row:7 / 8}.palette-item--15{grid-column:3 / 4;grid-row:8 / 9}.palette-item--8{aspect-ratio:3 / 2}}@media(max-width:640px){.palette-container{padding:20px 20px 60px}.palette-header{position:relative;top:auto;left:auto;transform:none;text-align:center;margin-bottom:16px;mix-blend-mode:normal;color:#1a1a1a;font-size:clamp(1.5rem,6vw,2.5rem)}.palette-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:12px;perspective:900px}.palette-item--1,.palette-item--3,.palette-item--5,.palette-item--6,.palette-item--7,.palette-item--9,.palette-item--10,.palette-item--11,.palette-item--12,.palette-item--13,.palette-item--14,.palette-item--15{aspect-ratio:1;animation:none}.palette-item--2,.palette-item--4,.palette-item--8{animation:none}.palette-item--1{grid-column:1;grid-row:1}.palette-item--3{grid-column:2;grid-row:1}.palette-item--2{grid-column:1 / 3;grid-row:2}.palette-item--5{grid-column:1;grid-row:3}.palette-item--6{grid-column:2;grid-row:3}.palette-item--4{grid-column:1 / 3;grid-row:4}.palette-item--9{grid-column:1;grid-row:5}.palette-item--7{grid-column:2;grid-row:5}.palette-item--8{grid-column:1 / 3;grid-row:6}.palette-item--10{grid-column:1;grid-row:7}.palette-item--11{grid-column:2;grid-row:7}.palette-item--12{grid-column:1;grid-row:8}.palette-item--13{grid-column:2;grid-row:8}.palette-item--14{grid-column:1;grid-row:9}.palette-item--15{grid-column:2;grid-row:9}@keyframes palette-hint{0%{transform:rotateY(0)}30%{transform:rotateY(22deg)}65%{transform:rotateY(-7deg)}to{transform:rotateY(0)}}.palette-item.is-hinting{animation:palette-hint .65s cubic-bezier(.25,.46,.45,.94) both}}.pc-section{background-color:var(--pc-bg, #f2f2f2);padding:60px 40px}.pc-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:60px;align-items:center}.pc-heading{font-family:Inter,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:500;line-height:1.15;color:#2f3335;text-align:center;margin:0}.pc-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pc-scroll-wrapper::-webkit-scrollbar{display:none}.pc-grid{display:grid;grid-template-columns:repeat(var(--pc-cols, 4),minmax(220px,1fr));grid-template-rows:repeat(9,auto);column-gap:28px;row-gap:0;width:100%}.pc-card{display:grid;grid-template-rows:subgrid;grid-row:1 / span 9;min-width:0}.pc-card__image-wrap{width:100%;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-bottom:20px}.pc-card__image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pc-card__placeholder{width:120px;height:120px;color:#c4c4c4}.pc-card__name{font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:28px;color:#2f3335;text-align:center;margin:0;padding:0 0 10px}.pc-card__price{font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#555b60;text-align:center;margin:0;padding:0 0 28px}.pc-card__feature{font-family:Open Sans,sans-serif;font-size:16px;font-weight:400;line-height:normal;color:#555b60;text-align:center;padding:20px 0;border-bottom:1px solid #d0d4d7}.pc-card__feature--last{border-bottom:none;padding-bottom:0}.pc-card__btn-wrap{width:100%;display:flex;align-items:flex-start;padding-top:20px}.pc-card__btn{display:flex;align-items:center;justify-content:center;border:1px solid #555b60;border-radius:4px;padding:16px 24px;width:100%;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;color:#555b60;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.pc-card__btn:hover{background-color:#555b60;color:#fff}@media(max-width:900px){.pc-section{padding:48px 24px}.pc-scroll-wrapper{margin:0 -24px;padding:0 24px}.pc-grid{grid-template-columns:repeat(var(--pc-cols, 4),minmax(200px,260px));column-gap:20px}}@media(max-width:600px){.pc-section{padding:40px 20px}.pc-inner{gap:36px}.pc-scroll-wrapper{margin:0 -20px;padding:0 20px 16px}.pc-grid{grid-template-columns:repeat(var(--pc-cols, 4),minmax(180px,240px));column-gap:16px}.pc-card__image-wrap{height:160px}.pc-card__name{font-size:17px}.pc-card__feature{font-size:14px;padding:14px 0}}
/*# sourceMappingURL=/cdn/shop/t/134/compiled_assets/styles.css.map */