:root{--mosaic-stagger-delay: 80ms;--mosaic-enter-duration: .6s;--mosaic-kenburns-duration: 20s;--mosaic-gap: 1rem;--mosaic-columns: 2;--mosaic-item-radius: 12px}@media (min-width: 768px){:root{--mosaic-gap: 1.25rem;--mosaic-columns: 3}}@media (min-width: 1024px){:root{--mosaic-gap: 1.5rem}}.harmonia-mosaic{position:relative;width:100%;overflow:hidden;padding:2rem 0;background:var(--harmonia-background, #FAF9F7)}.harmonia-mosaic__header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:0 1rem}.harmonia-mosaic__header--left{align-items:flex-start;text-align:left}.harmonia-mosaic__header--center{align-items:center;text-align:center}.harmonia-mosaic__header--right{align-items:flex-end;text-align:right}.harmonia-mosaic__logo{display:flex;justify-content:inherit;width:var(--logo-width, 160px);max-width:100%}.harmonia-mosaic__logo-image{width:100%;height:auto;object-fit:contain}.harmonia-mosaic__title{font-family:var(--font-serif);font-size:clamp(1.5rem,4vw,2rem);font-weight:500;color:var(--harmonia-charcoal, #2B2B2B);margin:0}.harmonia-mosaic__subtitle{font-family:var(--font-sans);font-size:.9375rem;color:hsl(var(--muted-foreground));margin:0}.harmonia-mosaic__header:has(.harmonia-mosaic__logo) .harmonia-mosaic__title{margin-top:.25rem}.harmonia-mosaic__logo+.harmonia-mosaic__title{margin-top:.25rem}.harmonia-mosaic__grid-wrapper{overflow:hidden;padding:1rem}.harmonia-mosaic__grid{display:grid;grid-template-columns:repeat(var(--mosaic-columns),1fr);gap:var(--mosaic-gap);max-width:1200px;margin:0 auto;will-change:transform}.harmonia-mosaic--kenburns .harmonia-mosaic__grid{animation:mosaic-grid-drift var(--mosaic-kenburns-duration) ease-in-out infinite}@keyframes mosaic-grid-drift{0%,to{transform:scale(1) translate(0)}25%{transform:scale(1.02) translate(-.3%,-.2%)}50%{transform:scale(1.03) translate(-.5%,-.3%)}75%{transform:scale(1.02) translate(-.2%,-.4%)}}.harmonia-mosaic--equal-3x3 .harmonia-mosaic__grid{--mosaic-columns: 3}.harmonia-mosaic--equal-4x3 .harmonia-mosaic__grid{--mosaic-columns: 4}@media (max-width: 767px){.harmonia-mosaic--equal-3x3 .harmonia-mosaic__grid,.harmonia-mosaic--equal-4x3 .harmonia-mosaic__grid{--mosaic-columns: 2}}.harmonia-mosaic--masonry .harmonia-mosaic__grid{display:block;column-count:var(--mosaic-columns);column-gap:var(--mosaic-gap)}.harmonia-mosaic--masonry .harmonia-mosaic__item{break-inside:avoid;margin-bottom:var(--mosaic-gap)}.harmonia-mosaic--featured .harmonia-mosaic__grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto)}.harmonia-mosaic--featured .harmonia-mosaic__item:first-child{grid-column:1 / 3;grid-row:1 / 3}@media (max-width: 767px){.harmonia-mosaic--featured .harmonia-mosaic__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.harmonia-mosaic--featured .harmonia-mosaic__item:first-child{grid-column:1 / -1;grid-row:auto}}.harmonia-mosaic--scattered .harmonia-mosaic__item{--scatter-rotate: 0deg;transform:rotate(var(--scatter-rotate));transition:transform .3s var(--ease-spring-soft)}.harmonia-mosaic--scattered .harmonia-mosaic__item:hover{transform:rotate(0) scale(1.02);z-index:5}.harmonia-mosaic--highlight .harmonia-mosaic__grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,1fr);grid-template-areas:"main small1 small2" "main small3 small4"}.harmonia-mosaic--highlight .harmonia-mosaic__item:nth-child(1){grid-area:main}.harmonia-mosaic--highlight .harmonia-mosaic__item:nth-child(2){grid-area:small1}.harmonia-mosaic--highlight .harmonia-mosaic__item:nth-child(3){grid-area:small2}.harmonia-mosaic--highlight .harmonia-mosaic__item:nth-child(4){grid-area:small3}.harmonia-mosaic--highlight .harmonia-mosaic__item:nth-child(5){grid-area:small4}.harmonia-mosaic--highlight .harmonia-mosaic__item:nth-child(n+6){grid-column:span 1}@media (max-width: 1023px){.harmonia-mosaic--highlight .harmonia-mosaic__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"main main" "small1 small2" "small3 small4"}}@media (max-width: 767px){.harmonia-mosaic--highlight .harmonia-mosaic__grid{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"main" "small1" "small2" "small3" "small4"}}.harmonia-mosaic--magazine .harmonia-mosaic__grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);grid-template-areas:"a a b b c c" "a a d d d e" "f g g h h e" "f i i h h j";gap:var(--mosaic-gap);aspect-ratio:16 / 10;max-height:80vh;width:100%}.harmonia-mosaic--magazine .harmonia-mosaic__item:nth-child(1){grid-area:a}.harmonia-mosaic--magazine .harmonia-mosaic__item:nth-child(2){grid-area:b}.harmonia-mosaic--magazine .harmonia-mosaic__item:nth-child(3){grid-area:c}.harmonia-mosaic--magazine .harmonia-mosaic__item:nth-child(4){grid-area:d}.harmonia-mosaic--magazine .harmonia-mosaic__item:nth-child(5){grid-area:e}.harmonia-mosaic--magazine .harmonia-mosaic__item:nth-child(6){grid-area:f}.harmonia-mosaic--magazine .harmonia-mosaic__item:nth-child(7){grid-area:g}.harmonia-mosaic--magazine .harmonia-mosaic__item:nth-child(8){grid-area:h}.harmonia-mosaic--magazine .harmonia-mosaic__item:nth-child(9){grid-area:i}.harmonia-mosaic--magazine .harmonia-mosaic__item:nth-child(10){grid-area:j}.harmonia-mosaic--magazine .harmonia-mosaic__item:nth-child(n+11){display:none}.harmonia-mosaic--magazine .harmonia-mosaic__item{min-height:0;min-width:0;overflow:hidden}.harmonia-mosaic--magazine .mosaic-item-gallery,.harmonia-mosaic--magazine .mosaic-item-hybrid{position:relative;width:100%;height:100%;aspect-ratio:unset}.harmonia-mosaic--magazine .harmonia-product-card{height:100%;min-height:0}.harmonia-mosaic--magazine .mosaic-item-gallery__image,.harmonia-mosaic--magazine .mosaic-item-hybrid__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}@media (max-width: 1023px) and (min-width: 768px){.harmonia-mosaic--magazine .harmonia-mosaic__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);grid-template-areas:"a a" "b c" "d d" "e f";aspect-ratio:4 / 5;max-height:70vh}.harmonia-mosaic--magazine .harmonia-mosaic__item:nth-child(n+7){display:none}}@media (max-width: 767px){.harmonia-mosaic--magazine .harmonia-mosaic__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-template-areas:none;aspect-ratio:unset;max-height:none}.harmonia-mosaic--magazine .harmonia-mosaic__item{grid-area:auto!important;display:block!important}.harmonia-mosaic--magazine .mosaic-item-gallery,.harmonia-mosaic--magazine .mosaic-item-hybrid{aspect-ratio:1;height:auto;position:relative}.harmonia-mosaic--magazine .mosaic-item-gallery__image,.harmonia-mosaic--magazine .mosaic-item-hybrid__image{position:relative;inset:auto}}.harmonia-mosaic--magazine-5 .harmonia-mosaic__grid{grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,1fr);grid-template-areas:"a b c" "a d e";aspect-ratio:16 / 7;max-height:60vh}.harmonia-mosaic--magazine-5 .harmonia-mosaic__item:nth-child(1){grid-area:a}.harmonia-mosaic--magazine-5 .harmonia-mosaic__item:nth-child(2){grid-area:b}.harmonia-mosaic--magazine-5 .harmonia-mosaic__item:nth-child(3){grid-area:c}.harmonia-mosaic--magazine-5 .harmonia-mosaic__item:nth-child(4){grid-area:d}.harmonia-mosaic--magazine-5 .harmonia-mosaic__item:nth-child(5){grid-area:e}@media (max-width: 1023px) and (min-width: 768px){.harmonia-mosaic--magazine-5 .harmonia-mosaic__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-template-areas:"a a" "b c" "d e";aspect-ratio:4 / 5;max-height:70vh}}@media (max-width: 767px){.harmonia-mosaic--magazine-5 .harmonia-mosaic__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-template-areas:none;aspect-ratio:unset;max-height:none}.harmonia-mosaic--magazine-5 .harmonia-mosaic__item{grid-area:auto!important}}.harmonia-mosaic--magazine-7 .harmonia-mosaic__grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);grid-template-areas:"a a b c" "a a d d" "e f g g";aspect-ratio:16 / 9;max-height:70vh}.harmonia-mosaic--magazine-7 .harmonia-mosaic__item:nth-child(1){grid-area:a}.harmonia-mosaic--magazine-7 .harmonia-mosaic__item:nth-child(2){grid-area:b}.harmonia-mosaic--magazine-7 .harmonia-mosaic__item:nth-child(3){grid-area:c}.harmonia-mosaic--magazine-7 .harmonia-mosaic__item:nth-child(4){grid-area:d}.harmonia-mosaic--magazine-7 .harmonia-mosaic__item:nth-child(5){grid-area:e}.harmonia-mosaic--magazine-7 .harmonia-mosaic__item:nth-child(6){grid-area:f}.harmonia-mosaic--magazine-7 .harmonia-mosaic__item:nth-child(7){grid-area:g}@media (max-width: 1023px) and (min-width: 768px){.harmonia-mosaic--magazine-7 .harmonia-mosaic__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);grid-template-areas:"a a" "b c" "d e" "f g";aspect-ratio:3 / 4;max-height:75vh}}@media (max-width: 767px){.harmonia-mosaic--magazine-7 .harmonia-mosaic__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-template-areas:none;aspect-ratio:unset;max-height:none}.harmonia-mosaic--magazine-7 .harmonia-mosaic__item{grid-area:auto!important}}.harmonia-mosaic__item{position:relative;opacity:0;transform:scale(.85) translateY(20px);--item-index: 0;--stagger-delay: calc(var(--item-index) * var(--mosaic-stagger-delay));will-change:opacity,transform}.harmonia-mosaic__item .harmonia-product-card{height:100%}.harmonia-mosaic--animate .harmonia-mosaic__item{animation:mosaic-item-enter var(--mosaic-enter-duration) var(--ease-spring-soft) var(--stagger-delay) forwards}@keyframes mosaic-item-enter{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.harmonia-mosaic--stagger-fade .harmonia-mosaic__item{transform:none;animation-name:mosaic-item-fade}@keyframes mosaic-item-fade{0%{opacity:0}to{opacity:1}}.harmonia-mosaic--cascade .harmonia-mosaic__item{animation-name:mosaic-item-cascade}@keyframes mosaic-item-cascade{0%{opacity:0;transform:scale(.9) translate(-10px,10px)}to{opacity:1;transform:scale(1) translate(0)}}@keyframes mosaic-item-exit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-10px)}}.harmonia-mosaic.is-paused .harmonia-mosaic__pause-indicator{opacity:1}.harmonia-mosaic__pause-indicator{position:absolute;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffffe6;border-radius:50%;box-shadow:var(--shadow-md);opacity:0;transition:opacity .2s ease;z-index:10}.harmonia-mosaic__pause-indicator svg{width:16px;height:16px;fill:var(--harmonia-charcoal, #2B2B2B)}@media (prefers-reduced-motion: reduce){.harmonia-mosaic__grid{animation:none!important}.harmonia-mosaic__item{opacity:1;transform:none;animation:none!important}.harmonia-mosaic--scattered .harmonia-mosaic__item{--scatter-rotate: 0deg}.mosaic-item-hybrid__title,.mosaic-item-hybrid__price,.mosaic-item-hybrid__sold-out{opacity:1!important;transform:none!important;transition:none!important}.mosaic-item-hybrid__overlay{transition:none!important}}.harmonia-mosaic--loading .harmonia-mosaic__grid{min-height:300px;display:flex;align-items:center;justify-content:center}.harmonia-mosaic__loader{width:40px;height:40px;border:3px solid hsl(var(--border));border-top-color:var(--harmonia-primary, #FF9600);border-radius:50%;animation:mosaic-loader-spin .8s linear infinite}@keyframes mosaic-loader-spin{to{transform:rotate(360deg)}}.harmonia-mosaic__empty{text-align:center;padding:4rem 2rem;color:hsl(var(--muted-foreground))}.harmonia-mosaic__empty-icon{width:64px;height:64px;margin:0 auto 1rem;opacity:.5}.harmonia-mosaic__empty-text{font-family:var(--font-sans);font-size:1rem}.harmonia-mosaic__footer{display:flex;justify-content:center;margin-top:2rem;padding:0 1rem}.harmonia-mosaic__footer .harmonia-btn--outline{background:transparent;color:#ff9600;border:2px solid #FF9600;box-shadow:none;font-family:var(--font-sans, "Noto Sans JP", sans-serif);font-weight:500;padding:.75rem 1.5rem;border-radius:.75rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:background-color .2s ease,box-shadow .2s ease}.harmonia-mosaic__footer .harmonia-btn--outline:hover{color:#ff9600;background:#ff960014;box-shadow:0 4px 12px -3px #ff96004d}.harmonia-mosaic__footer .harmonia-btn--outline:focus-visible{outline:2px solid #FF9600;outline-offset:2px}.harmonia-mosaic__footer .harmonia-btn__icon{display:flex;align-items:center;justify-content:center;color:inherit}.harmonia-mosaic__footer .harmonia-btn__icon svg{width:1em;height:1em;stroke:currentColor;fill:none}.mosaic-item-gallery{display:block;position:relative;overflow:hidden;border-radius:var(--mosaic-item-radius);background:hsl(var(--muted))}.mosaic-item-gallery--square{aspect-ratio:1}.mosaic-item-gallery--portrait{aspect-ratio:3 / 4}.mosaic-item-gallery--landscape{aspect-ratio:4 / 3}.mosaic-item-gallery__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s var(--ease-smooth, cubic-bezier(.33, 1, .68, 1));will-change:transform;transform:translateZ(0);backface-visibility:hidden}.mosaic-item-gallery:hover .mosaic-item-gallery__image{transform:scale(1.05)}.mosaic-item-gallery:focus-visible{outline:2px solid var(--harmonia-primary, #FF9600);outline-offset:2px}.mosaic-item-gallery__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.mosaic-item-gallery__placeholder .placeholder-svg{width:50%;max-width:150px;opacity:.3}.mosaic-item-hybrid{display:block;position:relative;overflow:hidden;border-radius:var(--mosaic-item-radius);background:hsl(var(--muted))}.mosaic-item-hybrid--square{aspect-ratio:1}.mosaic-item-hybrid--portrait{aspect-ratio:3 / 4}.mosaic-item-hybrid--landscape{aspect-ratio:4 / 3}.mosaic-item-hybrid__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s var(--ease-smooth, cubic-bezier(.33, 1, .68, 1));will-change:transform;transform:translateZ(0);backface-visibility:hidden}.mosaic-item-hybrid:hover .mosaic-item-hybrid__image{transform:scale(1.05)}.mosaic-item-hybrid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.55) 35%,rgba(0,0,0,.2) 55%,transparent 75%);opacity:0;transition:opacity .3s var(--ease-out-expo, ease);display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem}.mosaic-item-hybrid:hover .mosaic-item-hybrid__overlay,.mosaic-item-hybrid:focus-visible .mosaic-item-hybrid__overlay,.mosaic-item-hybrid.is-overlay-active .mosaic-item-hybrid__overlay{opacity:1}.mosaic-item-hybrid:focus-visible .mosaic-item-hybrid__overlay{opacity:1}.mosaic-item-hybrid:focus-visible{outline:2px solid var(--harmonia-primary, #FF9600);outline-offset:2px}:root{--ease-spring-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1)}.mosaic-item-hybrid__title{font-family:var(--font-sans);font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .375rem;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:0;transform:translateY(8px) scale(.95);transition:opacity .25s var(--ease-out-expo),transform .4s var(--ease-spring-bounce);transition-delay:0ms}.mosaic-item-hybrid:hover .mosaic-item-hybrid__title,.mosaic-item-hybrid:focus-visible .mosaic-item-hybrid__title,.mosaic-item-hybrid.is-overlay-active .mosaic-item-hybrid__title{opacity:1;transform:translateY(0) scale(1);transition-delay:.1s}.mosaic-item-hybrid__price{font-family:var(--font-sans);font-size:.9375rem;color:#fffffff2;display:flex;align-items:baseline;gap:.5rem;opacity:0;transform:translateY(6px);transition:opacity .2s var(--ease-out-expo),transform .35s var(--ease-spring-bounce);transition-delay:0ms}.mosaic-item-hybrid:hover .mosaic-item-hybrid__price,.mosaic-item-hybrid:focus-visible .mosaic-item-hybrid__price,.mosaic-item-hybrid.is-overlay-active .mosaic-item-hybrid__price{opacity:1;transform:translateY(0);transition-delay:.18s}.mosaic-item-hybrid__price-compare{text-decoration:line-through;color:#fff9;font-size:.8125rem}.mosaic-item-hybrid__price-current{font-weight:600}.mosaic-item-hybrid__sold-out{display:inline-block;margin-top:.5rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;color:#fff;background:#fff3;border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transform:translateY(4px) scale(.9);transition:opacity .2s var(--ease-out-expo),transform .3s var(--ease-spring-bounce);transition-delay:0ms}.mosaic-item-hybrid:hover .mosaic-item-hybrid__sold-out,.mosaic-item-hybrid:focus-visible .mosaic-item-hybrid__sold-out,.mosaic-item-hybrid.is-overlay-active .mosaic-item-hybrid__sold-out{opacity:1;transform:translateY(0) scale(1);transition-delay:.26s}.mosaic-item-hybrid__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.mosaic-item-hybrid__placeholder .placeholder-svg{width:50%;max-width:150px;opacity:.3}@media (hover: none){.harmonia-mosaic--hybrid:not(.harmonia-mosaic--tap-toggle) .mosaic-item-hybrid__overlay{opacity:.7}.harmonia-mosaic--hybrid:not(.harmonia-mosaic--tap-toggle) .mosaic-item-hybrid__title,.harmonia-mosaic--hybrid:not(.harmonia-mosaic--tap-toggle) .mosaic-item-hybrid__price,.harmonia-mosaic--hybrid:not(.harmonia-mosaic--tap-toggle) .mosaic-item-hybrid__sold-out{opacity:1;transform:translateY(0) scale(1);transition-delay:0ms}.harmonia-mosaic--tap-toggle .mosaic-item-hybrid__overlay{opacity:0;pointer-events:none}.harmonia-mosaic--tap-toggle .mosaic-item-hybrid.is-overlay-active .mosaic-item-hybrid__overlay{opacity:1;pointer-events:auto}.mosaic-item-gallery:hover .mosaic-item-gallery__image,.mosaic-item-hybrid:hover .mosaic-item-hybrid__image{transform:none}.mosaic-item-hybrid.is-overlay-active .mosaic-item-hybrid__image{transform:scale(1.05)}}.harmonia-mosaic--gap-tight{--mosaic-gap: .25rem}@media (min-width: 768px){.harmonia-mosaic--gap-tight{--mosaic-gap: .375rem}}@media (min-width: 1024px){.harmonia-mosaic--gap-tight{--mosaic-gap: .5rem}}.harmonia-mosaic--gap-none{--mosaic-gap: 0}.harmonia-mosaic--gap-none .harmonia-mosaic__grid-wrapper{padding:0}.harmonia-mosaic--gap-none .harmonia-mosaic__item,.harmonia-mosaic--gap-none .mosaic-item-gallery,.harmonia-mosaic--gap-none .mosaic-item-hybrid,.harmonia-mosaic--gap-none .harmonia-product-card{border-radius:0}.harmonia-mosaic--gap-none.harmonia-mosaic--equal-3x3 .harmonia-mosaic__item:nth-child(1) .mosaic-item-gallery,.harmonia-mosaic--gap-none.harmonia-mosaic--equal-3x3 .harmonia-mosaic__item:nth-child(1) .mosaic-item-hybrid{border-top-left-radius:var(--mosaic-item-radius)}.harmonia-mosaic--gap-none.harmonia-mosaic--equal-3x3 .harmonia-mosaic__item:nth-child(3) .mosaic-item-gallery,.harmonia-mosaic--gap-none.harmonia-mosaic--equal-3x3 .harmonia-mosaic__item:nth-child(3) .mosaic-item-hybrid{border-top-right-radius:var(--mosaic-item-radius)}.harmonia-mosaic--gap-none.harmonia-mosaic--equal-3x3 .harmonia-mosaic__item:nth-child(7) .mosaic-item-gallery,.harmonia-mosaic--gap-none.harmonia-mosaic--equal-3x3 .harmonia-mosaic__item:nth-child(7) .mosaic-item-hybrid{border-bottom-left-radius:var(--mosaic-item-radius)}.harmonia-mosaic--gap-none.harmonia-mosaic--equal-3x3 .harmonia-mosaic__item:nth-child(9) .mosaic-item-gallery,.harmonia-mosaic--gap-none.harmonia-mosaic--equal-3x3 .harmonia-mosaic__item:nth-child(9) .mosaic-item-hybrid{border-bottom-right-radius:var(--mosaic-item-radius)}.harmonia-mosaic--gap-none .harmonia-mosaic__item:focus-within{z-index:10;box-shadow:0 0 0 2px var(--harmonia-primary, #FF9600)}.harmonia-mosaic--gap-none .mosaic-item-gallery:focus-visible,.harmonia-mosaic--gap-none .mosaic-item-hybrid:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--harmonia-primary, #FF9600)}.harmonia-mosaic--transition-dissolve .harmonia-mosaic__item{transform:none}@keyframes mosaic-item-dissolve-enter{0%{opacity:0}to{opacity:1}}.harmonia-mosaic--transition-dissolve.harmonia-mosaic--animate .harmonia-mosaic__item{animation:mosaic-item-dissolve-enter .4s linear var(--stagger-delay) forwards}@keyframes mosaic-item-dissolve-exit{0%{opacity:1}to{opacity:0}}.harmonia-mosaic--transition-dissolve .harmonia-mosaic__item.is-exiting{animation:mosaic-item-dissolve-exit .3s linear forwards}.harmonia-mosaic--transition-cut .harmonia-mosaic__item,.harmonia-mosaic--transition-cut.harmonia-mosaic--animate .harmonia-mosaic__item{opacity:1;transform:none;animation:none}.harmonia-mosaic--transition-cut .harmonia-mosaic__item.is-entering{opacity:1}.harmonia-mosaic--transition-cut .harmonia-mosaic__item.is-exiting{display:none}.harmonia-mosaic--flip-left .harmonia-mosaic__grid,.harmonia-mosaic--flip-right .harmonia-mosaic__grid,.harmonia-mosaic--flip-top .harmonia-mosaic__grid,.harmonia-mosaic--flip-bottom .harmonia-mosaic__grid,.harmonia-mosaic--flip .harmonia-mosaic__grid{perspective:1200px;perspective-origin:center center}.harmonia-mosaic--flip-left .harmonia-mosaic__item,.harmonia-mosaic--flip .harmonia-mosaic__item{transform-style:preserve-3d;transform-origin:left center;transform:rotateY(-90deg);opacity:0}@keyframes mosaic-flip-left{0%{transform:rotateY(-90deg);opacity:0}30%{opacity:1}65%{transform:rotateY(10deg)}80%{transform:rotateY(-4deg)}92%{transform:rotateY(2deg)}to{transform:rotateY(0);opacity:1}}.harmonia-mosaic--animate.harmonia-mosaic--flip-left .harmonia-mosaic__item,.harmonia-mosaic--animate.harmonia-mosaic--flip .harmonia-mosaic__item{animation:mosaic-flip-left .7s var(--ease-spring-soft, cubic-bezier(.33, 1, .68, 1)) var(--stagger-delay) forwards}.harmonia-mosaic--flip-right .harmonia-mosaic__item{transform-style:preserve-3d;transform-origin:right center;transform:rotateY(90deg);opacity:0}@keyframes mosaic-flip-right{0%{transform:rotateY(90deg);opacity:0}30%{opacity:1}65%{transform:rotateY(-10deg)}80%{transform:rotateY(4deg)}92%{transform:rotateY(-2deg)}to{transform:rotateY(0);opacity:1}}.harmonia-mosaic--animate.harmonia-mosaic--flip-right .harmonia-mosaic__item{animation:mosaic-flip-right .7s var(--ease-spring-soft, cubic-bezier(.33, 1, .68, 1)) var(--stagger-delay) forwards}.harmonia-mosaic--flip-top .harmonia-mosaic__item{transform-style:preserve-3d;transform-origin:center top;transform:rotateX(90deg);opacity:0}@keyframes mosaic-flip-top{0%{transform:rotateX(90deg);opacity:0}30%{opacity:1}65%{transform:rotateX(-10deg)}80%{transform:rotateX(4deg)}92%{transform:rotateX(-2deg)}to{transform:rotateX(0);opacity:1}}.harmonia-mosaic--animate.harmonia-mosaic--flip-top .harmonia-mosaic__item{animation:mosaic-flip-top .7s var(--ease-spring-soft, cubic-bezier(.33, 1, .68, 1)) var(--stagger-delay) forwards}.harmonia-mosaic--flip-bottom .harmonia-mosaic__item{transform-style:preserve-3d;transform-origin:center bottom;transform:rotateX(-90deg);opacity:0}@keyframes mosaic-flip-bottom{0%{transform:rotateX(-90deg);opacity:0}30%{opacity:1}65%{transform:rotateX(10deg)}80%{transform:rotateX(-4deg)}92%{transform:rotateX(2deg)}to{transform:rotateX(0);opacity:1}}.harmonia-mosaic--animate.harmonia-mosaic--flip-bottom .harmonia-mosaic__item{animation:mosaic-flip-bottom .7s var(--ease-spring-soft, cubic-bezier(.33, 1, .68, 1)) var(--stagger-delay) forwards}@media (prefers-reduced-motion: reduce){.harmonia-mosaic--flip-left .harmonia-mosaic__grid,.harmonia-mosaic--flip-right .harmonia-mosaic__grid,.harmonia-mosaic--flip-top .harmonia-mosaic__grid,.harmonia-mosaic--flip-bottom .harmonia-mosaic__grid,.harmonia-mosaic--flip .harmonia-mosaic__grid{perspective:none}.harmonia-mosaic--flip-left .harmonia-mosaic__item,.harmonia-mosaic--flip-right .harmonia-mosaic__item,.harmonia-mosaic--flip-top .harmonia-mosaic__item,.harmonia-mosaic--flip-bottom .harmonia-mosaic__item,.harmonia-mosaic--flip .harmonia-mosaic__item{transform:none;opacity:1}.harmonia-mosaic--animate.harmonia-mosaic--flip-left .harmonia-mosaic__item,.harmonia-mosaic--animate.harmonia-mosaic--flip-right .harmonia-mosaic__item,.harmonia-mosaic--animate.harmonia-mosaic--flip-top .harmonia-mosaic__item,.harmonia-mosaic--animate.harmonia-mosaic--flip-bottom .harmonia-mosaic__item,.harmonia-mosaic--animate.harmonia-mosaic--flip .harmonia-mosaic__item{animation:mosaic-item-fade .4s ease var(--stagger-delay) forwards}}.harmonia-mosaic--carousel,.harmonia-mosaic--magazine-carousel{overflow:hidden;padding-left:0;padding-right:0}.harmonia-mosaic--carousel .harmonia-mosaic__carousel-viewport,.harmonia-mosaic--magazine-carousel .harmonia-mosaic__carousel-viewport{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%)}.harmonia-mosaic__carousel-track{display:flex;width:max-content;animation:mosaic-carousel-scroll var(--carousel-duration, 30s) linear infinite;will-change:transform}.harmonia-mosaic__carousel-track[data-carousel-direction=right]{animation-name:mosaic-carousel-scroll-reverse}.harmonia-mosaic__carousel-set{display:flex;gap:var(--carousel-gap, 1.5rem);padding-right:var(--carousel-gap, 1.5rem);flex-shrink:0}.harmonia-mosaic__carousel-item{flex:0 0 var(--carousel-item-width, 300px);width:var(--carousel-item-width, 300px)}.harmonia-mosaic--carousel .harmonia-mosaic__carousel-item .harmonia-product-card,.harmonia-mosaic--carousel .harmonia-mosaic__carousel-item .mosaic-item-gallery,.harmonia-mosaic--carousel .harmonia-mosaic__carousel-item .mosaic-item-hybrid{opacity:1;transform:none}.harmonia-mosaic--carousel-pause .harmonia-mosaic__carousel-track:hover{animation-play-state:paused}@keyframes mosaic-carousel-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mosaic-carousel-scroll-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width: 767px){.harmonia-mosaic__carousel-item{flex:0 0 calc(var(--carousel-item-width, 300px) * .75);width:calc(var(--carousel-item-width, 300px) * .75)}.harmonia-mosaic--carousel .harmonia-mosaic__carousel-viewport,.harmonia-mosaic--magazine-carousel .harmonia-mosaic__carousel-viewport{mask-image:linear-gradient(to right,transparent 0%,black 6%,black 94%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 6%,black 94%,transparent 100%)}}@media (prefers-reduced-motion: reduce){.harmonia-mosaic__carousel-track{animation:none!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.harmonia-mosaic__carousel-item{scroll-snap-align:start}.harmonia-mosaic__carousel-set[aria-hidden=true]{display:none}.harmonia-mosaic--carousel .harmonia-mosaic__carousel-viewport,.harmonia-mosaic--magazine-carousel .harmonia-mosaic__carousel-viewport{mask-image:none;-webkit-mask-image:none}}.harmonia-mosaic__magazine-tile{flex:0 0 300px;width:300px;height:400px;flex-shrink:0;overflow:hidden;border-radius:var(--mosaic-item-radius, 12px)}.harmonia-mosaic__tile--pattern-a{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"large small1" "large small2";gap:var(--mosaic-gap, 4px)}.harmonia-mosaic__tile--pattern-b{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr 1fr;grid-template-areas:"small1 large" "small2 large";gap:var(--mosaic-gap, 4px)}.harmonia-mosaic__tile--pattern-c{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr;grid-template-areas:"large  large" "small1 small2";gap:var(--mosaic-gap, 4px)}.harmonia-mosaic__tile-item--large{grid-area:large}.harmonia-mosaic__tile-item--small1{grid-area:small1}.harmonia-mosaic__tile-item--small2{grid-area:small2}.harmonia-mosaic__magazine-tile .harmonia-mosaic__tile-item{position:relative;overflow:hidden;min-height:0;min-width:0}.harmonia-mosaic__magazine-tile .mosaic-item-gallery,.harmonia-mosaic__magazine-tile .mosaic-item-hybrid{width:100%;height:100%;aspect-ratio:unset;border-radius:0}.harmonia-mosaic__magazine-tile .mosaic-item-gallery__image,.harmonia-mosaic__magazine-tile .mosaic-item-hybrid__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.harmonia-mosaic__magazine-tile .harmonia-product-card{height:100%;min-height:0;border-radius:0}.harmonia-mosaic__magazine-tile .harmonia-product-card__image-wrapper{height:100%;aspect-ratio:unset}.harmonia-mosaic__magazine-tile .harmonia-product-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.harmonia-mosaic--magazine-carousel .harmonia-mosaic__tile-item .harmonia-product-card,.harmonia-mosaic--magazine-carousel .harmonia-mosaic__tile-item .mosaic-item-gallery,.harmonia-mosaic--magazine-carousel .harmonia-mosaic__tile-item .mosaic-item-hybrid{opacity:1;transform:none}.harmonia-mosaic__magazine-tile:not(:has(.harmonia-mosaic__tile-item--small2)){grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:"large small1"}@media (max-width: 767px){.harmonia-mosaic__magazine-tile{flex:0 0 225px;width:225px;height:300px}}@media (prefers-reduced-motion: reduce){.harmonia-mosaic__magazine-tile{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/harmonia-mosaic.css.map */