.masses-lookbook-page{box-sizing:border-box;min-height:100vh;padding:calc(var(--masses-header-h) + 72px) var(--masses-page-pad) 120px;color:#000;background:#fff;font-family:Helvetica Neue,Helvetica,Arial,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic Medium,Yu Gothic,sans-serif;-webkit-font-smoothing:antialiased}.masses-lookbook-page *,.masses-lookbook-page *:before,.masses-lookbook-page *:after{box-sizing:border-box}.masses-lookbook-page__inner{width:min(100%,1280px);margin:0 auto}.masses-lookbook-page__header{margin-bottom:59px;text-align:center}.masses-lookbook-page__header h1{margin:0;color:#000;font-size:21px;font-weight:400;line-height:1.5;letter-spacing:.06em}.masses-lookbook-grid{display:grid;grid-template-columns:repeat(var(--masses-lookbook-columns, 4),minmax(0,1fr));gap:var(--masses-lookbook-gap, 12px)}.masses-lookbook-grid__item{min-width:0}.masses-lookbook-grid__button{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;border-radius:0;color:inherit;background:#f4f4f4;cursor:zoom-in;-webkit-appearance:none;appearance:none;aspect-ratio:4 / 5}.masses-lookbook-grid__button:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:#000;opacity:0;transition:opacity .35s ease;pointer-events:none}.masses-lookbook-grid__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.22,1,.36,1)}.masses-lookbook-grid__button:hover:after,.masses-lookbook-grid__button:focus-visible:after{opacity:.28}.masses-lookbook-grid__button:hover .masses-lookbook-grid__image,.masses-lookbook-grid__button:focus-visible .masses-lookbook-grid__image{transform:scale(1.025)}.masses-lookbook-grid__button:focus-visible{outline:1px solid #000;outline-offset:3px}.masses-lookbook-page__empty{margin:80px 0;color:#666;font-size:13px;line-height:1.8;text-align:center}.masses-lookbook-page__collection-link{display:flex;justify-content:center;margin-top:64px}.masses-lookbook-page__collection-link a{display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:54px;padding:14px 30px;border:1px solid #000;border-radius:0;color:#fff;background:#000;font-size:12px;font-weight:400;line-height:1;letter-spacing:.12em;text-align:center;text-decoration:none;transition:color .25s ease,background-color .25s ease}.masses-lookbook-page__collection-link a:hover,.masses-lookbook-page__collection-link a:focus-visible{color:#000;background:#fff}.masses-lookbook-page__collection-link a:focus-visible{outline:1px solid #000;outline-offset:3px}html.masses-lookbook-is-open,html.masses-lookbook-is-open body{overflow:hidden}.masses-lookbook-lightbox[hidden]{display:none}.masses-lookbook-lightbox{position:fixed;z-index:2147483000;top:0;right:0;bottom:0;left:0;box-sizing:border-box;background:#0000;pointer-events:none;transition:background-color .42s cubic-bezier(.22,1,.36,1)}.masses-lookbook-lightbox *,.masses-lookbook-lightbox *:before,.masses-lookbook-lightbox *:after{box-sizing:border-box}.masses-lookbook-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;cursor:zoom-out}.masses-lookbook-lightbox__dialog{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px 0;overflow:hidden;opacity:0;pointer-events:none;transform:scale(.985);transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.masses-lookbook-lightbox.is-open{background:#000000d1;pointer-events:auto}.masses-lookbook-lightbox.is-open .masses-lookbook-lightbox__dialog{opacity:1}.masses-lookbook-lightbox.is-open .masses-lookbook-lightbox__dialog{transform:scale(1)}.masses-lookbook-lightbox__close,.masses-lookbook-lightbox__nav,.masses-lookbook-lightbox__figure{pointer-events:auto}.masses-lookbook-lightbox__close,.masses-lookbook-lightbox__nav{padding:0;border:0;border-radius:0;color:#fff;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.masses-lookbook-lightbox__close{position:absolute;z-index:4;top:24px;right:28px;width:30px;height:30px}.masses-lookbook-lightbox__close span:before,.masses-lookbook-lightbox__close span:after{position:absolute;top:14px;left:2px;width:28px;height:1px;content:"";background:currentColor}.masses-lookbook-lightbox__close span:before{transform:rotate(45deg)}.masses-lookbook-lightbox__close span:after{transform:rotate(-45deg)}.masses-lookbook-lightbox__nav{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#555;background:#ffffffd1;transform:translateY(-50%);transition:color .25s ease,background-color .25s ease}.masses-lookbook-lightbox__nav--prev{left:7.5vw}.masses-lookbook-lightbox__nav--next{right:7.5vw}.masses-lookbook-lightbox__nav:hover,.masses-lookbook-lightbox__nav:focus-visible{color:#000;background:#fff}.masses-lookbook-lightbox__nav span{width:9px;height:9px;border-top:1px solid currentColor;border-right:1px solid currentColor}.masses-lookbook-lightbox__nav--prev span{margin-left:4px;transform:rotate(-135deg)}.masses-lookbook-lightbox__nav--next span{margin-right:4px;transform:rotate(45deg)}.masses-lookbook-lightbox__figure{position:relative;z-index:2;align-self:center;justify-self:center;width:fit-content;max-width:62vw;height:fit-content;max-height:calc(100dvh - 48px);margin:0;background:transparent;box-shadow:0 12px 38px #0000002e}.masses-lookbook-lightbox__image-link{display:block;width:fit-content;height:fit-content;max-width:62vw;max-height:calc(100dvh - 48px);cursor:pointer}.masses-lookbook-lightbox__image-link:not([href]){cursor:default;pointer-events:none}.masses-lookbook-lightbox__image{display:block;width:auto;height:auto;max-width:62vw;max-height:calc(100dvh - 48px);object-fit:contain;object-position:center}.masses-lookbook-lightbox.is-change-next-out .masses-lookbook-lightbox__figure{animation:masses-lookbook-change-next-out .2s ease-in both}.masses-lookbook-lightbox.is-change-previous-out .masses-lookbook-lightbox__figure{animation:masses-lookbook-change-previous-out .2s ease-in both}@keyframes masses-lookbook-change-next-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-20px) scale(.99)}}@keyframes masses-lookbook-change-previous-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(20px) scale(.99)}}.masses-lookbook-lightbox.is-change-next-in .masses-lookbook-lightbox__figure{animation:masses-lookbook-change-next-in .32s cubic-bezier(.22,1,.36,1) both}.masses-lookbook-lightbox.is-change-previous-in .masses-lookbook-lightbox__figure{animation:masses-lookbook-change-previous-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes masses-lookbook-change-next-in{0%{opacity:0;transform:translate(20px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes masses-lookbook-change-previous-in{0%{opacity:0;transform:translate(-20px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.masses-lookbook-lightbox__cta{position:absolute;right:18px;bottom:18px;display:inline-flex;align-items:center;min-height:38px;padding:0 15px;color:#000;background:#ffffffeb;font-size:11px;line-height:1;letter-spacing:.08em;text-decoration:none}.masses-lookbook-lightbox__cta[hidden]{display:none}.masses-lookbook-lightbox__cta span{margin-left:8px}@media(max-width:989px){.masses-lookbook-page{padding:calc(var(--masses-header-h) + 48px) var(--masses-page-pad) 72px}.masses-lookbook-page__header{margin-bottom:38px}.masses-lookbook-page__header h1{font-size:17px;line-height:1.6}.masses-lookbook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.masses-lookbook-page__collection-link{margin-top:40px}.masses-lookbook-page__collection-link a{min-width:200px;min-height:50px;padding:13px 24px}.masses-lookbook-lightbox__dialog{display:flex;align-items:center;justify-content:center;padding:54px 18px 24px}.masses-lookbook-lightbox__figure{width:fit-content;max-width:100%;height:fit-content;max-height:calc(100dvh - 78px);box-shadow:none}.masses-lookbook-lightbox__image-link,.masses-lookbook-lightbox__image{max-width:100%;max-height:calc(100dvh - 78px)}.masses-lookbook-lightbox__close{top:15px;right:16px}.masses-lookbook-lightbox__nav{width:36px;height:36px}.masses-lookbook-lightbox__nav--prev{left:8px}.masses-lookbook-lightbox__nav--next{right:8px}.masses-lookbook-lightbox__cta{right:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){.masses-lookbook-lightbox,.masses-lookbook-lightbox__dialog,.masses-lookbook-lightbox__nav,.masses-lookbook-grid__button:after,.masses-lookbook-grid__image{transition:none}.masses-lookbook-lightbox.is-change-next-out .masses-lookbook-lightbox__figure,.masses-lookbook-lightbox.is-change-next-in .masses-lookbook-lightbox__figure,.masses-lookbook-lightbox.is-change-previous-out .masses-lookbook-lightbox__figure,.masses-lookbook-lightbox.is-change-previous-in .masses-lookbook-lightbox__figure{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/masses-lookbook-page.css.map */