.opening{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1c19;color:#d9d7c9;pointer-events:none;animation:opening-away .75s cubic-bezier(.76,0,.24,1) 1s forwards;overflow:hidden}.opening-word{font:800 clamp(55px,13vw,180px)/1 var(--display);letter-spacing:-.03em;animation:word-arrive .75s cubic-bezier(.2,.7,.2,1) both}.opening-label,.opening-note{font:12px var(--mono);letter-spacing:.18em;color:#b4ae91}.opening-label{margin-bottom:30px}.opening-note{margin-top:30px}.opening-rule{width:clamp(150px,35vw,450px);height:1px;background:#a59973;margin-top:25px;transform-origin:left;animation:rule-arrive .9s ease both}.motion-toggle{border:0;background:none;color:var(--muted);padding:0;font:inherit;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.hero-clothes{translate:var(--drift-x,0px) var(--drift-y,0px);transition:translate .7s ease}.hero-hood .drawing{animation:hood-float 6.5s ease-in-out infinite;transform-origin:50% 10%}.hero-pants .drawing{animation:pants-float 7s ease-in-out infinite;transform-origin:50% 12%}.hero-pants{height:69%;width:90%;left:5%;bottom:-2%}.hero-hood{height:59%;top:-1%}.hero-art>svg circle{transform-box:fill-box;transform-origin:center;animation:halo-breathe 7s ease-in-out infinite}.hero-art>svg circle:nth-of-type(2){animation-delay:-3s}.sticker{animation:sticker-rock 8s ease-in-out infinite}.product-art{transition:transform .35s ease,border-color .4s,background .5s;will-change:auto}.product:hover .product-art,.product:focus-visible .product-art{border-color:#b6ad86;background:#34392e}.product-arrow{transition:transform .35s,background .35s}.product:hover .product-arrow{transform:rotate(45deg);background:#d3c49d}.product-info h3{transition:color .3s}.product:hover h3{color:#c8bd96}.button span{transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}nav a,.footer-links a,.text-link{position:relative}nav a:after,.footer-links a:after{content:'';position:absolute;height:1px;left:0;right:0;bottom:-6px;background:#b9ad83;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after,.footer-links a:hover:after{transform:scaleX(1)}.size-row button,.quantity button{transition:background .2s,color .2s,transform .2s}.size-row button:hover,.quantity button:hover{background:#565c49}.notes-grid>div{transition:translate .3s}.notes-grid>div:hover{translate:0 -5px}.ticker:hover div{animation-play-state:paused}dialog[open]::backdrop{animation:backdrop-in .4s ease}.success-mark{animation:success-bloom .7s cubic-bezier(.2,.9,.3,1.3)}
@keyframes opening-away{to{transform:translateY(-101%);visibility:hidden}}@keyframes word-arrive{from{opacity:0;transform:translateY(45px);letter-spacing:.04em}to{opacity:1;transform:translateY(0)}}@keyframes rule-arrive{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hood-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes pants-float{0%,100%{transform:translateY(0) rotate(.7deg)}50%{transform:translateY(7px) rotate(-.8deg)}}@keyframes halo-breathe{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.025)}}@keyframes sticker-rock{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(-5deg)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes success-bloom{from{opacity:0;transform:scale(.4) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}
.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}.motion-off .product-art,.motion-off .hero-clothes{translate:none!important;transform:none!important}.motion-off .opening{display:none}
@media(max-width:600px){.hero-pants{width:90%;height:69%;bottom:-1%}.hero-hood{height:59%}.opening-label,.opening-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.opening{display:none}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-clothes{translate:none}.product-art{transform:none!important}}