.xd path{fill:none;stroke-linecap:round;stroke-linejoin:round}.xd .ex path{stroke:var(--c4);stroke-width:1.4}.xd .ex path.bd{stroke:var(--c5);stroke-dasharray:.02 .015}.xd .nw path{stroke:var(--c2);stroke-width:2.2}.xd .xh{fill:var(--c2);opacity:.08}@keyframes xdraw{to{stroke-dashoffset:0}}@keyframes xfade{to{opacity:.08}}.js .ts .xd .nw path,.js .tr .xd .nw path{stroke-dasharray:1 1;stroke-dashoffset:1}.js .ts .xd .xh,.js .tr .xd .xh{opacity:0}.js .ts .xd.on .nw path,.js .tr.open .xd .nw path{animation:xdraw 1.1s var(--ease-out) .2s forwards}.js .ts .xd.on .xh,.js .tr.open .xd .xh{animation:xfade .6s ease .9s forwards}.grid-paper{background-color:var(--c10);background-image:linear-gradient(var(--c8) 1px,transparent 1px),linear-gradient(90deg,var(--c8) 1px,transparent 1px);background-size:16px 16px}.js .tcard .tdraw path.bd{stroke-dasharray:.02 .015;stroke-dashoffset:0}.js .tcard.drawn.loop .tdraw .nw path{animation:redraw 1.3s var(--ease-out)}.tcard .tfig:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(122,31,61,.07),transparent);transform:translate(-100%);pointer-events:none}.tcard.loop .tfig:after{animation:sweep 1.3s var(--ease-out)}@keyframes sweep{to{transform:translate(100%)}}.ts{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--s9);align-items:start}.ts-sheet{border:1px solid var(--c5);border-radius:var(--r);padding:var(--s5);background-color:var(--c10);box-shadow:var(--shadow)}.ts-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.ts-panels figure{position:relative;border:1px solid var(--c6);background-color:var(--c10);background-image:linear-gradient(var(--c8) 1px,transparent 1px),linear-gradient(90deg,var(--c8) 1px,transparent 1px);background-size:16px 16px}.ts-panels figcaption,.tr-figs figcaption{position:absolute;left:var(--s4);top:var(--s3);font-size:12px;font-weight:600;color:var(--c4)}.ts-fig{position:relative;aspect-ratio:6/5}.ts-fig svg{position:absolute;inset:12% 6% 4%;width:88%;height:84%;opacity:0;transition:opacity .25s}.ts-fig svg.on{opacity:1}.ts-tb{display:grid;grid-template-columns:1fr 1.7fr auto;margin-top:var(--s4);border:1px solid var(--c4)}.ts-tb span{padding:var(--s2) var(--s4);font-size:12px;color:var(--c4);line-height:1.4}.ts-tb span+span{border-left:1px solid var(--c4)}.ts-tb b{display:block;color:var(--c1);font-weight:700}.ts-tb em{display:block;font:italic 400 var(--text-xl)/1 var(--serif);color:var(--c2)}.ts-tabs{display:grid;gap:var(--s2)}.ts-tabs button{position:relative;overflow:hidden;display:grid;grid-template-columns:36px 1fr;gap:var(--s4);align-items:center;min-height:64px;padding:var(--s4) var(--s5);text-align:left;background:var(--c10);border:1px solid var(--c5);border-radius:var(--r);cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}.ts-tabs button:hover{border-color:var(--c4)}.ts-tabs button[aria-selected=true]{border-color:var(--c2);box-shadow:0 0 0 1px var(--c2)}.ts-tabs .n,.tr-h .n,.s3 .n,.bat-tabs .n{font:italic 400 var(--text-sm) var(--serif);color:var(--c2)}.ts-tabs b{display:block;font-weight:600;color:var(--c1)}.ts-tabs small{display:block;font-size:var(--text-xs);color:var(--c4)}.ts-tabs .pg{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--c2);transform:scaleX(0);transform-origin:left}.ts.play [aria-selected=true] .pg{animation:bar 6s linear forwards}.ts:hover .pg,.ts:focus-within .pg{animation-play-state:paused}@keyframes bar{to{transform:scaleX(1)}}.ts-panel{margin-top:var(--s5);padding:var(--s6);background:var(--c8);border-radius:var(--r)}.ts-panel p{font-size:var(--text-base);color:var(--c3);line-height:1.6}.tr-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s9);align-items:start}.tr-head{position:sticky;top:calc(var(--rv-h) + 110px)}.tr-head .legend{margin-top:var(--s6)}.tr-list{list-style:none;border-top:1px solid var(--c5)}.tr{border-bottom:1px solid var(--c5)}.tr h3{font:inherit;letter-spacing:0}.tr-h{width:100%;display:grid;grid-template-columns:40px 1fr auto 28px;gap:var(--s4);align-items:center;min-height:76px;padding:var(--s5) 0;text-align:left;background:none;border:0;cursor:pointer}.tr-h .tt{font:400 var(--text-xl)/1.2 var(--serif);color:var(--c1);transition:color .2s}.tr-h:hover .tt,.tr.open .tr-h .tt{color:var(--c2)}.tr-h .gd{font-size:var(--text-xs);font-weight:600;color:var(--c4);padding:4px 10px;border:1px solid var(--c5);border-radius:var(--r);white-space:nowrap}.tr-h .pl{position:relative;width:28px;height:28px;border-radius:50%;border:1px solid var(--c5);transition:background .25s,border-color .25s}.tr-h .pl:before,.tr-h .pl:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:var(--c1);transition:transform .3s var(--ease-out),background .25s}.tr-h .pl:after{transform:rotate(90deg)}.tr.open .pl{background:var(--c2);border-color:var(--c2)}.tr.open .pl:before,.tr.open .pl:after{background:var(--c10)}.tr.open .pl:after{transform:rotate(0)}.tr-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease-out)}.tr.open .tr-b{grid-template-rows:1fr}.tr-in{overflow:hidden;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--s6)}.tr-txt,.tr-figs{padding-bottom:var(--s6)}.tr-txt{padding-left:56px}.tr-txt p{font-size:var(--text-base);color:var(--c3);line-height:1.6}.tr-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.tr-figs figure{position:relative;aspect-ratio:6/5;border:1px solid var(--c6);background-color:var(--c10);background-image:linear-gradient(var(--c8) 1px,transparent 1px),linear-gradient(90deg,var(--c8) 1px,transparent 1px);background-size:16px 16px}.tr-figs svg{position:absolute;inset:14% 6% 4%;width:88%;height:82%}.tr-figs figcaption{top:auto;bottom:var(--s2)}.incl-dw .sheet{border:1px solid var(--c5);border-radius:var(--r);padding:var(--s4);background-color:var(--c10);background-image:linear-gradient(var(--c8) 1px,transparent 1px),linear-gradient(90deg,var(--c8) 1px,transparent 1px);background-size:16px 16px;box-shadow:var(--shadow)}.tdw{width:100%;height:auto}.tdw path{fill:none;stroke-linecap:round;stroke-linejoin:round}.tdw .frame{stroke:var(--c1);stroke-width:1.4}.tdw .base path{stroke:var(--c4);stroke-width:1.3}.tdw .ly path{stroke:var(--c2);stroke-width:1.8}.tdw .ly .ds{stroke-dasharray:.06 .04}.tdw .hf{fill:url(#tdHatch);color:var(--c2);opacity:.45;stroke:none!important}.tdw text{font:500 10px var(--sans);fill:var(--c3)}.tdw .ly text{fill:var(--c2);font-weight:600}.tdw .mid{text-anchor:middle}.tdw .tb .b{font-weight:700;fill:var(--c1)}.tdw .stamp circle{fill:none;stroke:var(--c2);stroke-width:1.6}.tdw .st{font:800 11px var(--sans);fill:var(--c2);text-anchor:middle;letter-spacing:.08em}.tdw .st2{font:600 8px var(--sans);fill:var(--c2);text-anchor:middle}.tdw .ly{transition:opacity .35s}.tdw.has-act .ly{opacity:.16}.tdw.has-act .ly.act{opacity:1}.js .incl-dw .base path:not(.ds),.js .incl-dw .ly path:not(.ds):not(.hf),.js .incl-dw .stamp circle{stroke-dasharray:1 1;stroke-dashoffset:1}.js .incl-dw .ly,.js .incl-dw .tx{opacity:0}.tdw .base .ds{stroke-dasharray:.03 .02}.js .incl-dw .base .ds{opacity:0;transition:opacity .6s .8s}.js .incl-dw.drawn .base .ds{opacity:1}.js .incl-dw.drawn .base path:not(.ds){stroke-dashoffset:0;transition:stroke-dashoffset 1.4s var(--ease-out)}.js .incl-dw.drawn .tx{opacity:1;transition:opacity .6s 1s}.js .incl-dw.drawn .ly{opacity:1;transition:opacity .4s var(--dl)}.js .incl-dw.drawn .ly path:not(.ds):not(.hf),.js .incl-dw.drawn .stamp circle{stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--ease-out) var(--dl)}.js .incl-dw.drawn .tdw.has-act .ly{opacity:.16;transition:opacity .35s}.js .incl-dw.drawn .tdw.has-act .ly.act{opacity:1}.tdw .ly[data-k="0"]{--dl:1s}.tdw .ly[data-k="1"]{--dl:1.3s}.tdw .ly[data-k="2"]{--dl:1.6s}.tdw .ly[data-k="3"]{--dl:2.2s}.tdw .ly[data-k="4"]{--dl:1.9s}.tdw .ly[data-k="5"]{--dl:2.5s}.stamp-note{margin-top:var(--s5);font-size:var(--text-sm);color:var(--c4);max-width:44ch}.stamp-note b{color:var(--c1);font-weight:600}.incl-list li{cursor:default;padding:var(--s2);margin:calc(-1 * var(--s2));border-radius:var(--r);transition:background .25s}.incl-list li.on{background:var(--c10)}.incl-list li.on .mic{background:var(--c2);color:var(--c10);border-color:var(--c2)}.incl-list b em{font:italic 400 var(--text-sm) var(--serif);color:var(--c2);margin-right:6px}.steps-sec.s1{background:var(--c9);color:var(--c1)}.s1 .h2{color:var(--c1);margin-bottom:0}.s1-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--s9);align-items:start}.s1-head{align-self:stretch}.s1-sticky{position:sticky;top:calc(var(--rv-h) + 120px)}.s1-count{margin-top:var(--s8);display:flex;align-items:baseline;gap:var(--s2);font-family:var(--serif)}.s1-count b{font-weight:400;font-size:var(--text-6xl);line-height:1;color:var(--c2);font-variant-numeric:tabular-nums}.s1-count span{font-size:var(--text-xl);color:var(--c4)}.s1-list{list-style:none;position:relative;padding-left:76px}.s1-rail{position:absolute;left:23px;top:var(--s6);bottom:var(--s9);width:2px;background:var(--c5)}.s1-rail i{display:block;height:100%;background:var(--c2);transform-origin:top;transform:scaleY(0)}.s1-list li{position:relative;padding:var(--s6) 0 var(--s9);opacity:.35;transition:opacity .4s}.s1-list li.on,html:not(.js) .s1-list li{opacity:1}.s1-ic{position:absolute;left:-76px;top:var(--s6);width:48px;height:48px;border-radius:50%;background:var(--c10);border:1px solid var(--c5);display:grid;place-items:center;color:var(--c4);transition:background .35s,border-color .35s,color .35s,transform .35s var(--ease-out)}.s1-list li.on .s1-ic{background:var(--c2);border-color:var(--c2);color:var(--c10);transform:scale(1.06)}.s1-ic svg,.s2-ic svg,.s3-ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.s1 .n{font-size:var(--text-xs);font-weight:600;color:var(--c4)}.s1 h3{font-size:clamp(var(--text-xl),2.6vw,var(--text-3xl));margin:var(--s1) 0 var(--s2)}.s1 p{color:var(--c3);max-width:46ch}.s1 .tag,.s3 .tag{display:inline-block;margin-top:var(--s4);padding:4px 10px;border:1px solid var(--c5);border-radius:var(--r);background:var(--c10);font-size:var(--text-xs);font-weight:600;color:var(--c2)}.s2-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--s4);margin-bottom:var(--s8)}.s2-top .h2{margin-bottom:0}.s2-hint{font-size:var(--text-sm);color:var(--c5)}.s2-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4)}.s2-tabs button{text-align:left;min-height:48px;padding:0 0 var(--s2);background:none;border:0;color:var(--c5);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:color .2s}.s2-tabs button:hover,.s2-tabs button[aria-selected=true]{color:var(--c10)}.s2-tabs .n{font:italic 400 var(--text-sm) var(--serif);color:var(--wine-l);margin-right:6px}.s2-tabs .bar{display:block;height:3px;margin-bottom:var(--s4);border-radius:2px;background:#ffffff29;overflow:hidden}.s2-tabs .bar i{display:block;height:100%;background:var(--wine-l);transform:scaleX(0);transform-origin:left}.s2-tabs button.past .bar i,.s2:not(.play) [aria-selected=true] .bar i{transform:none}.s2.play [aria-selected=true] .bar i{animation:bar 5s linear forwards}.s2:hover .bar i,.s2:focus-within .bar i{animation-play-state:paused}.s2-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s9);align-items:center;margin-top:var(--s8)}.s2-ic{width:52px;height:52px;border-radius:var(--r);border:1px solid var(--c3);display:grid;place-items:center;color:var(--wine-l);margin-bottom:var(--s6)}.s2-p h3{font-size:clamp(var(--text-2xl),3.4vw,var(--text-4xl));margin-bottom:var(--s4)}.s2-p h3 em{font-size:.5em;color:var(--wine-l);margin-right:var(--s4);vertical-align:middle}.s2-p p{color:var(--c6);font-size:var(--text-lg);line-height:1.55;max-width:34ch}.s2-p .tag{display:inline-block;margin-top:var(--s6);padding:4px 10px;border:1px solid var(--c3);border-radius:var(--r);font-size:var(--text-xs);font-weight:600;color:var(--c6)}.s2-art{position:relative;aspect-ratio:3/2;border:1px solid rgba(255,255,255,.14);border-radius:var(--r);background-color:#ffffff05;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px}.s2-art svg{position:absolute;inset:6% 5% 10%;width:90%;height:84%;overflow:visible}.s2-art path{fill:none;stroke-linecap:round;stroke-linejoin:round}.s2-art .ex path{stroke:#ffffff80;stroke-width:.7}.s2-art text{font:600 6px var(--sans);text-anchor:middle}.s2-art g[class^=l-]{opacity:0;transition:opacity .5s}.l-survey path{stroke:var(--gold);stroke-width:.6}.l-survey text{fill:var(--gold)}.l-survey .pin path{fill:#c8902e2e;stroke-width:.8}.l-survey .pin circle{fill:var(--gold)}.l-design path{stroke:var(--wine-l);stroke-width:.7;stroke-dasharray:2 1.6}.l-design text{fill:var(--wine-l)}.l-stamp circle{fill:none;stroke:var(--wine-l);stroke-width:.7}.l-stamp text{fill:var(--wine-l);font-size:5.2px;font-weight:800;letter-spacing:.05em}.l-build path{stroke:var(--c10);stroke-width:.9;stroke-dasharray:1 1;stroke-dashoffset:1}.l-build .fillw,.l-build .fillr{stroke:none;opacity:0}.l-build .fillw{fill:var(--r-warm)}.l-build .fillr{fill:#ffffff1f}#s2svg[data-stage="0"] .l-survey,#s2svg[data-stage="1"] .l-design,#s2svg[data-stage="2"] .l-design,#s2svg[data-stage="2"] .l-stamp,#s2svg[data-stage="3"] .l-build{opacity:1}.s2-art .pin{opacity:0;transform:translateY(-10px);transition:opacity .5s .2s,transform .7s var(--ease-out) .2s}#s2svg[data-stage="0"] .pin{opacity:1;transform:none}#s2svg[data-stage="3"] .l-build path{animation:xdraw 1.2s var(--ease-out) .1s forwards}#s2svg[data-stage="3"] .l-build .fillw,#s2svg[data-stage="3"] .l-build .fillr{animation:fillw .8s ease .9s forwards}@keyframes fillw{to{opacity:.85}}.s2-cap{position:absolute;left:var(--s5);bottom:var(--s3);font-size:var(--text-xs);color:var(--c5)}.steps-sec.s3{background:var(--c8);color:var(--c1)}.s3 .h2{color:var(--c1);margin-bottom:var(--s8)}.s3-rail{position:relative;height:48px;margin:0 calc(var(--s6) / -2)}.s3-rail:before{content:"";position:absolute;left:calc(50% / var(--n));right:calc(50% / var(--n));top:50%;height:2px;margin-top:-1px;background:var(--c5)}.s3-rail .fill{position:absolute;left:calc(50% / var(--n));top:50%;height:2px;margin-top:-1px;width:calc(var(--i) / var(--n) * 100%);background:var(--c2);transition:width .8s var(--ease-out)}.s3-rail .mk{position:absolute;top:50%;left:calc((var(--i) + .5) / var(--n) * 100%);width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--c2);color:var(--c10);display:grid;place-items:center;box-shadow:0 10px 24px -10px #7a1f3db3;transition:left .8s var(--ease-out)}.s3-rail .mk svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.s3-cards{list-style:none;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:var(--s6);margin-top:var(--s6)}.s3-cards li{padding:var(--s6);background:var(--c10);border:1px solid var(--c5);border-radius:var(--r);transition:transform .45s var(--ease-out),border-color .3s,box-shadow .45s var(--ease-out)}.s3-cards li.on{transform:translateY(-6px);border-color:var(--c2);box-shadow:var(--shadow)}.s3-ic{width:44px;height:44px;border-radius:var(--r);background:var(--c7);color:var(--c2);display:grid;place-items:center;margin-bottom:var(--s5);transition:background .3s,color .3s}.s3-cards li.on .s3-ic{background:var(--c2);color:var(--c10)}.s3 h3{font-size:var(--text-xl);margin:var(--s1) 0 var(--s2)}.s3 p{font-size:var(--text-sm);color:var(--c3);line-height:1.55}.bat-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s9);align-items:center}.bat-tabs{display:grid;gap:var(--s2);margin:var(--s7) 0 var(--s7)}.bat-tabs button{display:flex;align-items:center;gap:var(--s4);min-height:52px;padding:0 var(--s5);text-align:left;background:var(--c10);border:1px solid var(--c5);border-radius:var(--r);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.bat-tabs button:hover{border-color:var(--c4)}.bat-tabs button[aria-selected=true]{background:var(--c1);border-color:var(--c1);color:var(--c10)}.bat-tabs button[aria-selected=true] .n{color:var(--wine-l)}.is-draw .before{background-color:var(--c10);background-image:linear-gradient(var(--c8) 1px,transparent 1px),linear-gradient(90deg,var(--c8) 1px,transparent 1px);background-size:20px 20px}.is-draw .before svg *{fill:none!important;stroke:var(--c4)!important;stroke-width:1.2px!important}.is-draw .before svg .nw *{fill:var(--c10)!important;stroke:var(--c2)!important;stroke-width:2.2px!important}.is-draw .before svg .nw path[opacity]{fill:none!important;stroke-width:1px!important}@media(max-width:1000px){.ts,.tr-wrap,.s1-grid,.s2-body,.bat-grid{grid-template-columns:1fr}.bat-tabs{grid-template-columns:1fr 1fr;margin:var(--s6) 0}.ts{gap:var(--s6)}.ts-tabs{grid-template-columns:1fr 1fr}.tr-head,.s1-sticky{position:static}.s1-count,.s3-rail{display:none}.s3-cards{grid-template-columns:1fr 1fr;margin-top:0}}@media(max-width:600px){.ts-tabs button{grid-template-columns:1fr;gap:0;padding:var(--s3) var(--s4)}.ts-tabs small{display:none}.ts-tb{grid-template-columns:1fr auto}.ts-tb span:first-child{display:none}.ts-tb span+span{border-left:0}.ts-tb span:last-child{border-left:1px solid var(--c4)}.ts-panels{gap:var(--s2)}.tr-h{grid-template-columns:32px 1fr 28px}.tr-h .gd{display:none}.tr-in{grid-template-columns:1fr;gap:0}.tr-txt{padding-left:0}.s1-list{padding-left:64px}.s1-ic{left:-64px;width:44px;height:44px}.s1-rail{left:21px}.s2-tabs{gap:var(--s2)}.s2-tabs button{font-size:var(--text-sm)}.s2-tabs .n{display:none}.s3-cards{grid-template-columns:1fr}.bat-tabs button{min-height:48px;padding:0 var(--s4);font-size:var(--text-xs)}.bat-side .btn{display:none}}@media(prefers-reduced-motion:reduce){.js .ts .xd .nw path,.js .tr .xd .nw path,.js .incl-dw .base path,.js .incl-dw .ly path,.js .incl-dw .stamp circle,.l-build path{stroke-dashoffset:0!important;animation:none!important}.js .ts .xd .xh,.js .tr .xd .xh{opacity:.08}.js .incl-dw .ly,.js .incl-dw .tx{opacity:1}.l-build .fillw,.l-build .fillr{opacity:.85}}.ptk{height:320vh;padding:0;background:var(--c9);position:relative}.ptk-pin{position:sticky;top:var(--rv-h);height:calc(100vh - var(--rv-h));display:flex;align-items:center}.ptk-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--s9);align-items:center;width:100%}.ptk .h2 i{color:var(--c2)}.ptk-hint .m{display:none}.ptk-list{list-style:none;margin-top:var(--s7);display:grid;gap:2px}.ptk-list button{width:100%;display:grid;grid-template-columns:32px 1fr;gap:var(--s4);align-items:start;padding:var(--s3) var(--s4);min-height:48px;text-align:left;background:none;border:0;border-left:2px solid var(--c5);cursor:pointer;opacity:.45;transition:opacity .35s,border-color .35s,background .35s}.ptk-list li.past button{opacity:.75}.ptk-list li.on button{opacity:1;border-left-color:var(--c2);background:var(--c10)}.ptk-list .n{font:italic 400 var(--text-sm) var(--serif);color:var(--c2);padding-top:2px}.ptk-list b{display:block;font-weight:600;color:var(--c1)}.ptk-list small{display:block;font-size:var(--text-sm);color:var(--c3);line-height:1.45;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s var(--ease-out),opacity .3s}.ptk-list li.on small{max-height:3em;opacity:1}.ptk-bar{height:3px;margin-top:var(--s6);background:var(--c5);border-radius:2px;overflow:hidden}.ptk-bar i{display:block;height:100%;background:var(--c2);transform-origin:left;transform:scaleX(.1667);transition:transform .5s var(--ease-out)}.ptk-art{position:relative;aspect-ratio:3/2;border:1px solid var(--c5);border-radius:var(--r);background-color:var(--c10);background-image:linear-gradient(var(--c8) 1px,transparent 1px),linear-gradient(90deg,var(--c8) 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.ptk-art svg{position:absolute;inset:0;width:100%;height:100%}.ptk-art text{font:600 11px var(--sans);fill:var(--c4);text-anchor:middle}.ptk .soil{fill:#d9cfc4}.ptk .base-ln{stroke:var(--c3);stroke-width:1.5}.ptk .peg{stroke:var(--c2);stroke-width:3}.ptk .str{stroke:var(--c2);stroke-width:1.2;stroke-dasharray:4 3}.ptk .scaf path{fill:none;stroke:#8a9198;stroke-width:3}.ptk [class^=g],.ptk .scaf{opacity:0;transition:opacity .5s,transform .7s var(--ease-out)}.ptk .g0{transform:translateY(-8px)}.ptk .g3{transform:translateY(-16px)}.ptk .g2 .walls{transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);transition:transform .8s var(--ease-out)}.ptk .on-0 .g0,.ptk .on-1 .g1,.ptk .on-2 .g2,.ptk .on-3 .g3,.ptk .on-4 .g4,.ptk .on-5 .g5{opacity:1;transform:none}.ptk .on-2 .g2 .walls{transform:none}.ptk .on-2 .scaf{opacity:1}.ptk .on-5 .scaf,.ptk .on-2 .g0{opacity:0}.ptk .glow rect{fill:#f0cf9c;opacity:.7}.ptk .keys circle{fill:var(--c2)}.ptk .keys text{fill:var(--c2)}.ptk-cap{position:absolute;left:var(--s5);top:var(--s4);font-size:var(--text-xs);font-weight:600;color:var(--c4)}.ptk.still{height:auto;padding:var(--s10) 0}.ptk.still .ptk-pin{position:static;height:auto}@media(max-width:900px){.ptk{height:auto;padding:var(--s9) 0}.ptk-pin{position:static;height:auto}.ptk-grid{grid-template-columns:1fr;gap:var(--s6)}.ptk-art{order:-1}.ptk-hint .d{display:none}.ptk-hint .m{display:inline}}.hh{background:var(--c8)}.hh-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s9);align-items:center}.hh .h2 i{color:var(--c2)}.hh-ctl{margin-top:var(--s7);padding:var(--s6);background:var(--c10);border:1px solid var(--c5);border-radius:var(--r);display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:var(--s2) var(--s4)}.hh-ctl label{font-weight:600;font-size:var(--text-sm)}.hh-ctl output{font:400 var(--text-3xl)/1 var(--serif);color:var(--c2);font-variant-numeric:tabular-nums}.hh-ctl input{grid-column:1/-1;width:100%;height:44px;accent-color:var(--c2);cursor:pointer}.hh-scale{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;color:var(--c4);margin-top:calc(-1 * var(--s2))}.hh-res{margin-top:var(--s4);padding:var(--s5) var(--s6);border-radius:var(--r);border-left:4px solid var(--wa);background:var(--c10);transition:border-color .3s}.hh-res[data-s=tight]{border-left-color:var(--gold)}.hh-res[data-s=low]{border-left-color:var(--c2)}.hh-res b{display:block;font-weight:700;margin-bottom:var(--s1)}.hh-res p{font-size:var(--text-sm);color:var(--c3);line-height:1.55}.hh-note{margin:var(--s4) 0 var(--s6);font-size:var(--text-xs);color:var(--c4)}.hh-art{aspect-ratio:5/4;border:1px solid var(--c5);border-radius:var(--r);background-color:var(--c10);background-image:linear-gradient(var(--c8) 1px,transparent 1px),linear-gradient(90deg,var(--c8) 1px,transparent 1px);background-size:20px 20px;box-shadow:var(--shadow)}.hh-art svg{width:100%;height:100%}.hh-art path{fill:none;stroke-linecap:round;stroke-linejoin:round}.hh .fl{stroke:var(--c1);stroke-width:2}.hh .jo{stroke:var(--c4);stroke-width:1}.hh .gd{stroke:var(--gold);stroke-width:1.2;stroke-dasharray:5 4}.hh .gdt{font:600 11px var(--sans);fill:#8a6420;text-anchor:end}.hh .rf{stroke:var(--c2);stroke-width:2.5;fill:#7a1f3d0f}.hh .pp circle{fill:none;stroke:var(--c3);stroke-width:2}.hh .pp path{stroke:var(--c3);stroke-width:2}.hh .dm{stroke:var(--c2);stroke-width:1.2}.hh .dmt{font:700 13px var(--sans);fill:var(--c2);paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}@media(max-width:900px){.hh-grid{grid-template-columns:1fr;gap:var(--s6)}.hh-art{order:-1}}.ptk .keys .kk{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}.ptk .on-5 .g1{opacity:0}.rc{background:var(--c9)}.rc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s9);align-items:center}.rc .h2 i,.sp .h2 i{color:var(--c2)}.rc-panel{margin:var(--s7) 0 var(--s6);padding:var(--s6);background:var(--c10);border:1px solid var(--c5);border-left:4px solid var(--c2);border-radius:var(--r);min-height:212px}.rc-n{font:italic 400 var(--text-sm) var(--serif);color:var(--c2)}.rc-p h3{font-size:var(--text-2xl);margin:var(--s1) 0 var(--s4)}.rc-p dl{display:grid;gap:var(--s1)}.rc-p dt{font-size:var(--text-xs);font-weight:700;color:var(--c4);margin-top:var(--s2)}.rc-p dd{color:var(--c3);font-size:var(--text-base);line-height:1.5}.rc-art{position:relative;aspect-ratio:3/2;border:1px solid var(--c5);border-radius:var(--r);background:linear-gradient(var(--r-sky1),var(--r-sky2));overflow:hidden;box-shadow:var(--shadow)}.rc-art svg{position:absolute;inset:0;width:100%;height:100%}.rc .hl path,.rc .hl rect.o{fill:none;stroke:transparent;stroke-width:4;stroke-linecap:round;transition:stroke .3s}.rc .hl.on path,.rc .hl.on .o{stroke:var(--wine-l)}.rc .hl .drip{stroke-dasharray:3 4}.rc-pin{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:2px solid var(--c10);background:var(--c1);color:var(--c10);font-weight:700;font-size:var(--text-sm);cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s;box-shadow:0 6px 16px -6px #00000080}.rc-pin:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--c10);opacity:0;animation:pinpulse 2.4s ease-out infinite}.rc-pin.on{background:var(--c2);transform:scale(1.12)}.rc-pin.on:after{animation:none}.rc-pin:hover{background:var(--c2)}@keyframes pinpulse{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@media(prefers-reduced-motion:reduce){.rc-pin:after{animation:none}}.sp{background:var(--c8)}.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s9);align-items:center}.sp-ctl{margin-top:var(--s7);padding:var(--s6);background:var(--c10);border:1px solid var(--c5);border-radius:var(--r);display:grid;gap:var(--s5)}.sp-f{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 var(--s4)}.sp-f label{font-weight:600;font-size:var(--text-sm)}.sp-f output{font:400 var(--text-2xl)/1 var(--serif);color:var(--c2);font-variant-numeric:tabular-nums}.sp-f input{grid-column:1/-1;width:100%;height:40px;accent-color:var(--c2);cursor:pointer}.sp-res{margin-top:var(--s4);padding:var(--s5) var(--s6);background:var(--c10);border-radius:var(--r);border:1px solid var(--c5)}.sp-res p{color:var(--c3);font-size:var(--text-sm)}.sp-area{margin-bottom:var(--s2)}.sp-area b{font:400 var(--text-4xl)/1 var(--serif);color:var(--c1);font-variant-numeric:tabular-nums}.sp-plan{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--c6)}.sp-plan:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:var(--s2);background:var(--wa)}.sp-plan[data-s=pa]:before{background:var(--gold)}.sp-plan[data-s=fp]:before{background:var(--c2)}.sp-note{margin-top:var(--s4);font-size:var(--text-xs);color:var(--c4)}.sp-art{aspect-ratio:400/420;border:1px solid var(--c5);border-radius:var(--r);background-color:var(--c10);background-image:linear-gradient(var(--c8) 1px,transparent 1px),linear-gradient(90deg,var(--c8) 1px,transparent 1px);background-size:15px 15px;box-shadow:var(--shadow)}.sp-art svg{width:100%;height:100%}.sp .hs{fill:var(--c7);stroke:var(--c4);stroke-width:1.5}.sp .ex{fill:#7a1f3d1a;stroke:var(--c2);stroke-width:2.5}.sp .lb,.sp .lb2{font:600 13px var(--sans);text-anchor:middle;fill:var(--c4)}.sp .lb2{fill:var(--c2)}.sp .mk{stroke:var(--c5);stroke-width:1;stroke-dasharray:4 4}.sp .mkt{font:500 11px var(--sans);fill:var(--c4);text-anchor:end;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.sp .dm{stroke:var(--c2);stroke-width:1.2}.sp .dmt{font:700 12px var(--sans);fill:var(--c2)}.sp .dmt.mid{text-anchor:middle}.sp .dmt.end{text-anchor:end}@media(max-width:900px){.rc-grid,.sp-grid{grid-template-columns:1fr;gap:var(--s6)}.rc-art{order:-1}.rc-panel{min-height:0}}.ba .pins{position:absolute;inset:0;z-index:7;pointer-events:none}.ba .pins .pin{pointer-events:auto}.bat-main{min-width:0}.bat-changes{display:grid;grid-template-columns:repeat(3,1fr);gap:0 var(--s5);margin-top:var(--s5);border-top:1px solid var(--c5)}.bat-changes li{grid-template-columns:28px 1fr;padding:var(--s4) 0;border-bottom:0;cursor:default;outline-offset:2px}.bat-changes li b{font:600 var(--text-sm)/1.3 var(--sans);margin-bottom:2px}.bat-changes li span span{font-size:var(--text-xs);line-height:1.45;display:block}.bat-changes li.hl b{color:var(--c2)}.bat-changes li .n{width:24px;height:24px}.bat-changes:empty{display:none}.is-draw .before svg .dm *,.is-draw .before svg .dm{fill:none!important;stroke:var(--c2)!important;stroke-width:1.6px!important}.is-draw .before svg .dm text{fill:var(--c2)!important;stroke:none!important;font:600 17px var(--sans)}@media(max-width:760px){.bat-changes{grid-template-columns:1fr}.ba .pin span{display:none}}.is-draw .before svg .env{display:none}.kl{background:var(--c9)}.kl-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s9);align-items:center}.kl .h2 i{color:var(--c2)}.kl-tabs{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s7) 0 var(--s5)}.kl-tabs button{padding:10px 18px;border:1px solid var(--c5);border-radius:999px;background:var(--c10);font-weight:600;font-size:var(--text-sm);color:var(--c3);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.kl-tabs button:hover{border-color:var(--c2);color:var(--c2)}.kl-tabs button[aria-selected=true]{background:var(--c2);border-color:var(--c2);color:var(--c10)}.kl-p{padding:var(--s6);background:var(--c10);border:1px solid var(--c5);border-left:4px solid var(--c2);border-radius:var(--r)}.kl-d{color:var(--c3);font-size:var(--text-base);line-height:1.55}.kl-facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin:var(--s5) 0}.kl-facts dt{font-size:var(--text-xs);font-weight:700;color:var(--c4)}.kl-facts dd{font-size:var(--text-sm);color:var(--c1);margin-top:2px}.kl-legs{list-style:none;display:grid;gap:6px;padding:0;margin:0}.kl-legs li{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--c3);padding-bottom:6px;border-bottom:1px dashed var(--c5)}.kl-legs li b{font-variant-numeric:tabular-nums;color:var(--c1)}.kl-legs li.tot{border-bottom:0;padding-top:4px;font-weight:700;color:var(--c1)}.kl-legs li.tot b{color:var(--c2);font-size:var(--text-lg)}.kl-ok{display:flex;align-items:center;gap:8px;margin-top:var(--s3);font-size:var(--text-sm);font-weight:600;color:#3f6b4a}.kl-ok.bad{color:var(--c2)}.kl-note{font-size:var(--text-xs);color:var(--c4);margin:var(--s4) 0 var(--s6)}.kl-art{position:relative;aspect-ratio:48/34;background:var(--c10);border:1px solid var(--c5);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}.kl-art svg{position:absolute;inset:0;width:100%;height:100%}.kl-l{opacity:0;transition:opacity .45s}.kl-l.on{opacity:1}.kl-room{fill:#fbf9f6;stroke:var(--c1);stroke-width:6}.kl-unit{fill:#e9dfd3;stroke:var(--c4);stroke-width:1.5}.kl-unit.isl{fill:#dccfc0}.kl-tri{fill:#7a1f3d14;stroke:var(--c2);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1;stroke-linejoin:round}.kl-l.on .kl-tri{animation:kldraw 1.1s .25s ease forwards}@keyframes kldraw{to{stroke-dashoffset:0}}.kl-pt circle{fill:var(--c1);stroke:var(--c10);stroke-width:3}.kl-pt text{fill:var(--c10);font:700 13px var(--sans);text-anchor:middle}.kl-pt text.kl-lab{fill:var(--c3);font:600 12px var(--sans);paint-order:stroke;stroke:#fbf9f6;stroke-width:4px;stroke-linejoin:round}.kl-scale path{stroke:var(--c4);stroke-width:1.5;fill:none}.kl-scale text{fill:var(--c4);font:600 11px var(--sans);text-anchor:end}@media(prefers-reduced-motion:reduce){.kl-tri{stroke-dashoffset:0}.kl-l.on .kl-tri{animation:none}.kl-l{transition:none}}@media(max-width:900px){.kl-grid{grid-template-columns:1fr;gap:var(--s6)}.kl-art{order:-1}}.bl{background:var(--c9)}.bl-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s9);align-items:center}.bl .h2 i{color:var(--c2)}.bl-art{position:relative;aspect-ratio:3/2;background:var(--c10);border:1px solid var(--c5);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}.bl-art svg{position:absolute;inset:0;width:100%;height:100%}.bl-l{opacity:.07;transition:opacity .5s,transform .5s;transform:translateY(-8px)}.bl-l.on{opacity:1;transform:none}.bl-fall{stroke:var(--c2);stroke-width:2;fill:none}.bl-n{opacity:0;transition:opacity .4s}.bl-n.on{opacity:1}.bl-n circle{fill:var(--c1);stroke:var(--c10);stroke-width:2.5}.bl-n.cur circle{fill:var(--c2)}.bl-n text{fill:var(--c10);font:700 11px var(--sans);text-anchor:middle}.bl-cap{fill:var(--c4);font:600 11px var(--sans)}.bl-drops circle{fill:#5aa3bd;opacity:0}.bl-l.cur .bl-spray{animation:blspray .6s linear infinite}@keyframes blspray{to{stroke-dashoffset:-14}}.bl-l.cur .bl-drops circle{animation:bldrop 2.4s linear infinite}.bl-l.cur .bl-drops .d1{animation-delay:.8s}.bl-l.cur .bl-drops .d2{animation-delay:1.6s}@keyframes bldrop{0%{opacity:0;transform:translate(0)}10%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(262px,8px)}}.bl-list{list-style:none;padding:0;margin:var(--s7) 0 var(--s5);display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.bl-list button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 14px;border:1px solid var(--c5);border-radius:var(--r);background:var(--c10);font-weight:600;font-size:var(--text-sm);color:var(--c3);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.bl-list .n{font:italic 400 var(--text-sm) var(--serif);color:var(--c2)}.bl-list button:hover{border-color:var(--c2)}.bl-list button.past{color:var(--c1)}.bl-list button[aria-selected=true]{background:var(--c2);border-color:var(--c2);color:var(--c10)}.bl-list button[aria-selected=true] .n{color:var(--wine-xl)}.bl-panel{padding:var(--s6);background:var(--c10);border:1px solid var(--c5);border-left:4px solid var(--c2);border-radius:var(--r);margin-bottom:var(--s6);min-height:150px}.bl-p p{color:var(--c3);font-size:var(--text-base);line-height:1.55}.bl-p .why{margin-top:var(--s3);font-size:var(--text-sm)}.bl-p .why b{color:var(--c1)}@media(prefers-reduced-motion:reduce){.bl-l,.bl-n{transition:none}.bl-l.cur .bl-drops circle,.bl-l.cur .bl-spray{animation:none}}@media(max-width:900px){.bl-grid{grid-template-columns:1fr;gap:var(--s6)}.bl-panel{min-height:0}}@media(max-width:340px){.bl-list{grid-template-columns:1fr}}.dc{background:var(--c9)}.dc-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:var(--s9);align-items:start}.dc .h2 i{color:var(--c2)}.dc-form{display:grid;gap:var(--s5);margin-top:var(--s7)}.dc-form fieldset{border:0;padding:0;margin:0;transition:opacity .3s}.dc-form fieldset:disabled{opacity:.35}.dc-form legend{font-weight:700;font-size:var(--text-sm);color:var(--c1);margin-bottom:var(--s2)}.dc-opts{display:flex;flex-wrap:wrap;gap:var(--s2)}.dc-opts label{position:relative;cursor:pointer}.dc-opts input{position:absolute;opacity:0;inset:0;cursor:pointer}.dc-opts span{display:inline-block;padding:10px 16px;border:1px solid var(--c5);border-radius:999px;background:var(--c10);font-size:var(--text-sm);font-weight:600;color:var(--c3);transition:background .2s,color .2s,border-color .2s}.dc-opts label:hover span{border-color:var(--c2);color:var(--c2)}.dc-opts input:checked+span{background:var(--c2);border-color:var(--c2);color:var(--c10)}.dc-opts input:focus-visible+span{outline:2px solid var(--c2);outline-offset:2px}.dc-form fieldset:disabled label{cursor:not-allowed}.dc-art{position:relative;aspect-ratio:8/5;border:1px solid var(--c5);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:var(--c10)}.dc-art svg{position:absolute;inset:0;width:100%;height:100%}.dc-rain path{stroke:#7fa9bd;stroke-width:2;stroke-linecap:round;stroke-dasharray:8 40;animation:dcrain 1.1s linear infinite}.dc-rain path:nth-child(2n){animation-delay:-.4s}.dc-rain path:nth-child(3n){animation-delay:-.7s}@keyframes dcrain{to{stroke-dashoffset:-48}}.dc-surf,.dc-border,.dc-flow,.dc-kerb{transition:opacity .4s}.dc-surf,.dc-border,.dc-flow,.dc-kerb.lo{opacity:0}.dc[data-surface=porous] .por,.dc[data-surface=border] .hard,.dc[data-surface=border] .dc-border,.dc[data-surface=road] .hard2,.dc[data-surface=porous] .f-porous,.dc[data-surface=border] .f-border,.dc[data-surface=road] .f-road{opacity:1}.dc[data-kerb=yes] .dc-kerb.hi{opacity:0}.dc[data-kerb=yes] .dc-kerb.lo{opacity:1}.dc-flow path{fill:none;stroke:#2f7f9d;stroke-width:4;stroke-linecap:round;stroke-dasharray:10 10;animation:dcflow .8s linear infinite}.dc-flow.f-road path{stroke:var(--c2)}@keyframes dcflow{to{stroke-dashoffset:-20}}.dc-lab{fill:var(--c3);font:700 12px var(--sans)}.dc-lab.lt{fill:#f3efe8}.dc-cta{margin-top:var(--s5)}.dc-res{margin-top:var(--s5);padding:var(--s6);background:var(--c10);border:1px solid var(--c5);border-left:4px solid #3f6b4a;border-radius:var(--r)}.dc[data-ok=false] .dc-res{border-left-color:var(--c2)}.dc-v{font:400 var(--text-2xl)/1.2 var(--serif);color:#3f6b4a;margin-bottom:var(--s2)}.dc[data-ok=false] .dc-v{color:var(--c2)}.dc-res p{color:var(--c3);font-size:var(--text-base);line-height:1.55}.dc-res .dc-k{margin-top:var(--s3);font-size:var(--text-sm);font-weight:600;color:var(--c1)}.dc-note{margin-top:var(--s3);font-size:var(--text-xs);color:var(--c4)}@media(prefers-reduced-motion:reduce){.dc-rain path,.dc-flow path{animation:none}}@media(max-width:900px){.dc-grid{grid-template-columns:1fr;gap:var(--s6)}}.mp{background:var(--c9)}.mp-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s9);align-items:center}.mp .h2 i{color:var(--c2)}.mp-ctl{margin:var(--s7) 0 var(--s5);display:grid;gap:var(--s3)}.mp-l{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:var(--text-sm);color:var(--c1)}.mp-l output{font:400 var(--text-xl) var(--serif);color:var(--c2)}.mp-ctl input[type=range]{width:100%;accent-color:var(--c2);height:28px;cursor:pointer}.mp-scale{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--c4);margin-top:-6px}.mp-fire{border:0;padding:0;margin:var(--s3) 0 0}.mp-fire legend{margin-bottom:var(--s2)}.mp-opts{display:flex;gap:var(--s2)}.mp-opts label{position:relative;cursor:pointer}.mp-opts input{position:absolute;opacity:0;inset:0;cursor:pointer}.mp-opts span{display:inline-block;padding:10px 20px;border:1px solid var(--c5);border-radius:999px;background:var(--c10);font-size:var(--text-sm);font-weight:600;color:var(--c3);transition:background .2s,color .2s,border-color .2s}.mp-opts input:checked+span{background:var(--c2);border-color:var(--c2);color:var(--c10)}.mp-opts input:focus-visible+span{outline:2px solid var(--c2);outline-offset:2px}.mp-out{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin:0 0 var(--s4)}.mp-out>div{padding:var(--s5) var(--s4);background:var(--c10);border:1px solid var(--c5);border-radius:var(--r)}.mp-out dt{font-size:var(--text-xs);font-weight:700;color:var(--c4)}.mp-out dd b{display:block;font:400 var(--text-3xl)/1.1 var(--serif);color:var(--c1);margin:4px 0 2px;font-variant-numeric:tabular-nums}.mp-out dd span{font-size:var(--text-xs);color:var(--c3);line-height:1.4;display:block}.mp[data-high=true] #mpA,.mp[data-high=true] #mpR{color:var(--c2)}.mp-note{font-size:var(--text-xs);color:var(--c4);margin-bottom:var(--s6)}.mp-art{position:relative;aspect-ratio:8/5;background:var(--c10);border:1px solid var(--c5);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}.mp-art svg{position:absolute;inset:0;width:100%;height:100%}.mp-art svg *{transition:all .35s ease}.mp-cap{fill:var(--c4);font:600 11px var(--sans)}.mp-eyel{stroke:var(--c4);stroke-width:1.5;stroke-dasharray:3 5;fill:none}.mp-sight{stroke:var(--c2);stroke-width:2.5;stroke-dasharray:8 6;fill:none}.mp-arc{stroke:var(--c2);stroke-width:2;fill:none}.mp-dim{stroke:var(--c3);stroke-width:1.5;fill:none}.mp-dimt{fill:var(--c1);font:700 12px var(--sans)}@media(prefers-reduced-motion:reduce){.mp-art svg *{transition:none}}@media(max-width:900px){.mp-grid{grid-template-columns:1fr;gap:var(--s6)}.mp-art{order:-1}}@media(max-width:420px){.mp-out{grid-template-columns:1fr}.mp-out>div{display:flex;justify-content:space-between;align-items:center}.mp-out dd{text-align:right}}