@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap";:root{--canvas:#ffffff;--ink:#4c241d;--muted:#705d57;--line:#d5c9c5;--accent:#ffe62f;font-family:DM Sans,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.35}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #4e661b;outline-offset:5px}svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.1}img{max-width:100%}[hidden]{display:none!important}#app{min-height:100dvh;display:flex;flex-direction:column}.skip{position:fixed;left:16px;top:-100px;z-index:50;padding:12px;background:var(--ink);color:#fff}.skip:focus{top:12px}.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 40px}.text-btn{border:0;background:none;display:inline-flex;align-items:center;gap:10px;font-size:12px;padding:10px 0}.menu{justify-self:start}.piece-link{justify-self:end}.mark{background:none;border:0;display:flex;align-items:baseline;gap:7px;font-family:Manrope,sans-serif;font-weight:800;font-size:29px;letter-spacing:-1.8px;padding:0 12px}.brand-symbol{font-family:Georgia,serif;font-size:35px;font-weight:400;letter-spacing:-4px;margin-right:5px}.registered{font:9px DM Sans,sans-serif;align-self:flex-start;letter-spacing:0;margin-top:6px}.store{flex:1;display:flex;flex-direction:column;justify-content:center;padding:42px 0 0;position:relative;min-height:670px}.collection-label{display:flex;align-items:center;justify-content:center;gap:16px;font-size:10px;color:var(--muted);letter-spacing:.025em;margin-bottom:31px}.label-rule{height:10px;border-left:1px solid #c4c6ba}.rail-stage{position:relative;width:100%}.rail-scroll{overflow:visible}.rail-wrap{position:relative;width:min(1190px,85vw);margin:auto}.rail-line{position:absolute;top:9px;left:-12px;right:-12px;height:3px;border-top:1px solid #aaa99f;border-bottom:1px solid #c6c5bd;background:linear-gradient(#e5e4de,#bab9b1);z-index:0}.rail-line:before,.rail-line:after{content:"";position:absolute;top:-5px;width:5px;height:12px;border:1px solid #aaa99f;background:var(--canvas);border-radius:1px}.rail-line:before{left:0}.rail-line:after{right:0}.rail{display:flex;align-items:flex-start;justify-content:space-around;gap:clamp(0px,1.5vw,22px);height:clamp(355px,31vw,430px);position:relative;padding:0 6px}.slot{position:relative;flex:1 1 0;min-width:45px;max-width:110px;height:100%;z-index:1}.slot.selected{flex:0 0 clamp(240px,24vw,310px);max-width:310px;z-index:5}.piece{width:100%;border:0;padding:0;background:none;height:100%;position:relative;display:block;outline-offset:2px}.rack-image{position:absolute;top:1px;left:50%;width:130px;max-width:none;height:195px;object-fit:contain;transform:translate(-50%);pointer-events:none;transition:transform .3s ease,filter .3s ease}.selected>.piece>.rack-image{visibility:hidden}.hero-visual{position:absolute;top:26px;left:0;width:100%;aspect-ratio:2/3;transform-origin:top left;cursor:grab;touch-action:pan-y;filter:drop-shadow(0 13px 9px #5145320c)}.hero-visual:active{cursor:grabbing}.hero-poster,.hero-canvas{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.piece.image-missing:after{content:attr(data-fallback);position:absolute;top:65px;left:0;width:100%;font-size:11px}.selected>.piece.image-missing:after{display:none}.browse-nav{display:flex;align-items:center;justify-content:space-between;position:absolute;left:5%;right:5%;bottom:20px;pointer-events:none}.browse-nav button{pointer-events:auto;border:1px solid #ddded4;border-radius:50%;width:38px;height:38px;background:var(--canvas);font-size:18px}.browse-nav [data-count]{position:absolute;left:0;top:55px;font-size:10px;color:var(--muted);letter-spacing:.05em}.product{text-align:center;padding:0 24px 28px;position:relative;z-index:7;outline:none}.piece-type{font-size:10px;color:var(--muted);margin:0 0 7px;text-transform:capitalize;letter-spacing:.04em}.product h1{font-family:Manrope,sans-serif;font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.7px;margin:0}.summary{font-size:12px;color:var(--muted);margin:7px auto 0;max-width:50ch}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:9px;min-height:30px}.frame-dots{display:flex;gap:0}.frame-dots button{border:0;background:none;width:24px;height:32px;display:grid;place-items:center;padding:0}.frame-dots button span{display:block;width:4px;height:4px;border-radius:100%;background:#a8aa9e}.frame-dots button[aria-pressed=true] span{width:6px;height:6px;background:var(--ink)}.view-arrow,.play{border:0;background:none;width:28px;height:32px;padding:0;font-size:21px}.play{font-size:15px;border-left:1px solid #dedfd5;margin-left:7px;padding-left:10px;width:35px}.view-status{font-size:10px;color:var(--muted);margin:0;min-height:15px}.cta{border:1px solid #b5b8a6;background:none;border-radius:30px;font-size:11px;display:inline-flex;align-items:center;gap:32px;padding:12px 20px;margin-top:15px;transition:background .2s,color .2s}.cta svg{width:13px;height:13px}.cta:hover{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.demo-note{font-size:9px;color:var(--muted);margin:12px 0 0}.stage-caption{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 40px 23px;font-size:10px;color:var(--muted)}.stage-caption .text-btn{font-size:10px;gap:15px}.accent{display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--accent);padding:11px 35px;font-size:10px;letter-spacing:.02em;min-height:38px}.accent span:nth-child(2n){font-size:14px}dialog{width:min(475px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #dedfd5;border-radius:5px;background:var(--canvas);padding:38px;color:var(--ink);box-shadow:0 20px 100px #20251c25}dialog::backdrop{background:#252b2250;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font:500 28px Manrope,sans-serif;letter-spacing:-1px;margin:10px 0}dialog .piece-type{text-align:left}.dialog-close{position:absolute;top:13px;right:17px;background:none;border:0;font-size:24px;width:32px;height:32px}.dialog-lead,.truth,.keys{font-size:12px;color:var(--muted);line-height:1.7}.menu-list{padding:0;list-style:none;margin:24px 0}.menu-list button{border:0;background:none;width:100%;display:flex;align-items:center;gap:12px;padding:13px 0;text-align:left;font-size:12px;border-bottom:1px solid #dedfd5}.menu-list button:hover{background:#e9ecdf}.swatch{width:11px;height:11px;border-radius:50%;border:1px solid #0001}.menu-price{margin-left:auto;color:var(--muted)}.detail-image{display:block;width:200px;height:300px;margin:0 auto 24px;object-fit:contain}.detail-meta{display:flex;justify-content:space-between;border-block:1px solid #dedfd5;padding:12px 0;font-size:13px}.detail-meta span:last-child{color:var(--muted);font-size:11px}.bag{margin-top:12px;width:100%;padding:12px;border:1px solid #a8ad9c;background:transparent}.setting{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:15px 0;border-bottom:1px solid #dedfd5;gap:15px}.setting select,.setting input[type=number]{padding:7px;border:1px solid #c0c3b6;background:transparent;border-radius:3px}.setting input[type=number]{width:70px}.setting input[type=checkbox]{accent-color:#495d22;width:18px;height:18px}.keys{font-size:11px}@media(hover:hover){.piece:not([aria-checked=true]):hover .rack-image{transform:translate(-50%) translateY(6px) rotate(-3deg);filter:drop-shadow(0 8px 5px #3c402b14)}}@media(min-width:1500px){.store{padding-top:65px}.rail{height:490px}.hero-visual{top:32px}}@media(max-width:1000px){.header{padding:20px 25px}.rail-wrap{width:90vw}.rail{gap:0;height:410px}.rack-image{width:110px;height:165px}.slot{min-width:35px}.slot.selected{flex-basis:250px}.hero-visual{top:30px}.store{min-height:690px}.stage-caption,.accent{padding-inline:25px}.accent span:last-child{display:none}}@media(max-width:700px){.header{padding:17px 20px}.mark{font-size:25px}.brand-symbol{font-size:30px}.piece-link span{display:none}.text-btn{font-size:11px}.store{justify-content:flex-start;padding-top:38px;min-height:700px}.collection-label{font-size:9px;gap:12px;margin-bottom:27px}.rail-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.rail-scroll::-webkit-scrollbar{display:none}.rail-wrap{width:max-content;min-width:100%;margin:0;padding:0 48px}.rail-line{left:20px;right:20px}.rail{height:368px;justify-content:flex-start;gap:12px;padding:0}.slot{flex:0 0 55px;min-width:55px;width:55px}.slot.selected{flex:0 0 225px;max-width:225px}.rack-image{width:115px;height:172.5px;top:2px}.hero-visual{top:23px}.browse-nav{bottom:6px;left:20px;right:20px}.browse-nav [data-count]{left:50%;transform:translate(-50%);top:11px}.browse-nav button{width:32px;height:32px;font-size:16px}.product{padding-top:14px;padding-bottom:22px}.product h1{font-size:22px}.summary{font-size:11px;max-width:35ch}.viewer-controls{margin-top:10px}.frame-dots button{width:26px;height:36px}.cta{margin-top:13px}.stage-caption{padding:20px;gap:15px}.stage-caption>span:first-child{display:none}.stage-caption>span{font-size:9px}.accent{padding:10px 20px;gap:15px;font-size:9px}.accent span:nth-child(n+4){display:none}dialog{padding:32px 25px}.piece-type,.demo-note{font-size:9px}}@media(min-width:1001px){.header{padding-block:20px}.store{padding-top:24px;min-height:0}.slot.selected{flex-basis:260px;max-width:260px}.rail{height:425px}.stage-caption{padding-block:12px}}.product{padding-bottom:14px}.product h1{font-size:23px}.product .piece-type{margin-bottom:4px;font-size:9px}.summary{font-size:11px;margin-top:5px}.viewer-controls{margin-top:5px}.cta{padding:10px 19px;margin-top:11px}.demo-note{margin-top:10px;font-size:9px}.rack-image{clip-path:inset(0 27% 0 27%)}@media(max-width:700px){.store{padding-top:28px}.collection-label{margin-bottom:20px}.rail{height:358px}.hero-visual{top:16px}.product{padding-top:8px}.stage-caption{padding-bottom:12px}}@media(max-width:360px){.frame-dots button{width:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;transition:none!important;scroll-behavior:auto!important}}.store{outline:none;padding-top:clamp(40px,9vh,90px);justify-content:flex-start}.rail-stage{--rack-width:224px;--rack-height:336px;--rest-width:112px;--turn-width:240px;--rack-top:-7px}.rail-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.rail-scroll::-webkit-scrollbar{display:none}.rail-wrap{width:max-content;min-width:min(1190px,85vw);margin-inline:auto}.rail{width:max-content;min-width:min(1190px,85vw);height:360px;justify-content:space-between;gap:12px;padding-inline:calc((var(--turn-width) - var(--rest-width))/2 + 6px)}.rail .slot,.rail .slot.selected{flex:0 0 auto;width:var(--rest-width);min-width:0;max-width:none;transition:none}.rail .slot.hovered,.rail .slot.is-turned{z-index:3}.rail .piece{height:var(--rack-height);touch-action:pan-x pan-y pinch-zoom}.rail .rack-image{top:var(--rack-top);width:var(--rack-width);height:var(--rack-height);transform:translate(-50%);filter:none;transition:none;clip-path:inset(0 27% 0 27%)}.rail .piece:hover .rack-image{transform:translate(-50%);filter:none}.hover-visual{position:absolute;top:var(--rack-top);left:calc(50% - var(--rack-width)/2);width:var(--rack-width);height:var(--rack-height);pointer-events:none}.hover-visual canvas{display:block;width:100%;height:100%}.center-poster,.scroll-turn,.rack-left-image{display:none}.slot.is-turned .rack-image{visibility:hidden}.slot.hovered .piece:before{content:"";position:absolute;top:0;left:calc(50% - var(--turn-width)/2);width:var(--turn-width);height:100%}.rail-caption{text-align:center;padding:8px 24px 22px;min-height:165px}.rail-caption h1{font-family:Manrope,sans-serif;font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.7px;margin:0}.rail-caption .piece-type{margin-bottom:4px;min-height:15px;font-size:9px}.rail-caption .summary{min-height:17px}.browse-nav{bottom:9px}.browse-nav [data-count]{top:12px;left:50%;transform:translate(-50%)}.focus-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px;border:0;border-radius:0;overflow:auto;background:#f8f7f2d9;box-shadow:none;transition:background-color .18s ease}.focus-dialog::backdrop{background:#f8f7f233;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);opacity:1;transition:opacity .18s ease}.focus-dialog.closing::backdrop{opacity:0}@starting-style{.focus-dialog[open]{background:transparent}.focus-dialog[open]::backdrop{opacity:0}}.focus-content{min-height:calc(100dvh - 48px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.focus-close{position:fixed;right:32px;top:20px;z-index:2;gap:18px;font-size:11px}.focus-close span{font-size:24px;font-weight:400}.focused-piece{border:0;padding:0;background:none;display:block;position:relative;width:min(320px,calc(52dvh * 2/3),72vw);aspect-ratio:2/3}.focused-piece .hero-visual{position:relative;top:0;left:0;width:100%;height:100%;aspect-ratio:2/3;transform-origin:center;touch-action:pan-y;filter:drop-shadow(0 15px 12px #403d2910)}.focus-dialog .product{width:100%;padding:0 10px 12px}.focus-dialog .product .piece-type{text-align:center}.focus-dialog .viewer-controls[hidden]{display:flex!important;visibility:hidden}.keyboard-input .focus-dialog,.keyboard-input .focus-dialog::backdrop{transition:none}@media(prefers-reduced-motion:reduce){.focus-dialog::backdrop{transition:none}}.focused-piece:focus-visible{outline-offset:5px}@media(max-width:1000px){.rail-stage{--rack-width:170px;--rack-height:255px;--rest-width:90px;--turn-width:186px;--rack-top:-3px}.rail-wrap,.rail{min-width:90vw}.rail{height:290px}.store{min-height:0}}@media(max-width:700px){.store{padding-top:35px}.rail-stage{--rack-width:150px;--rack-height:225px;--rest-width:80px;--turn-width:166px;--rack-top:-2px}.rail-wrap{min-width:100%;padding-inline:48px;margin:0}.rail{min-width:0;height:268px}.rail-caption{padding-top:8px;min-height:172px}.rail-caption h1{font-size:22px}.rail-caption .summary{max-width:32ch;min-height:34px}.focus-dialog{padding:24px 12px}.focus-content{gap:6px}.focus-close{top:12px;right:20px}.focused-piece{width:min(260px,32dvh,76vw)}.focus-dialog .product h1{font-size:21px}}.snap-rail{--rack-width:clamp(180px,50vw,280px);--rack-height:calc(var(--rack-width)*1.5);--snap-step:clamp(158px,48vw,230px);--rack-top:-5px}.snap-rail .rail-scroll{scroll-snap-type:x mandatory;scroll-behavior:smooth;touch-action:pan-x pan-y pinch-zoom}.snap-rail .rail-wrap{width:max-content;min-width:0;margin:0;padding:0}.snap-rail .rail{width:max-content;min-width:0;gap:0;justify-content:flex-start;padding-inline:calc((100vw - var(--snap-step))/2);height:calc(var(--rack-height) + 42px)}.snap-rail .rail .slot{width:var(--snap-step);transform:none!important;scroll-snap-align:center;scroll-snap-stop:normal}.snap-rail .rail .slot.hovered .piece:before{display:none}.snap-rail .scroll-turn{display:block;position:absolute;top:var(--rack-top);left:calc(50% - var(--rack-width)/2);width:var(--rack-width);height:var(--rack-height);transform-style:preserve-3d;transform-origin:50% 4.8%;pointer-events:none;visibility:hidden}.snap-rail .scroll-turn img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;backface-visibility:visible}.snap-rail .turn-front{transform:translateZ(.1px)}.snap-rail .scroll-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.snap-rail .scroll-canvas[hidden],.snap-rail .image-turn .turn-front{display:none}.snap-rail .rack-image{clip-path:none}.snap-rail .rack-left-image{display:none;position:absolute;top:var(--rack-top);left:50%;width:var(--rack-width);height:var(--rack-height);max-width:none;transform:translate(-50%);object-fit:contain;pointer-events:none}.snap-rail .slot[data-rail-pose=profile-left].left-profile-ready .rack-left-image{display:block}.snap-rail .slot[data-rail-pose=profile-left].left-profile-ready .rack-image{visibility:hidden}.snap-rail .slot[data-rail-pose=turn] .scroll-turn{visibility:visible}.snap-rail .slot[data-rail-pose=turn] .rack-image{visibility:hidden}.snap-rail .hover-visual{display:none!important}.snap-rail .browse-nav{bottom:2px}:root{--canvas: #fff;--ink: #4c241d;--muted: #765d55;--accent: #ffe62f;--play-red: #ef4647;--line: #e4deda;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--radius: 16px}::selection{background:var(--accent);color:var(--ink)}html{scrollbar-color:#b9aaa4 #fff}input,select{caret-color:var(--ink)}svg{stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}.header{background:var(--canvas);padding:8px clamp(24px,4vw,64px);border-bottom:1px solid var(--line);position:relative;z-index:2}.mark{align-items:center;padding:0 12px;background:#fff;border-radius:8px}.dojo-wordmark{display:block;width:120px;height:67px;object-fit:cover;object-position:center bottom}.text-btn{min-height:44px;font-size:13px;font-weight:600;gap:12px}.text-btn svg{width:20px;height:20px}.header .text-btn{padding-inline:12px;border-radius:8px}.header .menu{margin-left:-12px}.header .piece-link{margin-right:-12px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0}.header .sound-toggle{font-size:11px;gap:7px;color:var(--muted);white-space:nowrap}.sound-toggle[aria-pressed=true]{color:var(--ink)}.sound-toggle[aria-pressed=true] svg{color:var(--play-red)}.sound-toggle:disabled{opacity:.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.store{padding-top:0;background:var(--canvas);min-height:0}.rail-intro{background:var(--canvas);padding:24px clamp(24px,7vw,112px) 34px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative}.rail-intro h1{font:800 clamp(38px,5.1vw,74px)/1.08 "Manrope",sans-serif;letter-spacing:-.035em;margin:0;min-width:0;position:relative;z-index:1}.kinetic-line{display:block;white-space:nowrap;padding-block:5px}.kinetic-prefix{font-weight:500}.kinetic-word{position:relative;display:inline-block;z-index:0;margin-left:.12em}.kinetic-word:before{content:"";position:absolute;top:7%;right:-5%;bottom:2%;left:-5%;z-index:-1;background:var(--accent);transform:rotate(-3deg);border-radius:3px}.layer-word{color:var(--play-red)}.layer-word:before{display:none}.kinetic-letter{display:inline-block;transform-origin:50% 85%;animation:type-jump 5.8s cubic-bezier(.16,1,.3,1) infinite;animation-delay:calc(var(--letter) * 65ms)}.layer-word .kinetic-letter{animation-delay:calc(1.2s + var(--letter) * 65ms)}.dojo-signature{display:flex;flex-direction:column;gap:14px;align-items:center;flex-shrink:0;position:relative}.panda-scene{position:relative;width:180px;height:148px}.dojo-mascot{display:block;position:absolute;left:12px;bottom:0;width:116px;height:116px;object-fit:contain;transform-origin:50% 90%;animation:panda-nod 5.8s var(--ease-in-out) infinite}.panda-remark{position:absolute;right:0;top:0;font-size:14px;font-weight:400;line-height:1.3;transform:rotate(7deg)}.panda-remark strong{font-weight:700}.panda-spark{position:absolute;left:-12px;top:40px;color:var(--play-red);animation:spark-turn 5.8s var(--ease-in-out) infinite}.panda-spark svg{width:22px;height:22px}.dojo-signature p{margin:0;font-size:12px;font-weight:600;line-height:1.3}.motion-toggle{position:absolute;bottom:4px;right:clamp(24px,4vw,64px);border:0;background:none;display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 8px;font-size:11px;color:var(--muted);border-radius:6px}.motion-toggle svg{width:14px;height:14px}.motion-toggle:focus-visible{outline-offset:0}.rail-stage{margin-top:24px;--rack-width: 208px;--rack-height: 312px;--turn-width: 226px}.rail{height:350px}.rail .garment-idle{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform-origin:50% 9px;animation:garment-idle var(--idle-duration, 14s) var(--idle-delay, 0s) ease-in-out infinite;animation-play-state:paused}.piece[data-idle-visible=true] .garment-idle{animation-play-state:running}.motion-paused .rail .garment-idle,.rail.rail-idle-interrupted .garment-idle,.slot.hovered .garment-idle,.slot.is-turned .garment-idle,.keyboard-input .rail:focus-within .garment-idle{animation-play-state:paused}@keyframes garment-idle{0%,to{rotate:0deg}24%{rotate:var(--idle-left)}58%{rotate:var(--idle-right)}82%{rotate:calc(var(--idle-left) * .3)}}.rail-stage.snap-rail{--rack-width: clamp(180px, 50vw, 280px);--rack-height: calc(var(--rack-width) * 1.5)}.rail-line{border-top-color:#a2958f;border-bottom-color:#c5bbb6}.browse-nav{bottom:0;left:4vw;right:4vw}.browse-nav button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);color:var(--ink);background:#fff;transition:background-color .16s ease,transform .16s var(--ease-out),border-color .16s ease}.browse-nav svg{width:20px;height:20px}.browse-nav [data-count]{top:14px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.rail-caption{padding:12px 24px 20px;min-height:156px}.rail-caption h2,.product h1{font:700 26px/1.25 Manrope,sans-serif;letter-spacing:-.025em;margin:0;text-wrap:balance}.summary{font-size:13px;line-height:1.5;margin-top:7px;color:var(--muted)}.rail-caption .summary{min-height:20px;max-width:54ch}.cta{border:0;border-radius:8px;background:var(--ink);color:#fff;min-height:46px;padding:12px 20px;font-size:13px;font-weight:600;gap:28px;margin-top:16px;box-shadow:0 3px 7px #4c241d16;transition:background-color .16s ease,transform .16s var(--ease-out),box-shadow .16s ease}.cta svg{width:18px;height:18px}.demo-note{font-size:11px;line-height:1.5;margin-top:12px;color:var(--muted)}.stage-caption{padding:8px 4vw 14px;gap:20px;font-size:12px}.stage-caption .text-btn{font-size:12px}.stage-caption>span:nth-child(2){font-style:italic}.accent{padding:18px 4vw;gap:24px;border-top:1px solid #4c241d30;font-size:14px;font-weight:700;color:var(--ink)}.accent .accent-spark{display:flex}.accent-spark svg{width:20px;height:20px;stroke-width:1.8}.motion-ribbon{display:block;padding:19px 0;overflow:hidden}.ticker-track{display:flex;width:max-content;animation:ribbon-travel var(--ribbon-duration, 40s) linear infinite}.ticker-copy{display:flex;align-items:center;flex-shrink:0;gap:44px;padding-right:44px}.ticker-copy span{white-space:nowrap;font-size:18px;font-weight:700}.ticker-copy .footer-spark{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:24px;font-weight:400;line-height:1;min-width:24px;text-align:center}.ticker-copy svg{width:20px;height:20px}.motion-paused .kinetic-letter,.motion-paused .dojo-mascot,.motion-paused .panda-spark,.motion-paused .ticker-track,[data-motion-visible=false] .kinetic-letter,[data-motion-visible=false] .dojo-mascot,[data-motion-visible=false] .panda-spark,[data-motion-visible=false] .ticker-track{animation-play-state:paused}@keyframes type-jump{0%,4%,27%,to{transform:translateY(0) rotate(0)}10%{transform:translateY(-.18em) rotate(-7deg)}17%{transform:translateY(.035em) rotate(2deg)}23%{transform:translateY(0) rotate(0)}}@keyframes panda-nod{0%,28%,to{transform:translateY(0) rotate(0)}10%{transform:translateY(-7px) rotate(-7deg)}18%{transform:translateY(0) rotate(3deg)}}@keyframes spark-turn{0%,30%,to{transform:rotate(0)}16%{transform:rotate(90deg)}}@keyframes ribbon-travel{to{transform:translate(-50%)}}dialog:not(.focus-dialog){padding:36px;border:0;border-radius:var(--radius);width:min(560px,calc(100vw - 32px));box-shadow:0 24px 80px #4c241d28}dialog::backdrop{background:#4c241d4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog h2{font-size:30px;font-weight:700;letter-spacing:-.025em;margin:0 48px 8px 0}.dialog-close{width:44px;height:44px;display:grid;place-items:center;top:16px;right:16px;border-radius:50%}.dialog-close svg{width:22px;height:22px}.dialog-lead,.truth,.keys{font-size:13px;line-height:1.65}.menu-list{margin:20px 0}.menu-list button{min-height:68px;gap:16px;font-size:14px;font-weight:600;border-color:var(--line);padding:8px 0}.menu-garment{width:36px;height:54px;object-fit:contain;flex-shrink:0}.menu-price{font-size:11px;font-weight:400}.menu-list button>svg{width:18px;height:18px}.keys{margin-bottom:0}.setting{font-size:14px;min-height:68px;border-color:var(--line)}.setting input,.setting select{min-height:44px;border-color:#c8bab4;border-radius:8px}.setting input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--ink)}.detail-meta{border-color:var(--line);padding-block:16px;font-size:14px}.bag{padding:14px;border-color:var(--line);border-radius:8px;font-size:13px}.focus-dialog{background:#fffdf8;padding:32px}.focus-dialog::backdrop{background:#fffdf833;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.focus-dialog.closing{background:transparent}.focus-close{right:4vw;top:20px;padding:8px 14px;background:var(--accent);border-radius:8px}.focus-content{display:grid;grid-template-columns:minmax(0,440px) minmax(0,370px);justify-content:center;align-items:center;gap:64px;min-height:calc(100dvh - 64px)}.focused-piece{width:min(440px,42vw,48dvh);justify-self:center}.focus-dialog .product{text-align:left;padding:0}.focus-dialog .product h1{font-size:36px;line-height:1.15}.product .summary{font-size:15px;line-height:1.6;margin:14px 0 0;max-width:32ch}.viewer-controls{gap:2px;justify-content:flex-start;margin-top:24px}.frame-dots button{width:26px;height:44px}.frame-dots button span{width:5px;height:5px;background:#ab9991}.frame-dots button[aria-pressed=true] span{width:8px;height:8px;background:var(--ink)}.view-arrow,.play{width:44px;height:44px;display:grid;place-items:center;border-radius:50%}.view-arrow svg,.play svg{width:20px;height:20px}.play{margin-left:4px;padding:0;border:1px solid var(--line)}.view-status{font-size:12px;min-height:18px;margin-top:6px;font-variant-numeric:tabular-nums}.product .cta{margin-top:26px}.product .demo-note{max-width:36ch;margin-top:18px}.focus-dialog:modal{overflow-y:auto;scrollbar-width:thin}@media(hover:hover)and (pointer:fine){.header .text-btn:hover{background:#4c241d0c}.cta:hover{background:#66362a;color:#fff;box-shadow:0 5px 12px #4c241d25}.browse-nav button:hover,.view-arrow:not(:disabled):hover,.play:not(:disabled):hover{background:var(--accent);border-color:var(--accent)}.menu-list button:hover{background:#fff9d8}.dialog-close:hover{background:#f5efeb}.motion-toggle:hover{color:var(--ink);background:#4c241d08}.cta:hover svg,.piece-link:hover svg{transform:translate(2px,-2px)}}.cta svg,.piece-link svg{transition:transform .22s var(--ease-out)}.cta:active,.browse-nav button:active,.header .text-btn:active,.dialog-close:active,.focus-close:active{transform:scale(.97)}.keyboard-input .cta,.keyboard-input .browse-nav button{transition:none}@media(max-width:1000px){.rail-intro{padding:28px 5vw 44px}.rail-intro h1{font-size:clamp(34px,5.3vw,56px)}.panda-scene{width:142px;height:130px}.dojo-mascot{width:96px;height:96px;left:10px}.panda-remark{font-size:12px}.dojo-signature{gap:10px}.dojo-signature p{font-size:11px}.rail-stage:not(.snap-rail){--rack-width: 170px;--rack-height: 255px;--turn-width: 186px}.rail-stage:not(.snap-rail) .rail{height:298px}.focus-content{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,350px)}.focus-dialog .product h1{font-size:30px}.accent{font-size:13px}}@media(max-width:700px){.header{padding:6px 20px}.dojo-wordmark{width:104px;height:58px}.header .text-btn{font-size:12px;gap:8px}.header-actions{gap:8px}.header .sound-toggle{padding-inline:4px;font-size:10px;gap:4px}.header .sound-toggle svg{width:16px;height:16px}.header .piece-link{padding-inline:8px}.header .piece-link span{display:none}.rail-intro{display:block;padding:22px 24px 64px}.rail-intro h1{font-size:clamp(29px,8.8vw,48px);line-height:1.14;letter-spacing:-.035em}.kinetic-line{padding-block:5px}.dojo-signature{position:absolute;bottom:5px;left:24px;flex-direction:row;gap:10px}.panda-scene{width:42px;height:42px}.panda-remark{display:none}.dojo-mascot{width:42px;height:42px;left:0}.panda-spark{display:none}.dojo-signature p{font-size:10px;text-align:center;white-space:nowrap}.motion-toggle{right:16px;bottom:8px;font-size:10px}.rail-stage{margin-top:22px}.browse-nav{left:20px;right:20px}.snap-rail .browse-nav{bottom:-2px}.rail-caption{padding:18px 20px 22px;min-height:180px}.rail-caption h2{font-size:24px}.rail-caption .summary{font-size:12px;min-height:18px;max-width:40ch}.cta{font-size:13px;margin-top:16px}.demo-note{font-size:10px;max-width:36ch;margin-inline:auto}.stage-caption{padding:0 20px 10px;font-size:11px}.stage-caption .text-btn{font-size:11px}.accent{padding:16px 20px;font-size:12px;gap:12px}.motion-ribbon{padding:16px 0}.ticker-copy{gap:28px;padding-right:28px}.ticker-copy span{display:inline!important;font-size:15px}dialog:not(.focus-dialog){padding:28px 24px}dialog h2{font-size:27px}.menu-list button{gap:12px;font-size:13px}.focus-dialog{padding:72px 20px 24px}.focus-content{display:flex;flex-direction:column;gap:20px;min-height:calc(100dvh - 96px)}.focused-piece{width:min(260px,calc(44dvh * 2/3),74vw)}.focus-dialog .product{text-align:center}.focus-dialog .product h1{font-size:28px}.product .summary{font-size:13px;margin:8px auto 0}.viewer-controls{justify-content:center;margin-top:12px;gap:0}.frame-dots button{width:25px}.view-arrow,.play{width:36px}.focus-close{top:14px;right:20px}.product .cta{margin-top:16px}.product .demo-note{margin-top:12px}}@media(max-width:360px){.header{padding-inline:16px}.header .menu span{display:none}.dojo-wordmark{width:88px;height:49px}.mark{padding-inline:8px}.header-actions{gap:4px}.rail-intro{padding-inline:20px}.dojo-signature{left:20px}.dojo-signature p{font-size:9px}.rail-intro h1{font-size:29px}.frame-dots button{width:23px}.view-arrow,.play{width:32px}}@media(prefers-reduced-motion:reduce){.rail .garment-idle{animation:none;rotate:none}.cta:active,.browse-nav button:active,.header .text-btn:active,.dialog-close:active,.focus-close:active{transform:none}.kinetic-letter,.dojo-mascot,.panda-spark,.ticker-track{animation:none;transform:none}.motion-toggle{opacity:1}.cta svg,.piece-link svg{transition:none}.motion-ribbon{overflow-x:auto}.ticker-copy+.ticker-copy{display:none}}@property --tint{syntax: "<color>"; inherits: true; initial-value: #ffe62f;}:root{--canvas: #fffcf4;--display: "Bricolage Grotesque", "Manrope", sans-serif;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--tint: #ffe62f;transition:--tint .7s cubic-bezier(.16,1,.3,1)}body{background:var(--canvas)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.header{background:transparent;border-bottom:0}.mark,.store,.rail-intro{background:transparent}.rail-intro{flex-wrap:wrap;align-items:flex-end;padding:clamp(16px,2.6vw,40px) clamp(24px,6vw,96px) 4px;row-gap:14px}.hero-meta{flex:1 0 100%;display:flex;align-items:center;gap:10px;margin:0;font:600 11px/1 DM Sans,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.meta-dot{width:8px;height:8px;border-radius:50%;background:var(--play-red);box-shadow:0 0 #ef464766;animation:meta-pulse 2.4s ease-out infinite}@keyframes meta-pulse{0%{box-shadow:0 0 #ef464766}70%,to{box-shadow:0 0 0 9px #ef464700}}.rail-intro h1{font-family:var(--display);font-weight:800;font-size:clamp(52px,7.6vw,132px);line-height:.9;letter-spacing:-.05em;font-variation-settings:"opsz" 96}.kinetic-line{padding-block:2px}.kinetic-prefix{font-weight:300;letter-spacing:-.055em}.kinetic-word{margin-left:.14em}.kinetic-letter{font-weight:800}.game-word:before{top:10%;right:-4%;bottom:0;left:-4%;transform-origin:left center;border-radius:6px 14px 8px 12px}.layer-word:after{content:"";position:absolute;left:0;right:.2em;bottom:-.1em;height:.16em;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 10' preserveAspectRatio='none'><path d='M0 6 Q5 0 10 5 T20 5 T30 5 T40 5' fill='none' stroke='%23ef4647' stroke-width='2.6' stroke-linecap='round'/></svg>") repeat-x 0 0 / .5em 100%}.dojo-signature{margin-bottom:6px}.dojo-signature>p{display:none}.panda-scene{width:196px;height:196px}.panda-badge{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:none;fill:var(--ink);overflow:visible;animation:badge-spin 26s linear infinite}.panda-badge text{font:700 13.5px var(--display)}.panda-scene:before{content:"";position:absolute;top:36px;right:36px;bottom:36px;left:36px;border-radius:50%;border:1.5px dashed #4c241d40}.dojo-mascot{left:50%;top:50%;bottom:auto;width:108px;height:108px;margin:-54px 0 0 -54px}.panda-remark{left:-92px;right:auto;top:18px;padding:8px 12px;font-size:13px;background:#fff;border:1.5px solid var(--ink);border-radius:16px 16px 4px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-7deg);white-space:nowrap;z-index:2}.panda-spark{left:auto;right:2px;top:auto;bottom:18px}@keyframes badge-spin{to{transform:rotate(360deg)}}.motion-paused .panda-badge,.motion-paused .meta-dot,[data-motion-visible=false] .panda-badge,[data-motion-visible=false] .meta-dot{animation-play-state:paused}.motion-toggle{bottom:auto;top:clamp(16px,2.6vw,40px);margin-top:-10px}.rail-stage{margin-top:18px;isolation:isolate;overflow-x:clip}.rail-scroll{position:relative;z-index:1}.browse-nav{z-index:10}.stage-glow{position:absolute;z-index:0;left:-360px;top:-10px;width:720px;height:440px;pointer-events:none;background:radial-gradient(closest-side,color-mix(in oklab,var(--tint) 48%,transparent),transparent);opacity:.5;transition:opacity .6s ease;will-change:transform}.rail-stage.is-lit .stage-glow{opacity:1}.stage-ghost{position:absolute;top:-20px;right:0;bottom:0;left:0;z-index:0;display:grid;place-items:center;pointer-events:none;overflow:hidden}.stage-ghost span{font:800 clamp(220px,30vw,440px)/.8 var(--display);letter-spacing:-.07em;font-variant-numeric:tabular-nums;color:color-mix(in oklab,var(--tint) 34%,transparent);-webkit-text-stroke:1.5px #4c241d1c;translate:0 6%}.rail-line{transform-origin:center}.rail .piece{transform-origin:50% 0}.rail-caption h2,.product h1,dialog h2{font-family:var(--display);font-weight:700;letter-spacing:-.04em}.rail-caption h2{font-size:clamp(28px,2.6vw,38px);line-height:1.05}.browse-nav [data-count]{font:700 13px var(--display);letter-spacing:.04em;color:var(--ink)}.cta{position:relative;isolation:isolate;overflow:hidden;border-radius:999px;gap:18px;padding:8px 8px 8px 26px;min-height:54px;font-size:14px;box-shadow:0 10px 24px -10px #4c241d80;transition:color .32s ease,transform .16s var(--ease-out),translate .42s var(--ease-out),box-shadow .32s ease}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--accent);clip-path:inset(100% 0 0 0 round 999px);transition:clip-path .46s var(--ease-out)}.cta svg{width:38px;height:38px;padding:10px;border-radius:50%;background:var(--accent);color:var(--ink);transition:transform .46s var(--ease-spring),background-color .32s ease,color .32s ease}@media(hover:hover)and (pointer:fine){.cta:hover{background:var(--ink);color:var(--ink);box-shadow:0 14px 30px -12px #4c241d90}.cta:hover:before{clip-path:inset(0 0 0 0 round 999px)}.cta:hover svg{transform:rotate(45deg);background:var(--ink);color:var(--accent)}.browse-nav button:hover{transform:scale(1.06)}.focus-close:hover{box-shadow:3px 3px 0 var(--ink)}}.browse-nav button{width:54px;height:54px;background:#ffffffb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s ease,transform .3s var(--ease-spring),translate .42s var(--ease-out),border-color .2s ease}.focus-close{border:1.5px solid var(--ink);border-radius:999px;padding:8px 18px;transition:translate .42s var(--ease-out),box-shadow .2s ease,transform .16s var(--ease-out)}.keyboard-input [data-magnetic]{translate:none!important}.cursor-label{position:fixed;left:0;top:0;z-index:70;pointer-events:none;display:flex;align-items:center;gap:6px;margin:18px 0 0 16px;padding:8px 12px 8px 14px;border-radius:999px;background:var(--ink);color:var(--accent);font:700 12px var(--display);letter-spacing:.02em;opacity:0;scale:.8;transform-origin:0 0;transition:opacity .18s ease,scale .26s var(--ease-spring)}.cursor-label svg{width:13px;height:13px;stroke-width:2.2}.cursor-label.is-visible{opacity:1;scale:1}.ribbon-stack{position:relative;overflow:hidden;padding:30px 0 26px;margin-top:6px}.ribbon-stack .motion-ribbon{width:106%;margin-left:-3%}.ribbon-front{position:relative;z-index:1;transform:rotate(-1.6deg);border-top:0;box-shadow:0 10px 30px -14px #4c241d66}.ribbon-back{position:absolute;left:0;top:50%;translate:0 -50%;transform:rotate(2deg);background:var(--ink);color:var(--accent);padding:13px 0}.ribbon-back .ticker-track{animation-direction:reverse}.ribbon-back .ticker-copy span{font:600 15px var(--display);letter-spacing:.02em}.ribbon-front .ticker-copy span{font:800 22px var(--display);letter-spacing:-.02em}.footer-spark{display:inline-grid;place-items:center;color:var(--play-red)}.footer-spark svg{width:22px;height:22px;stroke-width:2.4}.ribbon-back .footer-spark{color:var(--accent)}.ribbon-back .footer-spark svg{width:16px;height:16px}.focus-dialog{background:color-mix(in oklab,var(--tint) 18%,#fffcf4)}.focus-ghost-clip{position:absolute;left:0;right:0;bottom:3vh;overflow:hidden;pointer-events:none;z-index:0}.focus-ghost{display:flex;width:max-content;font:800 clamp(120px,15vw,240px)/1 var(--display);letter-spacing:-.05em;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px #4c241d1f;animation:ghost-drift 60s linear infinite}.focus-ghost span{padding-right:.3em}@keyframes ghost-drift{to{transform:translate(-50%)}}#app:has([data-motion-toggle][aria-pressed=true]) .focus-ghost{animation-play-state:paused}.focus-content{position:relative;z-index:1}.focus-index{margin:0 0 10px;font:700 12px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.focus-dialog .product h1{font-size:clamp(40px,4.2vw,60px);line-height:.98}.focused-piece .hero-visual{filter:drop-shadow(0 30px 24px #4c241d22)}.confetti{position:absolute;z-index:3;pointer-events:none;width:10px;height:10px;background:var(--c);border-radius:50%}.confetti-1{width:5px;height:14px;border-radius:3px}.confetti-2{width:12px;height:12px;background:none;border:2.5px solid var(--c);border-radius:50%}@media(max-width:1000px){.panda-scene{width:160px;height:160px}.dojo-mascot{width:88px;height:88px;margin:-44px 0 0 -44px}.panda-scene:before{top:30px;right:30px;bottom:30px;left:30px}.panda-remark{left:-70px;font-size:11px}}@media(max-width:700px){.rail-intro{display:flex;padding:14px 20px 52px}.hero-meta{font-size:10px;letter-spacing:.12em}.rail-intro h1{font-size:clamp(36px,11.4vw,60px);line-height:.94}.dojo-signature{margin:0}.dojo-signature>p{display:block}.panda-badge,.panda-scene:before{display:none}.panda-scene{width:42px;height:42px}.panda-remark{display:none}.dojo-mascot{width:42px;height:42px;margin:0;left:0;top:0}.motion-toggle{top:auto;bottom:8px;margin:0}.stage-ghost span{font-size:62vw;translate:0 2%}.stage-glow{left:calc(50% - 260px);width:520px;transform:none!important;opacity:.8}.rail-caption h2{font-size:30px}.cta{min-height:50px;font-size:13px}.cta svg{width:34px;height:34px;padding:9px}.browse-nav button{width:46px;height:46px}.ribbon-stack{padding:22px 0 18px}.ribbon-front .ticker-copy span{font-size:17px}.ribbon-back .ticker-copy span{font-size:13px}.focus-dialog .product h1{font-size:34px}.focus-ghost{font-size:120px}}@media(prefers-reduced-motion:reduce){:root{transition:none}.panda-badge,.meta-dot,.focus-ghost{animation:none}.cta:before,.cta svg,.cursor-label,.stage-glow{transition:none}}