@font-face{font-family:'Marck Script';src:url('assets/marck-script.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
/* Equal visible framing, independent of whitespace in each source photograph. */
.product-image-button .product-art{position:absolute;left:14%;top:21%;width:72%;height:65%;overflow:hidden;mix-blend-mode:multiply;transition:transform .45s cubic-bezier(.2,.65,.3,1)}
.product-image-button:hover .product-art{transform:scale(1.035)}
.badge-score{font-size:15px;line-height:1;font-weight:650;color:#202c38;letter-spacing:-.3px}
.product-badge,.product-badge.used,.product-badge.new{background:#ffffffd4;padding:8px 11px;gap:7px;border-color:#fff;box-shadow:0 2px 9px #28384b08,inset 0 1px 0 white}
@media(max-width:760px){.badge-score{font-size:13px}.product-badge,.product-badge.used,.product-badge.new{font-size:10px;padding:7px 8px;gap:5px}.product-image-button .product-art{left:13%;width:74%;top:22%;height:64%}}
@media(max-width:370px){.badge-score{font-size:12px}.product-badge,.product-badge.used,.product-badge.new{padding:6px;gap:4px;font-size:9px}}
.is-welcoming{overflow:hidden}
dialog.welcome-screen{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:#f6f7f8;color:#222c35;outline:0;z-index:100}
.welcome-screen::backdrop{background:#f6f7f8;backdrop-filter:none}
.welcome-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate}
.welcome-content::before{content:"";position:absolute;width:min(85vw,750px);aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#e4edf6b3,transparent 67%);z-index:-1}
.welcome-logo{position:absolute;top:12%;width:145px;height:auto;mix-blend-mode:multiply;animation:welcome-logo-in .8s both}
.welcome-greeting{font:400 clamp(110px,18vw,230px)/1.5 'Marck Script','Segoe Script',cursive;letter-spacing:-7px;padding:0 .16em .12em;margin-top:-.1em;overflow:visible;background:linear-gradient(115deg,#556d88 15%,#857591 43%,#b68894 65%,#65878a 90%);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;clip-path:inset(0 100% 0 0);animation:welcome-write 1.8s cubic-bezier(.32,.05,.34,1) .12s both,welcome-light 3s ease-in-out both}
.welcome-screen.is-leaving{animation:welcome-leave .65s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}
@keyframes welcome-write{from{clip-path:inset(0 100% 0 0);transform:translateY(8px)}to{clip-path:inset(0 0 0 0);transform:translateY(0)}}
@keyframes welcome-light{from{background-position:100% 0}to{background-position:0 0}}
@keyframes welcome-logo-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes welcome-leave{to{opacity:0;transform:scale(1.025)}}
@media(max-width:760px){.welcome-logo{width:125px;top:14%}.welcome-greeting{font-size:clamp(96px,23vw,170px);letter-spacing:-3px}}
@media(prefers-reduced-motion:reduce){.product-image-button:hover .product-art{transform:none}.welcome-greeting{clip-path:none}.welcome-screen,.welcome-screen *{animation:none!important}}

.welcome-screen.is-leaving::backdrop{animation:welcome-backdrop-out .65s ease forwards}
@keyframes welcome-backdrop-out{to{opacity:0}}