.pv-sec{background:var(--cream)}.pv{--s:17px;border:2px solid var(--ink);border-radius:var(--r-lg);box-shadow:12px 12px 0 var(--teal);background:#fff;padding:22px}@media (width>=900px){.pv{padding:34px}}.pv-ctl{background:var(--n100);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;padding:6px;display:flex}.pv-ctl button{min-width:64px;min-height:48px;font:inherit;color:var(--text-2);cursor:pointer;transition:background .25s, color .25s, box-shadow .25s, transform .25s var(--ease);font-variant-numeric:tabular-nums;background:0 0;border:1.5px solid #0000;border-radius:12px;padding:0 16px;font-size:1rem;font-weight:800}.pv-ctl button:hover{color:var(--ink);background:#fff}.pv-ctl button[aria-checked=true]{background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--orange);transform:translateY(-1px)}.pv-stage{align-items:center;gap:24px;margin-top:24px;display:grid}@media (width>=900px){.pv-stage{grid-template-columns:1.1fr .9fr;gap:44px}}.pv-swatch{aspect-ratio:16/10;border:2px solid var(--ink);background:#030607;border-radius:18px;position:relative;overflow:hidden}.pv-dots{-webkit-mask-image:radial-gradient(circle,#000 34%,#0000 42%);mask-image:radial-gradient(circle,#000 34%,#0000 42%);-webkit-mask-size:var(--s) var(--s);mask-size:var(--s) var(--s);transition:-webkit-mask-size .55s var(--ease), mask-size .55s var(--ease);background:radial-gradient(55% 70% at 28% 35%,#ffb86b,#0000 70%),radial-gradient(50% 65% at 78% 68%,#00bbe1,#0000 72%),radial-gradient(40% 50% at 62% 22%,#ffb4a2,#0000 70%),linear-gradient(135deg,#075e78,#0a1f25);position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%}.pv-lens{pointer-events:none;background:radial-gradient(circle,#0000 55%,#0000008c);position:absolute;inset:0}.pv-scale{color:#fff;background:#0d1114cc;border-radius:8px;padding:4px 8px;font-size:.72rem;font-weight:800;position:absolute;bottom:12px;left:14px}.pv-scale:before{content:"";background:var(--orange);border-radius:2px;width:228px;max-width:70vw;height:4px;margin-bottom:4px;display:block}.pv-big{flex-wrap:wrap;align-items:baseline;gap:12px;margin:0 0 14px;display:flex}.pv-big b{letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(3rem,2.2rem + 3vw,4.6rem);line-height:.9}.pv-big span{color:var(--muted);font-size:.9rem;font-weight:700}.pv-read dl{gap:10px;margin:0;display:grid}.pv-read dl div{background:var(--cream);border:1px solid var(--cream-2);border-radius:14px;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 14px;display:flex}.pv-read dl div:first-child{background:var(--frame);border-color:var(--panel)}.pv-read dt{color:var(--text-2);font-size:.84rem;font-weight:700}.pv-read dd{color:var(--ink);text-align:right;margin:0;font-size:.9rem;font-weight:700}.pv-read dd b{font-variant-numeric:tabular-nums;font-size:1.2rem}.pv-use{color:var(--text-2);margin:14px 0 0;font-size:.9rem;font-weight:600}.pv-use:before{content:"Typical use: ";color:var(--teal-deep);font-weight:800}.pv-ruler{height:64px;margin:34px 4px 4px 64px;position:relative}.pv-wall{text-transform:uppercase;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg, var(--teal), var(--orange));border:1.5px solid var(--ink);writing-mode:vertical-rl;border-radius:8px;place-items:center;width:50px;font-size:.66rem;font-weight:800;display:grid;position:absolute;top:0;bottom:18px;left:-64px;transform:rotate(180deg)}.pv-track{background:var(--ink);border-radius:3px;height:3px;position:absolute;bottom:18px;left:0;right:0}.pv-track i{background:var(--ink);width:2px;height:10px;position:absolute;bottom:0}.pv-track em{color:var(--muted);white-space:nowrap;font-size:.64rem;font-style:normal;font-weight:700;position:absolute;top:14px;left:-14px}.pv-man{width:22px;height:44px;transition:left .6s var(--ease);margin-left:-11px;position:absolute;bottom:21px}.pv-man:before{content:"";background:var(--orange);border:1.5px solid var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:6px}.pv-man i{background:var(--orange);border:1.5px solid var(--ink);border-radius:8px 8px 3px 3px;width:18px;height:32px;position:absolute;top:12px;left:2px}.pv-note{margin:18px 0 0}@media (width<=639px){.pv-ctl{flex-wrap:nowrap;gap:4px;width:100%}.pv-ctl button{flex:1 1 0;min-width:0;padding:0 2px;font-size:.9rem}.pv-track em{font-size:.56rem;left:-10px}.pv-track i:nth-child(2n) em{display:none}}.calc-teaser{border:2px solid var(--ink);border-radius:var(--r-lg);box-shadow:10px 10px 0 var(--panel);background:#fff;padding:26px}