.cr{--cr-spring:cubic-bezier(.34,1.4,.5,1)}.cr__head{text-align:center;max-width:720px;margin:0 auto}.cr__title{margin-top:14px}.cr__lead{margin:14px auto 0;max-width:60ch}.cr__hint{margin:14px 0 0;font-family:var(--font-display);font-size:.86rem;font-weight:600;color:var(--ink-3)}.cr__hint--touch{display:none}.cr__rail{position:relative;margin-top:clamp(28px,4vw,48px)}.cr__row{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px)}.cr__nav{display:none}.cr__cta{display:flex;justify-content:center;margin-top:clamp(26px,3.5vw,40px)}.cr-item__link{display:grid;gap:14px;color:inherit;text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent}.cr-item__stage{position:relative;display:block;aspect-ratio:1 / 1.12}.cr-item__card{position:absolute;inset:0;border-radius:28px;overflow:hidden;background:var(--t-card);opacity:0;transform:scale(.88);transition:opacity .3s var(--ease),transform .55s var(--cr-spring)}.cr-item__love{position:absolute;left:16px;right:16px;top:16px;z-index:2;font-family:var(--font-display);font-weight:700;font-size:clamp(.82rem,1.05vw,.95rem);line-height:1.3;letter-spacing:-.01em;text-align:center;color:var(--t-deep);opacity:0;transform:translateY(-8px);transition:opacity .3s var(--ease),transform .45s var(--cr-spring)}.cr-item__btn{position:absolute;left:50%;bottom:16px;z-index:2;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;background:var(--t-deep);color:#fffdf8;font-family:var(--font-display);font-weight:700;font-size:.86rem;letter-spacing:-.01em;opacity:0;transform:translate(-50%,16px);transition:opacity .3s var(--ease),transform .45s var(--cr-spring)}.cr-item__prop{position:absolute;z-index:0;height:auto;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(23,28,38,.16));opacity:0;transform:translate(var(--px,0),var(--py,0)) scale(.3) rotate(var(--r0,0deg));transition:opacity .25s var(--ease),transform .6s var(--cr-spring)}.cr-item__prop--1{left:3%;top:20%;width:30%;--px:70%;--py:40%;--r0:-40deg;--r1:-12deg}.cr-item__prop--2{right:1%;top:38%;width:26%;--px:-80%;--py:10%;--r0:40deg;--r1:14deg}.cr-item__prop--3{left:8%;bottom:17%;width:24%;--px:80%;--py:-60%;--r0:-30deg;--r1:8deg}.cr-item__kit{position:absolute;inset:3% 6% 1%;z-index:1;display:grid;place-items:center;transition:transform .6s var(--cr-spring)}.cr-item__kit img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(23,28,38,.17))}.cr-item__kit.is-new img{animation:crIn .6s var(--ease)}@keyframes crIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cr-item__ph{display:block;width:72%;aspect-ratio:1.45;border-radius:22%;background:linear-gradient(180deg,var(--t-card) 0 34%,var(--t) 34% 100%);box-shadow:inset 0 -10px 18px #171c2614,0 22px 26px -14px #171c2647;animation:crBreath 1.6s ease-in-out infinite alternate}@keyframes crBreath{0%{opacity:.75}to{opacity:1}}.cr-item__meta{display:grid;gap:3px;justify-items:center;text-align:center}.cr-item__sub{font-size:.82rem;color:var(--ink-3)}.cr-item__name{font-family:var(--font-display);font-weight:800;font-size:clamp(1.02rem,1.4vw,1.2rem);letter-spacing:-.02em;color:var(--ink)}.cr-item__link:hover .cr-item__card,.cr-item__link:focus-visible .cr-item__card,.cr-item.is-active .cr-item__card{opacity:1;transform:none}.cr-item__link:hover .cr-item__kit,.cr-item__link:focus-visible .cr-item__kit,.cr-item.is-active .cr-item__kit{transform:translateY(-6%) scale(.7) rotate(-6deg)}.cr-item__link:hover .cr-item__love,.cr-item__link:focus-visible .cr-item__love,.cr-item.is-active .cr-item__love,.cr-item__link:hover .cr-item__btn,.cr-item__link:focus-visible .cr-item__btn,.cr-item.is-active .cr-item__btn{opacity:1}.cr-item__link:hover .cr-item__love,.cr-item__link:focus-visible .cr-item__love,.cr-item.is-active .cr-item__love{transform:none;transition-delay:.06s}.cr-item__link:hover .cr-item__btn,.cr-item__link:focus-visible .cr-item__btn,.cr-item.is-active .cr-item__btn{transform:translate(-50%);transition-delay:.1s}.cr-item__link:hover .cr-item__prop,.cr-item__link:focus-visible .cr-item__prop,.cr-item.is-active .cr-item__prop{opacity:1;transform:translate(0) scale(1) rotate(var(--r1,0deg))}.cr-item__link:hover .cr-item__prop--2,.cr-item__link:focus-visible .cr-item__prop--2,.cr-item.is-active .cr-item__prop--2{transition-delay:.07s}.cr-item__link:hover .cr-item__prop--3,.cr-item__link:focus-visible .cr-item__prop--3,.cr-item.is-active .cr-item__prop--3{transition-delay:.14s}.cr-item__link:focus-visible .cr-item__card{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--t-deep)}.cr-item__link:hover .cr-item__name,.cr-item.is-active .cr-item__name{color:var(--t-deep)}.cr-item__link:hover .cr-item__btn .arw{transform:translate(3px)}.cr-item__btn .arw{transition:transform .25s var(--ease)}.cr-shooter{position:fixed;left:-12000px;top:0;width:560px;height:560px;pointer-events:none}@media(max-width:960px),(hover:none){.cr__hint--hover{display:none}.cr__hint--touch{display:inline}.cr__row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(66vw,300px);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(50% - 50vw);padding:6px calc((100vw - min(66vw,300px))/2) 10px}.cr__row::-webkit-scrollbar{display:none}.cr-item{scroll-snap-align:center}.cr__nav{display:grid;place-items:center;position:absolute;z-index:3;top:calc(6px + min(66vw,300px)*.56);transform:translateY(-50%);width:44px;height:44px;padding:0;border-radius:50%;cursor:pointer;border:1px solid var(--line);background:#fffdf8f0;color:var(--ink);box-shadow:0 6px 18px -8px #171c2659;transition:opacity .2s var(--ease),transform .2s var(--ease)}.cr__nav svg{width:20px;height:20px}.cr__nav:active{transform:translateY(-50%) scale(.92)}.cr__nav:disabled{opacity:.3;cursor:default}.cr__nav--prev{left:max(calc(50% - 50vw + 8px),calc(50% - (min(66vw,300px)/2) - 54px))}.cr__nav--next{right:max(calc(50% - 50vw + 8px),calc(50% - (min(66vw,300px)/2) - 54px))}.cr-item:not(.is-active) .cr-item__stage{transform:scale(.94);transition:transform .4s var(--ease)}.cr-item.is-active .cr-item__stage{transition:transform .4s var(--ease)}}@media(prefers-reduced-motion:reduce){.cr-item__card,.cr-item__kit,.cr-item__prop,.cr-item__love,.cr-item__btn,.cr-item__stage{transition:opacity .2s linear!important}.cr-item__link:hover .cr-item__kit,.cr-item__link:focus-visible .cr-item__kit,.cr-item.is-active .cr-item__kit{transform:scale(.8)}.cr-item__ph{animation:none}}
