/* PIERO / MOTION SYSTEM — accessible, composited, restrained */
:root{--ease-luxe:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:82px}body{overflow-x:clip}
.piero-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:200;pointer-events:none;transform:scaleX(0);transform-origin:left;background:#d8d0bf}
.header{position:sticky;top:0;z-index:100;background:rgba(17,17,16,.92);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:height .5s var(--ease-luxe),background .5s}
.header.is-scrolled{height:68px;background:rgba(14,14,13,.96)}
.header a,.header button{transition:opacity .3s ease}.header a:hover,.header button:hover{opacity:.58}
.hero{overflow:hidden;isolation:isolate;min-height:calc(100svh - 82px);background-image:none!important;background-color:#181817}
.hero:before{content:'';position:absolute;inset:-4%;z-index:-2;background-image:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.06)),var(--hero-image);background-position:center;background-size:cover;transform:scale(1.075);animation:piero-hero-in 1.9s var(--ease-luxe) both;will-change:transform}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 28%);pointer-events:none}
.hero-content{position:relative;z-index:1}.hero-content>*{animation:piero-rise 1.1s var(--ease-luxe) both}.hero-content>*:nth-child(2){animation-delay:.14s}.hero-content>*:nth-child(3){animation-delay:.26s}.hero-content>*:nth-child(4){animation-delay:.38s}
.hero h1{max-width:11ch;text-wrap:balance}.hero-bottom{z-index:1}
.button{position:relative;overflow:hidden;transition:transform .45s var(--ease-luxe),background .3s,color .3s}.button:hover{transform:translateY(-3px)}.button span{display:inline-block;transition:transform .4s var(--ease-luxe)}.button:hover span{transform:translate(3px,-3px)}
[data-reveal]{opacity:0;transform:translateY(48px);transition:opacity 1s var(--ease-luxe),transform 1s var(--ease-luxe)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}
.editorial-image,.product-card,.product-card a{overflow:hidden}.editorial-image img,.product-card img{transition:transform 1.1s var(--ease-luxe),filter .8s ease}.editorial-image:hover img,.product-card:hover img{transform:scale(1.055)}
.piero-marquee{overflow:hidden;border-top:1px solid #373734;border-bottom:1px solid #373734;padding:21px 0;background:#151514}.piero-marquee-track{display:flex;width:max-content;animation:piero-marquee 38s linear infinite}.piero-marquee:hover .piero-marquee-track{animation-play-state:paused}.piero-marquee-item{font-size:11px;font-weight:600;letter-spacing:.24em;white-space:nowrap;padding:0 42px;color:#c4c1b8}.piero-marquee-item b{color:#77746d;margin-left:84px;font-weight:400}
.piero-statement{position:relative;min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 7vw;background:radial-gradient(ellipse at 50% 10%,#272621,#121211 68%);overflow:hidden}.piero-statement:before{content:'';position:absolute;inset:24px;border:1px solid rgba(255,255,255,.09);pointer-events:none}.piero-statement h2{font-size:clamp(2.8rem,7vw,8rem);line-height:.96;max-width:14ch;margin:20px auto 24px}.piero-statement p:not(.eyebrow){max-width:520px;color:#aaa8a2;line-height:1.8}.piero-statement .eyebrow{color:#c3b8a3}
.piero-rule{width:1px;height:68px;background:linear-gradient(#bdb3a0,transparent);margin:0 auto 26px}
@keyframes piero-hero-in{from{transform:scale(1.18);opacity:.4}to{transform:scale(1.075);opacity:1}}@keyframes piero-rise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes piero-marquee{to{transform:translateX(-50%)}}
@media(max-width:767px){.hero{min-height:84svh}.piero-statement{min-height:55vh;padding:85px 7vw}.piero-statement:before{inset:12px}.piero-marquee-item{padding:0 24px}.header{backdrop-filter:blur(12px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}.hero:before{transform:none}}