.keiko-portfolio{--kp-max-width: 1320px;--kp-width-vw: 76vw;--kp-gap: 12px;--kp-cols-desktop: 4;--kp-cols-tablet: 3;--kp-cols-mobile: 2;--kp-title-size: 48px;--kp-title-space: 110px;--kp-padding-top: 40px;--kp-padding-bottom: 120px;--kp-overlay-alpha: .5;background:#fff;color:#111}.keiko-portfolio__inner{width:min(var(--kp-max-width),var(--kp-width-vw));margin:0 auto;padding:var(--kp-padding-top) 0 var(--kp-padding-bottom)}.keiko-portfolio__title{margin:0 0 var(--kp-title-space);font-family:var(--font-body-family, "Helvetica Neue", Arial, sans-serif);font-size:var(--kp-title-size);font-weight:300;line-height:1.15;letter-spacing:.04em}.keiko-portfolio__grid{display:grid;grid-template-columns:repeat(var(--kp-cols-desktop),minmax(0,1fr));grid-auto-rows:8px;gap:var(--kp-gap);align-items:start}.keiko-portfolio__button{position:relative;display:block;width:100%;height:auto!important;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;overflow:hidden}.keiko-portfolio__image{display:block;width:100%;height:auto!important;max-width:100%;object-fit:contain;margin:0}.keiko-portfolio__card{min-width:0}.keiko-portfolio__button{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:inherit;overflow:hidden}.keiko-portfolio__placeholder{min-height:220px;background:#f4f4f4}.keiko-portfolio__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(20,20,20,var(--kp-overlay-alpha));color:#fff;opacity:0;transition:opacity .28s ease;pointer-events:none;text-align:center}.keiko-portfolio__overlay-inner{max-width:92%}.keiko-portfolio__overlay-title{display:block;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}.keiko-portfolio__overlay-meta{display:block;font-size:15px;font-weight:400;line-height:1.45}.keiko-portfolio__overlay-meta span{display:block}@media(hover:hover){.keiko-portfolio__button:hover .keiko-portfolio__overlay{opacity:1}.keiko-portfolio__button:hover .keiko-portfolio__image{filter:brightness(.72)}}.keiko-portfolio__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.keiko-portfolio__button:focus-visible .keiko-portfolio__overlay{opacity:1}.keiko-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;background:#181818e6}.keiko-lightbox.is-open{display:block}.keiko-lightbox__dialog{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:48px 70px 58px}.keiko-lightbox__figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.keiko-lightbox__image{display:block;width:auto;height:auto;max-width:min(82vw,1200px);max-height:calc(100vh - 150px);object-fit:contain;box-shadow:0 8px 34px #00000038}.keiko-lightbox__caption{margin-top:14px;min-height:1em;max-width:min(82vw,900px);color:#fff;text-align:center;font-size:14px;line-height:1.5}.keiko-lightbox__caption:empty{display:none}.keiko-lightbox__close,.keiko-lightbox__nav{position:absolute;z-index:2;border:0;background:transparent;color:#fff;font-family:Arial,sans-serif;font-weight:200;cursor:pointer}.keiko-lightbox__close{top:12px;right:18px;padding:6px;font-size:38px;line-height:1}.keiko-lightbox__nav{top:50%;transform:translateY(-50%);padding:18px;font-size:52px;line-height:1}.keiko-lightbox__prev{left:8px}.keiko-lightbox__next{right:8px}.keiko-lightbox__nav[hidden]{display:none}body.keiko-lightbox-open{overflow:hidden}@media screen and (max-width:989px){.keiko-portfolio__inner{width:auto;margin:0 18px}.keiko-portfolio__grid{display:grid;grid-template-columns:repeat(var(--kp-cols-tablet),minmax(0,1fr))}.keiko-portfolio__button{width:100%;height:auto}.keiko-portfolio__image{width:100%;height:auto;max-width:100%}.keiko-portfolio__title{font-size:min(var(--kp-title-size),38px);margin-bottom:min(var(--kp-title-space),80px)}}@media screen and (max-width:749px){.keiko-portfolio__inner{margin:0 12px;padding-top:max(24px,calc(var(--kp-padding-top) * .75));padding-bottom:max(60px,calc(var(--kp-padding-bottom) * .7))}.keiko-portfolio__grid{display:grid;grid-template-columns:repeat(var(--kp-cols-mobile),minmax(0,1fr));gap:min(var(--kp-gap),8px)}.keiko-portfolio__title{font-size:min(var(--kp-title-size),30px);margin-bottom:min(var(--kp-title-space),58px)}.keiko-portfolio__overlay{display:none}.keiko-lightbox__dialog{padding:42px 34px 62px}.keiko-lightbox__image{max-width:92vw;max-height:calc(100vh - 135px)}.keiko-lightbox__caption{max-width:88vw;margin-top:10px;font-size:12px}.keiko-lightbox__nav{padding:8px;font-size:40px}.keiko-lightbox__prev{left:0}.keiko-lightbox__next{right:0}.keiko-lightbox__close{top:8px;right:8px}}body:has(.keiko-portfolio) .header__heading-link .h2{font-size:0}body:has(.keiko-portfolio) .header__heading-link .h2:after{content:"KEIKO";font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:30px;font-weight:500;letter-spacing:.12em;color:#000f2b;line-height:1}.keiko-lightbox__dialog{padding:42px 72px 120px}.keiko-lightbox__image{max-height:calc(100vh - 220px);max-height:calc(100dvh - 220px)}.keiko-lightbox__caption{margin-top:14px;padding-bottom:8px;line-height:1.55}@media screen and (max-width:989px){.keiko-lightbox__dialog{padding:38px 48px 105px}.keiko-lightbox__image{max-width:88vw;max-height:calc(100vh - 195px);max-height:calc(100dvh - 195px)}.keiko-lightbox__caption{max-width:82vw;margin-top:12px;font-size:13px}}@media screen and (max-width:749px){.keiko-lightbox__dialog{padding:48px 24px 105px}.keiko-lightbox__image{max-width:90vw;max-height:calc(100vh - 185px);max-height:calc(100dvh - 185px)}.keiko-lightbox__caption{max-width:88vw;margin-top:10px;padding-bottom:6px;font-size:12px;line-height:1.45}.keiko-lightbox__close{top:10px;right:10px}.keiko-lightbox__nav{font-size:38px;padding:8px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/keiko-portfolio.css.map */