:root{--bg: #efede7;--ink: #121211;--muted: #6d6a62;--line: #d6d2c8;--neon: #c8ff3a;--paper: #f8f5ec;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-io: cubic-bezier(.77, 0, .175, 1);--wide: "Archivo", "Heebo", system-ui, sans-serif;--he: "Heebo", system-ui, sans-serif;--gutter: 16px;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}*{text-wrap:pretty}h1,h2,h3,p,button,a,label,.caption-name,.tick{text-wrap:balance}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--he);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.app{height:100dvh;display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden}.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px var(--gutter) 0;max-width:1440px;width:100%;margin:0 auto;position:relative;z-index:30}.top .nav-link:first-child{justify-self:start}.top .nav-link:last-child{justify-self:end}.nav-link{font-size:13px;font-weight:500;letter-spacing:.02em;padding:8px 2px;position:relative}.nav-link:after{content:"";position:absolute;inset-inline:2px;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .22s var(--ease-out)}@media (hover: hover) and (pointer: fine){.nav-link:hover:after{transform:scaleX(1)}}.logo{font-family:var(--wide);font-variation-settings:"wdth" 125;font-weight:800;font-size:15px;letter-spacing:.08em;text-decoration:none;white-space:nowrap}.logo span{color:var(--muted);font-weight:400;margin:0 .1em}.main{position:relative;min-height:0}.rack{position:absolute;top:0;right:0;bottom:0;left:0}.stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:pan-y;perspective:2600px;perspective-origin:50% 20%;cursor:default;outline:none}.stage:focus-visible{outline:2px solid var(--ink);outline-offset:-6px;border-radius:12px}.rail{position:absolute;left:0;right:0;height:7px;margin-top:-3px;background:linear-gradient(180deg,#fdfdfb,#b9b8b2 38%,#807e78 55%,#d9d8d2 80%,#8e8c86);box-shadow:0 6px 14px -6px #00000059;z-index:1}.rail-end{position:absolute;top:-2px;width:14px;height:11px;border-radius:3px;background:linear-gradient(180deg,#e9e8e3,#8f8d87)}.rail-end:first-child{left:2vw}.rail-end:last-child{right:2vw}.hangers{position:absolute;left:50%;width:0;transform-style:preserve-3d;z-index:2}.garment{position:absolute;top:0;left:0;will-change:transform,filter;transform-style:preserve-3d;cursor:pointer}.garment img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:auto;filter:drop-shadow(0 18px 18px rgba(30,25,15,.16))}.caption{position:absolute;left:0;right:0;z-index:5;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px var(--gutter) 14px;min-height:92px;opacity:0;transform:translateY(6px);transition:opacity .26s var(--ease-out),transform .42s var(--ease-out)}.caption.on{opacity:1}.caption.on .pill{pointer-events:auto}.caption-name{font-family:var(--wide);font-variation-settings:"wdth" 125;font-weight:700;font-size:12px;letter-spacing:.14em;direction:ltr;animation:name-in .32s var(--ease-out)}@keyframes name-in{0%{opacity:0;transform:translateY(4px);filter:blur(3px)}}.pill{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--bg);border-radius:999px;padding:10px 18px;font-size:13px;font-weight:500;transition:transform .16s var(--ease-out),background .2s ease}.pill:active{transform:scale(.97)}.pill-en{font-family:var(--wide);font-variation-settings:"wdth" 112;font-size:9px;letter-spacing:.14em;opacity:.55}.hint{position:absolute;left:0;right:0;text-align:center;font-size:12px;color:var(--muted);opacity:0;transition:opacity .3s ease;pointer-events:none}.hint.on{opacity:1}.foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px var(--gutter);font-size:11px;color:var(--muted);max-width:1440px;width:100%;margin:0 auto}.foot span{font-family:var(--wide);font-variation-settings:"wdth" 112;letter-spacing:.1em;direction:ltr}.foot a{text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:1px;transition:border-color .2s ease,color .2s ease}@media (hover: hover) and (pointer: fine){.foot a:hover{color:var(--ink);border-color:var(--ink)}}.marquee{background:var(--neon);direction:ltr;overflow:hidden;height:38px;display:flex;align-items:center;border-top:1px solid rgba(0,0,0,.08);padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box}.marquee-track{display:flex;width:max-content;animation:ticker 38s linear infinite}.marquee-track.still{animation:none}.marquee-row{display:flex;flex-shrink:0}.tick{display:inline-flex;align-items:center;gap:22px;padding-inline-end:22px;white-space:nowrap;font-family:var(--wide);font-variation-settings:"wdth" 118;font-weight:700;font-size:12px;letter-spacing:.12em}.tick i{font-style:normal;font-size:13px}@keyframes ticker{to{transform:translate(-50%)}}@media (hover: hover){.marquee:hover .marquee-track{animation-play-state:paused}}.product{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:20;display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.3fr) minmax(240px,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"back stage ." "info stage controls" "nav  nav  nav";padding:8px clamp(16px,4vw,56px) 8px;column-gap:24px;overflow:clip}.back-link{grid-area:back;justify-self:start;align-self:start;font-size:13px;padding:8px 0;margin-top:34px;display:inline-flex;gap:8px;align-items:center;transition:transform .16s var(--ease-out)}.back-link:active{transform:scale(.97)}.back-link span{transition:transform .22s var(--ease-out);display:inline-block}@media (hover: hover) and (pointer: fine){.back-link:hover span{transform:translate(4px)}}.pv-stage{grid-area:stage;position:relative;perspective:1600px;min-height:0;display:flex;justify-content:center}.pv-rail{position:absolute;top:4.5%;left:-100vw;right:-100vw;height:7px;margin-top:-3px;background:linear-gradient(180deg,#fdfdfb,#b9b8b2 38%,#807e78 55%,#d9d8d2 80%,#8e8c86);box-shadow:0 6px 14px -6px #0000004d}.ghost{position:absolute;top:1.6%;height:88%;width:auto;filter:blur(9px) brightness(.92);opacity:.5;pointer-events:none}.ghost-r{right:-34%;transform:rotateY(-58deg) scale(.86);transform-origin:50% 0}.ghost-l{left:-34%;transform:rotateY(58deg) scale(.86);transform-origin:50% 0}.pv-garment{position:absolute;top:1.4%;height:94%;aspect-ratio:900 / 1180;max-width:100%}.idle-sway{width:100%;height:100%;animation:sway 7s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}.flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d}.face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.face-back{transform:rotateY(180deg)}.face img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 24px rgba(30,25,15,.18))}.pv-info{grid-area:info;align-self:center;display:grid;gap:10px;max-width:360px}.pv-kicker{font-family:var(--wide);font-variation-settings:"wdth" 118;font-size:11px;letter-spacing:.16em;color:var(--muted);direction:ltr;text-align:right}.pv-name{font-family:var(--wide);font-variation-settings:"wdth" 125;font-weight:800;font-size:clamp(26px,3.2vw,46px);line-height:.98;letter-spacing:.01em;text-align:right}.pv-price{font-family:var(--wide);font-variation-settings:"wdth" 110;font-weight:600;font-size:18px}.pv-desc{font-size:15px;line-height:1.55;color:#33312c}.pv-fabric{font-size:12px;color:var(--muted)}.pv-controls{grid-area:controls;align-self:center;justify-self:end;display:grid;gap:22px;width:min(280px,100%)}.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#e2dfd6;border-radius:999px;padding:4px}.seg button{position:relative;z-index:1;padding:9px 0;border-radius:999px;font-size:13px;font-weight:500;transition:color .22s ease}.seg button small{font-family:var(--wide);font-size:9px;letter-spacing:.14em;opacity:.55;margin-inline-start:4px}.seg button[aria-pressed=true]{color:var(--bg)}.seg-thumb{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);right:4px;background:var(--ink);border-radius:999px;transition:transform .38s var(--ease-out)}.seg-thumb[data-side=back]{transform:translate(-100%)}.tags{display:flex;gap:18px;justify-content:center;height:128px}.tag{position:relative;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;padding:0}.tag-string{width:1px;height:26px;background:#8b877c}.tag-card{position:relative;width:74px;height:96px;background:var(--paper);clip-path:polygon(22% 0,78% 0,100% 14%,100% 100%,0 100%,0 14%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding-bottom:12px;box-shadow:inset 0 0 0 1px #ddd7c6;transition:transform .2s var(--ease-out);background-image:linear-gradient(170deg,#fffdf6,#efe9da)}.tag-hole{position:absolute;top:8px;width:9px;height:9px;border-radius:50%;background:var(--bg);box-shadow:inset 0 1px 2px #0000004d}.tag-dot{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026;margin-bottom:4px}.tag-label{font-family:var(--wide);font-variation-settings:"wdth" 125;font-weight:700;font-size:10px;letter-spacing:.14em}.tag-he{font-size:10px;color:var(--muted)}.tag.active .tag-card{background-image:linear-gradient(170deg,#1d1d1b,#0f0f0e);color:var(--bg);box-shadow:none}.tag.active .tag-he{color:#b8b4aa}.tag.active .tag-dot{box-shadow:0 0 0 2px var(--neon)}.tag:active .tag-card{transform:scale(.97)}.sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sizes button{padding:9px 0;border-radius:10px;border:1px solid var(--line);font-family:var(--wide);font-variation-settings:"wdth" 112;font-size:12px;font-weight:600;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .16s var(--ease-out)}.sizes button:active{transform:scale(.96)}.sizes button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.cta{display:inline-flex;justify-content:center;align-items:center;background:var(--ink);color:var(--bg);border-radius:999px;padding:14px 20px;font-weight:500;font-size:14px;text-decoration:none;transition:transform .16s var(--ease-out)}.cta:active{transform:scale(.97)}.toast{min-height:18px;font-size:12px;color:var(--muted);text-align:center;transition:opacity .2s ease;opacity:0}.toast.on{opacity:1}.pv-nav{grid-area:nav;display:flex;justify-content:space-between;gap:12px;padding-top:6px}.pv-nav button{font-family:var(--wide);font-variation-settings:"wdth" 118;font-size:11px;letter-spacing:.12em;color:var(--muted);padding:6px 0;transition:color .2s ease;white-space:nowrap}@media (hover: hover) and (pointer: fine){.pv-nav button:hover{color:var(--ink)}}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#12121147;z-index:50}.sheet{background:var(--bg);padding:72px var(--gutter) 28px;display:grid;gap:14px;justify-items:start;max-width:100%;border-radius:0 0 24px 24px}.sheet>*{max-width:560px;width:100%;margin-inline:auto}.sheet h2{font-size:28px;font-weight:700}.sheet h2 span{font-family:var(--wide);font-variation-settings:"wdth" 125;font-size:11px;letter-spacing:.16em;color:var(--muted);margin-inline-start:8px}.sheet p{font-size:16px;line-height:1.6}.sheet .note{font-size:13px;color:var(--muted)}.sheet .cta{width:auto;justify-self:start}.sheet-close{font-size:13px;text-decoration:underline;text-underline-offset:4px;justify-self:start;padding:6px 0;text-align:start}@media (max-width: 860px){.top{padding-top:12px}.product{grid-template-columns:1fr;grid-template-rows:auto auto minmax(280px,46dvh) auto auto;grid-template-areas:"back" "info" "stage" "controls" "nav";overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding:4px var(--gutter) 16px;row-gap:10px}.product::-webkit-scrollbar{display:none}.back-link{margin-top:4px}.pv-info{max-width:none;gap:6px;text-align:center;justify-items:center}.pv-kicker,.pv-name{text-align:center}.pv-name{font-size:clamp(24px,7.4vw,34px)}.pv-desc{font-size:14px}.pv-fabric{display:none}.pv-controls{justify-self:stretch;width:100%;gap:14px;grid-template-columns:1fr 1fr;align-items:center}.pv-controls .seg{grid-column:1 / -1}.pv-controls .tags{height:112px;justify-content:center}.pv-controls .sizes{grid-template-columns:1fr 1fr}.pv-controls .cta,.pv-controls .toast{grid-column:1 / -1}.tag-card{width:64px;height:84px}.pv-rail{left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter))}.pv-stage{overflow:clip;overflow-clip-margin:0}.ghost{height:80%}.ghost-r{right:-38%}.ghost-l{left:-38%}.pv-nav button span{display:none}.caption{min-height:84px;padding-bottom:10px}}@media (prefers-reduced-motion: reduce){.idle-sway,.caption-name{animation:none}.seg-thumb{transition-duration:0ms}}