.home-pantalon{width:100%;max-width:calc(1720px / var(--site-scale,1));border-top:1px solid var(--line,#24232322);color:var(--ink,#20201f);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,90px);margin:80px auto 0;padding:70px 0 0;display:grid}.home-pantalon-copy{grid-area:1/2;min-width:0}.home-pantalon-visual{grid-area:1/1;min-width:0}.home-pantalon h3{font:400 clamp(2.8rem,4.3vw,5.2rem)/1.1 var(--display,sans-serif);letter-spacing:-.035em;margin:20px 0 24px}.home-pantalon-copy>p{color:var(--muted,#625d56);max-width:35ch;font-size:1.125rem;line-height:1.7}.home-pantalon-color{align-items:center;gap:14px;margin-top:32px;font-size:1rem;display:flex}.home-pantalon-color>[data-pantalon-swatch]{background:linear-gradient(135deg,#603850 0% 33.33%,#e4ca37 33.33% 66.67%,#e7e9e3 66.67% 100%);border-radius:50%;width:32px;height:32px;box-shadow:0 0 0 5px #f2eee6,0 0 0 6px #35312d50}.home-pantalon-stage{isolation:isolate;touch-action:pan-y pinch-zoom;cursor:grab;background:radial-gradient(at 40% 30%,#faf7ee,#eee7da 75%);height:clamp(420px,43vw,670px);position:relative;overflow:hidden}.home-pantalon-stage:active{cursor:grabbing}.home-pantalon-stage canvas{z-index:1;opacity:0;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.home-pantalon[data-ready=true] canvas{opacity:1}.home-pantalon-shadow{filter:blur(16px);background:#332b242b;border-radius:50%;width:48%;height:4%;position:absolute;bottom:7%;left:26%}.home-pantalon-number{letter-spacing:.1em;z-index:3;font-size:.875rem;position:absolute;top:24px;left:24px}.home-pantalon-fallback{object-fit:contain;z-index:2;width:100%;height:100%;display:none;position:absolute;inset:0}.home-pantalon[data-failed=true] .home-pantalon-fallback{display:block}.home-pantalon-loading{color:#625d56;place-items:center;font-size:.875rem;display:grid;position:absolute;inset:0}.home-pantalon:is([data-ready=true],[data-failed=true]) .home-pantalon-loading{display:none}.home-pantalon-controls{border-bottom:1px solid var(--line,#24232322);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 0;font-size:.875rem;display:flex}.home-pantalon-controls button{font:inherit;color:inherit;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;min-height:44px;text-decoration:underline}.home-pantalon-controls button:disabled{opacity:.4;cursor:default}.home-pantalon-controls>span{color:var(--muted,#625d56);margin-left:auto}.home-pantalon :is(button,[tabindex]):focus-visible{outline-offset:4px;outline:2px solid #242224}@media (max-width:900px){.home-pantalon{grid-template-columns:1fr;gap:20px;margin-top:48px;padding-top:40px}.home-pantalon-copy,.home-pantalon-visual{grid-area:auto}.home-pantalon-copy{text-align:center}.home-pantalon h3{margin:15px 0;font-size:clamp(2rem,8vw,3.5rem)}.home-pantalon-copy>p{margin:0 auto;font-size:1rem}.home-pantalon-color{justify-content:center;margin:22px 0 8px}.home-pantalon-stage{height:clamp(400px,110vw,570px)}.home-pantalon-controls{justify-content:center;gap:12px}.home-pantalon-controls>span{text-align:center;flex-basis:100%;margin:0}}@media (max-width:1024px) and (pointer:coarse){.home-page .home-pantalon{max-width:none;padding:calc(28px / var(--site-scale,1)) calc(20px / var(--site-scale,1));background:#f4eee3;border:0;margin:0}.home-pantalon-stage{background:0 0}.home-pantalon-copy>.eyebrow{font-size:.875rem}.home-pantalon-number{display:none}}.home-pantalon-price{font-family:var(--display,sans-serif);color:var(--ink,#20201f);margin-top:24px;font-size:1.5rem;line-height:1.2}@media (prefers-reduced-motion:reduce){.home-pantalon-stage canvas{transition:none}}@media (min-width:901px) and (hover:hover) and (pointer:fine){.home-page .home-pantalon{max-width:var(--collection-width,1120px);gap:var(--collection-gap,48px);padding-top:calc(40px / var(--site-scale,1));margin-top:0}.home-page .home-pantalon-stage{height:calc(480px / var(--site-scale,1));background:0 0}.home-page .home-pantalon h3{font-size:calc(34px / var(--site-scale,1))}.home-page .home-pantalon-copy>p{font-size:1rem}.home-page .home-pantalon-number{display:none}}.home-pantalon-swatches{flex-wrap:wrap;justify-content:center;gap:6px;padding:14px 0 4px;display:flex}.home-pantalon-swatches button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;padding:5px;display:grid}.home-pantalon-swatches button>span{background:var(--swatch);border-radius:50%;width:28px;height:28px;display:block;box-shadow:inset 0 0 0 1px #20201f22}.home-pantalon-swatches button[aria-pressed=true]{border-color:var(--ink,#20201f)}.home-pantalon-swatches button:hover{background:#20201f09}
