:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
html{scroll-padding-top:120px}.header{position:sticky;top:0;transition:box-shadow .3s,background-color .3s}.header.is-scrolled{box-shadow:0 6px 24px #153e3512}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}
.header nav a{position:relative;padding-block:10px}.header nav a::after{content:'';position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--motion-ease)}.header nav a:hover,.header nav a:focus-visible{text-decoration:none}.header nav a:hover::after,.header nav a:focus-visible::after,.header nav a[aria-current=location]::after{transform:scaleX(1)}
.button{transition:transform .28s var(--motion-ease),background-color .22s,box-shadow .28s}.button .icon,.text-link .icon,.family-strip .icon,.header-quote>.icon{transition:transform .3s var(--motion-ease)}.button:hover .icon,.button:focus-visible .icon{transform:translateX(5px)}.text-link:hover .icon,.family-strip a:hover .icon,.header-quote:hover>.icon{transform:translate(3px,-3px)}.button:hover{box-shadow:0 10px 22px #153e351a}.product-image-button{transition:background-color .3s,box-shadow .3s}.product-card .quick-add{transition:transform .3s var(--motion-ease),background-color .2s}.quick-add:hover{transform:rotate(90deg)}.quick-add.selected:hover{transform:scale(1.1)}.round-button .icon{transition:transform .3s var(--motion-ease)}.round-button:hover .icon{transform:translateX(4px)}
.feature-photo img{scale:1.1;translate:0 var(--feature-drift,0px)}.hero-product>img{translate:var(--hero-x,0px) var(--hero-y,0px);rotate:var(--hero-rotate,0deg);transition:translate .55s var(--motion-ease),rotate .55s var(--motion-ease)}
@media(hover:hover) and (pointer:fine){.product-image-button{perspective:900px}.product-image-button img{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--product-scale,1));transition:transform .45s var(--motion-ease)}.product-image-button:hover{--product-scale:1.075;background:#fbfcf7;box-shadow:0 14px 30px #153e3510}.product-image-button:hover img{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--product-scale,1))}}
@media(max-width:600px){html{scroll-padding-top:102px}.feature-photo img{scale:1.06}.reading-progress{height:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-product>img{translate:none;rotate:none}.feature-photo img{scale:1;translate:none}.product-image-button img,.product-image-button:hover img{transform:none}.button:hover,.quick-add:hover,.quick-add.selected:hover,.button:hover .icon,.text-link:hover .icon,.family-strip a:hover .icon,.header-quote:hover>.icon,.round-button:hover .icon{transform:none}.header,.button,.header nav a::after{transition:background-color .15s,color .15s,box-shadow .15s}.reading-progress{transition:none}}
