/* Subtle motion, with no hidden-content dependency and no continuous animation loop. */
html.is-navigating,html.is-navigating body{scroll-behavior:auto!important;overflow-anchor:none}
.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8bb9c2,#5f8e9f);transform:scaleX(0);transform-origin:left;pointer-events:none;z-index:50;opacity:.65}
.header{transition:background .3s,box-shadow .3s,border-color .3s}
.header.is-scrolled{background:#ffffffac;border-color:#fffffff2;box-shadow:0 12px 34px #345d7319,inset 0 1px 0 #fff}
.motion-enabled .hero-photo{transform:translate3d(0,var(--hero-drift,0px),0) scale(1.075)}
.motion-relative{position:relative}
.ripple-layer{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:3}
.glass-ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffffff80 0%,#bed6df59 42%,#ffffff00 70%);pointer-events:none}
.button-primary .glass-ripple{background:radial-gradient(circle,#ffffffa1 0%,#ffffff38 45%,#ffffff00 70%)}
.motion-enabled :is(.button,.icon-button,.add-cart,.filter,.discord-button,.custom-services button,.main-nav a){transition:background .22s,color .22s,box-shadow .22s,transform .28s,border-color .22s,scale .15s}
.motion-enabled :is(.button,.icon-button,.add-cart,.filter,.discord-button,.custom-services button):active{scale:.97}
.button [data-icon],.hero-secondary [data-icon],.discord-button .tiny-arrow,.visual-arrow{transition:translate .3s cubic-bezier(.22,1,.36,1)}
.button:hover [data-icon="arrow-right"]{translate:3px 0}
.button:hover [data-icon="arrow-up-right"],.discord-button:hover .tiny-arrow{translate:2px -2px}
.visual-glass:hover .visual-arrow{translate:2px -2px}
.filters{position:relative;isolation:isolate}
.filter-indicator{display:none;position:absolute;top:5px;bottom:5px;left:0;z-index:0;border:1px solid #fff;border-radius:24px;background:#ffffffe6;box-shadow:0 3px 10px #45627219,inset 0 1px 0 #fff;pointer-events:none;transition:transform .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1)}
.motion-enabled .filter-indicator{display:block}
.motion-enabled .filter{position:relative;z-index:1}
.motion-enabled .filter.active,.motion-enabled .filter.active:hover{background:transparent;box-shadow:none}
.product-card{position:relative}
.product-card:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle 180px at var(--shine-x,50%) var(--shine-y,0%),#ffffff77,transparent 75%);opacity:0;pointer-events:none;z-index:2;transition:opacity .35s}
@media(hover:hover) and (pointer:fine){
 .motion-enabled .product-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .35s}
 .motion-enabled .product-card.glass-hover{transform:perspective(1000px) translateY(-4px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 18px 38px #38566720,inset 0 1px 0 #fff}
 .motion-enabled .product-card.glass-hover:after{opacity:1}
}
.motion-enabled dialog[open]{animation:none}
.motion-enabled dialog::backdrop{animation:glass-backdrop-in .28s ease-out}
.faq-list details{transition:background .25s,box-shadow .25s}
.faq-list details[open]{background:#ffffff91;box-shadow:0 6px 20px #4c6e7c09,inset 0 1px 0 #fff}
.search{transition:background .25s,box-shadow .25s}
.search:focus-within{background:#ffffffc2;box-shadow:0 0 0 3px #83a9b615,inset 0 1px 0 #fff}
input,select,textarea{transition:background .2s,box-shadow .2s,border-color .2s}
input:focus,select:focus,textarea:focus{background:#ffffffcf}
@keyframes glass-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes glass-menu-in{from{opacity:0;translate:0 -7px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:740px){
 .filter-indicator{top:4px;bottom:4px}
 .motion-enabled .main-nav.open{transform-origin:top center;animation:glass-menu-in .26s cubic-bezier(.22,1,.36,1)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation:none!important;transition:none!important}
 .hero-photo,.product-card,.product-card:hover{transform:none!important}
 .ripple-layer,.product-card:after{display:none}
 .button [data-icon],.discord-button .tiny-arrow,.visual-arrow{translate:none!important}
}