.nk-works--mountains{--mountain-height:clamp(460px,62svh,650px);padding-top:20px;padding-bottom:50px}.nk-works--mountains .nk-works__heading{font-size:22px;margin-bottom:14px}.nk-works--mountains .nk-works__notice{font-size:13px;letter-spacing:.06em;margin-bottom:28px}.nk-works--mountains .nk-works__filters{justify-content:flex-start;gap:28px;margin-bottom:0}.nk-works--mountains .nk-works__filters button{font-size:12px;letter-spacing:.035em}.nk-works--mountains .nk-works__rail{display:flex;align-items:stretch;gap:0;height:calc((var(--mountain-height) - 112px) * 1.56);padding:0;scroll-snap-type:none;overflow-anchor:none;scroll-behavior:auto}.nk-works--mountains .nk-works__card{display:flex;flex-direction:column;flex:0 0 calc(var(--mountain-height) * 1.08);width:auto;min-width:0;height:100%;margin:0 -1px 0 0;align-self:stretch;background:#fff;clip-path:none}.nk-works--mountains .nk-mountain--2{flex-basis:calc(var(--mountain-height) * 1.22)}.nk-works--mountains .nk-mountain--3{flex-basis:calc(var(--mountain-height) * 1.36)}.nk-mountain__visual{position:relative;height:100%;flex-shrink:0;overflow:hidden}.nk-mountain--1 .nk-mountain__visual{clip-path:url(#WorksMountain1)}.nk-mountain--2 .nk-mountain__visual{clip-path:url(#WorksMountain2)}.nk-mountain--3 .nk-mountain__visual{clip-path:url(#WorksMountain3)}.nk-mountain--4 .nk-mountain__visual{clip-path:url(#WorksMountain4)}.nk-works--mountains .nk-works__image{object-position:var(--crop-x,50%) var(--crop-y,50%);transform:scale(var(--crop-scale,1))!important;transform-origin:var(--crop-x,50%) var(--crop-y,50%);filter:grayscale(1);transition:filter .6s ease}.nk-works--mountains .nk-works__card:is(:hover,:focus-visible,:active) .nk-works__image{filter:grayscale(0)}.nk-works--mountains .nk-works__caption{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;padding:30px 36px;opacity:0;overflow:hidden;background:linear-gradient(transparent 30%,#0000009e);color:#fff;justify-content:flex-end}.nk-works--mountains .nk-works__card:is(:hover,:focus-visible,:active) .nk-works__caption{opacity:1}.nk-works--mountains .nk-works__category{font:10px/1.5 Arial,sans-serif;letter-spacing:.06em;margin:0 0 8px;color:#ffffffd9}.nk-works--mountains .nk-works__category:after{display:none}.nk-works--mountains .nk-works__title{font-size:21px;line-height:1.5;letter-spacing:.045em}.nk-works--mountains .nk-works__subtitle{display:none}.nk-works--mountains .nk-works__card:focus,.nk-works--mountains .nk-works__rail:focus{outline:none;box-shadow:none}.nk-works--mountains .nk-works__tools{margin:20px 4vw 0;padding-top:15px;border-top:1px solid #e7e8e3}.nk-works--mountains .nk-works__count{font:11px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#61665d}.nk-mountain__hint{font:11px/1.5 "Noto Serif JP",serif;letter-spacing:.12em;color:#73786f}@media(max-width:749px){.nk-works--mountains{--mountain-height:430px;padding-top:20px}.nk-works--mountains .nk-works__rail{height:calc((var(--mountain-height) - 112px) * 1.56)}.nk-works--mountains .nk-works__card{flex-basis:84vw;min-width:280px}.nk-works--mountains .nk-mountain--2{flex-basis:91vw}.nk-works--mountains .nk-mountain--3{flex-basis:96vw}.nk-works--mountains .nk-works__caption{padding:16px 22px 10px}.nk-works--mountains .nk-works__title{font-size:18px}.nk-works--mountains .nk-works__tools{justify-content:space-between}.nk-works--mountains .nk-works__filters{gap:22px}}@media(hover:none){.nk-works--mountains .nk-works__caption{opacity:1}.nk-works--mountains .nk-works__card:hover:not(:active):not(:focus-visible) .nk-works__image{filter:grayscale(1)}}.nk-mountain__wildlife{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;color:#34392f}@media(prefers-reduced-motion:reduce){.nk-mountain__wildlife{display:none}}.nk-works--mountains{padding-top:0;padding-bottom:140px}.nk-mountain__sky{position:relative;isolation:isolate;min-height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px 0}.nk-mountain__intro{position:relative;z-index:1;width:40%;text-align:center}.nk-works--mountains .nk-mountain__intro .nk-works__heading{margin:0 0 14px}.nk-works--mountains .nk-mountain__intro .nk-works__notice{margin:0 0 22px;line-height:1.8}.nk-works--mountains .nk-mountain__intro .nk-works__filters{justify-content:center;margin:0;padding:0;gap:24px;flex-wrap:wrap}.nk-mountain__cloud{position:absolute;pointer-events:none;width:34%;max-width:650px;opacity:.86;will-change:transform}.nk-mountain__cloud svg{display:block;width:100%;height:auto}.nk-mountain__cloud--left{left:-5%;top:0;animation:nk-cloud-left 32s ease-in-out infinite alternate}.nk-mountain__cloud--right{right:-5%;bottom:-8px;transform:scaleX(-1);animation:nk-cloud-right 44s ease-in-out infinite alternate}@keyframes nk-cloud-left{0%{transform:translate(-168px)}to{transform:translateY(8px)}}@keyframes nk-cloud-right{0%{transform:translate(168px) scaleX(-1)}to{transform:translateY(-8px) scaleX(-1)}}.nk-mountain__landscape{position:relative;isolation:isolate}.nk-mountain__landscape .nk-mountain__mist{display:block;position:absolute;z-index:3;pointer-events:none;bottom:-1px;left:0;right:0;height:clamp(80px,10vw,140px);background:linear-gradient(to bottom,#fff0,#ffffff2e 25%,#ffffffad 62%,#fff 98%)}.nk-works--mountains .nk-works__caption{padding-bottom:clamp(90px,10vw,140px)}.nk-works--mountains .nk-works__tools{border-top:0;margin-top:12px}@media(max-width:749px){.nk-works--mountains{padding-bottom:100px}.nk-mountain__sky{min-height:245px;align-items:flex-start;padding:20px 18px 90px}.nk-mountain__intro{width:100%}.nk-works--mountains .nk-mountain__intro .nk-works__notice{font-size:11px;margin-bottom:16px}.nk-works--mountains .nk-mountain__intro .nk-works__filters{gap:18px}.nk-mountain__cloud{width:48%;top:auto;bottom:0}.nk-mountain__cloud--right{bottom:-14px}.nk-mountain__landscape .nk-mountain__mist{height:80px}.nk-works--mountains .nk-works__caption{padding-bottom:90px}}@media(prefers-reduced-motion:reduce){.nk-mountain__cloud{animation:none;will-change:auto}}.nk-works--mountains .nk-mountain--4{flex-basis:calc(var(--mountain-height) * 1.22)}@media(max-width:749px){.nk-works--mountains .nk-mountain--4{flex-basis:91vw}.nk-works--mountains .nk-works__card[style*=--mobile-crop-x] .nk-works__image{object-position:var(--mobile-crop-x) var(--mobile-crop-y);transform:scale(var(--mobile-crop-scale))!important;transform-origin:var(--mobile-crop-x) var(--mobile-crop-y)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/works-mountains.css.map */