main .sec.ex{padding:clamp(48px,5vw,96px) clamp(20px,4vw,72px) clamp(56px,5vw,100px);background:var(--cg-page, #FBF5EC)}.ex-hd{text-align:center}.ex-kicker{display:inline-flex;align-items:center;gap:14px;margin:0;font:500 clamp(12.5px,.95vw,15px)/1 var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--cg-muted, #6E5A4A)}.ex-kicker:before,.ex-kicker:after{content:"";width:clamp(28px,4vw,60px);height:1.5px;background:var(--cg-gold-line, #C59A5B)}.ex-title{margin:14px 0 0;font:700 clamp(46px,6vw,108px)/.92 var(--display);text-transform:uppercase;color:var(--cg-ink, #22150E)}.ex-title em{font:inherit;font-style:normal;color:var(--cg-gold, #A8742F)}.ex-sub{margin:16px auto 0;max-width:42ch;font:400 clamp(16px,1.2vw,20px)/1.55 var(--body);color:var(--cg-text-soft, #4A3628)}.ex-part{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:clamp(40px,4vw,70px) 0 clamp(18px,2vw,30px)}.ex-part h3{margin:0;font:700 clamp(28px,2.9vw,52px)/.95 var(--display);text-transform:uppercase;color:var(--cg-ink, #22150E);white-space:nowrap}.ex-hint{margin:8px 0 0;font:400 clamp(14px,1vw,17px)/1.4 var(--body);color:var(--cg-text-soft, #4A3628)}.ex-more{display:inline-flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:2px solid var(--cg-brand, #F2C230);font:600 clamp(12px,.95vw,14px)/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--cg-ink, #22150E);text-decoration:none;white-space:nowrap}.ex-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;rotate:-45deg;transition:rotate .25s ease}.ex-more:hover svg,.ex-more:focus-visible svg{rotate:0deg}.ex-cats{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(14px,1.8vw,36px)}.ex-cat{display:grid;justify-items:center;gap:12px;text-decoration:none;color:var(--cg-ink, #22150E)}.ex-cat__stage{position:relative;width:100%;max-width:220px;aspect-ratio:1 / 1.08}.ex-cat__drop{position:absolute;left:18%;right:18%;top:30%;bottom:4%;width:64%;height:66%;overflow:visible}.ex-cat__drop path{fill:#fcefc8}.ex-cat--rose .ex-cat__drop path{fill:#f9e4de}.ex-cat__obj{position:absolute;top:2%;right:4%;bottom:4%;left:4%;z-index:2;display:flex;align-items:center;justify-content:center;transition:translate .3s ease}.ex-cat__obj img,.ex-cat__obj .cg-ph-wrap{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 12px rgba(42,26,18,.26))}.ex-cat:hover .ex-cat__obj{translate:0 -6px}.ex-cat__name{font:600 clamp(14.5px,1.05vw,18px)/1.25 var(--body);text-align:center;color:var(--cg-text, #3E2C20)}.ex-case{border-radius:34px;background:var(--cg-espresso, #3B2418);padding:30px 36px 36px}.ex-case__top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;color:var(--cg-on-dark, #FFF6EA)}.ex-case__top b{font:600 15px/1 var(--body);letter-spacing:.22em;text-transform:uppercase}.ex-case__dots{display:flex;align-items:center;gap:8px;font:600 15px/1 var(--body)}.ex-case__dots i{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px var(--cg-espresso, #3B2418),0 0 0 3px #fff6ea59}.ex-case__dots span{margin-left:10px}.ex-case__row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * 18px) / 5.4);gap:18px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.ex-case__row::-webkit-scrollbar{display:none}.ex-fl{position:relative;display:block;scroll-snap-align:start;border-radius:22px;background:#ede3d6;padding:18px 16px;text-decoration:none;color:var(--cg-ink, #22150E)}.ex-fl__label{position:absolute;z-index:3;left:50%;top:10px;width:86%;translate:-50% 0;rotate:var(--r);padding:14px 14px 12px;border-radius:12px;background:var(--cg-paper, #FFFDF8);box-shadow:0 16px 24px -18px #2a1a12bf;text-align:center}.ex-fl__label i{display:block;width:18px;height:18px;margin:0 auto 8px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 2px var(--d)}.ex-fl__label b{display:block;font:600 clamp(17px,1.3vw,21px)/1.15 var(--body)}.ex-fl__label span{display:block;margin-top:6px;font:400 13.5px/1.3 var(--body);color:var(--cg-muted, #6E5A4A)}.ex-fl__stick{position:absolute;z-index:2;left:50%;top:118px;width:4px;height:26px;translate:-50% 0;border-radius:2px;background:#e6d7be}.ex-fl__pan{position:relative;display:block;height:150px;margin-top:112px;border-radius:10px 10px 16px 16px;background:#b7b2ab;border:5px solid #CFCAC3;border-top-width:9px;box-shadow:inset 0 -10px #a39e97,0 16px 20px -16px #2a1a12b3;overflow:hidden}.ex-fl__bed{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c)}.ex-fl__bed:after{content:"";position:absolute;left:50%;top:56%;width:84%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:var(--cg-paper, #FFFDF8);opacity:.55}.ex-fl__obj{position:absolute;z-index:2;left:4%;right:4%;bottom:8px;top:8px;display:flex;align-items:flex-end;justify-content:center}.ex-fl__obj img,.ex-fl__obj .cg-ph-wrap{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(42,26,18,.4))}.ex-fl--pack .ex-fl__obj{top:2px;bottom:2px}.ex-fl--pack .ex-fl__obj img{height:100%}.ex-fl__sold{position:absolute;z-index:4;right:10px;bottom:34px;padding:8px 16px;border-radius:12px;background:var(--cg-brand, #F2C230);border:3px solid var(--cg-ink, #22150E);font:700 26px/1 var(--display);text-transform:uppercase;rotate:-8deg}.ex-fl:hover .ex-fl__obj{translate:0 -4px;transition:translate .3s ease}@media(max-width:1023px){.ex-cats{grid-template-columns:repeat(4,1fr);row-gap:30px}.ex-case__row{grid-auto-columns:calc((100% - 2 * 16px) / 2.4);gap:16px}}@media(max-width:699px){.ex-cats{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:8px;row-gap:18px}.ex-cat{gap:6px}.ex-cat__name{font-size:12.5px;line-height:1.2}.ex-case{border-radius:24px;padding:20px 16px 22px}.ex-case__top{flex-direction:column;align-items:flex-start}.ex-case__row{grid-auto-columns:70vw}.ex-part{flex-direction:column;align-items:flex-start;gap:14px}.ex-more{letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){.ex-more svg,.ex-cat__obj,.ex-fl__obj{transition:none!important}}@media(prefers-reduced-motion:no-preference){.ex-anim .ex-cat,.ex-anim .ex-cat__drop,.ex-anim .ex-cat__obj img,.ex-anim .ex-cat__name,.ex-anim .ex-fl,.ex-anim .ex-fl__pan,.ex-anim .ex-fl__stick,.ex-anim .ex-fl__label,.ex-anim .ex-fl__obj img{--ease: cubic-bezier(.16, 1, .3, 1)}.ex-anim[data-cat="1"] .ex-cat{transition:opacity .8s var(--ease),translate 1s var(--ease);transition-delay:calc(var(--i, 0) * 70ms)}.ex-anim[data-cat="1"] .ex-cat__drop{transition:scale 1.1s var(--ease);transition-delay:calc(var(--i, 0) * 70ms + .12s)}.ex-anim[data-cat="1"] .ex-cats:not(.is-in) .ex-cat{opacity:0;translate:0 32px}.ex-anim[data-cat="1"] .ex-cats:not(.is-in) .ex-cat__drop{scale:.55}.ex-anim[data-cat="2"] .ex-cat__drop{transition:scale .7s cubic-bezier(.34,1.3,.64,1),opacity .4s ease;transition-delay:calc(var(--i, 0) * 65ms)}.ex-anim[data-cat="2"] .ex-cat__obj img{transition:opacity .5s ease,translate .85s cubic-bezier(.3,1.25,.5,1);transition-delay:calc(var(--i, 0) * 65ms + .22s)}.ex-anim[data-cat="2"] .ex-cat__name{transition:opacity .6s ease;transition-delay:calc(var(--i, 0) * 65ms + .42s)}.ex-anim[data-cat="2"] .ex-cats:not(.is-in) .ex-cat__drop{scale:0;opacity:0}.ex-anim[data-cat="2"] .ex-cats:not(.is-in) .ex-cat__obj img{opacity:0;translate:0 -40px}.ex-anim[data-cat="2"] .ex-cats:not(.is-in) .ex-cat__name{opacity:0}.ex-anim[data-cat="3"] .ex-cat__obj img{transition:clip-path 1.1s cubic-bezier(.65,0,.35,1),scale 1.4s var(--ease);transition-delay:calc(var(--i, 0) * 60ms);clip-path:inset(0 0 0 0)}.ex-anim[data-cat="3"] .ex-cat__drop{transition:opacity .9s ease;transition-delay:calc(var(--i, 0) * 60ms + .2s)}.ex-anim[data-cat="3"] .ex-cat__name{transition:opacity .7s ease,translate .9s var(--ease);transition-delay:calc(var(--i, 0) * 60ms + .45s)}.ex-anim[data-cat="3"] .ex-cats:not(.is-in) .ex-cat__obj img{clip-path:inset(100% 0 0 0);scale:1.1}.ex-anim[data-cat="3"] .ex-cats:not(.is-in) .ex-cat__drop{opacity:0}.ex-anim[data-cat="3"] .ex-cats:not(.is-in) .ex-cat__name{opacity:0;translate:0 .5em}.ex-anim[data-fl="1"] .ex-fl{transition:opacity .8s var(--ease),translate 1.1s var(--ease);transition-delay:calc(var(--i, 0) * 90ms)}.ex-anim[data-fl="1"] .ex-case__row:not(.is-in) .ex-fl{opacity:0;translate:72px 0}.ex-anim .ex-case__row:not(.is-done){scroll-snap-type:none}.ex-anim[data-fl="2"] .ex-fl{transition:opacity .6s ease;transition-delay:calc(var(--i, 0) * .11s)}.ex-anim[data-fl="2"] .ex-fl__pan{transition:translate .9s var(--ease);transition-delay:calc(var(--i, 0) * .11s)}.ex-anim[data-fl="2"] .ex-fl__stick{transform-origin:50% 100%;transition:scale .45s var(--ease);transition-delay:calc(var(--i, 0) * .11s + .3s)}.ex-anim[data-fl="2"] .ex-fl__label{transform-origin:50% 100%;transition:opacity .4s ease,translate .8s cubic-bezier(.3,1.3,.5,1),rotate .9s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--i, 0) * .11s + .52s)}.ex-anim[data-fl="2"] .ex-case__row:not(.is-in) .ex-fl{opacity:0}.ex-anim[data-fl="2"] .ex-case__row:not(.is-in) .ex-fl__pan{translate:0 28px}.ex-anim[data-fl="2"] .ex-case__row:not(.is-in) .ex-fl__stick{scale:1 0}.ex-anim[data-fl="2"] .ex-case__row:not(.is-in) .ex-fl__label{opacity:0;translate:-50% 26px;rotate:calc(var(--r) - 9deg)}.ex-anim[data-fl="3"] .ex-fl{transition:opacity .9s ease,filter 1s var(--ease),scale 1.1s var(--ease);transition-delay:calc(var(--i, 0) * 90ms)}.ex-anim[data-fl="3"] .ex-fl__obj img{transition:scale 1.5s var(--ease);transition-delay:calc(var(--i, 0) * 90ms)}.ex-anim[data-fl="3"] .ex-case__row:not(.is-in) .ex-fl{opacity:0;filter:blur(8px);scale:.96}.ex-anim[data-fl="3"] .ex-case__row:not(.is-in) .ex-fl__obj img{scale:1.14}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cg-explore.css.map */