.kkhavo-media-library{--kkhavo-page-max: 1376px;--kkhavo-page-gutter: clamp(24px, 4vw, 48px);--kkhavo-media-ink: #2f3127;--kkhavo-media-muted: #70675f;--kkhavo-media-cream: #eee5d6;--kkhavo-media-card: #fffaf2;background:#fff;color:var(--kkhavo-media-ink);padding-block:var(--kkhavo-section-padding-top, 120px) var(--kkhavo-section-padding-bottom, 120px)}.kkhavo-media-library__wrap{width:min(calc(100% - (var(--kkhavo-page-gutter) * 2)),var(--kkhavo-page-max));margin-inline:auto}.kkhavo-media-library__head{max-width:920px;margin-inline:auto;margin-block-end:clamp(38px,5vw,72px);text-align:center}.kkhavo-media-library__title{margin:0;color:var(--kkhavo-media-ink);font-family:var(--font-heading--family);font-size:clamp(3.2rem,7vw,6.8rem);font-weight:400;line-height:.98;letter-spacing:0}.kkhavo-media-library__intro{max-width:780px;margin:clamp(20px,2vw,28px) auto 0;color:var(--kkhavo-media-muted);font-family:var(--font-body--family);font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.65}.kkhavo-media-library__video{position:relative;aspect-ratio:16 / 9;margin-block-end:clamp(28px,4vw,52px);overflow:hidden;background:#332f28}.kkhavo-media-library__video iframe{width:100%;height:100%;display:block;border:0}.kkhavo-media-library__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.3vw,34px)}.kkhavo-media-card{overflow:hidden;background:var(--kkhavo-media-card);border:1px solid rgb(65 54 45 / .1)}.kkhavo-media-card__trigger{width:100%;display:block;padding:0;border:0;background:transparent;cursor:zoom-in}.kkhavo-media-card__trigger img{width:100%;aspect-ratio:16 / 9;display:block;object-fit:cover;transition:transform .42s ease}.kkhavo-media-card:hover .kkhavo-media-card__trigger img{transform:scale(1.035)}.kkhavo-media-card__caption{margin:0;padding:20px clamp(20px,2vw,28px);color:var(--kkhavo-media-ink);font-family:var(--font-heading--family);font-size:clamp(1.25rem,1.6vw,1.65rem);font-weight:600;line-height:1.2;letter-spacing:0}.kkhavo-media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;justify-content:center;gap:clamp(12px,1.8vw,20px);padding:clamp(18px,4vw,56px);opacity:0;pointer-events:none;transition:opacity .18s ease}.kkhavo-media-lightbox[aria-hidden=false]{opacity:1;pointer-events:auto}.kkhavo-media-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#191816d1;cursor:zoom-out}.kkhavo-media-lightbox__image{position:relative;z-index:1;max-width:min(100%,1380px);max-height:min(72vh,780px);margin-inline:auto;display:block;object-fit:contain;box-shadow:0 18px 60px #00000052}.kkhavo-media-lightbox__arrow{position:absolute;top:50%;z-index:2;display:grid;width:54px;height:54px;place-items:center;border:1px solid rgb(255 255 255 / .38);border-radius:50%;background:#ffffff24;color:#fff;font-family:var(--font-body--family);font-size:34px;line-height:1;cursor:pointer;transform:translateY(-50%)}.kkhavo-media-lightbox__arrow--prev{left:clamp(14px,2vw,32px)}.kkhavo-media-lightbox__arrow--next{right:clamp(14px,2vw,32px)}.kkhavo-media-lightbox__thumbs{position:relative;z-index:2;display:flex;width:min(100%,980px);margin-inline:auto;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}.kkhavo-media-lightbox__thumb{flex:0 0 92px;padding:0;overflow:hidden;border:2px solid transparent;background:transparent;cursor:pointer}.kkhavo-media-lightbox__thumb[aria-current=true]{border-color:#fff}.kkhavo-media-lightbox__thumb img{width:100%;aspect-ratio:16 / 10;display:block;object-fit:cover}.kkhavo-media-lightbox__close{position:absolute;top:clamp(14px,2vw,28px);right:clamp(14px,2vw,28px);z-index:2;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgb(255 255 255 / .38);border-radius:50%;background:#ffffff24;color:#fff;font-family:var(--font-body--family);font-size:34px;line-height:1;cursor:pointer}.kkhavo-media-lightbox-is-open{overflow:hidden}@media(max-width:989px){.kkhavo-media-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:649px){.kkhavo-media-library{padding-block:var(--kkhavo-section-padding-top, 56px) var(--kkhavo-section-padding-bottom, 72px)}.kkhavo-media-library__wrap{width:min(calc(100% - 40px),var(--kkhavo-page-max))}.kkhavo-media-library__title{font-size:clamp(3rem,15vw,4.6rem)}.kkhavo-media-library__grid{grid-template-columns:1fr}.kkhavo-media-lightbox{padding:54px 16px 20px}.kkhavo-media-lightbox__image{max-height:62vh}.kkhavo-media-lightbox__arrow{width:42px;height:42px;font-size:28px}.kkhavo-media-lightbox__thumb{flex-basis:74px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/kkhavo-media-library.css.map */