:root{--cotton: #f4f6f5;--paper: #ffffff;--slate: #2f3542;--thread: #616874;--seam: #d9dedc;--fabric: #c1c4bb;--ok: #2f6b4f;--warn: #8a5a12;--no: #9b2c2c;--radius-control: 10px;--radius-stage: 22px;--gutter: 16px;color-scheme:light;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:16px;line-height:1.5;color:var(--slate);background:var(--cotton);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;padding:0 var(--gutter) 48px;overflow-x:hidden}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--slate);outline-offset:2px}.demo-note{margin:0 calc(-1 * var(--gutter));padding:8px var(--gutter);font-size:13px;color:var(--thread);border-bottom:1px solid var(--seam)}.browse{margin:0 calc(-1 * var(--gutter));padding-top:12px}.shelves{display:flex;gap:4px;padding:0 var(--gutter);overflow-x:auto;scrollbar-width:none}.shelves::-webkit-scrollbar,.swatches::-webkit-scrollbar{display:none}.shelf{flex:0 0 auto;display:inline-flex;align-items:baseline;gap:6px;padding:8px 14px;font-weight:600;color:var(--thread);background:none;border:0;border-radius:999px;cursor:pointer}.shelf-count{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;opacity:.75}.shelf[aria-current=true]{color:var(--paper);background:var(--slate)}.strip{position:relative;display:flex;align-items:center;margin-top:10px}.swatches{flex:1;display:flex;gap:8px;padding:2px var(--gutter) 4px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding:0 var(--gutter);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--gutter),#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 var(--gutter),#000 calc(100% - 40px),transparent)}.swatches[data-at-end=true]{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--gutter));mask-image:linear-gradient(90deg,transparent 0,#000 var(--gutter))}.swatch{flex:0 0 auto;display:flex;align-items:center;gap:10px;max-width:17rem;padding:6px 14px 6px 6px;font-size:14px;background:var(--paper);border:1px solid var(--seam);border-radius:999px;cursor:pointer;scroll-snap-align:start}.swatch[aria-current=true]{border-color:var(--slate);box-shadow:inset 0 0 0 1px var(--slate)}.swatch-fabric{flex:0 0 auto;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a}.swatch-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.strip-arrow{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;padding:0;background:var(--paper);border:1px solid var(--seam);border-radius:50%;cursor:pointer}.strip-arrow[hidden]{display:none}.strip-arrow:disabled{opacity:.35;cursor:default}.strip-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.product{display:grid;gap:20px;margin-top:12px}.stage{margin:0 calc(-1 * var(--gutter))}homeviz-viewer{position:relative;display:block;height:min(92vw,60vh);min-height:300px;background:radial-gradient(ellipse 65% 40% at 50% 74%,color-mix(in oklab,var(--fabric) 30%,white) 0%,transparent 72%),linear-gradient(color-mix(in oklab,var(--fabric) 10%,var(--cotton)),var(--cotton));transition:background .4s ease}model-viewer{--poster-color: transparent;--progress-bar-color: var(--slate);--progress-bar-height: 3px}.homeviz-ar-button{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:14px 22px;font-weight:600;color:var(--paper);background:var(--slate);border:0;border-radius:999px;box-shadow:0 6px 18px #2f354240;white-space:nowrap;cursor:pointer}.details{max-width:34rem}.name{margin:0 0 6px;font-size:clamp(1.55rem,1.2rem + 1.6vw,2.15rem);line-height:1.12;font-weight:700;letter-spacing:-.015em;text-wrap:balance}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 22px}.amount{font-size:1.35rem;font-weight:500;font-variant-numeric:tabular-nums}.stock{font-size:14px;font-weight:600;color:var(--no)}.sizes{margin:0 0 22px;padding:0;border:0}.sizes legend{margin-bottom:8px;padding:0;font-weight:600}.size-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:8px}.size{display:grid;align-content:start;gap:1px;padding:10px 12px;text-align:left;background:var(--paper);border:1px solid var(--seam);border-radius:var(--radius-control);cursor:pointer}.size[aria-pressed=true]{border-color:var(--slate);box-shadow:inset 0 0 0 1px var(--slate)}.size-name{font-weight:600}.size-detail,.size-price{font-size:13px;color:var(--thread);font-variant-numeric:tabular-nums}.fit{margin:0 0 22px;padding:16px;background:var(--paper);border:1px solid var(--seam);border-radius:var(--radius-control)}.fit[hidden]{display:none}.fit label{font-weight:600}.fit-input{display:flex;align-items:center;gap:8px;margin-top:8px}.fit-input input{width:6rem;padding:10px 12px;font:inherit;font-size:16px;font-variant-numeric:tabular-nums;color:var(--slate);background:var(--cotton);border:1px solid var(--seam);border-radius:var(--radius-control)}.fit-result{margin:10px 0 0}.fit-result:empty{display:none}.fit-result[data-fit=fits],.fit-result[data-fit=loose]{color:var(--ok)}.fit-result[data-fit=snug]{color:var(--warn)}.fit-result[data-fit=too_deep]{color:var(--no)}.buy{display:block;padding:14px 22px;font-weight:600;text-align:center;text-decoration:none;color:var(--slate);border:1.5px solid var(--slate);border-radius:999px}.buy:hover{background:var(--paper)}.phone-qr{display:flex;align-items:center;gap:16px;margin:16px 0 0;padding:12px;background:var(--paper);border:1px solid var(--seam);border-radius:var(--radius-control)}.phone-qr[hidden]{display:none}.phone-qr-code{flex:0 0 96px}.phone-qr-code svg{display:block;width:96px;height:96px}.phone-qr figcaption{font-size:15px}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:8px;margin:24px 0 0;padding:0;list-style:none}.photos img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-control);background:var(--seam)}@media(min-width:900px){:root{--gutter: 32px}body{padding-bottom:64px}.browse{margin:0;padding-top:20px}.shelves{padding:0}.strip{gap:8px}.swatches{padding:2px 0 4px;scroll-padding:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}.swatches[data-at-start=false]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent)}.swatches[data-at-end=true][data-at-start=false]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px);mask-image:linear-gradient(90deg,transparent,#000 48px)}.swatches[data-at-end=true][data-at-start=true]{-webkit-mask-image:none;mask-image:none}.product{grid-template-columns:minmax(0,1.55fr) minmax(21rem,1fr);align-items:start;gap:40px;margin-top:20px}.stage{position:sticky;top:20px;margin:0}homeviz-viewer{height:clamp(460px,calc(100vh - 200px),760px);border-radius:var(--radius-stage);overflow:hidden}.name{margin-top:8px}}@media(prefers-reduced-motion:reduce){homeviz-viewer{transition:none}}