:root{--ink:#292820;--ink-soft:#63635a;--paper:#faf9f6;--panel:#eeeae3;--line:#d9d7ce;--edge:#8c8878;--accent:#514c3c;--error:#9e2b16}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}p{color:var(--ink-soft);line-height:1.7}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}header{border-bottom:1px solid var(--line);align-items:center;gap:70px;height:104px;padding:0 5%;display:flex}.brand{letter-spacing:-3px;font-size:45px;font-weight:800}.brand span{vertical-align:top;letter-spacing:0;font-size:14px}.edition{color:var(--ink-soft);margin-left:auto;font-size:12px}footer{border-top:1px solid var(--line);justify-content:space-between;padding:30px 5%;font-size:12px;display:flex}footer span{color:var(--ink-soft)}.eyebrow{letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:600}h1{letter-spacing:-2.5px;margin:25px 0;font-size:clamp(38px,5vw,72px);font-weight:400;line-height:1.04}.intro{padding:70px 8% 35px}.catalog{max-width:850px;padding:15px 8% 90px}.drawing{background:var(--panel);padding:30px;position:relative}.drawing svg{width:100%;height:300px}.drawing span{letter-spacing:1px;color:var(--ink-soft);font-size:11px}.card-title{justify-content:space-between;align-items:center;display:flex}.card h2{font-size:25px;font-weight:400}.card p{margin-top:0}.back{margin:28px 4%;font-size:13px;display:block}.product{border:1px solid var(--line);grid-template-columns:1.45fr 1fr;min-height:620px;margin:0 4%;display:grid}.viewer{background:var(--panel);min-height:620px;position:relative}#canvas{position:absolute;inset:0}canvas{display:block}#loading{text-align:center;width:100%;position:absolute;top:45%}.viewer-note{color:var(--ink-soft);pointer-events:none;font-size:11px;position:absolute;bottom:24px;left:24px}aside{padding:50px 40px;container-type:inline-size}aside h1{letter-spacing:-1.5px;font-size:46px}aside>p{max-width:380px}.price{margin-top:24px}.price-total{color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-size:30px;line-height:1.2}.price-vat{color:var(--ink-soft);font-size:14px}.price .hint{margin-top:2px}.price details{border-top:0;margin-top:6px;padding-top:0}.facts .price-sum dt,.facts .price-sum dd{color:var(--ink);font-weight:700}.tool{border-top:2px solid var(--ink);margin-top:32px;padding-top:18px}.tool h2{letter-spacing:1.5px;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}.tool-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-top:16px;display:flex}.toggle{align-items:center;gap:10px;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--accent);margin:0}.toggle label{cursor:pointer;font-size:14px}.preset-row,.control{align-items:center;gap:12px;display:grid}.preset-row{grid-template-columns:7.5em 1fr;margin-top:14px}.controls{gap:10px;margin-top:14px;display:grid}.control{grid-template-columns:7.5em 1fr 5.5em 1.75em}.preset-row label,.control label{color:var(--ink);font-size:15px;font-weight:600}select{font:inherit;border:1px solid var(--edge);background:var(--paper);min-height:40px;color:inherit;padding:8px 10px;font-size:15px}.control input[type=number]{border:1px solid var(--edge);width:100%;color:inherit;font-variant-numeric:tabular-nums;background:0 0;padding:8px;font-size:16px}.control input[aria-invalid=true]{border-color:var(--error);border-width:2px}input[type=range]{width:100%;accent-color:var(--accent);margin:0}.unit{color:var(--ink-soft);font-size:14px}.hint{color:var(--ink-soft);margin:6px 0 0;font-size:13px;line-height:1.5}.control-hint{grid-column:1/-1;margin:-4px 0 4px}@container (width<=380px){.preset-row{grid-template-columns:1fr}.control{grid-template-columns:1fr 5.5em 1.75em;row-gap:6px}.control input[type=range]{grid-area:2/1/auto/-1}}.error{border-left:4px solid var(--error);color:var(--error);background:#fbf1ee;margin:14px 0 0;padding:12px 14px;font-size:14px;line-height:1.5}button{cursor:pointer;font:inherit;border:1px solid var(--edge);width:100%;color:inherit;background:0 0;min-height:44px;padding:14px 20px}button:hover{background:#e7e2d8}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{width:auto;min-height:40px;padding:8px 14px;font-size:14px}details{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:13px}summary{cursor:pointer;min-height:24px;padding:6px 0;font-weight:600}summary:hover{color:var(--accent)}details p{margin:10px 0}.facts{gap:8px;margin:12px 0 0;display:grid}.facts div{justify-content:space-between;gap:16px;display:flex}.facts dt{color:var(--ink-soft)}.facts dd{text-align:right;word-break:break-all;margin:0}.story{grid-template-columns:1fr 1fr;gap:20px;padding:90px 8%;display:grid}.story .eyebrow{grid-column:span 2}.story h2{margin:0;font-size:40px;font-weight:400}.story>p:last-child{max-width:390px}@media (width<=760px){header{gap:25px;height:80px}.edition{display:none}.product{grid-template-columns:1fr}.viewer{min-height:420px}aside{padding:30px 24px}.story{grid-template-columns:1fr}.story .eyebrow{grid-column:auto}.viewer-note{font-size:10px}footer{gap:20px}.intro{padding-top:40px}}
