.pro{--p-bg:#fff;--p-plate:#f2f2f4;--p-line:#0000001f;--p-fg:#0a0a0b;--p-mute:#6b6b73;background:var(--p-bg);min-height:100vh;color:var(--p-fg);font-family:var(--font-sans)}body:has(.pro){background:#fff}body:has(.pro) footer{--background:#fff;--foreground:#0a0a0b;--muted-foreground:#6b6b73;--border:#0000001f}.pro-dark{color:#f2f2f4;background:#08080a}.pro a{color:inherit;text-decoration:none}.pro-bar{color:#fff;letter-spacing:.06em;text-align:center;text-transform:uppercase;background:#0a0a0b;padding:.55rem 1rem;font-size:.66rem;font-weight:600}.pro-head{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--p-line);background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 clamp(1rem,3vw,2.5rem);display:grid;position:sticky;top:0}.pro-nav{letter-spacing:.06em;text-transform:uppercase;gap:clamp(1rem,2.4vw,2rem);font-size:.8rem;font-weight:700;display:flex}.pro-nav-right{justify-content:flex-end}.pro-nav a{opacity:.88;padding:.4rem 0;transition:opacity .2s;position:relative}.pro-nav a:hover{opacity:1}.pro-nav b{color:#fff;background:#0a0a0b;border-radius:99px;margin-left:.4rem;padding:.08rem .4rem;font-size:.62rem}.pro-logo{width:72px;height:72px;display:block;overflow:visible}.pro-logo-video{pointer-events:none;transform-origin:50%;filter:invert()brightness(0);width:100%;height:100%;transform:scale(2.1)}.pro-hero{background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;height:calc(100svh - 108px);min-height:480px;max-height:880px;scroll-margin-top:72px;display:grid;position:relative}.pro-look-tile{background:#111;display:block;position:relative;overflow:hidden}.pro-look-tile img{object-fit:cover;object-position:center 22%;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.pro-look-tile:hover img{transform:scale(1.035)}.pro-look-tile:after{content:"";pointer-events:none;background:linear-gradient(#08080a00 62%,#08080ab8 100%);position:absolute;inset:0}.pro-look-tile span{z-index:2;color:#fff;gap:.2rem;display:grid;position:absolute;bottom:clamp(.9rem,1.8vw,1.6rem);left:clamp(.9rem,1.6vw,1.5rem);right:1rem}.pro-look-tile small{letter-spacing:.2em;text-transform:uppercase;opacity:.75;font-size:.64rem;font-weight:600}.pro-look-tile b{letter-spacing:.03em;text-transform:uppercase;font-size:clamp(.9rem,1.4vw,1.2rem);font-weight:800}.pro-look-tile em{letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #ffffffb3;justify-self:start;width:fit-content;margin-top:.35rem;padding-bottom:2px;font-size:.68rem;font-style:normal;font-weight:700}.pro-band{color:#f2f2f4;text-align:center;background:#08080a;justify-items:center;gap:1rem;padding:clamp(2.4rem,6vw,4.4rem) 1rem;display:grid}.pro-band p{letter-spacing:.28em;text-transform:uppercase;color:#f0a05a;font-size:.72rem;font-weight:700}.pro-band h1{line-height:0}.pro-drip-title{filter:grayscale();margin:0 auto;width:clamp(260px,40vw,560px)!important}.pro-drip-title .drip-art-base{filter:brightness(1.3)!important}.pro-drip-title .drip-art-live{filter:grayscale()brightness(1.35)}.pro-band div{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:.5rem;display:flex}.pro-btn{letter-spacing:.1em;text-transform:uppercase;background:#f2f2f4;border:1px solid #f2f2f4;justify-content:center;align-items:center;min-height:48px;padding:0 1.7rem;font-size:.74rem;font-weight:800;transition:background .2s,color .2s;display:inline-flex;color:#08080a!important}.pro-btn:hover{background:0 0;color:#f2f2f4!important}.pro-btn-ghost{background:0 0;border-color:#fff9;color:#f2f2f4!important}.pro-btn-ghost:hover{background:#f2f2f4;color:#08080a!important}.pro-shop{max-width:1680px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2.5rem);scroll-margin-top:64px}.pro-shop-top{border-bottom:1px solid var(--p-line);flex-wrap:wrap;align-items:baseline;gap:1.2rem 2rem;margin-bottom:1.6rem;padding-bottom:1.1rem;display:flex}.pro-shop-top h2{text-transform:uppercase;letter-spacing:.02em;font-size:1.5rem;font-weight:800}.pro-filter{flex-wrap:wrap;flex:1;gap:clamp(1rem,2.4vw,2rem);display:flex}.pro-filter button{color:var(--p-mute);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.35rem 0;font-size:.8rem;font-weight:700;transition:color .2s,border-color .2s}.pro-filter button:hover{color:var(--p-fg)}.pro-filter button.is-on{color:var(--p-fg);border-bottom-color:var(--p-fg)}.pro-count{color:var(--p-mute);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.pro-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.4rem,3vw,2.4rem) clamp(.6rem,1.4vw,1.2rem);margin:0;padding:0;list-style:none;display:grid}.pro-card{text-align:center;gap:.45rem;display:grid}.pro-plate{aspect-ratio:1;background:var(--p-plate);display:block;position:relative;overflow:hidden;container-type:size}.pro-plate .product-cutout{--cutout-size:68cqmin;transition:transform .7s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 14px 14px #00000038)!important}.pro-card:hover .pro-plate .product-cutout{transform:scale(1.04)}.pro-tag{z-index:2;color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#0a0a0b;padding:.25rem .5rem;font-size:.6rem;font-style:normal;font-weight:800;position:absolute;top:.7rem;left:.7rem}.pro-name{letter-spacing:.04em;text-transform:uppercase;margin-top:.5rem;font-size:.78rem;font-weight:700}.pro-price{color:var(--p-mute);font-size:.8rem}.pro-price s{opacity:.6;margin-left:.5rem}.pro-sizes{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.pro-sizes i{letter-spacing:.06em;color:var(--p-mute);font-size:.64rem;font-style:normal}.pro-sizes i.is-out{opacity:.4;text-decoration:line-through}.pro-usp{background:var(--p-line);border-block:1px solid var(--p-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:1rem;display:grid}.pro-usp div{background:var(--p-bg);gap:.3rem;padding:1.6rem clamp(1rem,2vw,2rem);display:grid}.pro-usp b{letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.pro-usp span{color:var(--p-mute);font-size:.8rem}.pro-hero-wrap{position:relative}.pro-dots,.pro-burger,.pro-menu{display:none}@media (width<=900px){.pro-bar-more{display:none}.pro-head{grid-template-columns:1fr auto 1fr;height:60px}.pro-logo{width:60px;height:60px}.pro-nav-left,.pro-nav-right a:first-child{display:none}.pro-burger{cursor:pointer;background:0 0;border:0;align-content:center;justify-items:start;gap:6px;width:44px;height:44px;padding:0;display:grid}.pro-burger i{background:var(--p-fg);width:24px;height:2px;display:block}.pro-nav a{padding:.7rem 0}.pro-menu{z-index:29;border-bottom:1px solid var(--p-line);background:#fff;padding:.4rem 1rem 1rem;display:grid;position:sticky;top:60px}.pro-menu a{border-bottom:1px solid var(--p-line);letter-spacing:.06em;text-transform:uppercase;padding:.95rem 0;font-size:.95rem;font-weight:700}.pro-menu b{color:#fff;background:#0a0a0b;border-radius:99px;margin-left:.5rem;padding:.1rem .5rem;font-size:.68rem}.pro-hero{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:100%;grid-auto-flow:column;gap:0;height:68svh;min-height:380px;max-height:none;scroll-margin-top:60px;display:grid;overflow-x:auto}.pro-hero::-webkit-scrollbar{display:none}.pro-look-tile{scroll-snap-align:start;scroll-snap-stop:always}.pro-dots{z-index:3;pointer-events:none;justify-content:center;gap:.45rem;display:flex;position:absolute;bottom:.8rem;left:0;right:0}.pro-dots i{background:#ffffff73;border-radius:99px;width:6px;height:6px;transition:all .3s}.pro-dots i.is-on{background:#fff;width:18px}.pro-look-tile span{bottom:2.2rem}.pro-look-tile em{margin-top:.3rem}.pro-band{padding:2.2rem 1rem 2.4rem}.pro-band div{flex-direction:column;width:100%}.pro-band .pro-btn{width:100%}.pro-shop{padding-top:1.6rem;scroll-margin-top:60px}.pro-shop-top{gap:.8rem 1rem}.pro-filter{scrollbar-width:none;flex-wrap:nowrap;flex-basis:100%;gap:1.4rem;overflow-x:auto}.pro-filter::-webkit-scrollbar{display:none}.pro-filter button{white-space:nowrap;padding:.6rem 0}.pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem .6rem}.pro-name{font-size:.72rem}.pro-usp{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-usp div{padding:1.2rem 1rem}.pro-count{display:none}}