body,body .tone-light{background:var(--surface-fill,var(--bg))}
body .button {font-family:var(--button-font);font-weight:var(--button-font-weight);font-style:var(--button-font-style);font-size:var(--button-font-size);letter-spacing:var(--button-tracking);text-transform:var(--button-case);border-radius:var(--button-radius);padding:var(--button-pad,var(--button-medium)) calc(var(--button-pad,var(--button-medium)) + 14px);min-height:44px}
body .button--small{--button-pad:var(--button-small)}body .button--large{--button-pad:var(--button-large)}
body .button--outline{background:var(--secondary-bg,transparent);color:var(--secondary-text,inherit)}
body .hero .button--outline{background:transparent;color:inherit}
body .icon{stroke-width:var(--icon-weight)}
body[data-grid-style=compact] .product-grid,body[data-grid-style=compact] .product-carousel,body[data-grid-style=compact] .journal-grid{--gap:8px;gap:16px 8px}
.collection-count{font-family:var(--font-body);font-size:.55em;vertical-align:super;margin-inline-start:.4em;line-height:1}
body[data-product-gray=grid] .product-card__visual .media,body[data-product-gray=all] .product-card__visual .media,body[data-product-gray=all] .product-gallery .media{background:#f1f1ef}
body[data-product-gray=grid] .product-card__visual img,body[data-product-gray=all] .product-card__visual img,body[data-product-gray=all] .product-gallery .media img{mix-blend-mode:multiply}
.carousel-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin-top:12px}
.carousel-pages button{display:grid;place-items:center;width:44px;height:44px;padding:0}
.carousel-pages button::after{content:'';width:7px;height:7px;border:1px solid currentColor;border-radius:50%;opacity:.5}
.carousel-pages button[aria-current=true]::after{background:currentColor;opacity:1}
body[data-slider-navigation=line] .carousel-pages button::after{width:24px;height:2px;border:0;border-radius:0;background:currentColor;opacity:.25}
body[data-slider-navigation=line] .carousel-pages button[aria-current=true]::after{opacity:1}
body[data-slider-navigation=hidden] .carousel-pages{display:none}
.scroll-to-top{position:fixed;bottom:24px;right:20px;z-index:25;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--ink);box-shadow:0 2px 10px #0001}
.scroll-to-top .icon{transform:rotate(-90deg)}
.loading-brand{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);z-index:100;display:grid;width:min(var(--loading-width),80vw);pointer-events:none;animation:loading-expire 0s 3s forwards}
.loading-brand img{grid-area:1/1;width:100%;height:auto;object-fit:contain;animation:loading-pulse 1s ease-in-out infinite alternate}
.loading-brand--two img{animation:loading-switch 1.4s ease-in-out infinite alternate}
.loading-brand--two img+img{animation-direction:alternate-reverse}
@keyframes loading-pulse{from{opacity:.45}to{opacity:1}}@keyframes loading-switch{0%,35%{opacity:1}65%,100%{opacity:0}}@keyframes loading-expire{to{visibility:hidden}}
body[data-parallax=true] .hero-background .hero-image{transform:translateY(var(--parallax-y,0px)) scale(1.08);will-change:transform}
@media(prefers-reduced-motion:reduce){body[data-parallax=true] .hero-background .hero-image{transform:none;will-change:auto}.loading-brand img{animation:none}.loading-brand--two img+img{display:none}}
body[data-animations=false] .hero-background .hero-image{transform:none;will-change:auto}
body[data-animations=false] .loading-brand img{animation:none}body[data-animations=false] .loading-brand--two img+img{display:none}