.page-wrap{max-width:1060px;margin:0 auto;padding:56px 24px 80px}.page-head{margin:0 0 32px}.page-title{font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,5vw,2.75rem);line-height:1.05;color:var(--ink);margin:0 0 12px}.page-sub{font-size:1rem;line-height:1.5;color:var(--ink-soft);max-width:520px;margin:0 0 12px}.page-helper{display:inline-block;font-size:.875rem;font-weight:600;color:var(--accent);text-decoration:none}.page-helper:hover{color:var(--accent-hover);text-decoration:underline}.btn-spot{position:absolute;left:var(--x);top:var(--y);width:var(--d);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.btn-spot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(20,16,12,.35))}.btn-spot .thread{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:var(--thread-color, #6E5C48);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 1px 1px rgba(20,16,12,.3))}.hero-stage .btn-spot{--thread-color: #6E5C48}.shirt-stage .btn-spot{--thread-color: #EAE5D9}.cycle{opacity:0;animation:cycle4 16s linear infinite}.cycle-1{animation-delay:-16s}.cycle-2{animation-delay:-12s}.cycle-3{animation-delay:-8s}.cycle-4{animation-delay:-4s}@keyframes cycle4{0%,21.9%{opacity:1}25%,96.8%{opacity:0}to{opacity:1}}.hero-media{display:block;margin:0 0 40px;aspect-ratio:21 / 9;border-radius:var(--radius-l);overflow:hidden;background:#fff;box-shadow:var(--shadow-1)}.hero-stage{position:relative;width:80%;margin:0 auto;transform:translateY(-33%)}.hero-stage .garment-img,.shirt-stage .garment-img{display:block;width:100%;height:auto}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.tool-card{background:var(--surface-1);border-radius:var(--radius-m);box-shadow:var(--shadow-1);text-decoration:none;color:inherit;display:flex;flex-direction:column;overflow:hidden;opacity:0;animation:card-in .35s var(--ease) both;animation-delay:var(--d, 0ms);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.tool-grid .tool-card:nth-child(1){--d: 0ms}.tool-grid .tool-card:nth-child(2){--d: 60ms}.tool-grid .tool-card:nth-child(3){--d: .12s}.tool-grid .tool-card:nth-child(4){--d: .18s}.tool-grid .tool-card:nth-child(5){--d: .24s}.tool-grid .tool-card:nth-child(6){--d: .3s}.tool-grid .tool-card:nth-child(7){--d: .36s}.tool-grid .tool-card:nth-child(8){--d: .42s}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.tool-card:active{transform:translateY(-2px) scale(.98)}.tool-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-media{position:relative;height:190px;flex:none;overflow:hidden;background:var(--surface-2)}.tool-body{display:flex;flex-direction:column;gap:5px;padding:16px 20px 18px;flex:1}.tool-name{margin:0;font-size:1.0625rem;font-weight:600;color:var(--ink);line-height:1.25}.tool-sublabel{font-size:.75rem;color:var(--ink-faint)}.tool-desc{font-size:.8125rem;color:var(--ink-soft);line-height:1.5}.tool-link{font-size:.8125rem;font-weight:600;color:var(--accent);margin-top:auto;padding-top:8px}.tool-badge{position:absolute;top:10px;left:10px;z-index:2;font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:#fff;background:var(--accent);border-radius:var(--radius-full);padding:3px 10px;box-shadow:var(--shadow-1)}.tool-card--start{box-shadow:0 0 0 2px var(--accent-soft),var(--shadow-1)}.shirt-stage{position:absolute;width:150%;left:-25.6%;top:0;transform:translateY(-27%)}.fabric-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:cycle3 18s linear infinite}.fl-1{animation-delay:-18s}.fl-2{animation-delay:-12s}.fl-3{animation-delay:-6s}@keyframes cycle3{0%,28.5%{opacity:1}33.3%,95.5%{opacity:0}to{opacity:1}}.fabric-layer picture,.fabric-layer picture img{display:block;width:100%;height:100%;object-fit:cover}.fabric-btn{position:absolute;left:var(--x);top:var(--y);width:13%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 4px rgba(20,16,12,.4))}.wipe{position:absolute;top:0;right:0;bottom:0;left:0}.wipe-after{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#fff}.wipe-cutout{width:132px;height:132px;filter:drop-shadow(0 2px 5px rgba(20,16,12,.25))}.wipe-before{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 50% 0 0);animation:wipe-sweep 9s var(--ease) infinite}.wipe-before picture,.wipe-before img{display:block;width:100%;height:100%;object-fit:cover}@keyframes wipe-sweep{0%,12%{clip-path:inset(0 0 0 0)}40%,62%{clip-path:inset(0 0 0 100.5%)}90%,to{clip-path:inset(0 0 0 0)}}.sizes-row{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:18px;padding-bottom:6px}.size-item{display:flex;flex-direction:column;align-items:center;gap:7px}.size-item img{width:calc(var(--mm) * 4.2px);height:calc(var(--mm) * 4.2px);border-radius:50%;animation:size-pulse 8s var(--ease) infinite}.si-1 img{animation-delay:0s}.si-2 img{animation-delay:2s}.si-3 img{animation-delay:4s}.si-4 img{animation-delay:6s}@keyframes size-pulse{0%,4%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}10%,18%{box-shadow:0 0 0 3px var(--accent-soft),0 0 0 4.5px var(--accent);transform:translateY(-2px)}26%,to{box-shadow:0 0 0 0 transparent;transform:translateY(0)}}.size-label{font-size:.6875rem;font-weight:600;color:var(--ink-soft);font-variant-numeric:tabular-nums}.cat-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cat-track{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px;animation:cat-scroll 36s linear infinite}.cat-tile{background:var(--surface-1);border-radius:var(--radius-s);aspect-ratio:1;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line)}.cat-tile img{width:68%;height:68%}@keyframes cat-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.mosaic-art{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.3);animation:mosaic-pan 45s ease-in-out infinite alternate}@keyframes mosaic-pan{0%{transform:scale(1.3) translate(-5%,5%)}to{transform:scale(1.3) translate(5%,-5%)}}.vz-card-scale{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;background:linear-gradient(180deg,var(--surface-1),var(--surface-2))}.vz-card-disc{width:var(--d);height:var(--d);flex:none;border-radius:50%;background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--line)}.vz-card-disc:last-child{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.tool-card--shop{grid-column:span 2;align-self:center;background:var(--canvas);box-shadow:var(--shadow-2)}.shop-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px;width:100%}.shop-text{display:flex;flex-direction:column;gap:4px}.tool-card--shop .tool-name{color:var(--ink-on-dark)}.tool-card--shop .tool-desc{color:var(--ink-faint)}.tool-card--shop .tool-link{color:var(--ink-on-dark);margin:0;padding:0;flex:none}.is-paused,.is-paused *{animation-play-state:paused!important}@media (prefers-reduced-motion: reduce){.tool-card{animation:none;opacity:1}.tool-card,.tool-card:active{transition-duration:.01ms;transform:none}.cycle,.fabric-layer,.wipe-before,.size-item img,.cat-track,.mosaic-art{animation:none}.cycle-1,.fl-1{opacity:1}.mosaic-art{transform:scale(1.15)}}@media (max-width: 940px){.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-card--shop{grid-column:span 1}}@media (max-width: 640px){.page-wrap{padding:32px 16px 56px}.page-head{margin-bottom:24px}.tool-grid{grid-template-columns:1fr}.tool-card--shop{grid-column:1 / -1;align-self:stretch}.hero-media{aspect-ratio:4 / 3;margin-bottom:28px}.hero-stage{width:100%;transform:translateY(-26%)}.shop-inner{flex-direction:column;align-items:flex-start;gap:8px;padding:20px}}.bg-drift{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-drift-item{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);color:var(--tint, var(--ink-faint));opacity:var(--op, .12);filter:blur(var(--blur, 0px));animation:bg-drift var(--dur, 45s) var(--delay, 0s) ease-in-out infinite}@keyframes bg-drift{0%{transform:translate(0) rotate(0)}50%{transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}to{transform:translate(0) rotate(0)}}@media (prefers-reduced-motion: reduce){.bg-drift-item{animation:none}}@media (max-width: 720px){.bg-drift-item{width:calc(var(--size) * .5);height:calc(var(--size) * .5)}.bg-drift-item:nth-child(n+6){display:none}}