.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none;box-shadow:0 0 12px #d7fc5170}
.hero-copy{position:relative;background:radial-gradient(ellipse at 10% 10%,#d7fc5108,transparent 65%)}
.hero h1 span{background:linear-gradient(100deg,#d7fc51,#efffc2);background-clip:text;-webkit-background-clip:text;color:transparent}
nav a{position:relative;padding:8px 0}nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}
.product-image{border-radius:8px;isolation:isolate}.product-image:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,40%),#ffffff45,transparent 65%);transition:opacity .4s}.product-image:hover:after{opacity:1}
.product:hover .product-image{box-shadow:0 14px 32px #1719161a}.tag{border-radius:3px}.quick{box-shadow:0 4px 16px #0001}
.channel-card,.people-links a{border-radius:10px}.people-links a:hover{transform:translateY(-3px)}
dialog{border-radius:14px;box-shadow:0 30px 100px #0005}.primary,.cta{border-radius:5px}.sizes button{border-radius:5px}.sizes button.selected{box-shadow:0 3px 10px #17191625}
.hero-bottom{border-top:1px solid #ffffff12;margin-top:36px;padding-top:24px}.brand-strip{background:linear-gradient(105deg,#f4f4ef,#e9eddf,#f4f4ef)}
#toast{border-radius:8px;transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}
@media(hover:none){.product-image:after{display:none}.people-links a:hover{transform:none}}