.brand{display:block;line-height:0;width:140px;height:86px;overflow:hidden;background:white;border-radius:14px}.brand img{display:block;width:140px;height:140px;object-fit:contain;transform:translateY(-27px)}.watermark{font-size:clamp(60px,12vw,175px);letter-spacing:-.07em}.scale{font:inherit;background:transparent;color:inherit;cursor:pointer;transition:background-color .3s,color .3s,transform .3s}.scale:hover{transform:translateY(-2px)}.scale:focus-visible{outline-offset:2px}.variant-note{font-size:11px;line-height:1.5;margin:10px 0;color:#647092;transition:color .5s}.quantity-stepper{display:flex;align-items:center;flex:none;border:1px solid #c9d3ee;border-radius:30px;overflow:hidden}.purchase .quantity-stepper input{border:0;border-radius:0;width:50px;padding:10px 0;-moz-appearance:textfield}.quantity-stepper input::-webkit-inner-spin-button,.quantity-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.purchase .qty-step{flex:none;width:30px;padding:10px 0;border-radius:0;background:transparent;color:var(--blue);font-size:18px}.card{transition:background-color .5s ease,color .5s ease,box-shadow .5s ease,transform .5s ease}.card :is(h3,.description,.unit,.scale small,.purchase input,.qty-step,.variant-note){transition:color .5s ease}.purchase .add{transition:background-color .5s ease,color .5s ease}.card:hover .variant-note,.card:hover .purchase .qty-step{color:white}.card:hover .quantity-stepper{border-color:#ffffff70}@media(hover:hover) and (pointer:fine){.card:hover{transform:translateY(-6px)}}@media(max-width:580px){.brand{width:104px;height:64px}.brand img{width:104px;height:104px;transform:translateY(-20px)}header{border-radius:28px}.purchase{flex-wrap:wrap}.purchase .add{min-width:130px}}@media(hover:none){.card:hover .variant-note{color:#647092}.card:hover .purchase .qty-step{color:var(--blue)}}@media(prefers-reduced-motion:reduce){.card:hover{transform:none}}