.surface-background{position:fixed;inset:0;view-transition-name:surface;z-index:var(--z-canvas);overflow:hidden;pointer-events:none;background-color:var(--color-ink);isolation:isolate}.surface-background>span{position:absolute;inset:0}:is(.surface-background--home,.surface-background--work,.surface-background--order,.surface-background--contact,.surface-background--demo-nfc){--surface-vignette:var(--surface-vignette-a)}:is(.surface-background--legal,.surface-background--faq,.surface-background--shipping){--surface-vignette:var(--surface-vignette-b)}:is(.surface-background--about,.surface-background--start,.surface-background--demo-qr){--surface-vignette:var(--surface-vignette-c)}.surface-background__leak{display:none}:is(.surface-background--home,.surface-background--work,.surface-background--order,.surface-background--contact,.surface-background--demo-nfc) .surface-background__leak{display:block}.surface-background__plate:not([style]){display:none}:is(.surface-background--about,.surface-background--start,.surface-background--demo-qr) .surface-background__plate:not([style]){display:block}.surface-background__base{background-color:var(--color-ink)}:is(.surface-background--legal,.surface-background--faq,.surface-background--shipping) .surface-background__base{background-color:color-mix(in srgb,var(--color-ink) 90%,var(--color-substrate-paper) 10%);background-image:linear-gradient(180deg,rgb(255 255 255/.035),transparent 40vh)}.surface-background__plate{background-size:cover;background-position:50%}.surface-background__plate[style]{filter:blur(var(--surface-photo-blur));opacity:var(--surface-photo-opacity);mix-blend-mode:luminosity}:is(.surface-background--about,.surface-background--start,.surface-background--demo-qr) .surface-background__plate{background-image:url(/textures/bokeh-field-soft.webp);opacity:var(--surface-bokeh-opacity);scale:1.08}.surface-background__texture{background-repeat:repeat}:is(.surface-background--home,.surface-background--work,.surface-background--order,.surface-background--contact,.surface-background--demo-nfc) .surface-background__texture{background-image:url(/textures/grain-film.webp);background-size:512px 512px;opacity:var(--surface-grain-opacity);mix-blend-mode:soft-light}:is(.surface-background--about,.surface-background--start,.surface-background--demo-qr) .surface-background__texture{background-image:url(/textures/grain-film.webp);background-size:512px 512px;opacity:calc(var(--surface-grain-opacity) - .01);mix-blend-mode:soft-light}:is(.surface-background--legal,.surface-background--faq,.surface-background--shipping) .surface-background__texture{background-image:url(/textures/paper-fibre.webp);background-size:1024px 1024px;opacity:var(--surface-paper-opacity);mix-blend-mode:overlay}.surface-background__leak{inset:auto;inset-block-start:0;inset-inline-end:0;inline-size:70vw;aspect-ratio:16/9;opacity:var(--surface-leak-opacity);mix-blend-mode:screen}.surface-background__leak:before{content:"";position:absolute;inset:0;background:url(/textures/leak-chartreuse.webp) 50%/cover no-repeat;-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,var(--color-ink) 35%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at 50% 50%,var(--color-ink) 35%,transparent 100%)}.surface-background--home .surface-background__leak{inset-block-start:0;inset-inline-end:0}.surface-background--work .surface-background__leak{inset-block-start:0;inset-inline-end:auto;inset-inline-start:0}.surface-background--order .surface-background__leak{inset-block-start:auto;inset-block-end:0;inset-inline-end:0}.surface-background--contact .surface-background__leak{inset-block-start:50%;inset-inline-end:auto;inset-inline-start:0;translate:0 -50%}.surface-background--demo-nfc .surface-background__leak{inset-block-start:auto;inset-block-end:0;inset-inline-end:auto;inset-inline-start:0}.surface-background--contact .surface-background__leak:before,.surface-background--demo-nfc .surface-background__leak:before,.surface-background--work .surface-background__leak:before{transform:scaleX(-1)}.surface-background__vignette{background:radial-gradient(ellipse at center,transparent 55%,rgb(0 0 0/var(--surface-vignette)) 100%)}@media (prefers-reduced-motion:reduce){.surface-background__leak,.surface-background__plate{will-change:auto!important;transform:none!important}}